.scene>.home-clouds{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--fx) var(--fy);z-index:-3;pointer-events:none;opacity:0;transition:opacity .3s linear}
.scene>.home-clouds.ready{opacity:1}
.scene[data-scene="home-deli"]>.scene-image{object-position:50% 16%}
.scene[data-scene="home-loopers"]{background:#213524}
.loopers-trailer-label{position:absolute;left:0;bottom:calc(100% - clamp(2px,.4vw,6px));width:100%;font:300 clamp(12px,1.1vw,16px)/1.3 var(--mono);letter-spacing:.18em;text-transform:uppercase;text-align:center;text-shadow:none}
@media(min-width:761px){
 .scene[data-scene="home-loopers"] .scene-panel{align-self:flex-end;width:clamp(260px,27vw,390px);margin:0 0 72px;padding:25px}
 .scene[data-scene="home-welcome"] .scene-panel{position:absolute;inset:clamp(28px,4.5svh,56px) clamp(32px,5.5vw,90px) 74px;display:flex;flex-direction:column;align-items:flex-end;width:auto;max-width:none;margin:0;align-self:auto;text-align:right}
 .scene[data-scene="home-welcome"] .scene-panel h1{width:min(46%,560px);font-size:clamp(52px,min(6vw,10svh),88px);margin:15px 0 0;flex-shrink:0}
 .scene[data-scene="home-welcome"] .scene-panel .line-link{align-self:flex-start;margin-top:auto;flex-shrink:0}
 .scene:is([data-scene="home-photos"],[data-scene="home-deli"]){justify-content:center;align-items:center}
 .scene:is([data-scene="home-photos"],[data-scene="home-deli"]) .scene-panel{margin:0;align-self:center}
 .scene:is([data-scene="home-music"],[data-scene="home-boy-in-blue"]) .scene-panel{position:absolute;left:50%;bottom:max(74px,10%);margin:0;transform:translateX(-50%);align-self:auto}
 .scene[data-scene="home-deli"] .scene-panel{width:clamp(218px,21vw,294px);padding:18px}
 .scene[data-scene="home-deli"] .scene-panel h2{font-size:clamp(30px,3.2vw,44px)}
}
@media(max-width:760px){
 /* Keep all three caddies in the portrait frame, above the title and link. */
 .scene[data-scene="home-loopers"]>.scene-image{width:130%;height:auto;max-width:none;left:-15%;top:0;object-fit:initial;mask-image:linear-gradient(#000 78%,transparent 100%)}
 .scene>.home-clouds{object-position:var(--mx) var(--my)}
 /* Give the six people room in the portrait frame, with the copy below them. */
 .scene[data-scene="home-music"]{background:#242325}
 .scene[data-scene="home-music"]>.scene-image{width:185%;height:auto;max-width:none;left:-41.67%;top:0;object-fit:initial;mask-image:linear-gradient(#000 80%,transparent 100%)}
 /* Broader, nearly centered crop keeps the right-hand person inside the inset border. */
 .scene[data-scene="home-deli"]>.scene-image{height:min(83%,calc((100vw - 20px)*1.23));object-position:54% 50%;mask-image:linear-gradient(#000 86%,transparent 100%)}
 .scene[data-scene="home-deli"] .scene-panel{margin:0 26px 44px;padding:14px 16px}
 .scene[data-scene="home-deli"] .scene-panel h2{font-size:clamp(30px,8.7vw,38px);margin:10px 0}
 .scene[data-scene="home-deli"] .scene-panel .line-link{margin-top:12px}
}
@media(prefers-reduced-motion:reduce){.scene>.home-clouds{display:none;transition:none}}