[data-season][data-page="index"] [data-video-scene] {position:relative;isolation:isolate;overflow:clip;background:var(--video-poster) center/cover no-repeat}
.scene-video {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;z-index:0;opacity:0;transition:opacity .6s ease}
.video-playing>.scene-video {opacity:1}
.scene-video-shade {position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(90deg,#090e13c9,#090e132b 65%,#090e1340)}
[data-video-scene]>.wrap,[data-video-scene]>.home-help__cta,[data-video-scene]>.home-help__faq {position:relative;z-index:2}
[data-season][data-page="index"] .hero[data-video-scene]::before {display:none}
#collection>.scene-video-shade {background:linear-gradient(#0b111636,transparent 50%,#0b111657)}
.home-help>.scene-video-shade {background:#07101a50}
@media(max-width:700px){.hero>.scene-video-shade {background:linear-gradient(#090e13bd 5%,#090e1380 45%,#090e1320 75%)}.hero>.scene-video{object-position:35% center}}
@media(prefers-reduced-motion:reduce){.scene-video{display:none;transition:none}}
/* Give the porch scene breathing room without scaling the product row. */
[data-season][data-page="index"] #collection[data-video-scene] {min-height:620px;display:grid;align-content:end;padding:180px 0 55px}
@media(max-width:700px){[data-season][data-page="index"] #collection[data-video-scene]{min-height:720px;padding:140px 0 65px}}
/* Phones show the complete landscape above the content, without zooming it. */
@media(max-width:700px){
 [data-season][data-page="index"] [data-video-scene]{background-color:#141119;background-image:var(--video-poster);background-size:100% auto;background-position:center top;background-repeat:no-repeat;padding-top:calc(56.25vw + 24px)}
 [data-season][data-page="index"] [data-video-scene]>.scene-video{height:auto;aspect-ratio:16/9;object-fit:contain;object-position:center top}
 [data-video-scene]>.scene-video-shade{height:56.25vw;background:linear-gradient(transparent 70%,#141119)}
 [data-season][data-page="index"] #collection[data-video-scene]{min-height:0;padding-top:calc(56.25vw - 20px);padding-bottom:45px}
 [data-season][data-page="index"] .hero[data-video-scene]{padding-top:calc(56.25vw + 24px)}
}