/* Fat Boy's Quality Cuts — concept preview. Identity: DISTINCTIVENESS.md (Ultra + Chivo, butcher-paper cream / meat crimson). */

/* URLs are relative to THIS file, which lives in /assets/ — so "fonts/…", not
   "assets/fonts/…" (the latter resolved to /assets/assets/… and 404'd, silently
   dropping the whole Ultra/Chivo identity to fallback fonts). */
@font-face {
  font-family: "Ultra";
  src: url("fonts/ultra-400.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
/* Chivo is a VARIABLE font — chivo-400.woff2 and chivo-700.woff2 are byte-identical
   (same md5), because Google ships one file covering the whole 100-900 axis. Two
   @font-face blocks meant a phone downloaded the same 33KB twice, 66KB for one face.
   One block declaring the RANGE gets real bold from a single download.
   Verified rendering, not assumed: at 60px the 700 weight lays down 1.40x the ink of
   the 400 weight and the wght axis responds across 400/700/900, so bold is genuinely
   rendering — the duplicate was a payload bug, not a broken-bold bug. */
@font-face {
  font-family: "Chivo";
  src: url("fonts/chivo-400.woff2") format("woff2-variations"),
       url("fonts/chivo-400.woff2") format("woff2");
  font-weight: 100 900;
  font-display: swap;
}

:root {
  --paper: #f5eee3;
  --paper-2: #ede2cf;
  --ink: #221d1a;
  --ink-soft: #55483f;
  --meat: #a41623;
  --meat-deep: #7e0f1a;
  --pink: #e8b4a2;
  --pink-soft: #f3d9cd;
  --display: "Ultra", "Rockwell Extra Bold", serif;
  --text: "Chivo", "Helvetica Neue", Arial, sans-serif;
}

* { margin: 0; padding: 0; box-sizing: border-box; }
html {
  scroll-behavior: smooth;
  /* Without this, iOS Safari inflates text unevenly on rotation and the hand-tuned
     clamp() sizes stop agreeing with each other (headings vs the price board). */
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
/* Kill the grey iOS tap flash and the 300ms double-tap-zoom hesitation. The pack
   builder is 22 checkboxes tapped in a row — the styled .is-checked state is the
   feedback the user should see, not the browser's default highlight. */
a, button, label, summary, .btn, input[type="submit"] {
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}
body {
  font-family: var(--text);
  font-size: 1.02rem;
  line-height: 1.65;
  color: var(--ink);
  background: var(--paper);
}
img { max-width: 100%; display: block; }
a { color: var(--meat); }
::selection { background: var(--meat); color: var(--paper); }
:focus-visible { outline: 3px solid var(--meat); outline-offset: 2px; }

.wrap { max-width: 1080px; margin: 0 auto; padding: 0 20px; }

h1, h2, h3 { font-family: var(--display); font-weight: 400; line-height: 1.08; letter-spacing: 0.01em; }

/* preview ribbon */
.previewbar {
  background: var(--ink);
  color: var(--paper);
  font-size: 0.78rem;
  text-align: center;
  padding: 6px 12px;
}
.previewbar a { color: var(--pink); }

/* header */
.site-head { background: var(--paper); }
.head-row {
  display: flex;
  align-items: center;
  gap: 28px;
  padding: 16px 20px;
}
.brand {
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  color: var(--ink);
  /* The logo links home, so it is a real target. It measured 38px at 320 once the
     <=380 block shrank the mark; the text sits beside it so the row is short. */
  min-height: 44px;
}
.brand img { border-radius: 50%; }
.brand-name {
  font-family: var(--display);
  font-size: 1.05rem;
  line-height: 1.05;
}
.brand-name em { font-style: normal; color: var(--meat); }
.site-nav { display: flex; gap: 20px; margin-left: auto; align-items: center; }
.site-nav a {
  font-weight: 700;
  font-size: 0.82rem;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  text-decoration: none;
  color: var(--ink);
  border-bottom: 2px solid transparent;
  /* 44px minimum touch height. The nav measured 26px on a phone, which is the
     primary navigation of the site and the easiest thing in the world to miss.
     Flex centring keeps the underline hugging the text, not the padded box. */
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  padding-bottom: 2px;
}
.site-nav a:hover { border-bottom-color: var(--meat); }

/* the awning — signature 1 (pure CSS scalloped shopfront awning) */
.awning {
  height: 12px;
  background: repeating-linear-gradient(90deg, var(--meat) 0 44px, var(--paper-2) 44px 88px);
}
.awning::after {
  content: "";
  display: block;
  height: 14px;
  background-image:
    radial-gradient(circle at 22px 0, var(--meat) 0 13px, transparent 14px),
    radial-gradient(circle at 66px 0, var(--paper-2) 0 13px, transparent 14px);
  background-size: 88px 14px;
  background-repeat: repeat-x;
}

/* buttons */
.btn {
  display: inline-block;
  font-weight: 700;
  font-size: 0.95rem;
  text-decoration: none;
  padding: 13px 24px;
  border-radius: 4px;
  border: 2px solid var(--meat);
  transition: transform 0.15s ease, background 0.15s ease, color 0.15s ease;
}
.btn:hover { transform: translateY(-1px); }
.btn-solid { background: var(--meat); color: var(--paper); }
.btn-solid:hover { background: var(--meat-deep); }
.btn-line { color: var(--ink); border-color: var(--ink); }
.btn-line:hover { background: var(--ink); color: var(--paper); }
.head-call {
  padding: 10px 18px;
  font-size: 0.85rem;
  /* Measured 42px at 320 — under the 44px floor, on the primary conversion CTA.
     The <=380 block below trims its padding further, which is what tipped it. */
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* hero */
.hero { padding: 64px 0 72px; }
.hero-grid {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 48px;
  align-items: center;
}
.kicker {
  font-weight: 700;
  font-size: 0.8rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--meat);
  margin-bottom: 14px;
}
.hero h1 {
  font-size: clamp(1.9rem, 5.4vw, 3.9rem);
  margin-bottom: 18px;
}
.lede { font-size: 1.12rem; color: var(--ink-soft); max-width: 34em; }
.cta-row { display: flex; flex-wrap: wrap; gap: 14px; margin: 26px 0 22px; }
.chips { list-style: none; display: flex; flex-wrap: wrap; gap: 10px; }
.chips li {
  background: var(--paper-2);
  border: 1px solid rgba(34, 29, 26, 0.16);
  border-radius: 999px;
  font-size: 0.84rem;
  font-weight: 700;
  padding: 6px 14px;
}

/* the wrapped parcel */
.hero-card { display: flex; justify-content: center; }
.paper-parcel {
  background:
    repeating-linear-gradient(-45deg, var(--pink-soft) 0 26px, var(--pink) 26px 52px);
  border: 1px solid rgba(34, 29, 26, 0.2);
  border-radius: 6px;
  padding: 56px 40px;
  transform: rotate(-3deg);
  box-shadow: 6px 8px 0 rgba(34, 29, 26, 0.16);
  text-align: center;
  position: relative;
}
/* twine */
.paper-parcel::before,
.paper-parcel::after {
  content: "";
  position: absolute;
  background: var(--ink);
  opacity: 0.55;
}
.paper-parcel::before { inset: 50% 0 auto 0; height: 3px; }
.paper-parcel::after { inset: 0 auto 0 50%; width: 3px; }
.parcel-stamp {
  display: inline-block;
  font-family: var(--display);
  font-size: 1.9rem;
  color: var(--meat);
  border: 3px solid var(--meat);
  border-radius: 8px;
  padding: 8px 18px;
  transform: rotate(2deg);
  background: var(--paper);
  position: relative;
  z-index: 1;
}
.parcel-line, .parcel-price {
  display: block;
  font-weight: 700;
  font-size: 0.72rem;
  letter-spacing: 0.16em;
  margin-top: 14px;
  color: var(--ink);
  position: relative;
  z-index: 1;
}

/* packs — dark counter block */
.packs {
  background: var(--ink);
  color: var(--paper);
  padding: 72px 0 84px;
}
.packs h2, .range h2, .visit h2 { font-size: clamp(1.7rem, 3.6vw, 2.5rem); margin-bottom: 10px; }
.section-lede { color: var(--ink-soft); margin-bottom: 40px; }
.packs .section-lede { color: rgba(245, 238, 227, 0.75); }
.pack-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.pack {
  background: var(--paper);
  color: var(--ink);
  border-radius: 6px;
  padding: 34px 20px 22px;
  position: relative;
}
.pack h3 { font-size: 1.15rem; margin-bottom: 10px; color: var(--meat-deep); }
.pack p { font-size: 0.9rem; color: var(--ink-soft); }
.pack-flag { box-shadow: 0 0 0 3px var(--pink); }

/* Pack tile art on the front page. The section sits on the dark ground, so the
   tile needs a hairline to stop its paper edge dissolving into the card's paper.
   Sits under the hanging price tag, which keeps its own absolute position. */
.pack-thumb { margin: 0 0 16px; }
.pack-thumb img {
  display: block;
  width: 100%;
  /* height:auto is LOAD-BEARING. WordPress emits height="300" as a presentational
     attribute, and aspect-ratio is ignored unless height is auto — so without this
     the box computed 205x300 and object-fit:cover sliced the sides off every tile
     (Freezer Filler cropped to blank paper). */
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: contain;
  border-radius: 4px;
  border: 1px solid rgba(34, 29, 26, 0.12);
}

/* hanging price tag — signature 2 */
.tag {
  position: absolute;
  top: -16px;
  right: 18px;
  background: var(--meat);
  color: var(--paper);
  font-family: var(--display);
  font-size: 1.05rem;
  padding: 8px 14px 7px;
  border-radius: 3px 3px 4px 4px;
  clip-path: polygon(12% 0, 100% 0, 100% 100%, 0 100%, 0 22%);
  transform-origin: 6px 4px;
}
.tag::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 7px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--paper);
}
.pack:hover .tag { animation: swing 0.9s ease-in-out; }
@keyframes swing {
  0% { transform: rotate(0); }
  30% { transform: rotate(7deg); }
  60% { transform: rotate(-5deg); }
  80% { transform: rotate(3deg); }
  100% { transform: rotate(0); }
}

/* range board */
.range { padding: 72px 0; }
.board {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  background: #fdf7eb;
  border: 1px solid rgba(34, 29, 26, 0.25);
  border-radius: 6px;
  overflow: hidden;
}
.board-col { padding: 28px 26px; }
.board-col + .board-col { border-left: 1px dashed rgba(34, 29, 26, 0.25); }
.board-col h3 {
  color: var(--meat);
  font-size: 1.05rem;
  margin-bottom: 14px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.board-col ul { list-style: none; }
.board-col li {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  font-size: 0.92rem;
  padding: 7px 0;
}
.board-col li + li { border-top: 1px dashed rgba(34, 29, 26, 0.18); }
.board-col li span { font-weight: 700; white-space: nowrap; }
.gourmet {
  background: var(--pink-soft);
  border-radius: 6px;
  padding: 26px 30px;
  margin-top: 24px;
}
.gourmet h3 { color: var(--meat-deep); font-size: 1.1rem; margin-bottom: 8px; }
.gourmet p { font-size: 0.95rem; }
.range-cats {
  margin-top: 18px;
  font-size: 0.85rem;
  color: var(--ink-soft);
}

/* visit */
.visit { background: var(--paper-2); padding: 72px 0 80px; }
.visit-shot {
  margin: 0 0 44px;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 18px 40px rgba(34, 29, 26, 0.22);
}
.visit-shot img { display: block; width: 100%; height: auto; }
.visit-grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 48px;
  align-items: start;
}
.addr { font-size: 1.15rem; margin: 12px 0 10px; }
.visit-links { display: flex; flex-wrap: wrap; gap: 12px; margin: 20px 0 16px; }
.socials { font-weight: 700; }
.hours-card {
  background: var(--ink);
  color: var(--paper);
  border-radius: 6px;
  padding: 30px 30px 24px;
}
.hours-card h3 { font-size: 1.3rem; margin-bottom: 14px; color: var(--pink); }
.hours { width: 100%; border-collapse: collapse; }
.hours th, .hours td { text-align: left; padding: 8px 0; font-size: 0.95rem; }
.hours th { font-weight: 700; }
.hours tr + tr { border-top: 1px solid rgba(245, 238, 227, 0.18); }
.hours td { text-align: right; }
.hours-note { margin-top: 14px; font-size: 0.85rem; color: rgba(245, 238, 227, 0.75); }

/* footer */
.site-foot {
  background: var(--ink);
  color: rgba(245, 238, 227, 0.8);
  border-top: 4px solid var(--meat);
  padding: 22px 0;
  font-size: 0.82rem;
}
.foot-row { display: flex; flex-wrap: wrap; gap: 10px 24px; justify-content: space-between; }
.foot-credit a { color: var(--pink); }

/* Footer nav and contact line, both added 2026-09-17.
   The nav arrived with the link audit and no rule of its own, so its five anchors ran
   together on one line; the contact line below it restores the email his old Square site
   published. Both sit above the copyright row and are separated from it by a hairline. */
.foot-nav { display: flex; flex-wrap: wrap; gap: 8px 20px; margin-bottom: 12px; }
.foot-nav a { color: rgba(245, 238, 227, 0.86); text-decoration: none; font-weight: 700; }
.foot-nav a:hover { color: var(--pink); text-decoration: underline; }
.foot-contact {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 10px;
  margin-bottom: 14px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(245, 238, 227, 0.18);
}
.foot-contact a { color: var(--pink); text-decoration: none; }
.foot-contact a:hover { text-decoration: underline; }
.foot-sep { color: rgba(245, 238, 227, 0.45); }

/* reveals (script.js gates these behind .js on <html>) */
.js .reveal { opacity: 0; transform: translateY(14px); transition: opacity 0.5s ease, transform 0.5s ease; }
.js .reveal.in { opacity: 1; transform: none; }

/* responsive */
@media (max-width: 860px) {
  .hero-grid, .visit-grid { grid-template-columns: 1fr; }
  .hero { padding: 44px 0 56px; }
  /* .hero-card used to carry order:-1 so the small drawn parcel sat above the copy.
     With a real photograph in that slot it pushed the H1 to y=612 on a 375 viewport —
     below the fold, on the one screen that has to sell. Copy leads on mobile now. */
  .hero-card { order: 0; margin-top: 28px; }
  .hero-shot { transform: none; max-width: 100%; border-width: 8px; }
  /* the stamp measured 235px on a 335px card and ran to within 13px of the viewport
     edge, covering most of the photo */
  .hero-shot .parcel-stamp { font-size: 1.1rem; padding: 8px 14px; right: -6px; bottom: 12px; }
  .paper-parcel { padding: 40px 32px; }
  .pack-grid { grid-template-columns: repeat(2, 1fr); }
  .board { grid-template-columns: 1fr; }
  .board-col + .board-col { border-left: none; border-top: 1px dashed rgba(34, 29, 26, 0.25); }
}
@media (max-width: 560px) {
  /* The header measured 210px tall on a 375 viewport — brand on row one, the call
     button alone on row two, nav on row three — so a quarter of the first screen
     was chrome. Shrinking the brand lets the call button share row one. */
  .head-row { flex-wrap: wrap; gap: 10px 12px; padding: 12px 16px; }
  .brand { gap: 9px; }
  .brand img { width: 44px; height: 44px; }
  .brand-name { font-size: 0.92rem; }
  .site-nav { margin-left: 0; order: 3; width: 100%; justify-content: space-between; flex-wrap: wrap; gap: 2px 12px; }
  .site-nav a { font-size: 0.76rem; letter-spacing: 0.06em; }
  .head-call { margin-left: auto; padding: 11px 13px; font-size: 0.78rem; }
  /* These two were in this block before the 380px block was split out below and
     were accidentally absorbed into it, which left 381-560px — iPhone 390/393/430,
     the commonest phone widths there are — rendering packs 2-up at 165px a card
     with a 125px text column, and the hero CTAs at 144px instead of full width. */
  .pack-grid { grid-template-columns: 1fr; }
  .cta-row .btn { width: 100%; text-align: center; }
}

/* The Graham defect, measured at 320x568: brand (167px) + call button (138px) +
   32px of margins = 337px on a 320px screen, so the CTA wrapped onto a second row
   under the logo and the header swelled to 191px — 34% of the viewport — before a
   word of content. Both controls shrink here so they share row one. */
@media (max-width: 380px) {
  .head-row { gap: 8px 10px; padding: 10px 14px; }
  .brand { gap: 7px; }
  .brand img { width: 38px; height: 38px; }
  .brand-name { font-size: 0.8rem; line-height: 1.02; }
  .head-call { padding: 10px 10px; font-size: 0.7rem; letter-spacing: 0.01em; }
  .site-nav { gap: 2px 8px; }
  .site-nav a { font-size: 0.7rem; letter-spacing: 0.04em; }
  .pack-grid { grid-template-columns: 1fr; }
  .cta-row .btn { width: 100%; text-align: center; }
}
/* ------------------------------------------------------------------
   Photography sections (2026-08-14). All imagery is the client's own —
   their Square product pages and their public Facebook posts. Every img
   here carries width/height AND height:auto so the aspect-ratio rules
   win over WordPress's presentational height attribute (see the note on
   .pack-thumb img — that bug cropped a whole grid before it was caught).
   ------------------------------------------------------------------ */

/* hero: real bench shot replaces the drawn parcel */
.hero-shot {
  position: relative;
  margin: 0;
  max-width: 520px;
  border: 10px solid var(--paper);
  border-radius: 4px;
  box-shadow: 0 18px 40px rgba(34, 29, 26, 0.22);
  transform: rotate(-1.2deg);
}
.hero-shot img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: 2px;
}
.hero-shot .parcel-stamp {
  position: absolute;
  right: -14px;
  bottom: 18px;
  transform: rotate(-6deg);
}

/* counter gallery */
.counter-gallery { padding: 76px 0; background: var(--paper-2); }
/* Fixed 3-up, not auto-fit: there are exactly six shots, and auto-fit resolved to
   five columns at desktop width, leaving a single orphan on its own row. */
.shot-grid {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}
@media (max-width: 760px) { .shot-grid { grid-template-columns: repeat(2, 1fr); gap: 14px; } }
.shot-grid li { position: relative; }
.shot-grid img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 5px;
  border: 1px solid rgba(34, 29, 26, 0.12);
}
.shot-grid span {
  display: block;
  margin-top: 10px;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ink-soft);
}
.gallery-note { margin-top: 30px; }

/* ---- 44px touch targets on every standalone link that behaves like a button ----
   Measured on a real phone viewport with pointer:coarse asserted, these were 19-28px:
   the "see the whole range" / "order sausages" CTAs, the marinated-range link, the
   range-section category headings and the social links. Inline links inside running
   prose are left alone (WCAG exempts them); these are not prose, they are buttons
   wearing text. inline-flex + min-height grows the hit box without moving the
   underline off the text. */
.gallery-note a,
.gourmet-link,
.socials a,
.board-col h3 a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  font-weight: 700;
  text-decoration: none;
}
.gallery-note a { border-bottom: 2px solid var(--meat); }
.socials a { padding-right: 6px; }

/* sausages */
.snags { padding: 76px 0; }
.snags-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.85fr) minmax(0, 1fr);
  gap: 48px;
  align-items: center;
}
.snags-shot { margin: 0; }
.snags-shot img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 6px;
  border: 1px solid rgba(34, 29, 26, 0.12);
}
.snag-list { list-style: none; margin: 0 0 8px; }
.snag-list li {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 14px;
  padding: 13px 0;
  border-bottom: 1px dotted rgba(34, 29, 26, 0.25);
}
.snag-list strong { flex: 0 0 210px; color: var(--meat-deep); }
.snag-list span { flex: 1; min-width: 200px; font-size: 0.9rem; color: var(--ink-soft); }

/* cooked */
.cooked { padding: 76px 0; background: var(--ink); color: var(--paper); }
.cooked h2 { color: var(--paper); }
.cooked .section-lede { color: var(--pink-soft); }
.cooked-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; }
.cooked-card img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: 6px;
  margin-bottom: 18px;
}
.cooked-card h3 { color: var(--paper); font-size: 1.2rem; margin-bottom: 8px; }
.cooked-card p { color: var(--pink-soft); font-size: 0.93rem; }

/* notification signup — the answer to "can we do an app?" */
.notify { padding: 70px 0; background: var(--paper-2); border-top: 3px solid var(--meat); }
.notify-inner { max-width: 640px; }
.notify-ui { margin-top: 26px; }
.notify-btn { min-height: 52px; font-size: 1rem; }
.notify-ios,
.notify-done,
.notify-blocked,
.notify-unsupported,
.notify-error {
  margin: 0;
  padding: 16px 18px;
  border-radius: 6px;
  background: var(--paper);
  border: 1px solid rgba(34, 29, 26, 0.16);
  font-size: 0.95rem;
  line-height: 1.6;
}
.notify-done { border-color: var(--meat); }
.notify-error { border-color: var(--meat-deep); color: var(--meat-deep); }
/* the Share / Add to Home Screen steps, so they read as buttons not prose */
.notify-key {
  display: inline-block;
  background: var(--paper-2);
  border: 1px solid rgba(34, 29, 26, 0.25);
  border-radius: 5px;
  padding: 1px 7px;
  font-weight: 700;
  white-space: nowrap;
}
/* nothing is shown until the script decides which state applies, so the block
   never flashes a button an iPhone cannot use */
.notify-ui[data-state="loading"] > * { display: none; }

/* google rating */
.proof { padding: 46px 0; background: var(--meat-deep); color: var(--paper); }
.proof-inner { text-align: center; }
.stars { color: #f0c56a; font-size: 1.5rem; letter-spacing: 0.18em; }
.proof-score { font-family: var(--display); font-size: 1.5rem; margin: 6px 0 4px; }
.proof-score strong { font-size: 2.1rem; }
.proof-sub { color: var(--pink-soft); font-size: 0.92rem; }

@media (max-width: 780px) {
  .snags-grid { grid-template-columns: 1fr; gap: 30px; }
  .snag-list strong { flex: 0 0 100%; }
  .hero-shot { transform: none; margin: 0 auto; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .pack:hover .tag { animation: none; }
  .btn:hover { transform: none; }
  .js .reveal { opacity: 1; transform: none; transition: none; }
}