/* Contain the opening in the hero, never over restored page content. */
html .hero .opening-message{position:absolute;inset:0;pointer-events:none}
html:not(.intro-enabled) .hero .opening-message{display:none!important;animation:none!important}
html:not(.intro-enabled) body:has(.hero) .header>.brand,
html:not(.intro-enabled) body:has(.hero) .header>.menu,
html:not(.intro-enabled) .hero .hero-copy>*,
html:not(.intro-enabled) .hero .signature-photos figure:nth-child(3),
html:not(.intro-enabled) .hero .hero-mist,
html:not(.intro-enabled) .hero .motion-toggle{
 animation:none!important;opacity:1;visibility:visible;transform:none;filter:none;pointer-events:auto
}

/* A precise silver line reveals the approved ACORNS mark. */
#acorns-intro{display:none;position:fixed;inset:0;z-index:2147483000;isolation:isolate;overflow:hidden;padding:0;margin:0;background:#121416;color:#fff;place-items:center;pointer-events:none;animation:none;opacity:1;visibility:visible;transform:none}
html{scrollbar-gutter:auto;scrollbar-width:none}
html::-webkit-scrollbar{display:none}
html.intro-enabled,html.intro-enabled body{overflow:hidden;scrollbar-gutter:auto}
html.intro-enabled #acorns-intro{display:grid;pointer-events:auto;touch-action:none}
#acorns-intro::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 48%,#ffffff05,transparent 46%);pointer-events:none}
#acorns-intro::after{display:none}
#acorns-intro .mist-intro-logo{position:relative;z-index:1;display:block;width:230px;max-width:70vw;aspect-ratio:1806/370;animation:none;opacity:1;filter:none;transform:none}
#acorns-intro .mist-intro-logo img{display:block;width:100%;height:auto;max-width:none;aspect-ratio:1806/370;filter:brightness(0) invert(1);opacity:0}
#acorns-intro .intro-writing{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
#acorns-intro .intro-stroke{fill:none;stroke-width:4.8;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1}
html.intro-running #acorns-intro{animation:acorns-intro-curtain 1.2s cubic-bezier(.4,0,.2,1) 7.05s both}
html.intro-enabled #acorns-intro .mist-intro-logo{will-change:opacity,transform,filter;backface-visibility:hidden}
html.intro-running #acorns-intro .mist-intro-logo{animation:acorns-logo-dissolve 2.35s cubic-bezier(.3,0,.25,1) 5.2s both}
html.intro-running body .hero .hero-films{animation:acorns-home-emerge 1.2s cubic-bezier(.4,0,.2,1) 7.05s both}
html.intro-running #acorns-intro .intro-stroke{animation:acorns-ink-draw 1.25s cubic-bezier(.35,0,.3,1) both}
html.intro-running #acorns-intro .intro-stroke-a{animation-delay:.3s}
html.intro-running #acorns-intro .intro-stroke-c{animation-delay:.85s}
html.intro-running #acorns-intro .intro-stroke-o{animation-delay:1.4s}
html.intro-running #acorns-intro .intro-stroke-r{animation-delay:1.95s}
html.intro-running #acorns-intro .intro-stroke-n{animation-delay:2.5s}
html.intro-running #acorns-intro .intro-stroke-s{animation-delay:3.05s}
html.intro-running #acorns-intro .intro-writing{animation:acorns-ink-finish 7s linear both}
html.intro-running #acorns-intro .mist-intro-logo img{animation:acorns-ink-fill 7s ease both}
body:has(>#acorns-intro) .header>.brand,body:has(>#acorns-intro) .header>.menu,
body:has(>#acorns-intro) .hero .hero-copy,body:has(>#acorns-intro) .hero .hero-copy>*,
body:has(>#acorns-intro) .hero .motion-toggle{animation:none!important;opacity:1;visibility:visible;filter:none}
@keyframes acorns-ink-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes acorns-ink-finish{0%,62%{opacity:1}74%,100%{opacity:0}}
@keyframes acorns-ink-fill{0%,54%{opacity:0}70%,100%{opacity:.94}}
@keyframes acorns-logo-dissolve{
 from{opacity:1;filter:blur(0);transform:translateZ(0) scale(1)}
 to{opacity:0;filter:blur(8px);transform:translateZ(0) scale(1.065)}
}
@keyframes acorns-intro-curtain{
 from{opacity:1;visibility:visible}
 to{opacity:0;visibility:hidden}
}
@keyframes acorns-home-emerge{
 from{filter:blur(5px);transform:scale(1.025)}
 to{filter:blur(0);transform:scale(1)}
}
@media(max-width:620px){#acorns-intro .mist-intro-logo{width:195px}}
@media(prefers-reduced-motion:reduce){html.intro-enabled{overflow:auto}html.intro-enabled body{overflow:visible}html.intro-enabled #acorns-intro{display:none!important}}