/* The poster belongs to the underwater scene; typography stays still while its montage changes. */
.underwater .work-heading{inset:8% 2% 15%;height:auto;z-index:6}
.underwater .work-heading h2,.underwater .work-heading .works-entry{width:100%;height:100%;padding:0;margin:0;line-height:1}
.underwater .works-entry::after{display:none}
.selected-poster{display:block;width:100%;height:100%;overflow:visible}
.selected-poster text{font-family:var(--font-sans,Switzer,sans-serif);font-weight:900;letter-spacing:-5px;fill:var(--dive-ivory)}
.selected-poster .line-selected{font-size:220px}
.selected-poster .line-works{font-size:390px}
.sea-intro{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;margin:0;text-align:center;font-size:clamp(30px,4vw,62px);line-height:1.1;letter-spacing:-.025em;color:var(--dive-ivory);z-index:5;pointer-events:none}
.sea-tone{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,transparent 5%,#12395212 35%,#083a5d60 80%,transparent);opacity:0;pointer-events:none;mask-image:url('./media/depth-soft.webp');mask-size:100% 100%}
.underwater .sea-next{bottom:4%;color:var(--dive-ivory);width:160px;text-align:center}
.underwater .sea-next .section-cue-label{white-space:nowrap;text-align:center;width:100%}
.sea-schools{position:absolute;inset:0;z-index:2;pointer-events:none}
.school-member{position:absolute;left:0;top:0;width:var(--fish-size);opacity:var(--fish-opacity);will-change:transform}
.school-member img{display:block;width:100%;transform-origin:45% 50%}
.underwater{--abyss:0}
.underwater .depth-paint img{opacity:1;filter:saturate(calc(.9 - var(--abyss)*.6)) brightness(calc(1 - var(--abyss)*.96))}
.underwater .water-refraction{opacity:1;filter:none}
.underwater .depth-paint.has-water-refraction>img{opacity:0}
.underwater .reef-left{left:-5%;width:21%;height:31%;opacity:.45}
.underwater .reef-right{right:-3%;width:24%;height:37%;opacity:.65}
.dive-static .sea-intro{display:none}
.dive-static .underwater{--abyss:1}
.dive-static .sea-tone{opacity:0}
.dive-static .sea-schools{opacity:.12}
.dive-static .reef-left,.dive-static .reef-right{opacity:0}
@media(max-width:700px){
 .underwater .work-heading{inset:16% 2% 24%}
 .underwater .work-heading h2{font-size:inherit}
 .underwater .sea-next{bottom:max(7%,env(safe-area-inset-bottom));left:50%;right:auto}
 .underwater .reef-left{left:-13%;width:35%;height:28%}
 .underwater .reef-right{right:-12%;width:36%;height:31%}
}
@media(max-height:500px) and (min-width:701px){
 .underwater .work-heading{inset:2% 8% 24%}
 .underwater .sea-next{bottom:8%}
}