html{scrollbar-gutter:stable}
html.intro-pending{overflow:hidden}
.intro-pending body>.header,.intro-pending body>main,.intro-pending body>footer,.intro-pending .mobile-call,.intro-pending .motion-toggle,.intro-pending .motion-progress{opacity:0}
.intro-pending.intro-revealing body>.header,.intro-pending.intro-revealing body>main,.intro-pending.intro-revealing body>footer,.intro-pending.intro-revealing .mobile-call,.intro-pending.intro-revealing .motion-toggle{opacity:1;transition:opacity .85s ease}
.intro-pending.intro-revealing .hero-art{visibility:hidden}
.intro-stage{position:fixed;inset:0;z-index:50;pointer-events:none}
.intro-panel{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;background:white url('assets/hero-background.webp') center/cover;box-shadow:0 24px 100px #5d438d0c;will-change:width,height,left,top}
.intro-logo{position:absolute;object-fit:contain;max-width:none;will-change:left,top,width,height}
.intro-caption{position:absolute;left:20px;right:20px;bottom:8%;text-align:center;color:var(--purple);font-size:11px;letter-spacing:3px;text-transform:uppercase}
.intro-skip{position:fixed;right:24px;top:24px;z-index:51;pointer-events:auto;background:#fffffff0;border:1px solid #d9cce9;border-radius:24px;color:var(--deep);font-size:12px;padding:11px 18px;cursor:pointer}
@media(max-width:700px){.intro-caption{font-size:9px;letter-spacing:1.8px;bottom:12%}.intro-skip{right:16px;top:16px}}
@media(prefers-reduced-motion:reduce){.intro-stage{display:none!important}.intro-pending body>.header,.intro-pending body>main,.intro-pending body>footer,.intro-pending .mobile-call,.intro-pending .motion-toggle{opacity:1!important}.intro-pending .hero-art{visibility:visible!important}html.intro-pending{overflow:auto}}