/* Add after editorial.css and menu-cinema.css. Existing links, colors and layout stay intact. */
.friendly-site main :is(h1,h2)[tabindex="-1"]:focus{
  outline:none;
  box-shadow:none;
}
.mobile-menu-dialog .menu-close,
.js .story-header .menu-toggle{
  -webkit-tap-highlight-color:transparent;
}
.mobile-menu-dialog .menu-close:hover,
.mobile-menu-dialog .menu-close:active,
.js .story-header .menu-toggle:hover,
.js .story-header .menu-toggle:active{background:transparent}
@media (hover:hover) and (pointer:fine){
  .mobile-menu-dialog .menu-close:hover:not(:focus-visible),
  .js .story-header .menu-toggle:hover:not(:focus-visible){opacity:.68}
}
.mobile-menu-dialog .menu-close:focus-visible,
.js .story-header .menu-toggle:focus-visible{opacity:1}
html.menu-pointer-mode .mobile-menu-dialog .menu-close:focus-visible,
html.js.menu-pointer-mode .story-header .menu-toggle:focus-visible{
  outline:none!important;
  box-shadow:none!important;
}
.site-header.story-header.is-scrolled{box-shadow:0 8px 24px #203e5019}
.motion-scroll-sentinel{position:absolute;top:16px;left:0;width:1px;height:1px;pointer-events:none;visibility:hidden}

@media (prefers-reduced-motion:no-preference){
  .mobile-menu-dialog[open] .menu-sheet-content{
    transition:opacity 160ms cubic-bezier(.22,1,.36,1),transform 160ms cubic-bezier(.22,1,.36,1);
  }
  .mobile-menu-dialog[open][data-state="open"] .menu-sheet-content{
    animation:zz2-menu-enter 220ms cubic-bezier(.22,1,.36,1) both;
  }
  .mobile-menu-dialog[open][data-state="closing"] .menu-sheet-content{
    opacity:.94;transform:translateY(10px);
  }
  .mobile-menu-dialog[open][data-state="open"] .menu-contact{
    animation:zz2-menu-contact-enter 220ms 40ms cubic-bezier(.22,1,.36,1) both;
  }
  .mobile-menu-dialog[open][data-state="open"]::backdrop{
    animation:zz2-backdrop-enter 180ms ease-out both;
  }
  .mobile-menu-dialog[open][data-state="closing"]::backdrop{background:transparent;transition:background-color 160ms ease-out}
  .mobile-menu-dialog[open][data-state="open"] .sheet-nav a{
    animation:zz2-menu-item-enter 230ms cubic-bezier(.22,1,.36,1) both;
  }
  .mobile-menu-dialog[open][data-state="open"] .sheet-nav a:nth-of-type(2){animation-delay:25ms}
  .mobile-menu-dialog[open][data-state="open"] .sheet-nav a:nth-of-type(3){animation-delay:50ms}
  .mobile-menu-dialog[open][data-state="open"] .sheet-nav a:nth-of-type(4){animation-delay:75ms}
  .mobile-menu-dialog[open][data-state="open"] .sheet-nav a:nth-of-type(5){animation-delay:100ms}
  html.motion-intro-ready .editorial-home .ed-hero-copy > :is(.ed-eyebrow,h1,.ed-lead,.ed-actions,.ed-hero-footnote){
    animation:zz2-hero-enter 520ms cubic-bezier(.22,1,.36,1) both;
  }
  html.motion-intro-ready .editorial-home .ed-hero-copy > .ed-lead{animation-delay:50ms}
  html.motion-intro-ready .editorial-home .ed-hero-copy > .ed-actions{animation-delay:80ms}
  html.motion-intro-ready .editorial-home .ed-hero-copy > .ed-hero-footnote{animation-delay:100ms}
  html.motion-intro-ready .friendly-legacy-content :is(.premium-article-hero,.page-guide-hero) .friendly-image-hero__copy > :is(.premium-eyebrow,.section-label,h1,.premium-article-deck,p,.regional-hero-actions){
    animation:zz2-hero-enter 520ms cubic-bezier(.22,1,.36,1) both;
  }
  html.motion-photo-ready .editorial-home .ed-hero-visual img,
  html.motion-photo-ready .friendly-legacy-content .page-guide-hero .friendly-story-image--primary img,
  html.motion-photo-ready .friendly-legacy-content .premium-prose .situation-illustration:first-of-type img{
    animation:zz2-photo-settle 1200ms cubic-bezier(.22,1,.36,1) both;
  }
  .friendly-legacy-content .premium-prose .situation-illustration:first-of-type{overflow:hidden;border-radius:8px}
  .motion-revealed{animation:zz2-section-enter 560ms cubic-bezier(.22,1,.36,1) both}
  .story-header{transition:box-shadow 180ms ease-out,background-color 180ms ease-out}
  @media (hover:hover) and (pointer:fine){
    html.motion-ready .editorial-home .ed-feature img{transition:transform 300ms cubic-bezier(.2,.7,.2,1)}
    html.motion-ready .editorial-home .ed-feature:hover img{transform:scale(1.015)}
    html.motion-ready .friendly-legacy-content :is(.friendly-story-image,.situation-illustration) img{transition:transform 300ms cubic-bezier(.2,.7,.2,1)}
    html.motion-ready .friendly-legacy-content :is(.friendly-story-image,.situation-illustration):hover img{transform:scale(1.015)}
    html.motion-ready .editorial-home :is(.ed-topic-grid,.ed-life-links,.ed-region-grid) a > span:last-child,
    html.motion-ready .editorial-home .ed-text-link > span:last-child{transition:transform 180ms cubic-bezier(.2,.7,.2,1)}
    html.motion-ready .editorial-home :is(.ed-topic-grid,.ed-life-links,.ed-region-grid) a:hover > span:last-child,
    html.motion-ready .editorial-home .ed-text-link:hover > span:last-child{transform:translate(2px,-2px)}
  }
  @keyframes zz2-menu-enter{from{opacity:.94;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
  @keyframes zz2-menu-contact-enter{from{opacity:.94;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
  @keyframes zz2-menu-item-enter{from{opacity:.94;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
  @keyframes zz2-backdrop-enter{from{background:#102b3b00}to{background:#102b3b99}}
  @keyframes zz2-hero-enter{from{opacity:.92;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
  @keyframes zz2-photo-settle{from{opacity:1;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}
  @keyframes zz2-section-enter{from{opacity:.42;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
}
@media (prefers-reduced-motion:reduce){
  .mobile-menu-dialog .menu-sheet-content,
  .mobile-menu-dialog .menu-contact,
  .mobile-menu-dialog .sheet-nav a,
  .editorial-home .ed-hero-copy > *,
  .friendly-legacy-content :is(.premium-article-hero,.page-guide-hero) .friendly-image-hero__copy > *,
  .motion-revealed{animation:none!important;transition:none!important;transform:none!important}
  html{scroll-behavior:auto!important}
}