/* Exact transparent whale on black, above the original monochrome ribbon motion. */
#home.hero.whale-black{background:#000;color:#f8f7f3;min-height:620px}
#home .whale-ribbon-bed{position:absolute;inset:0;z-index:-3;background:#000 url('ribbons-poster.jpg') center/cover;opacity:.48}
#home .whale-ribbon-bed .ribbon-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:auto}
#home.hero::after{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.83),rgba(0,0,0,.33) 36%,rgba(0,0,0,.14) 75%,rgba(0,0,0,.3))}
#home .whale-sculpture{position:absolute;left:15.5%;right:15.5%;top:55%;transform:translateY(-50%);z-index:1;pointer-events:none}
#home .whale-sculpture img{display:block;width:100%;height:auto;object-fit:contain;animation:whale-sculpture-float 11s ease-in-out infinite alternate;animation-play-state:paused}
#home.whale-motion-active .whale-sculpture img{animation-play-state:running}
#home .scroll{color:#ddd;border-color:rgba(255,255,255,.3);z-index:3}
@keyframes whale-sculpture-float{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,-12px,0)}}
@media(max-width:800px){
 #home.hero.whale-black{min-height:620px}
 #home .whale-sculpture{left:5%;right:5%;top:55%}
 #home .scroll{left:4%;bottom:24px}
 #home.hero::after{background:linear-gradient(180deg,rgba(0,0,0,.3),rgba(0,0,0,.12) 40%,rgba(0,0,0,.77) 78%)}
}
@media(prefers-reduced-motion:reduce){#home.hero.whale-black{background:#000}#home .whale-sculpture img{animation:none!important;transform:none!important}#home .ribbon-video{display:none}}