:root{
  --black:#000;
  --white:#fff;
  --pink:#F7509C;
  --yellow:#F9B821;
  --blue:#B1DCDD;
  --blush:#FFCCDC;
  --grey:#6b6b6b;
  --gutter:clamp(16px,4vw,48px);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--white);color:var(--black);font-family:"Archivo",system-ui,sans-serif;font-variation-settings:"wdth" 100;font-size:18px;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:inherit}
img{display:block;max-width:100%}
:focus-visible{outline:3px solid var(--pink);outline-offset:3px}

/* nav */
.nav{position:fixed;inset:0 0 auto 0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:12px var(--gutter);pointer-events:none}
.nav>*{pointer-events:auto}
.nav .logo{background:var(--black);padding:8px 14px;border-radius:999px;display:block}
.nav .logo img{height:30px;width:auto}
.nav ul{list-style:none;display:flex;gap:4px;background:var(--black);border-radius:999px;padding:6px}
.nav a.link{display:block;color:var(--white);text-decoration:none;font-weight:600;font-size:15px;padding:8px 14px;border-radius:999px}
.nav a.link:hover{background:var(--pink)}
@media (max-width:640px){.nav li.opt{display:none}}

/* hero */
.hero{position:relative;display:grid;height:min(100svh,66.67vw);min-height:560px;overflow:hidden;color:var(--black)}
.slide{grid-area:1/1;position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:0 var(--gutter) clamp(72px,10vh,120px);opacity:0;visibility:hidden;transition:opacity .7s ease,visibility 0s linear .7s;background-size:cover;background-position:center}
.slide.on{opacity:1;visibility:visible;transition:opacity .7s ease}
.slide.photo{color:var(--white)}
.slide.photo h1,.slide.photo h2{font-size:clamp(48px,7vw,120px);max-width:14ch}
.ph{position:absolute;inset:0;background-size:cover;background-position:center}
.ph::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.75),rgba(0,0,0,.35) 45%,rgba(0,0,0,0) 75%)}
.slide h1,.slide h2{position:relative;font-variation-settings:"wdth" 125;font-weight:900;line-height:.86;letter-spacing:-.02em;font-size:clamp(56px,13.5vw,220px);max-width:12ch;text-wrap:balance}
.slide p{position:relative;margin-top:20px;font-size:clamp(17px,1.6vw,22px);font-weight:500;max-width:36ch}
.dots{position:absolute;right:var(--gutter);bottom:clamp(28px,4vh,44px);display:flex;gap:8px;z-index:2}
.dots button{width:44px;height:6px;border:0;border-radius:3px;background:rgba(0,0,0,.25);cursor:pointer;padding:0}
.dots button[aria-current="true"]{background:var(--black)}
.hero.dark .dots button{background:rgba(255,255,255,.45)}
.hero.dark .dots button[aria-current="true"]{background:var(--white)}
@media (max-aspect-ratio:5/4){
  .hero{height:auto;min-height:0}
  .slide{justify-content:flex-start;padding:72px 0}
  .slide.photo{color:var(--black)}
  .ph{position:relative;inset:auto;width:100%;aspect-ratio:3/2;margin-bottom:28px;flex:none}
  .ph::after{display:none}
  .slide h1,.slide h2,.slide p{margin-left:var(--gutter);margin-right:var(--gutter)}
  .slide h1,.slide h2,.slide.photo h1,.slide.photo h2{font-size:clamp(48px,12vw,140px);max-width:12ch}
  .hero.dark .dots button{background:rgba(0,0,0,.25)}
  .hero.dark .dots button[aria-current="true"]{background:var(--black)}
}

/* sections */
section.band{padding:clamp(72px,10vw,140px) var(--gutter)}
.wrap{max-width:1240px;margin:0 auto}
h2.big{font-variation-settings:"wdth" 125;font-weight:900;font-size:clamp(40px,7vw,104px);line-height:.92;letter-spacing:-.02em;text-wrap:balance}
.lede{font-size:clamp(19px,1.8vw,23px);max-width:44ch;margin-top:24px}
.muted{color:var(--grey)}

/* flavors */
.menu{background:var(--black);color:var(--white)}
.menu-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:24px;margin-bottom:clamp(40px,6vw,80px)}
.menu-head p{max-width:34ch;color:#bdbdbd}
.menu-head .month{max-width:none;color:var(--yellow);font-variation-settings:"wdth" 112;font-weight:800;font-size:clamp(24px,3vw,40px);line-height:1.1;margin-top:14px}
.group+.group{margin-top:clamp(48px,6vw,72px)}
.group h3{font-size:18px;font-weight:700;color:var(--yellow);padding-bottom:12px;border-bottom:2px solid var(--yellow)}
.group.sorb h3{color:var(--blue);border-color:var(--blue)}
.flavor{display:grid;grid-template-columns:1fr minmax(0,22ch);gap:8px 32px;align-items:baseline;padding:18px 0;border-bottom:1px solid #2a2a2a}
.flavor .n{font-variation-settings:"wdth" 112;font-weight:800;font-size:clamp(28px,4.2vw,56px);line-height:1;letter-spacing:-.01em}
.flavor .d{color:#bdbdbd;font-size:17px}
.flavor .tag{display:inline-block;margin-left:12px;vertical-align:middle;font-size:13px;font-weight:700;color:var(--black);background:var(--pink);border-radius:999px;padding:3px 10px;font-variation-settings:"wdth" 100;letter-spacing:0}
@media (max-width:720px){.flavor{grid-template-columns:1fr}}
.menu-note{margin-top:32px;color:#8a8a8a;font-size:15px}

/* story */
.story{background:var(--blush)}
.story .grid{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(32px,6vw,96px);align-items:start}
.story .copy p+p{margin-top:18px}
.story .copy{font-size:clamp(18px,1.5vw,20px);max-width:52ch}
.story .fig{aspect-ratio:4/5;background:var(--pink);border-radius:24px;background-size:cover;background-position:center}
.story .fig:empty{display:none}
@media (max-width:860px){.story .grid{grid-template-columns:1fr}}

/* produce */
.produce{display:grid;grid-template-columns:repeat(3,1fr);background:var(--black)}
.produce img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover}

/* visit */
.visit{background:var(--yellow)}
.visit .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:clamp(40px,5vw,64px)}
.visit h3{font-size:16px;font-weight:700;margin-bottom:8px}
.visit .grid p{font-size:clamp(20px,1.9vw,26px);font-weight:600;line-height:1.25}
.visit .grid a{text-underline-offset:4px}
@media (max-width:760px){.visit .grid{grid-template-columns:1fr}}

/* catering */
.catering{background:var(--white)}
.catering .grid{display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(32px,6vw,96px);align-items:start}
@media (max-width:900px){.catering .grid{grid-template-columns:1fr}}
form{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px}
.f{display:flex;flex-direction:column;gap:6px}
.f.full{grid-column:1/-1}
@media (max-width:560px){form{grid-template-columns:1fr}}
label{font-size:15px;font-weight:600}
label .req{color:var(--pink)}
input,select,textarea{font:inherit;font-size:17px;padding:13px 14px;border:2px solid var(--black);border-radius:12px;background:var(--white);color:var(--black);width:100%}
textarea{min-height:120px;resize:vertical}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--pink);box-shadow:0 0 0 3px var(--blush)}
.btn{display:inline-block;font:inherit;font-weight:800;font-size:18px;background:var(--black);color:var(--white);border:0;border-radius:999px;padding:16px 28px;cursor:pointer;text-decoration:none}
.btn:hover{background:var(--pink);color:var(--black)}
.btn[disabled]{opacity:.5;cursor:progress}
.status{grid-column:1/-1;font-weight:600;min-height:1.5em}
.status.err{color:#b00045}
.done{background:var(--blue);border-radius:20px;padding:32px;font-size:22px;font-weight:700}

/* instagram */
.ig{background:var(--pink)}
section.band.ig{padding-bottom:0}
.ig .wrap{display:grid;grid-template-columns:auto 1fr;align-items:end;gap:clamp(24px,4vw,64px)}
.ig .copy{padding-bottom:clamp(72px,10vw,140px)}
.ig .copy .btn{margin-top:32px}
.ghost{display:block;height:auto;max-width:none;pointer-events:none}
.ghost-up{--g:clamp(260px,30vw,460px);width:var(--g);margin:calc(var(--g)*-0.083) calc(var(--g)*-0.2535) calc(var(--g)*-0.119) calc(var(--g)*-0.2385)}
section.band.visit{padding-bottom:0}
.visit-row{display:grid;grid-template-columns:auto 1fr;align-items:end;gap:clamp(24px,4vw,64px)}
.visit-info{padding-bottom:clamp(72px,10vw,140px)}
.ghost-side{--g:clamp(260px,28vw,440px);width:var(--g);margin:calc(var(--g)*-0.0835) calc(var(--g)*-0.2155) calc(var(--g)*-0.0835) calc(var(--g)*-0.227)}
@media (max-width:760px){
  .ig .wrap,.visit-row{grid-template-columns:1fr}
  .ghost{order:2}
  .ghost-up,.ghost-side{--g:260px}
  .ig .copy,.visit-info{padding-bottom:16px}
}
.ig .btn{background:var(--black)}
.ig .btn:hover{background:var(--white)}

footer{background:var(--black);color:var(--white);padding:56px var(--gutter) 40px}
footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:24px}
footer img{height:56px;width:auto}
footer p{color:#9a9a9a;font-size:15px}

@media (prefers-reduced-motion:reduce){.slide{transition:none}html{scroll-behavior:auto}}

/* ---- multi-page additions ---- */
.skip{position:absolute;left:-9999px;top:0;background:var(--black);color:var(--white);padding:10px 16px;z-index:50}
.skip:focus{left:16px;top:16px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.nav a.link[aria-current="page"]{background:var(--pink)}
@media (max-width:640px){.nav a.link{padding:8px 10px;font-size:14px}}
.ph img{width:100%;height:100%;object-fit:cover;display:block}
.intro{background:var(--white)}
.intro-lede{font-size:clamp(22px,2.6vw,36px);font-weight:600;line-height:1.25;max-width:34ch;font-variation-settings:"wdth" 106}
.proof{margin-top:28px;font-size:18px}
.proof a,.text-link{font-weight:700;text-underline-offset:4px}
.lineup-cols{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,96px)}
.lineup-cols .group+.group{margin-top:0}
ul.names{list-style:none}
ul.names li{font-variation-settings:"wdth" 112;font-weight:800;font-size:clamp(24px,3vw,40px);line-height:1.1;padding:14px 0;border-bottom:1px solid #2a2a2a}
@media (max-width:760px){.lineup-cols{grid-template-columns:1fr}.lineup-cols .group+.group{margin-top:48px}}
.menu-more{margin-top:48px}
.btn-light{background:var(--white);color:var(--black)}
.btn-light:hover{background:var(--yellow)}
.press{background:var(--blue);padding:clamp(56px,7vw,96px) var(--gutter)}
.press h2{font-size:18px;font-weight:700;margin-bottom:24px}
.press ul{list-style:none;display:grid;gap:28px}
.press li{display:grid;grid-template-columns:minmax(0,14rem) 1fr;gap:8px 32px;align-items:baseline;border-top:2px solid var(--black);padding-top:18px}
.press .outlet{font-weight:700;font-size:16px}
.press a{font-variation-settings:"wdth" 112;font-weight:800;font-size:clamp(22px,2.6vw,36px);line-height:1.15;text-decoration:none}
.press a:hover{text-decoration:underline;text-underline-offset:5px}
@media (max-width:640px){.press li{grid-template-columns:1fr}}
.story .fig{aspect-ratio:4/5;overflow:hidden;border-radius:24px;background:var(--pink)}
.story .fig img{width:100%;height:100%;object-fit:cover}
.story .fig:empty{display:block}
.cater-cta{background:var(--white)}
.page-head{padding-top:clamp(120px,14vw,180px)}
h1.big{font-variation-settings:"wdth" 125;font-weight:900;font-size:clamp(44px,7vw,104px);line-height:.92;letter-spacing:-.02em;text-wrap:balance}
.lede.small{font-size:18px;color:var(--grey)}
.prose{max-width:62ch}
.prose p{font-size:clamp(18px,1.5vw,20px)}
.prose p+p{margin-top:18px}
.prose h2.big{margin-bottom:28px}
.faq-list{margin-top:40px;border-top:2px solid var(--black)}
.faq details{border-bottom:2px solid var(--black)}
.faq summary{cursor:pointer;list-style:none;font-variation-settings:"wdth" 108;font-weight:800;font-size:clamp(20px,2vw,26px);padding:22px 40px 22px 0;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:4px;top:18px;font-size:30px;font-weight:700}
.faq details[open] summary::after{content:"\2212"}
.faq details p{padding:0 0 24px;max-width:60ch}
footer .foot{align-items:flex-start}
footer .nap{margin-top:18px;color:#bdbdbd;line-height:1.5}
.foot-links{list-style:none;display:grid;gap:10px;text-align:right}
.foot-links a{color:var(--white);text-decoration:none;font-weight:600}
.foot-links a:hover{color:var(--pink)}
.copy-line{margin-top:40px;color:#8a8a8a;font-size:14px}
@media (max-width:640px){.foot-links{text-align:left}}
.faq details p:not(:last-child){padding-bottom:12px}
footer .foot-tag{margin-top:18px;color:var(--white);font-variation-settings:"wdth" 112;font-weight:800;font-size:20px;line-height:1.3}
/* logo pill: optically centered (the i-dot leaves empty space above the letters), same height as the menu pill */
.nav .logo{padding:5px 16px 11px}
.nav .logo img{height:34px;width:auto}

/* visit: clear hierarchy */
.visit .grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.visit .grid .v-main{font-variation-settings:"wdth" 108;font-size:clamp(22px,2vw,28px);font-weight:800;line-height:1.2}
.visit .grid .v-sub{margin-top:10px;font-size:17px;font-weight:500;line-height:1.45;color:rgba(0,0,0,.65)}
.visit .grid .v-link{margin-top:14px;font-size:17px;font-weight:700}
.visit .grid .v-link a{text-underline-offset:4px}
.visit .grid .v-label{font-size:14px;font-weight:600;line-height:1.3;color:rgba(0,0,0,.6)}
.visit .grid .v-label+.v-contact{margin-top:2px}
.visit .grid .v-contact+.v-label{margin-top:16px}
.visit .grid .v-contact{font-size:clamp(17px,1.4vw,20px);font-weight:700;line-height:1.3;overflow-wrap:anywhere}
.visit .grid .v-contact a{text-decoration:none}
.visit .grid .v-contact a:hover,.visit .grid .v-link a:hover{text-decoration:underline;text-underline-offset:4px}
@media (max-width:760px){.visit .grid{grid-template-columns:1fr;gap:36px}}

/* new photos */
.story .fig.team{aspect-ratio:1297/1212}
.cater-img{display:block;width:100%;max-width:440px;height:auto;margin-top:36px;border-radius:24px}
@media (max-width:900px){.cater-img{display:none}}

/* about: photo leads */
.about-top .about-h1{font-size:18px;font-weight:700;line-height:1.3;margin-bottom:20px}
.team-photo{margin:0;border-radius:24px;overflow:hidden;background:var(--pink);aspect-ratio:16/10}
.team-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 60%;display:block}
.about-copy{max-width:52ch;margin-top:clamp(32px,4vw,56px);font-size:clamp(19px,1.6vw,22px)}
.about-copy p+p{margin-top:18px}
@media (max-width:640px){.team-photo{aspect-ratio:4/3}}

/* case photo under sorbetto */
.lineup-wrap{display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(32px,6vw,96px);grid-template-rows:auto 1fr}
.lineup-wrap .lineup-cols{display:contents}
.lineup-wrap .group:not(.sorb){grid-column:1;grid-row:1/3}
.lineup-wrap .group.sorb{grid-column:2;grid-row:1}
.case-photo{grid-column:2;grid-row:2;width:100%;height:0;min-height:calc(100% - 40px);object-fit:cover;object-position:50% 50%;border-radius:24px;margin-top:40px}
@media (max-width:760px){.lineup-wrap{grid-template-columns:1fr;grid-template-rows:none}.lineup-wrap .group:not(.sorb),.lineup-wrap .group.sorb,.case-photo{grid-column:1;grid-row:auto}.case-photo{height:auto;min-height:0;aspect-ratio:4/5;margin-top:48px}}

/* case photo: full portrait */
.case-photo{width:min(100%,440px);height:auto;min-height:0;aspect-ratio:1086/1349;object-fit:cover}
@media (max-width:760px){.case-photo{width:100%}}

/* about: current favorites */
.faves{background:var(--blush);padding:clamp(56px,7vw,96px) var(--gutter)}
.faves h2{font-size:clamp(32px,4.5vw,56px);font-weight:800;font-variation-settings:"wdth" 112;line-height:1.05}
.faves-month{font-weight:700;color:var(--pink);margin-top:8px}
.fave-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px;margin-top:32px;max-width:900px}
.fave{background:var(--white);border-radius:24px;padding:28px 28px 32px;display:flex;flex-direction:column;gap:6px}
.fave .who{font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--pink)}
.fave .what{font-size:clamp(24px,2.6vw,32px);font-weight:800;line-height:1.1;font-variation-settings:"wdth" 112}

/* home: also at the counter */
.extras{margin-top:56px;padding-top:32px;border-top:1px solid rgba(255,255,255,.25)}
.extras h3{font-size:18px;font-weight:700;color:var(--yellow);margin-bottom:16px}
.extras .chips{list-style:none;display:flex;flex-wrap:wrap;gap:10px}
.extras .chips li{border:2px solid var(--white);border-radius:999px;padding:7px 16px;font-weight:600;font-size:16px;line-height:1.3}
.winter-row{margin-top:14px;display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center}
.winter-label{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--blue)}
.winter-row .chips li{border-color:var(--blue);color:var(--blue)}
.cake-note{margin-top:24px;font-size:16px;max-width:60ch;color:rgba(255,255,255,.85)}
.cake-note a{color:var(--white);font-weight:600}

/* intro: highlighter swipe */
.hl{color:inherit;background:linear-gradient(transparent 30%,var(--blue) 30%,var(--blue) 94%,transparent 94%);padding:0 .08em 0 .04em;margin:0 0 0 -.04em;border-radius:.15em;-webkit-box-decoration-break:clone;box-decoration-break:clone}

/* closure banner */
.closure{position:fixed;inset:0 0 auto 0;z-index:30;background:var(--yellow);color:var(--black);font-weight:700;font-size:16px;line-height:1.35;text-align:center;padding:10px var(--gutter)}
body.has-closure{padding-top:var(--closure-h,42px)}
body.has-closure .nav{top:var(--closure-h,42px)}
/* form hint */
.f .hint{margin-top:6px;font-size:14px;color:var(--grey)}

/* brand fonts: Unbounded headlines, Nunito body (2026-10-18) */
body{font-family:"Nunito",system-ui,sans-serif;font-variation-settings:normal}
.slide h1,.slide h2,h2.big,h1.big{font-family:"Unbounded",sans-serif;font-weight:800;letter-spacing:-0.03em}
.slide h1,.slide h2{font-size:clamp(44px,11vw,180px)}
.slide.photo h1,.slide.photo h2{font-size:clamp(40px,6vw,104px)}
h2.big,h1.big{font-size:clamp(34px,6vw,88px)}
.flavor .n,.menu-head .month,ul.names li,.faves h2,.fave .what,footer .foot-tag{font-family:"Unbounded",sans-serif;font-weight:700;letter-spacing:-0.02em}
.flavor .n{font-size:clamp(24px,3.6vw,46px)}
/* catering and cake order forms (2026-10-23) */
.terms{margin-top:28px;display:grid;gap:14px;max-width:46ch}
.terms div{border-top:2px solid var(--black);padding-top:10px}
.terms dt{font-weight:800;font-size:16px}
.terms dd{font-size:17px;line-height:1.45}
.price-tag{margin-top:28px;display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 16px}
.price-tag .amt{font-family:"Unbounded",sans-serif;font-weight:800;font-size:clamp(44px,5vw,64px);line-height:1;color:var(--pink)}
.price-tag .what{font-weight:700;font-size:18px}
fieldset.items{border:0;padding:0;margin:0;min-width:0;grid-column:1/-1}
fieldset.items legend{font-size:15px;font-weight:600;padding:0}
fieldset.items>.hint{margin:4px 0 12px;font-size:14px;color:var(--grey)}
.item-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px}
.f.item label{display:flex;justify-content:space-between;gap:8px}
.f.item .pr{font-weight:800}
@media (max-width:560px){.item-grid{grid-template-columns:1fr}}
.estimate{grid-column:1/-1;background:var(--blush);border-radius:16px;padding:16px 18px;font-weight:600;font-size:17px;line-height:1.45}
.estimate.warn{background:var(--yellow)}
.delivery-only[hidden]{display:none}
@media (max-width:400px){.nav a.link{padding:8px 8px;font-size:13px}.nav .logo{padding:5px 12px 9px}.nav .logo img{height:28px}}
/* catering page v2: menu cards (2026-10-23) */
section.band.cat-head{padding-bottom:clamp(32px,4vw,48px)}
.cat-menu{padding:0 var(--gutter) clamp(72px,10vw,120px)}
.cat-menu-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;margin-bottom:24px}
.cat-menu-head h2{font-family:"Unbounded",sans-serif;font-weight:800;letter-spacing:-.02em;font-size:clamp(28px,3.4vw,44px)}
.cat-menu-head p{color:var(--grey);font-weight:600;font-size:16px}
.cards{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
@media (max-width:980px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:460px){.cards{gap:12px}}
.card{border-radius:24px;overflow:hidden;display:flex;flex-direction:column}
.card img{width:100%;aspect-ratio:1/1;height:auto;object-fit:cover}
.card-body{padding:16px 18px 20px;display:flex;flex-direction:column;gap:2px}
.card .price,.band-card .price{font-family:"Unbounded",sans-serif;font-weight:800;line-height:1;letter-spacing:-.02em}
.card .price{font-size:clamp(28px,3vw,40px);margin-bottom:8px}
.card .price .slash{opacity:.45}
.card .name,.band-card .name{font-weight:800;font-size:18px;line-height:1.25}
.card .sub,.band-card .sub{font-weight:500;font-size:15px;line-height:1.4}
.c-pink{background:var(--pink)}.c-blue{background:var(--blue)}.c-yellow{background:var(--yellow)}.c-blush{background:var(--blush)}
@media (max-width:460px){.card-body{padding:12px 14px 16px}.card .name{font-size:16px}.card .sub{font-size:14px}}
.bands{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}
@media (max-width:760px){.bands{grid-template-columns:1fr}}
.band-card{border-radius:24px;padding:22px 26px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.band-card>div{display:flex;flex-direction:column;gap:4px}
.band-card .kicker{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.band-card .name{font-family:"Unbounded",sans-serif;font-size:clamp(22px,2.4vw,30px);letter-spacing:-.02em}
.band-card .price{font-size:clamp(40px,4.4vw,56px)}
.bc-pink{background:var(--pink)}
.bc-black{background:var(--black);color:var(--white)}
.bc-black .kicker{color:var(--yellow)}
.bc-black .price{color:var(--pink)}
.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:16px}
@media (max-width:980px){.facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
.facts div{border:2px solid var(--black);border-radius:20px;padding:16px 18px}
.facts dt{font-family:"Unbounded",sans-serif;font-weight:800;font-size:clamp(20px,2vw,26px);letter-spacing:-.02em}
.facts dd{margin-top:4px;font-size:15px;font-weight:600;line-height:1.4}
.cat-ask{background:var(--blush)}
.cat-ask input,.cat-ask select,.cat-ask textarea{background:var(--white)}