@charset "UTF-8";
:root{color-scheme:dark;--ink:#080707;--cream:#f7f2df;--muted:#b5aca5}
*{box-sizing:border-box}html{background:var(--ink)}body{margin:0;background:var(--ink);color:var(--cream);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
::selection{background:#6c2434;color:var(--cream)}
.atmosphere{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 118%,#421420 0%,#1b0b10 27%,transparent 65%);opacity:.75;animation:breathe 12s ease-in-out infinite alternate}
.page{position:relative;min-height:100svh;display:grid;grid-template-rows:auto 1fr auto;padding:clamp(24px,4vw,56px);isolation:isolate}
header,footer{display:flex;justify-content:space-between;gap:24px;font-size:.75rem;line-height:1.6;letter-spacing:.13em;color:var(--muted)}header{text-transform:uppercase}footer{letter-spacing:.045em;border-top:1px solid #ffffff19;padding-top:20px}
main{display:grid;place-items:center;min-height:500px;padding:48px 0 64px}.identity{width:100%;text-align:center;animation:arrive 1.6s ease-out both}.edition{font-size:.75rem;letter-spacing:.28em;text-transform:uppercase;color:var(--muted);margin:0 0 32px}
h1{width:min(100%,1000px);aspect-ratio:2.55;margin:0 auto;overflow:hidden;position:relative;mix-blend-mode:screen}h1 img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.announcement{margin-top:48px;display:flex;align-items:center;flex-direction:column;gap:24px}.rule{height:42px;width:1px;background:linear-gradient(transparent,#c4a08b)}.announcement p{margin:0;font-size:1rem;line-height:1.5;letter-spacing:.3em;text-transform:uppercase;padding-left:.3em}
@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes breathe{from{opacity:.4}to{opacity:.85}}
@media(min-width:1500px){h1{width:min(76vw,1200px)}}
@media(max-width:600px){.page{padding:24px 20px}header{font-size:.75rem;letter-spacing:.055em;gap:12px}main{min-height:460px;padding:60px 0}.edition{font-size:.75rem;letter-spacing:.2em;margin-bottom:30px}h1{width:calc(100% + 20px);max-width:none;margin-left:-10px;aspect-ratio:2.25}.announcement{margin-top:36px;gap:22px}.announcement p{font-size:.875rem;letter-spacing:.24em}footer{font-size:.75rem;gap:12px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}