/* ============================================================
   components.css — Umami faithful build
   ============================================================ */

/* ---- buttons: pill + hard offset shadow (press on hover) ---- */
.btn, .btn-solid, .btn-pill {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  font-family: var(--font-body); font-weight: 800; font-size: 15px;
  padding: 15px 24px; border-radius: var(--pill); cursor: pointer;
  border: 2px solid var(--ink); color: var(--ink); background: var(--white);
  box-shadow: 3px 3px 0 0 var(--ink);
  transition: transform .18s ease, box-shadow .18s ease, background-color .3s ease, color .3s ease, border-color .3s ease;
}
.btn:hover { transform: translate(3px,3px); box-shadow: 0 0 0 0 var(--ink); }
.btn-solid, .btn-pill { background: var(--red); color: #fff; border-color: var(--ink); }
.btn-solid:hover, .btn-pill:hover { transform: translate(3px,3px); box-shadow: 0 0 0 0 var(--ink); }
.btn .arrow, .btn-solid .arrow, .btn-pill .arrow { transition: transform .2s; }
.btn:hover .arrow, .btn-solid:hover .arrow, .btn-pill:hover .arrow { transform: translateX(3px); }

/* header pill — no big shadow, compact */
.header-nav .btn-pill { padding: 11px 22px; font-size: 14px; box-shadow: 2px 2px 0 0 rgba(255,255,255,0.85); border-color: #fff; }
.header-nav .btn-pill:hover { transform: translate(2px,2px); box-shadow: 0 0 0 0 #fff; }

/* on dark sections/hero: white border + white offset shadow */
.section-ink .btn, .hero .btn, .section-ink .btn-solid, .hero .btn-solid {
  border-color: #fff; box-shadow: 3px 3px 0 0 #fff;
}
.section-ink .btn { background: transparent; color: #fff; }
.section-ink .btn:hover, .hero .btn:hover, .section-ink .btn-solid:hover, .hero .btn-solid:hover {
  transform: translate(3px,3px); box-shadow: 0 0 0 0 #fff;
}

/* ---- chips / badges ---- */
.chip {
  display: inline-flex; align-items: center; gap: 8px;
  font-family: var(--font-body); font-weight: 800; font-size: 13px;
  padding: 9px 16px; border-radius: 999px;
  background: var(--white); color: var(--ink); border: 2px solid var(--ink);
}
.chip .dot { width: 9px; height: 9px; border-radius: 50%; background: var(--red); }
.section-ink .chip, .hero .chip { background: rgba(255,255,255,0.08); color: var(--cream); border-color: rgba(255,255,255,0.28); }
.section-ink .chip .dot, .hero .chip .dot { background: var(--yellow); }

/* spinning circular badge (like Umami's rotating "since" seal) */
.seal {
  width: clamp(96px, 12vw, 132px); height: clamp(96px, 12vw, 132px);
  border-radius: 50%; background: var(--red); color: #fff;
  display: grid; place-content: center; text-align: center; position: relative;
  border: 2px solid var(--ink); box-shadow: 4px 4px 0 0 var(--ink);
}
.seal__spin { position: absolute; inset: 0; }
.seal__spin svg { width: 100%; height: 100%; }
.seal__spin text { fill: #fff; font-family: var(--font-body); font-weight: 800; font-size: 9.5px; letter-spacing: 2px; text-transform: uppercase; }
.seal__mid { font-family: var(--font-display); font-size: clamp(22px,3vw,30px); line-height: .9; }

/* ============================================================
   HERO — centered, dark, review badge + seal + floating food
   ============================================================ */
.hero { position: relative; background: var(--ink); color: var(--cream); overflow: hidden; }
.hero__inner { position: relative; z-index: 3; padding-block: clamp(44px, 7vw, 96px); text-align: center; }
.hero__badges { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-bottom: 22px; }
.hero__title {
  font-family: var(--font-display); color: var(--cream); text-transform: uppercase;
  font-size: clamp(44px, 9vw, 104px); line-height: 1.0; letter-spacing: 0.02em;
  max-width: 15ch; margin: 0 auto;
}
.hero__title .red { color: var(--red); }
.hero__sub { color: rgba(255,255,255,0.78); max-width: 54ch; margin: 20px auto 0; font-size: clamp(16px,1.7vw,19px); }
.hero__cta { display: flex; flex-wrap: wrap; gap: 16px; justify-content: center; margin-top: 30px; }
.hero__photo { margin-top: clamp(32px,4vw,52px); border-radius: 40px; overflow: hidden; border: 2px solid rgba(255,255,255,0.14); position: relative; z-index: 2; }
.hero__photo img { width: 100%; height: clamp(300px,46vw,560px); object-fit: cover; }
.hero__seal { position: absolute; right: clamp(10px, 3vw, 60px); top: clamp(120px, 20vw, 200px); z-index: 4; }
.hero__float { position: absolute; z-index: 1; border-radius: 22px; overflow: hidden; border: 2px solid rgba(255,255,255,0.12); box-shadow: 0 20px 50px rgba(0,0,0,.4); display: none; }
@media (min-width: 1000px) { .hero__float { display: block; } }
.hero__float img { width: 100%; height: 100%; object-fit: cover; }
.hero__float.f1 { width: 150px; height: 150px; left: 3%; top: 34%; transform: rotate(-6deg); }
.hero__float.f2 { width: 120px; height: 120px; right: 4%; top: 40%; transform: rotate(7deg); }
.hero__review { display: inline-flex; align-items: center; gap: 10px; margin-top: 22px; color: var(--cream); font-weight: 800; font-size: 14px; }
.hero__stars { color: var(--yellow); letter-spacing: 2px; }

/* red food/brand marquee band */
.food-strip { background: var(--red); overflow: hidden; padding-block: 14px; border-block: 2px solid var(--ink); }
.food-strip__track { display: flex; white-space: nowrap; will-change: transform; align-items: center; }
.food-strip__track span { font-family: var(--font-display); text-transform: uppercase; color: #fff; letter-spacing: 0.06em; font-size: clamp(16px,2vw,24px); padding-inline: 22px; }
.food-strip__track .sep { color: var(--cream); }

/* ============================================================
   section headers — Ranchers uppercase, eyebrow, fade-rise
   ============================================================ */
.head { text-align: center; max-width: 62ch; margin-inline: auto; }
.head .eyebrow { margin-bottom: 12px; }
.head h2 { font-size: clamp(32px, 6vw, 64px); letter-spacing: 0.03em; line-height: 1.05; }
.head p { margin-top: 14px; font-size: clamp(16px,1.6vw,18px); }
/* neutralise old ornament-head */
.ornament-head { text-align: center; }
.ornament-head .rule, .ornament-head .diamond { display: none; }
.ornament-head h2 { font-size: clamp(30px,5.5vw,52px); letter-spacing: 0.03em; }

/* ---- feature split (about) ---- */
.split { display: grid; gap: clamp(28px,5vw,60px); align-items: center; grid-template-columns: 1fr; }
@media (min-width: 900px) { .split { grid-template-columns: 1fr 1fr; } .split.reverse > .split__media { order: 2; } }
.split__media { border-radius: var(--card-radius); overflow: hidden; border: 2px solid var(--ink); box-shadow: 6px 6px 0 0 var(--ink); }
.split__media img { width: 100%; height: clamp(280px,40vw,500px); object-fit: cover; }
.split h2 { font-size: clamp(30px,5vw,52px); margin-bottom: 16px; }
.split .eyebrow { margin-bottom: 12px; }
.split p + p { margin-top: 14px; }
.split .btn, .split .btn-solid { margin-top: 24px; }

/* ---- pizza / dish cards (radius 32, scale-in) ---- */
.cards { display: grid; gap: 24px; grid-template-columns: 1fr; }
@media (min-width: 640px)  { .cards { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1000px) { .cards.cards-3 { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 900px)  { .cards.cards-4 { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1200px) { .cards.cards-4 { grid-template-columns: repeat(4, 1fr); } }
.card {
  background: var(--white); border-radius: var(--card-radius); overflow: hidden;
  border: 2px solid var(--ink); box-shadow: 5px 5px 0 0 var(--ink);
  display: flex; flex-direction: column;
}
.section-ink .card { background: #1e1e1e; border-color: #000; box-shadow: 5px 5px 0 0 rgba(0,0,0,.6); }
.card__media { position: relative; }
.card img { width: 100%; height: 210px; object-fit: cover; border-bottom: 2px solid var(--ink); }
.card__body { padding: 20px 20px 24px; }
.card__chip { display: inline-block; font-family: var(--font-body); font-weight: 800; font-size: 11px; text-transform: uppercase; letter-spacing: 0.08em; color: #fff; background: var(--red); padding: 5px 12px; border-radius: 999px; margin-bottom: 12px; }
.card__body h3 { color: var(--ink); font-size: 23px; letter-spacing: 0.02em; margin-bottom: 8px; }
.section-ink .card__body h3 { color: var(--cream); }
.card__body p { font-size: 15px; color: var(--muted); }
.section-ink .card__body p { color: rgba(255,255,255,0.68); }
.card__foot { margin-top: 16px; display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.card__price { font-family: var(--font-display); color: var(--red); font-size: 24px; letter-spacing: 1px; }

/* ---- signature menu list (Our Items) — red pill rows name<->price ---- */
.sig-list { display: grid; gap: 14px; grid-template-columns: 1fr; margin-top: 40px; }
@media (min-width: 800px) { .sig-list { grid-template-columns: 1fr 1fr; gap: 16px 28px; } }
.sig-item {
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  padding: 20px 26px; border: 2px solid var(--red); border-radius: 16px;
  transition: background-color .3s ease, color .3s ease;
}
.sig-item:hover { background: var(--red); }
.sig-item__name { font-family: var(--font-display); text-transform: uppercase; color: var(--red); font-size: clamp(18px,2vw,22px); letter-spacing: 1px; }
.sig-item__price { font-family: var(--font-display); color: var(--red); font-size: clamp(20px,2.2vw,24px); letter-spacing: 1px; white-space: nowrap; }
.sig-item__desc { display: block; font-family: var(--font-body); font-weight: 600; font-size: 13px; color: var(--muted); text-transform: none; letter-spacing: 0; margin-top: 4px; }
.sig-item:hover .sig-item__name, .sig-item:hover .sig-item__price { color: #fff; }
.sig-item:hover .sig-item__desc { color: rgba(255,255,255,0.85); }

/* ---- gallery marquee (tall images scrolling) ---- */
.gallery-marquee { overflow: hidden; }
.gallery-marquee__track { display: flex; gap: 16px; will-change: transform; }
.gallery-marquee__track img { height: clamp(220px, 30vw, 340px); width: auto; border-radius: 20px; border: 2px solid var(--ink); flex: 0 0 auto; object-fit: cover; }
/* static gallery grid fallback */
.gallery { display: grid; gap: 16px; grid-template-columns: repeat(2, 1fr); }
@media (min-width: 768px) { .gallery { grid-template-columns: repeat(4, 1fr); } }
.gallery img { width: 100%; height: clamp(150px,20vw,240px); object-fit: cover; border-radius: 20px; border: 2px solid var(--ink); }

/* ---- red branding wordmark marquee band ---- */
.branding { background: var(--red); border-block: 2px solid var(--ink); overflow: hidden; padding-block: clamp(20px,3vw,34px); }
.branding__track { display: flex; align-items: center; white-space: nowrap; will-change: transform; }
.branding__track span { font-family: var(--font-display); text-transform: uppercase; color: #fff; font-size: clamp(40px,7vw,84px); letter-spacing: 0.02em; padding-inline: 28px; }
.branding__track .star { color: var(--cream); font-size: 0.7em; }

/* ============================================================
   MENU PAGE
   ============================================================ */
.menu-head { text-align: center; padding-block: clamp(8px,2vw,20px) 8px; }
.menu-head .big { font-family: var(--font-display); text-transform: uppercase; color: var(--ink); font-size: clamp(46px,10vw,96px); line-height: 0.98; letter-spacing: 0.03em; }
.menu-head .sub { font-family: var(--font-body); color: var(--muted); font-size: clamp(16px,2vw,19px); margin-top: 12px; font-weight: 600; }
.menu-layout { display: grid; gap: clamp(28px,4vw,52px); grid-template-columns: 1fr; }
@media (min-width: 1024px) { .menu-layout { grid-template-columns: 1.7fr 1fr; align-items: start; } }
.menu-layout > div, .menu-layout > aside { min-width: 0; }
.menu-cat + .menu-cat { margin-top: clamp(38px,6vw,64px); }
.menu-cat__note { text-align: center; font-family: var(--font-body); font-weight: 700; color: var(--muted); font-size: 15px; margin-bottom: 20px; }
.size-legend { display: grid; grid-template-columns: 1fr; gap: 4px; align-items: end; padding: 16px 20px; margin-bottom: 12px; border-radius: 16px; background: var(--white); border: 2px solid var(--ink); box-shadow: 4px 4px 0 0 var(--ink); }
@media (min-width: 760px) { .size-legend { grid-template-columns: 1fr auto; gap: 16px; } }
.size-legend > span:first-child { font-family: var(--font-body); font-weight: 700; color: var(--muted); }
.size-legend > span:last-child { font-family: var(--font-display); font-weight: 400; letter-spacing: 1px; color: var(--red); white-space: nowrap; }
.menu-item { display: grid; grid-template-columns: 1fr auto; gap: 4px 16px; padding: 16px 0; border-bottom: 2px solid var(--line); }
.menu-item__name { font-family: var(--font-display); text-transform: uppercase; color: var(--ink); font-size: clamp(18px,2.1vw,23px); line-height: 1.1; letter-spacing: 0.02em; }
.menu-item__desc { grid-column: 1 / 2; font-size: 15px; color: var(--muted); max-width: 48ch; }
.menu-item__price { font-family: var(--font-display); color: var(--red); font-size: 21px; letter-spacing: 1px; white-space: nowrap; align-self: start; }
/* pizza grid with thumbs on the menu */
.pizza-grid { display: grid; gap: 20px; grid-template-columns: 1fr; margin-top: 8px; }
@media (min-width: 560px) { .pizza-grid { grid-template-columns: 1fr 1fr; } }
.pizza-cell { display: flex; gap: 16px; align-items: center; padding: 12px; border: 2px solid var(--ink); border-radius: 20px; background: var(--white); box-shadow: 4px 4px 0 0 var(--ink); }
.pizza-cell img { width: 92px; height: 92px; border-radius: 14px; object-fit: cover; border: 2px solid var(--ink); flex: 0 0 auto; }
.pizza-cell h3 { font-family: var(--font-display); text-transform: uppercase; color: var(--ink); font-size: 19px; letter-spacing: 0.02em; }
.pizza-cell p { font-size: 13.5px; color: var(--muted); margin-top: 4px; }

/* deal sidebar cards */
.deal-card { background: var(--ink); color: var(--cream); border-radius: var(--card-radius); padding: clamp(24px,3vw,34px); text-align: center; border: 2px solid #000; box-shadow: 5px 5px 0 0 rgba(0,0,0,.5); }
.deal-card + .deal-card { margin-top: 22px; }
.deal-card h3 { color: var(--cream); font-size: clamp(24px,3vw,32px); }
.deal-card .divider { display: none; }
.deal-card h4 { font-family: var(--font-body); font-weight: 800; color: #fff; font-size: 18px; margin: 6px 0 10px; text-transform: none; }
.deal-card p { color: rgba(255,255,255,0.72); font-size: 15px; margin-bottom: 8px; }
.deal-card .price { font-family: var(--font-display); color: var(--red); font-size: clamp(40px,6vw,56px); margin: 10px 0 4px; }
.deal-card ul { text-align: left; margin: 12px auto; max-width: 260px; }
.deal-card li { color: rgba(255,255,255,0.82); font-size: 15px; padding: 6px 0; border-bottom: 1px solid rgba(255,255,255,0.14); }
.deal-card li strong { color: var(--cream); }
.deal-card .btn-solid { width: 100%; justify-content: center; margin-top: 12px; }

/* ============================================================
   ORDER / CONTACT
   ============================================================ */
.order-hero { text-align: center; }
.order-phone { font-family: var(--font-display); color: var(--red); font-size: clamp(38px,9vw,82px); line-height: 1; letter-spacing: 0.03em; display: inline-block; margin: 12px 0; }
.order-steps { display: grid; gap: 22px; grid-template-columns: 1fr; margin-top: 40px; }
@media (min-width: 768px) { .order-steps { grid-template-columns: repeat(3, 1fr); } }
.order-step { background: var(--white); border-radius: var(--card-radius); border: 2px solid var(--ink); box-shadow: 5px 5px 0 0 var(--ink); padding: 30px 24px; text-align: center; }
.order-step .num { font-family: var(--font-display); color: var(--red); font-size: 46px; line-height: 1; }
.order-step h3 { color: var(--ink); font-size: 21px; margin: 10px 0 8px; }
.order-step p { font-size: 15px; color: var(--muted); }
.info-grid { display: grid; gap: 22px; grid-template-columns: 1fr; margin-top: 40px; }
@media (min-width: 768px) { .info-grid { grid-template-columns: repeat(3, 1fr); } }
.info-block { background: var(--white); border-radius: var(--card-radius); border: 2px solid var(--ink); box-shadow: 5px 5px 0 0 var(--ink); padding: 26px 24px; }
.info-block h4 { font-family: var(--font-display); color: var(--red); font-size: 20px; letter-spacing: 0.03em; margin-bottom: 12px; }
.info-block p, .info-block li { font-size: 16px; color: var(--muted); }
.hours-list li { display: flex; justify-content: space-between; padding: 6px 0; border-bottom: 1px solid var(--line); }
.hours-list li span:last-child { color: var(--ink); font-weight: 800; }
.map-embed { position: relative; overflow: hidden; border-radius: var(--card-radius); background: var(--white); border: 2px solid var(--ink); box-shadow: 5px 5px 0 0 var(--ink); display: grid; place-items: center; }
.map-embed__cta { display: inline-flex; flex-direction: column; align-items: center; gap: 4px; font-family: var(--font-display); text-transform: uppercase; letter-spacing: 0.03em; color: #fff; font-size: 20px; text-align: center; padding: 16px 30px; background: var(--red); border-radius: 999px; }
.map-embed__cta:hover { background: #b8111f; }
.map-embed__sub { font-family: var(--font-body); font-weight: 700; text-transform: none; letter-spacing: 0; font-size: 13px; color: rgba(255,255,255,0.85); }

/* ---- legal / 404 ---- */
.page-frame { padding-top: clamp(36px,5vw,64px); padding-bottom: clamp(64px,9vw,120px); }
.legal { max-width: 780px; margin-inline: auto; }
.legal h1 { color: var(--ink); font-size: clamp(34px,6vw,56px); margin-bottom: 8px; }
.legal .updated { color: var(--muted); font-weight: 700; margin-bottom: 30px; }
.legal h2 { color: var(--ink); font-size: 24px; margin: 30px 0 10px; }
.legal p, .legal li { font-size: 16.5px; color: var(--muted); margin-bottom: 12px; }
.legal a { color: var(--red-ink); font-weight: 700; }
.legal ul { list-style: disc; padding-left: 22px; }
.notfound { text-align: center; padding-block: clamp(60px,12vw,140px); }
.notfound .code { font-family: var(--font-display); color: var(--red); font-size: clamp(90px,22vw,220px); line-height: 0.9; }

/* ---- testimonials / pull-quote slider ---- */
.quotes { position: relative; }
.quote { display: none; text-align: center; max-width: 40ch; margin: 0 auto; }
.quote.on { display: block; }
.quote p { font-family: var(--font-display); text-transform: uppercase; color: var(--cream); font-size: clamp(22px,3.4vw,38px); line-height: 1.2; letter-spacing: 0.02em; }
.quote span { display: block; margin-top: 14px; font-family: var(--font-body); font-weight: 700; color: var(--yellow); font-size: 14px; }
.quotes__nav { display: flex; gap: 14px; justify-content: center; align-items: center; margin-top: 30px; }
.quotes__arrow { width: 52px; height: 52px; border-radius: 999px; border: 2px solid rgba(255,255,255,0.4); background: transparent; color: #fff; font-size: 20px; cursor: pointer; transition: background-color .4s ease, border-color .4s ease; }
.quotes__arrow:hover { background: var(--red); border-color: var(--red); }
.slider__count { color: rgba(255,255,255,0.6); font-weight: 800; font-size: 14px; }

/* ---- cookie banner ---- */
.cookie-banner[hidden] { display: none; }
.cookie-banner { position: fixed; left: 0; right: 0; bottom: 0; z-index: 120; background: var(--ink); color: #ECEAE4; display: flex; flex-wrap: wrap; align-items: center; gap: 14px 24px; padding: 16px var(--gutter); border-top: 3px solid var(--red); }
.cookie-banner p { color: rgba(255,255,255,0.82); font-size: 14.5px; margin: 0; flex: 1 1 340px; }
.cookie-banner a { color: var(--cream); text-decoration: underline; }
.cookie-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.cookie-banner .cookie-btn { font-size: 13px; padding: 11px 20px; box-shadow: 2px 2px 0 0 #fff; border-color: #fff; }
.cookie-banner .btn { background: transparent; color: #fff; }
.cookie-banner .btn:hover { transform: translate(2px,2px); box-shadow: 0 0 0 0 #fff; }
.cookie-banner .btn-solid { background: var(--red); color: #fff; }

/* keep .reveal alias working (fade-rise) */
.reveal { opacity: 0; transform: translateY(34px); transition: opacity .8s var(--ease-out), transform .8s var(--ease-out); }
.reveal.in { opacity: 1; transform: none; }
html:not(.js) .reveal { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) { .reveal { opacity: 1; transform: none; transition: none; } }

/* ---- size/price grid (menu pizzas) ---- */
.size-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-bottom: 16px; }
@media (min-width: 560px) { .size-grid { grid-template-columns: repeat(5, 1fr); } }
.size-pill { border: 2px solid var(--ink); border-radius: 16px; background: var(--white); box-shadow: 3px 3px 0 0 var(--ink); padding: 14px 10px; text-align: center; }
.size-pill__label { display: block; font-family: var(--font-body); font-weight: 800; font-size: 12.5px; text-transform: uppercase; letter-spacing: 0.03em; color: var(--ink); }
.size-pill__price { display: block; margin-top: 5px; font-family: var(--font-display); color: var(--red); font-size: 22px; letter-spacing: 1px; }

/* price badge on dish card image (top-right) */
.card__badge { position: absolute; top: 12px; right: 12px; z-index: 2; font-family: var(--font-display); background: var(--red); color: #fff; border: 2px solid var(--ink); border-radius: 999px; padding: 6px 15px; font-size: 19px; letter-spacing: 1px; box-shadow: 2px 2px 0 0 var(--ink); }

/* smaller Order pill on mobile */
@media (max-width: 899px) {
  .header-nav .btn-pill { padding: 8px 15px; font-size: 12.5px; box-shadow: 2px 2px 0 0 rgba(255,255,255,0.85); }
  .header-nav .btn-pill:hover { transform: translate(2px,2px); box-shadow: 0 0 0 0 #fff; }
  .header-nav { gap: 6px; }
}

/* legal cookie table */
.legal .cookie-table { width: 100%; border-collapse: collapse; margin: 14px 0 20px; font-size: 14.5px; }
.legal .cookie-table th, .legal .cookie-table td { border: 1px solid var(--line); padding: 10px 12px; text-align: left; vertical-align: top; color: var(--muted); }
.legal .cookie-table th { background: rgba(20,20,20,0.05); color: var(--ink); font-family: var(--font-body); font-weight: 800; text-transform: uppercase; letter-spacing: 0.03em; font-size: 12.5px; }
.legal .cookie-table td strong { color: var(--ink); }
@media (max-width: 620px) { .legal .cookie-table, .legal .cookie-table thead, .legal .cookie-table tbody, .legal .cookie-table th, .legal .cookie-table td, .legal .cookie-table tr { display: block; } .legal .cookie-table thead { display: none; } .legal .cookie-table td { border: none; border-bottom: 1px solid var(--line); padding: 4px 0; } .legal .cookie-table tr { border: 1px solid var(--line); border-radius: 10px; padding: 10px 12px; margin-bottom: 12px; } .legal .cookie-table td::before { content: attr(data-label) ": "; font-weight: 800; color: var(--ink); } }