/* A playful festival type system. The poster logo stays as the master image. */
@font-face{font-family:JopoFunk;src:url('assets/rubik-regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:JopoFunk;src:url('assets/rubik-bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:JopoFunk;src:url('assets/rubik-bold-italic.ttf') format('truetype');font-weight:700;font-style:italic;font-display:swap}
body{font-family:JopoFunk,Arial,sans-serif}
h2{font-family:JopoFunk,Arial,sans-serif;font-weight:700;font-size:clamp(38px,4.7vw,68px);line-height:1.06;letter-spacing:-2.8px;text-transform:uppercase}
h2 em{font-family:JopoFunk,Arial,sans-serif;font-weight:700;font-style:italic;font-size:1em;line-height:1.06;letter-spacing:-2.8px;text-transform:uppercase;color:var(--gold);text-shadow:3px 3px 0 #0003}
h3{font-family:JopoFunk,Arial,sans-serif;font-weight:700;font-size:30px;line-height:1.09;letter-spacing:-1px}
.experience h3,.experience.tall h3{font-family:JopoFunk,Arial,sans-serif;font-weight:700;font-size:clamp(30px,3.2vw,45px);line-height:1.03;letter-spacing:-1.8px;text-transform:uppercase}
.experience-copy{max-width:100%}
.music-strip h3,.films h3,.pass-result h3{font-family:JopoFunk,Arial,sans-serif;font-weight:700;font-size:25px;line-height:1.15;letter-spacing:-.9px}
.music-strip h3{font-style:italic}
.eyebrow{font-family:JopoFunk,Arial,sans-serif;font-weight:700;letter-spacing:1.7px;font-size:10px}
.intro>.eyebrow,.section-top>div>.eyebrow,.family-copy>.eyebrow,.camping-copy>.eyebrow,.tickets>div:first-child>.eyebrow,.visit>div:first-child>.eyebrow{display:inline-block;background:var(--gold);color:var(--ink);padding:7px 12px;transform:rotate(-1.5deg);letter-spacing:1.1px;line-height:1.6;box-shadow:3px 3px 0 #0002}
.intro h2{margin-top:5px}
.ticker-track span{font-family:JopoFunk,Arial,sans-serif;font-weight:700;font-style:italic;font-size:23px;letter-spacing:-.5px}
.ticker-track b{display:inline-block;font-style:normal;font-size:24px}
.btn{font-family:JopoFunk,Arial,sans-serif;border-radius:50px;letter-spacing:.6px;font-weight:700;font-size:11px;box-shadow:0 4px 0 #0002}
.btn.small{font-size:10px;letter-spacing:.3px}
.text-link{font-family:JopoFunk,Arial,sans-serif;font-weight:700;letter-spacing:.7px}
.filters button{font-family:JopoFunk,Arial,sans-serif;border-radius:24px;letter-spacing:.3px;font-size:10px;font-weight:700}
.filters button.selected{box-shadow:2px 3px 0 #0003;transform:rotate(-1deg)}
.arrow,.slide-controls button,.ticker>button{border-radius:50%}
.pass-selector button{border-radius:8px;letter-spacing:.5px;font-weight:700}
.pass-selector button.selected{box-shadow:4px 4px 0 #0003}
.pass-selector strong{font-family:JopoFunk,Arial,sans-serif;font-weight:700;font-style:italic;font-size:30px;letter-spacing:-1px}
.family h2 em{color:#45612c;text-shadow:none}
.barn h2{font-size:clamp(42px,5.5vw,76px)}
.sunset h2{font-size:clamp(54px,7vw,96px);line-height:1.02}
.hero p{font-weight:400;letter-spacing:-.2px}
.faq summary{font-weight:700;letter-spacing:-.35px}
.nav nav>a:not(.btn){letter-spacing:.8px;font-weight:700}
.music-strip span,.films span,.intro-foot,.strip-foot>span{font-weight:700;letter-spacing:1px}
@media(max-width:900px){h2{font-size:clamp(38px,5.5vw,54px);letter-spacing:-2px}h2 em{letter-spacing:-2px}.pass-selector strong{font-size:27px}}
@media(max-width:650px){h2{font-size:clamp(34px,9.5vw,44px);line-height:1.08;letter-spacing:-1.9px}h2 em{font-size:1em;letter-spacing:-1.9px;text-shadow:2px 2px 0 #0003}.experience h3,.experience.tall h3{font-size:35px;letter-spacing:-1.3px}.barn h2{font-size:40px;letter-spacing:-1.8px}.sunset h2{font-size:56px;letter-spacing:-2.5px}.eyebrow{font-size:8px;letter-spacing:1.2px}.intro>.eyebrow,.section-top>div>.eyebrow,.family-copy>.eyebrow,.camping-copy>.eyebrow,.tickets>div:first-child>.eyebrow,.visit>div:first-child>.eyebrow{font-size:8px;padding:7px 9px;letter-spacing:.7px;max-width:100%}.ticker-track span{font-size:20px}.filters button{font-size:9px;padding:10px 12px}.pass-selector strong{font-size:25px}.pass-selector button{font-size:7px}.booking{font-size:9px}.films h3,.music-strip h3,.pass-result h3{font-size:23px}.btn.small{font-size:8px}.mobile-ticket .btn{font-size:9px}.hero .eyebrow{letter-spacing:1px}.hero .btn{font-size:10px}}

.parking-note{display:flex;align-items:center;gap:20px;border:1px solid #efbd2270;background:#efbd2210;border-radius:10px;padding:24px;margin:25px 0 30px;max-width:470px}.parking-symbol{display:grid;place-items:center;flex:0 0 58px;width:58px;height:58px;border:2px solid var(--gold);border-radius:10px;font-family:JopoFunk,Arial,sans-serif;font-weight:700;font-size:34px;color:var(--gold);transform:rotate(-4deg)}.parking-note .eyebrow{display:block;font-size:8px;letter-spacing:1px;margin:0 0 6px;color:var(--gold)}.parking-note h3{font-size:26px;letter-spacing:-1px}.visit .parking-note p{font-size:13px;margin:8px 0 0}.parking-note .eyebrow{background:none;box-shadow:none;transform:none;padding:0}@media(max-width:650px){.parking-note{padding:20px 17px;gap:16px}.parking-note h3{font-size:24px}.parking-symbol{flex-basis:50px;width:50px;height:50px;font-size:30px}}