:root{--navy:#031b2b;--cyan:#8bffef;--ice:#e7fffa;--muted:#a4c9d2;--line:#8bffef44}*{box-sizing:border-box}body{margin:0;background:var(--navy);color:var(--ice);font:14px Manrope,Arial,sans-serif;background-image:radial-gradient(ellipse at 50% 35%,#14546788,transparent 65%)}button,a{font:inherit;color:inherit}button{cursor:pointer}a{text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}header{padding:20px 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:14px}.brand img{width:72px;height:44px;object-fit:contain}.brand span{font:600 10px/1.6 'Space Grotesk',sans-serif;letter-spacing:1.5px}nav{display:flex;align-items:center;gap:25px}nav a,nav button{font-size:12px}nav button{border:1px solid var(--line);border-radius:30px;padding:11px 17px;background:#083344}.intro{text-align:center;padding:30px 18px 12px}.eyebrow{font:10px 'Space Grotesk',sans-serif;letter-spacing:2.4px;color:var(--cyan)}h1{font:400 clamp(30px,4vw,52px) 'Space Grotesk',sans-serif;letter-spacing:-2px;margin:12px 0}p{color:var(--muted);line-height:1.7}.intro>p:not(.eyebrow){font-size:13px}.filters{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin:22px auto 0}.filters button{border:1px solid var(--line);border-radius:30px;background:#08344880;padding:11px 18px;font-size:12px;transition:.3s}.filters button[aria-pressed=true]{color:var(--cyan);background:#8bffef17;box-shadow:0 0 25px #8bffef13;border-color:var(--cyan)}.room{height:720px;max-width:1500px;margin:0 auto;position:relative;overflow:hidden;perspective:1100px;isolation:isolate;animation:enter 1.5s ease both}.ceiling{position:absolute;inset:0 0 auto;height:110px;background:linear-gradient(#062233,#123b4a);clip-path:polygon(0 0,100% 0,75% 100%,25% 100%);display:flex;justify-content:space-around}.ceiling i{width:2px;background:var(--cyan);box-shadow:0 0 25px #8bffef}.ceiling i:first-child{transform:rotate(-40deg)}.ceiling i:last-child{transform:rotate(40deg)}.window{position:absolute;inset:95px 25% 140px;border:1px solid #8bffef55;border-radius:120px 120px 8px 8px;background:linear-gradient(#07364faa,#072438dd),url(assets/ocean.png) center/cover;box-shadow:0 0 100px #45cecb20,inset 0 0 60px #0c849822}.window:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(33.3% - 2px),#8bffef35 33.3%);border-radius:inherit}.window span{position:absolute;left:0;right:0;top:35px;text-align:center;font:8px 'Space Grotesk';letter-spacing:4px;color:#b5e6e3}.pillar{position:absolute;top:65px;bottom:80px;width:16px;background:linear-gradient(90deg,#041421,#2b5a68,#071e2d);box-shadow:0 0 12px #8bffef22}.pillar.left{left:24%}.pillar.right{right:24%}.floor{position:absolute;left:-50%;width:200%;height:450px;bottom:-200px;background:linear-gradient(#8bffef20 1px,transparent 1px),linear-gradient(90deg,#8bffef20 1px,transparent 1px),#062332;background-size:80px 80px;transform:rotateX(58deg);box-shadow:0 0 120px #8bffef11;z-index:-1}.runway{position:absolute;left:35%;right:35%;bottom:-50px;height:170px;border-left:2px solid #8bffef77;border-right:2px solid #8bffef77;transform:rotateX(60deg);box-shadow:0 0 30px #8bffef22}.wing{position:absolute;top:110px;width:19%;display:grid;gap:14px;transform-style:preserve-3d}.wing-left{left:5%;transform:rotateY(19deg);transform-origin:right}.wing-right{right:5%;transform:rotateY(-19deg);transform-origin:left}.tour-panel{padding:0;text-align:left;position:relative;border:1px solid #8bffef77;background:#082f40;border-radius:15px;overflow:hidden;box-shadow:0 12px 24px #0005,0 0 20px #8bffef0c;min-width:0;transition:transform .3s,box-shadow .3s,opacity .3s}.tour-panel:hover{transform:translateZ(15px) translateY(-3px);box-shadow:0 0 30px #8bffef44;border-color:var(--cyan)}.art{height:90px;overflow:hidden}.art svg{display:block;width:100%;height:100%;object-fit:cover}.panel-caption{display:block;padding:11px 14px;position:relative}.panel-caption small{font:7px 'Space Grotesk',sans-serif;letter-spacing:1.5px;color:var(--cyan)}.panel-caption strong{display:block;font:500 clamp(12px,1.3vw,18px) 'Space Grotesk',sans-serif;margin-top:5px;padding-right:15px}.open-arrow{position:absolute;right:12px;bottom:12px;color:var(--cyan)}.back-displays{position:absolute;left:29%;right:29%;top:170px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.back-displays .art{height:68px}.back-displays .panel-caption{padding:9px}.back-displays strong{font-size:12px}.back-displays small{font-size:6px}.back-displays .open-arrow{display:none}.dimmed{opacity:.28}.dimmed:hover,.dimmed:focus-visible{opacity:1}.hologram{pointer-events:none;position:absolute;left:calc(50% - 120px);top:335px;width:240px;height:120px;text-align:center;animation:float 5s ease-in-out infinite}.hologram svg{width:190px;height:100px;filter:drop-shadow(0 0 12px #8bffef);fill:#8bffef44;stroke:#8bffef;stroke-width:1.5}.hologram>span{display:block;font:7px 'Space Grotesk',sans-serif;letter-spacing:2px;color:var(--cyan)}.orbit{position:absolute;inset:5px -10px;border:1px solid #8bffef66;border-radius:50%;transform:rotateX(60deg) rotate(-15deg);box-shadow:0 0 35px #8bffef33}.counter{position:absolute;left:29%;right:29%;bottom:65px;height:180px;filter:drop-shadow(0 20px 30px #0008)}.counter-top{height:37px;background:linear-gradient(160deg,#4f939a,#0e3c50);clip-path:polygon(9% 0,91% 0,100% 100%,0 100%);border-bottom:2px solid var(--cyan)}.counter-front{height:143px;border:1px solid #8bffef66;border-radius:0 0 30px 30px;background:linear-gradient(125deg,#0e4051,#062638 60%,#0e4051);text-align:center;padding:16px 8px;box-shadow:inset 0 -8px 25px #8bffef11}.counter-front .eyebrow{font-size:7px;margin:0}.counter-front h2{font:400 clamp(17px,2vw,27px) 'Space Grotesk',sans-serif;margin:10px 0 12px}.counter-front button,.return{background:var(--cyan);color:#053441;border:0;border-radius:30px;padding:11px 23px;font-weight:800;font-size:12px}.counter-front button span{margin-left:20px}.room-caption{position:absolute;bottom:4px;left:0;right:0;text-align:center;font:8px 'Space Grotesk',sans-serif;letter-spacing:2px}.disclosure{position:relative;z-index:1;background:var(--navy);border-top:1px solid var(--line);margin:0 auto;padding:24px 22px 35px;text-align:center;max-width:900px}.disclosure strong{font:9px 'Space Grotesk';letter-spacing:2px;color:var(--cyan)}.disclosure p{font-size:11px}dialog{width:min(720px,92vw);max-height:90svh;overflow:auto;background:#062638;color:var(--ice);border:1px solid var(--cyan);border-radius:27px;padding:0;box-shadow:0 0 100px #8bffef25}dialog::backdrop{background:#001523bb;backdrop-filter:blur(16px)}.close{position:absolute;right:16px;top:14px;border:1px solid var(--line);border-radius:30px;background:#062638e8;padding:11px 16px;z-index:2}#detail-art{height:220px;overflow:hidden}#detail-art svg{width:100%;height:100%}.modal-content{padding:30px}.modal-content h2{font:400 32px 'Space Grotesk',sans-serif;letter-spacing:-1px}.safety{font-size:12px;padding:14px;border:1px solid var(--line);border-radius:12px}.guide-options{display:grid;gap:12px}.guide-options button{padding:18px;text-align:left;border:1px solid var(--line);background:#0e4051;border-radius:15px}.guide-options button:hover{border-color:var(--cyan)}#guide .modal-content{padding-top:64px}.paused *{animation-play-state:paused!important}@keyframes float{50%{transform:translateY(-10px)}}@keyframes enter{from{opacity:0;transform:scale(.96) translateY(18px)}to{opacity:1;transform:none}}@media(max-width:700px){header{padding:14px 16px;gap:10px}.brand span{display:none}.brand img{width:60px;height:40px}nav{gap:12px}nav a,nav button{font-size:10px}nav button{padding:9px 12px}.intro{padding-top:23px}h1{font-size:31px;letter-spacing:-1.5px}.intro>p:not(.eyebrow){font-size:11px}.filters{gap:7px;margin-top:16px}.filters button{font-size:10px;padding:9px 12px}.room{height:930px}.ceiling{height:70px}.window{inset:70px 16% 150px;border-radius:80px 80px 0 0}.window span{font-size:6px;letter-spacing:2px;top:20px}.pillar.left{left:15%}.pillar.right{right:15%}.wing{width:41%;top:250px;gap:13px}.wing-left{left:5%;transform:rotateY(8deg)}.wing-right{right:5%;transform:rotateY(-8deg)}.art{height:64px}.panel-caption{padding:8px 9px}.panel-caption small{font-size:6px;letter-spacing:1px}.panel-caption strong{font-size:12px;margin-top:4px;min-height:28px}.open-arrow{font-size:11px;right:8px;bottom:11px}.back-displays{top:105px;left:7%;right:7%;gap:8px}.back-displays .art{height:48px}.back-displays strong{font-size:10px;min-height:25px;padding:0}.back-displays small{font-size:5px;letter-spacing:.4px}.hologram{top:224px;left:calc(50% - 60px);width:120px;height:25px;animation:none}.hologram svg{width:60px;height:25px}.hologram>span{display:none}.orbit{inset:2px 0}.counter{left:10%;right:10%;height:150px;bottom:38px}.counter-top{height:27px}.counter-front{height:123px;padding:13px 8px}.counter-front h2{font-size:22px}.counter-front .eyebrow{font-size:6px}.counter-front button{font-size:11px;padding:10px 20px}.floor{bottom:-180px;height:400px;background-size:45px 45px}.room-caption{font-size:6px;letter-spacing:1px}.disclosure{padding-top:20px}.modal-content{padding:23px}.modal-content h2{font-size:27px}#detail-art{height:170px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* Island transmission: a suspended television above the showroom. */
:root{--frame:#477782;--deep:#02131e;--warm:#e5bc87}
.room{height:1230px;overflow:visible;animation:none}.room .floor{left:10%;width:80%}
.tour-tv{position:absolute;top:26px;left:24%;right:24%;z-index:5;border:1px solid var(--frame);border-radius:22px;background:linear-gradient(150deg,#365d68,#0c2938 12%,#183d4b);padding:10px;box-shadow:0 22px 40px #0008,0 0 60px #8bffef20,inset 0 1px 0 #c7fff966}
.tour-tv:before,.tour-tv:after{content:'';position:absolute;top:-27px;width:7px;height:26px;background:linear-gradient(90deg,#173c49,#62959a,#173c49);z-index:-1}.tour-tv:before{left:22%}.tour-tv:after{right:22%}
.tv-bezel{display:flex;justify-content:space-between;gap:8px;padding:3px 8px 12px;font:8px 'Space Grotesk',sans-serif;letter-spacing:1.8px;color:#b9d4d9}.tv-bezel i{display:inline-block;background:var(--cyan);width:5px;height:5px;border-radius:50%;margin-right:7px;box-shadow:0 0 10px var(--cyan)}
.tv-screen{position:relative;min-height:240px;background:#041b28;border:1px solid #67959855;border-radius:12px;overflow:hidden}.tv-screen:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 40px #0009;border-radius:inherit}
#tv-art{position:absolute;inset:0 0 0 32%;opacity:.56}#tv-art svg{width:100%;height:100%;object-fit:cover}.tv-overlay{position:relative;padding:22px;min-height:240px;background:linear-gradient(90deg,#031925 25%,#031925c9 64%,#03192511)}
.tv-overlay h2{font:500 clamp(20px,2vw,30px)/1.14 'Space Grotesk',sans-serif;letter-spacing:-.7px;max-width:95%;margin:10px 0 18px}.tv-overlay .eyebrow{font-size:8px;letter-spacing:2px}.tv-overlay #tv-status{font-size:12px;line-height:1.5;color:var(--warm);margin:0;max-width:85%}.illustration-note{font-size:9px;margin:5px 0 0;color:#9bb8c0}.tv-controls{display:flex;align-items:center;justify-content:space-between;padding:11px 5px 2px;gap:12px}.tv-controls>span{font-size:10px;color:#abcbd0}.tv-controls button{border:1px solid #8bffef77;background:#123f4e;border-radius:20px;padding:10px 15px;font-size:11px}.tour-panel[aria-pressed=true]{border-color:var(--cyan);box-shadow:0 0 0 2px #8bffef44,0 0 26px #8bffef30}.tour-panel[aria-pressed=true] .open-arrow{font-size:0}.tour-panel[aria-pressed=true] .open-arrow:after{content:'●';font-size:10px}
.wing{top:425px;width:24%;gap:18px}.wing-left{left:3%;transform:rotateY(9deg)}.wing-right{right:3%;transform:rotateY(-9deg)}.wing .art{height:94px}.panel-caption strong{font-size:16px;line-height:1.25;min-height:40px}.panel-caption small{font-size:7px;letter-spacing:1px}.back-displays{top:425px;left:30%;right:30%;grid-template-columns:1fr;gap:12px}.back-displays .tour-panel{display:grid;grid-template-columns:85px 1fr;align-items:center;min-height:104px}.back-displays .art{height:100%}.back-displays .panel-caption{padding:12px}.back-displays strong{font-size:15px;min-height:0}.back-displays small{font-size:7px}.window{inset:90px 25% 140px}.window span{display:none}.hologram{top:795px}.counter{bottom:65px}.room-caption{bottom:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:700px){.room{height:auto;min-height:1100px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:20px 14px 60px;perspective:none;isolation:auto}.tour-tv{position:sticky;top:8px;left:auto;right:auto;grid-column:1/-1;margin:0 -3px 22px;z-index:10;padding:7px;border-radius:16px;align-self:start}.tv-screen,.tv-overlay{min-height:184px}.tv-overlay{padding:14px}.tv-overlay h2{font-size:20px;margin:8px 0 12px;max-width:100%}.tv-overlay #tv-status{font-size:10px;max-width:100%}.tv-overlay .eyebrow{margin:0;font-size:7px}.tv-bezel{font-size:6px;letter-spacing:1.2px;padding:3px 5px 8px}.tv-controls{gap:5px;padding-top:8px}.tv-controls>span{font-size:8px}.tv-controls button{font-size:10px;padding:9px 12px}.illustration-note{font-size:8px}.wing,.back-displays{display:contents;transform:none}.tour-panel,.back-displays .tour-panel{display:block;min-height:175px;align-self:stretch}.art,.wing .art,.back-displays .art{height:70px}.panel-caption,.back-displays .panel-caption{padding:10px}.panel-caption strong,.back-displays strong{font-size:13px;line-height:1.3;min-height:0;padding-right:4px}.panel-caption small,.back-displays small{font-size:6px;letter-spacing:.4px}.open-arrow{display:none}.counter{position:relative;grid-column:1/-1;left:auto;right:auto;bottom:auto;margin:45px 14px 0;height:150px}.hologram{display:none}.window{inset:150px 12% 100px}.floor{bottom:0;z-index:-1}.room-caption{bottom:12px}.tour-panel:hover{transform:none}}

.tv-summary{font-size:11px;line-height:1.5;margin:10px 8px 0}.tv-controls>a{font-size:9px;text-decoration:underline;text-underline-offset:3px;color:#b8dadd}.source-link{display:block;text-decoration:underline;margin:16px 0 22px;font-size:12px}.media-controls{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.media-controls,.media-controls:empty{display:flex;min-height:40px}.tv-screen,.tv-overlay{height:280px}.tv-summary{min-height:50px}@media(max-width:700px){.tv-screen,.tv-overlay{height:220px}}.media-controls button,.media-controls a{font-size:10px;border:1px solid #8bffef66;border-radius:18px;padding:8px 12px;background:#0a2e3d;margin-top:8px}.media-controls a{text-decoration:underline}.tv-screen video,.tv-screen iframe{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0;z-index:2}.has-video .tv-overlay{z-index:3;pointer-events:none;background:linear-gradient(0deg,#00121ded,transparent 55%);display:flex;flex-direction:column;justify-content:flex-end}.has-video .tv-overlay .eyebrow{display:none}.has-video .tv-overlay h2{font-size:20px;margin:0 0 6px}.has-video #tv-status{font-size:9px}.has-video .illustration-note{font-size:8px}.has-video:has(iframe) .tv-overlay{visibility:hidden}.tv-screen:has(iframe){min-height:0}.wing,.back-displays{top:530px}.hologram{top:900px}.room{height:1360px}
@media(max-width:700px){.room{height:auto}.tv-summary{display:none}.tv-controls>a{font-size:8px;max-width:47%;line-height:1.4}.media-controls button,.media-controls a{font-size:9px;padding:6px 10px}.tv-screen,.tv-overlay{min-height:175px}.tv-overlay h2{font-size:18px}.tv-overlay #tv-status{font-size:9px}.has-video .tv-overlay h2{font-size:17px}.has-video .illustration-note{font-size:7px}}

/* Real, product-matched listing photography; preserve the approved showroom geometry. */
.art img,#detail-art img{display:block;width:100%;height:100%;object-fit:cover}.art{overflow:hidden}#tv-art{inset:0;opacity:.82}#tv-art img{width:100%;height:100%;object-fit:cover}.tv-overlay{background:linear-gradient(0deg,#031925fa 0%,#031925b0 48%,#03192511 100%);display:flex;flex-direction:column;justify-content:flex-end}.silent-note{font-size:10px;color:var(--muted);padding-top:8px}

/* Keep the screen above the cards without covering them while scrolling on phones. */
@media(max-width:700px){.tour-tv{position:relative;top:auto}}

/* Real detail-page navigation: retain the existing TV button footprint. */
.tv-controls #show-details{display:inline-block;border:1px solid #8bffef77;background:#123f4e;border-radius:20px;padding:10px 15px;font-size:11px;text-decoration:none;color:inherit;max-width:none}@media(max-width:700px){.tv-controls #show-details{font-size:10px;padding:9px 12px}}