/* Original crest contours, followed by the authentic transparent PNG. */
#brand-intro{isolation:isolate;color:#0c2c43;touch-action:none}
.intro-curtain{transform-origin:right center;will-change:transform}
.intro-emblem{position:relative;width:clamp(260px,27vw,350px);aspect-ratio:1;flex-shrink:0;pointer-events:none}
.intro-emblem svg{display:block;width:100%;height:100%;overflow:visible}
.intro-drawing path{stroke-width:7;stroke-dasharray:1000;stroke-dashoffset:1000;opacity:0}
.intro-drawing [data-part="shield-outer"],.intro-drawing [data-part="tick"]{stroke:#e60012;stroke-width:10}
.intro-drawing [data-part^="ribbon"]{stroke:#173b7a;stroke-width:8}
.intro-drawing [data-part="shield-inner"],.intro-drawing [data-part="shield-crown-inner"]{stroke:#173b7a;stroke-width:8}
.intro-playing .intro-drawing path{animation:crest-draw var(--draw-duration) cubic-bezier(.4,0,.2,1) var(--draw-delay) both}
@keyframes crest-draw{0%{stroke-dashoffset:1000;opacity:0}2%{opacity:1}100%{stroke-dashoffset:0;opacity:1}}
.intro-original{opacity:0;transition:opacity .22s ease}
.intro-drawing{transition:opacity .22s ease}
.intro-color .intro-original{opacity:1}
.intro-color .intro-drawing{opacity:0}
.intro-skip{position:absolute;right:32px;bottom:25px;display:flex;align-items:center;gap:15px;padding:10px 4px;border:0;background:transparent;color:#6c7272;font:400 .88rem var(--sans);cursor:pointer;transition:color .2s}
.intro-skip:hover{color:#0c2c43}
.intro-skip:focus-visible{outline:2px solid #0c2c43;outline-offset:4px}
.intro-revealing .intro-curtain{animation:crest-curtain-out .86s .08s cubic-bezier(.165,.84,.44,1) both}
.intro-revealing .intro-emblem,.intro-revealing .intro-skip{animation:crest-fade-out .42s ease both}
.intro-revealing #site-surface{animation:crest-page-in .85s .12s cubic-bezier(.165,.84,.44,1) both}
@keyframes crest-curtain-out{from{transform:scaleX(1)}to{transform:scaleX(0)}}
@keyframes crest-fade-out{to{opacity:0;translate:0 -5px}}
@keyframes crest-page-in{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
@media(max-width:680px){.intro-emblem{width:270px;max-width:78vw}.intro-skip{right:23px;bottom:max(18px,env(safe-area-inset-bottom))}}
/* Keep the explicitly requested brand animation on these transitions.
   Other animations on the site still follow the visitor's motion preference. */
@media(prefers-reduced-motion:reduce){
  .intro-full.intro-playing .intro-drawing path{animation:crest-draw var(--draw-duration) cubic-bezier(.4,0,.2,1) var(--draw-delay) both!important}
  .intro-full .intro-original,.intro-full .intro-drawing{transition:opacity .22s ease!important}
  .intro-full.intro-revealing .intro-curtain{animation:crest-curtain-out .86s .08s cubic-bezier(.165,.84,.44,1) both!important}
  .intro-full.intro-revealing .intro-emblem,.intro-full.intro-revealing .intro-skip{animation:crest-fade-out .42s ease both!important}
  .intro-full.intro-revealing #site-surface{animation:crest-page-in .85s .12s cubic-bezier(.165,.84,.44,1) both!important}
}