/* INTERIOLOGY Z202 | homepage opening, one continuous editorial handoff. */
:root{--home202-ease:cubic-bezier(.22,1,.36,1)}
/* A single photographic ground plane; it exists even on slow video connections.
   The video only crossfades in after the first usable decoded frames. */
html.home-entry .teaser{opacity:1!important;transform:none!important;filter:none!important;animation:none!important}
html.home-entry .teaser-media{position:relative;opacity:0!important;transform:scale(1.025)!important;transform-origin:center!important;filter:none!important;will-change:opacity,transform;transition:opacity 1100ms ease,transform 1800ms var(--home202-ease)!important}
html.home-entry.home-visible .teaser-media{opacity:1!important;transform:none!important}
html.home-entry .teaser-media::before{content:"";position:absolute;inset:0;display:block;z-index:0;pointer-events:none;background:#050505 url('/images/casa-mbatha-poster-desktop-v6.jpg') center / cover no-repeat}
@media(max-width:1024px){html.home-entry .teaser-media::before{background-image:url('/images/casa-mbatha-poster-mobile-v5.jpg')}}
html.home-entry .teaser-vid{position:absolute;z-index:1;opacity:0!important;transition:opacity 1200ms ease!important}
html.home-entry.home-video-ready .teaser-vid{opacity:1!important}
html.home-entry .teaser-grad{z-index:2!important}
html.home-entry .teaser-overlay{z-index:3!important;opacity:1!important;transform:none!important;filter:none!important;animation:none!important}
/* Every visible line enters with the picture instead of being static under a disappearing loader. */
html.home-entry .teaser-overlay>*{opacity:0!important;transform:translate3d(0,15px,0)!important;filter:blur(2px)!important;animation:none!important;transition:opacity 870ms var(--home202-ease),transform 1100ms var(--home202-ease),filter 950ms ease!important;will-change:opacity,transform}
html.home-entry.home-visible .teaser-overlay>*{opacity:1!important;transform:none!important;filter:none!important}
html.home-entry.home-visible .teaser-eyebrow{transition-delay:190ms!important}
html.home-entry.home-visible .teaser-title{transition-delay:310ms!important}
html.home-entry.home-visible .teaser-sub{transition-delay:430ms!important}
html.home-entry.home-visible .teaser-soon{transition-delay:550ms!important}
/* Stop the legacy navDrop animation from introducing its own abrupt movement. */
html.home-entry nav{opacity:0!important;transform:translate3d(0,9px,0)!important;animation:none!important;transition:opacity 900ms var(--home202-ease),transform 1100ms var(--home202-ease),background-color .4s ease!important}
html.home-entry.home-visible nav{opacity:1!important;transform:none!important;transition-delay:330ms!important}
html.home-entry :is(#mnav-pill,.wa-float,.scroll-cue){opacity:0!important;transition:opacity 850ms ease!important}
html.home-entry.home-visible :is(#mnav-pill,.wa-float,.scroll-cue){opacity:1!important;transition-delay:590ms!important}
/* Intro: no movement of the overlay itself; remove historic scale and Y drift. */
html.home-entry #intro{position:fixed!important;inset:0!important;background:#000!important;z-index:10000!important;opacity:1!important;visibility:visible!important;transform:none!important;filter:none!important;animation:none!important;pointer-events:auto!important;transition:opacity 840ms cubic-bezier(.33,1,.68,1),visibility 0s linear 940ms!important;will-change:opacity}
html.home-entry.home-intro-out #intro{opacity:0!important;pointer-events:none!important;visibility:visible!important;transform:none!important}
html.home-entry.home-intro-complete #intro{display:none!important;visibility:hidden!important}
html.home-entry body.introDone #intro{transform:none!important;visibility:visible!important;opacity:1!important}
html.home-entry.home-intro-out body.introDone #intro{opacity:0!important}
html.home-entry.home-intro-complete body.introDone #intro{visibility:hidden!important}
/* One controlled cadence: the two statements and mark all participate. */
html.home-entry #intro .logobox{opacity:0;transform:translate3d(0,10px,0);filter:blur(3px)}
html.home-entry.home-intro-run #intro .logobox{animation:home202Mark 760ms var(--home202-ease) 60ms both!important}
html.home-entry #intro .il{opacity:0;transform:translate3d(0,10px,0);filter:blur(3px)}
html.home-entry.home-intro-run #intro .il1{animation:home202Line 700ms var(--home202-ease) 360ms both!important}
html.home-entry.home-intro-run #intro .il2{animation:home202Line 750ms var(--home202-ease) 850ms both!important}
html.home-entry #intro .bar{width:0!important;transform:scaleX(0)!important;transform-origin:left center!important;opacity:.48;transition:none!important}
html.home-entry.home-intro-run #intro .bar{width:100%!important;animation:home202Bar 1700ms cubic-bezier(.33,0,.2,1) 100ms both!important}
@keyframes home202Mark{from{opacity:0;transform:translate3d(0,10px,0);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}
@keyframes home202Line{from{opacity:0;transform:translate3d(0,10px,0);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}
@keyframes home202Bar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){
 html.home-entry #intro,html.home-entry .teaser-media,html.home-entry .teaser-vid,html.home-entry .teaser-overlay>*,html.home-entry nav,html.home-entry :is(#mnav-pill,.wa-float,.scroll-cue){animation:none!important;transition:none!important;transform:none!important;filter:none!important}
 html.home-entry.home-visible :is(.teaser-media,.teaser-overlay>*,nav,#mnav-pill,.wa-float,.scroll-cue){opacity:1!important}
 html.home-entry .teaser-vid{opacity:0!important}
 html.home-entry.home-video-ready .teaser-vid{opacity:1!important}
 html.home-entry.home-intro-out #intro{opacity:0!important}
}