@font-face{font-family:FlyerImpact;src:url('fonts/Impact.ttf') format('truetype');font-display:swap}@font-face{font-family:PublicPixel;src:url('fonts/PublicPixel.ttf') format('truetype');font-display:swap}
:root{color-scheme:dark;--orange:#fa541d;--black:#070807}*{box-sizing:border-box}html{background:var(--black)}body{margin:0;min-height:100svh;background:var(--black) url('brand/glitch.png') center/cover fixed no-repeat;color:var(--orange);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:0;background:rgba(0,0,0,.2);pointer-events:none}.poster{position:relative;z-index:1;width:min(100%,1800px);min-height:calc(100svh - 56px);margin:auto;padding:clamp(24px,3.5vw,64px) clamp(24px,5vw,92px) clamp(30px,4vw,68px);display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.7fr);grid-template-rows:auto 1fr auto;grid-template-areas:'brands brands' 'lineup art' 'meta meta';column-gap:clamp(42px,6vw,110px);row-gap:clamp(28px,4vh,58px)}.brand-bar{grid-area:brands;display:flex;align-items:flex-start;justify-content:space-between;gap:40px}.audioholics{display:block;width:clamp(270px,29vw,530px);height:auto}.ub-festival{display:flex;flex-direction:column;align-items:center;gap:7px;height:clamp(82px,9vw,142px)}.ub-symbol{display:block;width:auto;height:72%;object-fit:contain}.festival{display:block;width:clamp(82px,8.3vw,140px);height:auto}.art{grid-area:art;align-self:center;margin:0;position:relative;border:2px solid var(--orange);box-shadow:10px 10px 0 rgba(250,84,29,.24)}.art:before,.art:after{content:"";position:absolute;width:34px;height:34px;z-index:1}.art:before{left:-8px;top:-8px;border-left:4px solid var(--orange);border-top:4px solid var(--orange)}.art:after{right:-8px;bottom:-8px;border-right:4px solid var(--orange);border-bottom:4px solid var(--orange)}.art img{display:block;width:100%;height:clamp(250px,38vh,470px);object-fit:cover}.lineup{grid-area:lineup;align-self:center;display:grid;grid-template-columns:clamp(66px,6.2vw,110px) 1fr;align-items:center;gap:clamp(18px,2.5vw,42px)}.lineup h1{margin:0;font-family:FlyerImpact,Impact,sans-serif;font-size:clamp(48px,5.8vw,108px);font-weight:400;line-height:.9;letter-spacing:.005em;text-transform:uppercase;text-shadow:0 7px 25px #000}.lineup h1 span{display:block}.lineup h1 span+span{margin-top:.08em}.lineup h1 b{font-weight:400}.audio-mark{display:flex;flex-direction:column;gap:clamp(9px,1vw,17px)}.audio-mark i{display:block;width:100%;height:clamp(18px,1.7vw,30px);background:var(--orange);clip-path:polygon(0 50%,18% 0,82% 0,100% 50%,82% 100%,18% 100%)}.event-meta{grid-area:meta;display:flex;align-items:flex-end;justify-content:space-between;gap:35px}.place{display:flex;flex-direction:column;text-transform:uppercase}.place strong{font-family:FlyerImpact,Impact,sans-serif;font-size:clamp(48px,5.4vw,98px);font-weight:400;line-height:.82}.place span{margin-top:12px;font-family:PublicPixel,monospace;font-size:clamp(8px,.82vw,14px);line-height:1.35}.event-meta time{font-family:FlyerImpact,Impact,sans-serif;font-size:clamp(112px,15vw,270px);font-weight:400;line-height:.66;letter-spacing:-.02em;white-space:nowrap}.tickets{position:absolute;z-index:3;left:50%;bottom:clamp(54px,7vw,118px);display:flex;align-items:center;gap:clamp(28px,4vw,62px);padding:15px 22px 13px;border:2px solid var(--orange);background:rgba(5,6,5,.86);box-shadow:7px 7px 0 var(--orange);color:var(--orange);font-family:PublicPixel,monospace;font-size:clamp(10px,.9vw,15px);line-height:1;text-decoration:none;transform:translateX(-50%);transition:.18s ease}.tickets i{font-family:Arial,sans-serif;font-size:22px;font-style:normal}.tickets:hover,.tickets:focus-visible{background:var(--orange);color:var(--black);box-shadow:2px 2px 0 var(--orange);transform:translate(-50%,5px)}.tickets:focus-visible{outline:2px solid #fff;outline-offset:5px}footer{position:relative;z-index:1;min-height:56px;padding:16px clamp(24px,5vw,92px);display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(250,84,29,.42);background:rgba(0,0,0,.62);font-family:PublicPixel,monospace;font-size:7px;line-height:1}footer a{color:var(--orange);text-decoration:none}footer nav{display:flex;gap:20px}footer nav a{display:grid;place-items:center}footer svg{width:18px;height:18px;fill:currentColor}
@media(max-width:800px){.poster{min-height:auto;padding:22px 18px 42px;grid-template-columns:1fr;grid-template-rows:auto auto auto auto auto;grid-template-areas:'brands' 'art' 'lineup' 'meta' 'tickets';gap:34px}.audioholics{width:min(50vw,290px)}.ub-festival{height:66px;gap:4px}.festival{width:72px}.art{width:min(76vw,430px);justify-self:center;margin-top:22px}.art img{height:auto;aspect-ratio:4/3;object-position:center 43%}.lineup{grid-template-columns:42px 1fr;gap:15px}.lineup h1{font-size:clamp(36px,9.6vw,68px);line-height:.92}.audio-mark{gap:7px}.audio-mark i{height:13px}.event-meta{align-items:flex-end;gap:14px}.place strong{font-size:clamp(38px,10.5vw,65px);line-height:.84}.place span{max-width:180px;font-size:6px;line-height:1.6}.event-meta time{font-size:clamp(78px,24vw,135px)}.tickets{grid-area:tickets;position:static;justify-self:center;transform:none;margin-top:8px;font-size:9px}.tickets:hover,.tickets:focus-visible{transform:translateY(5px)}footer{padding:16px 18px;font-size:5px}}
@media(max-width:430px){.audioholics{width:52vw}.ub-festival{height:57px}.festival{width:64px}.art{width:80vw}.lineup h1{font-size:9.3vw}.event-meta time{font-size:22vw}.place strong{font-size:9.3vw}}
.lineup h1{font-size:clamp(44px,4.45vw,82px)}.lineup h1 span{white-space:nowrap}.tickets{padding:18px 28px 16px;font-size:clamp(11px,1vw,16px)}
@media(min-width:801px) and (max-width:1450px){.lineup h1{font-size:clamp(36px,3.3vw,48px)}}
@media(max-width:800px){.lineup h1{font-size:clamp(36px,9.6vw,68px)}.lineup h1 span{white-space:normal}.tickets{font-size:9px}}
.poster{grid-template-rows:auto 1fr auto;grid-template-areas:'brands brands' 'lineup art' 'place date'}.brand-bar{position:relative;align-items:flex-start}.lineup{display:block}.event-meta{display:contents}.place{grid-area:place;align-self:end}.event-meta time{grid-area:date;justify-self:center;align-self:end;font-size:clamp(74px,9vw,160px);line-height:.72}.place strong{font-size:clamp(36px,3.7vw,68px)}.place span{font-size:clamp(6px,.55vw,10px);margin-top:8px}.art{align-self:end;width:min(100%,460px);justify-self:end}.art img{height:clamp(230px,32vh,390px)}.tickets{position:static;align-self:center;margin-top:8px;padding:17px 26px 15px;background:var(--orange);color:var(--black);box-shadow:7px 7px 0 rgba(250,84,29,.36);transform:none;font-size:clamp(10px,.8vw,13px)}.tickets:hover,.tickets:focus-visible{background:#ff713f;color:var(--black);transform:translateY(4px)}
@media(min-width:801px) and (max-width:1450px){.lineup h1{font-size:clamp(36px,3.15vw,46px)}}
@media(max-width:800px){.poster{grid-template-areas:'brands' 'art' 'lineup' 'place' 'date';grid-template-rows:auto auto auto auto auto}.brand-bar{align-items:flex-start;flex-wrap:wrap}.audioholics{order:1}.ub-festival{order:2}.tickets{order:3;width:100%;justify-content:center;margin:14px auto 0}.art{justify-self:center;align-self:auto}.event-meta time{justify-self:end;font-size:clamp(66px,19vw,105px)}.place strong{font-size:clamp(32px,8.7vw,54px)}.place span{font-size:6px}.lineup{display:block}.lineup h1{font-size:clamp(34px,9vw,62px)}}
.poster{grid-template-areas:'brands brands' 'lineup art' 'meta meta'}.event-meta{grid-area:meta;display:grid;grid-template-columns:1fr auto minmax(220px,.65fr);align-items:end;gap:clamp(28px,5vw,82px)}.event-meta time{grid-area:auto;justify-self:end}.tickets{align-self:center;justify-self:center;min-width:clamp(210px,17vw,300px);justify-content:space-between;padding:20px 27px 18px;font-size:clamp(13px,1vw,17px);box-shadow:6px 6px 0 rgba(250,84,29,.4)}
@media(min-width:801px){.event-meta .place,.event-meta .tickets,.event-meta time{grid-area:auto}}
@media(max-width:800px){.poster{grid-template-areas:'brands' 'lineup' 'art' 'meta';grid-template-rows:auto auto auto auto;gap:28px}.brand-bar{flex-wrap:nowrap}.lineup{margin-top:34px}.lineup h1{font-size:clamp(36px,9.4vw,62px)}.art{width:min(62vw,280px);margin-top:0}.art img{height:auto;aspect-ratio:4/3}.event-meta{display:grid;grid-template-columns:1fr auto;grid-template-areas:'place date' 'tickets tickets';gap:26px 14px}.place{grid-area:place}.event-meta time{grid-area:date;font-size:clamp(58px,17vw,92px)}.event-meta .tickets{grid-area:tickets;width:auto;min-width:min(78vw,300px);margin:0 auto;font-size:11px;padding:18px 24px 16px}.place strong{font-size:clamp(30px,7.8vw,48px)}}
.event-meta .tickets{display:flex;align-items:center;justify-content:center;font-family:FlyerImpact,Impact,sans-serif;font-size:clamp(24px,2.1vw,38px);font-weight:400;letter-spacing:.035em;line-height:1;padding:16px 28px 14px;text-align:center}
@media(max-width:800px){.event-meta .tickets{font-size:clamp(25px,7vw,34px);padding:16px 24px 14px}}