:root{--void:#111216;--charcoal:#2b2d31;--surface:#212327;--white:#f4f4f5;--muted:#a9adb5;--lilac:#f4f4f5;--mint:#e8e9ec;--line:rgba(255,255,255,.09);--serif:'Cormorant Garamond',Georgia,serif;--sans:'Manrope','Manrope Fallback','Segoe UI',Arial,sans-serif;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--void)}body{margin:0;color:var(--white);background:var(--void);font-family:var(--sans);-webkit-font-smoothing:antialiased}body.splash-active{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.skip-link{position:fixed;z-index:5000;left:16px;top:-80px;padding:12px 16px;color:#15161a;background:var(--mint);border-radius:9px}.skip-link:focus{top:16px}
.splash{position:fixed;z-index:4000;inset:0;display:grid;place-items:center;overflow:hidden;background:#101115;transition:opacity .75s var(--ease),visibility .75s}.splash.is-done{opacity:0;visibility:hidden;pointer-events:none}.splash-grid{position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:58px 58px;mask-image:radial-gradient(circle,#000,transparent 74%)}.splash-orbit{position:absolute;left:50%;top:50%;width:min(78vw,720px);aspect-ratio:1;border:1px solid rgba(175,176,178,.25);border-radius:50%;transform:translate(-50%,-50%);animation:splashSpin 12s linear infinite}.splash-orbit::before,.splash-orbit::after{content:"";position:absolute;inset:13%;border:1px solid rgba(197,198,201,.18);border-radius:50%}.splash-orbit::after{inset:29%;border-color:rgba(255,255,255,.1)}.splash-orbit i{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--lilac);box-shadow:0 0 24px var(--lilac)}.splash-orbit i:nth-child(1){left:10%;top:31%}.splash-orbit i:nth-child(2){right:15%;top:24%;background:var(--mint);box-shadow:0 0 24px var(--mint)}.splash-orbit i:nth-child(3){right:19%;bottom:18%}.splash-orbit b{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:76px;height:76px;color:#15161a;border-radius:22px;background:linear-gradient(145deg,var(--lilac),var(--mint));font-size:22px;transform:translate(-50%,-50%) rotate(0)}@keyframes splashSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}.splash-copy{position:relative;z-index:2;text-align:center}.splash-copy>span{color:var(--mint);font-size:9px;letter-spacing:.25em;text-transform:uppercase}.splash-copy .splash-title{margin:24px 0 18px;font-size:clamp(72px,12vw,160px);line-height:.72;letter-spacing:-.075em}.splash-copy .splash-title em{color:var(--lilac);font-family:var(--serif);font-weight:400}.splash-copy p{margin:0;color:var(--muted);font-size:10px;letter-spacing:.15em;text-transform:uppercase}.splash-line{width:190px;height:2px;margin:28px auto 0;overflow:hidden;background:rgba(255,255,255,.1)}.splash-line i{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--lilac),var(--mint));transform-origin:left;animation:splashLoad 2.3s var(--ease) forwards}@keyframes splashLoad{from{transform:scaleX(0)}to{transform:scaleX(1)}}.splash>button{position:absolute;z-index:3;right:28px;bottom:25px;padding:10px 14px;color:#92949a;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.035);cursor:pointer;font-size:9px;letter-spacing:.1em;text-transform:uppercase}
.tour-header{position:fixed;z-index:1000;left:22px;right:22px;top:18px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:60px;padding:10px 14px 10px 18px;border:1px solid var(--line);border-radius:18px;background:rgba(18,19,22,.72);backdrop-filter:blur(20px);box-shadow:0 18px 45px rgba(0,0,0,.2)}.tour-brand{display:grid;width:max-content}.tour-brand b{font-size:13px}.tour-brand span{margin-top:2px;color:#898b91;font-size:7px;letter-spacing:.14em;text-transform:uppercase}.tour-status{display:flex;align-items:center;gap:12px;color:#a6a8ad;font-size:8px;letter-spacing:.11em;text-transform:uppercase}.tour-status>i{display:block;width:130px;height:2px;overflow:hidden;background:rgba(255,255,255,.11)}.tour-status>i b{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--lilac),var(--mint));transform:scaleX(0);transform-origin:left}.exit-link{justify-self:end;padding:11px 15px;border:1px solid var(--line);border-radius:999px;font-size:9px}/* Scoped: the exit link was redesigned to <span class="exit-copy"> +
   <span class="exit-icon">, so a bare `.exit-link span` hit both — adding a
   stray 10px margin to each and painting "Exit office" and the arrow mint,
   beating the colours product-premium.css sets on the parent. */
.exit-link>span:not(.exit-copy):not(.exit-icon){margin-left:10px;color:var(--mint)}
main{scroll-snap-type:y proximity}.tour-room{position:relative;display:grid;align-items:center;min-height:100svh;overflow:hidden;isolation:isolate;scroll-snap-align:start}.room-bg{position:absolute;z-index:-5;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.035);transition:transform 1.8s var(--ease),filter 1.2s}.tour-room.is-active .room-bg{transform:scale(1)}.room-vignette{position:absolute;z-index:-3;inset:0;background:linear-gradient(90deg,rgba(10,11,13,.94) 0%,rgba(10,11,13,.63) 39%,rgba(10,11,13,.12) 69%),linear-gradient(0deg,rgba(10,11,13,.75),transparent 45%)}.room-vignette.light{background:linear-gradient(90deg,rgba(12,13,16,.45),transparent 44%,rgba(12,13,16,.7)),linear-gradient(0deg,rgba(12,13,16,.72),transparent 35%)}.room-vignette.strong{background:rgba(13,14,16,.77)}.room-copy{position:relative;z-index:20;width:min(88vw,690px);margin-left:clamp(70px,9vw,150px);padding-top:72px}.room-copy.copy-right{margin-right:clamp(50px,8vw,130px);margin-left:auto}.room-copy.copy-bottom{align-self:end;margin:0 0 6vh clamp(70px,9vw,150px)}.room-copy>small{color:var(--mint);font-size:9px;letter-spacing:.17em;text-transform:uppercase}.room-copy h2{margin:22px 0 25px;font-size:clamp(60px,7.5vw,120px);line-height:.79;letter-spacing:-.075em}.room-copy h2 em{color:var(--lilac);font-family:var(--serif);font-weight:400}.room-copy>p{max-width:580px;margin:0;color:#c1c2c6;font-size:15px;line-height:1.65}.room-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:29px}.room-tags span{padding:8px 11px;color:#c1c2c7;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(19,20,23,.35);font-size:8px;letter-spacing:.07em;text-transform:uppercase}.room-sign{position:absolute;z-index:15;left:6%;top:16%;display:grid;min-width:210px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:rgba(18,19,22,.78);backdrop-filter:blur(14px)}.room-sign.sign-right{right:6%;left:auto}.room-sign.sign-left{left:5%}.room-sign small{color:var(--mint);font-size:7px;letter-spacing:.18em}.room-sign b{margin-top:6px;font:21px var(--serif)}.arrival-copy{align-self:end;margin-bottom:6vh}.scroll-instruction{display:flex;align-items:center;gap:12px;margin-top:29px;color:#c6c7cb;font-size:8px;letter-spacing:.12em;text-transform:uppercase}.scroll-instruction i{position:relative;width:18px;height:31px;border:1px solid rgba(255,255,255,.42);border-radius:12px}.scroll-instruction i::after{content:"";position:absolute;left:50%;top:6px;width:3px;height:7px;border-radius:3px;background:var(--mint);transform:translateX(-50%);animation:wheel 1.7s ease-in-out infinite}@keyframes wheel{to{opacity:0;transform:translate(-50%,11px)}}
/* Characters stay physically anchored: every figure bottom is the floor line; motion pivots from the shoes. */.speech{position:absolute;z-index:21;width:230px;padding:15px 17px;color:var(--white);border:1px solid var(--line);border-radius:17px;background:rgba(19,20,23,.8);backdrop-filter:blur(15px);box-shadow:0 18px 50px rgba(0,0,0,.25);transform-origin:bottom}.speech span{color:var(--mint);font-size:7px;letter-spacing:.14em;text-transform:uppercase}.speech p{margin:8px 0 0;font-size:10px;line-height:1.5}.speech-reception{left:19%;bottom:41%}.speech-ceo{left:34%;bottom:43%}.speech-team{right:18%;bottom:47%}.speech-discuss{left:37%;bottom:43%}
.room-metric{display:flex;align-items:center;gap:15px;width:max-content;margin-top:35px;padding:15px 18px;border:1px solid var(--line);border-radius:15px;background:rgba(18,19,22,.6)}.room-metric b{font:36px var(--serif);color:var(--lilac)}.room-metric span{color:#bbbdc1;font-size:8px;letter-spacing:.08em;text-transform:uppercase}
.wing-map{position:absolute;z-index:20;right:5%;top:13%;width:min(48vw,650px);padding:30px;border:1px solid var(--line);border-radius:24px;background:rgba(18,19,22,.82);backdrop-filter:blur(18px);box-shadow:0 30px 90px rgba(0,0,0,.3)}.wing-map>span{color:var(--mint);font-size:8px;letter-spacing:.18em}.wing-map h2{margin:17px 0 25px;font-size:45px;letter-spacing:-.05em}
.product-suite{position:relative;z-index:10;display:grid;grid-template-columns:.78fr 1.22fr;width:min(88vw,1400px);min-height:76svh;margin:10svh auto 0;overflow:hidden;border:1px solid var(--line);border-radius:30px;background:rgba(25,26,30,.82);box-shadow:0 35px 110px rgba(0,0,0,.42)}.product-story{display:flex;flex-direction:column;padding:clamp(30px,4vw,62px);background:rgba(25,26,30,.86)}.product-status{display:flex;align-items:center;justify-content:space-between;gap:15px}.product-status span{color:var(--lilac);font-size:8px;letter-spacing:.16em}.product-status b{padding:7px 10px;color:#e8e9ec;border:1px solid rgba(197,198,201,.2);border-radius:999px;background:rgba(197,198,201,.09);font-size:7px;letter-spacing:.1em;text-transform:uppercase}.product-title{display:flex;align-items:center;gap:19px;margin-top:65px}.product-title img{width:70px;height:70px;object-fit:contain;border-radius:19px;box-shadow:0 15px 30px rgba(0,0,0,.25)}.product-title small{color:#97999f;font-size:8px;letter-spacing:.12em;text-transform:uppercase}.product-title h2{margin:7px 0 0;font-size:clamp(43px,4.4vw,72px);line-height:.85;letter-spacing:-.06em}.product-story>p{max-width:520px;margin:28px 0 0;color:#bbbcc0;font-size:13px;line-height:1.65}.product-story ul{display:flex;flex-wrap:wrap;gap:7px;margin:27px 0;padding:0;list-style:none}.product-story li{padding:7px 10px;color:#bfc0c4;border:1px solid rgba(255,255,255,.11);border-radius:999px;font-size:7px;letter-spacing:.06em;text-transform:uppercase}.product-actions{display:flex;align-items:center;gap:22px;margin-top:auto}.product-actions>a:not(.office-button){color:#bfc0c4;font-size:9px;border-bottom:1px solid rgba(255,255,255,.3)}.office-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;width:max-content;padding:0 18px;color:#17181b;border-radius:999px;background:var(--mint);font-size:9px;font-weight:600;letter-spacing:.05em}.product-display{position:relative;overflow:hidden;background:radial-gradient(circle at 55% 26%,rgba(175,176,178,.22),transparent 30%),#202126}.product-display::after{content:"";position:absolute;z-index:0;left:0;right:0;bottom:0;height:17%;background:linear-gradient(#35373d,#24252a);box-shadow:inset 0 1px rgba(255,255,255,.14)}.display-window{position:absolute;z-index:2;left:6%;right:25%;top:8%;height:70%;padding:9px;border:1px solid rgba(255,255,255,.13);border-radius:21px;background:#18191c;box-shadow:0 28px 80px rgba(0,0,0,.38);transform:perspective(900px) rotateY(5deg)}.display-window>img:first-child{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:14px}.display-window .display-float{position:absolute;right:-18%;bottom:-18%;width:41%;border:7px solid #191a1d;border-radius:16px;box-shadow:0 22px 55px rgba(0,0,0,.4);animation:screenFloat 4s ease-in-out infinite}@keyframes screenFloat{50%{transform:translateY(-8px)}}.manager-label{position:absolute;z-index:7;right:4%;bottom:4%;display:grid;width:205px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:rgba(18,19,22,.78);backdrop-filter:blur(12px)}.manager-label span{color:var(--mint);font-size:6px;letter-spacing:.12em;text-transform:uppercase}.manager-label b{margin-top:4px;font-size:9px}.product-display .manager-label{right:20%;bottom:4%}
.habit-board{position:absolute;z-index:2;left:8%;top:12%;display:grid;grid-template-columns:repeat(5,1fr);gap:9px;width:55%;padding:22px;border:1px solid rgba(255,255,255,.12);border-radius:21px;background:rgba(255,255,255,.06)}.habit-board span{color:#aeb0b5;font-size:7px;text-align:center}.habit-board i{aspect-ratio:1;border:1px solid rgba(255,255,255,.13);border-radius:50%;background:rgba(197,198,201,.45);box-shadow:0 0 0 7px rgba(197,198,201,.05);animation:habitPulse 2.8s ease-in-out infinite alternate}.habit-board i:nth-of-type(2),.habit-board i:nth-of-type(5){animation-delay:-1.4s;background:rgba(175,176,178,.45)}@keyframes habitPulse{to{transform:scale(.77)}}.icon-stage{position:absolute;z-index:2;left:20%;bottom:14%;display:grid;place-items:center;width:220px;height:95px;border-radius:50%;background:rgba(255,255,255,.08);box-shadow:0 25px 55px rgba(0,0,0,.35)}.icon-stage img{width:125px;height:125px;object-fit:contain;border-radius:25px;filter:drop-shadow(0 20px 18px rgba(0,0,0,.35));animation:iconHover 4s ease-in-out infinite}@keyframes iconHover{50%{transform:translateY(-8px)}}.document-stack{position:absolute;z-index:2;left:8%;right:32%;top:10%;bottom:18%}.document-stack i{position:absolute;inset:calc(var(--i,0) * 18px);border:1px solid rgba(0,0,0,.15);border-radius:23px;background:#e8e4dc;box-shadow:0 16px 40px rgba(0,0,0,.15);transform:translate(calc(var(--i,0) * 9px),calc(var(--i,0) * 8px)) rotate(calc(var(--i,0) * 1.4deg))}.document-stack i:nth-child(2){--i:1}.document-stack i:nth-child(3){--i:2}.document-stack i:nth-child(4){--i:3}.document-stack i::after{content:"";position:absolute;inset:18% 12%;background:repeating-linear-gradient(#808187 0 2px,transparent 2px 17px);opacity:.28}.document-stack b{position:absolute;z-index:5;left:4%;right:7%;top:16%;height:3px;background:var(--lilac);box-shadow:0 0 24px 7px rgba(175,176,178,.5);animation:scan 3.5s var(--ease) infinite}@keyframes scan{50%{transform:translateY(280px)}}.learning-wall{position:absolute;z-index:1;inset:10% 26% 20% 5%}.learning-wall i{position:absolute;display:grid;place-items:center;width:72px;height:72px;color:#191a1d;border-radius:22px;background:rgb(var(--suite-accent));font-style:normal;font-size:27px;box-shadow:0 18px 40px rgba(0,0,0,.2);animation:groundShape 5s ease-in-out infinite}.learning-wall i:nth-child(2){left:34%;top:7%;border-radius:50%;background:var(--mint);animation-delay:-1s}.learning-wall i:nth-child(3){right:2%;top:17%;background:#e7a6cd;animation-delay:-2s}.learning-wall i:nth-child(4){left:16%;bottom:0;background:#f1ede5;animation-delay:-3s}@keyframes groundShape{50%{transform:rotate(6deg)}}
.website-suite-room{position:relative;z-index:10;display:grid;grid-template-columns:.8fr 1.2fr;width:min(88vw,1400px);min-height:76svh;margin:10svh auto 0;overflow:hidden;border:1px solid var(--line);border-radius:30px;background:rgba(25,26,30,.84)}.website-copy{display:flex;flex-direction:column;padding:clamp(30px,4vw,62px)}.website-copy>small{margin-top:62px;color:var(--mint);font-size:8px;letter-spacing:.16em}.website-copy h2{margin:17px 0 23px;font-size:clamp(53px,5.5vw,90px);line-height:.79;letter-spacing:-.07em}.website-copy h2 em{color:var(--lilac);font-family:var(--serif);font-weight:400}.website-copy>p{max-width:530px;margin:0;color:#babcc0;font-size:13px;line-height:1.65}.website-copy .office-button{margin-top:auto}
.final-room{background:radial-gradient(circle at 50% 42%,rgba(175,176,178,.17),transparent 28%),#111216}.final-grid{position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(circle,#000,transparent 70%)}.final-copy{position:relative;z-index:2;width:min(90vw,900px);margin:auto;text-align:center}.final-copy small{color:var(--mint);font-size:9px;letter-spacing:.2em;text-transform:uppercase}.final-copy h2{margin:24px 0;font-size:clamp(67px,9vw,140px);line-height:.75;letter-spacing:-.08em}.final-copy h2 em{color:var(--lilac);font-family:var(--serif);font-weight:400}.final-copy p{max-width:560px;margin:0 auto;color:#aeb0b5;font-size:14px}.final-copy>div{display:flex;align-items:center;justify-content:center;gap:25px;margin-top:36px}.final-copy>div>a:not(.office-button){font-size:10px;border-bottom:1px solid rgba(255,255,255,.3)}
@media(max-width:1050px){.tour-header{grid-template-columns:1fr auto}.tour-status{display:none}.product-suite,.website-suite-room{grid-template-columns:1fr;min-height:0;margin:110px auto 45px}.product-story,.website-copy{min-height:620px}.product-display{min-height:650px}.room-copy{width:min(83vw,650px)}.wing-map{width:min(60vw,600px)}.speech{width:205px}}
@media(max-width:720px){.tour-header{left:10px;right:10px;top:10px;min-height:54px}.tour-brand span{display:none}.exit-link{padding:9px 12px}.tour-room{min-height:100svh}.room-copy,.room-copy.copy-right,.room-copy.copy-bottom{align-self:end;width:auto;margin:0 18px 34px 35px;padding:22px;border:1px solid var(--line);border-radius:22px;background:rgba(17,18,21,.78);backdrop-filter:blur(16px)}.room-copy h2{margin:14px 0 15px;font-size:52px}.room-copy>p{font-size:11px}.room-sign{left:35px;right:auto;top:88px;min-width:0;padding:11px 13px}.room-sign.sign-right,.room-sign.sign-left{left:35px;right:auto}.room-sign b{font-size:16px}.arrival-copy{margin-bottom:28px}.speech{width:160px;padding:11px 12px}.speech p{font-size:8px}.speech-reception{left:24%;bottom:34%}.speech-ceo{left:28%;bottom:36%}.speech-team{right:8%;bottom:37%}.speech-discuss{left:32%;bottom:36%}.wing-map{top:110px;left:35px;right:16px;width:auto;padding:20px}.wing-map h2{font-size:33px}.product-suite,.website-suite-room{width:calc(100vw - 28px);margin:82px auto 18px;border-radius:23px}.product-story,.website-copy{min-height:570px;padding:24px 20px}.product-title{margin-top:48px}.product-title img{width:57px;height:57px}.product-title h2{font-size:41px}.product-story>p,.website-copy>p{font-size:11px}.product-actions{flex-wrap:wrap}.product-display{min-height:540px}.display-window{left:4%;right:23%;height:59%}.product-display .manager-label{right:19%;bottom:4%;width:155px}.habit-board{width:70%}.icon-stage{left:8%;bottom:17%;width:170px}.document-stack{right:27%}.learning-wall{right:22%}.website-copy>small{margin-top:48px}.website-copy h2{font-size:49px}.final-copy h2{font-size:62px}.final-copy>div{flex-direction:column}.splash>button{right:14px;bottom:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.splash{display:none!important}.room-bg{transform:none}}

/* LyvorianStudio signature wordmark: technical clarity with an editorial finish. */
.wordmark{display:inline-flex;align-items:baseline;white-space:nowrap;color:var(--white);font-size:inherit;line-height:.86;letter-spacing:0;text-transform:none}
.wordmark-ly{display:inline;color:inherit;font-family:var(--sans);font-size:1em;font-weight:600;letter-spacing:-.065em;text-transform:none}
.wordmark em{margin-left:.035em;color:var(--lilac);font-family:var(--serif);font-size:1.12em;font-style:italic;font-weight:400;letter-spacing:-.045em;text-transform:none}
.wordmark::after{content:"";align-self:flex-end;width:.16em;height:.16em;margin:0 0 .08em .08em;border-radius:50%;background:var(--mint);box-shadow:0 0 12px rgba(197,198,201,.5)}
.splash-copy>.wordmark-splash{color:var(--white);font-size:19px;letter-spacing:0;text-transform:none}
.tour-brand>.wordmark-header{margin:0;color:var(--white);font-size:17px;letter-spacing:0;text-transform:none}
.tour-brand>.wordmark-header .wordmark-ly{margin:0;color:inherit;font-size:1em;letter-spacing:-.065em;text-transform:none}
.tour-brand>span:last-child{margin-top:5px;color:#898b91;font-size:6px;letter-spacing:.2em;text-transform:uppercase}
.room-sign small .wordmark-sign{color:var(--white);font-size:12px;letter-spacing:0;text-transform:none}
.room-sign small .wordmark-sign .wordmark-ly{color:inherit;font-size:1em;letter-spacing:-.065em;text-transform:none}
@media(max-width:720px){.tour-brand>.wordmark-header{display:inline-flex;font-size:16px}.tour-brand .wordmark-ly{display:inline}.tour-brand>span:last-child{display:none}}

/* First-person architectural walkthrough motion. */
html{--look-x:0px;--look-y:0px}
body{overflow-x:clip}
.cinematic-lens{position:fixed;z-index:850;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 48%,rgba(5,6,8,.15) 78%,rgba(5,6,8,.46) 112%);box-shadow:inset 0 0 130px rgba(0,0,0,.18)}
.tour-room{--camera-scale:1.09;--camera-y:0px;--camera-brightness:.88;--camera-saturate:.9;--content-shift:28px;--content-opacity:.45;perspective:1400px;background:#0d0e11}
.tour-room::before{content:"";position:absolute;z-index:-1;left:-8%;right:-8%;bottom:-10%;height:30%;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(4,5,6,.32));filter:blur(6px);transform:perspective(700px) rotateX(64deg) translateY(calc(var(--look-y) * -.35));transform-origin:bottom}
.tour-room .room-bg,.tour-room.is-active .room-bg{will-change:transform,filter;transform:translate3d(var(--look-x),calc(var(--camera-y) + var(--look-y)),0) scale(var(--camera-scale));filter:brightness(var(--camera-brightness)) saturate(var(--camera-saturate));transition:filter .3s ease,transform .18s linear}
body.is-walking .tour-room.is-active .room-bg{filter:brightness(var(--camera-brightness)) saturate(var(--camera-saturate)) blur(.55px)}
.room-copy,.product-suite,.website-suite-room,.wing-map,.final-copy{will-change:transform,opacity;opacity:var(--content-opacity);transform:translate3d(0,var(--content-shift),0);transition:opacity .16s linear,transform .16s linear}
.room-sign,.speech{opacity:var(--content-opacity);transition:opacity .2s linear}
@media(max-width:720px){.cinematic-lens{box-shadow:inset 0 0 65px rgba(0,0,0,.17)}.tour-room .room-bg,.tour-room.is-active .room-bg{transform:translate3d(0,var(--camera-y),0) scale(var(--camera-scale))}.speech-reception,.speech-ceo,.speech-team,.speech-discuss{bottom:56%}}
@media(prefers-reduced-motion:reduce){.tour-room .room-bg,.tour-room.is-active .room-bg{transform:none;filter:none}.room-copy,.product-suite,.website-suite-room,.wing-map,.final-copy{opacity:1;transform:none}}

/* Final Product Office audit: complete figures, unique rooms and a real Client Wing. */
.tour-brand>span:last-child{font-size:9px}.tour-status{font-size:10px}.tour-status>span{font-size:10px}.scroll-instruction,.scroll-instruction span{font-size:10px}.wing-map>span{font-size:10px}.product-title small{font-size:10px}.habit-board span{font-size:9px}.splash-copy p,.splash>button{font-size:10px}
.room-copy>small,.room-sign small,.product-status span,.website-copy>small{font-size:11px}.room-tags span,.product-story li,.product-status b,.office-button{font-size:10px}.speech span,.manager-label span{font-size:9px}.speech p,.manager-label b{font-size:12px}.room-metric span{font-size:10px}
.display-window .display-float,.icon-stage img,.learning-wall i{animation:none}.icon-stage{background:radial-gradient(ellipse,rgba(255,255,255,.12),rgba(255,255,255,.04));box-shadow:0 22px 48px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.12)}.icon-stage::after{content:"";position:absolute;left:18%;right:18%;bottom:7px;height:10px;border-radius:50%;background:rgba(0,0,0,.3);filter:blur(6px)}.icon-stage img{position:relative;z-index:1;transform:translateY(-16px)}
.website-room>.room-bg{object-position:center;filter:brightness(.68) saturate(.9)}.website-room .room-vignette.strong{background:linear-gradient(90deg,rgba(10,11,13,.66),rgba(10,11,13,.28) 42%,rgba(10,11,13,.54)),linear-gradient(0deg,rgba(10,11,13,.6),transparent 50%)}.website-suite-room{grid-template-columns:.72fr 1.28fr;background:rgba(22,23,27,.9);box-shadow:0 35px 110px rgba(0,0,0,.48)}.website-copy{position:relative;z-index:3;background:radial-gradient(circle at 18% 78%,rgba(175,176,178,.15),transparent 33%),rgba(30,31,35,.9)}.website-copy>p{font-size:14px}
@media(max-width:1050px){.website-suite-room{grid-template-columns:1fr}}
@media(max-width:720px){.speech span,.room-sign small,.room-copy>small,.room-tags span,.product-status span,.product-status b,.product-title small,.product-story li,.office-button,.website-copy>small{font-size:9px}.speech p,.manager-label b{font-size:10px}}
@media(prefers-reduced-motion:reduce){.icon-stage img{transform:translateY(-16px)}}

/* Scroll-driven scene deconstruction — inspired by cinematic 3D product reveals. */
main{scroll-snap-type:none}
.tour-room{position:sticky;top:0;z-index:calc(30 + var(--room-order,0));height:100svh;min-height:100svh;scroll-snap-align:none;transform-style:preserve-3d;perspective:1500px;box-shadow:0 -30px 85px rgba(0,0,0,.42)}
.tour-room::after{content:"";position:absolute;z-index:45;inset:0;pointer-events:none;background:linear-gradient(118deg,rgba(175,176,178,.2),transparent 24%,transparent 72%,rgba(197,198,201,.14)),linear-gradient(0deg,rgba(7,8,10,.8),transparent 38%);opacity:var(--transition-opacity,.18);transform:translate3d(0,var(--transition-y,4vh),120px);transition:opacity .1s linear}
.tour-room .room-bg,.tour-room.is-active .room-bg{transform:translate3d(var(--look-x),calc(var(--camera-y) + var(--look-y)),var(--scene-depth,0px)) scale(var(--camera-scale)) rotateY(var(--background-turn,0deg));transition:filter .12s linear,transform .12s linear}
.room-vignette{transform:translateZ(18px);opacity:var(--vignette-opacity,1)}
.room-copy,.wing-map,.final-copy{transform:translate3d(var(--content-x,0px),var(--content-shift,0px),var(--content-z,0px)) rotateY(var(--content-turn,0deg));transform-style:preserve-3d;transition:opacity .1s linear,transform .1s linear}
.room-sign{transform:translate3d(var(--sign-x,0px),var(--sign-y,0px),var(--sign-z,0px)) rotateY(var(--sign-turn,0deg));transition:opacity .1s linear,transform .1s linear}
.speech{transform:translate3d(var(--speech-x,0px),var(--speech-y,0px),var(--speech-z,0px));transition:opacity .1s linear,transform .1s linear}
.product-suite,.website-suite-room{transform:translate3d(0,var(--content-shift,0px),var(--content-z,0px)) rotateX(var(--suite-tilt,0deg));transform-style:preserve-3d;transition:opacity .1s linear,transform .1s linear}
.product-story,.website-copy{transform:translate3d(var(--layer-left,0px),var(--layer-rise,0px),36px) rotateY(var(--story-turn,0deg));transform-origin:right center;transition:transform .1s linear,opacity .1s linear;opacity:var(--layer-clarity,1)}
.product-display{transform:translate3d(var(--layer-right,0px),var(--layer-drop,0px),68px) rotateY(var(--display-turn,0deg));transform-origin:left center;transition:transform .1s linear,opacity .1s linear;opacity:var(--layer-clarity,1)}
.display-window{transform:translate3d(var(--layer-left,0px),var(--layer-rise,0px),95px) perspective(900px) rotateY(calc(5deg + var(--layer-turn,0deg)));transition:transform .1s linear,opacity .1s linear;opacity:var(--layer-clarity,1)}
.display-window .display-float{transform:translate3d(var(--layer-right,0px),var(--layer-drop,0px),135px) rotateY(var(--float-turn,0deg));transition:transform .1s linear,opacity .1s linear;opacity:var(--layer-clarity,1);animation:none}
.habit-board,.document-stack,.learning-wall{transform:translate3d(var(--layer-left,0px),var(--layer-rise,0px),85px) rotateY(var(--story-turn,0deg));transition:transform .1s linear,opacity .1s linear;opacity:var(--layer-clarity,1)}
.icon-stage{transform:translate3d(var(--layer-right,0px),var(--layer-drop,0px),100px) rotateY(var(--display-turn,0deg));transition:transform .1s linear,opacity .1s linear;opacity:var(--layer-clarity,1)}
.tour-room.is-active{box-shadow:0 -38px 100px rgba(0,0,0,.55),inset 0 1px rgba(255,255,255,.05)}
body.is-walking .tour-room.is-active .room-bg{filter:brightness(var(--camera-brightness)) saturate(var(--camera-saturate)) blur(.8px)}
@media(max-width:1050px){.tour-room{position:relative;top:auto;box-shadow:none}.tour-room.product-room,.tour-room.website-room{height:auto;min-height:1450px;overflow:visible}.tour-room::after{opacity:var(--mobile-transition-opacity,.1)}.room-copy,.wing-map,.final-copy{transform:translate3d(var(--mobile-content-x,0px),var(--mobile-content-y,0px),0)}.product-suite,.website-suite-room{transform:translate3d(0,var(--mobile-content-y,0px),0)}.product-story,.website-copy{transform:translate3d(var(--mobile-layer-left,0px),0,0)}.product-display{transform:translate3d(var(--mobile-layer-right,0px),0,0)}}
@media(max-width:720px){.tour-room.product-room,.tour-room.website-room{min-height:1320px}.tour-room::after{opacity:var(--mobile-transition-opacity,.1)}}
@media(prefers-reduced-motion:reduce){.tour-room{position:relative;top:auto}.tour-room::after{display:none}.room-copy,.wing-map,.final-copy,.room-sign,.speech,.product-suite,.website-suite-room,.product-story,.website-copy,.product-display,.display-window,.display-window .display-float,.habit-board,.document-stack,.learning-wall,.icon-stage{transform:none!important;opacity:1!important}}

/* Keep the complete website studio visible inside short desktop viewports. */
@media(min-width:1051px){.website-suite-room{min-height:76svh}}

@media(min-width:1051px) and (max-height:820px){.website-suite-room{height:calc(100svh - 100px);min-height:0}.website-copy{padding:30px 34px}.website-copy>small{margin-top:24px}.website-copy h2{margin:13px 0 18px;font-size:clamp(42px,4.6vw,68px)}.website-copy>p{font-size:12px;line-height:1.5}}

/* V10: an actual product corridor with separate rooms, not scrolling chapters. */
.product-wing-room .room-copy{display:none}
.corridor-map{inset:98px 4% 38px;display:grid;grid-template-rows:auto 1fr;width:auto!important;padding:24px 26px 26px!important;overflow:hidden}
.corridor-heading{display:grid;grid-template-columns:1fr auto;align-items:end;gap:5px 28px;padding:0 2px 20px}.corridor-heading>span{color:var(--mint);font-size:10px;font-weight:600;letter-spacing:.17em}.corridor-heading h2{grid-row:2;margin:5px 0 0;font-size:42px}.corridor-heading p{grid-column:2;grid-row:1/3;max-width:330px;margin:0;color:#b6b8bd;font-size:11px;line-height:1.55}
.office-corridor{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;min-height:0;padding:18px 18px 0;border-top:1px solid rgba(255,255,255,.11);background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 42%),linear-gradient(90deg,transparent,rgba(175,176,178,.035),transparent)}
.office-corridor::before{content:"";position:absolute;left:0;right:0;bottom:0;height:35%;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(8,9,11,.22));clip-path:polygon(8% 0,92% 0,100% 100%,0 100%);pointer-events:none}
.room-door{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;min-height:300px;padding:20px 18px 18px;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:16px 16px 4px 4px;background:linear-gradient(145deg,rgba(53,55,61,.92),rgba(20,21,25,.95));box-shadow:inset 0 1px rgba(255,255,255,.13),inset 12px 0 20px rgba(255,255,255,.025),0 24px 45px rgba(0,0,0,.3);transform-origin:left center;transition:transform .45s var(--ease),border-color .35s,box-shadow .35s}
.room-door::before{content:"";position:absolute;inset:13px 13px 76px;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:radial-gradient(circle at 70% 47%,var(--mint) 0 3px,transparent 4px),linear-gradient(135deg,rgba(175,176,178,.08),transparent 55%)}
.room-door::after{content:"";position:absolute;left:9%;right:9%;bottom:0;height:5px;background:linear-gradient(90deg,transparent,var(--lilac),var(--mint),transparent);opacity:.52;filter:blur(2px)}
.room-door>span,.room-door>b,.room-door>i,.room-door>em,.room-door>img,.website-door-mark{position:relative;z-index:2}.room-door>span{position:absolute;left:18px;top:19px;color:#d9dadd;font-size:9px;font-weight:600;letter-spacing:.13em}.room-door>img{position:absolute;left:50%;top:27%;width:58px;height:58px;border-radius:16px;object-fit:contain;box-shadow:0 18px 35px rgba(0,0,0,.28);transform:translateX(-50%)}.room-door>b{font-size:18px;line-height:1.05;letter-spacing:-.035em}.room-door>i{margin-top:7px;color:#9da0a6;font-size:9px;font-style:normal;letter-spacing:.08em;text-transform:uppercase}.room-door>em{align-self:stretch;margin-top:14px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1);color:#dcddd9;font-size:9px;font-style:normal;letter-spacing:.07em}.room-door:hover,.room-door:focus-visible{border-color:rgba(197,198,201,.58);box-shadow:inset 0 1px rgba(255,255,255,.18),0 30px 65px rgba(0,0,0,.42),0 0 34px rgba(197,198,201,.12);transform:perspective(700px) rotateY(-5deg) translateY(-7px)}
.website-door{background:radial-gradient(circle at 50% 30%,rgba(197,198,201,.14),transparent 25%),linear-gradient(145deg,rgba(74,66,94,.94),rgba(20,21,25,.96));border-color:rgba(175,176,178,.34)}.website-door-mark{position:absolute;left:50%;top:27%;display:flex;align-items:end;gap:5px;width:76px;height:58px;padding:10px;border:1px solid rgba(255,255,255,.18);border-radius:11px;background:rgba(13,14,17,.55);transform:translateX(-50%)}.website-door-mark u{width:18px;border-radius:3px;background:linear-gradient(var(--lilac),var(--mint));text-decoration:none}.website-door-mark u:first-child{height:22px}.website-door-mark u:nth-child(2){height:36px}.website-door-mark u:nth-child(3){height:29px}

body.room-view-active{overflow:hidden}.room-view-active .tour-header{z-index:1400}
.product-room,.website-room{position:fixed!important;z-index:1200!important;inset:0!important;display:grid!important;width:100%!important;height:100svh!important;min-height:100svh!important;overflow:hidden!important;opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(0,28px,0) scale(.986)!important;transition:opacity .42s ease,transform .62s var(--ease),visibility .42s}
.product-room.is-room-open,.website-room.is-room-open{opacity:1;visibility:visible;pointer-events:auto;transform:none!important}
.product-room .room-bg,.website-room .room-bg{transform:scale(1.035)!important;filter:brightness(.72) saturate(.92)!important}.product-room.is-room-open .room-bg,.website-room.is-room-open .room-bg{animation:roomBackgroundEnter 1.2s var(--ease) both}
.product-room .product-suite,.website-room .website-suite-room{opacity:1!important;transform:none!important}.product-room.is-room-open .product-suite,.website-room.is-room-open .website-suite-room{animation:roomInteriorEnter .72s .12s var(--ease) both}
.product-room .product-story,.product-room .product-display,.website-room .website-copy,.product-room .display-window,.product-room .display-float,.product-room .habit-board,.product-room .document-stack,.product-room .learning-wall,.product-room .icon-stage{opacity:1!important;transform:none!important}
.room-exit-button{position:fixed;z-index:1450;left:4%;top:91px;display:flex;align-items:center;gap:9px;min-height:40px;padding:0 15px;color:#f0f0eb;border:1px solid rgba(255,255,255,.23);border-radius:999px;background:linear-gradient(135deg,rgba(63,65,72,.68),rgba(16,17,20,.72));box-shadow:inset 0 1px rgba(255,255,255,.16),0 16px 34px rgba(0,0,0,.28);backdrop-filter:blur(18px);cursor:pointer;font:600 10px var(--sans);letter-spacing:.06em}.room-exit-button:hover,.room-exit-button:focus-visible{color:#17181b;background:var(--mint);border-color:var(--mint)}
.final-room{display:none!important}
@keyframes roomInteriorEnter{from{opacity:0;transform:translateY(32px) scale(.975)}to{opacity:1;transform:none}}@keyframes roomBackgroundEnter{from{transform:scale(1.09);filter:brightness(.52) saturate(.75)}to{transform:scale(1.035);filter:brightness(.72) saturate(.92)}}

@media(max-width:1050px){.corridor-map{inset:94px 3% 30px}.office-corridor{grid-template-columns:repeat(3,1fr);overflow:auto}.room-door{min-height:255px}.product-room,.website-room{overflow-y:auto!important}.product-room .product-suite,.website-room .website-suite-room{margin:100px auto 28px!important}.room-exit-button{top:78px}.website-room .website-suite-room{height:auto!important}}
@media(max-width:720px){.product-wing-room{height:auto!important;min-height:1180px!important}.corridor-map{position:relative;inset:auto!important;width:calc(100% - 28px)!important;margin:82px auto 24px;padding:18px!important;overflow:visible}.corridor-heading{grid-template-columns:1fr}.corridor-heading p{grid-column:1;grid-row:auto}.office-corridor{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px 0 0;overflow:visible}.room-door{min-height:225px;padding:15px 13px}.room-door:last-child{grid-column:1/-1;min-height:235px}.room-door>span{left:13px;top:14px;font-size:8px}.room-door>img,.website-door-mark{top:25%;transform:translateX(-50%) scale(.85)}.room-door>b{font-size:16px}.room-exit-button{left:14px;top:72px}.product-room .product-suite,.website-room .website-suite-room{margin:118px auto 20px!important}.product-room .product-story,.website-room .website-copy{min-height:520px}}
@media(prefers-reduced-motion:reduce){.product-room.is-room-open .room-bg,.website-room.is-room-open .room-bg,.product-room.is-room-open .product-suite,.website-room.is-room-open .website-suite-room{animation:none}}

/* V11 editorial office: architectural rather than glass-dashboard styling. */
.tour-header{inset:0 0 auto;min-height:78px;padding:0 32px;border:0;border-bottom:1px solid rgba(255,255,255,.17);border-radius:0;background:rgba(16,17,20,.94);box-shadow:none;backdrop-filter:blur(14px)}.tour-header::before{display:none}.exit-link{border-radius:2px;background:transparent}
.corridor-map{border-radius:3px;background:rgba(20,21,24,.94);box-shadow:none;backdrop-filter:blur(12px)}.corridor-map::before{display:none}.office-corridor{gap:1px;padding:18px 0 0;background:rgba(255,255,255,.13)}.room-door{border:0;border-radius:0;background:#24252a;box-shadow:none}.room-door::before{inset:13px 13px 76px;border-radius:1px;background:radial-gradient(circle at 70% 47%,var(--mint) 0 2px,transparent 3px),linear-gradient(135deg,rgba(175,176,178,.05),transparent 55%)}.room-door::after{height:2px;filter:none;opacity:.42}.room-door:hover,.room-door:focus-visible{border-color:transparent;background:#2a2b30;box-shadow:none;transform:translateY(-4px)}.room-door>img{border-radius:3px}.website-door{background:#292731}.website-door-mark{border-radius:2px;background:#191a1d}.website-door-mark u{border-radius:1px}
.product-suite,.website-suite-room{border-radius:4px;background:#202125;box-shadow:0 28px 80px rgba(0,0,0,.3)}.product-story,.website-copy{background:#202125}.product-display{background-color:#1b1c20}.product-title img,.display-window,.display-window>img:first-child,.display-window .display-float,.manager-label{border-radius:2px}.product-status b,.product-story li,.room-tags span,.office-button{border-radius:2px}.office-button{text-transform:uppercase;letter-spacing:.06em}.manager-label{background:rgba(19,20,23,.9);box-shadow:none;backdrop-filter:blur(10px)}.room-exit-button{border-radius:2px;background:#18191c;box-shadow:none;backdrop-filter:blur(10px)}
@media(max-width:720px){.tour-header{min-height:66px;padding:0 14px}.corridor-map{border-radius:2px}.office-corridor{gap:1px}.room-door{border-radius:0}.product-suite,.website-suite-room{border-radius:2px}}

/* Consistent architectural glass for wayfinding and small information panels. */
.tour-header,.room-sign,.speech,.manager-label,.wing-map{border-color:rgba(255,255,255,.34);background:linear-gradient(135deg,rgba(78,80,88,.30),rgba(22,23,28,.28) 62%,rgba(12,13,17,.20));box-shadow:inset 0 1px rgba(255,255,255,.26),inset 0 -1px rgba(255,255,255,.06),0 22px 60px rgba(0,0,0,.34);backdrop-filter:blur(34px) saturate(1.45)}
.tour-header::before,.room-sign::before,.speech::before,.manager-label::before,.wing-map::before{content:"";position:absolute;z-index:1;left:14px;right:14px;top:0;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.58),transparent)}
.room-sign,.speech,.manager-label,.wing-map{overflow:visible}
.room-sign small,.speech span,.manager-label span{color:#d8d9db;text-shadow:0 0 13px rgba(197,198,201,.18)}

/* V12: scroll-driven 3D deconstruction inside every separate product room. */
.product-room,.website-room{display:block!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-width:none;perspective:1800px}.product-room::-webkit-scrollbar,.website-room::-webkit-scrollbar{display:none}.product-room>.room-bg,.website-room>.room-bg,.product-room>.room-vignette,.website-room>.room-vignette{position:fixed!important;inset:0!important;width:100%!important;height:100svh!important}.product-room>.room-bg,.website-room>.room-bg{transform:scale(var(--room-scale,1)) rotateY(var(--room-turn,0deg))!important;filter:brightness(.62) saturate(.88)!important;transition:none!important}.product-room>.room-vignette,.website-room>.room-vignette{opacity:var(--room-fade,1);transition:none}
.product-room .product-suite,.website-room .website-suite-room{position:sticky!important;z-index:20;top:86px;height:calc(100svh - 104px)!important;min-height:0!important;margin:86px auto 18px!important;overflow:visible!important;transform-style:preserve-3d;perspective:1600px;animation:none!important}.room-motion-track{position:relative;z-index:1;height:225svh;pointer-events:none}.room-motion-track::before{content:"";position:absolute;left:50%;top:12svh;bottom:12svh;width:1px;background:linear-gradient(transparent,rgba(175,176,178,.35),rgba(197,198,201,.35),transparent)}
.room-motion-guide{position:fixed;z-index:1450;right:28px;bottom:18px;display:grid;grid-template-columns:auto 150px auto;align-items:center;gap:12px;padding:10px 13px;border:1px solid rgba(255,255,255,.18);border-radius:2px;background:rgba(16,17,20,.9);backdrop-filter:blur(12px);pointer-events:none}.room-motion-guide span,.room-motion-guide em{color:#afb1b6;font-size:8px;font-style:normal;letter-spacing:.11em;text-transform:uppercase}.room-motion-guide em{min-width:78px;color:var(--mint)}.room-motion-guide i{height:1px;background:rgba(255,255,255,.18)}.room-motion-guide b{display:block;width:100%;height:1px;background:linear-gradient(90deg,var(--lilac),var(--mint));transform:scaleX(var(--guide-progress,0));transform-origin:left}