.splotch-intro{position:fixed;inset:0;z-index:90;overflow:hidden;isolation:isolate;background:#e4eca8;color:#183e35}
.splotch-intro[data-phase=reveal]{mask-image:radial-gradient(circle at var(--ink-x,50%) var(--ink-y,50%),transparent var(--ink-radius,0px),#000 calc(var(--ink-radius,0px) + 1px));-webkit-mask-image:radial-gradient(circle at var(--ink-x,50%) var(--ink-y,50%),transparent var(--ink-radius,0px),#000 calc(var(--ink-radius,0px) + 1px))}
.splotch-canvas{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.splotch-kicker{position:absolute;z-index:1;top:11%;left:24px;right:24px;text-align:center;font-size:.75rem;font-weight:600;line-height:1.6;text-transform:uppercase;letter-spacing:.19em;opacity:var(--ink-label,0)}
.splotch-invitation{position:absolute;z-index:1;bottom:11%;left:24px;right:24px;text-align:center;font-size:clamp(1.35rem,2.3vw,2rem);line-height:1.25;opacity:var(--ink-label,0)}
.splotch-invitation span{font-style:normal}
html.splotch-active{overflow:hidden;scrollbar-gutter:stable;background:#e4eca8}
html.splotch-active .site-shell{position:fixed;inset:0 0 auto;width:auto;transform:none!important}
@media(max-width:600px){.splotch-kicker{top:16%;font-size:.63rem;letter-spacing:.14em}.splotch-invitation{bottom:16%;font-size:1.5rem}.splotch-invitation span{display:block;margin-top:5px}}
@media(prefers-reduced-motion:reduce){.splotch-intro{display:none!important}}