.announcement:has(.release-notice) { min-height:32px; height:auto; }
.release-notice { border:0; padding:7px 18px; background:none; color:inherit; font:500 10px/1.35 var(--sans); letter-spacing:.14em; text-transform:uppercase; }
.release-notice::after { content:' ↗'; }
.release-notice:focus-visible { outline:1px solid #fff; outline-offset:-3px; }
.release-dialog { width:min(1020px,calc(100vw - 40px)); max-width:none; max-height:calc(100dvh - 40px); overflow:auto; padding:0; border:1px solid #bcb99b55; margin:auto; background:#203b30; color:#f7f5ef; box-shadow:0 32px 120px #0b211f55; }
.release-dialog:not([open]) { display:none; }
.release-dialog[open] { animation:release-arrive .45s ease-out both; }
.release-dialog::backdrop { background:rgba(17,30,24,.72); backdrop-filter:blur(3px); }
.release-layout { position:relative; display:grid; grid-template-columns:38% 1fr; }
.release-photo { position:relative; margin:0; min-width:0; overflow:hidden; background:#bcb39c; }
.release-photo::after { position:absolute; inset:0; content:''; background:linear-gradient(#1b2f2126,transparent 32%,#15291bbf); }
.release-photo img { width:100%; height:100%; position:absolute; inset:0; object-fit:cover; object-position:52% 40%; }
.release-masthead { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-bottom:25px; }
.release-signature { flex:none; text-align:center; color:#f7f5ef; font:400 38px/1 var(--serif); letter-spacing:-.025em; }
.release-signature span { display:block; margin-top:8px; font:500 7px/1 var(--sans); letter-spacing:.4em; }
.release-photo figcaption { position:absolute; z-index:1; inset:auto 0 0; padding:34px; color:#fff; }
.release-photo figcaption small { display:block; margin-bottom:14px; font:500 9px/1.5 var(--sans); letter-spacing:.2em; }
.release-photo figcaption strong { font:400 44px/1.02 var(--serif); letter-spacing:-.025em; }
.release-copy { padding:48px 42px 38px; text-align:left; }
.release-kicker { display:flex; align-items:center; gap:12px; margin:0; color:#d6c8a4; font:500 9px/1.5 var(--sans); letter-spacing:.2em; text-transform:uppercase; }
.release-line { width:30px; height:1px; background:#bba77d; }
.release-copy h2 { color:#f7f5ef; font:400 clamp(50px,6vw,84px)/.93 var(--serif); letter-spacing:-.035em; margin:0; }
.release-copy h2 em { color:#d6c8a4; font-weight:400; }
.release-collections { margin:19px 0 22px; font:400 26px/1.2 var(--serif); letter-spacing:.01em; }
.release-date { padding-top:20px; border-top:1px solid #f7f5ef35; margin:0 0 24px; color:#e4e8df; font:400 13px/1.5 var(--sans); }
.release-date strong { display:block; margin-top:5px; color:#d6c8a4; font:600 10px/1.5 var(--sans); letter-spacing:.2em; }
.release-clock { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding:0; margin:0 0 28px; text-align:center; }
.release-clock > div { padding:8px 2px; }
.release-clock > div + div { border-left:1px solid #f7f5ef35; }
.release-clock b { display:block; font:400 54px/1 var(--serif); font-variant-numeric:tabular-nums; }
.release-clock small { display:block; margin-top:8px; color:#c6d0c8; font:500 8px/1.5 var(--sans); letter-spacing:.14em; text-transform:uppercase; }
.release-clock .release-seconds b { color:#d6c8a4; }
.release-browse { display:flex; align-items:center; justify-content:space-between; gap:18px; min-height:48px; padding:14px 20px; background:#f7f5ef; color:#203b30; font:600 13px/1.4 var(--sans); text-decoration:none; transition:background .2s; }
.release-browse:hover { background:#e0d4b7; }
.release-browse:focus-visible,.release-close:focus-visible { outline:2px solid #d6c8a4; outline-offset:3px; }
.release-close { position:absolute; z-index:2; right:6px; top:6px; width:44px; height:44px; border:0; background:transparent; color:#f7f5ef; font:400 26px/1 Arial,sans-serif; }
@keyframes release-arrive { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:translateY(0); } }
@media(max-width:700px) {
  .release-dialog { width:calc(100vw - 28px); max-height:calc(100dvh - 28px); }
  .release-layout { display:block; }
  .release-photo { display:none; }
  .release-copy { padding:42px 24px 25px; }
  .release-masthead { gap:12px; margin-bottom:22px; }
  .release-signature { font-size:34px; }
  .release-signature span { font-size:6px; }
  .release-kicker { font-size:8px; letter-spacing:.12em; gap:8px; }
  .release-line { width:18px; }
  .release-copy h2 { font-size:clamp(49px,12vw,70px); }
  .release-collections { margin:18px 0; font-size:25px; }
  .release-date { margin-bottom:18px; padding-top:18px; }
  .release-clock { margin-bottom:23px; }
  .release-clock b { font-size:clamp(33px,8.7vw,49px); }
  .release-clock small { font-size:7px; letter-spacing:.09em; }
}
@media(prefers-reduced-motion:reduce) {
  .release-dialog[open] { animation:none; }
  .release-browse { transition:none; }
}