@font-face{font-family:Festival;src:url('./festival.otf') format('opentype');font-display:swap}
*{box-sizing:border-box}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%}a:focus-visible,button:focus-visible{outline:2px solid white;outline-offset:5px}.f10{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.f4{width:100%;text-align:center}.f5{position:relative;display:block;width:min(44vw,610px);aspect-ratio:2.6;margin:0 auto;isolation:isolate}.f6{position:absolute;top:0;left:20.6%;width:58.8%;height:auto}.f7{position:absolute;left:0;top:-52.5%;width:100%;height:auto;z-index:1}.f13,.f14{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;pointer-events:none}.f13{filter:blur(1px)}.f14{opacity:0;transition:opacity .25s}.f14[data-ready]{opacity:1}.f12:after{content:'';position:absolute;inset:0;z-index:-1;background:#0002}.f16{display:flex;align-items:center;justify-content:center;gap:7px}.f16 img{width:20%;height:55px;object-fit:contain}.f19 li:before{content:'- '}.f12:hover,.f12:focus-visible,.f12[data-expanded]{transform:translateY(-11px) scale(1.01);border-color:var(--accent)}.f12:hover .f19,.f12:focus-visible .f19,.f12[data-expanded] .f19{opacity:1;transition-delay:.04s}.f8{text-align:center;font:700 11px/1.4 Arial,sans-serif;padding:8px 48px}.f9{position:fixed;right:14px;bottom:14px;z-index:5;display:grid;place-items:center;width:44px;height:44px}.f9 img{width:36px;height:36px}
.f21{min-height:100svh}.f22{position:fixed;right:0;top:0;width:28%;height:100svh;isolation:isolate;overflow:hidden}.f23{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.f24{position:absolute;top:20px;right:20px;z-index:2}.f24 img{width:100px;height:100px;object-fit:contain}.f26{position:relative;width:72%;min-height:100svh;padding:18px 7% 0;display:flex;flex-direction:column}.f28{text-align:center;margin:0 0 18px}.f28 .f5{width:min(43vw,610px)}.f29{font:900 clamp(32px,4vw,64px)/1 Festival,Arial,sans-serif;letter-spacing:-.07em;color:#090909;-webkit-text-stroke:2px var(--accent);margin:10px 0 22px}.f28 h1{font:italic 700 clamp(24px,2.5vw,40px)/1 'Brush Script MT','Segoe Script',cursive;margin:0}.f30{font-size:16px;font-weight:700;line-height:1.18;flex:1}.f31{white-space:pre-line;margin:0 0 18px}.f32{margin:0 0 18px}.f33 section{margin-bottom:18px}.f33 h2{font:inherit;margin:0}.f33 p{margin:0}.f34 a{padding:10px 0;text-decoration:underline;text-underline-offset:3px}.f26 .f8{margin-top:auto;white-space:nowrap;padding:8px 0}
@media(min-width:1600px){.f30{font-size:16px}}
@media(max-width:850px){.f5{width:70vw;max-width:460px}.f2{font-size:clamp(14px,3.6vw,27px)}.f16 img{height:40px}.f19{inset:30% 10px 15px}.f20{font-size:42px}.f22{display:none}.f26{width:100%;padding:18px 8% 0}.f28 .f5{width:80%;max-width:460px}.f29{font-size:clamp(30px,6vw,48px)}.f28 h1{font-size:28px}.f30{font-size:15px;line-height:1.25}.f9{right:8px;bottom:8px}.f8{font-size:9px}.f26 .f8{white-space:normal;padding-right:30px}}
@media(max-width:380px){.f16{gap:3px}.f19{inset:31% 7px 12px}.f16 img{height:30px}.f17{margin-top:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.f12:hover,.f12:focus-visible,.f12[data-expanded]{transform:none}}
@media(min-width:851px){.f5{width:min(44vw,70svh,610px)}}
@media(min-width:851px){.f28 .f5{width:min(32vw,610px)}}
.f34{display:flex;gap:20px;margin:30px 0 16px;font:11px Arial,sans-serif;justify-content:center;margin-top:32px;margin-bottom:20px}.f34 button{border:3px solid white;border-radius:11px;background:#050505;color:white;padding:14px 22px;font:700 13px/1 Festival,Arial,sans-serif;text-transform:uppercase;cursor:default;opacity:1}
@font-face{font-family:FestivalSide;src:url('./jersey25.ttf') format('truetype');font-display:swap}
html{color-scheme:dark;background:#090909;-webkit-user-select:none;user-select:none}img,a{-webkit-user-drag:none}body{margin:0;color:white;font-family:'Times New Roman',serif;user-select:none}
.f2{position:fixed;left:1vw;top:50%;transform:translateY(-50%) rotate(180deg);writing-mode:vertical-rl;white-space:nowrap;font:900 min(3.1vw,4.6svh)/1 Arial,sans-serif;z-index:2;font-family:FestivalSide,Arial,sans-serif;font-weight:400;font-size:min(4vw,6svh);letter-spacing:0}
.f12 .f13,.f12 .f14{filter:blur(4px);transform:scale(1.12);transition:filter .3s var(--motion),transform .38s var(--motion),opacity .2s ease;will-change:transform}
.f12:is(:hover,:focus-visible,[data-expanded],[data-leaving]) .f13,.f12:is(:hover,:focus-visible,[data-expanded],[data-leaving]) .f14{filter:blur(0);transform:scale(1)}
.f19{position:absolute;transition:opacity .25s ease;inset:0;opacity:1;pointer-events:none}
.f20{position:absolute;left:0;right:0;text-align:center;font:normal 58px/1 Arial,sans-serif;bottom:5%;opacity:0;transform:translateX(-110%);transition:transform .34s var(--motion),opacity .2s ease}
.f12:is(:hover,:focus-visible,[data-expanded],[data-leaving]) .f19 ul{opacity:1;transform:translateY(-35%);transition-delay:.05s}
.f12:is(:hover,:focus-visible,[data-expanded]) .f20{opacity:1;transform:translateX(0);transition-delay:.04s}
.f12[data-leaving] .f20{opacity:0;transform:translateX(110%);transition:transform .32s cubic-bezier(.4,0,1,1),opacity .3s ease}
.f22 .f23,.f22 .f14{filter:blur(5px);transform:scale(1.06)}
.f22:before{content:"";position:absolute;z-index:1;pointer-events:none;inset:0 auto 0 -1px;width:clamp(55px,6vw,115px);height:100%;background:url('./scenery-edge.svg') left top/100% 100% no-repeat;mask:none;transform:none}
.f27{position:absolute;font:bold 40px/1 Arial,sans-serif;display:grid;place-items:center;top:4px;left:4px;width:64px;height:64px;font-size:46px;border-radius:8px;z-index:4;transition:background .2s ease,transform .25s ease}
@media(max-width:850px){.f2{font-size:clamp(19px,4.6vw,36px)}.f27{width:56px;height:56px}}
@media(max-width:380px){.f19 ul{line-height:1.45}.f20{font-size:38px}}
@media(prefers-reduced-motion:reduce){.f12 .f13,.f12 .f14{will-change:auto}}

.f0{min-height:100svh;display:flex;flex-direction:column}
.f0>.f8{flex-shrink:0;padding-top:0;padding-bottom:8px}
.f1{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:#151515}
.f1 img{width:100%;height:100%;object-fit:cover;object-position:center 60%;filter:blur(5px) grayscale(1)}
.f3{flex:1;min-height:0;padding:4px 56px 0 76px;display:grid;grid-template-rows:auto minmax(36px,1fr) auto minmax(36px,1fr);justify-items:center;align-items:start;gap:0}
.f0 .f5{width:min(44vw,62svh,610px)}
.f11{grid-row:3;width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:60px}
.f12{position:relative;isolation:isolate;border:2px solid color-mix(in srgb,var(--accent),#000 35%);overflow:hidden;background:#111;box-shadow:0 4px 10px #0005;--motion:cubic-bezier(.22,1,.36,1);flex:0 0 auto;width:clamp(240px,34svh,304px);max-width:100%;height:auto;aspect-ratio:14/25;border-radius:24px;container-type:inline-size;transition:transform .28s cubic-bezier(.2,.8,.2,1),border-color .24s ease,box-shadow .28s ease}
.f16 h2{letter-spacing:-.07em;white-space:nowrap;margin:0;color:#050505;-webkit-text-stroke:1px var(--accent);font:900 clamp(20px,9cqw,28px)/1 Festival,Arial,sans-serif}
.f17{margin:15px 0 0;font:italic 700 clamp(23px,10cqw,30px)/1.15 'Brush Script MT','Segoe Script',cursive}
.f19 ul{padding:0;margin:0;list-style:none;font:700 clamp(9px,.85vw,13px)/1.5 Festival,Arial,sans-serif;text-transform:uppercase;letter-spacing:.03em;position:absolute;left:7%;right:7%;top:50%;transform:translateY(calc(-35% + 7px));opacity:0;transition:opacity .22s ease,transform .3s var(--motion);line-height:1.55;font-size:clamp(10px,4.1cqw,12.5px)}
.f27:hover{background:transparent;transform:translateX(-3px)}
@media(max-width:850px){.f3{padding:8px 24px 0 48px;grid-template-rows:auto minmax(32px,1fr) auto minmax(32px,1fr)}.f0 .f5{width:min(80vw,460px)}.f11{gap:48px}.f12{border-radius:22px}.f16 img{height:48px}.f17{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.f12:hover,.f12:focus-visible{transform:none}}

.f0:not([data-interactive]) .f12,.f0:not([data-interactive]) .f12 *{transition:none!important}

.f15{position:absolute;inset:0 10px;display:flex;flex-direction:column;justify-content:center;text-align:center;transform:translateY(0);transition:transform .36s cubic-bezier(.22,1,.36,1);pointer-events:none}
.f12:is(:hover,:focus-visible,[data-leaving]) .f15{transform:translateY(-35%)}
.f12:is(:hover,:focus-visible){box-shadow:0 16px 32px #0006,0 0 0 1px color-mix(in srgb,var(--accent),transparent 65%)}
@media(prefers-reduced-motion:reduce){.f15{transition:none}}
