@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:75% 100%;font-display:swap;src:url(../media/8b7a0e2f50bdea2b-s.19qyygf-kmpcq.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:75% 100%;font-display:swap;src:url(../media/5fab18730890019a-s.p.128w4kk8i02cq.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:75% 100%;font-display:swap;src:url(../media/fe68a48bcbeff111-s.p.1jake7ccbq8_p.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bricolage Grotesque Fallback;src:local(Arial);ascent-override:88.21%;descent-override:25.61%;line-gap-override:0.0%;size-adjust:105.43%}.MjlVtG_className{font-family:Bricolage Grotesque,Bricolage Grotesque Fallback;font-style:normal}.MjlVtG_variable{--font-bricolage:"Bricolage Grotesque", "Bricolage Grotesque Fallback"}
:root{--navy:#15176b;--butter:#fff3d1}body{background:var(--navy);color:var(--butter);font-family:var(--font-bricolage), system-ui, sans-serif;font-size:18px;line-height:1.5;overflow-x:clip}:focus-visible{outline-offset:3px;outline:3px solid}.hero{background:var(--bg);min-height:100svh;color:var(--ink);flex-direction:column;padding:24px clamp(16px,4vw,48px) 32px;transition:background-color .4s,color .4s;display:flex;position:relative;overflow:clip}.nav{z-index:2;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 32px;display:flex;position:relative}.nav__logo{letter-spacing:-.03em;font-size:36px;font-weight:800;text-decoration:none}.nav nav{flex-wrap:wrap;gap:4px 24px;display:flex}.nav nav a{text-underline-offset:4px;font-weight:600}.hero__stage{flex:1;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center;gap:16px;padding-block:24px;display:grid}.hero__text{z-index:1;position:relative}.hero h1{font-variation-settings:"opsz" 96;letter-spacing:-.012em;font-size:clamp(60px,10.4vw,176px);font-weight:800;font-stretch:80%;line-height:.96}.hero__soup{display:block}.hero__about{max-width:34ch;margin-top:28px;font-size:clamp(19px,1.7vw,24px);line-height:1.35}.hero__price{margin-top:12px;font-size:clamp(19px,1.7vw,24px);font-weight:800}.bowl{justify-self:start;width:min(52vw,760px,100svh - 230px);height:auto}.bowl__garnish{transform-origin:300px 300px;animation:.6s cubic-bezier(.2,.9,.3,1.2) stir}@keyframes stir{0%{opacity:0;transform:rotate(-70deg)scale(.75)}}.days{z-index:1;flex-wrap:wrap;gap:10px;display:flex;position:relative}.day{background:0 0;border:3px solid;border-radius:50%;width:76px;height:76px;font-size:24px;font-weight:800;transition:transform .15s,background-color .2s,color .2s}.day:hover{transform:rotate(-8deg)scale(1.06)}.day[aria-pressed=true]{background:var(--ink);color:var(--bg)}.band{background:var(--bg);color:var(--ink);grid-template-columns:11ch minmax(0,1.5fr) minmax(0,1fr) 13ch;align-items:baseline;gap:8px 24px;padding:26px clamp(16px,4vw,48px);display:grid}.band__day,.band__tag{font-weight:700}.band__tag{text-align:right}.band__name{letter-spacing:-.025em;font-size:clamp(32px,4.2vw,68px);font-weight:800;font-stretch:85%;line-height:1}.band__about{max-width:42ch;line-height:1.35}.card{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,6vw,96px);padding:clamp(64px,10vw,140px) clamp(16px,4vw,48px);display:grid}.card h2,.where h2{letter-spacing:-.03em;font-size:clamp(38px,5vw,76px);font-weight:800;font-stretch:85%;line-height:.98}.card p{max-width:46ch;margin-top:20px}.card__ticket{background:var(--butter);border-radius:28px;grid-template-columns:repeat(5,1fr);gap:clamp(10px,1.6vw,22px);padding:clamp(20px,3vw,40px);display:grid;transform:rotate(-3deg)}.hole{aspect-ratio:1;border:3px dashed #a8124a;border-radius:50%}.hole--punched{background:var(--navy);border:0}.where{color:var(--navy);background:#ff9a1f;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px clamp(32px,6vw,96px);padding:clamp(56px,8vw,110px) clamp(16px,4vw,48px);display:grid}.where address{margin-top:20px;font-size:24px;font-style:normal;font-weight:600;line-height:1.25}.where dl div{border-bottom:3px solid var(--navy);justify-content:space-between;gap:24px;padding-block:14px;font-size:clamp(19px,2vw,26px);font-weight:600;display:flex}@media (max-width:760px){.hero__stage{grid-template-columns:minmax(0,1fr);align-content:start}.hero h1{font-size:clamp(58px,17.5vw,120px)}.bowl{justify-self:end;width:min(82vw,460px);margin-right:-24vw}.days{justify-content:space-between;gap:4px}.day{width:58px;height:58px;font-size:20px}.band{grid-template-columns:1fr auto}.band__name,.band__about{grid-column:1/-1}.band__name{grid-row:2}.band__about{grid-row:3}.band__tag{grid-area:1/2}.card,.where{grid-template-columns:minmax(0,1fr)}}
