/* Second direction: a product-led, scroll-choreographed landing. */
:root{--bg:#101112;--panel:#191b1c;--text:#f0eee8;--muted:#a3a6a6;--accent:#e2a779;--line:#ffffff24}
html{scroll-behavior:auto}body{background:var(--bg)}em{color:inherit}.header{position:absolute;height:100px}.wordmark{font-weight:600}.header-cta{border:1px solid #ffffff45;border-radius:40px;padding:12px 22px}.header-cta:hover{background:#efeee7;color:#111}.hero{height:100svh;min-height:750px;max-height:1200px;background:radial-gradient(ellipse at 72% 43%,#404248 0,#202326 34%,#101112 72%)}.hero-shade{background:linear-gradient(90deg,#10111255,transparent 65%);pointer-events:none}.hero-top{top:140px}.hero-copy{top:29%;width:85%;pointer-events:none}.hero h1{font-family:var(--sans);font-weight:500;font-size:clamp(72px,10.5vw,170px);line-height:.91;letter-spacing:-.08em}.hero h1 em{font-family:var(--serif);font-weight:400;letter-spacing:-.075em}.title-line{display:block;overflow:hidden;padding-bottom:.12em}.title-line:last-child{padding-left:9vw}.hero-copy>p{margin-top:36px;font-size:13px;max-width:260px}.hero-copy .button{pointer-events:auto;background:transparent;color:#f0eee8;border:1px solid #ffffff60;border-radius:50%;width:136px;height:136px;padding:24px;gap:5px;margin-top:5px;line-height:1.35}.hero-copy .button:hover{background:#eee9dc;color:#111;transform:rotate(-7deg)}.hero-copy .button span{font-size:25px}.hero-bottom{z-index:3;bottom:30px}.hero-orbit{position:absolute;inset:5% 0 0 28%;perspective:1400px;pointer-events:none}.hero-product{position:absolute;inset:11% 17% 14% 20%;transform-style:preserve-3d;transform:rotateX(-8deg) rotateY(-27deg) rotateZ(13deg);--spread:1}.product-panel{position:absolute;inset:0;border:10px solid #909498;background:linear-gradient(116deg,#c4d8db35,transparent 24%,#effcff30 25%,#eafaff06 48%,#d5e5e719 70%,transparent 72%);box-shadow:inset 0 0 0 2px #dbe2e1,inset 0 0 0 6px #30353a,3px 0 0 #242829,6px 0 0 #626a6d,0 35px 60px #0005;backdrop-filter:blur(3px);transform-style:preserve-3d}.panel-back{transform:translateX(17%) translateZ(-100px);opacity:.4}.panel-front{transform:translateX(calc(-24% * var(--spread))) translateZ(80px)}.panel-side{transform:translateX(calc(40% * var(--spread))) translateZ(180px);background-color:#9baca80b}.product-panel i{position:absolute;right:12px;top:48%;height:55px;width:5px;background:linear-gradient(90deg,#404647,#e8ede9,#666e6f);box-shadow:3px 2px 5px #000}.orbit-ring{position:absolute;inset:6% 0 2% -12%;border:1px solid #ffffff0e;border-radius:50%;transform:rotate(-20deg)}.product-caption{position:absolute;right:7%;bottom:12%;font-size:9px;letter-spacing:.2em;color:#a4abae;writing-mode:vertical-rl}.manifesto{position:relative;min-height:52vh;display:block;text-align:center;padding:100px var(--gutter);background:#eae8df;color:#252727}.manifesto>.eyebrow{font-size:9px;margin:0 0 35px}.manifesto p{font:400 clamp(36px,5.5vw,84px)/1.08 var(--sans);letter-spacing:-.055em}.manifesto p em{font-family:var(--serif)}.manifesto>span:last-child{margin-top:35px;color:#70726c}.systems{background:#eae8df;color:#252727;padding-top:35px;padding-bottom:120px}.systems .section-description,.systems .eyebrow>span{color:#686c65}.systems h2,.approach h2,.spaces h2,.process h2{font-family:var(--sans);font-weight:400;letter-spacing:-.065em}.systems h2 em,.approach h2 em,.spaces h2 em,.process h2 em{font-family:var(--serif)}.system-grid{gap:1px;background:#adb2ab}.system-card,.system-card:nth-child(2),.system-card:nth-child(3){min-height:440px;background:#d9ddd5;border:0;color:#252727;transition:background .6s}.system-card:hover{background:#c6cfc5}.card-top{color:#4b514b}.card-bottom{background:linear-gradient(transparent,#d9ddd5);padding-bottom:30px}.card-bottom p{color:#5a635a}.system-art{top:80px;height:245px;box-shadow:20px 30px 24px #38453525}.card-bottom h3{font-family:var(--serif);font-size:29px}.experience{background:#101112;border:0}.experience-stage{min-height:700px;display:flex;flex-direction:column;justify-content:center}.experience-heading{margin-bottom:30px}.experience-layout{grid-template-columns:1fr 1.8fr;gap:40px;align-items:center}.experience-copy h2{font-size:clamp(42px,5.3vw,85px)}.viewer{min-height:560px;border:0;background:radial-gradient(ellipse,#42484a 0%,#24292c 35%,#101112 75%);overflow:visible}.scene{height:350px}.scene-landscape{background:linear-gradient(#bec7c210,#70888815);opacity:.35}.scene-landscape:before,.scene-landscape:after{display:none}.outer-frame{border-color:#889193;box-shadow:0 35px 45px #0008,3px 0 #15191b}.pane{border-color:#9ea8a9;background:linear-gradient(125deg,#c9e0e51a 0%,#72949d10 34%,#effcff44 37%,#adcbd110 52%,#e0f5fa12)}.viewer-meta{color:#acb3b7}.viewer-controls{max-width:390px;margin:auto}.viewer input{accent-color:#e2a779}.view-tabs button[aria-pressed=true]{color:#e2a779}.model-note{max-width:240px!important}.story-track{height:1px;background:#ffffff26;margin-top:32px;position:relative}.story-track i{display:block;height:1px;background:#e2a779;transform-origin:left;transform:scaleX(var(--story-progress,0))}.story-counter{display:flex;justify-content:space-between;margin-top:13px;font:9px var(--sans);letter-spacing:.18em;color:#828b8d}.scroll-story.motion-active{height:260vh;padding-top:0;padding-bottom:0}.scroll-story.motion-active .experience-stage{position:sticky;top:0;height:100svh;min-height:650px}.scroll-story.motion-active .construction{transition:none;will-change:transform}.scroll-story.motion-active[data-scrubbing=true] .pane{transition:none}.approach{background:#eae8df;color:#252727}.approach .section-description,.approach .principles p{color:#666c65}.principles{border-color:#b9beb4}.principles article+article{border-color:#b9beb4}.principle-icon{color:#333e35}.spaces{padding-top:110px;background:#eae8df;color:#252727}.spaces .section-description{color:#666c65}.space-grid{gap:4vw;align-items:start}.space-small{margin-top:150px}.space-card{height:580px;color:#ecece4}.space-small{height:440px}.space-card>img,.interior-art{transition:transform 1.2s cubic-bezier(.2,.65,.2,1)}.space-card:hover>img,.space-card:hover>.interior-art{transform:scale(1.07)}.process{background:#eae8df;color:#252727;border:0}.process-list li{border-color:#adb3a7}.process-list p{color:#666c65}.process-list li>span{color:#727d6d}.contact{background:#acb6a3;color:#172017;padding-top:120px;padding-bottom:120px}.contact h2{font-family:var(--sans);font-weight:500;letter-spacing:-.075em}.contact h2 em{font-family:var(--serif)}.contact-row p,.contact-note{color:#3c4b38}.contact .button{border-radius:50px;background:#172017;color:#eee}.footer{padding-bottom:90px}.motion-toggle{position:fixed;right:20px;bottom:18px;z-index:40;border-radius:40px;background:#eae8df;color:#212722;border:1px solid #7777;padding:11px 17px;font-size:10px;letter-spacing:.03em;box-shadow:0 4px 25px #0002}.motion-toggle span{margin-left:13px}.motion-toggle[aria-pressed=true]{background:#202523;color:#ecece4}.motion-on .reveal{transition:opacity .85s ease,transform 1.1s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0ms)}.motion-on .reveal:not(.is-visible){opacity:0;transform:translateY(60px)}.motion-on .hero-product{will-change:transform}.motion-on .hero .title-line{animation:title-enter 1.5s cubic-bezier(.16,1,.3,1) both}.motion-on .hero .title-line:nth-child(2){animation-delay:.18s}.motion-on .hero-product{animation:product-enter 1.8s cubic-bezier(.16,1,.3,1) both}.motion-on .hero-copy>p,.motion-on .hero-copy>.button{animation:copy-enter 1s .5s both}.motion-on .scroll-arrow{animation:scroll-cue 2.5s infinite}.motion-on .mobile-nav:not([hidden]) a{animation:copy-enter .65s both}.motion-on .mobile-nav a:nth-child(2){animation-delay:.08s}.motion-on .mobile-nav a:nth-child(3){animation-delay:.16s}.motion-on dialog[open]{animation:copy-enter .4s both}.motion-on .button,.motion-on .header-cta{transition:background .3s,transform .4s,color .3s}
@keyframes title-enter{from{clip-path:inset(100% 0 0 0);transform:translateY(70px)}to{clip-path:inset(0);transform:translateY(0)}}
@keyframes product-enter{from{opacity:0;filter:blur(12px);translate:12% 10%}to{opacity:1;filter:blur(0);translate:0 0}}
@keyframes copy-enter{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}
@keyframes scroll-cue{0%,100%{transform:translateY(-3px)}50%{transform:translateY(6px)}}
@media(max-width:1000px){.experience-layout{gap:20px;grid-template-columns:1fr 1.35fr}.hero-copy{top:32%}.hero-copy .button{height:110px;width:110px;padding:18px}.scene{height:310px}.space-card{height:440px}.space-small{height:370px}.system-card{min-height:390px}.system-art{height:210px}}
@media(max-width:760px){.header{height:78px}.hero{min-height:760px;max-height:none;height:100svh}.hero-top{top:105px}.hero h1{font-size:clamp(52px,12.8vw,96px);letter-spacing:-.075em}.hero-copy{top:24%;width:auto}.title-line:last-child{padding-left:5vw}.hero-copy>p{margin-top:30px;font-size:12px}.hero-copy .button{margin-top:135px;width:auto;height:auto;border-radius:30px;padding:15px 22px;gap:30px}.hero-orbit{inset:26% -2% 12% 30%;opacity:.8}.hero-product{inset:7% 15% 9% 20%}.product-panel{border-width:6px}.product-caption{right:11%;bottom:0;font-size:7px}.hero-bottom .art-note{font-size:8px}.manifesto{padding-top:70px;padding-bottom:60px;min-height:0}.manifesto p{font-size:36px}.system-grid{background:transparent;gap:14px}.system-card{min-height:340px}.system-art{height:210px}.experience-layout{grid-template-columns:1fr;gap:12px}.experience-heading{margin-bottom:18px}.experience-copy h2{font-size:42px}.experience-copy h2 br{display:none}.experience-copy>p{margin-top:14px;font-size:12px}.experience-copy .model-note{display:none}.view-tabs{margin-top:16px}.viewer{min-height:340px}.viewer-meta{padding:12px 5px}.scene{height:210px}.viewer-controls{padding:0 10px}.viewer-controls p,.viewer-status,.range-labels{display:none}.viewer input{margin:5px 0}.story-track{margin-top:15px}.scroll-story.motion-active{height:230svh}.scroll-story.motion-active .experience-stage{min-height:620px;height:100svh;padding:30px 0}.experience-stage{min-height:0}.space-small{margin-top:20px}.spaces{padding-top:60px}.space-card{height:430px}.space-small{height:370px}.motion-toggle{bottom:12px;right:12px;font-size:9px;padding:10px 13px}.contact{padding-top:75px;padding-bottom:75px}}
/* A user-controlled opt-in may override the OS preference for this page only. */
@media(prefers-reduced-motion:reduce){body.motion-on .pane{transition:transform 1.1s cubic-bezier(.4,0,.2,1)!important}body.motion-on .construction{transition:transform 1.15s!important}body.motion-on .scroll-story.motion-active .construction,body.motion-on .scroll-story[data-scrubbing=true] .pane{transition:none!important}body.motion-on .reveal{transition:opacity .85s ease,transform 1.1s cubic-bezier(.16,1,.3,1)!important}body.motion-on .hero .title-line{animation:title-enter 1.5s cubic-bezier(.16,1,.3,1) both!important}body.motion-on .hero-product{animation:product-enter 1.8s both!important}body.motion-on .button,body.motion-on .system-art,body.motion-on .space-card>img{transition:transform .8s,background .3s!important}}