/* Product-led presentation and explorable concept */
body{font-size:15px}.spatial-copy>p{font-size:16px;line-height:1.8}.spatial-copy .eyebrow{font-size:10px}.spatial-copy h1{font-size:clamp(66px,6.5vw,100px)}.orbit-center,.orbit-ring{opacity:.35}.orbit-description p{font-size:12px;max-width:235px}.orbit-description h2{font-size:24px}.orbit-description>div>span{font-size:8px}.orbit-control button{height:34px;width:34px}.orbit-stage{top:105px}.orbit-card{width:340px;height:340px;margin:-170px 0 0 -170px}.orbit-card .orbit-label{font-size:9px;letter-spacing:1px}.orbit-card:not(.active) .orbit-label{opacity:.45}.hero-concept{font-size:8px}.hero-lab-link{font-size:11px}.section-head>p,.city-lab .section-head p{font-size:14px;line-height:1.85}.feature-copy p,.base-text,.principles p{font-size:14px}.feature-copy li{font-size:13px}.product p{font-size:12px}.product h3{font-size:19px}.spec-note{font-size:10px}.contact-grid p{font-size:14px}.people{font-size:13px}form label{font-size:11px}input,textarea,select{font-size:13px}.explorer-section{background:radial-gradient(ellipse at 25% 55%,#232a3344,transparent 65%),#0c0e10;border-top:1px solid #3d4550;margin-top:38px;position:relative}.explorer-section h2{font-size:48px}.explorer-section h2 em{font-style:normal;color:#bacadf}.explorer-section .section-head>p{max-width:365px}.explorer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}.explorer-tabs{display:flex;gap:5px;padding:5px;border:1px solid #545e6a;border-radius:100px;background:#1a1e23}.explorer-tabs button{display:flex;align-items:center;gap:12px;color:#939aa3;font:10px monospace;letter-spacing:1px;padding:13px 22px;border:0;border-radius:100px;background:transparent}.explorer-tabs button span{font:13px Arial,Helvetica,sans-serif;letter-spacing:0}.explorer-tabs button.active{background:#d4dde9;color:#1a1d22}.hotspots-toggle{padding:10px 0;border:0;background:none;color:#aeb7c2;font-size:11px;min-width:135px;text-align:right}.explorer-grid{display:grid;grid-template-columns:minmax(0,1fr) 350px;border:1px solid #4c5664;border-radius:25px;overflow:hidden;background:#0f1216}.explorer-stage{min-height:570px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 55%,#323e4e2b,transparent 60%),linear-gradient(140deg,#1a1f2577,#0a0d10);display:flex;align-items:center;justify-content:center}.explorer-stage-label{position:absolute;top:25px;left:26px;right:26px;display:flex;justify-content:space-between;gap:15px;font:8px monospace;letter-spacing:1px;color:#97a1af;z-index:5}.explorer-ring{position:absolute;inset:19% 11% 15%;border:1px solid #95a2b433;border-radius:50%;transform:rotate(-13deg);pointer-events:none}.explorer-ring:after{content:'';position:absolute;left:50%;top:-3px;width:5px;height:5px;border-radius:50%;background:#c1d3eb;box-shadow:0 0 13px #bdd4f166}.explorer-surface{position:absolute;inset:65% -10% -20%;background-image:linear-gradient(#778aa310 1px,transparent 1px),linear-gradient(90deg,#778aa310 1px,transparent 1px);background-size:35px 35px;transform:perspective(400px) rotateX(50deg);mask-image:linear-gradient(transparent,#000,transparent);z-index:-1}.explorer-visual{position:absolute;inset:55px 35px 65px;transition:opacity .5s,transform .5s;filter:drop-shadow(0 20px 25px #0006)}.explorer-visual[hidden]{display:none}.explorer-visual.active{animation:explorerEnter .6s ease both}.explorer-visual>svg,.explorer-visual>img{width:100%;height:100%;object-fit:contain;display:block}.explorer-visual[data-visual="exterior"]{inset:30px 35px 50px}.explorer-visual[data-visual="interior"]{inset:55px 0 65px}.explorer-visual[data-visual="structure"]{inset:65px 20px 105px}.explorer-stage-footer{position:absolute;bottom:22px;left:26px;right:26px;display:flex;justify-content:space-between;gap:15px;font:7px monospace;letter-spacing:.9px;color:#747e8c;z-index:5}.explorer-info{padding:30px;border-left:1px solid #424c58;background:linear-gradient(135deg,#292f3677,#15191ebb);display:flex;flex-direction:column}.explorer-info-top{display:flex;align-items:center;justify-content:space-between;color:#949da9;font:8px monospace;letter-spacing:1px}.explorer-info-top>span:last-child{color:#c0cbd9;font-size:18px}.explorer-info h3{font-size:30px;letter-spacing:-.9px;line-height:1.15;font-weight:400;margin:36px 0 22px;color:#e6eaf0}.explorer-info>p{font-size:14px;line-height:1.9;color:#b0b7c0;margin:0}.explorer-purpose{border-left:2px solid #a3b3c7;margin:30px 0;padding:1px 0 1px 17px}.explorer-purpose>span{font:8px monospace;letter-spacing:1.3px;color:#98a1ac}.explorer-purpose p{font-size:12px;color:#c9d0da;line-height:1.8;margin:10px 0 0}.explorer-detail-nav{display:flex;align-items:center;justify-content:space-between;margin-top:auto;margin-bottom:25px;gap:20px}.explorer-detail-nav>button{height:32px;width:32px;border-radius:50%;border:1px solid #6f7b8b66;background:transparent;color:#bdc7d5;font-size:16px}.explorer-detail-nav>button:hover{background:#bdccdf;color:#1d242c}#explorer-detail-dots{display:flex;gap:9px}#explorer-detail-dots button{height:7px;width:7px;border-radius:50%;background:#535c67;border:0;padding:0}#explorer-detail-dots button.active{background:#cfdbeb;box-shadow:0 0 10px #cfdbeb33}.explorer-info .button{font-size:12px;gap:20px}.explorer-info small{color:#76808e;font-size:10px;line-height:1.8;margin-top:17px}.explorer-hotspot{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);height:31px;width:31px;border:1px solid #e0e8f2aa;border-radius:50%;color:#e3e9f0;background:#1b222bb8;backdrop-filter:blur(8px);font:11px monospace;z-index:6;box-shadow:0 0 0 7px #9db3d00e,0 0 25px #abbfd91c;transition:background .3s,box-shadow .3s}.explorer-hotspot:before{content:'';position:absolute;inset:-7px;border:1px solid #aabcd330;border-radius:50%}.explorer-hotspot.active{background:#d3deed;color:#20262e;box-shadow:0 0 0 9px #d0dcec20,0 0 25px #abbfd93b}.explorer-hotspot:hover{background:#e3eaf3;color:#20262e}.explorer-footnote{display:flex;justify-content:space-between;gap:25px;margin-top:17px;color:#7c8591;font-size:9px;line-height:1.7}.explorer-footnote>span:first-child{font:8px monospace;letter-spacing:1px}.explode-control{position:absolute;bottom:56px;left:15%;right:15%;z-index:7;display:flex;align-items:center;gap:15px;flex-wrap:wrap;padding:11px 16px;background:#171d25b8;border:1px solid #6a788b66;border-radius:15px;backdrop-filter:blur(15px)}.explode-control[hidden]{display:none}.explode-control label{font:7px monospace;letter-spacing:1px;color:#a8b3c1;width:100%}.explode-control input{margin:0;padding:0;border:0;flex:1;min-width:80px;accent-color:#cfdcec;cursor:ew-resize}.explode-control>span{font:10px monospace;color:#cbd7e6}.structure-diagram [data-layer]{transition:transform .25s}.explorer-invitation{margin-left:20px;font-size:11px;color:#c4cfde}.explorer-section:target{scroll-margin-top:105px}.city-lab{margin-top:0}.explorer-visual img{user-select:none;-webkit-user-drag:none}@keyframes explorerEnter{from{opacity:0;transform:translateY(9px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:1100px){.orbit-card{width:305px;height:305px;margin:-152px 0 0 -152px}.explorer-grid{grid-template-columns:minmax(0,1fr) 310px}.explorer-info{padding:27px}.explorer-info h3{font-size:27px}.explorer-info>p{font-size:13px}.explorer-section h2{font-size:43px}.explorer-stage{min-height:570px}.explorer-tabs button{padding:12px 18px}.spatial-copy>p{font-size:14px}.orbit-description p{font-size:10px}.orbit-description h2{font-size:21px}}
@media(max-width:760px){.spatial-copy>p{font-size:14px;max-width:320px}.spatial-copy h1{font-size:54px}.spatial-copy .eyebrow{font-size:8px}.hero-lab-link{font-size:10px}.orbit-stage{top:445px}.orbit-card{width:250px;height:250px;margin:-125px 0 0 -125px}.orbit-description p{font-size:10px}.orbit-description h2{font-size:20px}.orbit-description>div>span{font-size:7px}.explorer-section{margin-top:30px}.explorer-section h2{font-size:35px}.section-head>p,.city-lab .section-head p{font-size:13px}.explorer-toolbar{flex-wrap:wrap;gap:14px;margin-bottom:18px}.explorer-tabs{width:100%;justify-content:space-between;border-radius:15px;padding:5px}.explorer-tabs button{padding:12px 11px;gap:7px;border-radius:10px;font-size:8px}.explorer-tabs button span{font-size:12px}.hotspots-toggle{font-size:11px;margin-left:auto;padding:0}.explorer-grid{grid-template-columns:1fr;border-radius:19px}.explorer-stage{min-height:380px}.explorer-stage-label{top:20px;left:18px;right:18px;font-size:6px}.explorer-visual{inset:40px 5px 50px}.explorer-visual[data-visual="exterior"]{inset:25px 10px 40px}.explorer-visual[data-visual="interior"]{inset:35px -15px 48px}.explorer-visual[data-visual="structure"]{inset:40px -15px 80px}.explorer-ring{inset:19% 7% 15%}.explorer-stage-footer{bottom:17px;left:18px;right:18px;font-size:5px;letter-spacing:.6px}.explorer-info{border-left:0;border-top:1px solid #424c58;padding:25px}.explorer-info h3{font-size:29px;margin:23px 0 16px}.explorer-info>p{font-size:14px;line-height:1.8}.explorer-info small{font-size:10px}.explorer-info-top{font-size:8px}.explorer-purpose{margin:22px 0}.explorer-purpose p{font-size:12px}.explorer-detail-nav{margin-top:5px;margin-bottom:25px}.explorer-info .button{font-size:12px}.explorer-hotspot{height:27px;width:27px;font-size:10px}.explorer-hotspot:before{inset:-5px}.explorer-footnote{display:block;font-size:9px}.explorer-footnote>span{display:block}.explorer-footnote>span:first-child{font-size:7px;margin-bottom:8px}.explode-control{bottom:42px;left:9%;right:9%;padding:10px 12px;gap:10px}.explode-control label{font-size:6px}.explode-control>span{font-size:9px}.feature-copy p,.base-text,.principles p{font-size:13px}.feature-copy li{font-size:12px}.product h3{font-size:16px}.product p{font-size:11px}.contact-grid p{font-size:13px}.people{font-size:12px}form label{font-size:11px}input,textarea,select{font-size:13px}.lab-summary p{font-size:12px}.lab-presets button{font-size:9px}}
@media(prefers-reduced-motion:reduce){.explorer-visual.active{animation:none}.structure-diagram [data-layer]{transition:none}}
