:root{--ink:#12312d;--cream:#fff8e8;--paper:#f3e9d1;--orange:#ef6b3b;--yellow:#f7c84b;--pink:#ed438e;--blue:#70bbc2;--red:#b93d34;--mono:"DM Mono",monospace;--display:"Shrikhand",serif;--sans:"Figtree",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);line-height:1.55}a{color:inherit}.skip{position:fixed;z-index:30;top:8px;left:8px;padding:10px;background:var(--cream);transform:translateY(-150%)}.skip:focus{transform:none}header{position:absolute;z-index:10;top:0;display:flex;width:100%;height:100px;padding:0 6vw;align-items:center;justify-content:space-between;color:var(--cream)}.brand{display:flex;align-items:center;gap:10px;font:500 .67rem/1.2 var(--mono);letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.brand i{width:38px;height:38px;border-radius:50%;background:linear-gradient(var(--yellow) 65%,var(--orange) 65%)}nav{display:flex;gap:28px;font:.65rem var(--mono);text-transform:uppercase}nav a{text-decoration:none}#menu{display:none}.hero{display:grid;min-height:760px;padding:145px 6vw 90px;grid-template-columns:1fr .72fr;gap:7vw;align-items:center;color:var(--cream);background:var(--ink)}.eyebrow{font:.65rem var(--mono);letter-spacing:.12em;text-transform:uppercase}.hero h1,h2{margin:20px 0 30px;font:400 clamp(3.8rem,7vw,7.8rem)/.9 var(--display);letter-spacing:-.02em}em{color:var(--orange);font-style:normal}.lead{max-width:600px;color:#c3d0ca;font-size:1.15rem}.button{display:inline-block;margin-top:18px;padding:15px 19px;color:var(--ink);background:var(--orange);box-shadow:6px 6px var(--yellow);font:.68rem var(--mono);text-decoration:none;text-transform:uppercase}.hero figure{margin:0;padding:12px;background:var(--pink);box-shadow:12px 12px var(--yellow);transform:rotate(1.5deg)}.hero img{display:block;width:100%}.intro,.map,.numbers{display:grid;padding:105px 7vw;grid-template-columns:.55fr 1.45fr;gap:8vw}.intro h2,.map h2,.numbers h2,.section-head h2{font-size:clamp(3.3rem,6vw,6.5rem)}.intro>div>p{max-width:690px;font-size:1.2rem}.anniversary{display:grid;padding:90px 7vw;grid-template-columns:.55fr 1.25fr .55fr;gap:6vw;align-items:center;background:var(--blue)}.anniversary>b{display:grid;aspect-ratio:1;place-items:center;color:var(--cream);background:var(--red);border-radius:50%;font:400 clamp(5rem,10vw,10rem) var(--display)}.anniversary h2{font-size:clamp(3.4rem,6vw,6.6rem)}.anniversary dl div{display:flex;padding:14px 0;align-items:baseline;justify-content:space-between;border-top:1px solid #315e5a}.anniversary dt{font:2.6rem var(--display)}.anniversary dd{margin:0;font:.6rem var(--mono);text-transform:uppercase}.posters,.stages{padding:100px 6vw;color:var(--cream);background:var(--ink)}.section-head{display:grid;grid-template-columns:1.25fr .75fr;gap:8vw;align-items:end}.section-head>p{max-width:450px;color:#b7c7c0}.controls{display:grid;margin-top:50px;grid-template-columns:50px 1fr 50px;gap:12px;align-items:center}.controls>button{width:48px;height:48px;border:1px solid #ffffff55;border-radius:50%;color:var(--cream);background:#ffffff10;font-size:1.3rem}.poster-track{display:flex;overflow-x:auto;padding:25px 4px 35px;gap:18px;scroll-snap-type:x mandatory;scrollbar-width:none}.poster-card{position:relative;flex:0 0 250px;height:350px;padding:0;border:0;background:var(--cream);box-shadow:8px 10px #0004;scroll-snap-align:center;cursor:pointer;transition:.25s}.poster-card:hover,.poster-card.selected{transform:translateY(-14px) rotate(-1deg);outline:4px solid var(--yellow)}.poster-card img{width:100%;height:100%;object-fit:cover}.poster-card .cancel{display:grid;height:100%;place-items:center;color:var(--cream);background:var(--red);font:2.4rem var(--display)}.poster-caption{text-align:center;color:var(--yellow);font:2.7rem var(--display)}.lineup-details{display:grid;max-width:1050px;margin:25px auto 0;padding:25px;grid-template-columns:120px 1fr 1fr;gap:28px;border:1px solid #ffffff33;background:#ffffff0b}.lineup-details h3{margin:0;color:var(--yellow);font:2.6rem var(--display)}.lineup-details small{color:var(--orange);font:.58rem var(--mono);text-transform:uppercase}.lineup-details p{margin:6px 0 0;font-size:.85rem}.milestone{grid-column:1/-1;padding:12px;color:var(--ink);background:var(--yellow);font:.65rem var(--mono);text-transform:uppercase}.map{align-items:center;background:var(--yellow)}.map a{padding:12px;background:var(--cream);box-shadow:10px 12px var(--orange)}.map img{display:block;width:100%}.photos{padding:100px 6vw;background:var(--cream)}.photo-grid{display:grid;margin-top:50px;grid-template-columns:repeat(2,1fr);gap:24px}.photo-grid figure{margin:0}.photo-grid img{display:block;width:100%;height:330px;object-fit:cover;filter:saturate(.9)}figcaption{padding:10px 0;border-top:4px solid var(--yellow);font:.6rem var(--mono);text-transform:uppercase}.stage-grid{display:grid;margin-top:45px;grid-template-columns:repeat(3,1fr);gap:12px}.stage-grid article{padding:10px 10px 20px;border:1px solid #ffffff33;background:#ffffff08}.stage-photo{display:flex;height:150px;align-items:center;justify-content:center;flex-direction:column;border:1px dashed #ffffff55;color:#9cafaa;text-decoration:none;font-size:1.5rem}.stage-photo small{font:.55rem var(--mono);text-transform:uppercase}.stage-photo img{width:100%;height:100%;object-fit:cover}.stage-photo.has{display:block;overflow:hidden;border-style:solid}.stage-grid h3{margin:18px 12px 7px;color:var(--yellow);font:1.5rem/1 var(--display)}.stage-grid p{margin:0 12px;color:#b7c7c0;font-size:.78rem}.note{color:#9cafaa;font:.6rem var(--mono)}.numbers>div{display:grid;grid-template-columns:1fr 1fr;gap:7vw}.numbers dl div{display:grid;padding:18px 0;grid-template-columns:minmax(190px,auto) 1fr;gap:28px;align-items:center;border-top:1px solid #12312d44}.numbers dt{font:3.8rem/1 var(--display);white-space:nowrap}.numbers dd{margin:0;font:.65rem var(--mono);text-transform:uppercase}footer{display:flex;padding:50px 6vw;align-items:center;justify-content:space-between;gap:35px;color:#b7c7c0;background:var(--ink);font:.6rem var(--mono)}footer p{max-width:470px;margin:0}@media(max-width:850px){nav{display:none}nav.open{position:absolute;top:75px;right:20px;display:flex;padding:20px;flex-direction:column;color:var(--ink);background:var(--cream)}#menu{display:block;border:0;color:var(--cream);background:none;font:inherit}.hero,.anniversary,.intro,.map,.numbers,.numbers>div,.section-head{grid-template-columns:1fr}.hero figure{max-width:550px}.stage-grid{grid-template-columns:repeat(2,1fr)}.lineup-details{grid-template-columns:1fr 1fr}.lineup-details h3{grid-column:1/-1}}@media(max-width:560px){header{height:78px}.hero{padding:115px 24px 70px}.intro,.anniversary,.posters,.map,.photos,.stages,.numbers{padding:70px 24px}.anniversary>b{width:170px}.controls{grid-template-columns:38px 1fr 38px}.controls>button{width:38px;height:38px}.poster-card{flex-basis:205px;height:290px}.lineup-details,.photo-grid,.stage-grid{grid-template-columns:1fr}.photo-grid img{height:270px}.numbers dl div{grid-template-columns:1fr;gap:4px}.numbers dd{padding-left:2px}footer{align-items:flex-start;flex-direction:column}}