.site-intro{display:none}
html.intro-active{overflow:hidden}
html.intro-active .site-intro{position:fixed;inset:0;z-index:2147483000;display:grid;align-content:center;gap:clamp(24px,5vh,64px);min-height:100svh;overflow:auto;padding:clamp(24px,5vw,88px);background:#E96794;color:#171717;cursor:pointer;opacity:1;transition:opacity 1.8s ease-in-out}
html.intro-active.intro-leaving .site-intro{opacity:0}
.site-intro blockquote{margin:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:clamp(32px,9vw,156px);font-weight:500;line-height:1;letter-spacing:-.055em}
.site-intro blockquote span{display:block}
.site-intro cite{display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.45;font-style:normal;letter-spacing:0}
.site-intro cite a{color:inherit;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:3px;cursor:pointer}
.site-intro cite a:hover{border-bottom-width:2px}
.site-intro a:focus-visible{outline:2px solid currentColor;outline-offset:6px}
.intro-skip{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.intro-skip:focus{top:20px;right:20px;clip-path:none;overflow:visible;width:auto;height:auto;margin:0;padding:12px 16px;background:#171717;color:white;font:14px/1.3 "Helvetica Neue",Helvetica,Arial,sans-serif;cursor:pointer}
@media(max-height:450px) and (orientation:landscape){html.intro-active .site-intro{gap:16px;padding:20px 5vw}.site-intro blockquote{font-size:min(8vw,16vh)}}
@media print{html.intro-active{overflow:visible}html.intro-active .site-intro{display:none!important}}

@media(prefers-reduced-motion:reduce){html.intro-active .site-intro{transition:none}}