:root{--ink:#181817;--paper:#f7f2e9;--paper-2:#ede5d7;--gold:#a98a47;--gold-soft:#d4bd83;--line:rgba(24,24,23,.16);--serif:Georgia,"Times New Roman",serif;--sans:Inter,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;overflow-x:hidden}a{color:inherit}img{display:block;max-width:100%}.sr-only,.skip-link{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{position:fixed;z-index:100;width:auto;height:auto;clip:auto;margin:1rem;padding:.8rem 1rem;background:#fff;color:#000}.site-header{position:fixed;z-index:50;top:0;left:0;width:100%;height:84px;padding:0 clamp(24px,5vw,80px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid transparent;transition:background .4s,border-color .4s}.site-header.scrolled{background:rgba(247,242,233,.92);backdrop-filter:blur(18px);border-color:var(--line)}.brand{width:176px;height:40px;overflow:hidden;display:flex;align-items:center}.brand img{width:100%;height:auto}.site-nav{display:flex;gap:34px}.site-nav a{text-decoration:none;font-size:13px;letter-spacing:.06em;position:relative}.site-nav a:after{content:"";position:absolute;left:0;bottom:-7px;width:100%;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:right;transition:transform .35s}.site-nav a:hover:after,.site-nav a:focus-visible:after{transform:scaleX(1);transform-origin:left}.menu-toggle{display:none;border:0;background:none;width:40px;height:40px;padding:9px}.menu-toggle span:not(.sr-only){display:block;height:1px;background:currentColor;margin:6px 0}.hero{min-height:100svh;position:relative;display:grid;grid-template-columns:minmax(0,1fr) 260px;align-items:end;padding:150px clamp(24px,8vw,140px) 12vh;isolation:isolate}.hero-copy{max-width:850px;position:relative;z-index:3}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.25em;font-weight:700;color:var(--gold);margin:0 0 22px}.hero h1,.manifesto h2,.companies h2,.future h2,.contact h2{font-family:var(--serif);font-weight:400;letter-spacing:-.045em;line-height:.94;margin:0}.hero h1{font-size:clamp(64px,9vw,146px)}em{font-weight:400;color:var(--gold)}.hero-intro{max-width:650px;font-size:clamp(17px,1.5vw,22px);color:#56534d;margin:34px 0 38px}.hero-actions{display:flex;align-items:center;gap:28px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;text-decoration:none;border-radius:100px;font-size:13px;font-weight:700;letter-spacing:.03em;transition:transform .25s,background .25s,color .25s}.button:hover{transform:translateY(-3px)}.button-primary{background:var(--ink);color:var(--paper)}.text-link{text-decoration:none;font-size:13px;font-weight:700}.text-link span{color:var(--gold);margin-left:5px}.hero-mark{align-self:center;justify-self:end;text-align:center;position:relative;z-index:3}.hero-mark img{width:130px;margin:auto;mix-blend-mode:multiply}.hero-mark span{display:block;margin-top:12px;font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:#6c675e}.hero-orbit{position:absolute;inset:0;overflow:hidden;z-index:-1}.orbit{position:absolute;border:1px solid rgba(169,138,71,.18);border-radius:50%;left:70%;top:51%;transform:translate(-50%,-50%)}.orbit-one{width:42vw;height:42vw;animation:drift 14s ease-in-out infinite}.orbit-two{width:58vw;height:58vw;animation:drift 19s ease-in-out infinite reverse}.orbit-three{width:76vw;height:76vw;animation:drift 24s ease-in-out infinite}.glow{position:absolute;width:32vw;height:32vw;border-radius:50%;left:72%;top:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(212,189,131,.28),rgba(247,242,233,0) 67%);animation:breathe 8s ease-in-out infinite}.scroll-note{position:absolute;right:clamp(24px,5vw,80px);bottom:28px;display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:.2em;text-transform:uppercase}.scroll-note span{width:54px;height:1px;background:var(--gold)}@keyframes drift{50%{transform:translate(-48%,-53%) scale(1.035)}}@keyframes breathe{50%{opacity:.55;transform:translate(-50%,-50%) scale(1.12)}}.section-pad{padding:clamp(90px,12vw,180px) clamp(24px,8vw,140px)}.section-label{display:flex;align-items:center;gap:18px;font-size:10px;text-transform:uppercase;letter-spacing:.22em;margin-bottom:clamp(55px,8vw,110px)}.section-label span{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--gold)}.manifesto{background:#fffdf8}.manifesto-grid{display:grid;grid-template-columns:1.2fr .7fr;gap:8vw;align-items:end}.manifesto h2{font-size:clamp(46px,6.2vw,100px);max-width:900px}.manifesto-copy{font-size:clamp(17px,1.4vw,21px);color:#625e56}.manifesto-copy p{margin:0 0 24px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);margin-top:110px}.principle{padding:28px 7vw 0 0;border-right:1px solid var(--line);min-height:135px}.principle+ .principle{padding-left:2.5vw}.principle:last-child{border-right:0}.principle strong{display:block;font-family:var(--serif);font-size:24px;font-weight:400;margin-bottom:8px}.principle span{font-size:13px;color:#6c675f}.companies{background:var(--ink);color:var(--paper)}.section-label.light span{border-color:rgba(255,255,255,.2)}.companies-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:60px}.companies h2{font-size:clamp(54px,7vw,112px)}.companies-heading>p{max-width:300px;color:#aaa59a}.company-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.company-card{min-height:620px;border:1px solid rgba(255,255,255,.14);padding:34px;display:flex;flex-direction:column;text-decoration:none;position:relative;overflow:hidden;transition:border-color .35s,transform .35s}.company-card:hover{border-color:var(--gold-soft);transform:translateY(-6px)}.card-number{font-size:11px;letter-spacing:.2em;color:var(--gold-soft)}.card-body{margin:auto 0;position:relative;z-index:2}.card-kicker{text-transform:uppercase;letter-spacing:.2em;font-size:9px;color:var(--gold-soft)}.company-card h3{font-family:var(--serif);font-weight:400;font-size:clamp(52px,6vw,90px);line-height:.91;letter-spacing:-.04em;margin:16px 0 26px}.card-body>p:last-child{max-width:430px;color:#bdb8ae}.card-link{display:flex;justify-content:space-between;align-items:center;padding-top:22px;border-top:1px solid rgba(255,255,255,.14);font-size:12px;position:relative;z-index:2}.card-link b{font-size:22px;color:var(--gold-soft)}.card-aura{position:absolute;width:420px;height:420px;border-radius:50%;right:-250px;top:20%;background:radial-gradient(circle,rgba(169,138,71,.28),transparent 68%);transition:transform .7s}.studio .card-aura{background:radial-gradient(circle,rgba(111,92,130,.34),transparent 68%)}.company-card:hover .card-aura{transform:translate(-80px) scale(1.2)}.future{min-height:90vh;position:relative;display:grid;grid-template-columns:.7fr 1.4fr;gap:8vw;align-items:center;background:var(--paper-2);overflow:hidden}.future-mark img{width:min(300px,70%);margin:auto;mix-blend-mode:multiply}.future-copy{max-width:760px}.future h2{font-size:clamp(66px,8vw,128px)}.future-copy>p:last-child{max-width:540px;color:#625e56;font-size:18px;margin-top:30px}.future-line{position:absolute;width:70vw;height:70vw;border:1px solid rgba(169,138,71,.25);border-radius:50%;left:-35vw;top:10%;pointer-events:none}.contact{background:#fffdf8}.contact-grid{display:grid;grid-template-columns:1.35fr .65fr;align-items:end;gap:8vw}.contact h2{font-size:clamp(60px,8vw,130px)}.contact-action{padding-bottom:10px}.contact-action p{color:#625e56;font-size:18px;margin:0 0 28px}.button-dark{background:var(--ink);color:var(--paper)}.site-footer{background:var(--ink);color:var(--paper);padding:65px clamp(24px,8vw,140px) 32px;display:grid;grid-template-columns:1fr auto;gap:50px;align-items:center}.footer-brand{width:230px;height:55px;overflow:hidden}.footer-brand img{width:100%}.footer-links{display:flex;gap:30px}.footer-links a{font-size:12px;text-decoration:none;color:#c8c2b7}.site-footer>p{grid-column:1/-1;padding-top:24px;border-top:1px solid rgba(255,255,255,.12);font-size:10px;color:#89857d}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:800px){.site-header{height:70px}.brand{width:145px}.menu-toggle{display:block;position:relative;z-index:4}.site-nav{position:fixed;inset:0;background:var(--paper);padding:120px 28px 40px;display:flex;flex-direction:column;gap:20px;transform:translateX(100%);transition:transform .4s ease}.site-nav.open{transform:none}.site-nav a{font-family:var(--serif);font-size:36px}.hero{grid-template-columns:1fr;padding-top:130px;padding-bottom:90px}.hero h1{font-size:clamp(58px,18vw,90px)}.hero-mark{display:none}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.orbit{left:92%;top:40%}.orbit-one{width:90vw;height:90vw}.orbit-two{width:130vw;height:130vw}.orbit-three{width:170vw;height:170vw}.scroll-note{display:none}.manifesto-grid,.contact-grid,.future{grid-template-columns:1fr}.manifesto h2{font-size:50px}.principles{grid-template-columns:1fr;margin-top:70px}.principle,.principle+ .principle{border-right:0;border-bottom:1px solid var(--line);padding:24px 0;min-height:0}.companies-heading{display:block}.companies-heading>p{margin-top:24px}.company-grid{grid-template-columns:1fr}.company-card{min-height:500px}.future{min-height:auto}.future-mark img{width:130px;margin:0}.contact h2{font-size:58px}.contact-action{padding-top:30px}.site-footer{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
/* --- refinements (2026-08) --- */
/* Hero animates in on load via CSS (no JS dependency, visible even if JS is off). */
@keyframes heroReveal{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
.hero .reveal{opacity:1;animation:heroReveal .9s ease both}
.hero .hero-mark.reveal{animation-delay:.12s}
@media(max-width:800px){
  .menu-toggle{color:var(--ink)}
  .hero h1{font-size:clamp(52px,16vw,72px)}
}
@media(prefers-reduced-motion:reduce){
  .hero .reveal{animation:none;opacity:1;transform:none}
}