@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;700&display=swap');
:root{--ink:#09091b;--paper:#fff5e8;--pink:#ff4fa3;--aqua:#41f4ed;--muted:#bbb0c8;--line:rgba(255,245,232,.22)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:"Space Grotesk",Arial,sans-serif}a{color:inherit}button{font:inherit}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:1rem;top:1rem;z-index:5;background:var(--aqua);color:var(--ink);padding:.7rem}.site-header{height:78px;display:flex;justify-content:space-between;align-items:center;padding:0 clamp(1.25rem,5vw,5rem);border-bottom:1px solid var(--line)}.wordmark{font-weight:700;text-decoration:none;font-size:1.1rem;letter-spacing:-.06em}.wordmark i{color:var(--pink);font-style:normal}.about-link,.eyebrow,small{font-family:"DM Mono",monospace;font-size:.69rem;letter-spacing:.08em}
.hero{min-height:calc(100vh - 78px);padding:clamp(3rem,9vw,8rem) clamp(1.25rem,8vw,11rem) 3rem;display:flex;flex-direction:column;justify-content:center;position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(155deg,#10143d 0%,#201151 42%,#55185d 68%,#f05b74 130%)}.hero:before{content:"";position:absolute;z-index:-1;width:min(68vw,790px);aspect-ratio:1;right:-12vw;bottom:-33vw;border-radius:50%;background:repeating-linear-gradient(to bottom,transparent 0 10%,rgba(255,215,127,.9) 10.5% 12%,transparent 12.5% 15%),linear-gradient(#ffcf75,#ff7b87);box-shadow:0 0 90px rgba(255,116,149,.58)}.hero:after{content:"";position:absolute;z-index:-1;left:0;right:0;bottom:0;height:35%;opacity:.72;background:linear-gradient(transparent 0 31%,rgba(65,244,237,.3) 32% 33%,transparent 34%),repeating-linear-gradient(90deg,transparent 0 8%,rgba(65,244,237,.25) 8.5% 9%,transparent 9.5% 17%);background-size:100% 100%,100% 27px;transform:perspective(350px) rotateX(52deg) scale(1.35);transform-origin:bottom}.eyebrow{color:var(--aqua);margin:0 0 1.2rem;text-shadow:0 0 14px rgba(65,244,237,.7)}h1,h2{margin:0;letter-spacing:-.075em;line-height:.88}h1{font-size:clamp(3.2rem,9.4vw,9.5rem);max-width:1000px;text-shadow:0 5px 0 rgba(12,4,35,.18)}h1 span{color:var(--pink);text-shadow:0 0 24px rgba(255,79,163,.68)}.hero-copy{color:#f8d6ed;font-size:clamp(1.05rem,1.8vw,1.4rem);margin:2rem 0 3rem;max-width:550px}.countdown-wrap{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:1.2rem 0;max-width:700px}.countdown{display:flex;gap:clamp(.8rem,3vw,2.2rem)}.countdown div{display:grid;gap:.2rem}.countdown b{font-size:clamp(1.6rem,4.3vw,3.4rem);letter-spacing:-.08em}small,.countdown-note{color:var(--muted)}.countdown-note{font:.67rem "DM Mono",monospace;margin:1rem 0 0}.scroll-cue{margin-top:clamp(3rem,8vh,7rem);color:var(--aqua);font:.7rem "DM Mono",monospace;letter-spacing:.08em;text-decoration:none;text-shadow:0 0 14px rgba(65,244,237,.7)}.scroll-cue span{font-size:1.25rem;margin-left:.5rem}
.timeline-section{background:linear-gradient(135deg,#fff5e8,#ffe9ef);color:var(--ink);padding:clamp(4rem,8vw,8rem) clamp(1.25rem,8vw,11rem)}.timeline-intro{max-width:600px;margin-bottom:4rem}.timeline-intro .eyebrow{color:#bd1668;text-shadow:none}h2{font-size:clamp(2.8rem,6.5vw,6.3rem)}.timeline-intro p:last-child,.about p{line-height:1.5;color:#58554e;max-width:44rem}.event-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.event-card{display:flex;flex-direction:column;gap:1rem;min-height:330px;padding:1.35rem;background:#fff9f1;border:1px solid #c6c1b7;box-shadow:5px 5px 0 rgba(91,37,120,.09);overflow:hidden}.event-date,.badge{font:.68rem "DM Mono",monospace;letter-spacing:.06em}.event-date{color:#67635b}.event-title{font-size:clamp(1.55rem,2.5vw,2.4rem);font-weight:700;letter-spacing:-.065em;line-height:.96;margin:0 0 .85rem}.event-summary{margin:0;line-height:1.45;color:#59564f}.badge{display:inline-block;margin-top:1.1rem;background:var(--pink);color:white;padding:.35rem .45rem}.event-actions{margin-top:auto;align-self:flex-start}.icon-button,.button{cursor:pointer;border:1px solid var(--ink);background:transparent;color:var(--ink);padding:.7rem .85rem;text-decoration:none;font-size:.78rem;font-weight:700}.icon-button:hover,.icon-button:focus,.button--light:hover{background:var(--aqua)}.outro{padding:clamp(5rem,12vw,12rem) clamp(1.25rem,8vw,11rem);background:radial-gradient(circle at 70% 45%,#5d2496,#170a35 50%,#09091b 100%)}.outro h2{color:var(--aqua);text-shadow:0 0 28px rgba(65,244,237,.5);max-width:760px}.button{margin-top:2.5rem}.button--light{color:var(--ink);background:#fff5e8;border-color:#fff5e8}.about{background:#160b31;padding:clamp(4rem,8vw,7rem) clamp(1.25rem,8vw,11rem)}.about h2{margin-bottom:1.7rem}.about p{color:#d8cbe2}.about a{color:var(--aqua)}footer{background:#09091b;padding:2rem clamp(1.25rem,8vw,11rem);color:var(--muted);font:.67rem/1.5 "DM Mono",monospace}footer p:first-child{max-width:850px}footer a{color:var(--paper)}
.collection-status{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:.8rem;margin-top:2rem;font:.68rem "DM Mono",monospace;letter-spacing:.06em}.collection-status b{color:#bd1668}.collection-status i{height:8px;background:#e3d9d4;border-radius:99px;overflow:hidden}.collection-status em{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--pink),var(--aqua));transition:width .35s ease}.event-card{position:relative;min-height:210px}.scratch-card{position:absolute;inset:0;z-index:2;width:100%;height:100%;touch-action:none;cursor:crosshair}.event-card.is-unlocked .scratch-card{display:none}.unlock-hint{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;text-align:center;color:white;text-shadow:0 2px 8px #30002a;font:.72rem "DM Mono",monospace;letter-spacing:.08em;transition:opacity .15s}.event-card.is-scratching .unlock-hint,.event-card.is-unlocked .unlock-hint{opacity:0}.unlock-hint b{display:block;font:700 clamp(1.1rem,2vw,1.7rem) "Space Grotesk",sans-serif;letter-spacing:-.06em;margin-top:.45rem}.event-card.is-unlocked{animation:unseal .5s ease-out}@keyframes unseal{0%{transform:scale(.985);filter:saturate(.4)}70%{transform:scale(1.01)}100%{transform:scale(1)}}
@media(max-width:900px){.event-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.event-list{grid-template-columns:1fr}.event-card{min-height:300px}.collection-status{grid-template-columns:1fr auto}.collection-status i{grid-column:1 / -1}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.event-card.is-unlocked{animation:none}}
