#intro{--s:1;position:fixed;inset:0;z-index:9999;overflow:hidden;animation:iv-hide 0s calc(4.8s*var(--s)) forwards}
.no-intro #intro{display:none}
@keyframes iv-hide{to{visibility:hidden;pointer-events:none}}
.iv-iris{position:absolute;inset:0;width:100%;height:100%}
.iv-bl{fill:#252522;stroke:#4a4944;stroke-width:3;animation:iv-open calc(1.5s*var(--s)) cubic-bezier(.65,0,.35,1) forwards;animation-delay:calc((2.9s + var(--i)*.05s)*var(--s))}
@keyframes iv-open{to{transform:translateY(-1250px)}}
.iv-wm,.iv-ex{position:absolute;left:50%;transform:translateX(-50%);color:#F5F0E7;white-space:nowrap;text-align:center;opacity:0;animation:iv-wm calc(2.8s*var(--s)) calc(.2s*var(--s)) ease forwards}
.iv-wm{top:50%;margin-top:-.6em;font:500 clamp(26px,6vw,64px)/1 "Cormorant Garamond",serif;letter-spacing:.28em}
.iv-ex{top:calc(50% + clamp(34px,5vw,56px));font:400 11px/1 Manrope,sans-serif;letter-spacing:.3em;text-transform:uppercase;color:#cfc7b8}
@keyframes iv-wm{0%{opacity:0;letter-spacing:.55em}39%{opacity:1;letter-spacing:.28em}79%{opacity:1;letter-spacing:.28em}100%{opacity:0;letter-spacing:.28em}}
.iv-fl{position:absolute;inset:0;background:#F5F0E7;opacity:0;pointer-events:none;animation:iv-fl calc(.5s*var(--s)) calc(2.9s*var(--s)) ease-out}
@keyframes iv-fl{0%{opacity:.4}100%{opacity:0}}
.iv-skip{position:absolute;z-index:5;top:calc(20px + env(safe-area-inset-top,0px));right:20px;background:none;border:1px solid rgba(245,240,231,.55);color:#F5F0E7;padding:8px 14px;font:600 11px Manrope,sans-serif;letter-spacing:.18em;text-transform:uppercase;cursor:pointer}
.iv-skip:focus-visible{outline:2px solid #B49A7B;outline-offset:2px}
@media(prefers-reduced-motion:reduce){#intro{display:none}}