:root{--mint:#80e3cd;--paper:#f5f0e7;--ink:#071319}html{scroll-behavior:auto}body{background:var(--ink)}button:focus-visible,a:focus-visible{outline:2px solid var(--mint);outline-offset:5px}button{min-height:44px;touch-action:manipulation}.site-header{gap:20px}.site-header> a img{width:108px;height:66px}.header-tools{gap:15px}.header-tools button{font-size:10px}.residence{height:1100svh;position:relative}.residence-stage{position:sticky;top:0;height:100svh;min-height:500px;overflow:hidden;background:#12252a}#scene-poster,#main-film,#hero-film,.sky-brand{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}#main-film,#hero-film{opacity:0;transition:opacity .3s}.main-ready #main-film{opacity:1}.hero-ready .at-hero #hero-film{opacity:1}.sky-brand{z-index:2;opacity:0;transition:opacity .4s;pointer-events:none}.at-hero .sky-brand{opacity:1}.dominant-mark{animation:float-mark 10s ease-in-out infinite}.cloud-front{opacity:.44;animation:cloud-travel 60s linear infinite alternate}.scene-shade{position:absolute;inset:0;z-index:3;background:linear-gradient(90deg,#061219b8,transparent 58%),linear-gradient(0deg,#061219b0,transparent 40%);pointer-events:none}.residence-copy{position:absolute;z-index:4;left:6vw;bottom:18%;width:min(430px,34vw)}.residence-copy h2{font:400 clamp(38px,4.4vw,68px)/1.05 Georgia,serif;letter-spacing:-.035em;white-space:pre-line;margin:18px 0}.residence-copy .description{max-width:340px;font-size:12px;line-height:1.8}.residence-copy .eyebrow{font-size:9px}.residence-copy button{margin-top:15px;border:1px solid #fff5;border-radius:40px;padding:0 20px;background:#0713198c;font-size:11px}.journey-bottom{position:absolute;bottom:30px;left:6vw;right:6vw;z-index:6;display:flex;align-items:center;gap:20px;font-size:10px}.journey-bottom a{text-decoration:none;letter-spacing:.08em}.journey-bottom button{border:0;background:none;color:var(--paper);padding:0 12px}.journey-bottom span{margin-left:auto}.residence-anchors{position:absolute;inset:0;pointer-events:none}.residence-anchors span{position:absolute;width:1px;height:1px;left:0}.residence-nav{position:fixed;z-index:40;right:28px;top:35%;display:grid;gap:5px}.residence-nav a{width:44px;height:25px;display:flex;justify-content:center;align-items:center;text-decoration:none}.residence-nav a:before{content:'';height:4px;width:4px;border-radius:50%;background:#fff6;transition:width .2s}.residence-nav a[aria-current=step]:before{width:20px;background:var(--mint)}.at-shore .residence-nav{visibility:hidden}.idle-waypoints{position:absolute;right:6vw;bottom:18%;z-index:7;width:250px;border:1px solid #fff3;border-radius:18px;background:#071319b8;backdrop-filter:blur(16px);padding:18px;box-shadow:0 20px 70px #0003}.idle-waypoints[hidden]{display:none}.idle-waypoints p{font-size:9px;letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px}.idle-waypoints [data-room-buttons]{display:grid;gap:4px}.idle-waypoints button{padding:6px 0;text-align:left;border:0;background:none;color:var(--paper);font-size:12px}.idle-waypoints button:after{content:'↗';float:right;color:var(--mint)}.signal-map,.speaker-map{position:absolute;inset:0;z-index:5;pointer-events:none;opacity:0;transition:opacity .4s}.show-signals .signal-map,.show-speakers .speaker-map{opacity:1}.wifi-source{position:absolute;left:48%;top:18%;width:20px;height:20px;border-radius:50%;background:#80e3cd;box-shadow:0 0 20px #80e3cd80}.wifi-source i,.speaker-map i{position:absolute;inset:-6px;border:1px solid #80e3cd;border-radius:50%;animation:signal 3s ease-out infinite}.wifi-source i:nth-child(2),.speaker-map i:nth-child(2){animation-delay:1s}.wifi-source i:nth-child(3),.speaker-map i:nth-child(3){animation-delay:2s}.data-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:#80e3cd;box-shadow:0 0 15px #80e3cd}.data-dot:nth-child(2){left:83%;top:48%}.data-dot:nth-child(3){left:75%;top:58%}.speaker-map>span{position:absolute;left:23%;top:53%;width:12px;height:12px}.speaker-map>span+span{left:77%}.speaker-map i{border-color:#f1ce91}.residence-entrance{width:100%;height:100svh;max-width:none;max-height:none;border:0;margin:0;padding:0;background:linear-gradient(90deg,#071319ad,transparent 75%);color:var(--paper)}.residence-entrance::backdrop{background:transparent}.entry-content{position:absolute;left:7vw;bottom:13%;max-width:470px}.entry-content h1{font:400 clamp(54px,6vw,90px)/1.03 Georgia,serif;white-space:pre-line;letter-spacing:-.045em;margin:24px 0}.entry-content>p:not(.eyebrow){font-size:13px;line-height:1.8;max-width:350px}.entry-content button{display:block;margin:16px 0 0;border:0;background:none;color:var(--paper);font-size:12px;padding:5px 20px}.entry-content button.primary{background:var(--mint);color:var(--ink);border-radius:30px;padding:0 24px}.entry-content .entry-note{font-size:9px!important;opacity:.7;max-width:340px;margin:22px 0 0}.startup-reveal{position:absolute;inset:0;z-index:12;display:grid;place-items:center;pointer-events:none;visibility:hidden}.revealing .startup-reveal{visibility:visible}.glass-signature{width:230px;height:148px;border:1px solid #6b3fd480;border-radius:24px;position:relative;overflow:hidden;display:grid;place-items:center;background:#0a0a0a70;backdrop-filter:blur(18px) saturate(1.04);box-shadow:inset 0 1px #ffffff30,0 0 30px #6b3fd426;opacity:0}.glass-signature img{width:85px;height:85px;object-fit:contain}.glass-signature span{position:absolute;inset:-20px auto -20px -100px;width:80px;background:linear-gradient(98deg,transparent,#fff3,transparent)}.revealing .glass-signature{animation:optical-reveal 1.1s both}.revealing .glass-signature span{animation:glass-sheen 1.1s both}.residence-static{display:none}.shore-close{min-height:100svh;position:relative;padding:120px 7vw 80px;overflow:hidden;background:var(--ink)}.shore-media{position:absolute;inset:0}.shore-media img,.shore-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}#surf-film{opacity:0;transition:opacity .3s}.surf-ready:not(.motion-off) #surf-film{opacity:1}.shore-close:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#05131de8,#05131da0 45%,transparent);pointer-events:none}.shore-copy{position:relative;z-index:3;max-width:600px}.shore-copy h2{font:400 clamp(42px,5vw,75px)/1.04 Georgia,serif;white-space:pre-line;letter-spacing:-.04em;margin:28px 0}.shore-copy>p{font-size:13px;line-height:1.8;max-width:440px}.shore-copy .closing-actions{margin:30px 0 50px;gap:24px}.shore-copy .concept-note{font-size:10px}.shore-copy>a{display:inline-block;font-size:11px;margin-top:24px}#rooms{padding:0;width:100%;height:100svh;max-width:none;max-height:none;border:0;border-radius:0;margin:0;background:var(--ink);color:var(--paper);overflow-y:auto;overscroll-behavior:contain}#rooms::backdrop{background:#000b}.room-shell{min-height:100svh;position:relative;isolation:isolate}.room-header{position:sticky;top:0;z-index:8;background:#071319d9;backdrop-filter:blur(15px);padding:18px 5vw;display:flex;justify-content:space-between;align-items:center;gap:12px}.room-header>div{display:flex;gap:15px}.room-header button{background:none;border:0;font-size:11px;color:var(--paper)}.room-header button[data-return]{border:1px solid #fff5;border-radius:25px;padding:0 20px}.room-stage{position:absolute;top:0;left:0;right:0;height:100svh;z-index:-1;overflow:hidden}.room-stage img,.room-stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.room-stage video,#room-state{opacity:0;transition:opacity 1s}.room-motion .room-stage video,.room-alternate #room-state{opacity:1}.room-alternate .room-stage video{opacity:0}.room-vignette{position:absolute;inset:0;background:linear-gradient(90deg,#071319e0,transparent 65%),linear-gradient(0deg,#071319bc,transparent 65%)}.room-content{width:min(480px,42vw);padding:14vh 0 30px;margin-left:6vw;min-height:calc(100svh - 180px)}.room-content h2{font:400 clamp(36px,4vw,60px)/1.05 Georgia,serif;letter-spacing:-.03em;white-space:pre-line;margin:0 0 22px}.room-content>p{font-size:13px;line-height:1.75;max-width:370px}.room-content ul{padding:0;list-style:none;font-size:11px;line-height:1.7;max-width:360px}.room-content li{padding:9px 0;border-top:1px solid #fff2}.room-content .room-caption{font-size:9px;opacity:.75}.room-interactions button{background:#081c23b0;color:var(--paper);border:1px solid #fff5;border-radius:25px;padding:0 20px;margin:15px 12px 5px 0;font-size:11px}.room-navigation{display:flex;flex-wrap:wrap;gap:12px;padding:20px 6vw 30px;background:#071319cc}.room-navigation button{font-size:11px;background:none;border:0;color:var(--paper);padding:0 15px;border-radius:25px}.room-navigation button[aria-pressed=true]{background:#12595b}.finish-view{background:#eee8df;border-radius:18px;padding:14px;display:grid;grid-template-columns:130px 1fr;gap:16px;color:var(--ink);margin:18px 0}.finish-photo{position:relative;min-height:165px}.finish-photo img{width:100%;height:100%;object-fit:contain;position:absolute;inset:0;opacity:0;transition:opacity .5s}.finish-photo img.selected{opacity:1}.finish-choices{display:flex;flex-wrap:wrap;align-content:center;gap:10px}.finish-choices button{margin:0;background:none;color:var(--ink);border-color:#07131950;width:100%;padding:0 12px;display:flex;align-items:center;gap:10px;border-radius:6px;font-size:10px;text-align:left}.finish-choices button[aria-pressed=true]{border-color:#071319;border-width:2px}.finish-choices i{width:16px;height:16px;border-radius:50%;border:1px solid #0002}.finish-label{grid-column:1/-1;font-size:10px;margin:0}.finish-note{font-size:9px!important}.finish-note a{color:var(--mint)}.room-keypad .room-stage img{object-position:center}.room-keypad .room-content{padding-top:7vh}.no-script{padding:120px 24px}.motion-off .residence{display:none}.motion-off .residence-static{display:block}.motion-off .residence-static article{position:relative;min-height:100svh;padding:150px 7vw 90px;background:linear-gradient(90deg,#071319de,#07131960),var(--poster);background-size:cover;background-position:center}.residence-static h2{font:400 50px/1.06 Georgia,serif;max-width:600px;white-space:pre-line}.residence-static p{font-size:13px;line-height:1.8;max-width:400px}.residence-static button{background:#12595b;color:var(--paper);border:0;border-radius:25px;padding:0 20px;margin:20px 8px 0 0}.motion-off .residence-nav,.motion-off .startup-reveal,.motion-off .signal-map,.motion-off .speaker-map{display:none}.motion-off *{animation:none!important;transition:none!important}
@keyframes optical-reveal{0%{opacity:0;filter:blur(14px);transform:scale(1.03)}25%,72%{opacity:1;filter:blur(0);transform:scale(1)}100%{opacity:0;filter:blur(5px);transform:scale(1.025)}}@keyframes glass-sheen{0%,10%{transform:translateX(0);opacity:0}20%{opacity:.8}60%{transform:translateX(410px);opacity:.5}100%{transform:translateX(410px);opacity:0}}@keyframes float-mark{50%{transform:translateY(3px)}}@keyframes cloud-travel{to{transform:translateX(230px)}}@keyframes signal{0%{opacity:.8;transform:scale(1)}100%{opacity:0;transform:scale(7)}}
@media(max-width:700px){.site-header{padding:14px 18px;gap:8px}.site-header>a img{width:70px;height:44px}.header-tools{gap:6px;flex-wrap:wrap;justify-content:flex-end;max-width:260px}.header-tools button{font-size:8px;min-height:28px;padding:0 4px}.header-tools [data-explore]{border:1px solid #fff4;border-radius:20px;padding:0 10px}.residence{height:1000svh}.residence-copy{left:24px;right:24px;bottom:19%;width:auto;max-width:300px}.residence-copy h2{font-size:41px}.residence-copy .description{font-size:11px;max-width:285px}.residence-nav{right:6px;top:26%}.residence-nav a{width:24px;height:22px}.journey-bottom{bottom:24px;left:24px;right:24px;gap:10px;font-size:9px}.idle-waypoints{left:24px;right:24px;bottom:10%;width:auto;padding:13px 15px}.idle-waypoints [data-room-buttons]{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.idle-waypoints button{font-size:10px;min-height:36px}.has-idle .residence-copy{bottom:37%}.entry-content{left:24px;right:24px;bottom:12%;max-width:340px}.entry-content h1{font-size:50px}.entry-content>p:not(.eyebrow){font-size:12px}.sky-brand{object-position:center}.scene-shade{background:linear-gradient(0deg,#061219cc,transparent 76%),linear-gradient(90deg,#06121965,transparent)}.shore-close{padding:100px 24px 36px}.shore-copy h2{font-size:40px}.shore-copy>p{font-size:12px}.shore-media img,.shore-media video{object-position:86% center}.shore-copy .closing-actions{gap:16px;margin:25px 0 30px}.room-header{padding:10px 16px;gap:8px}.room-header .eyebrow{font-size:8px;max-width:115px}.room-header>div{gap:5px}.room-header button{font-size:10px;padding:0 6px}.room-header button[data-return]{padding:0 12px}.room-stage{height:48svh;position:relative;z-index:0}.room-stage img,.room-stage video{object-fit:cover}.room-vignette{background:linear-gradient(0deg,#071319,transparent 40%)}.room-content{width:auto;padding:8px 24px 20px;margin:0;min-height:0}.room-content h2{font-size:36px;margin-bottom:16px}.room-content>p{font-size:12px}.room-content ul{font-size:11px}.room-navigation{padding:15px 16px 30px;gap:5px}.room-navigation button{font-size:10px;padding:0 10px}.room-keypad .room-content{padding-top:8px}.room-keypad .room-stage{height:30svh}.finish-view{grid-template-columns:100px 1fr;padding:12px;gap:10px}.finish-photo{min-height:145px}.residence-static h2{font-size:40px}.motion-off .residence-static article{padding:120px 24px 70px}.room-cinema .room-stage img,.room-server .room-stage img{object-fit:contain;background:#08151a}.speaker-map>span{left:15%}.speaker-map>span+span{left:85%}}
@media(max-width:360px){.header-tools{max-width:210px}.header-tools button{font-size:8px}.residence-copy h2{font-size:36px}.residence-copy .description{font-size:10px}.idle-waypoints{left:20px;right:20px}.entry-content h1{font-size:44px}.room-header .eyebrow{max-width:95px}.room-header button[data-return]{font-size:9px}.room-content{padding-left:20px;padding-right:20px}.finish-choices button{font-size:9px;padding:0 8px}.room-interactions button{font-size:10px}}

body:not(.entered) .site-header,body:not(.entered) .residence-copy,body:not(.entered) .journey-bottom,body:not(.entered) .residence-nav{visibility:hidden}.room-keypad .room-stage img{animation:detail-arrival .65s cubic-bezier(.2,.8,.2,1) both}@keyframes detail-arrival{from{opacity:0;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}

.mobile-mark{display:none}.wifi-source{top:3.5%}.room-alternate.room-kitchen .room-network-map{opacity:1}.keypad-hotspot{display:none;position:absolute;z-index:5;left:6.5%;top:43%;width:32px;min-height:32px;border:1px solid #fff8;border-radius:50%;background:#12595bbd;color:white;font-size:16px}.room-bedroom .keypad-hotspot{display:block}.room-stage .room-vignette{pointer-events:none}.motion-off .room-alternate.room-kitchen .room-network-map{display:block}@media(max-width:700px){.sky-brand .dominant-mark{display:none}.mobile-mark{display:block}.room-stage{height:auto;aspect-ratio:16/9}.room-stage img,.room-stage video{object-fit:contain}.room-keypad .room-stage{height:30svh;aspect-ratio:auto}.keypad-hotspot{width:28px;min-height:28px;font-size:14px}}
@media(max-width:700px){.show-signals>.residence-stage>.signal-map .wifi-source{left:var(--ap-left,calc(50% - 12.5svh))}.show-signals>.residence-stage>.signal-map .data-dot{display:none}}

#evening-film,#irrigation-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s;pointer-events:none}.evening-ready .at-evening #evening-film,.irrigation-ready .at-irrigation #irrigation-film{opacity:1}

/* Fine moving water follows the photographed lawn heads, never the pool. */
.irrigation-water{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none}.irrigation-ready .at-irrigation .irrigation-water{opacity:1}.irrigation-water path{fill:none;stroke:#ffe9c4;stroke-width:1.1;stroke-opacity:.42;stroke-dasharray:2 16;animation:water-flow 1.4s linear infinite;animation-delay:var(--jet-delay);animation-play-state:paused}.at-irrigation .irrigation-water path{animation-play-state:running}@keyframes water-flow{to{stroke-dashoffset:-108}}.motion-off .irrigation-water{display:none}@media(max-width:700px){#irrigation-film{top:16%;height:auto;aspect-ratio:16/9;object-fit:contain;box-shadow:0 0 50px #071319}.irrigation-water{top:16%;height:auto;aspect-ratio:16/9}.at-irrigation .scene-shade{background:linear-gradient(0deg,#061219cc,transparent 55%)}.at-irrigation .residence-copy{bottom:18%}}

@media(max-width:700px){.main-ready .at-irrigation #main-film{filter:blur(18px);opacity:.24}.at-irrigation #scene-poster{filter:blur(18px);opacity:.24}}

/* Entry and guided travel share the same living world. */
#house-technical{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none;z-index:1}.house-tech-caption{position:absolute;bottom:12%;left:50%;transform:translateX(-50%);z-index:8;padding:13px 20px;border:1px solid #80e3cd60;background:#071319cc;backdrop-filter:blur(12px);border-radius:30px;font-size:11px;letter-spacing:.06em;opacity:0;white-space:nowrap}.entry-reveal .house-tech-caption{opacity:1}.entry-reveal .residence-copy,.entry-reveal .journey-bottom{opacity:0}.entry-content{bottom:8%}.entry-content button{border:1px solid #fff5;border-radius:30px;padding:0 24px;margin-top:10px}.entry-content button[data-enter=silent]{border:0;padding:0 12px;margin-top:5px;font-size:10px;opacity:.8}.entry-content h1{margin:14px 0}.entry-content .entry-note{margin-top:12px}.cloud-front{animation:cloud-travel 100s linear infinite alternate;opacity:.35}.header-tools [data-tour]{border:1px solid #80e3cd60;border-radius:24px;padding:0 12px;color:var(--mint)}.header-tools [data-tour]:disabled{opacity:.4}.room-stage #room-technical{opacity:0;transition:opacity 1.25s;z-index:2;pointer-events:none}.room-technical .room-stage #room-technical{opacity:1}.room-technical .room-stage video,.room-technical #room-state{opacity:0!important}.technical-points{position:absolute;inset:0;z-index:4;opacity:0;pointer-events:none;transition:opacity .5s}.room-technical .technical-points{opacity:1}.tech-point{position:absolute;display:flex;align-items:center;gap:8px;font-size:10px;white-space:nowrap;color:#f5f0e7;filter:drop-shadow(0 1px 4px #000)}.tech-point>b{display:grid;place-items:center;width:24px;height:24px;border:1px solid #80e3cd;border-radius:50%;background:#071319cd;color:#80e3cd;font-weight:400}.tech-point>span{padding:6px 9px;background:#071319cd;border-radius:8px}.room-cinema .tech-point-0{left:72%;top:48%}.room-cinema .tech-point-1{left:55%;top:12%}.room-cinema .tech-point-2{left:62%;top:65%}.room-cinema .tech-point-3{left:76%;top:28%}.room-bedroom .tech-point-0{left:65%;top:8%}.room-bedroom .tech-point-1{left:63%;top:36%}.room-bedroom .tech-point-2{left:48%;top:17%}.room-bedroom .tech-point-3{left:70%;top:24%}.room-technical .room-vignette{z-index:3;pointer-events:none}.room-technical .keypad-hotspot{z-index:5}.motion-off #house-technical,.motion-off .house-tech-caption{display:none}
@media(max-width:700px){.entry-content{bottom:7%;max-width:330px}.entry-content h1{font-size:46px}.entry-content>p:not(.eyebrow){font-size:11px}.entry-content button{font-size:11px}.entry-content .entry-note{font-size:8px!important}.header-tools{max-width:280px;gap:3px}.header-tools [data-tour]{font-size:8px;min-height:30px;max-width:180px;padding:0 8px}.house-tech-caption{bottom:21%;max-width:calc(100% - 40px);font-size:8px;padding:10px 12px;white-space:normal;text-align:center}.technical-points .tech-point{font-size:8px;gap:3px}.tech-point>b{width:19px;height:19px}.tech-point>span{display:none}.room-cinema .tech-point-0{left:72%;top:45%}.room-cinema .tech-point-1{left:55%;top:9%}.room-cinema .tech-point-2{left:60%;top:64%}.room-cinema .tech-point-3{left:82%;top:28%}.room-bedroom .tech-point-1{left:7%;top:42%}.room-technical .room-content ul{counter-reset:detail}.room-technical .room-content li:before{counter-increment:detail;content:counter(detail) ' · ';color:var(--mint)}}
@media(min-width:701px){.room-cinema .room-header,.room-bedroom .room-header{height:80px;box-sizing:border-box}.room-cinema .room-stage,.room-bedroom .room-stage{top:80px;height:calc(100svh - 80px)}.room-cinema .room-stage img,.room-cinema .room-stage video,.room-bedroom .room-stage img,.room-bedroom .room-stage video{object-fit:contain}.room-bedroom .tech-point-0{left:65%;top:8%}.room-bedroom .tech-point-1{left:7%;top:40%}.room-bedroom .tech-point-2{left:48%;top:7%}.room-bedroom .tech-point-3{left:70%;top:24%}}
.room-technical .keypad-hotspot{visibility:hidden}.room-bedroom:not(.room-technical) .keypad-hotspot{left:7%;top:43%}
@media(min-width:701px){.room-bedroom .keypad-hotspot{visibility:hidden}.room-bedroom .tech-point-1{left:9%;top:40%}.room-bedroom .tech-point-1>span{display:none}}
@media(min-width:701px){.room-bedroom .tech-point-1{display:none}}
@media(max-width:700px){.room-bedroom .tech-point-2{top:4%}}
.room-stage{scroll-margin-top:80px}.room-header [data-quick-technical]{color:var(--mint);border:1px solid #80e3cd50;border-radius:24px;padding:0 14px}.room-header [data-quick-technical][hidden]{display:none}
@media(max-width:700px){.room-stage{scroll-margin-top:64px}.room-header:has([data-quick-technical]:not([hidden]))>.eyebrow{display:none}.room-header:has([data-quick-technical]:not([hidden]))>div{width:100%;justify-content:space-between}.room-header [data-quick-technical]{padding:0 10px}}

/* The complete tour contains the same systems reveals in automatic and manual modes. */
.residence{height:1800svh}.residence-nav{top:24%}.residence-nav a{height:28px}
.room-server .tech-point-0{left:60%;top:14%}.room-server .tech-point-1{left:82%;top:40%}.room-server .tech-point-2{left:55%;top:64%}.room-server .tech-point-3{left:70%;top:6%}
.room-bathroom .tech-point-0{left:62%;top:10%}.room-bathroom .tech-point-1{left:24%;top:20%}.room-bathroom .tech-point-2{left:12%;top:37%}.room-bathroom .tech-point-3{left:52%;top:6%}
.room-kitchen .technical-points{display:none}
@media(min-width:701px){.room-server .room-header,.room-bathroom .room-header,.room-kitchen .room-header{height:80px;box-sizing:border-box}.room-server .room-stage,.room-bathroom .room-stage,.room-kitchen .room-stage{top:80px;height:calc(100svh - 80px)}.room-server .room-stage img,.room-bathroom .room-stage img,.room-kitchen .room-stage img,.room-server .room-stage video{object-fit:contain}.room-bathroom .tech-point-1,.room-bathroom .tech-point-2{display:none}}
@media(max-width:700px){.inside-feature .residence-copy{bottom:9%;width:calc(100% - 42px)}.inside-feature .residence-copy h2{font-size:31px}.inside-feature .residence-copy .description{font-size:10px;line-height:1.65}.inside-feature .scene-shade{background:linear-gradient(0deg,#071319 12%,transparent 52%)}.inside-feature #main-film{object-fit:contain}.room-bathroom .tech-point-1{left:24%;top:20%}.room-bathroom .tech-point-2{left:12%;top:37%}}
@media(max-width:700px){.inside-feature .idle-waypoints{bottom:39%;padding:8px 12px}.inside-feature .idle-waypoints button{min-height:32px}}
@media(max-width:360px){.inside-feature .idle-waypoints{bottom:43%;padding:6px 9px}.inside-feature .idle-waypoints [data-room-buttons]{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 9px}.inside-feature .idle-waypoints button{font-size:8.5px;line-height:1.25;min-height:32px}.inside-feature .idle-waypoints button:after{display:none}}
/* Markers follow the actual exposed services in the selected room frames. */
.room-server .tech-point-0{left:55%;top:3%}.room-server .tech-point-1{left:26%;top:43%}.room-server .tech-point-3{left:39%;top:4%}.room-bathroom .tech-point-0{left:49%;top:4%}.room-bathroom .tech-point-3{left:32%;top:4%}
@media(min-width:701px){.room-server .tech-point-1{display:none}}
@media(max-width:700px){.room-bathroom .tech-point-2{left:18%;top:11%}}

.room-bedroom .tech-point-3{left:70%;top:13%}

/* Site shell stays light; the coastline remains the same moving stage. */
.brand-seal{display:block;width:78px;height:78px;flex-shrink:0;text-decoration:none;border-radius:50%}.brand-seal:focus-visible{outline:1px solid var(--paper);outline-offset:4px}.af-seal{width:100%;height:100%;overflow:visible}.af-seal text{fill:var(--paper);font:5.9px Arial,sans-serif;letter-spacing:.6px}.seal-lettering{transform-origin:50px 50px;animation:seal-turn 42s linear infinite}.site-header{padding:14px 4vw;align-items:center}.gate-seal{position:absolute;left:4vw;top:14px}.header-tools [data-menu-open]{min-height:44px;display:flex;align-items:center;gap:8px;border:0;background:transparent;color:var(--paper)}.header-tools svg,#site-menu svg,.share-action svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.4}.gate-language{top:27px}.room-header{padding:8px 4vw}.room-header .brand-seal{width:62px;height:62px}.room-header>[data-room-label]{margin-right:auto}.room-header>div{gap:8px}
#brand-opening{position:absolute;inset:0;z-index:50;pointer-events:none}.opening-veil{position:absolute;inset:0;width:100%;height:100%}.opening-signature{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.opening-signature .af-seal{width:190px;height:190px}.opening-signature p{font-size:18px;letter-spacing:.3em;margin:16px 0 0 6px}
@keyframes seal-turn{to{transform:rotate(360deg)}}
#surf-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none;transition:none}.surf-ready:not(.motion-off) .coast-loop #surf-film{opacity:1}body.at-shore .residence-copy,body.at-shore .journey-bottom{opacity:0;visibility:hidden}.shore-close{position:absolute;inset:0;min-height:0;padding:125px 7vw 45px;background:transparent;visibility:hidden;opacity:0;transition:opacity .25s;z-index:8;overflow:auto}.at-shore .shore-close{visibility:visible;opacity:1}.shore-close:after{z-index:-1;background:linear-gradient(90deg,#05131dbb,transparent 85%)}.shore-copy{max-width:520px}.shore-copy h2{font-size:clamp(40px,5vw,68px);margin:18px 0}.shore-copy .closing-actions{margin:24px 0;gap:20px}.shore-copy .concept-note{font-size:9px;margin-top:22px}.shore-copy>a{margin-top:8px}.share-action{border:0;background:none;color:var(--paper);display:flex;align-items:center;gap:10px;padding:0;font-size:11px}.social-links{display:flex;gap:10px;margin:15px 0}.social-links a{width:44px;height:44px;display:grid;place-items:center;border:1px solid #ffffff24;border-radius:50%;color:var(--paper);transition:box-shadow .2s,background .2s}.social-links a:hover{background:#6b3fd42b;box-shadow:0 0 18px #b7a0ea38}.social-links svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4}.social-links a:first-child path{fill:currentColor;stroke:none}
#site-menu{position:fixed;inset:100px 4vw auto auto;width:min(420px,calc(100vw - 32px));max-height:calc(100svh - 120px);margin:0;border:1px solid #ffffff25;border-radius:20px;padding:24px;background:#0d1723f2;color:var(--paper);backdrop-filter:blur(24px);overflow-y:auto;transform-origin:top right}#site-menu::backdrop{background:#0005;backdrop-filter:blur(3px)}.menu-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.menu-head h2{font:400 30px/1.2 Georgia,serif;margin:0}.menu-head button{background:transparent;border:0;color:var(--paper);width:44px}.page-links{display:grid;margin:20px 0}.page-links a{padding:12px 0;border-bottom:1px solid #ffffff20;text-decoration:none;font-size:14px;min-height:44px;box-sizing:border-box}.page-links a:hover{color:var(--mint)}.menu-options{display:flex;flex-wrap:wrap;gap:6px}.menu-options button{border:1px solid #ffffff30;border-radius:24px;background:none;color:var(--paper);padding:0 12px;font-size:10px}.menu-options button[aria-pressed=true]{border-color:var(--mint)}#site-menu footer{margin-top:22px;border-top:1px solid #ffffff20;padding-top:10px;font-size:9px;opacity:.65}.share-status{font-size:11px;overflow-wrap:anywhere}
/* A registered screen: real videos sit within the photographed cinema. */
.cinema-screen{position:absolute;left:var(--screen-x);top:var(--screen-y);width:var(--screen-w);height:var(--screen-h);z-index:6;background:#030707;overflow:hidden}.cinema-screen[hidden],.cinema-console[hidden],.cinema-controls[hidden],.cinema-video[hidden],.cinema-thumbnails[hidden]{display:none}.cinema-thumbnails{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;height:100%;gap:3px;padding:3px;box-sizing:border-box}.cinema-thumbnails button{position:relative;overflow:hidden;padding:0;border:0;color:white;background:#12232d;min-height:44px;text-align:left}.cinema-thumbnails img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cinema-thumbnails span{position:absolute;inset:auto 0 0;padding:6px 8px;background:linear-gradient(transparent,#000d);font-size:8px;line-height:1.25}.cinema-thumbnails b{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);font-size:12px;text-shadow:0 2px 6px #000}.cinema-thumbnails button:hover{outline:2px solid var(--mint);outline-offset:-2px}.cinema-video{width:480px;height:203px;transform:scale(var(--screen-scale));transform-origin:top left}.cinema-video iframe{width:480px;height:203px;border:0}.cinema-console{margin-bottom:25px}.cinema-console>.eyebrow{font-size:9px;color:var(--mint)}.cinema-title{font-size:12px;line-height:1.5;margin:8px 0}.cinema-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.cinema-controls button{border:1px solid #ffffff50;background:#09141bbb;color:var(--paper);border-radius:24px;padding:0 13px;font-size:11px}.cinema-controls label{width:100%}.cinema-controls input{width:100%;accent-color:var(--mint);min-height:44px;cursor:pointer}.cinema-controls output,.cinema-status,.cinema-external{font-size:11px;line-height:1.6}.cinema-controls button:disabled{opacity:.4}.room-cinema .room-stage #room-image{object-fit:contain}.room-cinema:not(.room-technical) .room-vignette{background:linear-gradient(90deg,#071319e0,transparent 42%),linear-gradient(0deg,#071319ac,transparent 40%)}.room-cinema .room-content{width:28vw;max-width:360px;padding-top:12vh}.room-cinema .room-content h2{font-size:clamp(32px,3vw,46px)}.room-bathroom #room-state{transition:opacity .45s}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:700px){.brand-seal{width:62px;height:62px}.site-header{padding:10px 16px}.gate-seal{top:10px;left:16px}.header-tools{max-width:calc(100vw - 106px)}.header-tools button,.header-tools [data-tour]{min-height:44px}.header-tools [data-tour]{max-width:140px;line-height:1.3}.header-tools [data-menu-open]{font-size:10px}.room-header{padding:6px 12px;gap:5px}.room-header .brand-seal{width:48px;height:48px}.room-header>[data-room-label]{display:none}.room-header>div{gap:2px;margin-left:auto}.room-header button{min-height:44px}.room-header button[data-return]{font-size:0;width:44px;padding:0}.room-header button[data-return]:before{content:'←';font-size:20px}.room-header [data-quick-technical]{font-size:9px;padding:0 6px}.opening-signature .af-seal{width:150px;height:150px}.shore-close{padding:110px 24px 30px}.shore-copy h2{font-size:39px}.shore-copy>p{font-size:11px}.shore-copy .closing-actions{gap:12px;margin:20px 0;flex-wrap:wrap}.shore-copy .concept-note{font-size:8px}.shore-copy>a{font-size:10px}.shore-social{margin:10px 0}.social-links{gap:8px}#site-menu{inset:82px 16px auto auto;max-height:calc(100svh - 100px);padding:20px}.room-cinema .room-stage{height:300px;aspect-ratio:auto}.room-cinema .room-content{width:auto;max-width:none;padding:16px 24px 20px}.room-cinema.screen-focus #room-image{width:var(--plane-w);height:var(--plane-h);left:var(--plane-x);top:var(--plane-y);right:auto;bottom:auto;object-fit:contain}.room-cinema.screen-focus .room-vignette{background:linear-gradient(0deg,#07131955,transparent 15%)}.cinema-thumbnails span{font-size:7px;padding:6px}.room-cinema .room-content h2{font-size:34px}.room-cinema.room-technical .room-stage{height:auto;aspect-ratio:16/9}.cinema-console{margin-bottom:22px}}
@media(max-width:360px){.header-tools [data-tour]{max-width:114px;font-size:8px}.room-cinema .room-stage{height:250px}.shore-close{padding-top:92px}.shore-copy h2{font-size:34px}.shore-copy .closing-actions a{font-size:11px}.shore-copy .concept-note{margin-top:14px}.page-links a{font-size:13px}}
@media(prefers-reduced-motion:reduce){.seal-lettering{animation:none}#brand-opening{display:none}}
/* Owner refinement: four small square films, centered on the actual screen. */
.cinema-thumbnails{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px}.cinema-thumbnails button{width:18%;height:auto;aspect-ratio:1;flex:0 0 auto;min-width:44px;min-height:44px;border-radius:3px}.cinema-thumbnails img{object-fit:cover}.cinema-thumbnails span{display:none}.cinema-thumbnails b{top:50%;font-size:11px;background:#0007;width:24px;height:24px;display:grid;place-items:center;border-radius:50%}.cinema-thumbnails button:focus-visible{outline:2px solid var(--mint);outline-offset:2px}@media(max-width:360px){.cinema-thumbnails{gap:6px;padding:6px}}
.room-cinema .cinema-thumbnails img{object-fit:cover}
/* Keep the complete channel artwork inside each coordinated square tile. */
.room-cinema .cinema-thumbnails img{object-fit:contain}.cinema-thumbnails button{background:#101b21;border:1px solid #ffffff20}
.cinema-thumbnails button{max-width:86px}
/* When the physical screen is too small, bring it closer and put controls below. */
.room-cinema.screen-focus .room-stage{position:relative;top:0;z-index:0;height:280px;aspect-ratio:auto}.room-cinema.screen-focus .room-content{width:auto;max-width:none;margin:0;padding:20px 24px;min-height:0}.room-cinema.screen-focus #room-image{width:var(--plane-w);height:var(--plane-h);left:var(--plane-x);top:var(--plane-y);right:auto;bottom:auto;object-fit:contain}.room-cinema.screen-focus .room-vignette{background:linear-gradient(0deg,#07131955,transparent 15%)}

.cinema-resume{min-height:44px;margin:8px 0 16px;padding:0 18px;border:1px solid #ffffff45;border-radius:24px;background:#071319c9;color:var(--paper);font-size:11px}.cinema-resume[hidden]{display:none}
/* The paused camera frame and selectable screen use the same measured plane. */
.cinema-frame{display:none;position:absolute;width:var(--plane-w);height:var(--plane-h);left:var(--plane-x);top:var(--plane-y);pointer-events:none}.room-cinema.cinema-registered .cinema-frame{display:block}.room-cinema.cinema-registered #room-image{visibility:hidden}.room-cinema.cinema-registered.room-technical .cinema-frame{display:none}.room-cinema.cinema-registered.room-technical #room-image{visibility:visible}.cinema-screen{clip-path:inset(0);isolation:isolate}.cinema-video{position:relative;width:480px;height:198px}.cinema-video iframe{position:absolute;width:352px;height:198px;left:64px;top:0}.cinema-thumbnails button:active{transform:scale(.97)}

/* The opening remains bright enough to read palm silhouettes below the entry choices. */
body:not(.entered) .at-hero .scene-shade{background:linear-gradient(90deg,#06121965,transparent 58%),linear-gradient(0deg,#06121968,transparent 40%)}
body:not(.entered) .residence-entrance{background:linear-gradient(90deg,#07131978,transparent 75%)}

/* Guided cinema arrival: the room settles from theater lighting into daylight. */
.cinema-atmosphere{position:absolute;inset:0;z-index:3;overflow:hidden;opacity:0;pointer-events:none;transition:opacity 1.1s ease}.cinema-entry-theater .cinema-atmosphere{opacity:1}.cinema-entry-theater #main-film{filter:brightness(.54) saturate(.78);transition:filter 1.15s ease,opacity .3s}.cinema-fiber-ceiling{position:absolute;inset:0 0 auto;height:34%;background:linear-gradient(180deg,#07101bb0,transparent 90%);mask-image:linear-gradient(180deg,#000 0%,#0009 64%,transparent 100%)}.cinema-fiber-ceiling i{position:absolute;width:2px;height:2px;border-radius:50%;background:#f3f4ff;box-shadow:0 0 4px 1px #c7d5ffb8,0 0 11px 2px #84a9ff5c;opacity:.52;animation:cinema-fiber-twinkle 3.8s ease-in-out infinite alternate}@keyframes cinema-fiber-twinkle{from{opacity:.28;transform:scale(.75)}to{opacity:.9;transform:scale(1.15)}}
/* The selected video drives a restrained star-ceiling treatment and room-light state. */
.room-cinema .cinema-scroll-hint{min-height:1.5em;margin:2px 0 8px;color:#d5dfeb;font-size:10px;line-height:1.5;letter-spacing:.035em}.room-cinema .cinema-scroll-hint:empty{display:none}@keyframes cinema-room-stars{from{opacity:.52}to{opacity:.94}}
@media(prefers-reduced-motion:reduce){.cinema-atmosphere,.cinema-entry-theater #main-film{transition:none}.cinema-fiber-ceiling i,.room-cinema.cinema-film-playing .room-stage:after{animation:none}}
/* Fade room lighting back in smoothly when the selected film is paused. */
.room-cinema .room-stage:before{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;background:rgba(3,7,14,.34);opacity:0;transition:opacity .45s ease}.room-cinema.cinema-film-playing .room-stage:before{opacity:1}.room-cinema .room-stage:after{content:"";position:absolute;left:0;right:0;top:0;height:38%;z-index:5;pointer-events:none;opacity:0;background:radial-gradient(circle at 8% 34%,#fff 0 1px,transparent 2px),radial-gradient(circle at 17% 72%,#d9e5ff 0 1px,transparent 2px),radial-gradient(circle at 27% 25%,#fff 0 1px,transparent 2px),radial-gradient(circle at 38% 54%,#cbd9ff 0 1px,transparent 2px),radial-gradient(circle at 49% 18%,#fff 0 1px,transparent 2px),radial-gradient(circle at 62% 65%,#d9e5ff 0 1px,transparent 2px),radial-gradient(circle at 73% 35%,#fff 0 1px,transparent 2px),radial-gradient(circle at 86% 20%,#d9e5ff 0 1px,transparent 2px),radial-gradient(circle at 94% 69%,#fff 0 1px,transparent 2px),linear-gradient(180deg,#101a32a8,transparent);transition:opacity .6s ease}.room-cinema.cinema-film-playing .room-stage:after{opacity:.88;animation:cinema-room-stars 4.4s ease-in-out infinite alternate}
@media(prefers-reduced-motion:reduce){.room-cinema .room-stage:before,.room-cinema .room-stage:after{transition:none}}
