:root{--text:#d8d6d2;--muted:#8a8883;--line:#2a2a2a;--hover:#7a7873;--cover:min(340px,78vw)}
*{box-sizing:border-box}
html{background:#000}
body{position:relative;margin:0;min-height:100vh;color:var(--text);font:20px/1.7 "Times New Roman",Times,"Liberation Serif",serif}
.bg{position:fixed;inset:0;z-index:-1;background:#000 url(images/background.jpg) center top/100% auto no-repeat}
.bg::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.4)}
@media (max-aspect-ratio:1/1){.bg{background-size:auto 75vh}}
a{color:var(--text);text-underline-offset:4px;outline:none}
a:hover,a:focus-visible{color:var(--hover)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{max-width:1700px;min-height:100vh;margin:0 auto;display:flex;flex-direction:column;text-align:center}
header{padding:clamp(80px,12vh,150px) 20px 0}
.social{display:flex;justify-content:center;gap:26px;margin-bottom:22px}
.social a{display:block;color:var(--muted)}
.social svg{display:block;width:26px;height:26px}
.logo{display:inline-block}
.logo img{display:block;width:min(420px,66vw);height:auto}
nav{position:relative;z-index:2;display:flex;justify-content:center;flex-wrap:wrap;gap:8px 48px;padding:34px 20px 0}
nav a{font-size:1.65rem;text-transform:uppercase;text-decoration:none;color:#b9b7b2;letter-spacing:.14em;text-shadow:0 1px 2px #000,0 0 9px rgba(0,0,0,.9)}
nav a[aria-current="page"]{color:#fff}
nav a:hover,nav a:focus-visible{color:var(--hover)}
.content{flex:1;position:relative;isolation:isolate;display:flex;flex-direction:column}
.content::before{content:"";position:absolute;inset:-90px 0 0 0;z-index:-1;pointer-events:none;background:linear-gradient(to right,rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.032) 5%,rgba(0,0,0,0.073) 10%,rgba(0,0,0,0.125) 15%,rgba(0,0,0,0.186) 20%,rgba(0,0,0,0.253) 25%,rgba(0,0,0,0.321) 30%,rgba(0,0,0,0.384) 35%,rgba(0,0,0,0.435) 40%,rgba(0,0,0,0.468) 45%,rgba(0,0,0,0.48) 50%,rgba(0,0,0,0.468) 55%,rgba(0,0,0,0.435) 60%,rgba(0,0,0,0.384) 65%,rgba(0,0,0,0.321) 70%,rgba(0,0,0,0.253) 75%,rgba(0,0,0,0.186) 80%,rgba(0,0,0,0.125) 85%,rgba(0,0,0,0.073) 90%,rgba(0,0,0,0.032) 95%,rgba(0,0,0,0.0) 100%);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,0.0) 0px,rgba(0,0,0,0.001) 16px,rgba(0,0,0,0.009) 33px,rgba(0,0,0,0.027) 50px,rgba(0,0,0,0.058) 66px,rgba(0,0,0,0.104) 82px,rgba(0,0,0,0.163) 99px,rgba(0,0,0,0.235) 116px,rgba(0,0,0,0.317) 132px,rgba(0,0,0,0.407) 148px,rgba(0,0,0,0.5) 165px,rgba(0,0,0,0.593) 182px,rgba(0,0,0,0.683) 198px,rgba(0,0,0,0.765) 214px,rgba(0,0,0,0.837) 231px,rgba(0,0,0,0.896) 248px,rgba(0,0,0,0.942) 264px,rgba(0,0,0,0.973) 280px,rgba(0,0,0,0.991) 297px,rgba(0,0,0,0.999) 314px,rgba(0,0,0,1.0) 330px);mask-image:linear-gradient(to bottom,rgba(0,0,0,0.0) 0px,rgba(0,0,0,0.001) 16px,rgba(0,0,0,0.009) 33px,rgba(0,0,0,0.027) 50px,rgba(0,0,0,0.058) 66px,rgba(0,0,0,0.104) 82px,rgba(0,0,0,0.163) 99px,rgba(0,0,0,0.235) 116px,rgba(0,0,0,0.317) 132px,rgba(0,0,0,0.407) 148px,rgba(0,0,0,0.5) 165px,rgba(0,0,0,0.593) 182px,rgba(0,0,0,0.683) 198px,rgba(0,0,0,0.765) 214px,rgba(0,0,0,0.837) 231px,rgba(0,0,0,0.896) 248px,rgba(0,0,0,0.942) 264px,rgba(0,0,0,0.973) 280px,rgba(0,0,0,0.991) 297px,rgba(0,0,0,0.999) 314px,rgba(0,0,0,1.0) 330px)}
main{flex:1;width:100%;max-width:900px;margin:0 auto;padding:110px 24px 56px}
h2{font-weight:400;letter-spacing:.15em;font-size:1.6rem;margin:0 0 20px}
h2:not(:first-child){margin-top:96px}
.rule{border:0;border-top:1px solid rgba(216,214,210,.22);margin:88px 0 0;width:100%}
.rule + h2{margin-top:56px}
h3{font-weight:400;letter-spacing:.2em;font-size:1.2rem;color:var(--muted);margin:32px 0 16px}
.meta{color:var(--muted)}
.past p{margin:0 0 6px;color:var(--muted)}
.up{margin:0 0 6px}
.up .date{color:var(--muted)}
.bar{display:inline-block;height:.95em;vertical-align:-.12em;background:#77756f}
.reveal{position:relative;display:inline-block;width:2ch;height:.95em;vertical-align:-.12em}
.reveal .digits{position:absolute;inset:0;text-align:center;line-height:.95em}
.reveal .bar{position:absolute;inset:0;width:100%;height:100%;vertical-align:baseline}
.r05 .bar{animation:censor05 60s infinite}
.r09 .bar{animation:censor09 60s infinite}
@keyframes censor09{0%,25%{opacity:1}25.2%{opacity:0}25.7%{opacity:1}26.2%{opacity:0}28.4%{opacity:0}28.6%{opacity:1}28.8%{opacity:0}29%,100%{opacity:1}}
@keyframes censor05{0%,8%{opacity:1}8.3%{opacity:0}8.5%{opacity:1}8.7%{opacity:0}9%{opacity:1}9.4%{opacity:0}10.6%{opacity:0}10.8%{opacity:1}100%{opacity:1}}
@media (prefers-reduced-motion:reduce){.r05 .bar,.r09 .bar{animation:none}}
.discs{display:flex;flex-direction:column;align-items:center;gap:64px;margin-top:40px}
.disc{display:flex;flex-direction:column;align-items:center;gap:4px;text-decoration:none;line-height:1.35}
.disc img{display:block;width:var(--cover);height:var(--cover);object-fit:cover;background:#111;border:1px solid var(--line);margin-bottom:12px}
.disc:hover img,.disc:focus-visible img{border-color:var(--hover)}
.disc .title{font-size:1.3rem;letter-spacing:.06em}
.disc .meta{display:block}
form{max-width:520px;margin:0 auto}
label{display:block;margin:20px 0 6px;color:var(--muted)}
input,textarea{width:100%;background:#0a0a0a;color:var(--text);border:1px solid #3a3a3a;padding:12px;font:inherit;text-align:left}
input:focus,textarea:focus{outline:1px solid #888}
button{margin-top:22px;background:none;color:var(--text);border:1px solid var(--muted);padding:10px 28px;font:inherit;cursor:pointer}
button:hover,button:focus-visible{color:var(--hover);border-color:var(--hover)}
footer{margin-top:auto;color:var(--muted);padding:56px 20px 36px;font-size:.95rem}
footer a{color:var(--muted)}
.credit{display:block;margin-top:8px;font-size:.82rem;color:#6b6964}
@media(max-width:560px){nav a{font-size:1.35rem}nav{gap:6px 28px}main{padding:56px 20px 24px}}

.legal{max-width:680px;margin:0 auto;text-align:left}
.legal h3{margin:36px 0 10px;text-align:left}
.legal p{margin:0 0 14px}
.todo{border-bottom:1px dashed var(--muted)}