@media screen {
body.er-home-vision #erHomeVision .hero{--play-light:1}
body.er-home-vision #erHomeVision .hero-art,body.er-home-vision #erHomeVision .er-play-water{filter:brightness(var(--play-light));transition:filter .8s}
body.er-home-vision #erHomeVision .er-play-water{position:absolute;inset:0;z-index:-3;pointer-events:none;clip-path:polygon(0 52%,40% 50%,48% 63%,39% 88%,13% 96%,0 91%)}
body.er-home-vision #erHomeVision .er-play-water-image{position:absolute;inset:0;background:url(assets/vision-home/hero.png) center/cover no-repeat;filter:url(#erPlayWaterFlow)}
body.er-home-vision #erHomeVision .er-play-boat{position:absolute;width:70px;height:32px;left:17%;top:67%;opacity:.8;animation:erPlaySail 42s linear infinite;filter:drop-shadow(0 10px 7px #9be6e640)}
body.er-home-vision #erHomeVision .er-play-boat svg{width:100%;height:100%}
body.er-home-vision #erHomeVision .er-play-window-glow{position:absolute;left:61%;right:7%;top:22%;bottom:26%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse,#ffe3a425,transparent 66%);mix-blend-mode:screen;animation:erPlayGlow 7s ease-in-out infinite}
body.er-home-vision #erHomeVision #erHomePlay{font-size:12px}
body.er-home-vision #erHomeVision .hero-content .er-hero-soeg,body.er-home-vision #erHomeVision .hero-actions{position:relative;z-index:4}
body.er-home-vision #erHomeVision .er-play-hit{position:absolute;left:56%;right:10%;top:9%;bottom:21%;z-index:0;border:0;background:transparent;cursor:grab;border-radius:30%;color:transparent}
body.er-home-vision #erHomeVision .er-play-hit:focus-visible{outline:2px solid #62eadf;background:#62eadf12}
body.er-home-vision #erHomeVision .er-play-launch{position:absolute;right:5%;bottom:115px;z-index:3;display:flex;align-items:center;gap:9px;background:#081c31e8;border:1px solid #62eadf80;border-radius:14px;padding:9px 11px;box-shadow:0 15px 45px #0006;backdrop-filter:blur(12px)}
body.er-home-vision #erHomeVision .er-play-launch button{min-height:44px;border:0;border-radius:8px;background:#ecca85;color:#102032;font-weight:700;padding:11px 15px}
body.er-home-vision #erHomeVision .er-play-launch [data-play-sound]{background:#102c40;color:#eaf8f7;border:1px solid #719aa655}
body.er-home-vision #erHomeVision .er-play-launch [aria-pressed=true]{box-shadow:inset 0 0 0 2px #62eadf}
body.er-home-vision #erHomeVision .er-play-hint{display:block;color:#a3c7d1;font-size:10px;margin-top:4px}
body.er-home-vision #erHomeVision .er-play-scene{position:absolute;z-index:2;top:24px;bottom:188px;left:48%;right:2%;min-height:480px;background:radial-gradient(ellipse at 55% 46%,#183952,#061321 73%);border-radius:22px;box-shadow:0 15px 80px #020b18c9;overflow:hidden;isolation:isolate}
body.er-home-vision #erHomeVision .er-play-scene[hidden]{display:none!important}
body.er-home-vision #erHomeVision .er-play-scene:before{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:radial-gradient(circle at var(--light-x,60%) var(--light-y,35%),#ffdc8b20,transparent 40%)}
body.er-home-vision #erHomeVision .er-play-title{position:absolute;z-index:6;left:20px;right:16px;top:16px;display:flex;justify-content:space-between;gap:12px;align-items:start}
body.er-home-vision #erHomeVision .er-play-title small{display:block;color:#62eadf;letter-spacing:1.6px;font-size:8px}
body.er-home-vision #erHomeVision .er-play-title strong{display:block;font:600 20px Manrope,sans-serif;margin-top:4px;color:#f7e6bd}
body.er-home-vision #erHomeVision .er-play-title button{border:1px solid #ffffff3c;background:#091b2fe8;color:#e4eef3;border-radius:50%;min-width:44px;min-height:44px}
body.er-home-vision #erHomeVision .er-play-camera{position:absolute;inset:60px 0 60px;display:grid;place-items:center;perspective:1200px;overflow:hidden}
body.er-home-vision #erHomeVision .er-play-world{position:relative;height:min(100%,560px);width:auto;max-width:90%;aspect-ratio:720/900;flex-shrink:0;transform:translateY(var(--play-offset,0%)) rotateY(var(--play-turn,0deg)) scale(var(--play-zoom,1));transform-origin:var(--play-origin,50% 50%);transition:transform .65s cubic-bezier(.2,.7,.2,1);filter:brightness(var(--play-light));}
body.er-home-vision #erHomeVision .er-play-world:before{content:"";position:absolute;width:80%;height:12%;left:10%;bottom:3%;border:1px solid #62eadf50;border-radius:50%;box-shadow:0 0 50px #62eadf25;transform:rotate(-5deg);background:#62eadf08;pointer-events:none}
body.er-home-vision #erHomeVision .er-play-part{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:transparent;transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .2s;touch-action:none;cursor:grab;filter:drop-shadow(0 2px 0 #ecca8540);}
body.er-home-vision #erHomeVision .er-play-piece-picture{position:absolute;inset:0;background:url(assets/vision-home/hero.png) 81.9149% 0/230.5556% 105.3333% no-repeat;pointer-events:none}
body.er-home-vision #erHomeVision .er-play-part.is-selected{filter:drop-shadow(0 0 3px #62eadf) brightness(1.1);z-index:2}
body.er-home-vision #erHomeVision .er-play-part:focus-visible{outline:0;filter:drop-shadow(0 0 4px #fff) brightness(1.22)}
body.er-home-vision #erHomeVision .er-play-wall .er-play-piece-picture{background:linear-gradient(120deg,#72e8e23f,#081c2a25);box-shadow:inset 0 0 0 3px #62eadf;}
body.er-home-vision #erHomeVision .er-play-plate .er-play-piece-picture{background:linear-gradient(90deg,#bc8b46,#f7df9c);box-shadow:inset 0 0 15px #fff8;}
body.er-home-vision #erHomeVision .er-play-dragging .er-play-part{transition:none;cursor:grabbing}
body.er-home-vision #erHomeVision .er-play-active .hotspot,body.er-home-vision #erHomeVision .er-play-active .er-play-hit{visibility:hidden}
body.er-home-vision #erHomeVision .hotspot{z-index:1}
body.er-home-vision #erHomeVision .er-play-tools{position:absolute;z-index:6;bottom:12px;left:16px;right:16px;display:flex;justify-content:center;gap:6px;flex-wrap:wrap}
body.er-home-vision #erHomeVision .er-play-tools button{min-height:44px;padding:8px 11px;border:1px solid #8bbac45e;border-radius:8px;background:#0b273aeb;color:#e6f5f3;font-size:11px;}
body.er-home-vision #erHomeVision .er-play-tools [aria-pressed=true]{border-color:#ecca85;color:#ffe4a8;background:#554322d9}
body.er-home-vision #erHomeVision .er-play-tools button:disabled{opacity:.4;cursor:default}
body.er-home-vision #erHomeVision .er-play-caption{position:absolute;z-index:5;bottom:72px;left:22px;right:22px;color:#d4e7eb;background:#061321dd;padding:6px;border-radius:6px;font-size:10px;line-height:1.5;text-align:center;pointer-events:none}
body.er-home-vision #erHomeVision .er-play-settings{position:absolute;z-index:3;right:5%;bottom:78px;display:flex;gap:15px;align-items:center;padding:8px 12px;background:#061a2ee8;border:1px solid #719aa63d;border-radius:8px;}
body.er-home-vision #erHomeVision .er-play-settings label{display:flex;align-items:center;gap:6px;color:#cfdee8;font-size:10px}
body.er-home-vision #erHomeVision .er-play-settings input{width:65px;accent-color:#ecca85;min-height:26px}
body.er-home-vision #erHomeVision .er-play-instructions{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%)}
body.er-home-vision #erHomeVision .er-play-paused .er-play-boat,body.er-home-vision #erHomeVision .er-play-paused .er-play-window-glow{animation-play-state:paused}
@keyframes erPlayGlow{0%,100%{opacity:.28}45%{opacity:.85}58%{opacity:.65}72%{opacity:.95}}
@keyframes erPlaySail{0%{transform:translate(150px,-30px) scale(.6);opacity:0}10%{opacity:.8}90%{opacity:.8}100%{transform:translate(-220px,140px) scale(1.15);opacity:0}}
@media(max-width:1100px) and (min-width:801px){body.er-home-vision #erHomeVision .er-play-scene{left:50%;right:1%}.er-play-launch .er-play-hint{display:none}}
@media(max-width:800px){body.er-home-vision #erHomeVision .er-play-launch{right:5%;left:5%;bottom:130px;justify-content:space-between}body.er-home-vision #erHomeVision .er-play-launch button{font-size:11px}body.er-home-vision #erHomeVision .er-play-hint{display:none}body.er-home-vision #erHomeVision .er-play-settings{left:5%;right:5%;bottom:86px;justify-content:space-between;gap:5px}body.er-home-vision #erHomeVision .er-play-settings input{width:54px}body.er-home-vision #erHomeVision .er-play-scene{position:relative;inset:auto;margin:0 4% 210px;height:590px;min-height:0}body.er-home-vision #erHomeVision .er-play-active.hero{height:auto;max-height:none;min-height:0}body.er-home-vision #erHomeVision .er-play-active .hero-content{padding-bottom:25px}body.er-home-vision #erHomeVision .er-play-world{width:84%;max-width:380px}body.er-home-vision #erHomeVision .er-play-hit{left:65%;right:2%;top:9%;bottom:42%}body.er-home-vision #erHomeVision .er-play-tools{left:8px;right:8px;gap:4px}body.er-home-vision #erHomeVision .er-play-tools button{padding:7px 8px;font-size:10px}body.er-home-vision #erHomeVision .er-play-caption{bottom:118px}body.er-home-vision #erHomeVision .er-play-camera{bottom:115px}}
@media(max-width:800px){body.er-home-vision #erHomeVision .er-play-world{width:auto;max-width:none;height:min(100%,94vw)}}
@media(prefers-reduced-motion:reduce){body.er-home-vision #erHomeVision .er-play-boat,body.er-home-vision #erHomeVision .er-play-window-glow{animation:none}body.er-home-vision #erHomeVision .er-play-water{display:none}body.er-home-vision #erHomeVision .er-play-world,body.er-home-vision #erHomeVision .er-play-part{transition:none}}
}
@media print{#erHomePlay,.er-play-water,.er-play-window-glow{display:none!important}}

/* Full local illustrative volume; generated sides/back are never measured property data. */
@media screen {
body.er-home-vision #erHomeVision .er-play-world{transform-style:preserve-3d;filter:none;transform:translateY(var(--play-offset,0%)) rotateX(-7deg) rotateY(var(--play-turn,0deg)) scale(var(--play-zoom,1));}
body.er-home-vision #erHomeVision .er-play-part{backface-visibility:hidden;filter:none;}
body.er-home-vision #erHomeVision .er-play-piece-picture{filter:brightness(var(--play-light));}
body.er-home-vision #erHomeVision .er-play-volume{position:absolute;transform-style:preserve-3d;pointer-events:none;transition:transform .6s cubic-bezier(.2,.7,.2,1);}
body.er-home-vision #erHomeVision .er-play-solid-face{position:absolute;inset:0;width:100%;height:100%;min-width:0;min-height:0;padding:0;border:0;border-radius:0;background:#0c2639;backface-visibility:hidden;pointer-events:auto;touch-action:none;cursor:grab;filter:brightness(var(--play-light));}
body.er-home-vision #erHomeVision .er-play-solid-face svg{width:100%;height:100%;display:block;pointer-events:none;}
body.er-home-vision #erHomeVision .er-play-face-back{transform:translateZ(calc(-1 * var(--play-half-depth))) rotateY(180deg);}
body.er-home-vision #erHomeVision .er-play-face-left{width:var(--play-depth);transform-origin:0 50%;transform:translateZ(calc(-1 * var(--play-half-depth))) rotateY(-90deg);}
body.er-home-vision #erHomeVision .er-play-face-right{left:100%;right:auto;width:var(--play-depth);transform-origin:0 50%;transform:translateZ(var(--play-half-depth)) rotateY(90deg);}
body.er-home-vision #erHomeVision .er-play-face-top{height:var(--play-depth);transform-origin:50% 0;transform:translateZ(calc(-1 * var(--play-half-depth))) rotateX(90deg);}
body.er-home-vision #erHomeVision .er-play-face-bottom{top:100%;bottom:auto;height:var(--play-depth);transform-origin:50% 0;transform:translateZ(var(--play-half-depth)) rotateX(-90deg);}
body.er-home-vision #erHomeVision .er-play-volume.is-selected .er-play-solid-face{box-shadow:inset 0 0 0 2px #62eadf;}
body.er-home-vision #erHomeVision .er-play-solid-face:focus-visible{outline:3px solid #fff;outline-offset:-3px;}
body.er-home-vision #erHomeVision .er-play-world.is-turning,body.er-home-vision #erHomeVision .er-play-dragging .er-play-volume{transition:none;}
body.er-home-vision #erHomeVision .er-play-orbit-controls{position:absolute;z-index:6;top:64px;left:16px;right:16px;display:flex;gap:6px;flex-wrap:wrap;align-items:center;}
body.er-home-vision #erHomeVision .er-play-orbit-controls button{min-height:44px;padding:8px 12px;border:1px solid #729caa;border-radius:8px;background:#102c40;color:#eaf8f7;font-size:11px;}
body.er-home-vision #erHomeVision .er-play-turn-handle{touch-action:none;cursor:ew-resize;}
body.er-home-vision #erHomeVision .er-play-orbit-controls button:focus-visible{outline:2px solid #62eadf;outline-offset:2px;}
body.er-home-vision #erHomeVision .er-play-orbit-controls small{flex-basis:100%;font-size:9px;line-height:1.4;color:#ccdde1;}
body.er-home-vision #erHomeVision .er-play-camera{top:136px;}
@media(max-width:800px){body.er-home-vision #erHomeVision .er-play-orbit-controls{left:12px;right:12px;top:64px;}body.er-home-vision #erHomeVision .er-play-camera{top:142px;}}
@media(prefers-reduced-motion:reduce){body.er-home-vision #erHomeVision .er-play-volume{transition:none;}}
}
