.z{--orange:#f59e0b;--breath:8s;position:absolute;inset:0;overflow:hidden}.z-breath{aspect-ratio:1;width:min(62svh,38rem);transition:transform 1.2s var(--ease), opacity 1s var(--ease);place-items:center;margin-top:calc(min(62svh,38rem)/-2 + 1.5rem);display:grid;position:absolute;top:50%;right:max(0vw,50vw - 41rem)}.z-ring,.z-disc{border-radius:50%;position:absolute;inset:0}.z-ring{animation:z-breathe var(--breath) ease-in-out infinite;box-shadow:inset 0 0 0 1px #e8c99b}.z-disc{animation:z-breathe var(--breath) ease-in-out infinite;background:radial-gradient(circle,#f59e0b42,#f59e0b1a 60%,#f59e0b05 72%);inset:12%}@keyframes z-breathe{0%,to{transform:scale(.82)}50%{transform:scale(1)}}.z-mark{width:36%;transition:opacity .6s var(--ease);position:relative}.z-mark img{width:100%;height:auto}.z-cue{letter-spacing:.08em;text-transform:uppercase;color:#5c5a63;transition:opacity .6s var(--ease);font-family:Outfit,system-ui,sans-serif;font-size:.95rem;position:absolute;bottom:16%}.z-cue span{white-space:nowrap;animation:z-cue var(--breath) ease-in-out infinite;position:absolute;left:50%;translate:-50%}.z-cue__out{animation-delay:calc(var(--breath) / -2)!important}@keyframes z-cue{0%,45%{opacity:1}50%,95%{opacity:0}to{opacity:1}}.z[data-phase=b] .z-mark,.z[data-phase=b] .z-cue,.z[data-phase=c] .z-mark,.z[data-phase=c] .z-cue{opacity:0}.z[data-phase=b] .z-breath{transform:scale(1.08)}.z-ritual{left:max(var(--gutter), calc((100vw - 76rem) / 2));opacity:0;width:min(40rem,46vw);transition:opacity .7s var(--ease), transform .7s var(--ease);grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;display:grid;position:absolute;bottom:7svh;transform:translateY(16px)}.z[data-phase=a] .z-ritual{opacity:1;transform:none}.z-time__label{color:#5c5a63;font-family:Outfit,system-ui,sans-serif;font-size:.9rem}.z-time__label b{color:#1a1a1a;margin-right:.2em;font-weight:500}.z-time__line{color:#5c5a63;margin-top:.4rem;font-size:.78rem;line-height:1.45}.z-time__dots{flex-wrap:wrap;gap:5px;margin-top:.6rem;display:flex}.z-time__dots i{border-radius:50%;width:9px;height:9px;position:relative;box-shadow:inset 0 0 0 1px #e8c99b}.z-time__dots i:after{content:"";background:var(--orange);opacity:0;transition:opacity .3s ease-out, transform .4s var(--ease);border-radius:50%;position:absolute;inset:0;transform:scale(.3)}.z[data-phase=a] .z-time__dots i:after{opacity:1;transition-delay:calc(var(--d) * .14s + .6s);transform:none}.z-widget{opacity:0;width:min(24rem,36vw);transition:opacity .7s var(--ease), transform .9s var(--ease);position:absolute;top:50%;right:max(4vw,53vw - 38rem);transform:translateY(-40%)scale(.96)}.z-widget img{border-radius:22px;width:100%;height:auto;box-shadow:0 40px 80px -30px #3c280a59}.z[data-phase=c] .z-widget{opacity:1;transition-delay:.25s;transform:translateY(-50%)}.z.is-paused *{animation-play-state:paused!important}@media (width<=899px){.z-breath{opacity:.55;width:88vw;top:50%;right:6vw}.z-ritual,.z-cue,.z-mark,.z-widget{display:none}}
