/* The river reveal now lives in the right-hand hero field. */
.h-hero{overflow:visible}
.h-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:4vw;margin-bottom:42px}
.h-layout .h-composition{margin:0;min-width:0;gap:clamp(64px,9svh,96px)}
.h-river{position:relative;isolation:isolate;width:100%;aspect-ratio:1.13;margin:0;overflow:hidden;border-radius:6px;background:#090c10}
.h-river-art{position:absolute;inset:0;isolation:isolate;background:#090c10}
.h-river-art[data-original=true],.h-river-art[data-original=transition]{background:#090c10 url('assets/art/river-evening-v1.png') center 52%/cover}
.h-river-pause{position:absolute;right:14px;bottom:14px;display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid #f8fafc55;border-radius:50%;background:#090c10d9;color:#f8fafc;cursor:pointer}
.h-river-pause:hover{background:#0d274c;border-color:#f8fafc}
.h-river-pause:focus-visible{outline:2px solid #f8fafc;outline-offset:3px}
.h-river-pause svg{width:18px;height:18px}
.h-river-play-icon,.h-river-pause[aria-pressed=true] .h-river-pause-icon{display:none}
.h-river-pause[aria-pressed=true] .h-river-play-icon{display:block}
.h-river-pause[hidden]{display:none}
.h-river-pause{z-index:3}
/* Window onto the original painting: same image and crop as the original state, clipped to a circle around the pointer. */
.h-river-reveal{--reveal-x:50%;--reveal-y:50%;--reveal-r:0px;position:absolute;inset:0;z-index:2;pointer-events:none;background:#090c10 url('assets/art/river-evening-v1.png') center 52%/cover;clip-path:circle(var(--reveal-r) at var(--reveal-x) var(--reveal-y));will-change:clip-path}
.h-river-reveal[hidden]{display:none}
.h-river-pointer{position:fixed;z-index:8;top:0;left:0;width:0;height:0;pointer-events:none;will-change:transform}
.h-river-pointer[hidden]{display:none}
.h-river-pointer-arrow{position:absolute;left:-2px;top:-2px;width:21px;height:28px;overflow:visible;transform-origin:2px 2px;filter:drop-shadow(0 1px 1px #0005)}
.h-river-pointer-arrow path{fill:#111;stroke:#fff;stroke-width:1.5;stroke-linejoin:round}
@media(hover:hover) and (pointer:fine){.h-river-cursor-active,.h-river-cursor-active *{cursor:none!important}}
@media(min-width:981px){.h-river{--river-grow:clamp(20px,2.4vw,48px);width:calc(100% + var(--river-grow));margin-left:calc(-1 * var(--river-grow));max-height:max(360px,calc(100svh - 260px))}.h-layout .h-title{max-width:100%;font-size:clamp(4.75rem,min(10.4vw,18.5svh),15.5rem)}.h-layout .h-title>span{white-space:normal}.h-layout .h-title>span+span{max-width:calc(100% - .58em)}}
@media(max-width:980px){.h-layout{grid-template-columns:minmax(0,1fr);gap:32px}.h-river{max-width:720px;aspect-ratio:1.6}.h-layout .h-intro{max-width:540px}}
@media(max-width:760px){.h-layout .h-composition{gap:48px}}
@media(max-width:520px){.h-layout{gap:28px;margin-bottom:32px}.h-river{border-radius:4px}.h-river-pause{right:10px;bottom:10px}}