@font-face{font-family:RoomgainDisplay;src:url('assets/roomgain-display.otf') format('opentype');font-weight:700;font-display:swap}
:root{--charcoal:#181a17;--cream:#f0e8d9;--orange:#cb7547;--green:#273d30;--brown:#403228;--muted:#b8b7a8;--gutter:clamp(1.3rem,5.1vw,6rem);--display:RoomgainDisplay,'Arial Narrow',sans-serif;--body:'Helvetica Neue',Arial,sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--charcoal);color:var(--cream);font-family:var(--body);font-size:16px;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit;cursor:pointer}button:disabled{cursor:default}button{border:0}img{display:block;width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--display);font-weight:700}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--orange);outline-offset:5px}[hidden]{display:none!important}.page-gutter{padding-left:var(--gutter);padding-right:var(--gutter)}.skip{position:fixed;top:8px;left:8px;z-index:1000;transform:translateY(-200%);padding:14px;background:var(--cream);color:var(--charcoal)}.skip:focus{transform:none}
.site-header{height:96px;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:30px;position:fixed;inset:0 0 auto;z-index:40;border-bottom:1px solid #f0e8d929;transition:background .3s,color .3s,height .3s;isolation:isolate}.site-header.scrolled{height:78px;background:#181a17de;backdrop-filter:blur(18px)}.wordmark{font-weight:800;font-size:35px;letter-spacing:-2.3px;line-height:1}.wordmark span{color:var(--orange)}.desktop-nav{display:flex;gap:clamp(22px,3vw,48px);font-size:13px}.desktop-nav a{opacity:.83}.desktop-nav a:hover{opacity:1;color:var(--orange)}.header-link{font-size:13px;border-bottom:1px solid #f0e8d977;padding:12px 0;display:flex;gap:30px}.header-link span{color:var(--orange)}.menu-toggle{display:none;background:transparent;padding:12px 0}.mobile-nav{position:absolute;left:0;right:0;top:100%;background:var(--charcoal);padding:25px var(--gutter);display:grid;gap:25px}
.experience{height:540svh;position:relative;background:#10120f}.experience-pin{position:sticky;top:0;height:100svh;min-height:590px;overflow:hidden;isolation:isolate}.scene{position:absolute;inset:0;will-change:transform,clip-path,opacity}.scene img,.scene video{height:100%;width:100%;object-fit:cover;position:absolute;inset:0}.hero-scene{z-index:0}.hero-poster{opacity:1}.assembly-film{opacity:0;transition:opacity .6s}.film-ready .assembly-film{opacity:1}.hero-scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,15,12,.84),rgba(15,18,14,.36) 47%,rgba(15,18,14,.04) 76%),linear-gradient(0deg,#10140edf,transparent 34%,transparent 75%,#11140d66)}.system-scene{z-index:1;clip-path:inset(0 0 0 100%)}.system-scrim{position:absolute;inset:0;background:linear-gradient(0deg,#111710dc,transparent 61%),linear-gradient(90deg,#0d150d66,transparent 58%)}.drawer-scene{z-index:2;opacity:0;clip-path:inset(62% 28% 31% 57%)}.drawer-scene img{object-position:62% center}.drawer-scrim{position:absolute;inset:0;background:linear-gradient(90deg,#121710e6,#12171080 42%,#12171000 80%),linear-gradient(0deg,#11180ad6,transparent 30%)}
.technical-grid{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:.6}.technical-index{position:absolute;right:var(--gutter);top:126px;font-family:monospace;font-size:11px;letter-spacing:1.1px;writing-mode:vertical-rl}.crosshair{width:18px;height:18px;position:absolute}.crosshair:before,.crosshair:after{content:'';position:absolute;background:#efe6d577}.crosshair:before{width:18px;height:1px;top:9px}.crosshair:after{height:18px;width:1px;left:9px}.crosshair-one{left:51%;top:23%}.crosshair-two{right:12%;bottom:18%}.dimension-line{position:absolute;right:13%;top:21%;font-family:monospace;font-size:10px;letter-spacing:2px;border-top:1px solid #e8dfc733;padding-top:12px;width:30%;text-align:right}
.scene-copy{position:absolute;z-index:6;left:var(--gutter);will-change:opacity,transform;max-width:680px}.hero-copy{top:24.5%}.eyebrow{font-size:11px;letter-spacing:1.7px;text-transform:uppercase;font-weight:500;line-height:1.5}.hero-copy .eyebrow{display:flex;align-items:center;gap:12px}.small-line{width:26px;height:1px;background:var(--orange)}.hero-copy h1{font-size:clamp(74px,8.7vw,144px);line-height:.86;letter-spacing:-2.2px;margin:27px 0 26px}.hero-copy h1 span{color:var(--cream)}.scene-description{font-size:clamp(15px,1.12vw,18px);color:#e2dfd1;line-height:1.55;margin-bottom:26px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:18px 23px;font-size:13px;font-weight:600;transition:background .25s,transform .25s}.button-orange{background:var(--orange);color:#191b16}.button-orange:hover{background:#e69462;transform:translateY(-2px)}.button span{font-size:20px;line-height:.6}.system-copy{bottom:19%;opacity:0;max-width:510px}.scene-copy h2{font-size:clamp(65px,6.5vw,108px);line-height:.89;letter-spacing:-1.4px;margin:20px 0 24px}.system-copy .scene-description{margin-bottom:17px}.explore-label{font-size:12px;display:flex;align-items:center;gap:12px;color:#ede9da}.explore-label i{border:1px solid #e0dac977;border-radius:50%;width:21px;height:21px;display:grid;place-items:center;font-size:15px;font-style:normal}.drawer-copy{top:31%;opacity:0}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;padding:14px 0;border-bottom:1px solid #e8e0cd88;font-size:13px}.text-link span{color:var(--orange);font-size:20px}
.drill-actor{position:absolute;z-index:5;left:71%;top:62%;width:clamp(270px,35vw,565px);aspect-ratio:1;transform:translate(-50%,-50%);transform-origin:50% 92%;will-change:transform,left,top,opacity;opacity:0;pointer-events:none}.hero-drill{position:relative;filter:drop-shadow(12px 18px 12px #0005)}.drill-shadow{position:absolute;bottom:6.8%;left:28%;width:51%;height:3%;border-radius:50%;background:#0009;filter:blur(12px);transform:scaleX(1.1)}.drill-label{position:absolute;right:8%;bottom:19%;z-index:5;font-size:10px;letter-spacing:1px;display:flex;flex-direction:column;gap:6px;opacity:0;pointer-events:none}.drill-label strong{font-weight:500;font-size:12px}.drill-label i{width:100%;height:1px;background:#d7cbb966;margin-top:6px}.wall-hotspots{position:absolute;inset:0;z-index:8;opacity:0;pointer-events:none}.wall-hotspots.active{pointer-events:auto}.hotspot{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;padding:8px;background:transparent;text-align:left}.hotspot>span{width:32px;height:32px;border:1px solid #f0e8d996;background:#20261e8c;backdrop-filter:blur(8px);border-radius:50%;display:grid;place-items:center;font-size:10px;transition:background .25s,transform .25s}.hotspot b{font-weight:400;font-size:12px;white-space:nowrap;background:#1a241ed9;padding:8px 12px;opacity:0;transform:translateX(-7px);transition:opacity .25s,transform .25s;position:absolute;left:45px}.hotspot:hover b,.hotspot:focus-visible b,.hotspot[aria-pressed=true] b{opacity:1;transform:none}.hotspot:hover>span,.hotspot[aria-pressed=true]>span{background:var(--orange);color:var(--charcoal);transform:scale(1.1)}.feature-card{position:absolute;right:var(--gutter);bottom:16%;z-index:10;width:305px;padding:27px;background:#1a231de8;border:1px solid #d4ceba44;backdrop-filter:blur(18px)}.feature-close{position:absolute;right:10px;top:8px;font-size:24px;background:transparent;padding:5px 8px}.feature-card h3{font-family:var(--display);font-size:34px;text-transform:uppercase;margin:13px 0}.feature-card p{font-size:14px;line-height:1.5;color:#d5d5c7}.feature-card .text-link{margin-top:10px;width:100%}
.experience-bottom{position:absolute;bottom:33px;left:var(--gutter);right:var(--gutter);z-index:12;display:flex;justify-content:space-between;align-items:center;gap:18px}.scroll-hint{display:flex;align-items:center;gap:13px;font-size:10px;letter-spacing:1.2px}.scroll-stroke{width:1px;height:27px;background:linear-gradient(#e4d7b820,var(--cream));position:relative}.scroll-stroke:after{content:'';width:5px;height:5px;position:absolute;bottom:0;left:-2px;transform:rotate(45deg);border-bottom:1px solid;border-right:1px solid}.scene-selector{display:flex;align-items:center;gap:29px}.scene-selector button{background:none;padding:10px 0;display:flex;gap:9px;align-items:center;font-size:12px;color:#d4d1c2b3}.scene-selector button span{font-family:monospace;font-size:10px}.scene-selector button[aria-current=step]{color:var(--cream)}.scene-selector button[aria-current=step] span{color:var(--orange)}.motion-toggle{display:flex;gap:10px;align-items:center;font-size:11px;background:none;padding:10px 0;min-width:100px;justify-content:flex-end}.motion-icon{font-size:15px}.story-progress{position:absolute;bottom:0;height:2px;width:100%;z-index:20;background:#e5dbbe17}.story-progress>span{display:block;height:100%;width:100%;transform-origin:left;transform:scaleX(0);background:var(--orange)}.scroll-anchor{position:absolute;pointer-events:none;width:1px;height:1px}.system-anchor{top:44.8%}.drawer-anchor{top:79%}
.builds-section{position:relative;z-index:2;background:var(--cream);color:var(--charcoal);padding-top:100px;padding-bottom:120px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:52px}.section-heading .eyebrow{color:#655d50;margin-bottom:23px}.section-heading h2{font-size:clamp(48px,4.8vw,80px);line-height:.98;letter-spacing:-1px}.section-heading h2 span{color:#697361}.section-heading>p{font-size:15px;line-height:1.6;max-width:280px;padding-bottom:5px;color:#67695e}.build-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:28px}.build-card:nth-child(2){padding-top:60px}.build-card:nth-child(3){padding-top:120px}.build-image{display:block;width:100%;position:relative;overflow:hidden;padding:0;aspect-ratio:3/4;background:#27342a}.build-card-main .build-image{aspect-ratio:1/1.13}.build-image img{width:100%;height:100%;object-fit:cover;object-position:65% center;transition:transform .9s cubic-bezier(.2,.6,.2,1),filter .6s}.build-card-main .build-image img{object-position:45% center}.build-card:nth-child(2) img{object-position:68% center}.build-image:hover img{transform:scale(1.055);filter:brightness(1.08)}.image-index{position:absolute;left:18px;top:19px;font-family:monospace;font-size:10px;letter-spacing:1px;color:var(--cream);text-shadow:0 1px 8px #000}.image-arrow{position:absolute;bottom:17px;right:17px;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--cream);color:var(--charcoal);font-size:23px;transition:background .2s,transform .3s}.build-image:hover .image-arrow{background:var(--orange);transform:rotate(45deg)}.build-meta{display:flex;justify-content:space-between;gap:10px;font-size:9px;letter-spacing:1px;color:#696b60;margin-top:21px}.build-card h3{font-size:22px;font-weight:500;letter-spacing:-.6px;line-height:1.2;margin:12px 0 9px}.build-card h3 button{text-align:left;background:none;color:inherit;padding:0}.build-card>p{font-size:14px;line-height:1.5;color:#6a6b61;max-width:310px}
.notes-section{background:var(--green);display:grid;grid-template-columns:1fr 1fr;min-height:660px}.notes-photo{position:relative;overflow:hidden;min-height:550px}.notes-photo img{height:100%;object-fit:cover;object-position:65% center;will-change:transform}.notes-photo>span{position:absolute;bottom:30px;left:var(--gutter);font-size:10px;letter-spacing:1.6px}.notes-copy{padding:85px clamp(30px,6vw,100px)}.notes-copy h2{font-size:clamp(40px,4.2vw,68px);line-height:.98;margin:23px 0}.notes-intro{font-size:15px;line-height:1.5;color:#c7ccbe;margin-bottom:30px;max-width:350px}details{border-top:1px solid #dce0cc3b}details:last-child{border-bottom:1px solid #dce0cc3b}summary{display:flex;align-items:center;gap:18px;list-style:none;cursor:pointer;padding:22px 0;font-size:14px}summary::-webkit-details-marker{display:none}summary>span{font-family:monospace;font-size:10px;color:#a9b49e}summary i{font-size:20px;font-style:normal;margin-left:auto;transition:transform .2s}details[open] summary i{transform:rotate(45deg)}details>p{font-size:14px;line-height:1.65;color:#c4cbbb;padding:0 10px 25px 33px}
.closing{background:var(--charcoal);padding-top:100px;padding-bottom:105px;position:relative;overflow:hidden}.closing .eyebrow{color:#acae9f}.closing h2{font-size:clamp(72px,10.5vw,172px);line-height:.88;letter-spacing:-2px;margin:27px 0 35px}.closing h2 span{color:var(--orange)}.closing-link{display:flex;width:fit-content;gap:75px;align-items:center;font-size:15px;border-bottom:1px solid #dfdac572;padding:0 0 14px}.closing-link span{color:var(--orange);font-size:32px}footer{background:var(--charcoal);padding-top:0;padding-bottom:30px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #e0d9c72e;padding-top:36px;padding-bottom:40px}.footer-top p,.footer-top>a:last-child{font-size:13px;color:#b6b8a9}.footer-bottom{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#858d7b;letter-spacing:.35px}
dialog{background:var(--cream);color:var(--charcoal);border:0;padding:50px;max-width:580px;width:calc(100% - 36px);max-height:85svh;overflow:auto}dialog::backdrop{background:#0d120cbd;backdrop-filter:blur(10px)}.dialog-close{position:absolute;right:15px;top:12px;background:none;font-size:30px;color:var(--charcoal);padding:5px 10px}dialog h2{font-size:48px;line-height:1;text-transform:uppercase;margin:20px 0}dialog p,dialog li{font-size:15px;line-height:1.6}.dialog-points{padding-left:20px}.dialog-points li{padding-bottom:7px}.dialog-note{font-size:12px;border-top:1px solid #2223;padding-top:20px;color:#67695d;margin-bottom:25px}
body.motion-paused .scene,body.motion-paused .scene-copy,body.motion-paused .drill-actor{will-change:auto}
@media(min-width:1800px){.hero-copy{top:26%}.hero-copy h1{font-size:160px}.scene-copy h2{font-size:115px}}
@media(max-width:1000px){.desktop-nav{gap:22px}.desktop-nav a{font-size:12px}.header-link{display:none}.hero-copy h1{font-size:11vw}.hero-copy{top:27%}.scene-copy h2{font-size:9vw}.drill-actor{width:45vw}.hero-copy .scene-description{font-size:15px}.section-heading>p{max-width:220px}.build-grid{gap:20px}.build-card h3{font-size:20px}.build-meta{font-size:9px}.build-meta span:nth-child(2){display:none}.notes-copy{padding:60px 35px}.notes-copy h2{font-size:50px}.notes-section{min-height:620px}.notes-photo{min-height:0}}
@media(max-width:680px){html{scroll-padding-top:75px}.site-header{height:75px;gap:20px}.site-header.scrolled{height:65px}.wordmark{font-size:30px}.desktop-nav{display:none}.menu-toggle{display:flex;font-size:12px;gap:25px}.experience{height:470svh}.experience-pin{min-height:600px}.hero-scene img,.hero-scene video{object-position:58% center}.hero-scrim{background:linear-gradient(90deg,#10150ee0,#10150e65 75%),linear-gradient(0deg,#12150e,transparent 60%,#10150e77)}.hero-copy{top:19%;right:var(--gutter);max-width:100%}.hero-copy .eyebrow{font-size:9px;letter-spacing:1.05px;gap:8px}.small-line{width:15px}.hero-copy h1{font-size:clamp(63px,14.7vw,100px);line-height:.88;letter-spacing:-1px;margin:23px 0 20px}.scene-description{font-size:14px}.hero-copy .scene-description{font-size:13px;max-width:60%}.hero-copy .button{font-size:11px;padding:15px 17px;gap:25px;margin-top:3px}.drill-actor{width:76vw;left:72%;top:68%;max-width:390px}.drill-label{right:8%;bottom:18%;font-size:8px}.drill-label strong{font-size:9px}.dimension-line{display:none}.technical-index{top:101px;font-size:9px;right:16px;letter-spacing:.5px}.crosshair-one{top:54%;left:12%}.crosshair-two{bottom:22%;right:9%}.system-copy{bottom:19%;max-width:100%;right:var(--gutter)}.scene-copy h2{font-size:clamp(55px,13.5vw,82px);letter-spacing:-1px;margin:16px 0 18px}.eyebrow{font-size:10px;letter-spacing:1.1px}.system-copy .scene-description{font-size:13px}.system-scrim{background:linear-gradient(0deg,#101b0bf0 4%,#101b0b85 40%,transparent 75%)}.drawer-copy{top:37%;right:var(--gutter)}.drawer-copy h2{font-size:13vw}.drawer-scene img{object-position:68% center}.drawer-scrim{background:linear-gradient(90deg,#11170cd9,#11170c55),linear-gradient(0deg,#11170cbf,transparent)}.experience-bottom{bottom:24px;flex-wrap:wrap;gap:10px}.scroll-hint{position:absolute;bottom:45px;font-size:9px;letter-spacing:.7px}.scroll-stroke{height:16px}.scene-selector{gap:20px}.scene-selector button{font-size:11px;gap:5px}.scene-selector button span{font-size:9px}.motion-toggle{font-size:10px;min-width:0;gap:5px}.motion-icon{font-size:12px}.hotspot>span{width:30px;height:30px;font-size:10px}.hotspot b{display:none}.feature-card{bottom:15%;width:260px;padding:22px}.feature-card h3{font-size:28px}.feature-card p{font-size:13px}.builds-section{padding-top:65px;padding-bottom:65px}.section-heading{display:block;margin-bottom:35px}.section-heading h2{font-size:12vw}.section-heading>p{margin-top:22px;font-size:14px;max-width:100%}.section-heading .eyebrow{margin-bottom:17px}.build-grid{grid-template-columns:1fr 1fr;gap:30px 17px}.build-card-main{grid-column:1/-1}.build-card-main .build-image{aspect-ratio:1.2}.build-card:nth-child(2),.build-card:nth-child(3){padding-top:0}.build-image{aspect-ratio:3/4}.build-meta{font-size:8px;line-height:1.5;letter-spacing:.6px;margin-top:14px}.build-card h3{font-size:19px;margin-top:8px}.build-card>p{font-size:12px;line-height:1.55}.image-index{font-size:8px;left:12px;top:13px;letter-spacing:.5px}.image-arrow{width:33px;height:33px;font-size:20px;bottom:12px;right:12px}.notes-section{grid-template-columns:1fr}.notes-photo{height:420px}.notes-photo>span{font-size:9px}.notes-copy{padding:50px var(--gutter) 65px}.notes-copy h2{font-size:13vw}.notes-intro{font-size:14px}.closing{padding-top:65px;padding-bottom:70px}.closing h2{font-size:16vw;letter-spacing:-1px}.closing-link{font-size:14px;gap:60px}.footer-top{flex-wrap:wrap;padding-top:25px;padding-bottom:30px;gap:22px}.footer-top p{width:100%;order:3;font-size:12px}.footer-top>a:last-child{font-size:12px}.footer-bottom{font-size:9px;line-height:1.5;display:grid;gap:10px}dialog{padding:40px 25px}dialog h2{font-size:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.experience{height:auto}.experience-pin{position:relative;height:100svh;min-height:650px}.assembly-film{display:none}.hero-poster{opacity:1}.technical-grid{display:none}.scroll-anchor{position:static}.scene-selector{display:none}.system-scene,.drawer-scene,.system-copy,.drawer-copy,.drill-label,.wall-hotspots{display:none}.drill-actor{opacity:1}.scene-copy.hero-copy{opacity:1!important;transform:none!important}.build-card:nth-child(2),.build-card:nth-child(3){padding-top:0}}
/* Small technical annotations remain quiet; interactive labels stay readable. */
.eyebrow,.technical-index,.dimension-line,.scroll-hint,.motion-toggle,.drill-label,.drill-label strong,.scene-selector button,.scene-selector button span,.hotspot>span,.image-index,.build-meta,.notes-photo>span,.footer-bottom{font-size:max(12px,.72rem)}
.drill-actor{transform-origin:50% 50%}
.drawer-anchor{top:81%}
@media(max-width:680px){.hero-copy h1{font-size:clamp(52px,14vw,85px)}.drill-label{display:none}.drawer-anchor{top:78.5%}}
@media(max-width:680px){.system-scene img{object-position:65% center}.hero-copy .eyebrow{max-width:85%}.build-meta{font-size:10px}.scene-selector{gap:12px}.scene-selector button{font-size:11px}.scene-selector button span{font-size:10px}.motion-toggle{font-size:11px}.technical-index{font-size:10px}.scroll-hint{font-size:10px}}
@media(max-width:680px){.wall-hotspots{inset:auto var(--gutter) 13.5%;display:flex;justify-content:space-between;gap:8px}.hotspot{position:static;transform:none;display:flex;flex-direction:column;gap:4px;padding:4px 5px;min-width:58px}.hotspot>span{width:25px;height:25px;font-size:10px}.hotspot b{display:block;position:static;transform:none;opacity:1;background:transparent;padding:0;font-size:10px}.system-copy .explore-label{visibility:hidden}}