/* Foreground styling retained when the ocean loader was rejected. */
html.hero-mask-experiment[data-hero-layout="roman-video"] .hero-role { font-size:clamp(24px,2.73vw,52px);color:#a9c7ff;letter-spacing:.05em; }
html.hero-mask-experiment[data-hero-layout="roman-video"] .hero-mask-canvas { opacity:.22; }
html.hero-mask-experiment[data-hero-layout="roman-video"].mask-ready #heroName,
html.hero-mask-experiment[data-hero-layout="roman-video"].mask-ready #heroName .jelly-char { text-shadow:0 2px 0 #145c8370,0 5px 18px #03172e60!important; }
@media(min-width:821px) {
 html.hero-scene-responsive[data-hero-layout="roman-video"] .hero-role { font-size:min(clamp(22px,2.73cqw,52px),max(18px,calc((100svh - var(--site-header-height,84px) - var(--header-wave-height,64px))*.07))); }
}
@media(max-width:820px) {
 html.hero-mask-experiment[data-hero-layout="roman-video"] .hero-role { font-size:clamp(18px,4.4vw,27px); }
}