:root{color-scheme:dark;--ink:#0b1928;--paper:#eee9df;--bronze:#be9565;--blue:#9ad9ec;--muted:#b3c0cc;--ease:cubic-bezier(.22,.61,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,Helvetica,sans-serif}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #9ad9ec;outline-offset:5px}button[hidden],[hidden]{display:none!important}.skip{position:fixed;top:-100px;left:20px;padding:15px;background:var(--paper);color:var(--ink);z-index:20}.skip:focus{top:15px}.header{height:86px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;gap:30px;background:#0b1928;position:relative;z-index:10}.brand{font-size:27px;letter-spacing:.3em;line-height:1.1}.brand span{display:block;font-size:10px;letter-spacing:.48em;color:#d6af80;margin-top:8px}.header nav{display:flex;gap:32px;margin-left:auto;font-size:13px}.header nav a{padding:15px 0}.call{border:1px solid #745f47;padding:12px 20px;font-size:13px}.call span{margin-left:15px}.hero{min-height:760px;height:calc(100svh - 86px);max-height:1000px;position:relative;overflow:hidden}.scene{position:absolute;inset:0;background:#162c3c;overflow:hidden;--house: .7;--patio:.85;--landscape:.4;--dock:.5;--light-color:255,180,82;--light-opacity:.35;--scene-dark:0;--sun-x:73%;--sun-y:25%;--sun-opacity:.2;--rack-alpha:.8}.scene-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;transform:scale(1.035);transition:opacity 2.8s var(--ease),filter 2.8s var(--ease),transform 8s var(--ease)}.state-image{opacity:0}.scene.playing .scene-image{transform:scale(1.08)}.night-wash{position:absolute;inset:0;background:#06152c;mix-blend-mode:multiply;opacity:var(--scene-dark);transition:opacity 3s}.sun{position:absolute;width:38px;height:38px;left:var(--sun-x);top:var(--sun-y);border-radius:50%;background:#fff0c6;box-shadow:0 0 45px 25px #ffb06b55;opacity:var(--sun-opacity);filter:blur(2px);transition:top 7s var(--ease),left 7s var(--ease),opacity 4s}.water{position:absolute;left:68%;top:48%;width:32%;height:30%;background:linear-gradient(110deg,transparent 35%,#f9d79e18 45%,transparent 55%);background-size:200% 100%;opacity:.35;pointer-events:none}.scene.playing .water{animation:water-shift 8s ease-in-out infinite alternate}@keyframes water-shift{to{background-position:100% 0}}.scene-shade{position:absolute;inset:0;background:linear-gradient(90deg,#071725f0 0%,#091928c4 29%,#0b19284d 48%,transparent 70%),linear-gradient(0deg,#071421ce 0%,transparent 28%);pointer-events:none}.hero-copy{position:absolute;left:6%;top:20%;width:48%;max-width:650px;z-index:3}.eyebrow{font-size:10px;letter-spacing:.23em;color:#d4b58e;margin-bottom:28px;line-height:1.6}h1{font-size:clamp(48px,5vw,84px);font-weight:400;letter-spacing:-.055em;line-height:1.05;margin:0 0 28px}h1 em{font-family:Georgia,serif;font-weight:400;color:#e5c7a3}h1 em,h2{font-style:normal}.hero-copy p{font-size:17px;line-height:1.7;color:#d7e1e9;margin:0 0 34px}.primary{display:inline-flex;justify-content:space-between;gap:30px;align-items:center;background:var(--bronze);color:#101b27;padding:18px 22px;min-height:52px;font-size:14px}.primary span{font-size:12px}.text-link{display:block;font-size:13px;margin-top:25px}.text-link span{margin-left:26px}.arrival-caption{position:absolute;left:6%;bottom:45px;right:6%;display:flex;justify-content:space-between;gap:30px;border-top:1px solid #e3d6c044;padding-top:20px;z-index:4}.arrival-caption span:first-child{font-family:Georgia,serif;font-size:25px}.arrival-caption span:last-child{font-size:12px;color:#e2ddd3;max-width:300px;line-height:1.6}.image-caption{position:absolute;right:4%;bottom:104px;font-size:9px;letter-spacing:.17em;z-index:2;color:#ece4d9}.experience{background:var(--paper);color:var(--ink);padding:55px 6% 30px}.experience-top{display:flex;justify-content:space-between;align-items:center;gap:25px}.experience .eyebrow{color:#75604a;margin-bottom:12px}h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(32px,3.3vw,52px);letter-spacing:-.035em;line-height:1.15;margin:0}button{border:0;background:transparent;color:inherit}.play-button{border:1px solid #9c8d7a;border-radius:100px;padding:16px 23px;min-height:48px;font-size:13px;white-space:nowrap}.play-icon{color:#68523a;margin-right:10px}.scene-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:35px}.scene-controls button{border-top:1px solid #b8b0a5;text-align:left;padding:20px 10px 12px 0;font-size:16px;min-height:95px;transition:color .3s,background .3s}.scene-controls button span{font-size:10px;margin-right:14px;color:#716557}.scene-controls button small{display:block;font-size:11px;color:#685f54;margin:10px 0 0 38px}.scene-controls button[aria-pressed=true]{border-color:#694827;color:#694827}.timeline{height:2px;background:#cec5b8;margin:12px 0 20px}.timeline div{height:100%;width:40%;background:#91704b;transition:width 5s linear}.demo-note{font-size:11px;color:#6f6254;line-height:1.6;margin:0}.engineering{display:grid;grid-template-columns:.8fr 1.2fr;gap:10%;padding:90px 6%;background:#0c1c2c}.section-intro p{font-size:15px;line-height:1.8;max-width:340px;color:var(--muted);margin-top:25px}.layer-controls{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:25px;border-bottom:1px solid #ffffff20}.layer-controls button{padding:13px 15px;min-height:48px;border:1px solid #ffffff28;border-radius:4px;font-size:13px}.layer-controls button[aria-pressed=true]{background:#bd9565;color:#101b27;border-color:#bd9565}.layer-description{padding-top:30px}.layer-description>span{font-size:10px;color:#d7b789;letter-spacing:.2em}.layer-description h3{font-family:Georgia,serif;font-size:28px;font-weight:400;margin:15px 0}.layer-description p{font-size:15px;line-height:1.8;color:var(--muted);max-width:500px}.return-button{font-size:12px;border-bottom:1px solid #826947;padding:13px 0;margin-top:16px;color:#dfc6a5}.light-config{margin-top:25px;border-top:1px solid #ffffff20;padding-top:25px}.preset-controls{display:flex;gap:8px}.preset-controls button{min-height:48px;padding:12px 16px;border:1px solid #ffffff30;font-size:12px}.preset-controls button[aria-pressed=true]{background:#e4ddcf;color:#17212a}.config-note{font-size:11px;line-height:1.7;color:#b7c0c8}.slider-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px 30px;margin-top:25px}.slider-grid label,.temperature{font-size:12px;display:block}.slider-grid output,.temperature output{float:right;color:#d9b685;font-size:11px}input[type=range]{display:block;width:100%;accent-color:#d0aa79;margin:18px 0 0;min-height:24px;cursor:pointer}.temperature{margin-top:25px}.temperature>span{display:flex;justify-content:space-between;color:var(--muted);margin-top:6px}.temperature small{font-size:10px}.approach{padding:75px 6%;background:#e9e3d7;color:#14202b}.approach .eyebrow{color:#75604a}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin:45px 0}.steps>div{border-top:1px solid #b6a892;padding-top:20px}.steps span{font-size:10px;color:#766651}.steps h3{font-weight:400;font-size:20px}.steps p{font-size:13px;line-height:1.8;color:#5a554d;max-width:260px}footer{padding:30px 6%;display:flex;gap:20px;flex-wrap:wrap;align-items:center;justify-content:space-between}footer>span{font-size:10px;letter-spacing:.15em}footer button{padding:12px;border:1px solid #ffffff30;font-size:11px}footer p{flex-basis:100%;font-size:10px;line-height:1.7;color:var(--muted)}.mobile-contact{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.lighting-overlay{position:absolute;inset:0;pointer-events:none;opacity:var(--light-opacity);transition:opacity 1s}.zone-glow{position:absolute;mix-blend-mode:screen;filter:blur(14px);transition:opacity .5s,background .5s;background:radial-gradient(ellipse,rgba(var(--light-color),.7),rgba(var(--light-color),0) 70%)}.house-glow{left:40%;top:14%;width:18%;height:32%;opacity:var(--house)}.patio-glow{left:47%;top:34%;width:20%;height:20%;opacity:var(--patio)}.landscape-glow{left:41%;top:56%;width:34%;height:13%;opacity:var(--landscape)}.dock-glow{left:79%;top:51%;width:14%;height:21%;opacity:var(--dock)}.network-overlay,.camera-overlay{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .6s;pointer-events:none}.svg-label{fill:#f4fcff;font-family:Arial,sans-serif;font-size:18px;paint-order:stroke;stroke:#0b1928;stroke-width:5px;stroke-linejoin:round}.data-path{stroke-dasharray:1600;stroke-dashoffset:1600;transition:stroke-dashoffset 2s}.wireless{stroke-dasharray:6 9}.scene[data-view=network] .network-overlay,.scene[data-view=cameras] .camera-overlay{opacity:1}.scene[data-view=network] .data-path{stroke-dashoffset:0}.rack-inset{position:absolute;left:57%;top:64%;width:175px;background:#091623cc;border:1px solid #d5e7f647;backdrop-filter:blur(12px);padding:12px 14px;opacity:0;transform:translateY(12px);transition:opacity .6s,transform .6s;box-shadow:0 12px 40px #0003}.scene[data-view=network] .rack-inset{opacity:var(--rack-alpha);transform:translateY(0)}.rack-top{font-size:8px;letter-spacing:.15em;color:#c8ddeb;display:flex;justify-content:space-between}.rack-visual{padding:8px 7px;margin:10px 20px;border:2px solid #67737c;background:#090d13;box-shadow:0 5px 10px #0006}.rack-unit{height:13px;margin-bottom:3px;border:1px solid #4a545d;background:#182029;position:relative}.ports{background:repeating-linear-gradient(90deg,#192c32 0 5px,#859ba2 5px 7px);height:9px}.cable{height:18px;background:repeating-linear-gradient(90deg,#173440 0 6px,#6795b6 6px 8px);border-radius:0 0 8px 8px}.vents{background:repeating-linear-gradient(90deg,#222b33 0 3px,#0b1119 3px 5px)}.rack-inset strong{display:block;font-size:10px;font-weight:400}.rack-inset p{font-size:9px;line-height:1.6;color:#cbd6df;margin:6px 0 0}.ai-event{position:absolute;right:5%;top:18%;width:260px;background:#0b1c2ded;padding:20px;border:1px solid #b9efd540;opacity:0;transform:translateY(10px);transition:opacity .6s,transform .6s;backdrop-filter:blur(10px)}.scene[data-view=cameras] .ai-event{opacity:1;transform:translateY(0)}.event-tag{display:block;color:#c5e8d7;font-size:8px;letter-spacing:.12em;margin-bottom:14px}.ai-event strong{font-size:13px;font-weight:400}.plate{font-family:monospace;font-size:24px;letter-spacing:.15em;background:#e9e6da;color:#202827;border-radius:3px;padding:7px;text-align:center;margin-top:18px}.ai-event p{font-size:10px;color:#c5d2db;line-height:1.7}.ai-event small{font-size:9px;color:#b2bec9;line-height:1.6;display:block}.scene.playing[data-view=cameras] .person-target{animation:person-move 8s ease-in-out alternate infinite}@keyframes person-move{to{transform:translate(70px,-12px)}}
body.motion-off *,body.motion-off *:before,body.motion-off *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(min-width:1600px){.hero-copy{top:24%}.hero{min-height:820px}}
@media(max-width:900px){.header nav{gap:18px}.header nav a{font-size:11px}.hero-copy{width:52%}.hero-copy p{font-size:15px}.engineering{gap:6%}.rack-inset{left:63%;width:150px}.ai-event{width:200px}.svg-label{font-size:21px}}
@media(max-width:640px){html{scroll-padding-top:15px}.header{height:72px;padding:0 6%;gap:10px}.brand{font-size:20px}.brand span{font-size:8px}.header nav{display:none}.call{font-size:11px;padding:12px}.call span{display:none}.hero{height:auto;min-height:0;max-height:none;display:flex;flex-direction:column;overflow:visible}.hero-copy{position:relative;left:auto;top:auto;width:100%;padding:32px 6% 30px;order:0}.eyebrow{font-size:9px;margin-bottom:18px}h1{font-size:49px;margin-bottom:20px}.hero-copy p{font-size:14px;margin-bottom:25px;line-height:1.7}.desktop-break{display:none}.hero-copy .primary{font-size:12px;width:100%;padding:16px 18px}.primary span{font-size:11px}.hero-copy .text-link{display:none}.scene{position:relative;inset:auto;height:350px;order:1;width:100%}.scene-image{object-position:63% 50%;transform:scale(1.02)}.scene.playing .scene-image{transform:scale(1.045)}.scene-shade{background:linear-gradient(0deg,#07142199,transparent 40%)}.sun{width:18px;height:18px}.image-caption{font-size:7px;bottom:14px;right:5%;letter-spacing:.1em}.arrival-caption{position:relative;left:auto;right:auto;bottom:auto;order:2;padding:18px 6%;display:block;border:0;background:#0c1c2c}.arrival-caption span:first-child{font-size:22px;display:block}.arrival-caption span:last-child{display:block;max-width:none;margin-top:8px;font-size:11px}.experience{padding:30px 6% 25px}.experience-top{align-items:flex-start;display:block}h2{font-size:32px}.play-button{margin-top:22px;padding:13px 18px;font-size:12px}.scene-controls{grid-template-columns:1fr 1fr;gap:10px 18px;margin-top:25px}.scene-controls button{font-size:13px;padding-top:16px;min-height:80px}.scene-controls button span{margin-right:8px;font-size:9px}.scene-controls button small{font-size:10px;margin-left:28px}.engineering{display:block;padding:45px 6%}.section-intro h2 br{display:none}.section-intro p{font-size:14px;margin-bottom:28px}.layer-controls{gap:6px}.layer-controls button{font-size:11px;padding:12px 10px;flex-grow:1}.layer-description h3{font-size:25px}.layer-description p{font-size:14px}.slider-grid{gap:20px}.slider-grid label{font-size:11px}.approach{padding:40px 6%}.steps{gap:18px;margin-top:32px}.steps h3{font-size:17px}.steps p{font-size:11px}.approach h2{font-size:30px}.approach .primary{font-size:12px}footer{padding-bottom:100px}.mobile-contact{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:20;padding:10px 6% calc(10px + env(safe-area-inset-bottom));gap:10px;background:#091725f5;backdrop-filter:blur(15px);border-top:1px solid #ffffff25}.mobile-contact a{flex:1;text-align:center;border:1px solid #b68d5b;padding:14px 8px;font-size:11px;min-height:46px}.mobile-contact a:first-child{background:#bd9565;color:#101b27}.rack-inset{left:42%;top:54%;width:138px;padding:10px;z-index:2}.rack-visual{margin:8px 22px;padding:5px}.rack-unit{height:8px}.rack-inset strong{font-size:9px}.rack-inset p{font-size:8px}.svg-label{font-size:25px}.ai-event{top:7%;right:4%;width:160px;padding:12px}.ai-event strong{font-size:10px}.ai-event .plate{font-size:18px;padding:5px;margin-top:10px}.ai-event p,.ai-event small{font-size:8px}.event-tag{font-size:7px;margin-bottom:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.inspector{position:absolute;left:6%;top:8%;z-index:5;width:400px;padding:25px;background:#081726de;border:1px solid #ffffff20;backdrop-filter:blur(15px)}.inspector h2{font-size:36px}.inspector .eyebrow{margin-bottom:12px}.inspector>button{font-size:11px;margin-top:14px;padding:9px 0;color:#dfc6a5}.inspector .light-config{margin-top:12px;padding-top:15px}.inspector .slider-grid{gap:14px 20px;margin-top:18px}.inspector .temperature{margin-top:16px}.inspector input[type=range]{margin-top:8px}.inspector .config-note{font-size:10px}.inspector .preset-controls button{min-height:42px}.inspector .temperature>span{margin-top:2px}body[data-view=lighting] .hero-copy{visibility:hidden}.house-glow{left:15%;top:20%;width:25%;height:34%}.patio-glow{left:29%;top:35%;width:29%;height:24%}.landscape-glow{left:8%;top:66%;width:60%;height:15%}.dock-glow{left:78%;top:55%;width:18%;height:25%}.rack-inset{left:55%;top:66%}
@media(max-width:640px){.scene{height:auto;aspect-ratio:1672/941}.scene-image{object-position:50% 50%}.inspector{position:relative;left:auto;top:auto;width:100%;order:2;padding:25px 6%;border:0;background:#0b1928}.inspector h2{font-size:28px}.inspector .eyebrow{font-size:8px}.inspector .light-config{border:0}.inspector .slider-grid{gap:12px 25px}.inspector .config-note{font-size:10px}body[data-view=lighting] .hero-copy{display:none}.arrival-caption{order:3}.scene[data-view=network],.scene[data-view=cameras]{height:330px;aspect-ratio:auto}.rack-inset{left:45%;top:45%}.network-overlay .svg-label{display:none}.ai-event{top:7%;width:160px}.scene[data-view=lighting]{position:sticky;top:0;z-index:4}.scene[data-view=network] .scene-shade,.scene[data-view=cameras] .scene-shade{background:linear-gradient(0deg,#07142199,transparent 40%)}
}
.zone-shade{position:absolute;background:radial-gradient(ellipse,#020a13dd,transparent 70%);mix-blend-mode:multiply;transition:opacity .4s}.house-shade{left:15%;top:20%;width:25%;height:34%;opacity:calc(1 - var(--house))}.patio-shade{left:29%;top:35%;width:29%;height:24%;opacity:calc(1 - var(--patio))}.landscape-shade{left:8%;top:66%;width:60%;height:15%;opacity:calc(1 - var(--landscape))}.dock-shade{left:78%;top:55%;width:18%;height:25%;opacity:calc(1 - var(--dock))}.fixtures{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .5s}.scene[data-view=lighting] .fixtures{opacity:1}.fixture-bloom{position:absolute;width:100px;height:100px;transform:translate(-50%,-50%);mix-blend-mode:screen;filter:blur(8px);transition:opacity .3s}.fixture-config{border-top:1px solid #ffffff20;padding-top:14px;margin-top:12px;font-size:11px}.fixture-config select{width:100%;margin-top:10px;background:#172839;border:1px solid #4c5d6b;color:#efe9df;padding:10px;font:inherit;min-height:40px}.fixture-settings{display:grid;grid-template-columns:1fr 65px;gap:20px;align-items:center;margin-top:12px}.fixture-settings output{float:right;color:#d9b685}.fixture-settings input[type=color]{width:60px;height:37px;display:block;background:none;border:1px solid #5d6b75;margin-top:8px;cursor:pointer}.inspector{top:4%;padding:20px;width:370px}.inspector h2{font-size:32px}.inspector .config-note{margin:8px 0}.inspector .slider-grid{margin-top:13px;gap:12px 20px}.inspector input[type=range]{margin-top:3px;min-height:22px}.inspector .light-config{padding-top:12px}.inspector .temperature{margin-top:12px}
@media(max-width:640px){.inspector{top:auto;width:100%;padding:22px 6%}.fixture-bloom{width:40px;height:40px;filter:blur(3px)}.inspector h2{font-size:28px}}
.skip:not(:focus){clip-path:inset(50%);width:1px;height:1px;overflow:hidden}
@media(max-width:640px){.scene[data-view=lighting]{z-index:8}.inspector{z-index:5}}
button.text-link{text-align:left;padding:0;color:#eee9df}.concierge-launch{position:fixed;bottom:24px;right:26px;z-index:25;background:#112537ee;backdrop-filter:blur(16px);border:1px solid #c5a57770;border-radius:100px;padding:17px 22px;color:#efe9df;font-size:12px;box-shadow:0 8px 30px #0003}.concierge-launch span{color:#d2ae7e;margin-left:16px}dialog{color:#eee9df;background:#0b1c2c;border:1px solid #a68e6a66;padding:38px;max-width:490px;width:calc(100% - 32px);max-height:90svh;overflow:auto;border-radius:12px}dialog::backdrop{background:#05101bc9;backdrop-filter:blur(7px)}dialog .eyebrow{margin-bottom:18px}dialog h2{font-size:34px}dialog .dialog-close{position:absolute;top:10px;right:14px;font-size:28px;width:44px;height:44px}.conversation-note{font-size:11px;color:#d2b98f;line-height:1.7}.conversation-options{display:grid;gap:8px;margin:25px 0}.conversation-options button{border:1px solid #ffffff30;text-align:left;padding:14px;min-height:48px;font-size:13px}.conversation-options button[aria-pressed=true]{border-color:#c5a577;background:#294052}#conversation-guidance{font-size:13px;line-height:1.8;color:#c4d1dc}dialog label{font-size:12px;display:block;margin-top:24px}dialog textarea{margin:10px 0 18px;width:100%;padding:13px;color:#eee9df;background:#142c3d;border:1px solid #657383;font:inherit;font-size:13px;line-height:1.6}#draft-status{font-size:12px;color:#c6dfcb}dialog .primary{font-size:13px}.hero .text-link{font:inherit;font-size:13px;margin-top:25px}
@media(max-width:640px){.header .call{font-size:10px;max-width:135px;padding:10px;line-height:1.5}.concierge-launch{bottom:14px;right:16px;padding:14px 17px;font-size:11px}.hero .text-link{display:block}.hero-copy .primary{width:auto;gap:25px}dialog{padding:30px 22px}dialog h2{font-size:30px}}
.play-actions{display:flex;gap:12px;flex-wrap:wrap}.stars{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity 3s}.scene[data-time=night] .stars{opacity:.85}.stars i{position:absolute;width:2px;height:2px;border-radius:50%;background:#e2efff;box-shadow:0 0 5px #dcefff88;animation:twinkle 4s ease-in-out infinite alternate}@keyframes twinkle{0%{opacity:.2;transform:scale(.6)}60%{opacity:.9;transform:scale(1.1)}100%{opacity:.4;transform:scale(.8)}}.shooting-star{position:absolute;left:85%;top:9%;width:100px;height:1px;background:linear-gradient(90deg,transparent,#eff4ff);opacity:0;transform:rotate(-28deg);pointer-events:none}.scene[data-time=night] .shooting-star{animation:meteor 10s 1s ease-in-out 1}@keyframes meteor{0%,70%{opacity:0;transform:translate(0,0) rotate(-28deg)}73%{opacity:.9}83%{opacity:0;transform:translate(-180px,85px) rotate(-28deg)}100%{opacity:0}}.boat-actor{position:absolute;left:86%;top:62%;width:9%;opacity:0;transform:translate(180%,110%) scale(1.3);transition:transform 6s var(--ease),opacity 1.3s;pointer-events:none;filter:drop-shadow(0 6px 7px #070f20aa)}.boat-actor>img{width:100%;height:auto;display:block}.scene[data-arrival=approach] .boat-actor,.scene[data-arrival=recognized] .boat-actor,.scene[data-arrival=lift] .boat-actor,.scene[data-arrival=path] .boat-actor{opacity:1;transform:translate(0,0) scale(1)}.scene[data-arrival=home] .boat-actor{opacity:0;transform:translate(0,0) scale(1)}.owner-scan{position:absolute;left:38%;top:24%;width:27%;height:24%;border:1px solid #bcf5d5;border-radius:3px;box-shadow:0 0 15px #aafbd355;opacity:0}.scene[data-arrival=recognized] .owner-scan{opacity:1}.lift-indicator{position:absolute;left:81%;top:63%;display:flex;align-items:center;gap:7px;font-size:10px;color:#d1f5e3;opacity:0;transition:opacity .7s;pointer-events:none}.lift-indicator>span:first-child{font-size:23px}.lift-indicator>div{height:35px;width:2px;background:linear-gradient(#b9efd5,transparent);transform:translateY(0);transition:transform 2s}.scene[data-arrival=lift] .lift-indicator{opacity:1}.scene[data-arrival=lift] .lift-indicator>div{transform:translateY(12px)}.path-activation{position:absolute;inset:0;pointer-events:none}.path-activation i{position:absolute;width:12px;height:12px;border-radius:50%;background:#fff1bf;box-shadow:0 0 20px 10px #efb85e66;opacity:0;transition:opacity 1s}.path-activation i:nth-child(1){left:84%;top:80%;transition-delay:0s}.path-activation i:nth-child(2){left:78%;top:77%;transition-delay:.3s}.path-activation i:nth-child(3){left:69%;top:77%;transition-delay:.6s}.path-activation i:nth-child(4){left:59%;top:76%;transition-delay:.9s}.path-activation i:nth-child(5){left:48%;top:73%;transition-delay:1.2s}.path-activation i:nth-child(6){left:36%;top:69%;transition-delay:1.5s}.scene[data-arrival=path] .path-activation i,.scene[data-arrival=home] .path-activation i{opacity:.7}.arrival-event{position:absolute;right:5%;top:12%;width:300px;padding:22px;background:#081a2be8;backdrop-filter:blur(12px);border:1px solid #cfb48d40;z-index:6;pointer-events:none}.arrival-event strong{display:block;font:400 21px Georgia,serif;color:#f2e5cf}.arrival-event p{font-size:12px;line-height:1.7;color:#ccd7e0}.arrival-checks{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:10px;color:#a9b9c7;margin:20px 0}.arrival-checks span:before{content:'○';margin-right:7px}.arrival-checks span.complete{color:#ccedd9}.arrival-checks span.complete:before{content:'✓'}.arrival-event small{display:block;font-size:9px;line-height:1.7;color:#adbdcb}.scene.paused .stars i,.scene.paused .shooting-star{animation-play-state:paused}.scene.paused .boat-actor{transition:none}.scene.paused .water{animation-play-state:paused}
@media(max-width:640px){.play-actions{margin-top:16px;gap:8px}.play-actions .play-button{margin-top:0;font-size:11px;padding:12px}.arrival-event{top:auto;bottom:30px;right:3%;width:170px;padding:12px}.arrival-event strong{font-size:14px}.arrival-event p{font-size:9px;margin:8px 0}.arrival-checks{font-size:8px;gap:6px;margin:10px 0}.arrival-event .event-tag{font-size:7px;margin-bottom:7px}.arrival-event small{font-size:7px}.arrival-event{opacity:.95}.scene[data-arrival]:not([data-arrival=""]){height:310px;aspect-ratio:auto}.lift-indicator{font-size:7px;left:80%}.path-activation i{width:4px;height:4px;box-shadow:0 0 8px 4px #efb85e55}.shooting-star{width:50px}.scene[data-arrival]:not([data-arrival=""]) .scene-image{object-fit:fill}.scene[data-arrival]:not([data-arrival=""]) .arrival-event{bottom:25px}}
@media(max-width:640px){.scene[data-arrival]:not([data-arrival=""]){height:auto;aspect-ratio:1672/941}.scene[data-arrival]:not([data-arrival=""]) .scene-image{object-fit:cover}.arrival-event{display:none}.image-caption{font-size:6px}.lift-indicator{font-size:6px}.stars i{width:1px;height:1px}}
.boat-actor{left:92%;top:55%;width:11%}
@media(max-width:640px){.boat-actor{left:84%;top:60%;width:11%}}