/* Desktop scroll sequence adapted from dr pisos: 250vh runway, sticky 100vh stage. */
.tdv-hero-stage{display:contents}
.tdv-hero-canvas{display:none;pointer-events:none}
@media(min-width:769px){
 html.tdv-sequence-page,html.tdv-sequence-page body.reference-home{overflow-x:clip;overflow-y:visible}
 .reference-home .reference-banner.arkoo-hero.tdv-sequence{height:250vh;aspect-ratio:auto;overflow:visible}
 .tdv-sequence .tdv-hero-stage{display:block;position:sticky;top:0;width:100%;height:100vh;overflow:hidden;isolation:isolate}
 .tdv-sequence .tdv-hero-canvas{display:block;position:absolute;inset:0;width:100%;height:100%;z-index:0}
 .tdv-sequence::after{display:none}
 .tdv-sequence .tdv-hero-stage::after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.22),rgba(0,0,0,.08));pointer-events:none}
 .tdv-sequence .arkoo-hero-media{visibility:hidden}
}
@media(max-width:768px){
 html.tdv-sequence-page,html.tdv-sequence-page body.reference-home{overflow-x:clip!important;overflow-y:visible!important}
 .reference-home .reference-banner.arkoo-hero.tdv-sequence{height:360svh;aspect-ratio:auto;overflow:visible}
 .tdv-sequence .tdv-hero-stage{display:block;position:sticky;top:0;width:100%;height:100svh;overflow:hidden;isolation:isolate}
 .tdv-sequence .tdv-hero-canvas{display:block;position:absolute;inset:0;width:100%;height:100%;z-index:0}
 .tdv-sequence::after{display:none}
 .tdv-sequence .tdv-hero-stage::after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.22),rgba(0,0,0,.08));pointer-events:none}
 .tdv-sequence .arkoo-hero-media{visibility:hidden}
}