/* Keep the cover visible above a clock that belongs to the slide. */
.release-notice{position:absolute;inset:0;z-index:2;display:flex;align-items:flex-end;justify-content:center;padding:clamp(12px,3vw,28px);background:linear-gradient(180deg,transparent 15%,#14251a22 32%,#14251aea 65%,#14251afa);color:#f4f5e9;pointer-events:none}
.release-notice-content{width:100%;text-align:center;max-width:480px}
.release-notice h2{margin:0 0 clamp(8px,2vw,16px);font-size:clamp(13px,2vw,22px);font-weight:500;line-height:1.3;text-wrap:balance}
.release-clock{display:flex;align-items:flex-start;justify-content:center;gap:clamp(6px,1.6vw,16px);perspective:500px}
.release-unit{min-width:0;flex:0 1 96px}
.release-number{position:relative;overflow:hidden;font-size:clamp(24px,4.8vw,64px);font-weight:600;line-height:1.15;font-variant-numeric:tabular-nums;letter-spacing:-.03em;color:#edf8ba;transform-origin:50% 50%}
.release-number.is-changing{animation:release-tick .4s cubic-bezier(.16,1,.3,1)}
.release-unit-label{display:block;margin-top:3px;color:#d0dccb;font-size:clamp(10px,1.2vw,12px);line-height:1.3}
.release-opens{margin:clamp(10px,2vw,18px) 0 0;font-size:clamp(10px,1.3vw,13px);color:#e0e8d9;line-height:1.4}
.release-status{margin:5px 0 0;font-size:clamp(10px,1.2vw,12px);color:#d0dccb;line-height:1.4;overflow-wrap:anywhere}
.release-notice[data-urgency="soon"] .release-number{color:#ffd39b}
.release-notice[data-state="opening"]{animation:release-open .55s cubic-bezier(.16,1,.3,1) both}
.release-preview{position:absolute;top:8px;left:50%;transform:translateX(-50%);z-index:3;width:max-content;max-width:calc(100% - 16px);margin:0;padding:8px 12px;background:#14251a;color:#f4f5e9;border-radius:4px;font-size:12px;line-height:1.4;text-align:center;pointer-events:none}
.release-locked .page-edge,.release-locked .page-gutter{display:none}
.release-locked .book-half-right{container-type:size}
.release-locked .release-notice ::selection{background:#edf8ba;color:#14251a}
@keyframes release-tick{0%{transform:translateY(-.28em) rotateX(32deg);opacity:.35}100%{transform:translateY(0) rotateX(0);opacity:1}}
@keyframes release-open{0%{opacity:1}100%{opacity:0}}
@media(max-width:700px){.release-number{font-size:clamp(28px,8vw,48px)}.release-notice h2{font-size:16px}.release-notice{padding:14px}.release-preview{font-size:11px}}
@container(max-height:240px){.release-notice{padding:10px;background:linear-gradient(180deg,transparent 12%,#14251a44 32%,#14251a 54%)}.release-notice h2{font-size:12px;margin-bottom:4px}.release-number{font-size:28px}.release-clock{gap:8px}.release-unit-label{font-size:9px;margin-top:2px}.release-opens{font-size:9px;margin-top:7px}.release-status{font-size:9px;margin-top:3px}}
@media(max-height:500px) and (orientation:landscape){.release-notice{padding:8px 16px;background:linear-gradient(180deg,transparent,#14251ad9 55%,#14251afa)}.release-notice h2{font-size:13px;margin-bottom:4px}.release-number{font-size:clamp(24px,8dvh,40px)}.release-unit-label{margin-top:0;font-size:10px}.release-opens{margin-top:5px;font-size:10px}.release-status{font-size:10px;margin-top:2px}}
@media(prefers-reduced-motion:reduce){.release-number.is-changing,.release-notice[data-state="opening"]{animation:none}}