@import "https://fonts.googleapis.com/css2?family=Anton&family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;700&display=swap";:root{color:#151511;font-synthesis:none;background:#f4f1e9;font-family:Space Grotesk,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}a{color:inherit;text-decoration:none}.shell{grid-template-columns:262px 1fr;min-height:100vh;display:grid}.sidebar{color:#f4f1e9;z-index:2;background:#151511;flex-direction:column;width:262px;padding:34px 28px 24px;display:flex;position:fixed;inset:0 auto 0 0}.wordmark{font:48px/.78 Anton,sans-serif}.wordmark em{color:#deef46;font-size:21px;font-style:normal}nav{text-transform:uppercase;gap:14px;margin-top:78px;font:500 14px DM Mono,monospace;display:grid}nav a{width:fit-content}nav a.active,nav a:hover{color:#deef46}nav span{color:#8a8a7c;margin-top:16px;font-size:11px}.band-nav{padding-left:13px}.sidebar-note{color:#a7a799;margin-top:auto;font:12px/1.45 DM Mono,monospace}.content{grid-column:2;overflow:hidden}.hero{background:#deef46 linear-gradient(135deg,#0000 48%,#15151112 48% 52%,#0000 52%);flex-direction:column;justify-content:center;align-items:flex-start;min-height:100vh;padding:clamp(80px,13vh,150px) 10vw;display:flex}.eyebrow{text-transform:uppercase;align-items:center;gap:8px;font:500 12px DM Mono,monospace;display:flex}h1,h2,p{margin-top:0}.hero h1,.band-intro h1{margin:22px 0;font:clamp(72px,12vw,172px)/.8 Anton,sans-serif}.hero>p:not(.eyebrow){max-width:390px;font-size:20px;line-height:1.35}.arrow-link{border-bottom:2px solid #151511;margin-top:24px;padding-bottom:5px;font-weight:700}.roster{background:#ff5a3d;padding:90px 10vw}.roster>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:30px;display:grid}.band-tile{background:var(--tile-color);color:#151511;flex-direction:column;min-height:250px;padding:28px;transition:transform .18s;display:flex}.band-tile:hover{transform:translateY(-5px)}.band-tile h2{margin:auto 0 10px;font:50px/.9 Anton,sans-serif}.band-tile p{text-transform:uppercase;margin:0;font:12px DM Mono,monospace}.editorial{background:#f4f1e9;min-height:100vh;padding:clamp(100px,16vh,180px) 10vw}.editorial h1{max-width:900px;font:clamp(48px,7vw,100px)/.92 Anton,sans-serif}.editorial>p:not(.eyebrow){max-width:650px;font-size:20px;line-height:1.5}.band-page{--band-color:#deef46;grid-template-columns:minmax(0,1.2fr) minmax(350px,.8fr);min-height:100vh;display:grid}.band-intro{background:var(--band-color);padding:clamp(95px,13vh,150px) 8vw}.band-intro>p:not(.eyebrow){text-transform:uppercase;font:16px DM Mono,monospace}.band-summary{max-width:420px;text-transform:none!important;margin:34px 0!important;font:20px/1.45 Space Grotesk,sans-serif!important}.calendar{color:#f4f1e9;background:#151511;padding:clamp(95px,13vh,150px) 5vw}.calendar h2{margin:22px 0 42px;font:54px/.9 Anton,sans-serif}.calendar ol{margin:0;padding:0;list-style:none}.calendar li{border-top:1px solid #4b4b42;grid-template-columns:72px 1fr;gap:15px;padding:18px 0;display:grid}.calendar time{color:var(--band-color);font:500 15px DM Mono,monospace}.calendar strong,.calendar small{display:block}.calendar small{color:#a7a799;margin-top:5px;font:12px DM Mono,monospace}.subscribe-form{max-width:440px}.subscribe-form label{margin-bottom:8px;font:12px DM Mono,monospace;display:block}.subscribe-form>div{display:flex}.subscribe-form input{background:0 0;border:2px solid #151511;flex:1;min-width:0;padding:13px;font:16px Space Grotesk,sans-serif}.subscribe-form button{color:#fff;cursor:pointer;background:#151511;border:2px solid #151511;padding:0 21px;font:700 14px Space Grotesk,sans-serif}.subscribe-form>p{margin-top:10px;text-transform:none!important;font:12px DM Mono,monospace!important}.merch{background:#74c7c3}.merch-grid{grid-template-columns:repeat(2,minmax(0,280px));gap:28px;display:grid}.merch-grid article h2{margin:14px 0 0;font:32px Anton,sans-serif}.merch-grid article p{font:13px DM Mono,monospace}.product-image{aspect-ratio:1;text-align:center;place-items:center;font:44px/.85 Anton,sans-serif;display:grid}.shirt{color:#deef46;background:#151511}.record{color:#ff5a3d;background:#f4f1e9;border-radius:50%;box-shadow:inset 0 0 0 28px #151511}.menu-button{display:none}.auth-section{gap:10px;margin-top:24px;font:500 13px DM Mono,monospace;display:grid}.auth-user{color:#deef46;word-break:break-word}.auth-button{color:#f4f1e9;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #4b4b42;align-items:center;gap:6px;width:fit-content;padding:8px 12px;font:500 12px DM Mono,monospace;display:flex}.auth-button:hover{color:#deef46;border-color:#deef46}.admin-page{background:#f4f1e9;min-height:100vh;padding:clamp(80px,12vh,140px) 8vw 60px}.admin-page h1{font:clamp(48px,6vw,84px)/.92 Anton,sans-serif}.admin-panel{max-width:640px;margin:0 0 56px}.admin-panel h2{margin-bottom:16px;font:26px Anton,sans-serif}.admin-form{gap:14px;display:grid}.admin-form label{text-transform:uppercase;gap:6px;font:12px DM Mono,monospace;display:grid}.admin-form input,.admin-form select{background:0 0;border:2px solid #151511;padding:11px;font:16px Space Grotesk,sans-serif}.admin-form button{color:#fff;cursor:pointer;background:#151511;border:2px solid #151511;justify-self:start;padding:11px 21px;font:700 14px Space Grotesk,sans-serif}.admin-table{border-collapse:collapse;width:100%;font:14px DM Mono,monospace}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid #d8d4c4;padding:10px 12px}@media (width<=760px){.shell{display:block}.content{min-width:0}.sidebar{width:min(280px,85vw);transition:transform .2s;transform:translate(-100%);box-shadow:0 0 0 100vmax #0000}.sidebar.open{transform:translate(0);box-shadow:0 0 0 100vmax #00000073}.menu-button{z-index:3;color:#f4f1e9;cursor:pointer;background:#151511;border:0;place-items:center;width:44px;height:44px;display:grid;position:fixed;top:16px;right:16px}.hero,.editorial{padding:95px 7vw 64px}.hero{min-height:90vh}.hero h1,.band-intro h1{font-size:clamp(68px,22vw,125px)}.roster{padding:64px 7vw}.roster>div,.merch-grid,.band-page{grid-template-columns:1fr}.band-page{display:block}.band-intro,.calendar{padding:92px 7vw 64px}.calendar h2{font-size:48px}.band-tile{min-height:205px}.merch-grid{gap:44px}.merch-grid article{max-width:310px}}