/* Fill photo frames while retaining each image's chosen focal point. */
.practice-youtube{position:relative;aspect-ratio:4/5;overflow:hidden;background:#171711;container-type:size}
.practice-youtube iframe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:max(177.78cqh,316.05cqw);height:max(100cqh,177.78cqw);max-width:none;border:0;pointer-events:none}
#view img[data-image-fit="contain"]{object-fit:contain!important;background:#101d19}
#view .ordered-moon-intro .ordered-cover{border-radius:3px;background:#101d19}
#view .ph img,#view .hero .slides img,#view .phero>img,#view .cta>img,
#view .panel-i>img,#view .gitem img,#view .event-portrait-grid img,
#view .event-photo-footer img,#view .film-media>img,#view .fmark img{
 object-fit:cover!important;object-position:var(--image-focus,50% 50%)!important;transform:none!important;
}
#view .rv-img{clip-path:none!important}
/* The enlarged gallery view still shows the complete photo. */
.mbox img{object-fit:contain!important;transform:none!important}
@media(max-width:700px){
 #view img[data-vaanya-image]{object-position:var(--image-focus-mobile,var(--image-focus,50% 50%))!important}
}

/* Keep the supplied Short in its native portrait shape. */
#view .film-youtube{width:min(100%,420px);justify-self:center;overflow:visible;background:none}
#view .film-youtube iframe{display:block;width:100%;aspect-ratio:9/16;height:auto;border:0;border-radius:3px;background:#171711}
#view .film-youtube iframe{pointer-events:none}
#view .film-youtube{isolation:isolate}

/* Restore the original timed hero crossfade and slow zoom. */
#view #homeHero .slides img{transform:scale(1.12)!important}
#view #homeHero .slides img.on{transform:scale(1)!important}
@media(prefers-reduced-motion:reduce){
 #view #homeHero .slides img{transform:none!important}
}

/* Keep hero copy legible as photographs change beneath it. */
#view .hero::before,#view .phero:not(.plain)::before{
 background:linear-gradient(90deg,rgba(9,17,15,.76) 0%,rgba(9,17,15,.66) 45%,rgba(9,17,15,.38) 78%,rgba(9,17,15,.25) 100%),linear-gradient(180deg,rgba(9,17,15,.18) 0%,rgba(9,17,15,.10) 45%,rgba(9,17,15,.46) 100%);
 pointer-events:none;
}
#view .hero h1,#view .phero h1{
 color:#fff;text-shadow:0 2px 5px rgba(0,0,0,.65),0 8px 30px rgba(0,0,0,.4);
}
#view .hero h1 .mute-head,#view .phero h1 .mute-head{color:inherit}
#view .hero .lede,#view .phero .lede{
 color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.85),0 3px 14px rgba(0,0,0,.5);
}
#view .hero .kick,#view .phero .kick{
 color:#f5dfb0;text-shadow:0 1px 4px rgba(0,0,0,.9);
}
#view .hero .btn.glass,#view .phero .btn.glass{
 background:rgba(12,21,18,.55);color:#fff;border-color:rgba(255,255,255,.65);
}
@media(max-width:700px){
 #view .hero::before,#view .phero:not(.plain)::before{
  background:linear-gradient(180deg,rgba(9,17,15,.60) 0%,rgba(9,17,15,.65) 52%,rgba(9,17,15,.78) 100%);
 }
}