@charset "UTF-8";
:root{color-scheme:dark;--ink:#f2f4f2;--sub:#b9c1c1;--paper:#e8ece8;--line:rgba(231,239,237,.24);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC",Arial,sans-serif;font-synthesis:none;background:#070a0c;color:var(--ink)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;overflow-x:hidden;font-weight:400;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
button{color:inherit;font:inherit;border:0;cursor:pointer}
a,button{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible{outline:2px solid #73dcd2;outline-offset:7px}
::selection{background:#7fe4d4;color:#091512}
img{max-width:100%;display:block}
[hidden]{display:none!important}
body.locked{overflow:hidden}
.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden;white-space:nowrap}
.skip-link{position:fixed;top:-80px;left:24px;z-index:100;background:#fff;color:#000;padding:12px 20px}
.skip-link:focus{top:12px}
#stage,.ambient-fallback{position:fixed;inset:0;z-index:0;pointer-events:none}
#stage canvas{width:100%;height:100%;display:block}
.ambient-fallback{display:none;background:radial-gradient(ellipse at 50% 40%,#24413b 0,transparent 55%),#080b0d}
body:is(.scene-static,.scene-failed) .ambient-fallback{display:block}
body:is(.scene-static,.scene-failed) #stage{display:none}
.header{position:fixed;z-index:40;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:28px 4.2vw;color:#f5f7f4;transition:color .4s,background .4s;gap:28px}
.brand{width:148px;flex-shrink:0}
.brand img{width:100%;height:auto}
.desktop-nav{display:flex;gap:38px;font-size:14px;font-weight:500;line-height:1.5;letter-spacing:.04em}
.desktop-nav a{padding:10px 0;position:relative}
.desktop-nav a:after{content:"";position:absolute;left:0;bottom:4px;width:0;height:1px;background:currentColor;transition:width .25s}
.desktop-nav a:is(:hover,:focus-visible):after{width:100%}
.header-right{display:flex;align-items:center;gap:24px}
.employee{display:flex;align-items:center;gap:20px;font-size:13px;font-weight:500;line-height:1.5;letter-spacing:.025em;border:1px solid currentColor;border-radius:30px;padding:12px 20px;white-space:nowrap;transition:background .25s,border-color .25s}
.employee:is(:hover,:focus-visible){background:rgba(127,228,212,.12)}
.employee>span{line-height:1;transition:transform .25s}
.employee:is(:hover,:focus-visible)>span{transform:translate(2px,-2px)}
.header.on-light{color:#152024}
.header.on-prism{mix-blend-mode:difference}
.on-light .brand img{filter:invert(1)}
.menu-toggle{display:none;background:none;width:42px;height:42px;position:relative}
.menu-toggle span{display:block;width:25px;height:1px;background:currentColor;position:absolute;left:8px;top:16px;transition:transform .25s}
.menu-toggle span+span{top:24px}
.menu-toggle[aria-expanded=true] span{transform:translateY(4px) rotate(45deg)}
.menu-toggle[aria-expanded=true] span+span{transform:translateY(-4px) rotate(-45deg)}
.mobile-menu{position:fixed;z-index:35;inset:0;background:#0a1115;padding:120px 28px 40px;display:flex;flex-direction:column;justify-content:center;gap:0}
.mobile-menu a{display:flex;justify-content:space-between;align-items:center;padding:22px 0;border-bottom:1px solid var(--line);font-size:30px;font-weight:500;line-height:1.35;letter-spacing:-.015em;transition:color .25s,border-color .25s}
.mobile-menu a span{font-size:12px;font-weight:400;letter-spacing:.08em;font-variant-numeric:tabular-nums;color:var(--sub)}
.mobile-menu p{font-size:11px;line-height:1.7;letter-spacing:.12em;margin-top:42px;color:var(--sub)}
.intro{position:fixed;inset:0;z-index:30;background:#06090b;pointer-events:none;overflow:hidden}
.intro svg{width:100%;height:100%;display:block}
.construction{fill:none;stroke:#758e8c;stroke-width:.55;opacity:.48}
.logo-outline{fill:none;stroke:#e7f3f0;stroke-width:1.5}
.intro-label{position:absolute;bottom:13%;width:100%;text-align:center;font-size:11px;font-weight:500;line-height:1.6;letter-spacing:.18em}
.intro button{position:absolute;bottom:26px;right:4.2vw;font-size:12px;background:none;pointer-events:auto;border-bottom:1px solid var(--line);padding:8px 0}
.intro.done{visibility:hidden}
.chapter{position:relative;z-index:2}
.sticky{position:sticky;top:0;min-height:100svh;height:100svh;padding:120px 7.8vw 48px}
.hero{height:110svh}
.hero-content{display:flex;flex-direction:column;justify-content:space-between;padding-top:132px;isolation:isolate}
.hero-label,.hero-bottom{position:relative;z-index:3}
.hero-label{display:flex;justify-content:space-between;align-items:center;font-size:12px;line-height:1.7;letter-spacing:.08em}
.hero-label span:first-child{letter-spacing:.05em}
@media(min-width:768px){.hero-label,.spaces-content>.section-kicker,.footer-top{padding-right:180px}}
.hero-bottom{display:flex;justify-content:space-between;align-items:flex-end}
.hero-bottom p{font-size:20px;font-weight:600;line-height:1.5;letter-spacing:-.015em;margin:0}
.explore{font-size:11px;font-weight:500;line-height:1.5;letter-spacing:.12em;display:flex;align-items:center;gap:20px}
.scroll-rule{display:block;width:42px;height:1px;background:currentColor;position:relative}
.scroll-rule:after{content:"";position:absolute;right:0;top:-2px;width:5px;height:5px;border:1px solid currentColor;border-top:0;border-left:0;transform:rotate(-45deg)}
#logo-drag{position:absolute;z-index:1;left:50%;top:50%;width:65vw;height:68svh;transform:translate(-50%,-50%);padding:0;background:transparent;cursor:grab;touch-action:pan-y;user-select:none;pointer-events:auto}
#logo-drag:active{cursor:grabbing}
#logo-drag:disabled{cursor:default;pointer-events:none}
#logo-drag:focus-visible{outline:1px solid rgba(151,229,218,.65);outline-offset:0}
.logo-drag-hint{position:absolute;left:0;right:0;bottom:5%;display:flex;align-items:center;justify-content:center;gap:10px;font-size:11px;letter-spacing:.08em;color:#b7c8c6;pointer-events:none}
.logo-drag-hint>span{font-size:17px;line-height:1}
.spaces{height:380svh}
.spaces-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding-top:114px;padding-bottom:30px;gap:20px}
.section-kicker{font-size:11px;font-weight:500;line-height:1.5;letter-spacing:.13em;font-variant-numeric:tabular-nums;display:flex;justify-content:space-between;gap:20px}
.section-kicker span:last-child{font-weight:400;letter-spacing:.045em}
.spaces-content>.section-kicker{position:relative;z-index:4;width:100%;pointer-events:none}
.space-gallery{position:fixed;inset:0;z-index:1;width:100%;height:100%;max-height:none;perspective-origin:50% 50%;transform-style:preserve-3d;pointer-events:none;overflow:clip}
.space-card{position:absolute;left:50%;top:50%;right:auto;bottom:auto;margin:0;opacity:0;transform-origin:50% 50%;backface-visibility:hidden;pointer-events:none;will-change:opacity,transform}
.space-card img{width:100%;height:100%;object-fit:cover;border-radius:20px;box-shadow:0 20px 70px rgba(0,0,0,.22)}
.space-card:not([data-feedback]):after{content:"";position:absolute;inset:0;border-radius:20px;border:1px solid rgba(219,238,244,.32);box-shadow:inset 1px 0 rgba(160,204,255,.20),inset -1px 0 rgba(241,210,158,.14);pointer-events:none}
.space-card-surface{position:relative;display:block;width:100%;height:100%;border-radius:20px;transform:perspective(900px) rotateX(var(--card-tilt-x,0deg)) rotateY(var(--card-tilt-y,0deg));transform-origin:50% 50%;backface-visibility:hidden;touch-action:pan-y;user-select:none;-webkit-user-drag:none;pointer-events:none;outline-offset:7px}
.space-card-surface img{-webkit-user-drag:none;pointer-events:none}
.space-card[data-interactive=true] .space-card-surface{pointer-events:auto;cursor:pointer;will-change:transform}
.space-card-surface:before{content:"";position:absolute;z-index:2;inset:0;padding:1px;border-radius:inherit;background:conic-gradient(from var(--card-border-angle,0deg),rgba(228,242,247,.15),var(--card-ambient-b,#578ed0) 12%,rgba(228,242,247,.1) 26%,rgba(248,249,246,.48) 46%,var(--card-ambient,#775acc) 61%,rgba(228,242,247,.12) 78%,rgba(228,242,247,.15));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:.62;pointer-events:none}
.space-card-surface:after{content:"";position:absolute;z-index:1;inset:0;border-radius:inherit;background:radial-gradient(ellipse at var(--card-light-x,50%) var(--card-light-y,50%),rgba(255,255,255,.30),rgba(219,238,255,.07) 30%,transparent 61%),linear-gradient(112deg,transparent 20%,rgba(255,255,255,.23) 43%,rgba(232,244,255,.06) 49%,transparent 69%);background-position:center,calc((var(--card-light-x,50%) - 50%) * .6) 0;background-size:100% 100%,170% 100%;mix-blend-mode:screen;opacity:calc(var(--card-energy,0) * .40);pointer-events:none}
.space-card-glow{position:absolute;z-index:-1;left:10%;right:10%;bottom:-8%;height:27%;border-radius:50%;background:linear-gradient(100deg,var(--card-ambient,#775acc),var(--card-ambient-b,#578ed0));opacity:var(--card-glow-alpha,0);filter:blur(var(--card-glow-blur,25px));transform:scale(var(--card-glow-scale,1));pointer-events:none}
body:is(.scene-static,.scene-failed) .space-card-surface{transform:none;pointer-events:none}
body:is(.scene-static,.scene-failed) .space-card-glow{display:none}
@media(prefers-reduced-motion:reduce){.space-card-surface{transform:none!important}.space-card-surface:after,.space-card-glow{display:none!important}}
.space-card figcaption{display:none}
.space-caption{position:absolute;z-index:4;left:7.8vw;bottom:42px;width:min(790px,84.4vw);display:grid;grid-template-columns:42px minmax(0,1fr) auto;column-gap:18px;row-gap:10px;align-items:start;margin:0;will-change:opacity}
.space-index{grid-column:1;grid-row:1 / 3;display:flex;gap:7px;padding-top:6px;color:#b5c5c4;font-size:11px;line-height:1.5;letter-spacing:.06em;font-variant-numeric:tabular-nums}
.space-caption h2{grid-column:2;grid-row:1;font-size:clamp(28px,3.15vw,40px);font-weight:600;letter-spacing:-.02em;line-height:1.25;margin:0}
.space-caption p{grid-column:2;grid-row:2;font-size:13px;line-height:1.65;letter-spacing:.015em;margin:0;color:#c0cdcc;max-width:480px}
.text-link{display:inline-flex;align-items:center;gap:22px;border-bottom:1px solid var(--line);padding-bottom:9px;font-size:13px;font-weight:500;line-height:1.6;letter-spacing:.015em;transition:color .25s,border-color .25s}
.space-caption>.text-link{grid-column:3;grid-row:1 / 3;align-self:end;justify-self:start;margin-top:2px}
.space-progress{position:absolute;z-index:4;right:7.8vw;bottom:54px;display:flex;gap:12px;flex:0 0 auto;margin:0;pointer-events:none}
.space-progress i{display:block;width:30px;height:2px;background:rgba(255,255,255,.25)}
.space-progress i.active{background:#d6eee8}
.idea{height:165svh;color:#162426;background:transparent}
.idea-content,.portal-content{position:fixed;inset:0;z-index:6;min-height:100svh;height:100svh;opacity:0;transform:translate3d(0,40px,0);pointer-events:none;will-change:opacity,transform}
.idea-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.idea .section-kicker{position:absolute;top:88px}
.idea h2{font-size:clamp(34px,4.8vw,72px);line-height:1.42;font-weight:600;letter-spacing:-.02em;margin:0 0 24px;max-width:1050px}
.idea h2 span{display:block}
.idea h2 span:nth-child(2){margin-left:8vw}
.idea p{font-size:15px;line-height:1.8;letter-spacing:.015em;margin-left:8vw}
.portal{height:180svh}
.portal-content{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#1b2928}
.portal-content span{font-size:11px;font-weight:500;line-height:1.6;letter-spacing:.18em}
.portal-content p{font-size:clamp(30px,4vw,56px);line-height:1.4;letter-spacing:-.02em;font-weight:600}
.portal-content.light-text{color:#f5fff9;text-shadow:0 2px 12px rgba(0,0,0,.8)}
.services{height:340svh;z-index:7}
.services-content{position:fixed;inset:0;height:100svh;display:flex;flex-direction:column;justify-content:center}
.services .section-kicker{position:absolute;top:125px;left:7.8vw;right:7.8vw}
.service-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:20px}
.service-links>a{display:block;min-width:0}
.service-links>a>img{width:100%;height:auto;aspect-ratio:1.28;object-fit:cover;border-radius:20px;transition:transform .35s,filter .35s}
.service-links>a:is(:hover,:focus-visible)>img{transform:translateY(-7px);filter:brightness(1.07)}
.service-meta{display:grid;grid-template-columns:28px 1fr 26px;column-gap:12px;align-items:center;padding:23px 0 19px;border-bottom:1px solid var(--line);transition:border-color .25s}
.service-number{font-size:11px;line-height:1.5;letter-spacing:.06em;font-variant-numeric:tabular-nums;align-self:start;margin-top:6px;color:var(--sub)}
.service-name{min-width:0}
.service-links b{display:block;font-size:clamp(24px,2.55vw,36px);font-weight:600;letter-spacing:-.02em;line-height:1.3}
.service-links small{display:block;font-size:11px;font-weight:500;line-height:1.5;letter-spacing:.12em;color:var(--sub);margin-top:10px}
.service-arrow{font-size:27px;font-weight:400;line-height:1;text-align:right;transition:transform .25s,color .25s}
.service-links>a:is(:hover,:focus-visible) .service-arrow{transform:translate(3px,-3px);color:#c4e3db}
.service-links>a:is(:hover,:focus-visible) .service-meta{border-color:rgba(231,239,237,.58)}
.services-content{isolation:isolate}
.services .section-kicker{z-index:4;pointer-events:none}
.experience-content{position:absolute;inset:0;isolation:isolate}
.experience-atmosphere{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 70% 40%,rgba(22,42,57,.72),rgba(7,12,17,.86) 63%,rgba(4,8,12,.94)),linear-gradient(130deg,rgba(42,28,68,.18),transparent 60%);pointer-events:none}
.experience-stage{position:absolute;inset:100px 0 147px 38%;z-index:1;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(180deg,transparent,#000 7%,#000 88%,transparent);mask-composite:intersect}
.experience-stage canvas{display:block;width:100%;height:100%}
.experience-copy{position:absolute;left:7.8vw;top:24%;width:27%;max-width:370px;z-index:3}
.experience-story{position:absolute;inset:0 auto auto 0;width:100%;transition:none;will-change:opacity,transform}
.experience-story:not(:first-child){opacity:0;visibility:hidden}
.experience-eyebrow{display:block;color:#8ba7b8;font-size:10px;font-weight:500;line-height:1.6;letter-spacing:.16em;font-variant-numeric:tabular-nums}
.experience-story h2{margin:14px 0 16px;font-size:clamp(28px,2.6vw,42px);font-weight:600;line-height:1.35;letter-spacing:-.025em}
.experience-story p{font-size:12px;line-height:1.8;letter-spacing:.015em;color:#aebfc5;margin:0 0 18px}
.room-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 12px;max-width:300px}
.room-actions button{display:flex;align-items:center;gap:8px;min-height:38px;padding:9px 12px;background:rgba(100,133,157,.07);border:1px solid rgba(189,218,231,.22);border-radius:6px;font-size:11px;line-height:1.5;transition:background .2s,border-color .2s,color .2s;white-space:nowrap}
.room-actions button:hover{background:rgba(134,179,206,.14);border-color:rgba(189,218,231,.55)}
.room-actions button[aria-pressed=true]{color:#d7eeec;background:rgba(78,157,151,.12);border-color:rgba(109,204,197,.44)}
.room-light-icon{display:block;width:9px;height:9px;border:1px solid #c8b79d;border-radius:50%;box-shadow:0 0 9px rgba(237,213,161,.25)}
.room-air-icon{display:block;width:10px;height:7px;border-top:1px solid #93c8db;border-bottom:1px solid #93c8db;transform:skewX(-20deg)}
.room-curtain-icon{display:block;width:10px;height:10px;border:1px solid #93bbc7;background:repeating-linear-gradient(90deg,transparent 0 2px,rgba(147,187,199,.4) 2px 3px)}
.room-network-icon{display:block;width:10px;height:10px;border:1px solid #93bbc7;border-radius:50%;position:relative}.room-network-icon:after{content:"";position:absolute;inset:2px;border:1px solid #93bbc7;border-radius:50%}
.room-light-legend{display:block;font-size:9px;line-height:1.5;letter-spacing:.025em;color:#788e97;margin-bottom:12px}
.room-scene-label{display:flex;align-items:center;gap:8px;min-height:38px;margin-bottom:26px;color:#a8c7d5;font-size:10px;letter-spacing:.09em}
.room-scene-label i{width:5px;height:5px;border-radius:50%;background:#92dcd5;box-shadow:0 0 10px rgba(132,227,218,.5)}
.experience-detail{display:inline-flex;align-items:center;gap:30px;min-height:36px;font-size:12px;line-height:1.6;border-bottom:1px solid rgba(196,218,227,.24);transition:color .25s,border-color .25s}
.experience-detail:hover{color:#b4f1e2;border-color:#b4f1e2}
.experience-detail span{transition:transform .25s}.experience-detail:hover span{transform:translate(2px,-2px)}
.experience-caption{position:absolute;right:7.8vw;bottom:147px;display:flex;gap:18px;align-items:center;font-size:9px;line-height:1.6;letter-spacing:.12em;color:#708691;z-index:2;pointer-events:none}
.experience-caption span:last-child{letter-spacing:.04em}
.experience-nav{position:absolute;left:7.8vw;right:7.8vw;bottom:56px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;z-index:3}
.experience-nav button{min-width:0;display:grid;grid-template-columns:24px 1fr 22px;align-items:center;column-gap:12px;padding:17px 0 20px;text-align:left;background:transparent;border-top:1px solid rgba(189,213,226,.17);color:#7e959f;transition:color .25s,border-color .25s}
.experience-nav button[aria-pressed=true]{color:#f0f4f4;border-color:#add9d6}
.experience-nav button:hover{color:#e0f1ed;border-color:rgba(172,216,215,.65)}
.experience-number{font-size:10px;letter-spacing:.05em;color:#7e969f;font-variant-numeric:tabular-nums;align-self:start;padding-top:4px}
.experience-nav b{display:block;font-size:clamp(17px,1.6vw,24px);font-weight:500;letter-spacing:-.015em;line-height:1.4}
.experience-nav small{display:block;font-size:9px;letter-spacing:.13em;line-height:1.5;margin-top:5px;font-weight:400;color:#839da7}
.experience-nav-arrow{justify-self:end;font-size:23px;line-height:1;transition:transform .25s}.experience-nav button:hover .experience-nav-arrow{transform:translate(2px,-2px)}
.experience-progress{position:absolute;bottom:31px;left:7.8vw;right:7.8vw;height:1px;background:rgba(151,187,202,.14);z-index:2;--experience-progress:0}
.experience-progress:after{content:"";position:absolute;inset:0;background:#92bfc7;transform-origin:0 50%;transform:scaleX(var(--experience-progress))}
.experience-scroll-hint{position:absolute;right:7.8vw;bottom:5px;margin:0;font-size:10px;letter-spacing:.05em;color:#7e949d;display:flex;gap:18px;align-items:center;z-index:3}
.experience-fallback{display:none}
.experience-failed .experience-content,body:is(.scene-static,.scene-failed) .experience-content{display:none}
.experience-failed .experience-fallback,body:is(.scene-static,.scene-failed) .experience-fallback{display:grid}
.services.experience-unavailable{height:auto}
.services.experience-unavailable .services-content{position:relative;height:auto;min-height:100svh;padding-top:150px;padding-bottom:90px}
.services.experience-unavailable .section-kicker{position:static;margin-bottom:32px}
@media(min-width:768px) and (max-height:650px){.experience-copy{top:25%;width:29%}.experience-story h2{font-size:28px;margin:13px 0}.experience-story p{font-size:12px;margin-bottom:14px}.room-actions,.room-scene-label{margin-bottom:12px}.experience-stage{inset:80px 0 120px 40%}.experience-caption{bottom:124px}.experience-nav{bottom:45px}.experience-nav button{padding:12px 0 14px}.experience-nav b{font-size:18px}.experience-progress{bottom:27px}.experience-scroll-hint{bottom:3px}}
@media(min-width:768px) and (max-height:480px){.header{padding-top:16px;padding-bottom:16px}.services .section-kicker{top:77px}.experience-copy{top:108px;width:31%}.experience-story h2{font-size:21px;line-height:1.25;margin:7px 0 12px}.experience-story h2 br{display:none}.experience-eyebrow{font-size:8px;line-height:1.3}.experience-story p,.room-light-legend{display:none}.room-actions{gap:6px;margin-bottom:7px}.room-actions button{min-height:30px;padding:5px 8px;font-size:10px}.room-scene-label{min-height:30px;margin-bottom:7px;font-size:9px}.experience-detail{min-height:27px;font-size:11px}.experience-stage{inset:72px 0 109px 43%}.experience-caption{bottom:109px;font-size:8px}.experience-nav{bottom:35px}.experience-nav button{padding:10px 0 12px}.experience-nav b{font-size:16px}.experience-progress{bottom:23px}.experience-scroll-hint{bottom:1px;font-size:9px}}
.footer{height:105svh}
.footer-content{position:fixed;inset:0;height:100svh;display:flex;flex-direction:column;justify-content:space-between;padding-top:115px;background:linear-gradient(0deg,rgba(5,9,12,.82),transparent 90%)}
.footer-top{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-start;font-size:12px;font-weight:500;line-height:1.75;letter-spacing:.09em}
.footer-top p{margin:0}
.footer-top a{font-size:13px;font-weight:400;letter-spacing:.025em}
.footer-wordmark{position:absolute;top:50%;left:50%;width:84.4%;height:auto;margin:0;transform:translate(-52.568%,-50%);pointer-events:none;filter:drop-shadow(0 0 12px rgba(185,230,255,.22)) drop-shadow(0 0 36px rgba(71,144,189,.12))}
.footer-bottom{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-end;gap:24px;color:#acb9b9;font-size:12px}
.footer-bottom nav{display:flex;gap:30px;color:#eff5ef}
.footer-company{display:flex;flex-direction:column;gap:6px;line-height:1.65}
.footer-icp{width:fit-content;text-underline-offset:4px;transition:color .25s}
.footer-icp:is(:hover,:focus-visible){color:#e0eee8;text-decoration:underline}
.footer-bottom nav a{font-size:13px;line-height:1.6;letter-spacing:.025em}
.footer-top a,.footer-bottom nav a{text-decoration:underline;text-decoration-color:transparent;text-underline-offset:6px;transition:text-decoration-color .25s,color .25s}
.footer-top a:is(:hover,:focus-visible),.footer-bottom nav a:is(:hover,:focus-visible){text-decoration-color:currentColor;color:#e0eee8}
.detail{width:100%;max-width:none;height:100%;max-height:none;margin:0;border:0;background:#0c1114;color:#f0f4f1;overflow-y:auto;padding:0}
.detail::backdrop{background:transparent}
.detail[data-transition="opening"],.detail[data-transition="closing"]{will-change:opacity}
.detail[data-transition="opening"] #detail-content,.detail[data-transition="closing"] #detail-content{will-change:transform}
.detail-close{position:fixed;top:24px;right:4vw;z-index:3;background:rgba(8,14,16,.85);border:1px solid rgba(255,255,255,.35);border-radius:25px;padding:11px 19px;font-size:13px;font-weight:500;line-height:1.5;letter-spacing:.025em;display:flex;align-items:center;gap:18px;transition:background .25s,border-color .25s}
.detail-close span{font-size:24px;line-height:16px}
.detail-hero{height:62svh;min-height:360px;position:relative;display:flex;align-items:flex-end;padding:6vw}
.detail-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0c1114,transparent 90%)}
.detail-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.detail-heading{position:relative;z-index:1}
.detail-heading span{font-size:11px;font-weight:500;line-height:1.6;letter-spacing:.13em}
.detail-heading h1{font-size:clamp(40px,5.2vw,74px);font-weight:600;line-height:1.2;margin:22px 0 12px;letter-spacing:-.02em}
.detail-heading p{font-size:16px;line-height:1.75;letter-spacing:.015em}
.concept-caption{position:absolute;bottom:15px;right:4vw;z-index:1;font-size:11px;line-height:1.5;letter-spacing:.035em;opacity:.7}
.detail-body{padding:48px 6vw 100px;max-width:1200px;margin:auto}
.detail-intro{font-size:clamp(20px,2.35vw,30px);line-height:1.8;letter-spacing:0;max-width:900px;margin:0 0 64px;font-weight:400}
.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:44px}
.detail-grid section{border-top:1px solid var(--line);padding-top:26px}
.detail-grid h2{font-size:19px;font-weight:600;line-height:1.5;margin:0 0 18px;letter-spacing:-.01em}
.detail-grid p{font-size:16px;line-height:1.9;color:#b8c6c6;margin:0}
.detail-back{display:inline-flex;align-items:center;margin-top:60px;gap:22px;border-bottom:1px solid var(--line);padding-bottom:10px;font-size:14px;font-weight:500;line-height:1.6;letter-spacing:.015em;background:none;color:inherit;transition:color .25s,border-color .25s}
.text-link:is(:hover,:focus-visible),.detail-back:is(:hover,:focus-visible),.mobile-menu a:is(:hover,:focus-visible){color:#d6ece4;border-color:rgba(231,239,237,.6)}
.detail-close:is(:hover,:focus-visible){background:#152123;border-color:rgba(231,239,237,.6)}
.no-script{position:relative;z-index:5;padding:28px;background:#101a1c;line-height:2}
/* The same photographs remain visible when the cinematic scene is unavailable. */
body:is(.scene-static,.scene-failed) .chapter{height:auto;min-height:0}
body:is(.scene-static,.scene-failed) .sticky{position:relative!important;inset:auto!important;height:auto;min-height:0;opacity:1!important;transform:none!important;pointer-events:auto!important}
body:is(.scene-static,.scene-failed) .hero-content{min-height:100svh}
body:is(.scene-static,.scene-failed) .hero-content:before{content:"";position:absolute;inset:30% 10%;z-index:0;background:url("./assets/hero-wordmark.svg") center/contain no-repeat;opacity:.92;pointer-events:none}
body:is(.scene-static,.scene-failed) #logo-drag{display:none}
body:is(.scene-static,.scene-failed) .spaces-content{padding-top:90px;padding-bottom:90px;gap:32px}
body:is(.scene-static,.scene-failed) .space-gallery{position:relative!important;inset:auto!important;display:grid;width:100%!important;height:auto!important;max-height:none;gap:42px;perspective:none!important;transform-style:flat;overflow:visible;visibility:visible!important}
body:is(.scene-static,.scene-failed) .space-card{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;margin:0!important;z-index:auto!important;opacity:1!important;transform:none!important;pointer-events:auto!important;will-change:auto}
body:is(.scene-static,.scene-failed) .space-card.orbit-clone{display:none!important}
body:is(.scene-static,.scene-failed) .space-card img{height:auto;aspect-ratio:1672/941}
body:is(.scene-static,.scene-failed) .space-card figcaption{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:16px;font-size:15px;font-weight:600;line-height:1.5;letter-spacing:-.01em}
body:is(.scene-static,.scene-failed) .space-card figcaption span:last-child{font-size:11px;font-weight:400;color:var(--sub);letter-spacing:.08em}
body:is(.scene-static,.scene-failed) .space-caption,body:is(.scene-static,.scene-failed) .space-progress{display:none}
body:is(.scene-static,.scene-failed) .idea{color:var(--ink);background:transparent}
body:is(.scene-static,.scene-failed) .idea-content{min-height:80svh}
body:is(.scene-static,.scene-failed) .portal{display:none}
body:is(.scene-static,.scene-failed) .services-content{min-height:90svh;padding-top:150px;padding-bottom:100px}
body:is(.scene-static,.scene-failed) .footer-content{min-height:100svh}
body:is(.scene-static,.scene-failed) .footer-wordmark{position:static;inset:auto;transform:none;margin:60px 0}
@media(min-width:768px) and (max-height:700px){.space-caption{bottom:22px}.space-caption h2{font-size:30px}.space-caption p{font-size:12px}.space-progress{bottom:28px}.idea h2{font-size:clamp(32px,4.2vw,56px);line-height:1.35}.idea p{font-size:14px}.service-links b{font-size:clamp(24px,2.45vw,32px)}}
@media(max-width:767px){
  .header{padding:20px 22px;gap:16px}.brand{width:105px}.desktop-nav{display:none}.header-right{gap:9px}.employee{font-size:12px;padding:9px 13px;gap:9px}.menu-toggle{display:block}
  .sticky{padding:100px 22px 35px}.hero{height:100svh}.hero-content{padding-top:100px}.hero-label{font-size:10px;letter-spacing:.07em;align-items:flex-start;gap:24px}.hero-label span:last-child{max-width:180px;text-align:right;line-height:1.75}.hero-bottom{align-items:flex-start;flex-direction:column;gap:25px}.hero-bottom p{font-size:18px;letter-spacing:-.015em}.explore{font-size:10px;letter-spacing:.1em}
  #logo-drag{width:88vw;height:61svh;top:47%}.logo-drag-hint{display:none}
  .spaces{height:380svh}.section-kicker{font-size:11px;letter-spacing:.09em}.spaces-content{padding-top:102px;gap:20px}.space-card img{border-radius:20px}.space-caption{left:22px;bottom:68px;width:calc(100% - 44px);grid-template-columns:28px minmax(0,1fr);column-gap:12px;row-gap:9px}.space-caption h2{font-size:29px;letter-spacing:-.018em}.space-caption p{font-size:12px;line-height:1.7;letter-spacing:0;max-width:290px}.space-caption>.text-link{grid-column:2;grid-row:3;margin-top:5px;justify-self:start;font-size:12px;padding-bottom:8px}.space-index{font-size:10px;gap:4px;padding-top:5px}.space-progress{right:22px;bottom:36px;gap:8px;margin:0}.space-progress i{width:20px}
  .idea{height:145svh}.idea .section-kicker{top:84px}.idea h2{font-size:clamp(29px,8vw,40px);line-height:1.5;letter-spacing:-.018em}.idea h2 span:nth-child(2){margin-left:0}.idea p{font-size:13px;letter-spacing:0;margin-left:0;line-height:1.8}.portal{height:160svh}.portal-content p{font-size:31px;letter-spacing:-.018em}.portal-content span{font-size:11px;letter-spacing:.13em}
  .services{height:auto;min-height:100svh}.services-content{position:relative;height:auto;min-height:100svh;padding-top:112px;padding-bottom:70px;gap:32px}.services .section-kicker{position:static;flex-direction:column;gap:9px}.service-links{grid-template-columns:1fr;gap:30px;margin:0}.service-links>a>img{aspect-ratio:1672/941}.service-meta{grid-template-columns:27px 1fr 25px;padding-top:18px;padding-bottom:20px}.service-links b{font-size:30px}.service-links small{font-size:11px;margin-top:9px}.service-number{font-size:10px}.service-arrow{font-size:27px}
  .footer-wordmark{width:calc(100% - 44px)}.footer{height:100svh}.footer-content{padding-top:105px}.footer-top{font-size:11px;letter-spacing:.06em}.footer-top a{font-size:12px;min-height:36px;padding:7px 0}.footer-bottom{display:grid;grid-template-columns:1fr;gap:18px;font-size:11px;line-height:1.65}.footer-bottom nav{gap:24px;flex-wrap:wrap}.footer-bottom nav a{font-size:13px;min-height:40px;display:inline-flex;align-items:center;padding:9px 2px}
  .detail-hero{height:55svh;padding:85px 25px 42px}.detail-heading h1{font-size:38px}.detail-heading p{font-size:14px;line-height:1.7}.detail-body{padding:35px 25px 70px}.detail-intro{font-size:21px;line-height:1.8;margin-bottom:45px}.detail-grid{grid-template-columns:1fr;gap:35px}.detail-grid h2{font-size:20px}.detail-grid p{font-size:16px}.detail-close{top:18px;right:20px}.intro-label{font-size:10px;letter-spacing:.14em}.intro button{right:25px}
  body:is(.scene-static,.scene-failed) .spaces-content{padding-top:65px;padding-bottom:65px}body:is(.scene-static,.scene-failed) .space-gallery{gap:32px}body:is(.scene-static,.scene-failed) .services-content{padding-top:80px;padding-bottom:80px}body:is(.scene-static,.scene-failed) .hero-content:before{inset:33% 5%}
}
@media(max-width:767px){
  .services{height:350svh}.services-content{position:fixed;inset:0;height:100svh;min-height:100svh;padding:0}.services .section-kicker{position:absolute;top:94px;left:22px;right:22px;flex-direction:row;gap:15px}
  .experience-copy{left:22px;right:22px;top:143px;width:auto;max-width:none}.experience-story h2{font-size:24px;line-height:1.35;margin:8px 0 10px}.experience-story h2 br{display:none}.experience-story p{font-size:11px;line-height:1.65;margin:0 0 9px}.experience-story p br{display:none}.experience-eyebrow{font-size:9px;letter-spacing:.12em}.room-actions{gap:7px;margin-bottom:8px;max-width:346px}.room-actions button{min-height:36px;padding:7px 10px;font-size:11px}.room-light-legend{display:none}.room-scene-label{min-height:36px;margin-bottom:8px}.experience-detail{min-height:27px;font-size:11px}
  .experience-stage{inset:365px -4% 139px;}.experience-caption{right:22px;left:22px;bottom:134px;font-size:8px;justify-content:flex-end;gap:12px}.experience-nav{left:22px;right:22px;bottom:48px;gap:12px}.experience-nav button{grid-template-columns:1fr;gap:4px;padding:10px 0 13px}.experience-number{display:none}.experience-nav b{font-size:15px;line-height:1.45}.experience-nav small{font-size:8px;letter-spacing:.08em;margin-top:3px}.experience-nav-arrow{display:none}.experience-progress{left:22px;right:22px;bottom:32px}.experience-scroll-hint{right:22px;bottom:9px;font-size:9px}.services-content.experience-failed{height:auto;min-height:100svh;padding:112px 22px 70px}.experience-failed .section-kicker{position:static;margin-bottom:32px}
  body:is(.scene-static,.scene-failed) .services .section-kicker{position:static;margin-bottom:32px}
}
@media(max-width:767px) and (max-height:650px){.mobile-menu{padding-top:100px;padding-bottom:24px;overflow-y:auto;justify-content:flex-start}.mobile-menu a{padding:16px 0;font-size:27px;flex-shrink:0}.mobile-menu p{margin-top:26px;flex-shrink:0}.experience-copy{top:118px}.services .section-kicker{top:84px}.experience-story h2{font-size:23px;margin:8px 0}.experience-story p{font-size:11px;margin-bottom:8px}.experience-stage{inset:333px -4% 118px}.experience-caption{bottom:119px}.experience-nav{bottom:42px}.experience-progress{bottom:29px}.experience-nav b{font-size:14px}}
@media(min-width:560px) and (max-width:767px) and (max-height:500px){.experience-copy{top:108px;width:37%;right:auto}.experience-eyebrow,.experience-story p{display:none}.experience-story h2{font-size:21px;line-height:1.25;margin:0 0 10px}.room-actions button{min-height:32px;padding:5px 7px;font-size:10px}.room-actions,.room-scene-label{margin-bottom:5px}.room-scene-label{min-height:30px;font-size:9px}.experience-detail{min-height:28px;font-size:10px}.experience-stage{inset:82px 0 84px 42%}.experience-caption{bottom:83px;font-size:7px}.experience-nav{bottom:25px;gap:14px}.experience-nav button{padding:7px 0 9px}.experience-nav b{font-size:13px}.experience-nav small{font-size:7px}.experience-progress{bottom:20px}.experience-scroll-hint{bottom:2px;font-size:8px}}
@media(max-width:559px) and (max-height:550px){.experience-copy{top:116px}.experience-eyebrow,.experience-story p{display:none}.experience-story h2{font-size:20px;line-height:1.3;margin:0 0 10px}.room-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-bottom:7px}.room-actions button{justify-content:center;min-height:38px;padding:5px;font-size:9px;white-space:normal}.room-actions button i{display:none}.room-actions button span{line-height:1.25}.room-scene-label{min-height:27px;font-size:8px;margin-bottom:7px}.experience-detail{min-height:25px;font-size:10px}.experience-stage{inset:235px -4% 104px}.experience-caption{bottom:102px;font-size:7px}.experience-nav{bottom:35px;gap:10px}.experience-nav button{padding:8px 0 10px}.experience-nav b{font-size:13px}.experience-nav small{font-size:7px}.experience-progress{bottom:24px}.experience-scroll-hint{bottom:3px;font-size:8px}}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.intro,#logo-drag{display:none!important}#stage{display:none}.ambient-fallback{display:block}
  .chapter{height:auto!important;min-height:0}.sticky{position:relative!important;inset:auto!important;height:auto!important;min-height:0;opacity:1!important;transform:none!important;pointer-events:auto!important}.hero-content{min-height:100svh}.hero-content:before{content:"";position:absolute;inset:30% 10%;z-index:0;background:url("./assets/hero-wordmark.svg") center/contain no-repeat;opacity:.92;pointer-events:none}
  .spaces-content{padding-top:90px;padding-bottom:90px;gap:32px}.space-gallery{position:relative!important;inset:auto!important;display:grid;width:100%!important;height:auto!important;max-height:none;gap:42px;perspective:none!important;transform-style:flat;overflow:visible;visibility:visible!important}.space-card{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;margin:0!important;z-index:auto!important;opacity:1!important;transform:none!important;pointer-events:auto!important;will-change:auto}.space-card.orbit-clone{display:none!important}.space-card img{height:auto;aspect-ratio:1672/941}.space-card figcaption{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:16px;font-size:15px;font-weight:600;line-height:1.5;letter-spacing:-.01em}.space-card figcaption span:last-child{font-size:11px;font-weight:400;color:var(--sub);letter-spacing:.08em}.space-caption,.space-progress{display:none}
  .idea{color:var(--ink);background:transparent}.idea-content{min-height:80svh}.portal{display:none}.experience-content{display:none}.experience-fallback{display:grid}.services-content{min-height:90svh;padding:150px 7.8vw 100px}.services .section-kicker{position:static;margin-bottom:32px}.footer-content{min-height:100svh}.footer-wordmark{position:static;inset:auto;transform:none;margin:60px 0}
}

.experience-stage[data-interactive="true"]{pointer-events:auto;cursor:grab;touch-action:pan-y}.experience-stage.is-dragging{cursor:grabbing}.experience-stage:focus-visible{outline:1px solid rgba(176,221,239,.6);outline-offset:-12px}.room-orbit-tools{position:absolute;z-index:3;right:7.8vw;top:164px;display:flex;align-items:center;gap:15px;color:#8cabb6;font-size:10px;letter-spacing:.03em;pointer-events:none}.room-orbit-tools button{pointer-events:auto;border:1px solid #68818a55;border-radius:5px;padding:7px 10px;color:#b8d0d5;background:#07111566;font:inherit;cursor:pointer}.room-orbit-tools button:hover{background:#14272a99;border-color:#a8cbd177}.room-orbit-tools button:focus-visible{outline:1px solid #a8d8e3;outline-offset:3px}.room-orbit-tools [hidden]{display:none}.room-cinema-actions button[aria-pressed="false"]{color:#91a3a9;background:#07111588}.room-cinema-actions{margin-bottom:12px}
@media(max-width:767px){.room-orbit-tools{right:22px;top:354px;font-size:8px;gap:10px}.room-orbit-tools button{padding:5px 7px}.room-cinema-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:768px) and (max-height:480px){.room-orbit-tools{top:106px;font-size:8px}.room-orbit-tools button{padding:4px 7px}}
@media(max-width:767px) and (max-height:650px){.room-orbit-tools{top:321px}}
@media(min-width:560px) and (max-width:767px) and (max-height:500px){.room-orbit-tools{top:84px;font-size:7px;gap:8px}.room-orbit-hint{display:none}}
@media(max-width:559px) and (max-height:550px){.room-orbit-tools{top:221px;font-size:7px}.room-orbit-hint{display:none}}

.room-desk-actions{grid-template-columns:1fr;max-width:220px;margin-bottom:12px}.room-desk-actions button{justify-content:space-between}.room-desk-actions button i{font-style:normal;font-size:16px}
@media(max-width:767px){.room-desk-actions{max-width:220px;grid-template-columns:1fr}}

.studio-controls{--studio-top:104px;--studio-card-height:180px;--studio-dock-width:164px;--studio-caption-reserve:190px;position:fixed;top:var(--studio-top);right:24px;width:var(--studio-dock-width);z-index:28;display:flex;flex-direction:column;align-items:flex-end;gap:8px;pointer-events:none;opacity:0;transform:translate3d(0,6px,0);will-change:opacity,transform;color:#dce8eb;font-family:Consolas,"Liberation Mono",monospace;font-size:11px;line-height:1.5}
.studio-controls[hidden]{display:none!important}
.studio-controls[inert]>*{pointer-events:none}
.studio-controls__panel,.studio-controls__orientation{box-sizing:border-box;flex:none;pointer-events:auto;border:1px solid rgba(196,220,229,.19);background:radial-gradient(ellipse at 15% 0%,rgba(149,177,193,.09),transparent 64%),linear-gradient(145deg,rgba(15,25,32,.87),rgba(6,13,18,.83));box-shadow:inset 0 1px rgba(223,239,247,.05),0 8px 28px rgba(0,0,0,.15);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.studio-controls__orientation{width:var(--studio-dock-width);height:var(--studio-card-height);padding:9px;border-radius:12px;text-align:center;overflow:hidden}
.studio-controls__heading{display:flex;align-items:center;justify-content:space-between;gap:6px;height:24px;letter-spacing:.06em;color:#aebfc8;font-size:10px;text-align:left}
.studio-controls__orientation svg{display:block;width:108px;height:108px;margin:0 auto;overflow:visible;font-size:14px;font-weight:600}
.studio-controls__orientation svg :is(path,polygon){vector-effect:non-scaling-stroke}
.studio-controls__readings{margin:0;white-space:pre;font-size:9px;line-height:1.45;letter-spacing:-.01em;color:#a4b7c0;font-variant-numeric:tabular-nums}
.studio-controls button{appearance:none;font:inherit;color:inherit;background:transparent;border:1px solid rgba(194,216,228,.25);border-radius:5px;padding:6px 10px;cursor:pointer;letter-spacing:.02em}
.studio-controls button:hover{background:rgba(203,225,235,.08);border-color:rgba(203,225,235,.42)}
.studio-controls__heading .studio-controls__reset-orientation{box-sizing:border-box;min-height:24px;padding:2px 5px;border-color:rgba(194,216,228,.17);font-size:9px;line-height:1.4;color:#c7d5dc;letter-spacing:0}
.studio-controls__panel{position:relative;width:var(--studio-dock-width);max-width:calc(100vw - 32px);border-radius:10px;overflow:hidden}
.studio-controls__panel[open]{width:264px}
.studio-controls__toggle{box-sizing:border-box;display:flex;align-items:center;gap:8px;height:36px;cursor:pointer;list-style:none;padding:8px 11px;letter-spacing:.05em;user-select:none;color:#c8d7df}
.studio-controls__toggle::-webkit-details-marker{display:none}
.studio-controls__toggle::after{content:'+';margin-left:auto;opacity:.60;font-size:14px;line-height:16px;font-weight:400}
.studio-controls__panel[open]>.studio-controls__toggle::after{content:'−'}
.studio-controls__panel[open]>.studio-controls__toggle{border-bottom:1px solid rgba(194,216,228,.13)}
.studio-controls__swatch{width:10px;height:10px;flex:none;border:1px solid rgba(232,241,246,.45);border-radius:3px;background:var(--studio-glass-color,#fff);box-shadow:inset 0 0 0 2px rgba(7,12,16,.35);opacity:.85}
.studio-controls__body{box-sizing:border-box;padding:12px;max-height:clamp(48px,calc(100svh - var(--studio-top) - var(--studio-card-height) - 46px - var(--studio-caption-reserve)),274px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#536b78 transparent}
.studio-controls__scroll-cue{position:absolute;left:0;right:0;bottom:0;height:22px;pointer-events:none;background:linear-gradient(transparent,rgba(6,13,18,.94));opacity:0;transition:opacity .15s}
.studio-controls__scroll-cue::after{content:'⌄';position:absolute;right:11px;bottom:0;color:#b1c7d2;font-size:12px;line-height:14px}
.studio-controls__panel[open][data-more="true"]>.studio-controls__scroll-cue{opacity:1}
.studio-controls__field{display:grid;grid-template-columns:1fr auto;gap:6px 10px;margin-bottom:13px;align-items:center}
.studio-controls__field label{color:#c3d1d9}
.studio-controls__field output{font-variant-numeric:tabular-nums;color:#91a9b5;font-size:10px}
.studio-controls__field input[type=range]{grid-column:1/-1;width:100%;height:18px;margin:0;accent-color:#b5cbd5;cursor:ew-resize;touch-action:pan-y}
.studio-controls__field input[type=color]{grid-column:1/-1;box-sizing:border-box;width:100%;height:25px;padding:2px;background:transparent;border:1px solid rgba(194,216,228,.25);border-radius:4px;cursor:pointer}
.studio-controls :is(button,input,summary):focus-visible{outline:2px solid #c9e3ed;outline-offset:3px}
.studio-controls__reset-material{width:100%;font-size:10px!important}
@media(min-width:768px) and (max-width:1100px){.studio-controls{--studio-dock-width:152px;--studio-card-height:168px;right:16px}.studio-controls__orientation svg{width:96px;height:96px}}
@media(min-width:768px) and (max-height:680px){.studio-controls{--studio-top:88px;--studio-card-height:150px;--studio-caption-reserve:170px}.studio-controls__orientation{padding-top:7px;padding-bottom:7px}.studio-controls__orientation svg{width:82px;height:82px}.studio-controls__readings{font-size:8px}}
@media(min-width:768px) and (max-height:480px){.studio-controls{--studio-top:80px;--studio-card-height:44px}.studio-controls__orientation{padding:8px}.studio-controls__orientation svg,.studio-controls__readings{display:none}}
@media(max-width:767px){.studio-controls{top:auto;right:12px;bottom:14px;width:126px;gap:0}.studio-controls__orientation{display:none}.studio-controls__panel{width:126px;max-width:calc(100vw - 24px)}.studio-controls__panel[open]{width:min(264px,calc(100vw - 24px))}.studio-controls__body{max-height:calc(100svh - 128px)}.studio-controls__toggle{height:36px;padding:8px 11px}.studio-controls__field input[type=range],.studio-controls__field input[type=color]{height:32px}}
@media(prefers-reduced-transparency:reduce){.studio-controls__panel,.studio-controls__orientation{background:#101a21;backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){.studio-controls{transform:none!important}}