/* A quiet greeting with a curved curtain. Every optional overlay fails open. */
html[data-opening=armed]::before{content:"";position:fixed;inset:0;z-index:1000;background:#191a1c;pointer-events:none;animation:opening-safety 1ms 4600ms forwards}
.opening-screen{position:fixed;inset:0;z-index:1000;overflow:hidden;pointer-events:auto;animation:opening-safety 1ms 4600ms forwards}
.opening-screen[hidden],.opening-skip[hidden]{display:none!important}
.opening-curtain{position:absolute;inset:-15vh -10vw 0;background:#191a1c;border-radius:0;will-change:transform,border-radius}
.opening-center{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}
.opening-word{display:flex;align-items:center;gap:16px;font-family:var(--font);font-size:clamp(42px,6vw,88px);font-weight:400;line-height:1.3;letter-spacing:-.05em;color:#f6f5f1}
.greeting-dot{width:9px;height:9px;background:#aebfe8;border-radius:50%;margin-right:5px}
.opening-period{color:#aebfe8;margin-left:-16px}
.opening-bottom{position:absolute;left:48px;right:48px;bottom:36px;display:flex;justify-content:space-between;color:#a9aaa9;font-size:9px;letter-spacing:.09em}
.opening-skip{position:fixed;top:30px;right:48px;z-index:1001;color:#bfc4c9;background:none;border:0;padding:10px 0;min-height:44px;display:flex;gap:14px;font-size:11px;cursor:pointer;animation:opening-safety 1ms 4600ms forwards}
.opening-skip:hover{color:#fff}.opening-skip:focus-visible{outline:1px solid #f6f5f1;outline-offset:6px}
@keyframes opening-safety{to{opacity:0;visibility:hidden}}
@media(max-width:700px){.opening-skip{right:22px;top:18px}.opening-bottom{left:22px;right:22px;bottom:26px;font-size:7px;letter-spacing:0}.opening-word{gap:12px}.opening-period{margin-left:-12px}.greeting-dot{width:6px;height:6px}}
@media(prefers-reduced-motion:reduce){html[data-opening]::before,.opening-screen,.opening-skip{display:none!important}}