:root {
  --paper: #fbf7ef;
  --paper-deep: #f4ecdd;
  --linen: #fffdf9;
  --ink: #33302a;
  --ink-soft: #4a463e;
  --muted: #6a6257;
  --forest: #1f5136;
  --forest-soft: #3d7355;
  --terracotta: #c05a30;
  --terracotta-deep: #a2461f;
  --sage: #a9c08f;
  --sage-pale: #e8eede;
  --apricot-pale: #f8dcc2;
  --line: #e7dccb;
  --line-soft: #f0e7d8;
  --font-display: "Fraunces", "Iowan Old Style", Georgia, serif;
  --font-body: "Karla", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-script: "Pinyon Script", "Segoe Script", cursive;
  --shadow-mat: 0 30px 60px -38px rgb(78 58 36 / 55%);
  --shadow-soft: 0 18px 40px -32px rgb(78 58 36 / 60%);
  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 24px;
  --radius-pill: 999px;
  --container: min(1140px, calc(100vw - 40px));
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 96px;
}

body {
  margin: 0;
  color: var(--ink);
  background-color: var(--paper);
  background-image:
    url("/assets/img/wash-apricot.svg"), url("/assets/img/wash-sage.svg"),
    url("/assets/img/wash-blush.svg");
  background-position:
    right -14vw top -8vw,
    left -18vw top 42%,
    right -12vw bottom 6%;
  background-repeat: no-repeat;
  background-size:
    58vw auto,
    52vw auto,
    46vw auto;
  background-attachment: fixed;
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.7;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

body::before {
  position: fixed;
  z-index: -1;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.028'/%3E%3C/svg%3E");
  content: "";
  inset: 0;
  pointer-events: none;
}

/* `height: auto` is required so the intrinsic height attributes on <img> do not
   defeat the aspect-ratio rules below. */
img {
  display: block;
  max-width: 100%;
  height: auto;
}

a {
  color: inherit;
}

button,
a {
  -webkit-tap-highlight-color: transparent;
}

button {
  font: inherit;
}

/* WONK enables the informal single-storey letterforms, which is what keeps
   Fraunces from reading as a hard editorial serif. SOFT stays modest: heavily
   rounded terminals gain visual weight at display sizes, so pushing it higher
   makes headings louder rather than friendlier. The light weight and the green
   do the rest — near-black at these sizes lands as a slab before the eye
   reaches any copy. */
h1,
h2,
h3 {
  color: var(--forest);
  font-family: var(--font-display);
  font-optical-sizing: auto;
  font-variation-settings:
    "SOFT" 30,
    "WONK" 1;
  font-weight: 300;
  letter-spacing: -0.01em;
}

:focus-visible {
  outline: 3px solid var(--terracotta);
  outline-offset: 4px;
}

.skip-link {
  position: fixed;
  top: 12px;
  left: 12px;
  z-index: 100;
  padding: 10px 18px;
  border-radius: var(--radius-pill);
  color: var(--linen);
  background: var(--forest);
  font-weight: 500;
  transform: translateY(-180%);
  transition: transform 160ms ease;
}

.skip-link:focus {
  transform: translateY(0);
}

.container {
  width: var(--container);
  margin-inline: auto;
}

/* ---------- header ---------- */

.site-header {
  position: sticky;
  top: 0;
  z-index: 40;
  border-bottom: 1px solid rgb(231 220 203 / 70%);
  background: rgb(251 247 239 / 86%);
  backdrop-filter: blur(16px);
}

.header-inner {
  display: flex;
  min-height: 92px;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.wordmark {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
}

.wordmark-mark {
  width: 58px;
  height: 58px;
}

.wordmark-text {
  padding-bottom: 8px;
  color: var(--forest);
  font-family: var(--font-script);
  font-size: 34px;
  font-weight: 400;
  line-height: 1;
}

.site-nav {
  display: flex;
  align-items: center;
  gap: 28px;
}

.site-nav a {
  position: relative;
  color: var(--ink-soft);
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.01em;
  text-decoration: none;
}

.site-nav a:not(.language-link)::after {
  position: absolute;
  right: 0;
  bottom: -7px;
  left: 0;
  height: 1.5px;
  background: var(--terracotta);
  content: "";
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 180ms ease;
}

.site-nav a:hover::after,
.site-nav a:focus-visible::after {
  transform: scaleX(1);
}

.language-link {
  padding: 5px 13px;
  border: 1px solid var(--line);
  border-radius: var(--radius-pill);
  background: rgb(255 253 249 / 70%);
  font-size: 13px;
  letter-spacing: 0.06em;
}

.nav-toggle {
  display: none;
  width: 44px;
  height: 44px;
  border: 1px solid var(--line);
  border-radius: 50%;
  background: var(--linen);
}

.nav-toggle span,
.nav-toggle::before,
.nav-toggle::after {
  display: block;
  width: 18px;
  height: 1.5px;
  margin: 4px auto;
  background: var(--ink);
  content: "";
  transition:
    transform 160ms ease,
    opacity 160ms ease;
}

.nav-toggle[aria-expanded="true"] span {
  opacity: 0;
}

.nav-toggle[aria-expanded="true"]::before {
  transform: translateY(6px) rotate(45deg);
}

.nav-toggle[aria-expanded="true"]::after {
  transform: translateY(-6px) rotate(-45deg);
}

/* ---------- shared type ---------- */

.eyebrow {
  margin: 0 0 14px;
  color: var(--terracotta-deep);
  font-family: var(--font-display);
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
  letter-spacing: 0;
}

.section {
  padding: clamp(72px, 9vw, 128px) 0;
}

.section--linen {
  background: rgb(255 253 249 / 72%);
}

.section--sage {
  background: rgb(232 238 222 / 62%);
}

.section-heading {
  max-width: 720px;
  margin-bottom: clamp(40px, 5.5vw, 68px);
}

.section-heading h2,
.visit-copy h2,
.story-copy h2 {
  margin: 0;
  font-size: clamp(28px, 3.2vw, 40px);
  line-height: 1.16;
}

.section-heading p:not(.eyebrow) {
  max-width: 620px;
  margin: 22px 0 0;
  color: var(--muted);
  font-size: 17px;
}

/* ---------- photo frames ---------- */

.mat {
  padding: 12px;
  border-radius: var(--radius-lg);
  background: var(--linen);
  box-shadow: var(--shadow-mat);
}

.mat img {
  width: 100%;
  border-radius: var(--radius-md);
  object-fit: cover;
}

/* ---------- hero ---------- */

.hero {
  position: relative;
  padding: clamp(56px, 7vw, 104px) 0 clamp(64px, 8vw, 116px);
}

.hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(380px, 0.95fr);
  align-items: center;
  gap: clamp(44px, 6vw, 88px);
}

.hero h1 {
  max-width: 26ch;
  margin: 0;
  font-size: clamp(38px, 4.2vw, 56px);
  line-height: 1.14;
  /* Without this the second sentence wraps to leave "těstem." alone on its own
     line. Unsupported browsers just get the default greedy wrap. */
  text-wrap: balance;
}

/* The headline is two sentences and reads as two lines. Left inline it wrapped
   mid-thought into a three-line slab, which is most of what made it shout. */
.hero h1 em {
  display: block;
  font-style: italic;
}

.hero-lede {
  max-width: 52ch;
  margin: 26px 0 0;
  color: var(--muted);
  font-size: clamp(17px, 1.5vw, 20px);
}

.hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 34px;
}

.button {
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 26px;
  border: 1px solid transparent;
  border-radius: var(--radius-pill);
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.01em;
  text-decoration: none;
  transition:
    transform 160ms ease,
    background 160ms ease,
    border-color 160ms ease,
    color 160ms ease;
}

.button:hover {
  transform: translateY(-2px);
}

.button--primary {
  color: var(--linen);
  background: var(--forest);
  box-shadow: 0 14px 30px -20px var(--forest);
}

.button--primary:hover {
  background: #17402a;
}

.button--secondary {
  border-color: var(--line);
  color: var(--ink-soft);
  background: rgb(255 253 249 / 78%);
}

.button--secondary:hover {
  border-color: var(--terracotta);
  color: var(--terracotta-deep);
}

.button--text {
  min-height: auto;
  padding-inline: 0;
  border-radius: 0;
  color: var(--terracotta-deep);
}

.button--text::after {
  content: "↗";
}

.hero-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 14px 28px;
  margin: 32px 0 0;
  padding: 0;
  color: var(--muted);
  font-size: 14px;
  list-style: none;
}

.hero-meta li {
  display: flex;
  align-items: center;
  gap: 9px;
}

.hero-meta li::before {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--terracotta);
  content: "";
  opacity: 0.75;
}

.hero-meta a {
  color: var(--muted);
  text-decoration-color: var(--line);
  text-underline-offset: 3px;
}

.hero-visual {
  position: relative;
}

.hero-photo {
  display: block;
  transform: rotate(-0.8deg);
}

.hero-photo img {
  aspect-ratio: 4 / 3;
}

.hero-caption {
  max-width: 30ch;
  margin: 22px auto 0;
  color: var(--forest-soft);
  font-family: var(--font-display);
  font-size: 19px;
  font-style: italic;
  font-weight: 400;
  line-height: 1.4;
  text-align: center;
}

/* ---------- story ---------- */

.story-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(300px, 0.85fr);
  align-items: center;
  gap: clamp(40px, 7vw, 96px);
}

.story-copy p:not(.eyebrow) {
  margin: 22px 0 0;
  color: var(--muted);
  font-size: 17px;
}

.story-pullquote {
  max-width: 34ch;
  margin: 34px 0 0;
  padding-left: 24px;
  border-left: 2px solid var(--terracotta);
  color: var(--forest);
  font-family: var(--font-display);
  font-size: clamp(20px, 2vw, 26px);
  font-style: italic;
  font-weight: 400;
  line-height: 1.4;
}

.story-art {
  position: relative;
  display: grid;
  place-items: center;
  padding: clamp(16px, 3vw, 34px);
}

.story-art::before {
  position: absolute;
  z-index: 0;
  background: url("/assets/img/wash-sage.svg") center / contain no-repeat;
  content: "";
  inset: 0;
  opacity: 0.75;
}

.story-art img {
  position: relative;
  z-index: 1;
  width: min(360px, 100%);
}

/* ---------- food ---------- */

.food-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: clamp(16px, 2vw, 26px);
}

.food-card {
  margin: 0;
  padding: 10px;
  border-radius: var(--radius-lg);
  background: var(--linen);
  box-shadow: var(--shadow-soft);
}

.food-card img {
  width: 100%;
  border-radius: var(--radius-sm);
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

.food-card:nth-child(-n + 2) {
  grid-column: span 3;
}

.food-card:nth-child(n + 3) {
  grid-column: span 2;
}

.food-card:nth-child(n + 3) img {
  aspect-ratio: 4 / 3;
}

.food-card figcaption {
  padding: 14px 8px 6px;
  color: var(--forest);
  font-family: var(--font-display);
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  text-align: center;
}

/* ---------- quote band ---------- */

.quote-band {
  position: relative;
  padding: clamp(60px, 8vw, 104px) 0;
  overflow: hidden;
  text-align: center;
}

.quote-band::before {
  position: absolute;
  z-index: 0;
  background: url("/assets/img/wash-apricot.svg") center / cover no-repeat;
  content: "";
  inset: -20% -10%;
  opacity: 0.55;
}

.quote-band blockquote {
  position: relative;
  z-index: 1;
  max-width: 22ch;
  margin: 0 auto;
  color: var(--forest);
  font-family: var(--font-display);
  font-size: clamp(28px, 3.8vw, 46px);
  font-style: italic;
  font-weight: 400;
  line-height: 1.22;
}

.quote-band cite {
  position: relative;
  z-index: 1;
  display: block;
  margin-top: 20px;
  color: var(--muted);
  font-family: var(--font-display);
  font-size: 15px;
  font-style: italic;
}

/* ---------- live menu ---------- */

.live-menu-shell {
  padding: clamp(26px, 4.5vw, 56px);
  border: 1px solid var(--line-soft);
  border-radius: var(--radius-lg);
  background: var(--linen);
  box-shadow: var(--shadow-mat);
}

.menu-toolbar {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 30px;
}

.menu-toolbar h2 {
  margin: 0;
  font-size: clamp(28px, 3.2vw, 40px);
  line-height: 1.16;
}

.menu-updated {
  min-height: 20px;
  margin: 0;
  color: var(--muted);
  font-size: 12px;
}

.menu-filters {
  display: flex;
  overflow-x: auto;
  gap: 8px;
  margin: 0 -4px 34px;
  padding: 4px;
  scrollbar-width: thin;
}

.menu-filter {
  flex: 0 0 auto;
  padding: 8px 16px;
  border: 1px solid var(--line);
  border-radius: var(--radius-pill);
  color: var(--muted);
  background: var(--paper);
  cursor: pointer;
  font-size: 13px;
  font-weight: 500;
  transition:
    border-color 150ms ease,
    color 150ms ease,
    background 150ms ease;
}

.menu-filter:hover {
  border-color: var(--sage);
  color: var(--ink);
}

.menu-filter[aria-pressed="true"] {
  border-color: var(--forest);
  color: var(--linen);
  background: var(--forest);
}

.menu-category + .menu-category {
  margin-top: 52px;
}

.menu-category-heading {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-bottom: 24px;
}

.menu-category-heading h3 {
  margin: 0;
  color: var(--forest);
  font-size: clamp(23px, 2.6vw, 30px);
  font-weight: 500;
  white-space: nowrap;
}

.menu-heading-line {
  width: 100%;
  height: 1px;
  background: var(--line);
}

.menu-subcategory + .menu-subcategory {
  margin-top: 32px;
}

.menu-subcategory-title {
  margin: 0 0 10px;
  color: var(--terracotta-deep);
  font-family: var(--font-display);
  font-size: 15px;
  font-style: italic;
  font-weight: 400;
}

.menu-water-kind {
  margin: 18px 0 4px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 500;
}

.menu-row {
  display: flex;
  align-items: baseline;
  gap: 9px;
  padding: 8px 0;
}

.menu-item-copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 1px;
}

.menu-item-name {
  color: var(--ink-soft);
  font-size: clamp(15px, 2vw, 17px);
}

.menu-item-flavors {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.4;
}

.menu-leader {
  min-width: 18px;
  flex: 1;
  border-bottom: 1px dotted var(--line);
  transform: translateY(-4px);
}

.menu-price {
  color: var(--forest);
  font-family: var(--font-display);
  font-size: 16px;
  font-variant-numeric: tabular-nums;
  font-weight: 500;
  white-space: nowrap;
}

.menu-message {
  padding: 52px 0;
  color: var(--muted);
  text-align: center;
}

.menu-message--loading::before {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 10px;
  border: 2px solid var(--terracotta);
  border-top-color: transparent;
  border-radius: 50%;
  content: "";
  animation: spin 700ms linear infinite;
}

.menu-error {
  max-width: 620px;
  margin: 28px auto;
  padding: 32px;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  text-align: center;
  background: var(--paper);
}

.menu-error h3 {
  margin: 0;
  font-weight: 500;
}

.menu-error p {
  color: var(--muted);
}

.menu-error-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
  margin-top: 18px;
}

/* ---------- visit ---------- */

.visit-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.78fr);
  gap: clamp(40px, 7vw, 92px);
}

.visit-copy h2 {
  margin: 0 0 22px;
}

.visit-address {
  margin: 0 0 6px;
  color: var(--forest);
  font-family: var(--font-display);
  font-size: 21px;
  font-weight: 500;
}

.visit-phone {
  color: var(--terracotta-deep);
  font-size: 17px;
  font-weight: 500;
}

.visit-note {
  max-width: 46ch;
  margin: 22px 0 0;
  color: var(--muted);
  font-size: 16px;
}

.visit-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 30px;
}

.hours-card {
  align-self: start;
  padding: 34px;
  border: 1px solid var(--line-soft);
  border-radius: var(--radius-lg);
  background: var(--linen);
  box-shadow: var(--shadow-soft);
}

.hours-card h3 {
  margin: 0 0 20px;
  font-size: 23px;
  font-weight: 500;
}

.hours-row {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  padding: 12px 0;
  border-top: 1px solid var(--line-soft);
}

.hours-row strong {
  font-family: var(--font-display);
  font-variant-numeric: tabular-nums;
  font-weight: 500;
}

.hours-note {
  margin: 20px 0 0;
  color: var(--muted);
  font-size: 12px;
}

.hours-note a {
  color: var(--terracotta-deep);
  font-weight: 500;
}

/* ---------- courts footnote ---------- */

.courts {
  padding: clamp(40px, 5vw, 64px) 0;
  background: rgb(232 238 222 / 55%);
}

.courts-inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 340px);
  align-items: center;
  gap: clamp(24px, 4vw, 56px);
}

.courts p {
  max-width: 48ch;
  margin: 0;
  color: var(--ink-soft);
  font-size: 16px;
}

.courts p a {
  color: var(--forest);
  font-weight: 500;
  text-decoration-color: var(--sage);
  text-underline-offset: 4px;
}

.courts img {
  width: 100%;
  aspect-ratio: 3 / 1;
  object-fit: contain;
  mix-blend-mode: multiply;
}

/* ---------- footer ---------- */

.site-footer {
  padding: 64px 0 28px;
  border-top: 1px solid var(--line);
  background: var(--paper-deep);
}

.footer-grid {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: end;
  gap: 40px;
}

.footer-wordmark {
  margin: 0;
  color: var(--forest);
  font-family: var(--font-script);
  font-size: clamp(42px, 4.4vw, 58px);
  font-weight: 400;
  line-height: 1.1;
}

.footer-tagline {
  margin: 6px 0 0;
  color: var(--terracotta-deep);
  font-family: var(--font-display);
  font-size: 16px;
  font-style: italic;
}

.footer-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 22px;
}

.footer-links a {
  color: var(--ink-soft);
  font-size: 14px;
  text-decoration: none;
}

.footer-links a:hover {
  color: var(--terracotta-deep);
}

.footer-bottom {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  margin-top: 48px;
  padding-top: 20px;
  border-top: 1px solid var(--line);
  color: var(--muted);
  font-size: 12px;
}

/* ---------- reveals ---------- */

.js [data-reveal] {
  opacity: 1;
  transform: none;
  transition:
    opacity 600ms ease,
    transform 600ms ease;
}

.js [data-reveal].is-visible {
  opacity: 1;
  transform: none;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

/* ---------- responsive ---------- */

@media (max-width: 980px) {
  .hero-grid,
  .story-grid,
  .visit-grid,
  .courts-inner {
    grid-template-columns: 1fr;
  }

  .story-art {
    order: -1;
    max-width: 420px;
    margin-inline: auto;
  }

  .courts img {
    max-width: 420px;
  }
}

@media (max-width: 760px) {
  :root {
    --container: min(100% - 32px, 620px);
  }

  body {
    background-size:
      120vw auto,
      110vw auto,
      110vw auto;
    background-attachment: scroll;
  }

  .nav-toggle {
    display: block;
  }

  .site-nav {
    position: absolute;
    top: calc(100% + 1px);
    right: 0;
    left: 0;
    display: grid;
    gap: 0;
    padding: 12px 16px 20px;
    border-bottom: 1px solid var(--line);
    background: var(--paper);
    box-shadow: 0 20px 40px -34px var(--ink);
    transform: translateY(-130%);
    visibility: hidden;
    opacity: 0;
    transition:
      transform 180ms ease,
      opacity 180ms ease,
      visibility 180ms ease;
  }

  .site-nav[data-open="true"] {
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
  }

  .site-nav a {
    padding: 12px 10px;
  }

  .language-link {
    width: fit-content;
    margin-top: 4px;
  }

  .hero {
    padding-top: 48px;
  }

  .food-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .food-card:nth-child(-n + 2),
  .food-card:nth-child(n + 3) {
    grid-column: span 1;
  }

  .food-card:nth-child(1) {
    grid-column: span 2;
  }

  .food-card img,
  .food-card:nth-child(n + 3) img {
    aspect-ratio: 4 / 3;
  }

  .food-card:nth-child(1) img {
    aspect-ratio: 3 / 2;
  }

  .menu-toolbar {
    display: block;
  }

  .menu-updated {
    margin-top: 8px;
  }

  .menu-row {
    gap: 6px;
  }

  .footer-grid {
    grid-template-columns: 1fr;
  }

  .footer-links {
    justify-content: flex-start;
  }

  .footer-bottom {
    flex-direction: column;
    gap: 8px;
  }
}

@media (max-width: 430px) {
  .hero-actions .button,
  .visit-actions .button,
  .menu-error-actions .button {
    width: 100%;
  }

  .hero-meta {
    display: grid;
    gap: 10px;
  }

  .section {
    padding-block: 64px;
  }

  .live-menu-shell {
    padding: 26px 19px 32px;
  }

  .food-card figcaption {
    font-size: 15px;
  }

  .hours-card {
    padding: 28px 22px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}

@media print {
  .site-header,
  .hero,
  .story,
  .food,
  .quote-band,
  .courts,
  .visit,
  .site-footer,
  .menu-filters,
  .menu-updated {
    display: none !important;
  }

  body,
  .section,
  .live-menu-shell {
    padding: 0;
    border: 0;
    background: #fff;
    box-shadow: none;
  }
}