[data-hermon-scene] { position:relative; overflow:hidden; }
.hermon-water { position:absolute; inset:0; width:100%; height:100%; z-index:0; opacity:0; pointer-events:none; }
[data-hermon-scene].scene-ready .hermon-water { opacity:1; }
[data-hermon-scene].scene-ready > .hermon-photo { visibility:hidden; }
.hermon-feature { background:radial-gradient(ellipse at 30% 0%,#102329,#030b10 75%); }
.hermon-feature > .hermon-photo { inset:auto 3% 5% auto; width:68%; height:60%; object-fit:contain; opacity:.8; }
.motion-control { position:absolute; bottom:24px; right:32px; z-index:3; min-height:44px; padding:10px 15px; border:1px solid #c0d8df30; border-radius:30px; color:#c0d2d5; background:#04101799; font-size:12px; letter-spacing:.03em; }
.motion-control:hover { background:#13252b; }
.hermon-page-copy { text-shadow:0 2px 16px #020a10; }
@media(max-width:600px) { .motion-control { right:18px; bottom:12px; } .hermon-feature > .hermon-photo { right:3%; bottom:6%; width:94%; height:28%; object-position:center; } }
@media(forced-colors:active) { .hermon-water,.motion-control { display:none; } [data-hermon-scene].scene-ready > .hermon-photo { visibility:visible; } }