/* Mobile premium intro ported from the approved Work draft. Visual-only, homepage-only markup. */
.mobilePremiumIntro{display:none}
@keyframes premiumIntroCurtain{0%,42%{opacity:1}100%{opacity:0}}
@keyframes premiumBrandReveal{0%{opacity:0;transform:translateY(5px) scale(.96);filter:blur(2px)}30%,62%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}100%{opacity:0;transform:translateY(-3px) scale(1.006);filter:blur(1px)}}
@keyframes premiumHeroReveal{0%,34%{opacity:.12;clip-path:inset(7% 0 0 0);transform:translateY(6px) scale(1.012)}100%{opacity:1;clip-path:inset(0);transform:translateY(0) scale(1)}}
@keyframes premiumVeilReveal{0%,34%{opacity:.18}100%{opacity:1}}
@keyframes premiumCopyReveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media (hover:none) and (pointer:coarse) and (max-width:600px), (hover:none) and (pointer:coarse) and (max-width:932px) and (max-height:500px){
 .mobilePremiumIntro{position:fixed;z-index:80;inset:0;display:grid;place-items:center;overflow:hidden;background:#080706;pointer-events:none;opacity:1}
 .mobilePremiumIntro.running{animation:premiumIntroCurtain 1.36s cubic-bezier(.22,.61,.36,1) both}
 .mobilePremiumBrand{display:flex;flex-direction:column;align-items:center;gap:8px;line-height:1;opacity:0;transform:translateY(5px) scale(.96);filter:blur(2px)}
 .mobilePremiumIntro.running .mobilePremiumBrand{animation:premiumBrandReveal .92s cubic-bezier(.22,.61,.36,1) both}
 .mobilePremiumBrand strong{font:500 13px/1 var(--sans);letter-spacing:.22em;white-space:nowrap}
 .mobilePremiumBrand span{padding-left:.5em;color:var(--gold);font:400 7px/1 var(--sans);letter-spacing:.58em;white-space:nowrap}
 .hero.mobileIntroActive>img{animation:premiumHeroReveal 1.36s cubic-bezier(.22,.61,.36,1) both}
 .hero.mobileIntroActive .heroVeil{animation:premiumVeilReveal 1.36s ease both}
 .hero.mobileIntroActive .heroCopy>.eyebrow,.hero.mobileIntroActive .heroCopy .heroTitleFirst,.hero.mobileIntroActive .heroCopy .heroTitleSecond,.hero.mobileIntroActive .heroCopy>.heroLead,.hero.mobileIntroActive .heroCopy>.textCta{opacity:0;animation:premiumCopyReveal .4s cubic-bezier(.22,.61,.36,1) both}
 .hero.mobileIntroActive .heroCopy>.eyebrow{animation-delay:.72s}
 .hero.mobileIntroActive .heroCopy .heroTitleFirst{display:inline-block;animation-delay:.78s}
 .hero.mobileIntroActive .heroCopy .heroTitleSecond{display:inline-block;animation-delay:.85s}
 .hero.mobileIntroActive .heroCopy>.heroLead{animation-delay:.92s}
 .hero.mobileIntroActive .heroCopy>.textCta{animation-delay:.99s}
 .motion-ready .hero.mobileIntroActive .heroCopy>h1{animation:none!important;opacity:1!important;transform:none!important}
 .motion-ready .hero.mobileIntroComplete .heroCopy>.eyebrow,.motion-ready .hero.mobileIntroComplete .heroCopy>h1,.motion-ready .hero.mobileIntroComplete .heroCopy>.heroLead,.motion-ready .hero.mobileIntroComplete .heroCopy>.textCta{animation:none!important;opacity:1!important;transform:none!important}
}
@media(prefers-reduced-motion:reduce){
 .mobilePremiumIntro{display:none!important}
 .hero.mobileIntroActive>img,.hero.mobileIntroActive .heroVeil,.hero.mobileIntroActive .heroCopy>*{animation:none!important;opacity:1!important;clip-path:none!important;transform:none!important;filter:none!important}
}