.etterem-page {
  background: var(--color-limewash-cream);
}

.etterem-page .section {
  padding-block: clamp(3.5rem, 7vw, 6rem);
}

.etterem-page a:focus-visible {
  outline-color: var(--color-olive-leaf);
}

.etterem-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 0.48fr) minmax(0, 0.52fr);
  align-items: center;
  gap: clamp(2rem, 5vw, 5rem);
}

.etterem-hero__copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-5);
  max-width: 35rem;
}

.etterem-hero__copy > * {
  min-width: 0;
  margin: 0;
}

.etterem-hero__motifs {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: var(--space-2);
  color: var(--color-wine-red);
  font-family: var(--font-heading);
  font-size: 1.5rem;
}

.etterem-hero__motifs span:nth-child(2) {
  color: var(--color-olive-leaf);
  transform: rotate(-12deg);
}

.etterem-hero__lead {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-4);
  font-size: var(--text-lg);
  line-height: 1.62;
}

.etterem-hero__lead p {
  margin: 0;
}

.etterem-hero__actions {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-3);
}

.etterem-hero__actions > * {
  min-width: 0;
}

.etterem-hero__media {
  width: 100%;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  border-radius: var(--radius-lg);
  aspect-ratio: 3 / 2;
}

.etterem-hero__media img,
.etterem-table__media img,
.etterem-courtyard__media img,
.etterem-gallery__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.etterem-hero__media img {
  object-position: 68% center;
}

.etterem-kitchen__intro {
  width: min(100%, 37.5rem);
  min-width: 0;
}

.etterem-kitchen__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-5);
  margin-top: var(--space-7);
}

.etterem-kitchen__grid > * {
  min-width: 0;
}

.etterem-kitchen__card .card__body,
.etterem-drinks__card .card__body {
  display: flex;
  min-width: 0;
  height: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
}

.etterem-kitchen__card .card__body > *,
.etterem-drinks__card .card__body > * {
  min-width: 0;
  margin: 0;
}

.etterem-kitchen__icon {
  width: 2.5rem;
  height: 2.5rem;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--color-terracotta-peach);
  color: var(--color-ink-brown);
  font-family: var(--font-heading);
  font-size: 1.5rem;
}

.etterem-kitchen__editorial,
.etterem-kitchen__highlight {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  padding: var(--space-5);
}

.etterem-kitchen__editorial > *,
.etterem-kitchen__highlight > * {
  min-width: 0;
  margin: 0;
}

.etterem-kitchen__editorial {
  border-top: 2px solid var(--color-terracotta-peach);
  border-bottom: 1px solid var(--color-border);
}

.etterem-kitchen__highlight {
  border-radius: var(--radius-lg);
  background: var(--color-olive-leaf);
  color: var(--color-paper-warm);
}

.etterem-kitchen__highlight :is(h3, .eyebrow) {
  color: inherit;
}

.etterem-kitchen__highlight a {
  color: var(--color-paper-warm);
  font-weight: 800;
}

.etterem-table__top {
  display: grid;
  grid-template-columns: minmax(0, 0.45fr) minmax(0, 0.55fr);
  align-items: center;
  gap: clamp(2rem, 6vw, 6rem);
}

.etterem-table__copy {
  width: min(100%, 32.5rem);
  min-width: 0;
}

.etterem-table__closing {
  font-weight: 800;
}

.etterem-table__media {
  width: 100%;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  border-radius: var(--radius-lg);
  aspect-ratio: 3 / 4;
}

.etterem-table__media img {
  object-position: center;
}

.etterem-table__occasions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-5);
  margin-top: var(--space-7);
}

.etterem-table__occasion {
  display: grid;
  grid-template-columns: 2.25rem minmax(0, 1fr);
  align-items: start;
  gap: var(--space-3);
  min-width: 0;
}

.etterem-table__occasion > * {
  min-width: 0;
}

.etterem-table__occasion > span {
  display: grid;
  width: 2.25rem;
  height: 2.25rem;
  place-items: center;
  color: var(--color-wine-red);
  font-size: 1.5rem;
}

.etterem-table__occasion h3 {
  margin-bottom: var(--space-2);
  font-size: var(--text-xl);
}

.etterem-table__occasion p {
  margin: 0;
}

.etterem-drinks__intro {
  width: min(100%, 33.75rem);
  min-width: 0;
}

.etterem-drinks__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-5);
  margin-top: var(--space-7);
}

.etterem-drinks__grid > * {
  min-width: 0;
}

.etterem-drinks__mark {
  width: 2.5rem;
  height: 0.35rem;
  border-radius: var(--radius-sm);
}

.etterem-drinks__mark--turquoise { background: var(--color-faded-turquoise); }
.etterem-drinks__mark--wine { background: var(--color-wine-red); }
.etterem-drinks__mark--olive { background: var(--color-olive-leaf); }

.etterem-drinks__action,
.etterem-gallery__action {
  margin-top: var(--space-6);
}

.etterem-courtyard__visual {
  position: relative;
  min-width: 0;
}

.etterem-courtyard__media {
  width: min(100%, 90rem);
  min-width: 0;
  margin: 0 auto;
  overflow: hidden;
  aspect-ratio: 16 / 9;
}

.etterem-courtyard__media img {
  object-position: center;
}

.etterem-courtyard__container {
  position: absolute;
  inset: auto 0 0;
  display: block;
  min-width: 0;
}

.etterem-courtyard__panel {
  display: flex;
  width: min(52%, 35rem);
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  margin-bottom: clamp(1.5rem, 4vw, 3rem);
  padding: var(--space-6);
  border-radius: var(--radius-xl);
  background: var(--color-paper-warm);
}

.etterem-courtyard__panel > * {
  min-width: 0;
  margin: 0;
}

.etterem-courtyard__muted {
  color: var(--color-muted-brown);
}

.etterem-evening {
  position: relative;
  overflow: hidden;
}

.etterem-evening::before {
  position: absolute;
  top: 2rem;
  right: 7%;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: var(--color-sunlight-gold);
  box-shadow: 1.5rem 1.25rem 0 var(--color-sunlight-gold), 3rem 0.15rem 0 var(--color-sunlight-gold), 4.5rem 1.5rem 0 var(--color-sunlight-gold);
  content: "";
}

.etterem-evening__grid {
  display: grid;
  grid-template-columns: minmax(0, 0.4fr) minmax(0, 0.6fr);
  gap: clamp(2rem, 6vw, 6rem);
}

.etterem-evening__copy {
  width: min(100%, 29.375rem);
  min-width: 0;
}

.etterem-evening .eyebrow {
  color: var(--color-sunlight-gold);
}

.etterem-evening__note {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-3);
  margin-top: var(--space-6);
  border-inline-start: 3px solid var(--color-wine-red);
  padding-inline-start: var(--space-4);
}

.etterem-evening__note > * {
  min-width: 0;
  margin: 0;
}

.etterem-evening__note h3 {
  font-size: var(--text-xl);
}

.etterem-evening__moods {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: start;
  gap: var(--space-4);
  padding-top: var(--space-8);
}

.etterem-evening__mood {
  min-width: 0;
}

.etterem-evening__mood > span {
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  margin-bottom: var(--space-3);
  border-radius: 50%;
  background: var(--color-sunlight-gold);
}

.etterem-evening__mood h3 {
  margin-bottom: var(--space-2);
  color: var(--color-paper-warm);
  font-size: var(--text-xl);
}

.etterem-evening__mood p {
  margin: 0;
}

.etterem-occasions__intro {
  width: min(100%, 37.5rem);
  min-width: 0;
}

.etterem-occasions__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-5);
  margin-top: var(--space-7);
}

.etterem-occasion-card {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  padding: var(--space-5);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
}

.etterem-occasion-card > * {
  min-width: 0;
  margin: 0;
}

.etterem-occasion-card--two {
  grid-column: 1 / span 3;
  background: var(--color-paper-warm);
}

.etterem-occasion-card--friends {
  grid-column: 4 / span 5;
  background: var(--color-terracotta-peach);
}

.etterem-occasion-card--evening {
  grid-column: 9 / span 4;
  background: var(--color-olive-leaf);
  color: var(--color-paper-warm);
}

.etterem-occasion-card--evening h3 {
  color: inherit;
}

.etterem-occasion-card--private {
  grid-column: 4 / span 5;
  background: var(--color-paper-warm);
  border-color: var(--color-wine-red);
}

.etterem-occasion-card--private a {
  color: var(--color-wine-red);
  font-weight: 800;
}

.etterem-gallery__intro {
  width: min(100%, 31.25rem);
  min-width: 0;
}

.etterem-gallery__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: var(--space-5);
  margin-top: var(--space-7);
}

.etterem-gallery__item {
  min-width: 0;
  margin: 0;
}

.etterem-gallery__item img {
  overflow: hidden;
  border-radius: var(--radius-lg);
}

.etterem-gallery__item--table {
  grid-column: 1 / span 7;
  grid-row: 1 / span 2;
}

.etterem-gallery__item--table img { aspect-ratio: 4 / 3; object-position: center; }
.etterem-gallery__item--courtyard { grid-column: 8 / span 5; grid-row: 1; }
.etterem-gallery__item--night { grid-column: 8 / span 5; grid-row: 2; }
.etterem-gallery__item--courtyard img,
.etterem-gallery__item--night img { aspect-ratio: 16 / 10; }
.etterem-gallery__item--courtyard img { object-position: center; }
.etterem-gallery__item--night img { object-position: center; }

.etterem-booking__panel {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-6);
  padding: clamp(2rem, 5vw, 4rem);
  border-radius: var(--radius-xl);
  background: var(--color-wine-red);
  color: var(--color-paper-warm);
}

.etterem-booking__panel > * {
  min-width: 0;
}

.etterem-booking__copy {
  display: flex;
  width: min(100%, 35rem);
  min-width: 0;
  flex-direction: column;
  gap: var(--space-4);
}

.etterem-booking__copy > * {
  min-width: 0;
  margin: 0;
}

.etterem-booking__copy :is(h2, .eyebrow) {
  color: inherit;
}

.etterem-booking__copy .eyebrow {
  color: var(--color-sunlight-gold);
}

.etterem-booking__actions {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: var(--space-3);
}

.etterem-booking__actions > * {
  min-width: 0;
}

.etterem-booking__secondary {
  border-color: var(--color-paper-warm);
  background: transparent;
  color: var(--color-paper-warm);
}

.etterem-booking__secondary:hover {
  border-color: var(--color-sunlight-gold);
  background: var(--color-sunlight-gold);
  color: var(--color-ink-brown);
}

.etterem-note {
  padding-block: 0 var(--space-8);
}

.etterem-note__content {
  display: flex;
  width: min(100%, 42.5rem);
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  border-top: 1px solid var(--color-border);
  padding-top: var(--space-6);
  color: var(--color-muted-brown);
}

.etterem-note__content > * {
  min-width: 0;
  margin: 0;
}

.etterem-note__links {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-5);
}

.etterem-note__links a {
  min-height: 2.75rem;
  display: inline-flex;
  align-items: center;
  font-weight: 800;
}

@media (max-width: 67.5rem) {
  .etterem-hero__grid {
    grid-template-columns: minmax(0, 0.55fr) minmax(22.5rem, 0.45fr);
    gap: var(--space-6);
  }

  .etterem-kitchen__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .etterem-kitchen__card {
    grid-column: 1 / -1;
  }
}

@media (max-width: 65rem) {
  .etterem-occasions__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .etterem-occasion-card--two,
  .etterem-occasion-card--friends,
  .etterem-occasion-card--evening,
  .etterem-occasion-card--private {
    grid-column: auto;
  }
}

@media (max-width: 60rem) {
  .etterem-table__top {
    gap: var(--space-6);
  }

  .etterem-evening__grid {
    gap: var(--space-6);
  }
}

@media (max-width: 58.75rem) {
  .etterem-drinks__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .etterem-drinks__card:last-child {
    grid-column: 1 / -1;
    width: min(100%, calc(50% - var(--space-3)));
  }

  .etterem-evening__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .etterem-evening__copy {
    width: min(100%, 35rem);
  }

  .etterem-evening__moods {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding-top: 0;
  }
}

@media (max-width: 56.25rem) {
  .etterem-courtyard__container {
    position: relative;
    inset: auto;
  }

  .etterem-courtyard__panel {
    width: min(100%, 35rem);
    margin-top: calc(var(--space-5) * -1);
    margin-bottom: 0;
  }

  .etterem-gallery__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: auto;
  }

  .etterem-gallery__item--table {
    grid-column: 1 / -1;
    grid-row: auto;
  }

  .etterem-gallery__item--courtyard,
  .etterem-gallery__item--night {
    grid-column: auto;
    grid-row: auto;
  }

  .etterem-booking__panel {
    flex-direction: column;
    align-items: flex-start;
  }

  .etterem-booking__actions {
    justify-content: flex-start;
  }
}

@media (max-width: 47.5rem) {
  .etterem-hero__grid,
  .etterem-table__top {
    grid-template-columns: minmax(0, 1fr);
  }

  .etterem-hero__copy,
  .etterem-table__copy {
    max-width: none;
    width: 100%;
  }

  .etterem-hero__media {
    aspect-ratio: 4 / 5;
  }

  .etterem-hero__media img {
    object-position: center;
  }

  .etterem-table__media {
    aspect-ratio: 4 / 5;
  }

  .etterem-table__occasions {
    grid-template-columns: minmax(0, 1fr);
  }

  .etterem-courtyard__media {
    aspect-ratio: 4 / 5;
  }

  .etterem-courtyard__media img {
    object-position: center;
  }
}

@media (max-width: 43.75rem) {
  .etterem-kitchen__grid,
  .etterem-drinks__grid,
  .etterem-occasions__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .etterem-drinks__card:last-child {
    grid-column: auto;
    width: 100%;
  }

  .etterem-evening__moods {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 40rem) {
  .etterem-gallery__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .etterem-gallery__item--courtyard,
  .etterem-gallery__item--night {
    grid-column: auto;
  }

  .etterem-gallery__item--table img { aspect-ratio: 4 / 5; }
  .etterem-gallery__item--courtyard img,
  .etterem-gallery__item--night img { aspect-ratio: 3 / 2; }
}

@media (max-width: 38.75rem) {
  .etterem-booking__actions,
  .etterem-hero__actions {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
  }

  .etterem-booking__actions > *,
  .etterem-hero__actions > * {
    width: 100%;
  }

  .etterem-note__links {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    gap: var(--space-2);
  }
}

@media (prefers-reduced-motion: reduce) {
  .etterem-page * {
    transition: none;
  }
}