.offbeat-page{--paper:#f5f2e8;--ink:#182744;--accent:#254bdd;--muted:#69717e;--pink:#f5a2bb;--mint:#c4e4cf}.offbeat-page .wrap{width:min(1240px,calc(100% - 72px))}.offbeat-logo{font-size:35px;font-weight:900;letter-spacing:-.065em}.logo-star{display:inline-block;color:var(--accent);margin-left:4px}.offbeat-page .header-outer{border-bottom:1px solid #18274425}.offbeat-page .btn{border-radius:100px;font-weight:750;gap:18px}.offbeat-page .nav .btn{padding:10px 19px;min-height:42px}.offbeat-page #nav-plan-count{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#ffffff30;font-size:11px}.festival-hero{padding-top:25px}.hero-meta{display:flex;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:.15em;color:var(--muted)}.festival-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;min-height:670px;padding:45px 0}.festival-hero-copy .eyebrow{color:var(--accent);margin-bottom:22px}.festival-hero-copy h1{font-size:clamp(47px,5.7vw,78px);font-weight:800;line-height:1.14;letter-spacing:-.07em}.festival-hero-copy h1 em{font-style:normal;color:var(--accent);position:relative;display:inline-block}.festival-hero-copy h1 em:after{content:'';height:5px;background:var(--pink);position:absolute;left:0;right:0;bottom:3px;z-index:-1;transform:rotate(-3deg)}.festival-intro{margin:28px 0;color:var(--muted);font-size:15px}.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.text-link{font-size:13px;font-weight:700;border-bottom:1px solid #18274460;padding-bottom:3px}.concept-label{font-size:10px;color:var(--muted);margin-top:24px}.record-scene{position:relative;min-height:520px;display:grid;place-items:center}.record-sleeve{position:absolute;left:0;top:55px;bottom:65px;width:78%;background:var(--pink);border:1px solid #18274420;transform:rotate(-8deg);border-radius:5px;box-shadow:0 12px 20px #1827440c;display:flex;align-items:center;padding:35px;overflow:hidden}.record-sleeve:before{content:'';position:absolute;width:220px;height:220px;right:-100px;bottom:-30px;border:28px solid var(--paper);border-radius:50%}.record-sleeve>span{font-size:90px;line-height:.85;font-weight:950;color:#b13e68;letter-spacing:-.07em}.record-button{--disc-rotation:0deg;position:relative;background:transparent;border:0;padding:0;width:min(380px,80%);aspect-ratio:1;justify-self:end;cursor:pointer;z-index:2;border-radius:50%;transition:transform .3s}.record-button:hover{transform:translateY(-6px) rotate(4deg)}.record-button:active{transform:scale(.97)}.record-disc{width:100%;height:100%;display:grid;place-items:center;border-radius:50%;background:repeating-radial-gradient(circle,#182744 0 2px,#243554 3px 4px);box-shadow:12px 15px 25px #18274425;animation:record-spin 12s linear infinite;animation-play-state:paused}.record-button[aria-pressed=true] .record-disc{animation-play-state:running}.record-center{width:34%;height:34%;background:var(--mint);color:#1d5841;border:8px solid #12233d;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:55px;font-weight:900;letter-spacing:-.07em;line-height:1}.record-center span{font-size:9px;font-weight:600;letter-spacing:.12em;margin-top:10px}.record-sticker{position:absolute;right:10px;top:15px;border:1px solid var(--ink);background:var(--paper);padding:16px 20px;font-size:11px;font-weight:750;line-height:1.2;transform:rotate(9deg);z-index:3}.record-hint{position:absolute;bottom:2px;right:0;font-size:12px;transform:rotate(-3deg);color:var(--ink)}.record-hint>span{font-size:24px}.record-hint small{display:block;font-size:10px;color:var(--muted);margin-left:30px}.hero-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #18274430;padding:24px 0 30px;gap:20px}.hero-bottom p{font-size:12px;color:var(--muted)}.hero-bottom strong{color:var(--ink);font-size:15px}.hero-pill{border:1px solid #18274435;border-radius:100px;padding:8px 18px;font-size:10px;letter-spacing:.08em}.scroll-cue{display:grid;place-items:center;border:1px solid var(--ink);border-radius:50%;width:42px;height:42px;font-size:25px}.festival-ribbon{background:var(--accent);color:white;overflow:hidden;padding:17px 0}.festival-ribbon>div{width:max-content;font-weight:700;font-size:22px;letter-spacing:.13em;animation:ribbon-flow 35s linear infinite}.festival-section{padding:90px 0}.festival-section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.festival-section-head .eyebrow{color:var(--accent);margin-bottom:16px}.festival-section-head h2{font-weight:800;font-size:clamp(30px,3.6vw,49px)}.festival-section-head>p{font-size:13px;color:var(--muted)}.lineup-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:25px}.genre-filters{display:flex;flex-wrap:wrap;gap:7px}.genre-filters button{min-height:40px;padding:7px 18px;border:1px solid #18274440;border-radius:30px;background:transparent}.genre-filters button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}#lineup-count{font-size:11px;color:var(--muted);white-space:nowrap}.artist-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 18px}.artist-card{min-width:0;position:relative}.artist-open{display:block;width:100%;padding:0;text-align:left;background:none;border:0}.artist-art{height:225px;position:relative;display:grid;place-items:center;overflow:hidden;background:var(--artist-color);border-radius:110px 110px 5px 5px;transition:border-radius .3s,transform .3s;color:var(--artist-ink)}.artist-open:hover .artist-art{border-radius:12px;transform:translateY(-4px)}.artist-art:before,.artist-art:after{content:'';position:absolute;pointer-events:none}.art-wave:before{width:200px;height:200px;border:25px solid currentColor;border-radius:50%;left:-70px;bottom:-80px;opacity:.22}.art-wave:after{width:200px;height:200px;border:25px solid currentColor;border-radius:50%;right:-65px;top:-80px;opacity:.22}.art-orbit:before{width:190px;height:100px;border:13px solid currentColor;border-radius:50%;transform:rotate(-40deg);opacity:.25}.art-orbit:after{width:190px;height:100px;border:13px solid currentColor;border-radius:50%;transform:rotate(40deg);opacity:.25}.art-star:before{width:190px;height:190px;background:currentColor;clip-path:polygon(50% 0,60% 35%,90% 10%,65% 40%,100% 50%,65% 60%,90% 90%,60% 65%,50% 100%,40% 65%,10% 90%,35% 60%,0 50%,35% 40%,10% 10%,40% 35%);opacity:.25}.artist-monogram{font-size:68px;font-weight:900;line-height:1;letter-spacing:-.065em;z-index:1}.artist-number{position:absolute;left:18px;bottom:16px;font-size:10px;letter-spacing:.12em}.artist-open h3{font-size:21px;margin:16px 35px 6px 0;font-weight:750}.artist-open p{font-size:10px;color:var(--muted);letter-spacing:.1em}.artist-save{position:absolute;bottom:0;right:0;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid #18274435;background:var(--paper);color:var(--ink);font-size:18px}.artist-save[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:white}.timetable-section{background:#e7edee}.timetable-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.festival-days{display:flex;gap:7px}.festival-days button{border:1px solid #18274440;padding:10px 19px;background:transparent;font-size:14px;font-weight:750;border-radius:8px}.festival-days button span{font-size:11px;margin-left:7px;font-weight:500}.festival-days button[aria-pressed=true]{background:var(--accent);color:white;border-color:var(--accent)}.timetable-controls>p{display:flex;align-items:center;gap:6px;font-size:10px;flex-wrap:wrap}.stage-dot{width:9px;height:9px;border-radius:50%;display:inline-block}.stage-dot.garden{background:#559c71}.stage-dot.orbit{background:#b5719c;margin-left:12px}.festival-timetable{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.stage-column{border:1px solid #18274430;border-radius:12px;background:#f8faf7;padding:22px;min-width:0}.stage-column h3{font-size:14px;letter-spacing:.05em;margin-bottom:20px;display:flex;align-items:center;gap:8px}.show-card{border:1px solid #18274425;border-left:4px solid #71ac86;border-radius:7px;padding:18px;background:#edf5ed;margin-bottom:12px}.orbit-column .show-card{border-left-color:#bc82a5;background:#f8edf3}.show-card:last-child{margin-bottom:0}.show-card.selected{outline:2px solid var(--accent);outline-offset:0}.show-header{display:flex;justify-content:space-between;gap:12px;align-items:start}.show-header strong{font-size:20px}.show-header time{font-size:11px;color:var(--muted);white-space:nowrap}.show-card>p{font-size:11px;color:var(--muted);margin:6px 0 14px}.show-actions{display:flex;justify-content:space-between;align-items:center;gap:12px}.artist-detail-link{padding:0;background:none;border:0;font-size:11px;text-decoration:underline;text-underline-offset:3px}.show-toggle{border-radius:30px;border:1px solid #18274450;background:transparent;font-size:11px;min-height:34px;padding:5px 12px}.show-toggle[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:white}.plan-panel{background:var(--paper);border:1px solid #18274435;border-radius:14px;padding:30px;margin-top:30px}.plan-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px}.plan-heading .eyebrow{color:var(--accent);font-size:9px;margin-bottom:8px}.plan-heading h3{font-size:28px}.plan-heading h3 span{display:inline-grid;place-items:center;width:29px;height:29px;font-size:15px;background:var(--pink);border-radius:50%;vertical-align:middle;margin-left:5px}.small-button{border:1px solid #18274440;background:transparent;padding:7px 13px;border-radius:30px;font-size:11px;min-height:36px}.small-button:disabled{opacity:.4;cursor:default}#plan-summary{font-size:13px;color:var(--muted);margin-bottom:18px}.plan-list-item{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:15px;align-items:center;border-top:1px solid #18274425;padding:15px 0}.plan-list-item time{font-size:12px;font-weight:750}.plan-list-item time small{display:block;font-size:9px;font-weight:500;color:var(--muted)}.plan-list-item h4{font-size:16px;margin:0}.plan-list-item p{font-size:10px;color:var(--muted);margin-top:3px}.plan-list-item .plan-warning{color:#9b3f35;font-size:11px;background:#f9ded5;border-radius:5px;padding:5px 8px;display:inline-block;margin-top:7px}.plan-list-item.warning-item{border-left:3px solid #ce775b;padding-left:12px}.plan-remove{background:none;border:1px solid #18274440;border-radius:50%;width:32px;height:32px;font-size:20px;line-height:1}.plan-empty{padding:30px 15px;border:1px dashed #18274430;border-radius:8px;text-align:center;color:var(--muted);font-size:13px}.plan-empty span{display:block;font-size:30px;margin-bottom:8px;color:var(--accent)}.plan-note{font-size:10px;color:var(--muted);margin-top:18px}.festival-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.festival-guide-grid article{border-top:1px solid #18274430;padding-top:22px}.guide-symbol{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:var(--mint);color:#32744c;font-size:32px;margin-bottom:24px}.festival-guide-grid article:nth-child(2) .guide-symbol{background:#ecd9f6;color:#85449a}.festival-guide-grid article:nth-child(3) .guide-symbol{background:#f8d9d8;color:#b45652}.festival-guide-grid h3{font-size:21px;margin-bottom:12px}.festival-guide-grid p{font-size:13px;color:var(--muted)}.festival-faq{margin-top:65px;display:grid;grid-template-columns:1fr 1.5fr;gap:40px}.festival-faq h3{font-size:24px}.festival-faq details{padding:18px 0;border-bottom:1px solid #18274430}.festival-faq summary{font-size:14px;cursor:pointer;font-weight:700}.festival-faq details p{font-size:13px;color:var(--muted);margin-top:12px}.festival-final{background:var(--pink);padding:70px 0;text-align:center;position:relative;overflow:hidden}.festival-final .wrap>span{font-size:80px;color:#ac4169;display:inline-block;line-height:1}.festival-final .eyebrow{font-size:9px;margin:20px 0}.festival-final h2{font-weight:800;font-size:clamp(32px,4vw,53px);margin-bottom:30px}.offbeat-page .footer .offbeat-logo{font-size:28px}.offbeat-page dialog{background:var(--paper);width:490px}.offbeat-page .dialog-head{align-items:center;margin-bottom:16px}.artist-dialog-art{height:160px;border-radius:10px;display:grid;place-items:center;position:relative;overflow:hidden;background:var(--artist-color);color:var(--artist-ink);margin-bottom:20px}.artist-dialog-art .artist-monogram{font-size:80px}.offbeat-page #artist-title{font-size:31px;margin-bottom:14px}.offbeat-page #artist-description{font-size:14px;color:var(--muted)}#artist-showtime{font-size:12px;padding:15px 0;border-top:1px solid #18274430;border-bottom:1px solid #18274430;margin-top:20px}.offbeat-page .dialog-note{font-size:10px}.offbeat-page .dialog-inner .btn{border-radius:30px}.offbeat-page .toast{background:var(--ink)}
@keyframes record-spin{to{transform:rotate(360deg)}}@keyframes ribbon-flow{to{transform:translateX(-25%)}}
@media(max-width:1000px){.festival-hero-grid{gap:20px;min-height:580px}.record-sleeve>span{font-size:66px}.record-scene{min-height:450px}.record-center{font-size:40px}.record-center span{font-size:7px}.artist-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.artist-art{height:230px}.timetable-controls{align-items:start;flex-direction:column}.festival-section-head{align-items:start;flex-direction:column;gap:20px}}
@media(max-width:700px){.offbeat-page .wrap{width:calc(100% - 40px)}.festival-hero-grid{grid-template-columns:1fr;gap:25px;padding:35px 0 25px}.hero-meta{font-size:7px}.festival-hero-copy h1{font-size:54px}.record-scene{min-height:380px;max-width:460px;width:100%;margin:auto}.record-sleeve{top:45px;bottom:55px}.record-sleeve>span{font-size:70px}.record-button{width:75%;max-width:300px}.record-center{font-size:43px}.record-sticker{font-size:9px;padding:12px}.record-hint{font-size:10px}.hero-pill{display:none}.festival-section{padding:55px 0}.artist-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.artist-art{height:210px}.artist-monogram{font-size:52px}.artist-open h3{font-size:19px}.artist-open p{font-size:8px}.genre-filters button{padding:7px 12px;font-size:12px}.lineup-toolbar{gap:8px;align-items:start;flex-direction:column}.festival-timetable{grid-template-columns:1fr}.stage-column{padding:18px}.show-header{flex-wrap:wrap;gap:5px}.show-header strong{font-size:20px}.show-header time{font-size:10px}.festival-days button{font-size:12px;padding:10px 13px}.festival-days button span{font-size:10px}.plan-panel{padding:22px}.plan-list-item{grid-template-columns:78px minmax(0,1fr) 30px;gap:8px}.plan-list-item time{font-size:10px}.plan-list-item h4{font-size:15px}.plan-list-item .plan-warning{font-size:10px}.festival-guide-grid{grid-template-columns:1fr;gap:30px}.festival-faq{grid-template-columns:1fr;gap:20px;margin-top:40px}.festival-final{padding:50px 0}.offbeat-page .footer{gap:16px}}
@media(max-width:400px){.artist-art{height:175px}.record-scene{min-height:340px}.record-sleeve>span{font-size:57px}.record-center{font-size:35px}.record-center span{font-size:6px}.hero-actions{gap:16px}.hero-actions .btn{font-size:12px;padding:12px 18px}.festival-hero-copy h1{font-size:48px}}

.offbeat-page .festival-ribbon>div{animation-play-state:paused}.offbeat-page.rhythm-playing .festival-ribbon>div{animation-play-state:running}