@charset "UTF-8";
@font-face{font-family:Inter;src:url("fonts/InterVariable.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
:root{font-family:Inter,sans-serif;font-synthesis:none;color:#121212;background:#d9dad7;--margin:6.2vw;--top:6.1svh;--tracking:-.025em}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;width:100%}body{-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:0;background:none;padding:0;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:1px solid currentColor;outline-offset:8px}button svg{pointer-events:none}button{touch-action:manipulation}::selection{background:#333;color:#fff}
.hero{height:100svh;min-height:560px;position:relative;overflow:hidden;isolation:isolate;background:#d4d4d1}.visual{position:absolute;inset:-2.2%;will-change:transform;transform:translate3d(var(--mx,0px),var(--my,0px),0);pointer-events:none}.visual-breath{width:100%;height:100%;transform-origin:50% 48%;animation:breathe 18s ease-in-out infinite alternate;will-change:transform}.hero-image{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 49%;user-select:none}.adaptive-ink{color:white;mix-blend-mode:difference}.top-line{position:absolute;left:var(--margin);right:var(--margin);top:var(--top);display:flex;align-items:center;justify-content:space-between;font-size:clamp(12px,1.1vw,16px);font-weight:400;letter-spacing:var(--tracking);line-height:1.2}.top-line span{display:block}.brand-center{position:absolute;top:49%;left:50%;transform:translate(-50%,-50%);width:max-content;max-width:calc(100% - 40px);text-align:center;color:#fff;text-shadow:0 1px 12px #0005;animation:reveal 1.2s .15s both}.wordmark{font-size:clamp(26px,2.6vw,40px);font-weight:600;letter-spacing:-.075em;line-height:1;display:inline-block}.bottom-line{position:absolute;bottom:7.7svh;left:var(--margin);right:var(--margin);display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:clamp(12px,1.1vw,16px);font-weight:400;letter-spacing:var(--tracking);line-height:1.2;margin:0}.bottom-line span{white-space:nowrap}.utilities{position:absolute;left:var(--margin);right:var(--margin);bottom:2.4svh;display:flex;align-items:center;justify-content:flex-end;font-size:9px;font-weight:400;letter-spacing:.015em}.menu-toggle{display:flex;align-items:center;gap:10px;min-height:32px}.menu-toggle svg{width:13px;height:13px;stroke:currentColor;stroke-width:1.2;transition:transform .3s}.menu-toggle:hover svg{transform:rotate(90deg)}.menu-toggle:hover{opacity:.65}.modal-open{overflow:hidden}
dialog{position:fixed;inset:0 0 0 auto;margin:0;width:min(610px,100%);max-width:100%;height:100%;max-height:100svh;border:0;background:#eeefeb;color:#1d1e1a;padding:0;overflow:auto;overscroll-behavior:contain}dialog::backdrop{background:#0006;backdrop-filter:blur(8px)}dialog[open]{animation:panel-in .45s cubic-bezier(.16,1,.3,1)}.panel-header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:25px 40px;background:#eeefebf2}.panel-logo{font-size:22px;font-weight:600;letter-spacing:-1.8px}.close{width:36px;height:36px;display:grid;place-items:center;transition:transform .3s}.close:hover{transform:rotate(90deg)}.close svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.2}.panel-body{padding:35px 48px 45px}.eyebrow{font-size:9px;letter-spacing:.03em;margin:0 0 30px;color:#656760}h2{font-size:clamp(33px,3.6vw,48px);font-weight:400;line-height:1.07;letter-spacing:-.055em;margin:0 0 24px;white-space:pre-line}.panel-intro{font-size:14px;line-height:1.65;letter-spacing:-.015em;margin:0 0 38px;max-width:440px;color:#60625b}.principle{display:flex;gap:22px;border-top:1px solid #c7cac1;padding:22px 0}.principle>span{font-size:9px;line-height:22px;color:#66685e}.principle h3{font-weight:500;font-size:16px;letter-spacing:-.035em;margin:0 0 8px}.principle p{font-size:12px;line-height:1.6;color:#65675e;letter-spacing:-.01em;margin:0}.panel-signoff{font-size:17px;font-weight:400;letter-spacing:-.04em;margin:32px 0 22px}.back{display:flex;align-items:center;gap:15px;font-size:9px;border-bottom:1px solid #999c90;padding:10px 0}.back svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.2;fill:none}.back:hover{opacity:.6}

@keyframes breathe{from{transform:scale(1)}to{transform:scale(1.045)}}@keyframes reveal{from{opacity:0;transform:translate(-50%,-46%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes panel-in{from{transform:translateX(100%)}to{transform:translateX(0)}}
@media(min-aspect-ratio:2/1){.hero-image{object-position:50% 43%}.brand-center{top:52%}}
@media(max-width:900px){:root{--margin:6vw}.top-line,.bottom-line{font-size:12px}.wordmark{font-size:30px}.hero-image{object-position:49% 50%}.brand-center{top:49%}}
@media(max-width:600px){:root{--margin:6vw;--top:5.8svh}.hero{min-height:560px}.hero-image{object-position:43.5% 50%}.visual{inset:-1.5%}.top-line{font-size:10px;gap:12px;letter-spacing:-.04em}.brand-center{top:48%;width:100%;max-width:calc(100% - 36px)}.wordmark{font-size:29px}.bottom-line{bottom:9.1svh;font-size:10px;gap:8px;letter-spacing:-.04em}.utilities{font-size:8px;bottom:3svh}.panel-header{padding:20px 25px}.panel-body{padding:28px 28px 40px}.panel-intro{font-size:13px}.principle{gap:16px}.principle p{font-size:12px}.panel-signoff{font-size:16px}}
@media(max-height:550px) and (min-width:700px){.hero{min-height:420px}.top-line{top:28px}.bottom-line{bottom:62px}.utilities{bottom:14px}.brand-center{top:49%}.wordmark{font-size:26px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.visual,.visual-breath{will-change:auto}.visual{transform:none!important}}


/* Keep the two phrases together for immediate readability. */
.top-line{justify-content:flex-start;gap:.5em}.top-line span:nth-child(3){margin-left:auto}