@font-face{font-family:Archivo;font-style:normal;font-weight:700 900;font-display:swap;src:url(/assets/fonts/archivo-latin-700-900.woff2) format("woff2")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500 700;font-display:swap;src:url(/assets/fonts/space-grotesk-latin-500-700.woff2) format("woff2")}:root{color-scheme:light;--bg: #f7f5ef;--paper: #fffdf8;--ink: #0b0b0b;--line: rgba(11, 11, 11, .16);--soft: rgba(11, 11, 11, .055);--page-pad: clamp(18px, 3.2vw, 46px);--nav-logo-width: clamp(132px, 13vw, 205px);--hero-logo-width: min(86vw, 1180px);--display: "Archivo", "Arial Black", Arial, sans-serif;--body: "Space Grotesk", "Segoe UI", Arial, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0;overflow-x:hidden;background:var(--bg);color:var(--ink);font-family:var(--body)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}.morph-logo{position:fixed;top:55svh;left:50%;z-index:35;display:block;width:var(--hero-logo-width);transform:translate3d(-50%,-50%,0);will-change:top,left,transform,width}.morph-logo img{width:100%;height:auto;filter:drop-shadow(0 22px 46px rgba(0,0,0,.08))}.site-header{position:fixed;top:0;left:0;z-index:30;display:flex;align-items:center;justify-content:space-between;width:100%;min-height:82px;padding:22px var(--page-pad);border-bottom:1px solid transparent;background:transparent}.nav-logo-slot{width:var(--nav-logo-width);aspect-ratio:1433 / 286}.site-nav{display:flex;align-items:center;gap:clamp(18px,3vw,34px);margin-left:auto;font-size:12px;font-weight:900;text-transform:uppercase}.site-nav a{border-bottom:1px solid transparent;padding:8px 0}.site-nav a:hover{border-color:var(--ink)}.logo-hero{position:relative;display:grid;min-height:100svh;padding:clamp(74px,9vw,116px) clamp(18px,4vw,54px) clamp(22px,4vw,42px);overflow:hidden;background:linear-gradient(90deg,var(--soft) 1px,transparent 1px) 0 0 / clamp(72px,8vw,118px) 100%,radial-gradient(circle at 50% 52%,rgba(255,255,255,.92),transparent 34rem),var(--bg)}.logo-hero:after{position:absolute;right:clamp(18px,4vw,54px);bottom:clamp(22px,4vw,42px);left:clamp(18px,4vw,54px);height:1px;background:var(--ink);content:""}.hero-logo-anchor{align-self:center;justify-self:center;width:var(--hero-logo-width);aspect-ratio:1433 / 286}h1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.hero-meta{position:absolute;right:clamp(18px,4vw,54px);bottom:clamp(54px,6vw,82px);left:clamp(18px,4vw,54px);z-index:2;display:flex;justify-content:space-between;gap:20px}.hero-meta p,.scroll-cue,.section-kicker,.site-nav,.site-footer nav,.site-footer address,.footer-brand p{margin:0;font-size:12px;font-weight:900;text-transform:uppercase}.scroll-cue{position:absolute;right:clamp(18px,4vw,54px);bottom:clamp(22px,4vw,42px);z-index:2}.scroll-cue:after{display:inline-block;margin-left:10px;content:"↓"}.about{position:relative;display:grid;grid-template-columns:minmax(220px,.42fr) minmax(0,1fr);gap:clamp(28px,7vw,112px);align-items:center;min-height:100svh;padding:clamp(96px,12vw,164px) clamp(18px,4vw,54px);overflow:hidden;background:var(--ink);color:var(--bg)}.about:before{position:absolute;inset:0;background:linear-gradient(90deg,rgba(247,245,239,.055) 1px,transparent 1px) 0 0 / clamp(72px,8vw,118px) 100%,radial-gradient(circle at 18% 50%,rgba(247,245,239,.14),transparent 28rem);content:"";opacity:1}.about-visual,.about-copy{position:relative;z-index:1;opacity:1;transform:translateY(0)}.about-visual{display:grid;place-items:center;min-height:clamp(260px,34vw,520px);border:1px solid rgba(247,245,239,.2);background:#f7f5ef09}.about-visual img{width:min(58%,260px)}.about-copy{max-width:860px;transition-delay:90ms}.section-kicker{margin-bottom:clamp(18px,2vw,28px)}h2{margin:0;font-family:var(--display);font-size:clamp(48px,7vw,116px);font-weight:900;letter-spacing:0;line-height:.92}.about-copy p:last-child{max-width:670px;margin:clamp(24px,3vw,38px) 0 0;color:#f7f5efc2;font-size:clamp(18px,1.8vw,25px);font-weight:700;line-height:1.34}.site-footer{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(220px,.5fr);gap:clamp(28px,5vw,72px);align-items:end;border-top:1px solid var(--ink);padding:clamp(34px,5vw,60px) clamp(18px,4vw,54px);background:var(--paper)}.footer-brand img{width:clamp(156px,18vw,260px)}.footer-brand p{margin-top:14px}.site-footer nav,.site-footer address{display:grid;gap:10px;font-style:normal}.site-footer address{justify-items:end}.site-footer a{text-decoration-thickness:2px;text-underline-offset:5px}.site-footer a:hover{text-decoration-line:underline}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.morph-logo,.site-header,.about-visual,.about-copy,.about:before{transition:none}}@supports (animation-timeline: scroll()){.morph-logo{animation:dock-logo linear both;animation-timeline:scroll(root block);animation-range:0 70svh}.morph-logo img{animation:flatten-logo-shadow linear both;animation-timeline:scroll(root block);animation-range:0 70svh}.site-header{animation:dock-header linear both;animation-timeline:scroll(root block);animation-range:0 70svh}.hero-meta,.scroll-cue{animation:fade-hero-meta linear both;animation-timeline:scroll(root block);animation-range:0 45svh}}@keyframes dock-logo{to{top:14px;left:var(--page-pad);width:var(--nav-logo-width);transform:translateZ(0)}}@keyframes flatten-logo-shadow{to{filter:drop-shadow(0 0 0 rgba(0,0,0,0))}}@keyframes dock-header{to{min-height:62px;padding-top:12px;padding-bottom:12px;border-bottom-color:var(--line);background:#f7f5eff0;box-shadow:0 18px 44px #00000012;backdrop-filter:blur(18px)}}@keyframes fade-hero-meta{to{opacity:0}}@media(max-width:860px){:root{--nav-logo-width: 126px;--hero-logo-width: min(92vw, 720px)}.site-header{min-height:66px;padding:16px 18px}.site-nav{gap:16px;font-size:11px}.logo-hero{padding:76px 18px 22px}.hero-logo-anchor{width:var(--hero-logo-width)}.about,.site-footer{grid-template-columns:1fr}.about{min-height:auto;padding:92px 18px}.about-visual{min-height:220px;width:min(100%,340px)}h2{font-size:clamp(38px,11vw,68px)}.site-footer address{justify-items:start}}@media(max-width:520px){:root{--nav-logo-width: 104px;--hero-logo-width: 94vw}.site-header{gap:10px}.site-nav{gap:12px;font-size:10px}.logo-hero{padding-top:104px}.hero-logo-anchor{width:var(--hero-logo-width)}.hero-meta{align-items:flex-start;flex-direction:column;gap:6px;bottom:54px}.hero-meta p,.scroll-cue,.section-kicker,.site-footer nav,.site-footer address,.footer-brand p{font-size:11px}.about{padding:82px 18px}.about-visual{min-height:180px}h2{font-size:clamp(34px,12vw,50px)}.about-copy p:last-child{font-size:16px}}
