:root{--obs:#101113;--obs2:#17191b;--warm:#f0efea;--grey:#85878b;--red:#d84a36;--line:rgba(240,239,234,.17);--muted:#a5a5a3;--serif:Georgia,'Times New Roman',serif;--sans:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',Arial,sans-serif;--gutter:clamp(24px,5.2vw,112px);--accent:var(--red)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--obs);color:var(--warm);font-family:var(--sans);font-size:16px;line-height:1.55;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,a{font:inherit}button{cursor:pointer;color:inherit}a{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid #f0efea;outline-offset:4px}img{max-width:100%;display:block}::selection{background:#d84a36;color:#fff}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:500}strong{font-weight:650}.eyebrow{text-transform:uppercase;letter-spacing:.28em;font-size:11px;font-weight:650;color:#bbb9b5}.eyebrow b{color:var(--red)}.muted{color:var(--muted)}.serif{font-family:var(--serif);font-weight:400}.emph{font-style:italic;font-family:var(--serif)}.stroke{height:1px;background:var(--line)}.label{font-size:12px;letter-spacing:.17em;text-transform:uppercase;color:#b7b5b1}.wrap{max-width:1600px;margin:0 auto;padding:0 var(--gutter)}.section{padding:clamp(98px,11vw,185px) 0;position:relative;scroll-margin-top:60px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:44px}.section-index{font-size:11px;letter-spacing:.16em;color:var(--red)}.display{font-size:clamp(50px,7.2vw,116px);line-height:.98;letter-spacing:-.06em}.heading{font-size:clamp(37px,5.3vw,81px);line-height:1.04;letter-spacing:-.056em}.small-heading{font-size:clamp(30px,3.8vw,56px);line-height:1.09;letter-spacing:-.046em}.lead{font-size:clamp(18px,2vw,25px);line-height:1.56;font-weight:360}.bodycopy{font-size:clamp(15px,1.25vw,18px);line-height:1.82;color:#c1c1bd}.micro{font-size:12px;line-height:1.65;color:#999b9d}.button{border:1px solid rgba(240,239,234,.42);background:transparent;padding:12px 19px;display:inline-flex;align-items:center;gap:20px;letter-spacing:.13em;text-transform:uppercase;font-size:11px;transition:background .3s,border .3s,transform .3s;text-decoration:none;white-space:nowrap}.button:hover{background:#252629;border-color:#f0efea;transform:translateY(-2px)}.button.pill{border-radius:99px}.button.active{background:var(--warm);color:var(--obs);border-color:var(--warm)}.button svg{width:16px;height:16px}.ghost{border:0;background:none;padding:7px;text-align:left}.number{font-variant-numeric:tabular-nums}.rule{height:1px;background:var(--line)}
/* Navigation */
header.site-header{height:78px;position:fixed;z-index:99;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 var(--gutter);background:linear-gradient(180deg,rgba(16,17,19,.94),rgba(16,17,19,.67));backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(240,239,234,.09)}.nav-label{font-size:11px;letter-spacing:.2em;text-transform:uppercase}.desktop-nav{display:flex;gap:clamp(18px,2.3vw,35px);align-items:center}.desktop-nav a{text-decoration:none;color:#b1b2b1;font-size:12px;transition:color .2s}.desktop-nav a:hover,.desktop-nav a.is-active{color:#fff}.header-right{display:flex;gap:18px;align-items:center}.header-brand{height:35px;width:192px;overflow:hidden;display:flex;align-items:center;background:#101113}.header-brand img{width:180px;height:auto;object-fit:contain}.menu-toggle{display:none;background:none;border:1px solid var(--line);border-radius:50%;width:43px;height:43px;font-size:19px}.reading-progress{position:fixed;top:78px;left:0;height:2px;background:var(--red);width:0;z-index:100;transition:width .15s linear}.mobile-menu{display:none;position:fixed;z-index:98;top:78px;left:0;right:0;background:#101113;padding:28px var(--gutter) 38px;border-bottom:1px solid var(--line)}.mobile-menu a{display:block;text-decoration:none;padding:13px 0;border-bottom:1px solid var(--line)}
/* Hero */
.hero{min-height:min(920px,100svh);padding-top:78px;display:grid;grid-template-columns:1.03fr .97fr;position:relative;overflow:hidden}.hero-left{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(45px,7vw,90px) 2vw 50px var(--gutter);background:var(--obs);z-index:2}.hero-top{display:flex;align-items:center;gap:25px}.small-red{width:5px;height:5px;background:var(--red);border-radius:50%}.hero-logo{width:min(480px,90%);margin:clamp(28px,5vh,70px) 0 0 -14px;max-height:380px;object-fit:contain;object-position:left center}.hero-bottom h1{font-weight:500}.hero-bottom p{max-width:540px;margin:28px 0 35px}.hero-visual{overflow:hidden;position:relative;background:radial-gradient(circle at 45% 65%,#59463a,#191b1d 60%,#0f1011);min-height:620px}.hero-visual img{height:100%;width:100%;position:absolute;inset:0;object-fit:cover;filter:saturate(.9) brightness(.90);transform:scale(1)}.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#101113 0%,rgba(16,17,19,.05) 28%,rgba(16,17,19,.05) 72%,rgba(16,17,19,.22) 100%),linear-gradient(0deg,#101113 1%,transparent 40%)}.hero-visual .side-note{position:absolute;bottom:54px;right:var(--gutter);z-index:2;text-align:right}.hero-visual .grain,.photo-grain{pointer-events:none;position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.23'/%3E%3C/svg%3E");mix-blend-mode:screen;opacity:.12;z-index:2}.scroll-hint{position:absolute;right:var(--gutter);bottom:51px;z-index:4;writing-mode:vertical-rl;font-size:10px;letter-spacing:.25em;text-transform:uppercase;display:flex;align-items:center;gap:18px}.scroll-hint:after{content:"";height:60px;width:1px;background:#bdbab3}.hero .scroll-hint{left:calc(50% - 14px);right:auto}.image-tag{position:absolute;bottom:29px;left:30px;color:#d3cdc4;font-size:10px;letter-spacing:.19em;text-transform:uppercase;z-index:3}
/* Intro */
.intro{padding:clamp(120px,14vw,205px) 0}.intro .intro-grid{display:grid;grid-template-columns:.33fr 1fr;gap:5vw}.intro-quote{max-width:1060px}.intro-quote .display{font-size:clamp(45px,7.5vw,118px)}.intro-quote .intro-desc{max-width:600px;margin-top:45px;margin-left:auto}.decor-line{width:58px;height:2px;background:var(--red);margin:32px 0}
/* Photographic compositions */
.image-frame{position:relative;overflow:hidden;background:#242527}.image-frame img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.2,1),filter .4s}.image-frame:hover img{transform:scale(1.045)}.image-frame:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 60%,rgba(8,9,11,.57))}.frame-caption{position:absolute;z-index:2;bottom:23px;left:25px;display:flex;justify-content:space-between;right:25px;color:#fff;font-size:11px;letter-spacing:.15em;text-transform:uppercase}.editorial-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,8vw,130px);align-items:center}.editorial-split .image-frame{height:clamp(350px,49vw,730px)}.editorial-split.reverse .image-frame{order:2}.editorial-split.reverse .copy{order:1}.copy .lead{margin:26px 0}.copy .bodycopy{max-width:510px}.photo-pair{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;margin-top:85px}.photo-pair .image-frame{height:clamp(270px,35vw,560px)}
/* Timeline interactive */
.timeline-section{background:#17191a;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.timeline-header{display:grid;grid-template-columns:1fr .8fr;gap:5vw;margin-bottom:55px}.timeline-stage{display:grid;grid-template-columns:.8fr 1.2fr;min-height:460px;border:1px solid var(--line)}.timeline-controls{display:flex;flex-direction:column;justify-content:center;padding:clamp(26px,4vw,65px)}.stage-button{background:none;border:0;border-bottom:1px solid var(--line);padding:23px 0;display:grid;grid-template-columns:55px 1fr auto;text-align:left;align-items:center;color:#898b8c;transition:color .2s}.stage-button:hover,.stage-button.active{color:#f0efea}.stage-button.active .stage-number{color:var(--red)}.stage-title{font-size:clamp(21px,2vw,32px);font-weight:500;letter-spacing:-.04em}.stage-number{font-size:12px}.stage-visual{position:relative;min-height:440px;overflow:hidden}.stage-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.78);transition:opacity .3s}.stage-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#17191a 0%,transparent 28%),linear-gradient(0deg,rgba(0,0,0,.65),transparent 45%)}.stage-overlay{position:absolute;left:42px;right:25px;bottom:42px;z-index:3}.stage-overlay p{max-width:400px;font-size:18px;line-height:1.5}
/* Story */
.story-section{background:#111314}.story-columns{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.story-columns p{margin-bottom:28px}.quote-large{font-family:var(--serif);font-size:clamp(32px,4.2vw,66px);line-height:1.2;max-width:920px}.quote-block{border-left:2px solid var(--red);padding-left:clamp(25px,4vw,75px);margin-top:85px}
/* Gallery */
.gallery-wrap{position:relative}.gallery-controls{display:flex;flex-wrap:wrap;gap:10px;margin-top:38px}.filter{border:1px solid rgba(240,239,234,.23);border-radius:99px;padding:10px 19px;background:transparent;font-size:12px;transition:background .2s}.filter.active{background:var(--warm);color:#101113}.feature-gallery{display:grid;grid-template-columns:1.35fr .65fr;gap:18px;margin-top:24px}.feature-large{min-height:clamp(410px,49vw,700px)}.feature-large img{position:absolute;inset:0}.feature-copy{border:1px solid var(--line);padding:clamp(25px,4vw,60px);display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,#202123,#121416)}.feature-copy h3{font-size:clamp(36px,5.4vw,70px);letter-spacing:-.06em;line-height:1.08}.feature-copy p{margin-top:30px}.gallery-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:16px}.thumb{height:190px;overflow:hidden;background:#242426;border:1px solid transparent;padding:0;position:relative}.thumb img{width:100%;height:100%;object-fit:cover;filter:brightness(.69);transition:filter .2s,transform .3s}.thumb:hover img,.thumb.active img{filter:brightness(1);transform:scale(1)}.thumb.active{border-color:var(--warm)}.thumb span{position:absolute;left:13px;bottom:12px;background:rgba(9,10,11,.6);font-size:10px;padding:5px 8px;letter-spacing:.1em}
/* Identity */
.identity{background:#191b1d}.identity .identity-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.identity-specimen{background:#101113;min-height:390px;border:1px solid var(--line);padding:35px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.identity-specimen img.mark{height:auto;width:min(360px,85%);max-height:270px;object-fit:contain}.identity-specimen img.wordmark{height:auto;width:min(390px,90%)}.identity-specimen .caption{align-self:flex-start;margin-top:auto;font-size:11px;color:#9e9b97;letter-spacing:.12em}.identity-explainer{display:grid;grid-template-columns:1fr 1fr;gap:5vw;margin-top:45px}.identity-explainer p{max-width:560px}.tag{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid var(--line);font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#aeadab}
/* Typography / palette */
.type-block{margin-top:70px;display:grid;grid-template-columns:1.25fr .75fr;gap:28px}.type-card{padding:clamp(28px,4vw,60px);border:1px solid var(--line);min-height:370px}.type-card .sample{font-size:clamp(65px,11vw,155px);line-height:1;letter-spacing:-.08em;font-weight:650}.type-card p{margin-top:30px;color:#aaa9a7}.type-quote{font-family:var(--serif);font-size:clamp(40px,4.8vw,72px);font-style:italic;line-height:1.06}.palette{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:60px}.swatch{border:0;padding:0;text-align:left;background:none;display:block}.swatch-color{height:155px;width:100%;border:1px solid var(--line);position:relative}.swatch-color::after{content:'↗';position:absolute;right:16px;bottom:9px;color:#fff;mix-blend-mode:difference;font-size:18px}.swatch-name{display:block;margin-top:17px;font-size:13px}.swatch-code{display:block;margin-top:5px;font-size:12px;color:#9e9fa0;letter-spacing:.13em}
/* architecture */
.architecture{background:#141517}.arch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:60px}.arch-card{border-top:1px solid #a9a6a1;padding:32px 28px 42px 0}.arch-card span{color:var(--red);font-size:12px;letter-spacing:.2em}.arch-card h3{font-size:clamp(27px,2.5vw,43px);margin:30px 0;letter-spacing:-.04em}.arch-card p{font-size:14px;color:#aba9a7;line-height:1.75}
/* onboarding */
.collab-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.accordion{border-top:1px solid var(--line)}.accordion:last-child{border-bottom:1px solid var(--line)}.accordion-button{background:none;border:0;padding:23px 0;width:100%;display:flex;justify-content:space-between;gap:15px;text-align:left;font-size:19px;letter-spacing:-.02em}.accordion-button span:last-child{font-weight:300;font-size:25px;color:var(--red)}.accordion-content{max-height:0;overflow:hidden;transition:max-height .4s ease;color:#bcbab7}.accordion-content-inner{padding:0 0 25px;line-height:1.75;max-width:580px}.accordion.is-open .accordion-content{max-height:330px}.accordion.is-open .accordion-button span:last-child{transform:rotate(45deg)}
/* Tech appendix */
.tech{background:#1a1c1d}.tech-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;margin-top:55px}.tech-panel{padding:32px;border:1px solid var(--line)}.tech-panel h3{font-size:24px;letter-spacing:-.04em;margin-bottom:16px}.tech-panel p,.tech-panel li{font-size:14px;color:#b7b6b3;line-height:1.75}.tech-panel ul{padding-left:19px}.tech-downloads{display:flex;flex-wrap:wrap;gap:12px;margin-top:35px}
/* Full-bleed interludes */
.interlude{height:clamp(490px,65vh,820px);position:relative;overflow:hidden;display:flex;align-items:center;background:#222427}.interlude img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.67) saturate(.88)}.interlude::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,17,19,.92),rgba(16,17,19,.45),transparent),linear-gradient(0deg,rgba(16,17,19,.7),transparent 55%)}.interlude .wrap{position:relative;z-index:2;width:100%}.interlude .quote-large{max-width:740px}
/* Lightbox */
.dialog{position:fixed;inset:0;background:rgba(3,4,5,.92);z-index:200;display:none;align-items:center;justify-content:center;padding:50px 24px}.dialog.open{display:flex}.dialog-body{max-width:980px;width:100%;max-height:95vh;overflow:auto;text-align:center}.dialog-body img{max-height:72vh;width:auto;margin:0 auto;object-fit:contain}.dialog-body p{margin-top:22px;font-size:13px;color:#b5b4b1}.dialog-close{position:absolute;top:24px;right:27px;border:1px solid #555;background:none;color:#fff;border-radius:50%;width:44px;height:44px;font-size:27px}
/* Footer */
footer{padding:110px 0 45px;background:#0b0c0e;border-top:1px solid var(--line)}footer .footer-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw}.footer-wordmark{width:min(350px,100%)}footer .footer-quote{font-family:var(--serif);font-style:italic;font-size:clamp(27px,3.8vw,50px);line-height:1.18;margin:30px 0 70px}footer .foot-bottom{padding-top:30px;border-top:1px solid var(--line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;font-size:11px;color:#87888a}.foot-links{display:flex;flex-direction:column;gap:15px;align-items:flex-start}.foot-links a{text-decoration:none;color:#c0c1c1;font-size:13px}.foot-links a:hover{text-decoration:underline}.toast{position:fixed;bottom:28px;right:28px;background:#eeeae3;color:#18191b;z-index:210;padding:14px 18px;font-size:13px;box-shadow:0 15px 45px rgba(0,0,0,.3);opacity:0;transform:translateY(15px);transition:opacity .3s,transform .3s;pointer-events:none}.toast.show{opacity:1;transform:translateY(0)}.reveal{opacity:0;transform:translateY(20px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}
/* responsive */
@media(max-width:1060px){.desktop-nav{display:none}.menu-toggle{display:block}.mobile-menu.open{display:block}.hero{grid-template-columns:1fr 1fr}.hero-logo{max-height:310px}.hero-bottom .display{font-size:clamp(46px,6vw,80px)}.timeline-stage{grid-template-columns:1fr 1fr}.feature-copy{padding:28px}.feature-copy h3{font-size:45px}}
@media(max-width:760px){#reduceMotion{display:none}:root{--gutter:22px}.section{padding:90px 0}.hero{grid-template-columns:1fr;min-height:0}.hero-left{min-height:640px;padding:50px var(--gutter) 52px}.hero-logo{width:320px;margin:30px 0}.hero-bottom .display{font-size:65px}.hero-bottom p{max-width:500px}.hero-visual{min-height:450px}.hero .scroll-hint{display:none}.section-head{align-items:start;flex-direction:column}.intro .intro-grid,.editorial-split,.story-columns,.timeline-header,.timeline-stage,.feature-gallery,.identity .identity-grid,.identity-explainer,.type-block,.collab-grid,.footer-grid{grid-template-columns:1fr!important}.editorial-split.reverse .image-frame{order:0}.editorial-split.reverse .copy{order:1}.intro-quote .intro-desc{margin-left:0}.timeline-stage{display:flex;flex-direction:column}.timeline-controls{padding:25px}.stage-visual{min-height:380px}.gallery-thumbs{grid-template-columns:repeat(2,1fr)}.thumb{height:160px}.feature-large{min-height:420px}.feature-copy{min-height:320px}.identity-specimen{min-height:320px}.palette{grid-template-columns:repeat(2,1fr)}.swatch-color{height:120px}.arch-grid,.tech-grid{grid-template-columns:1fr}.photo-pair{grid-template-columns:1fr}.photo-pair .image-frame{height:360px}.section-head .button{margin-top:8px}.interlude{height:550px}.interlude .quote-large{font-size:44px}.desktop-only{display:none}}
@media(max-width:420px){.hero-bottom .display{font-size:54px}.hero-logo{width:290px}.header-brand{width:160px}.header-brand img{width:158px}.gallery-thumbs{gap:10px}.thumb{height:135px}.feature-large{min-height:370px}.stage-button{grid-template-columns:35px 1fr 20px}.stage-title{font-size:21px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
body.reduce-motion *{scroll-behavior:auto!important;animation:none!important;transition:none!important}body.reduce-motion .reveal{opacity:1;transform:none}

.inl-001{padding:19px 0}
.inl-002{margin-top:18px}
.inl-003{margin-top:26px}
.inl-004{padding-top:0}
.inl-005{margin-top:24px}
.inl-006{align-self:end;max-width:490px}
.inl-007{margin-top:25px}
.inl-008{margin-top:22px}
.inl-009{height:510px}
.inl-010{margin-top:28px}
.inl-011{max-width:380px}
.inl-012{margin-top:23px}
.inl-013{max-width:900px}
.inl-014{display:flex;flex-direction:column;justify-content:space-between}
.inl-015{margin-top:100px}
.inl-016{margin-top:15px}
.inl-017{background:#101113}
.inl-018{background:#F0EFEA}
.inl-019{background:#85878B}
.inl-020{background:#D84A36}
.inl-021{max-width:720px;margin-top:25px}
.inl-022{margin-top:35px}
.inl-023{font-size:clamp(26px,3vw,48px)}
.inl-024{max-width:440px}
.inl-025{height:570px}
.inl-026{margin-top:13px}
.inl-027{max-width:410px}
.inl-028{margin-top:12px}
.inl-029{margin-bottom:25px}
.inl-030{position:fixed;right:14px;bottom:14px;z-index:150}
.inl-031{display:inline-block;padding:12px 16px;border-radius:60px;background:#f0efea;color:#101113;font:600 12px system-ui,sans-serif;text-decoration:none;box-shadow:0 4px 30px #0009}
/* Updated approved identity is displayed unaltered. */
.hero-logo{filter:none!important;background:#101113;object-fit:contain}
.identity-specimen img.mark{background:#101113;object-fit:contain;filter:none}