:root {
  --color-limestone: #e8dfd1;
  --color-cream: #fff9f0;
  --color-ink-olive: #26352e;
  --color-olive: #68745a;
  --color-dusty-rose: #c99b98;
  --color-terracotta: #b96f59;
  --color-stone: #d8cdbd;
  --color-oak: #b99a72;
  --color-linen: #f2eadd;
  --color-muted-text: #657067;
  --color-line: #cfc2b2;
  --color-focus: #a85748;

  --font-sans: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-serif: "Cormorant Garamond", Georgia, "Times New Roman", serif;

  --text-display: clamp(3rem, 7vw, 5.5rem);
  --text-hero: clamp(2.5rem, 5.5vw, 4.25rem);
  --text-section: clamp(2rem, 4vw, 3.25rem);
  --text-card-title: clamp(1.5rem, 2.5vw, 2.125rem);
  --text-body-large: 1.1875rem;
  --text-body: 1rem;
  --text-meta: 0.8125rem;
  --text-control: 0.875rem;

  --leading-display: 0.94;
  --leading-hero: 0.98;
  --leading-section: 1.02;
  --leading-card-title: 1.08;
  --leading-body-large: 1.5;
  --leading-body: 1.55;
  --leading-meta: 1.3;
  --leading-control: 1;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-24: 6rem;
  --space-32: 8rem;

  --container-max: 75rem;
  --container-gutter: 1rem;
  --container-editorial: 42.5rem;

  --radius-none: 0;
  --radius-control: 0.375rem;
  --radius-panel: 0.75rem;
  --radius-pill: 999px;

  --border-width: 1px;
  --border-default: var(--border-width) solid var(--color-line);
  --border-olive: var(--border-width) solid var(--color-olive);

  --shadow-none: none;
  --shadow-floating: 0 0.5rem 1.5rem rgb(38 53 46 / 8%);

  --transition-fast: 180ms ease-out;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  min-width: 320px;
  scroll-behavior: smooth;
  text-size-adjust: 100%;
}

body {
  min-width: 320px;
  min-height: 100vh;
  margin: 0;
  overflow-x: hidden;
  background: var(--color-limestone);
  color: var(--color-ink-olive);
  font-family: var(--font-sans);
  font-size: var(--text-body);
  font-weight: 400;
  line-height: var(--leading-body);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

main,
header,
footer,
section,
article,
aside,
nav,
figure,
form,
fieldset {
  min-width: 0;
}

img,
picture,
svg,
canvas,
video,
iframe {
  display: block;
  max-width: 100%;
}

img,
video {
  height: auto;
}

svg {
  fill: currentColor;
}

iframe {
  border: 0;
}

button,
input,
select,
textarea {
  max-width: 100%;
  color: inherit;
  font: inherit;
}

button,
select {
  cursor: pointer;
}

button {
  border: 0;
}

textarea {
  min-height: 7.5rem;
  resize: vertical;
}

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

a {
  color: var(--color-ink-olive);
  text-decoration-color: currentColor;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.25rem;
  transition: color var(--transition-fast), text-decoration-color var(--transition-fast);
}

a:hover {
  color: var(--color-terracotta);
  text-decoration-color: var(--color-terracotta);
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible {
  outline: 3px solid var(--color-focus);
  outline-offset: 3px;
}

::selection {
  background: var(--color-dusty-rose);
  color: var(--color-ink-olive);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 var(--space-6);
  color: var(--color-ink-olive);
  font-family: var(--font-serif);
  font-weight: 500;
  text-wrap: balance;
}

h1 {
  font-size: var(--text-hero);
  line-height: var(--leading-hero);
  letter-spacing: -0.025em;
}

h2 {
  font-size: var(--text-section);
  line-height: var(--leading-section);
  letter-spacing: -0.02em;
}

h3 {
  font-size: var(--text-card-title);
  line-height: var(--leading-card-title);
  letter-spacing: -0.015em;
}

h4 {
  font-size: clamp(1.25rem, 2vw, 1.625rem);
  line-height: 1.15;
}

h5,
h6 {
  font-family: var(--font-sans);
  font-size: var(--text-meta);
  font-weight: 600;
  letter-spacing: 0.08em;
  line-height: var(--leading-meta);
  text-transform: uppercase;
}

p {
  margin: 0 0 var(--space-6);
}

small {
  font-size: 0.8125em;
}

strong,
b {
  font-weight: 700;
}

em,
i {
  font-style: italic;
}

hr {
  height: 1px;
  margin: var(--space-8) 0;
  border: 0;
  background: var(--color-line);
}

blockquote {
  margin: 0 0 var(--space-6);
  padding: var(--space-4) 0 var(--space-4) var(--space-6);
  border-inline-start: 1px solid var(--color-olive);
  font-family: var(--font-serif);
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  line-height: 1.15;
}

blockquote > :last-child,
.content > :last-child,
.flow > :last-child,
.card__content > :last-child,
.panel__content > :last-child {
  margin-block-end: 0;
}

ul,
ol {
  margin: 0 0 var(--space-6);
  padding-inline-start: 1.25rem;
}

.content-list {
  display: grid;
  gap: var(--space-2);
  margin: 0 0 var(--space-6);
  padding-inline-start: 1.25rem;
}

.content-list > li {
  min-width: 0;
}

dl {
  margin: 0 0 var(--space-6);
}

dt {
  font-size: var(--text-meta);
  font-weight: 600;
  letter-spacing: 0.08em;
  line-height: var(--leading-meta);
  text-transform: uppercase;
}

dd {
  margin: var(--space-1) 0 var(--space-4);
}

figure {
  margin: 0 0 var(--space-6);
}

figcaption {
  margin-top: var(--space-2);
  padding: var(--space-3) var(--space-4);
  border: var(--border-default);
  background: var(--color-cream);
  color: var(--color-muted-text);
  font-size: var(--text-meta);
  letter-spacing: 0.04em;
  line-height: var(--leading-meta);
}

label {
  display: inline-block;
  margin-bottom: var(--space-2);
  color: var(--color-ink-olive);
  font-size: var(--text-meta);
  font-weight: 600;
  letter-spacing: 0.04em;
  line-height: var(--leading-meta);
}

input,
select,
textarea {
  width: 100%;
  min-height: 2.75rem;
  border: var(--border-default);
  border-radius: var(--radius-control);
  background: var(--color-cream);
  padding: 0.75rem;
  line-height: 1.3;
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast);
}

select {
  padding-inline-end: 2.5rem;
}

input::placeholder,
textarea::placeholder {
  color: var(--color-muted-text);
  opacity: 1;
}

input:hover,
select:hover,
textarea:hover {
  border-color: var(--color-olive);
}

input:focus,
select:focus,
textarea:focus {
  border-color: var(--color-focus);
  outline: 3px solid var(--color-cream);
  box-shadow: 0 0 0 5px var(--color-focus);
}

input:disabled,
select:disabled,
textarea:disabled,
button:disabled {
  cursor: not-allowed;
  border-color: var(--color-line);
  background: var(--color-linen);
  color: var(--color-muted-text);
  opacity: 0.75;
}

input[type="checkbox"],
input[type="radio"] {
  width: 1.125rem;
  min-height: 1.125rem;
  margin: 0;
  accent-color: var(--color-terracotta);
}

input[type="file"] {
  padding: var(--space-2);
}

fieldset {
  margin: 0 0 var(--space-6);
  padding: var(--space-6);
  border: var(--border-default);
  border-radius: var(--radius-control);
}

legend {
  padding: 0 var(--space-2);
  color: var(--color-ink-olive);
  font-weight: 600;
}

button,
.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.75rem;
  min-height: 3rem;
  max-width: 100%;
  border: 1px solid transparent;
  border-radius: var(--radius-control);
  padding: 0.875rem 1.125rem;
  background: var(--color-terracotta);
  color: var(--color-cream);
  font-family: var(--font-sans);
  font-size: var(--text-control);
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: var(--leading-control);
  text-align: center;
  text-decoration: none;
  transition: background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);
}

button:hover,
.button:hover {
  background: var(--color-focus);
  color: var(--color-cream);
  text-decoration: none;
}

button:active,
.button:active {
  transform: translateY(1px);
}

.button--secondary {
  border-color: var(--color-olive);
  background: transparent;
  color: var(--color-ink-olive);
}

.button--secondary:hover {
  border-color: var(--color-olive);
  background: var(--color-stone);
  color: var(--color-ink-olive);
}

.button--quiet {
  min-height: 2.75rem;
  padding: 0.75rem 0;
  background: transparent;
  color: var(--color-ink-olive);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.25rem;
}

.button--quiet:hover {
  background: transparent;
  color: var(--color-terracotta);
}

.container {
  width: min(100% - (var(--container-gutter) * 2), var(--container-max));
  margin-inline: auto;
}

.container--editorial {
  width: min(100% - (var(--container-gutter) * 2), var(--container-editorial));
  margin-inline: auto;
}

.section {
  padding-block: var(--space-12);
}

.section--spacious {
  padding-block: var(--space-16);
}

.surface-cream {
  background: var(--color-cream);
}

.surface-stone {
  background: var(--color-stone);
}

.surface-olive {
  background: var(--color-olive);
  color: var(--color-cream);
}

.surface-olive :is(h1, h2, h3, h4, h5, h6, a, label) {
  color: #ceb794;
}

.surface-olive a:hover {
  color: var(--color-linen);
}

.flow > * {
  min-width: 0;
}

.flow > * + * {
  margin-block-start: var(--space-6);
}

.flow--compact > * + * {
  margin-block-start: var(--space-4);
}

.stack {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-4);
}

.stack--compact {
  gap: var(--space-2);
}

.stack--spacious {
  gap: var(--space-8);
}

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

.cluster > * {
  min-width: 0;
}

.cluster--compact {
  gap: var(--space-2);
}

.cluster--spacious {
  gap: var(--space-6);
}

.card {
  min-width: 0;
  border: var(--border-default);
  border-radius: var(--radius-control);
  background: var(--color-cream);
  transition: border-color var(--transition-fast), transform var(--transition-fast);
}

.card:hover {
  border-color: var(--color-olive);
  transform: translateY(-2px);
}

.card__content {
  min-width: 0;
  padding: var(--space-6);
}

.card--soft {
  border-radius: var(--radius-panel);
}

.panel {
  min-width: 0;
  border: var(--border-default);
  border-radius: var(--radius-control);
  background: var(--color-cream);
}

.panel__content {
  min-width: 0;
  padding: var(--space-6);
}

.chip {
  display: inline-flex;
  align-items: center;
  min-height: 1.75rem;
  max-width: 100%;
  border-radius: var(--radius-pill);
  padding: 0.375rem 0.625rem;
  background: var(--color-linen);
  color: var(--color-ink-olive);
  font-size: var(--text-meta);
  font-weight: 600;
  letter-spacing: 0.04em;
  line-height: 1;
  white-space: nowrap;
}

.chip--rose {
  background: var(--color-dusty-rose);
}

.chip--olive {
  background: color-mix(in srgb, var(--color-olive) 22%, var(--color-stone));
}

.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  margin-bottom: var(--space-3);
  color: var(--color-olive);
  font-size: var(--text-meta);
  font-weight: 600;
  letter-spacing: 0.08em;
  line-height: var(--leading-meta);
  text-transform: uppercase;
}

.display {
  font-family: var(--font-serif);
  font-size: var(--text-display);
  font-weight: 500;
  line-height: var(--leading-display);
  letter-spacing: -0.03em;
}

.lead {
  font-size: var(--text-body-large);
  line-height: var(--leading-body-large);
}

.meta {
  color: var(--color-muted-text);
  font-size: var(--text-meta);
  font-weight: 600;
  letter-spacing: 0.08em;
  line-height: var(--leading-meta);
  text-transform: uppercase;
}

.rule {
  width: 100%;
  height: 1px;
  border: 0;
  background: var(--color-line);
}

.rule--olive {
  background: var(--color-olive);
}

.rule--terracotta {
  background: var(--color-terracotta);
}

.arch-frame {
  overflow: hidden;
  border-radius: 999px 999px 0 0;
}

.arch-frame > img,
.arch-frame > picture,
.arch-frame > video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}

@media (min-width: 43.75rem) {
  :root {
    --container-gutter: 1.5rem;
  }

  .section {
    padding-block: var(--space-16);
  }

  .section--spacious {
    padding-block: var(--space-24);
  }

  .card__content,
  .panel__content {
    padding: var(--space-8);
  }
}

@media (min-width: 75rem) {
  :root {
    --container-gutter: clamp(2.5rem, 5vw, 4rem);
  }

  .section {
    padding-block: var(--space-16);
  }

  .section--spacious {
    padding-block: var(--space-24);
  }
}

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

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


.site-header {
  position: relative;
  z-index: 70;
  border-bottom: var(--border-default);
  background: var(--color-cream);
}

.site-header__inner {
  display: flex;
  min-height: 4.5rem;
  align-items: center;
  gap: var(--space-3);
}

.site-header__brand {
  display: inline-flex;
  min-width: 0;
  flex: 1 1 auto;
  align-items: center;
  gap: .625rem;
  color: var(--color-ink-olive);
  text-decoration: none;
}

.site-header__brand:hover {
  color: var(--color-ink-olive);
}

.site-header__logo {
  width: 2rem;
  height: 2rem;
  flex: 0 0 2rem;
  object-fit: contain;
}

.site-header__brand-name {
  overflow: hidden;
  font-family: var(--font-serif);
  font-size: 1.25rem;
  font-weight: 600;
  letter-spacing: -.025em;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.site-header__toggle {
  display: inline-grid;
  width: 2.75rem;
  min-width: 2.75rem;
  min-height: 2.75rem;
  place-content: center;
  gap: .25rem;
  border: 1px solid var(--color-olive);
  background: transparent;
  color: var(--color-ink-olive);
  padding: .625rem;
}

.site-header__toggle:hover {
  background: var(--color-stone);
  color: var(--color-ink-olive);
}

.site-header__toggle-line {
  display: block;
  width: 1.25rem;
  height: 1px;
  background: currentColor;
  transition: transform var(--transition-fast), opacity var(--transition-fast);
}

.site-header__toggle[aria-expanded="true"] .site-header__toggle-line:first-child {
  transform: translateY(5px) rotate(45deg);
}

.site-header__toggle[aria-expanded="true"] .site-header__toggle-line:nth-child(2) {
  opacity: 0;
}

.site-header__toggle[aria-expanded="true"] .site-header__toggle-line:last-child {
  transform: translateY(-5px) rotate(-45deg);
}

.site-header__nav {
  position: absolute;
  top: calc(100% + 1px);
  right: 0;
  left: 0;
  display: none;
  max-height: calc(100vh - 4.5rem);
  overflow-y: auto;
  border-bottom: var(--border-default);
  background: var(--color-cream);
  box-shadow: var(--shadow-floating);
}

.site-header__nav--open {
  display: block;
}

.site-header__nav-list {
  display: grid;
  gap: 0;
  margin: 0;
  padding: var(--space-3) var(--container-gutter) var(--space-6);
  list-style: none;
}

.site-header__nav-list li,
.site-header__nav-list li + li {
  margin: 0;
  padding: 0;
}

.site-header__nav-link {
  display: flex;
  min-height: 2.75rem;
  align-items: center;
  border-bottom: 1px solid var(--color-line);
  font-size: var(--text-control);
  font-weight: 600;
  letter-spacing: .02em;
  line-height: 1.2;
  text-decoration: none;
}

.site-header__nav-link[aria-current="page"]::after {
  width: .375rem;
  height: .375rem;
  margin-left: auto;
  border-radius: 50%;
  background: var(--color-terracotta);
  content: "";
}

.site-header__reservation {
  min-height: 2.75rem;
  flex: 0 0 auto;
  padding-inline: .875rem;
  white-space: nowrap;
}

@media (min-width: 24rem) {
  .site-header__inner {
    min-height: 4.75rem;
  }

  .site-header__logo {
    width: 2.25rem;
    height: 2.25rem;
    flex-basis: 2.25rem;
  }

  .site-header__brand-name {
    font-size: 1.375rem;
  }
}

@media (min-width: 67.5rem) {
  .site-header__inner {
    min-height: 5.25rem;
    gap: var(--space-6);
  }

  .site-header__brand {
    flex: 0 1 auto;
  }

  .site-header__logo {
    width: 2.5rem;
    height: 2.5rem;
    flex-basis: 2.5rem;
  }

  .site-header__brand-name {
    font-size: 1.5rem;
  }

  .site-header__toggle {
    display: none;
  }

  .site-header__nav {
    position: static;
    display: block;
    min-width: 0;
    max-height: none;
    flex: 1 1 auto;
    overflow: visible;
    border: 0;
    background: transparent;
    box-shadow: none;
  }

  .site-header__nav-list {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    gap: clamp(.75rem, 1.6vw, 1.5rem);
    padding: 0;
  }

  .site-header__nav-link {
    min-height: 2.75rem;
    border: 0;
    font-size: .8125rem;
    white-space: nowrap;
  }

  .site-header__nav-link[aria-current="page"]::after {
    width: auto;
    height: 1px;
    margin: .4rem 0 0;
    border-radius: 0;
    background: var(--color-olive);
    content: "";
    position: absolute;
    align-self: flex-end;
  }

  .site-header__nav-link[aria-current="page"] {
    position: relative;
  }

  .site-header__reservation {
    padding-inline: 1rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .site-header__toggle-line {
    transition: none;
  }
}


.site-footer {
  border-top: var(--border-default);
  background: var(--color-cream);
  color: var(--color-ink-olive);
}

.site-footer__inner {
  display: grid;
  gap: var(--space-12);
  padding-block: var(--space-12);
}

.site-footer__brand,
.site-footer__group,
.site-footer__bottom {
  min-width: 0;
}

.site-footer__brand {
  display: grid;
  gap: var(--space-4);
  max-width: 31rem;
}

.site-footer__brand-title,
.site-footer__heading {
  margin: 0;
}

.site-footer__brand-title {
  font-family: var(--font-serif);
  font-size: clamp(2rem, 4vw, 2.75rem);
  font-weight: 500;
  line-height: 1;
}

.site-footer__copy {
  margin: 0;
  color: var(--color-muted-text);
}

.site-footer__button {
  justify-self: start;
}

.site-footer__nav {
  display: grid;
  gap: var(--space-8);
}

.site-footer__group {
  display: grid;
  gap: var(--space-3);
}

.site-footer__heading {
  color: var(--color-olive);
  font-family: var(--font-sans);
  font-size: var(--text-meta);
  font-weight: 600;
  letter-spacing: .08em;
  line-height: var(--leading-meta);
  text-transform: uppercase;
}

.site-footer__list {
  display: grid;
  gap: var(--space-2);
  margin: 0;
  padding: 0;
  list-style: none;
}

.site-footer__list li,
.site-footer__list li + li {
  margin: 0;
  padding: 0;
}

.site-footer__list a {
  display: inline-block;
  width: fit-content;
}

.site-footer__bottom {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3) var(--space-6);
  align-items: center;
  justify-content: space-between;
  border-top: var(--border-default);
  padding-top: var(--space-6);
  color: var(--color-muted-text);
  font-size: var(--text-meta);
  letter-spacing: .04em;
}

.site-footer__bottom p {
  margin: 0;
}

[data-consent-banner] {
  position: fixed;
  right: var(--container-gutter);
  bottom: var(--space-4);
  left: var(--container-gutter);
  z-index: 80;
  width: min(100% - (var(--container-gutter) * 2), 42rem);
  margin-inline: auto;
  border: var(--border-default);
  border-radius: var(--radius-control);
  background: var(--color-cream);
  box-shadow: var(--shadow-floating);
}

[data-consent-banner][hidden] {
  display: none !important;
}

.consent-banner__inner {
  display: grid;
  gap: var(--space-4);
  padding: var(--space-6);
}

.consent-banner__copy {
  margin: 0;
  color: var(--color-muted-text);
  font-size: .9375rem;
}

.consent-banner__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
}

.consent-banner__actions .button {
  flex: 1 1 10rem;
}

[data-age-modal] {
  position: fixed;
  inset: 0;
  z-index: 200;
  display: grid;
  overflow-y: auto;
  place-items: center;
  padding: var(--space-4);
  background: rgb(38 53 46 / 62%);
}

[data-age-modal][hidden] {
  display: none !important;
}

.age-modal__dialog {
  width: min(100%, 32rem);
  border: var(--border-default);
  border-radius: var(--radius-panel);
  background: var(--color-cream);
  box-shadow: var(--shadow-floating);
  padding: clamp(var(--space-6), 6vw, var(--space-12));
}

.age-modal__eyebrow,
.age-modal__title,
.age-modal__description {
  margin: 0;
}

.age-modal__eyebrow {
  margin-bottom: var(--space-3);
  color: var(--color-olive);
  font-size: var(--text-meta);
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.age-modal__title {
  margin-bottom: var(--space-4);
}

.age-modal__description {
  color: var(--color-muted-text);
}

.age-modal__actions {
  display: grid;
  gap: var(--space-3);
  margin-top: var(--space-8);
}

.age-modal__actions .button {
  width: 100%;
}

@media (min-width: 43.75rem) {
  .site-footer__inner {
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 1.85fr);
  }

  .site-footer__bottom {
    grid-column: 1 / -1;
  }

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

  .age-modal__actions {
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 75rem) {
  .site-footer__nav {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}


[data-cookie-policy-page] {
  background: var(--color-limestone);
}

[data-cookie-policy-page] .cookie-policy__intro {
  padding-block: var(--space-24) var(--space-16);
}

[data-cookie-policy-page] .cookie-policy__intro-grid {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  gap: var(--space-6);
}

[data-cookie-policy-page] .cookie-policy__intro-grid > * {
  min-width: 0;
}

[data-cookie-policy-page] .cookie-policy__intro-copy {
  grid-column: 1;
  width: min(100%, 45rem);
  min-width: 0;
}

[data-cookie-policy-page] .cookie-policy__eyebrow {
  margin-bottom: var(--space-3);
}

[data-cookie-policy-page] .cookie-policy__eyebrow::after {
  width: 2.5rem;
  height: 1px;
  background: var(--color-olive);
  content: "";
}

[data-cookie-policy-page] .cookie-policy__intro-copy h1 {
  margin-bottom: var(--space-6);
}

[data-cookie-policy-page] .cookie-policy__intro-lead {
  width: min(100%, 37.5rem);
  min-width: 0;
}

[data-cookie-policy-page] .cookie-policy__intro-lead p {
  font-size: var(--text-body-large);
  line-height: var(--leading-body-large);
}

[data-cookie-policy-page] .cookie-policy__toc-section {
  padding-block: 0 var(--space-16);
}

[data-cookie-policy-page] .cookie-policy__toc {
  display: grid;
  grid-template-columns: minmax(0, 3fr) minmax(0, 4fr) minmax(0, 4fr);
  column-gap: var(--space-6);
  row-gap: var(--space-6);
  min-width: 0;
  border: var(--border-default);
  border-radius: var(--radius-control);
  border-top: 2px solid var(--color-olive);
  background: var(--color-cream);
  padding: var(--space-8);
}

[data-cookie-policy-page] .cookie-policy__toc > * {
  min-width: 0;
}

[data-cookie-policy-page] .cookie-policy__toc-heading {
  grid-column: 1;
  width: 100%;
}

[data-cookie-policy-page] .cookie-policy__toc-heading h2 {
  margin-bottom: 0;
  font-size: clamp(1.75rem, 3vw, 2.5rem);
}

[data-cookie-policy-page] .cookie-policy__toc-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  min-width: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

[data-cookie-policy-page] .cookie-policy__toc-list--first {
  grid-column: 2;
}

[data-cookie-policy-page] .cookie-policy__toc-list--second {
  grid-column: 3;
}

[data-cookie-policy-page] .cookie-policy__toc-list li {
  min-width: 0;
  border-top: 1px solid var(--color-line);
}

[data-cookie-policy-page] .cookie-policy__toc-list li:last-child {
  border-bottom: 1px solid var(--color-line);
}

[data-cookie-policy-page] .cookie-policy__toc-list a {
  display: flex;
  align-items: center;
  min-width: 0;
  min-height: 3rem;
  gap: var(--space-3);
  padding-block: var(--space-3);
  font-size: var(--text-body);
}

[data-cookie-policy-page] .cookie-policy__toc-number {
  flex: 0 0 auto;
  color: var(--color-olive);
  font-size: var(--text-meta);
  font-weight: 600;
  letter-spacing: 0.08em;
}

[data-cookie-policy-page] .cookie-policy__document-section {
  padding-block: var(--space-16);
}

[data-cookie-policy-page] .cookie-policy__reading-grid {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  gap: var(--space-6);
}

[data-cookie-policy-page] .cookie-policy__reading-grid > * {
  min-width: 0;
}

[data-cookie-policy-page] .cookie-policy__reading-copy {
  grid-column: 1;
  width: min(100%, 42.5rem);
  min-width: 0;
}

[data-cookie-policy-page] .cookie-policy__section-heading {
  margin-bottom: var(--space-6);
}

[data-cookie-policy-page] .cookie-policy__section-heading .eyebrow {
  margin-bottom: var(--space-3);
}

[data-cookie-policy-page] .cookie-policy__definition {
  font-size: var(--text-body);
}

[data-cookie-policy-page] .cookie-policy__definition strong {
  font-weight: 700;
}

[data-cookie-policy-page] .cookie-policy__duration-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-6);
  min-width: 0;
  margin: var(--space-8) 0;
}

[data-cookie-policy-page] .cookie-policy__duration-grid > * {
  min-width: 0;
}

[data-cookie-policy-page] .cookie-policy__duration-item {
  border-top: 1px solid var(--color-line);
  padding-top: var(--space-4);
}

[data-cookie-policy-page] .cookie-policy__duration-item h3 {
  margin-bottom: var(--space-3);
  font-size: clamp(1.35rem, 2.25vw, 1.75rem);
}

[data-cookie-policy-page] .cookie-policy__duration-item p {
  margin-bottom: 0;
}

[data-cookie-policy-page] .cookie-policy__rule-note {
  margin-bottom: 0;
  padding: var(--space-4) 0 var(--space-4) var(--space-6);
  border-inline-start: 1px solid var(--color-olive);
}

[data-cookie-policy-page] .cookie-policy__categories-section {
  background: var(--color-stone);
}

[data-cookie-policy-page] .cookie-policy__categories-heading {
  width: min(100%, 42.5rem);
  min-width: 0;
  margin-bottom: var(--space-8);
}

[data-cookie-policy-page] .cookie-policy__categories-heading p:last-child {
  margin-bottom: 0;
}

[data-cookie-policy-page] .cookie-policy__category-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-6);
  min-width: 0;
}

[data-cookie-policy-page] .cookie-policy__category-grid > * {
  min-width: 0;
}

[data-cookie-policy-page] .cookie-policy__category-card {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  min-width: 0;
  min-height: 100%;
  gap: var(--space-4);
  padding: var(--space-6);
}

[data-cookie-policy-page] .cookie-policy__category-card > * {
  min-width: 0;
  margin: 0;
}

[data-cookie-policy-page] .cookie-policy__category-card h3 {
  font-size: clamp(1.65rem, 2.35vw, 2.1rem);
}

[data-cookie-policy-page] .cookie-policy__category-status {
  align-self: flex-start;
}

[data-cookie-policy-page] .cookie-policy__category-status--always {
  background: color-mix(in srgb, var(--color-olive) 22%, var(--color-stone));
}

[data-cookie-policy-page] .cookie-policy__category-example {
  color: var(--color-muted-text);
  font-size: var(--text-meta);
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: var(--leading-body);
}

[data-cookie-policy-page] .cookie-policy__categories-note {
  width: min(100%, 42.5rem);
  min-width: 0;
  margin: var(--space-8) 0 0;
}

[data-cookie-policy-page] .cookie-policy__categories-note a {
  color: var(--color-terracotta);
}

[data-cookie-policy-page] .cookie-policy__settings-section {
  position: relative;
  overflow: hidden;
  background: var(--color-stone);
}

[data-cookie-policy-page] .cookie-policy__settings-section::after {
  position: absolute;
  inset: var(--space-12) max(5vw, var(--container-gutter)) var(--space-12) auto;
  width: min(24vw, 17rem);
  border: 1px solid rgb(104 116 90 / 28%);
  border-bottom: 0;
  border-radius: 999px 999px 0 0;
  content: "";
  pointer-events: none;
}

[data-cookie-policy-page] .cookie-policy__settings-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  gap: var(--space-6);
}

[data-cookie-policy-page] .cookie-policy__settings-grid > * {
  min-width: 0;
}

[data-cookie-policy-page] .cookie-policy__settings-copy {
  grid-column: 1;
  width: min(100%, 42.5rem);
  min-width: 0;
}

[data-cookie-policy-page] .cookie-policy__settings-copy p {
  max-width: 40rem;
}

[data-cookie-policy-page] .cookie-policy__settings-copy .button {
  margin-top: var(--space-2);
}

[data-cookie-policy-page] .cookie-policy__settings-detail {
  width: min(100%, 40rem);
  min-width: 0;
  margin: var(--space-4) 0 0;
  color: var(--color-muted-text);
  font-size: var(--text-body);
}

[data-cookie-policy-page] .cookie-policy__browser-note {
  margin: var(--space-8) 0;
  border: var(--border-default);
  border-inline-start: 1px solid var(--color-olive);
  border-radius: var(--radius-control);
  background: var(--color-cream);
  padding: var(--space-6);
}

[data-cookie-policy-page] .cookie-policy__browser-note p {
  margin-bottom: 0;
}

[data-cookie-policy-page] .cookie-policy__closing-section {
  padding-bottom: var(--space-24);
}

[data-cookie-policy-page] .cookie-policy__closing-block {
  min-width: 0;
  padding-block: var(--space-8);
  border-top: 1px solid var(--color-line);
}

[data-cookie-policy-page] .cookie-policy__closing-block:first-of-type {
  padding-top: 0;
  border-top: 0;
}

[data-cookie-policy-page] .cookie-policy__closing-block:last-child {
  padding-bottom: 0;
}

[data-cookie-policy-page] .cookie-policy__closing-block p:last-child {
  margin-bottom: 0;
}

[data-cookie-policy-page] .cookie-policy__contact-link {
  display: inline-flex;
  align-items: center;
  min-height: 2.75rem;
}

[data-cookie-policy-page] :is(a, button):focus-visible {
  outline: 3px solid var(--color-focus);
  outline-offset: 3px;
}

@media (min-width: 43.75rem) {
  [data-cookie-policy-page] .cookie-policy__intro {
    padding-block: var(--space-24) var(--space-16);
  }
}

@media (max-width: 60rem) {
  [data-cookie-policy-page] .cookie-policy__category-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  [data-cookie-policy-page] .cookie-policy__category-card--performance {
    grid-column: 1 / span 1;
  }
}

@media (max-width: 56.25rem) {
  [data-cookie-policy-page] .cookie-policy__toc {
    grid-template-columns: 1fr;
    gap: var(--space-4);
  }

  [data-cookie-policy-page] .cookie-policy__toc-heading,
  [data-cookie-policy-page] .cookie-policy__toc-list--first,
  [data-cookie-policy-page] .cookie-policy__toc-list--second {
    grid-column: 1;
    width: 100%;
  }

  [data-cookie-policy-page] .cookie-policy__toc-list--first li:last-child {
    border-bottom: 0;
  }
}

@media (max-width: 51.25rem) {
  [data-cookie-policy-page] .cookie-policy__intro-grid,
  [data-cookie-policy-page] .cookie-policy__reading-grid,
  [data-cookie-policy-page] .cookie-policy__settings-grid {
    grid-template-columns: 1fr;
  }

  [data-cookie-policy-page] .cookie-policy__intro-copy,
  [data-cookie-policy-page] .cookie-policy__reading-copy,
  [data-cookie-policy-page] .cookie-policy__settings-copy {
    grid-column: 1;
    width: 100%;
  }

  [data-cookie-policy-page] .cookie-policy__duration-grid {
    grid-template-columns: 1fr;
    gap: var(--space-6);
  }

  [data-cookie-policy-page] .cookie-policy__settings-section::after {
    display: none;
  }
}

@media (max-width: 43.75rem) {
  [data-cookie-policy-page] .cookie-policy__intro {
    padding-block: var(--space-16) var(--space-12);
  }

  [data-cookie-policy-page] .cookie-policy__toc-section {
    padding-bottom: var(--space-12);
  }

  [data-cookie-policy-page] .cookie-policy__document-section {
    padding-block: var(--space-12);
  }

  [data-cookie-policy-page] .cookie-policy__toc {
    padding: var(--space-4);
  }

  [data-cookie-policy-page] .cookie-policy__toc-list--first li:last-child {
    border-bottom: 1px solid var(--color-line);
  }

  [data-cookie-policy-page] .cookie-policy__category-grid {
    grid-template-columns: 1fr;
  }

  [data-cookie-policy-page] .cookie-policy__category-card--performance {
    grid-column: 1;
  }

  [data-cookie-policy-page] .cookie-policy__category-card {
    padding: var(--space-6);
  }

  [data-cookie-policy-page] .cookie-policy__settings-copy .button {
    width: 100%;
  }

  [data-cookie-policy-page] .cookie-policy__browser-note {
    padding: var(--space-4) var(--space-5, 1.25rem);
  }

  [data-cookie-policy-page] .cookie-policy__closing-section {
    padding-bottom: var(--space-16);
  }
}


.kapcsolat-page {
  background: var(--color-limestone);
}

.kapcsolat-page .eyebrow {
  margin-bottom: 0;
}

.kapcsolat-hero {
  position: relative;
  min-height: 35rem;
  overflow: hidden;
  padding-block: clamp(5rem, 10vw, 8rem);
}

.kapcsolat-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  align-items: center;
  min-height: 26rem;
}

.kapcsolat-hero__grid > * {
  min-width: 0;
}

.kapcsolat-hero__content {
  z-index: 1;
  display: flex;
  width: 100%;
  max-width: 39rem;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-6);
  grid-column: 1;
}

.kapcsolat-hero__content h1,
.kapcsolat-hero__content p {
  margin: 0;
}

.kapcsolat-hero__content .lead {
  max-width: 38.75rem;
}

.kapcsolat-hero__button {
  min-height: 3rem;
  gap: var(--space-3);
}

.kapcsolat-hero__ornament {
  width: 100%;
  min-width: 0;
  color: var(--color-dusty-rose);
  grid-column: 2;
  justify-self: end;
  opacity: 0.82;
}

.kapcsolat-hero__ornament svg {
  width: min(100%, 22.5rem);
  margin-left: auto;
}

.kapcsolat-routes__intro,
.kapcsolat-preparation__intro,
.kapcsolat-explore__intro {
  display: flex;
  width: 100%;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
}

.kapcsolat-routes__intro {
  max-width: 32.5rem;
  margin-bottom: var(--space-8);
}

.kapcsolat-routes__intro h2,
.kapcsolat-routes__intro p,
.kapcsolat-preparation__intro h2,
.kapcsolat-preparation__intro p,
.kapcsolat-explore__intro h2 {
  margin: 0;
}

.kapcsolat-routes__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-6);
}

.kapcsolat-routes__grid > * {
  min-width: 0;
}

.kapcsolat-route-card {
  display: flex;
  min-width: 0;
  min-height: 18rem;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  border: var(--border-default);
  border-radius: var(--radius-control);
  background: var(--color-cream);
  padding: var(--space-6);
  color: var(--color-ink-olive);
  text-decoration: none;
  transition: border-color var(--transition-fast), transform var(--transition-fast);
}

.kapcsolat-route-card:hover {
  border-color: var(--color-olive);
  color: var(--color-ink-olive);
  transform: translateY(-2px);
}

.kapcsolat-route-card__title,
.kapcsolat-preparation-card__title,
.kapcsolat-explore-card__title {
  color: var(--color-ink-olive);
  font-family: var(--font-serif);
  font-size: var(--text-card-title);
  font-weight: 500;
  line-height: var(--leading-card-title);
  letter-spacing: -0.015em;
}

.kapcsolat-route-card__text,
.kapcsolat-preparation-card__text,
.kapcsolat-explore-card__text {
  min-width: 0;
}

.kapcsolat-route-card__link,
.kapcsolat-preparation-card__link,
.kapcsolat-explore-card__link {
  display: inline-flex;
  min-height: 2.75rem;
  align-items: center;
  gap: var(--space-2);
  margin-top: auto;
  color: var(--color-ink-olive);
  font-size: var(--text-control);
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: var(--leading-control);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.25rem;
}

.kapcsolat-form-section__grid {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  align-items: start;
  gap: var(--space-12);
}

.kapcsolat-form-section__grid > * {
  min-width: 0;
}

.kapcsolat-form-section__guide {
  display: flex;
  max-width: 30rem;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-6);
}

.kapcsolat-form-section__guide h2,
.kapcsolat-form-section__guide p {
  margin: 0;
}

.kapcsolat-checklist {
  display: grid;
  width: 100%;
  gap: var(--space-3);
  margin: 0;
  padding: 0;
  list-style: none;
}

.kapcsolat-checklist li {
  position: relative;
  min-width: 0;
  padding-left: 1.5rem;
}

.kapcsolat-checklist li::before {
  position: absolute;
  top: 0.52em;
  left: 0;
  width: 0.5rem;
  height: 0.5rem;
  border: 1px solid var(--color-olive);
  border-radius: 50%;
  content: "";
}

.kapcsolat-form-card {
  position: relative;
  width: 100%;
  max-width: 40rem;
  min-width: 0;
  justify-self: end;
  border: var(--border-default);
  border-radius: var(--radius-control);
  background: var(--color-cream);
  padding: var(--space-8);
}

.kapcsolat-form-card__arch {
  width: 4.75rem;
  height: 2.5rem;
  margin-bottom: var(--space-4);
  border: 1px solid var(--color-olive);
  border-bottom: 0;
  border-radius: 4.75rem 4.75rem 0 0;
}

.kapcsolat-form-card__heading {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-3);
  margin-bottom: var(--space-6);
}

.kapcsolat-form-card__heading p {
  max-width: 32.5rem;
  margin: 0;
}

.kapcsolat-form-status {
  margin-bottom: var(--space-6);
  border: 1px solid var(--color-olive);
  border-radius: var(--radius-control);
  padding: var(--space-4);
  font-size: 0.9375rem;
  line-height: 1.45;
}

.kapcsolat-form-status--success {
  background: color-mix(in srgb, var(--color-olive) 14%, var(--color-cream));
}

.kapcsolat-form-status--error {
  border-color: var(--color-focus);
  background: color-mix(in srgb, var(--color-dusty-rose) 30%, var(--color-cream));
}

.kapcsolat-form {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-6);
}

.kapcsolat-form__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-6) var(--space-4);
}

.kapcsolat-form__grid > * {
  min-width: 0;
}

.kapcsolat-field,
.kapcsolat-consent {
  min-width: 0;
}

.kapcsolat-field--full {
  grid-column: 1 / -1;
}

.kapcsolat-field label {
  margin-bottom: var(--space-2);
}

.kapcsolat-field input,
.kapcsolat-field select,
.kapcsolat-field textarea {
  min-height: 3rem;
}

.kapcsolat-field textarea {
  min-height: 8.5rem;
}

.kapcsolat-optional {
  color: var(--color-muted-text);
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
}

.kapcsolat-field__help,
.kapcsolat-field__error {
  margin: var(--space-2) 0 0;
  font-size: var(--text-meta);
  line-height: var(--leading-meta);
}

.kapcsolat-field__help {
  color: var(--color-muted-text);
}

.kapcsolat-field__error {
  display: none;
  color: var(--color-focus);
  font-weight: 600;
}

.kapcsolat-field.has-error .kapcsolat-field__error,
.kapcsolat-consent.has-error .kapcsolat-field__error {
  display: block;
}

.kapcsolat-field.has-error input,
.kapcsolat-field.has-error select,
.kapcsolat-field.has-error textarea {
  border-color: var(--color-focus);
}

.kapcsolat-consent {
  display: grid;
  grid-template-columns: 1.125rem minmax(0, 1fr);
  column-gap: var(--space-3);
  align-items: start;
}

.kapcsolat-consent input {
  margin-top: 0.125rem;
}

.kapcsolat-consent label {
  min-width: 0;
  margin: 0;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.45;
}

.kapcsolat-consent .kapcsolat-field__error {
  grid-column: 1 / -1;
}

.kapcsolat-form__submit {
  align-self: flex-start;
  min-height: 3rem;
}

.kapcsolat-preparation {
  background: var(--color-linen);
}

.kapcsolat-preparation__intro {
  max-width: 31.25rem;
  margin-bottom: var(--space-8);
}

.kapcsolat-preparation__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-6);
}

.kapcsolat-preparation__grid > * {
  min-width: 0;
}

.kapcsolat-preparation-card {
  display: flex;
  min-width: 0;
  min-height: 15.5rem;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  border: var(--border-default);
  border-radius: var(--radius-control);
  background: var(--color-cream);
  padding: var(--space-6);
  color: var(--color-ink-olive);
  text-decoration: none;
  transition: border-color var(--transition-fast), transform var(--transition-fast);
}

.kapcsolat-preparation-card:hover {
  border-color: var(--color-olive);
  color: var(--color-ink-olive);
  transform: translateY(-2px);
}

.kapcsolat-preparation-card__number {
  color: var(--color-terracotta);
  font-size: var(--text-meta);
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: var(--leading-meta);
}

.kapcsolat-private {
  background: var(--color-ink-olive);
  color: var(--color-cream);
  padding-block: clamp(5rem, 8vw, 6rem);
}

.kapcsolat-private__grid {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 2fr) minmax(0, 3fr);
  align-items: center;
}

.kapcsolat-private__grid > * {
  min-width: 0;
}

.kapcsolat-private__content {
  display: flex;
  max-width: 39.375rem;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-6);
  grid-column: 1;
}

.kapcsolat-private__content .eyebrow {
  color: var(--color-cream);
}

.kapcsolat-private__content h2,
.kapcsolat-private__content p {
  margin: 0;
  color: var(--color-cream);
}

.kapcsolat-private__content p {
  font-size: var(--text-body-large);
  line-height: var(--leading-body-large);
}

.kapcsolat-private__cta {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  grid-column: 3;
}

.kapcsolat-private__cta p {
  margin: 0;
  color: var(--color-linen);
  font-size: 0.9375rem;
  line-height: 1.45;
}

.kapcsolat-private__button {
  border-color: var(--color-cream);
  background: transparent;
  color: var(--color-cream);
}

.kapcsolat-private__button:hover {
  border-color: var(--color-stone);
  background: var(--color-stone);
  color: var(--color-ink-olive);
}

.kapcsolat-privacy__content {
  display: flex;
  width: 66.666%;
  max-width: 42.5rem;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-6);
  margin-inline: auto;
}

.kapcsolat-privacy__content .rule,
.kapcsolat-privacy__content h2,
.kapcsolat-privacy__content p {
  margin: 0;
}

.kapcsolat-privacy__content .rule {
  margin-bottom: var(--space-2);
}

.kapcsolat-privacy__link {
  display: inline-flex;
  min-height: 2.75rem;
  align-items: center;
  font-size: var(--text-control);
  font-weight: 600;
}

.kapcsolat-explore__intro {
  max-width: 31.25rem;
  margin-bottom: var(--space-8);
}

.kapcsolat-explore__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-6);
}

.kapcsolat-explore__grid > * {
  min-width: 0;
}

.kapcsolat-explore-card {
  display: flex;
  min-width: 0;
  min-height: 13.5rem;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  border: var(--border-default);
  border-radius: var(--radius-control);
  background: var(--color-linen);
  padding: var(--space-6);
  color: var(--color-ink-olive);
  text-decoration: none;
  transition: border-color var(--transition-fast), transform var(--transition-fast);
}

.kapcsolat-explore-card:hover {
  border-color: var(--color-olive);
  color: var(--color-ink-olive);
  transform: translateY(-2px);
}

.kapcsolat-explore-card__link {
  position: relative;
}

.kapcsolat-explore-card__link::after {
  position: absolute;
  right: 0;
  bottom: -0.25rem;
  left: 0;
  height: 1px;
  background: var(--color-terracotta);
  content: "";
  transform: scaleX(0);
  transform-origin: left;
  transition: transform var(--transition-fast);
}

.kapcsolat-explore-card:hover .kapcsolat-explore-card__link::after {
  transform: scaleX(1);
}

.kapcsolat-explore-card:hover .kapcsolat-explore-card__link span {
  transform: translateX(0.25rem);
}

.kapcsolat-explore-card__link span {
  transition: transform var(--transition-fast);
}

.kapcsolat-final {
  border-top: 1px solid var(--color-olive);
  background: var(--color-cream);
  padding-block: clamp(4.5rem, 7vw, 5.5rem);
}

.kapcsolat-final__content {
  display: flex;
  width: 50%;
  max-width: 33.75rem;
  min-width: 0;
  flex-direction: column;
  align-items: center;
  gap: var(--space-6);
  margin-inline: auto;
  text-align: center;
}

.kapcsolat-final__content h2,
.kapcsolat-final__content p {
  margin: 0;
}

.kapcsolat-final__button {
  min-height: 3rem;
}

@media (max-width: 63.9375rem) {
  .kapcsolat-hero__grid {
    grid-template-columns: minmax(0, 8fr) minmax(0, 4fr);
  }

  .kapcsolat-hero__ornament svg {
    width: min(100%, 16rem);
  }

  .kapcsolat-routes__grid,
  .kapcsolat-explore__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .kapcsolat-routes__grid > :nth-child(3),
  .kapcsolat-explore__grid > :nth-child(3) {
    grid-column: 1 / -1;
  }
}

@media (max-width: 56.1875rem) {
  .kapcsolat-hero {
    min-height: 29rem;
  }

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

  .kapcsolat-hero__content {
    max-width: 34rem;
    grid-column: 1;
  }

  .kapcsolat-hero__ornament {
    position: absolute;
    right: -2rem;
    bottom: 1.5rem;
    width: 14rem;
    grid-column: auto;
    opacity: 0.32;
  }

  .kapcsolat-form-section__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-8);
  }

  .kapcsolat-form-section__guide {
    max-width: 35rem;
  }

  .kapcsolat-form-card {
    justify-self: start;
  }

  .kapcsolat-private__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-8);
  }

  .kapcsolat-private__content,
  .kapcsolat-private__cta {
    grid-column: 1;
  }

  .kapcsolat-private__content {
    max-width: 39.375rem;
  }

  .kapcsolat-privacy__content {
    width: 100%;
    margin-inline: 0;
  }
}

@media (max-width: 51.1875rem) {
  .kapcsolat-preparation__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .kapcsolat-preparation-card {
    min-height: auto;
  }
}

@media (max-width: 43.6875rem) {
  .kapcsolat-hero {
    min-height: 28.75rem;
    padding-block: var(--space-16);
  }

  .kapcsolat-hero__content h1 {
    font-size: clamp(2.5rem, 11vw, 3.25rem);
  }

  .kapcsolat-hero__content .lead {
    font-size: 1.0625rem;
  }

  .kapcsolat-routes__grid,
  .kapcsolat-explore__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .kapcsolat-routes__grid > :nth-child(3),
  .kapcsolat-explore__grid > :nth-child(3) {
    grid-column: 1;
  }

  .kapcsolat-route-card {
    min-height: 11rem;
  }

  .kapcsolat-form-card {
    padding: 1.25rem;
  }

  .kapcsolat-form__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-5, 1.25rem);
  }

  .kapcsolat-field--full {
    grid-column: 1;
  }

  .kapcsolat-form__submit {
    width: 100%;
  }

  .kapcsolat-explore-card {
    min-height: auto;
    padding: 1.25rem;
  }

  .kapcsolat-final__content {
    width: 100%;
  }

  .kapcsolat-final__button {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .kapcsolat-route-card,
  .kapcsolat-preparation-card,
  .kapcsolat-explore-card,
  .kapcsolat-explore-card__link span,
  .kapcsolat-explore-card__link::after {
    transition: none;
  }

  .kapcsolat-route-card:hover,
  .kapcsolat-preparation-card:hover,
  .kapcsolat-explore-card:hover {
    transform: none;
  }
}


.privacy-page {
  background: var(--color-limestone);
}

.privacy-page__hero {
  padding-block: var(--space-24) var(--space-16);
  overflow: hidden;
}

.privacy-page__hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  gap: var(--space-6);
  align-items: center;
}

.privacy-page__hero-grid > * {
  min-width: 0;
}

.privacy-page__hero-copy {
  width: 100%;
  max-width: 42.5rem;
}

.privacy-page__hero-copy .eyebrow {
  margin-bottom: var(--space-4);
}

.privacy-page__hero-copy h1 {
  margin-bottom: var(--space-6);
}

.privacy-page__status {
  display: flex;
  width: 100%;
  min-width: 0;
  margin-bottom: var(--space-6);
  padding-top: var(--space-3);
  border-top: 1px solid var(--color-olive);
  color: var(--color-ink-olive);
  font-size: var(--text-meta);
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: var(--leading-meta);
  text-transform: uppercase;
}

.privacy-page__hero-copy .lead {
  max-width: 40rem;
  margin-bottom: 0;
}

.privacy-page__arch {
  position: relative;
  justify-self: end;
  width: min(100%, 22rem);
  height: 19rem;
  border: 1px solid color-mix(in srgb, var(--color-olive) 45%, transparent);
  border-bottom: 0;
  border-radius: 22rem 22rem 0 0;
  opacity: 0.45;
}

.privacy-page__arch::before,
.privacy-page__arch::after,
.privacy-page__arch span {
  position: absolute;
  display: block;
  border: 1px solid var(--color-olive);
  border-bottom: 0;
  border-radius: 999px 999px 0 0;
  content: "";
}

.privacy-page__arch::before {
  inset: 3rem 3rem 0;
}

.privacy-page__arch::after {
  right: 5.5rem;
  bottom: 0;
  width: 5rem;
  height: 7rem;
}

.privacy-page__arch span {
  right: 7.25rem;
  bottom: 4rem;
  width: 1.5rem;
  height: 1.5rem;
  border: 0;
  border-radius: 50%;
  background: var(--color-dusty-rose);
}

.privacy-page__document {
  padding-top: var(--space-12);
}

.privacy-page__document-grid {
  display: grid;
  grid-template-columns: minmax(0, 3fr) minmax(0, 1fr) minmax(0, 7fr) minmax(0, 1fr);
  gap: var(--space-6);
  align-items: start;
}

.privacy-page__document-grid > * {
  min-width: 0;
}

.privacy-page__quicknav {
  grid-column: 1;
  width: 100%;
  min-width: 0;
}

.privacy-page__quicknav-card {
  display: flex;
  width: 100%;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-4);
  border: var(--border-default);
  border-radius: var(--radius-control);
  background: var(--color-cream);
  padding: var(--space-6);
}

.privacy-page__quicknav-card .eyebrow,
.privacy-page__quicknav-card h2,
.privacy-page__quicknav-card p {
  margin: 0;
}

.privacy-page__quicknav-card h2 {
  font-size: clamp(1.8rem, 3vw, 2.4rem);
}

.privacy-page__quicknav-intro {
  color: var(--color-muted-text);
}

.privacy-page__quicknav-list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-1);
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  list-style-position: inside;
}

.privacy-page__quicknav-list > li {
  min-width: 0;
  padding-left: var(--space-1);
  color: var(--color-olive);
  font-size: var(--text-control);
  font-weight: 600;
}

.privacy-page__quicknav-list a {
  display: inline-flex;
  align-items: center;
  min-height: 2.75rem;
  padding: var(--space-2) 0;
}

.privacy-page__print {
  align-self: flex-start;
  width: auto;
  margin-top: var(--space-2);
}

.privacy-page__content {
  grid-column: 3;
  width: 100%;
  max-width: 42.5rem;
  min-width: 0;
}

.privacy-page__section {
  width: 100%;
  min-width: 0;
  padding-bottom: var(--space-16);
  scroll-margin-top: 7rem;
}

.privacy-page__section + .privacy-page__section {
  padding-top: var(--space-16);
  border-top: 1px solid var(--color-line);
}

.privacy-page__section > .eyebrow {
  margin-bottom: var(--space-3);
}

.privacy-page__section > h2 {
  margin-bottom: var(--space-6);
}

.privacy-page__section-intro {
  width: 100%;
  max-width: 38.75rem;
  margin-bottom: var(--space-8);
}

.privacy-page__controller-panel {
  display: flex;
  width: 100%;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-4);
  margin-bottom: var(--space-8);
  border: var(--border-default);
  border-radius: var(--radius-control);
  background: var(--color-cream);
  padding: var(--space-6);
}

.privacy-page__controller-panel h3,
.privacy-page__controller-panel p,
.privacy-page__controller-list {
  margin: 0;
}

.privacy-page__controller-list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-4);
  width: 100%;
}

.privacy-page__controller-list > div {
  display: grid;
  grid-template-columns: minmax(0, 30%) minmax(0, 70%);
  gap: var(--space-3);
  min-width: 0;
  padding-top: var(--space-4);
  border-top: 1px solid var(--color-line);
}

.privacy-page__controller-list dt,
.privacy-page__controller-list dd {
  min-width: 0;
  margin: 0;
}

.privacy-page__scope-copy {
  width: 100%;
  max-width: 40rem;
}

.privacy-page__scope-copy h3 {
  margin-bottom: var(--space-4);
}

.privacy-page__scope-copy p:last-child {
  margin-bottom: 0;
}

.privacy-page__purpose-cards {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-4);
  width: 100%;
}

.privacy-page__purpose-card {
  display: grid;
  grid-template-columns: minmax(3.5rem, 12%) minmax(0, 88%);
  gap: var(--space-4);
  width: 100%;
  min-width: 0;
  border: var(--border-default);
  border-radius: var(--radius-control);
  background: var(--color-cream);
  padding: var(--space-6);
}

.privacy-page__card-number {
  display: block;
  min-width: 0;
  color: var(--color-olive);
  font-size: var(--text-meta);
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: var(--leading-meta);
}

.privacy-page__card-copy {
  min-width: 0;
}

.privacy-page__card-copy h3 {
  margin-bottom: var(--space-3);
}

.privacy-page__card-copy p {
  margin-bottom: 0;
}

.privacy-page__legal-blocks {
  display: flex;
  width: 100%;
  min-width: 0;
  flex-direction: column;
}

.privacy-page__legal-block {
  width: 100%;
  min-width: 0;
  padding-block: var(--space-6);
  border-top: 1px solid var(--color-line);
}

.privacy-page__legal-block:first-child {
  padding-top: 0;
  border-top: 0;
}

.privacy-page__legal-block:last-child {
  padding-bottom: 0;
}

.privacy-page__legal-block h3 {
  margin-bottom: var(--space-4);
}

.privacy-page__legal-block p {
  max-width: 40rem;
}

.privacy-page__legal-block p:last-child {
  margin-bottom: 0;
}

.privacy-page__legitimate-interest {
  width: 100%;
  max-width: 40rem;
  margin-top: var(--space-6);
  border-left: 1px solid var(--color-olive);
  background: var(--color-stone);
  padding: var(--space-4);
}

.privacy-page__retention,
.privacy-page__access,
.privacy-page__international,
.privacy-page__rights,
.privacy-page__request,
.privacy-page__rights-limit,
.privacy-page__remedy,
.privacy-page__changes {
  width: 100%;
  min-width: 0;
}

.privacy-page__retention h3,
.privacy-page__access h3,
.privacy-page__international h3,
.privacy-page__rights h3,
.privacy-page__request h3,
.privacy-page__rights-limit h3,
.privacy-page__remedy h3,
.privacy-page__changes h3 {
  margin-bottom: var(--space-4);
}

.privacy-page__retention > p,
.privacy-page__access > p,
.privacy-page__international > p,
.privacy-page__rights-limit > p,
.privacy-page__remedy > p,
.privacy-page__changes > p {
  max-width: 40rem;
}

.privacy-page__retention-principles {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-3);
  width: 100%;
  margin-top: var(--space-6);
}

.privacy-page__retention-principles > div {
  min-width: 0;
  border-top: 1px solid var(--color-olive);
  padding-top: var(--space-3);
}

.privacy-page__retention-principles h4,
.privacy-page__retention-principles p {
  margin: 0;
}

.privacy-page__retention-principles h4 {
  margin-bottom: var(--space-2);
  font-family: var(--font-sans);
  font-size: var(--text-meta);
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: var(--leading-meta);
  text-transform: uppercase;
}

.privacy-page__retention-principles p {
  font-size: 0.9375rem;
}

.privacy-page__access {
  margin-top: var(--space-8);
}

.privacy-page__access-card {
  display: flex;
  width: 100%;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-6);
  border: var(--border-default);
  border-radius: var(--radius-control);
  background: var(--color-cream);
  padding: var(--space-6);
}

.privacy-page__access-card p,
.privacy-page__access-definitions {
  margin: 0;
}

.privacy-page__access-definitions {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-4);
  width: 100%;
}

.privacy-page__access-definitions > div {
  display: grid;
  grid-template-columns: minmax(0, 30%) minmax(0, 70%);
  gap: var(--space-3);
  min-width: 0;
  padding-top: var(--space-4);
  border-top: 1px solid var(--color-line);
}

.privacy-page__access-definitions dt,
.privacy-page__access-definitions dd {
  min-width: 0;
  margin: 0;
}

.privacy-page__international {
  margin-top: var(--space-8);
  padding-top: var(--space-6);
  border-top: 1px solid var(--color-olive);
}

.privacy-page__international p:last-child,
.privacy-page__rights-limit p:last-child,
.privacy-page__remedy p:last-child,
.privacy-page__changes p:last-child {
  margin-bottom: 0;
}

.privacy-page__rights-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-3);
  width: 100%;
}

.privacy-page__rights-grid > article {
  min-width: 0;
  border-top: 1px solid var(--color-line);
  padding-top: var(--space-3);
}

.privacy-page__rights-grid h4,
.privacy-page__rights-grid p {
  margin: 0;
}

.privacy-page__rights-grid h4 {
  margin-bottom: var(--space-2);
}

.privacy-page__rights-grid p {
  font-size: 0.9375rem;
}

.privacy-page__request {
  margin-top: var(--space-8);
}

.privacy-page__request-card {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-4);
  width: 100%;
  border: var(--border-default);
  border-radius: var(--radius-control);
  background: var(--color-cream);
  padding: var(--space-6);
}

.privacy-page__request-card > div {
  min-width: 0;
}

.privacy-page__request-card span,
.privacy-page__summary-items span {
  display: block;
  margin-bottom: var(--space-3);
  color: var(--color-olive);
  font-size: var(--text-meta);
  font-weight: 700;
  letter-spacing: 0.1em;
}

.privacy-page__request-card p {
  margin: 0;
}

.privacy-page__rights-limit {
  margin-top: var(--space-8);
  padding-top: var(--space-6);
  border-top: 1px solid var(--color-line);
}

.privacy-page__section--final {
  padding-bottom: 0;
}

.privacy-page__changes {
  margin-top: var(--space-8);
  padding-top: var(--space-6);
  border-top: 1px solid var(--color-line);
}

.privacy-page__summary {
  display: flex;
  width: 100%;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-6);
  margin-top: var(--space-8);
  border: var(--border-default);
  border-radius: var(--radius-control);
  background: var(--color-cream);
  padding: var(--space-6);
}

.privacy-page__summary h3 {
  margin: 0;
}

.privacy-page__summary-items {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-4);
  width: 100%;
}

.privacy-page__summary-items > div {
  min-width: 0;
}

.privacy-page__summary-items p {
  margin: 0;
}

@media (min-width: 61.25rem) {
  .privacy-page__quicknav-card {
    position: sticky;
    top: var(--space-6);
  }
}

@media (max-width: 61.1875rem) {
  .privacy-page__hero-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .privacy-page__arch {
    display: none;
  }

  .privacy-page__document-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-12);
  }

  .privacy-page__quicknav,
  .privacy-page__content {
    grid-column: 1;
  }

  .privacy-page__content {
    max-width: 42.5rem;
  }

  .privacy-page__quicknav-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: var(--space-6);
  }
}

@media (max-width: 56.1875rem) {
  .privacy-page__retention-principles,
  .privacy-page__request-card,
  .privacy-page__summary-items {
    grid-template-columns: minmax(0, 1fr);
  }

  .privacy-page__retention-principles {
    gap: var(--space-4);
  }

  .privacy-page__request-card,
  .privacy-page__summary-items {
    gap: var(--space-6);
  }

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

@media (max-width: 43.6875rem) {
  .privacy-page__hero {
    padding-block: var(--space-16) var(--space-12);
  }

  .privacy-page__hero-copy h1 {
    font-size: clamp(2.5rem, 12vw, 3rem);
  }

  .privacy-page__document {
    padding-top: var(--space-8);
  }

  .privacy-page__document-grid {
    gap: var(--space-8);
  }

  .privacy-page__quicknav-card,
  .privacy-page__controller-panel,
  .privacy-page__purpose-card,
  .privacy-page__access-card,
  .privacy-page__request-card,
  .privacy-page__summary {
    padding: var(--space-4);
  }

  .privacy-page__quicknav-list {
    grid-template-columns: minmax(0, 1fr);
  }

  .privacy-page__section {
    padding-bottom: var(--space-12);
    scroll-margin-top: 5rem;
  }

  .privacy-page__section + .privacy-page__section {
    padding-top: var(--space-12);
  }

  .privacy-page__controller-list > div,
  .privacy-page__access-definitions > div {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-2);
  }

  .privacy-page__purpose-card {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-3);
  }

  .privacy-page__card-number {
    width: fit-content;
  }
}

@media print {
  .privacy-page {
    background: #fff;
    color: #000;
  }

  .privacy-page__hero {
    padding-block: 1.5rem 1rem;
  }

  .privacy-page__hero-grid,
  .privacy-page__document-grid {
    display: block;
  }

  .privacy-page__arch,
  .privacy-page__quicknav {
    display: none;
  }

  .privacy-page__content {
    max-width: none;
  }

  .privacy-page__section {
    break-inside: avoid;
    padding-block: 1.25rem;
  }

  .privacy-page__purpose-card,
  .privacy-page__controller-panel,
  .privacy-page__access-card,
  .privacy-page__request-card,
  .privacy-page__summary {
    background: #fff;
    break-inside: avoid;
  }

  .privacy-page a {
    color: #000;
  }
}


.terms-page {
  background: var(--color-limestone);
}

.terms-page :is(section[id], aside[id]) {
  scroll-margin-top: 7rem;
}

.terms-page__intro {
  padding-bottom: var(--space-16);
}

.terms-page__intro-grid {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 1fr) minmax(0, 4fr);
  align-items: end;
  gap: var(--space-8);
}

.terms-page__intro-grid > * {
  min-width: 0;
}

.terms-page__intro-copy {
  grid-column: 1 / span 7;
  width: min(100%, 42.5rem);
}

.terms-page__intro-copy > :last-child {
  margin-bottom: 0;
}

.terms-page__intro-copy .lead {
  max-width: 42.5rem;
}

.terms-page__document-meta {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  width: 100%;
  margin-top: var(--space-8);
  padding-top: var(--space-4);
  border-top: var(--border-default);
}

.terms-page__document-meta > * {
  min-width: 0;
  margin: 0;
}

.terms-page__document-meta p {
  color: var(--color-muted-text);
  font-size: var(--text-meta);
  line-height: var(--leading-body);
}

.terms-page__arch-panel {
  position: relative;
  display: flex;
  grid-column: 9 / span 4;
  align-items: flex-end;
  min-height: 17rem;
  overflow: hidden;
  border: var(--border-default);
  border-radius: 12rem 12rem 0 0;
  padding: var(--space-6);
  background: var(--color-linen);
  color: var(--color-olive);
}

.terms-page__arch-panel::before,
.terms-page__arch-panel::after {
  position: absolute;
  content: "";
  pointer-events: none;
}

.terms-page__arch-panel::before {
  inset: 2rem 2rem 0;
  border: 1px solid var(--color-olive);
  border-bottom: 0;
  border-radius: 10rem 10rem 0 0;
  opacity: 0.55;
}

.terms-page__arch-panel::after {
  top: 4.5rem;
  left: 50%;
  width: 2.25rem;
  height: 2.25rem;
  border: 1px solid var(--color-terracotta);
  border-radius: 50%;
  transform: translateX(-50%);
}

.terms-page__arch-panel span {
  position: relative;
  z-index: 1;
  font-size: var(--text-meta);
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.terms-page__contents-heading {
  width: min(100%, 42.5rem);
  margin-bottom: var(--space-8);
}

.terms-page__contents-heading > :last-child {
  margin-bottom: 0;
}

.terms-page__contents-nav {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: var(--border-default);
  border-left: var(--border-default);
}

.terms-page__contents-nav > * {
  min-width: 0;
}

.terms-page__contents-link {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  min-height: 5.25rem;
  gap: var(--space-3);
  border-right: var(--border-default);
  border-bottom: var(--border-default);
  padding: var(--space-4);
  background: var(--color-cream);
  color: var(--color-ink-olive);
  text-decoration: none;
  transition: background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);
}

.terms-page__contents-link span {
  color: var(--color-olive);
  font-size: var(--text-meta);
  font-weight: 600;
  letter-spacing: 0.08em;
}

.terms-page__contents-link strong {
  min-width: 0;
  font-size: 0.9375rem;
  line-height: 1.35;
}

.terms-page__contents-link b {
  color: var(--color-terracotta);
  font-size: 1.125rem;
  font-weight: 400;
}

.terms-page__contents-link:hover,
.terms-page__contents-link.is-active {
  border-bottom-color: var(--color-terracotta);
  background: var(--color-linen);
  color: var(--color-ink-olive);
}

.terms-page__legal-section {
  padding-block: clamp(4rem, 7vw, 6rem);
}

.terms-page__reading-column {
  width: min(100%, 42.5rem);
}

.terms-page__reading-column > :last-child {
  margin-bottom: 0;
}

.terms-page__number {
  margin: 0 0 var(--space-3);
  color: var(--color-olive);
  font-size: var(--text-meta);
  font-weight: 600;
  letter-spacing: 0.1em;
  line-height: var(--leading-meta);
}

.terms-page__provision {
  margin-top: var(--space-8);
}

.terms-page__provision--ruled {
  padding-top: var(--space-8);
  border-top: var(--border-default);
}

.terms-page__provision h3,
.terms-page__notice h3,
.terms-page__theme-note h3,
.terms-page__privacy-link h3,
.terms-page__closing-link h3 {
  margin-bottom: var(--space-4);
}

.terms-page__provision .eyebrow {
  margin-bottom: var(--space-2);
}

.terms-page__notice,
.terms-page__theme-note {
  width: 100%;
  margin: var(--space-8) 0 0;
  padding: var(--space-6);
  border-left: 3px solid var(--color-terracotta);
}

.terms-page__notice {
  background: var(--color-stone);
}

.terms-page__theme-note {
  background: var(--color-cream);
  border-top: var(--border-default);
  border-right: var(--border-default);
  border-bottom: var(--border-default);
}

.terms-page__notice > :last-child,
.terms-page__theme-note > :last-child {
  margin-bottom: 0;
}

.terms-page__definition-list {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 5fr);
  gap: var(--space-4) var(--space-6);
  margin: 0;
}

.terms-page__definition-list > * {
  display: contents;
  min-width: 0;
}

.terms-page__definition-list dt,
.terms-page__definition-list dd {
  min-width: 0;
  margin: 0;
  padding-top: var(--space-4);
  border-top: var(--border-default);
}

.terms-page__definition-list dd {
  line-height: var(--leading-body);
}

.terms-page__conduct {
  padding-block: clamp(4rem, 7vw, 6rem);
}

.terms-page__conduct-intro {
  width: min(100%, 42.5rem);
  margin-bottom: var(--space-8);
}

.terms-page__conduct-intro > :last-child {
  margin-bottom: 0;
}

.terms-page__conduct-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: min(100%, 62.5rem);
  gap: var(--space-6);
}

.terms-page__conduct-grid > * {
  min-width: 0;
}

.terms-page__conduct-card {
  min-height: 100%;
}

.terms-page__conduct-card .card__content {
  display: flex;
  min-width: 0;
  min-height: 100%;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-4);
}

.terms-page__conduct-card .card__content > * {
  min-width: 0;
  margin: 0;
}

.terms-page__conduct-card h3 {
  font-size: clamp(1.5rem, 2.2vw, 1.9rem);
}

.terms-page__privacy-link {
  margin-top: var(--space-8);
  padding-block: var(--space-6);
  border-top: var(--border-default);
  border-bottom: var(--border-default);
}

.terms-page__privacy-link > :last-child {
  margin-bottom: 0;
}

.terms-page__privacy-link a,
.terms-page__closing-link a {
  text-underline-offset: 0.25rem;
}

.terms-page__legal-section--closing {
  padding-top: clamp(4rem, 7vw, 6rem);
}

.terms-page__legal-section--closing .terms-page__reading-column {
  padding-top: var(--space-8);
  border-top: var(--border-olive);
}

.terms-page__closing-link {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  margin-top: var(--space-8);
}

.terms-page__closing-link > * {
  min-width: 0;
  margin: 0;
}

.terms-page__closing-link a {
  display: inline-flex;
  align-items: center;
  min-height: 2.75rem;
  font-weight: 600;
}

@media (max-width: 61.1875rem) {
  .terms-page__intro-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .terms-page__intro-copy {
    grid-column: 1;
    width: min(100%, 40rem);
  }

  .terms-page__arch-panel {
    grid-column: 1;
    min-height: 6.5rem;
    border-radius: 6rem 6rem 0 0;
  }

  .terms-page__arch-panel::before {
    inset: 1.25rem 2rem 0;
    border-radius: 6rem 6rem 0 0;
  }

  .terms-page__arch-panel::after {
    top: 1.5rem;
  }
}

@media (max-width: 56.25rem) {
  .terms-page__contents-nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 53.75rem) {
  .terms-page__conduct-grid {
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
  }

  .terms-page__conduct-card {
    min-height: auto;
  }
}

@media (max-width: 51.25rem) {
  .terms-page__definition-list {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-2);
  }

  .terms-page__definition-list > div {
    display: block;
    min-width: 0;
    padding-top: var(--space-4);
    border-top: var(--border-default);
  }

  .terms-page__definition-list dt,
  .terms-page__definition-list dd {
    padding-top: 0;
    border-top: 0;
  }

  .terms-page__definition-list dd {
    margin-top: var(--space-2);
  }
}

@media (max-width: 43.75rem) {
  .terms-page__arch-panel {
    display: none;
  }

  .terms-page__intro {
    padding-bottom: var(--space-12);
  }

  .terms-page__contents-nav {
    grid-template-columns: minmax(0, 1fr);
  }

  .terms-page__contents-link {
    min-height: 4.5rem;
  }

  .terms-page__legal-section,
  .terms-page__conduct {
    padding-block: var(--space-12);
  }

  .terms-page__notice,
  .terms-page__theme-note {
    padding: var(--space-4);
  }

  .terms-page__conduct-card .card__content {
    padding: var(--space-4);
  }
}


.home-page {
  overflow: clip;
}

.home-page .section {
  position: relative;
}

.home-hero {
  padding-block: var(--space-16);
}

.home-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 1fr) minmax(0, 6fr);
  align-items: center;
}

.home-hero__copy {
  grid-column: 1;
  min-width: 0;
  max-width: 31.25rem;
}

.home-hero__copy > :last-child {
  margin-bottom: 0;
}

.home-hero__copy .lead {
  max-width: 31.25rem;
}

.home-hero__cta {
  min-height: 3rem;
}

.home-hero__media {
  grid-column: 3;
  width: 100%;
  min-width: 0;
  aspect-ratio: 4 / 5;
  min-height: 35rem;
  margin: 0;
}

.home-hero__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  transition: transform var(--transition-fast);
}

.home-hero__media:hover img {
  transform: scale(1.02);
}

.home-layers__heading {
  width: min(100%, 38.75rem);
  min-width: 0;
}

.home-layers__heading > :last-child {
  margin-bottom: 0;
}

.home-layers__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-6);
  margin-top: var(--space-12);
}

.home-layer {
  min-width: 0;
  padding-bottom: var(--space-6);
  border-bottom: 1px solid var(--color-olive);
}

.home-layer--offset {
  margin-top: var(--space-6);
}

.home-layer h3 {
  margin-bottom: var(--space-4);
}

.home-layer p {
  max-width: 25rem;
  margin-bottom: 0;
}

.home-layer__rule {
  display: block;
  width: 2.5rem;
  height: 1px;
  margin-bottom: var(--space-4);
  background: var(--color-olive);
}

.home-layer__mark {
  display: block;
  height: 2rem;
  margin-bottom: var(--space-2);
  color: var(--color-dusty-rose);
  font-family: var(--font-serif);
  font-size: 2rem;
  line-height: 1;
}

.home-kitchen__grid {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 1fr) minmax(0, 6fr);
  align-items: center;
}

.home-kitchen__media {
  grid-column: 1;
  width: 100%;
  min-width: 0;
  margin: 0;
}

.home-kitchen__media img {
  width: 100%;
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

.home-kitchen__copy {
  grid-column: 3;
  min-width: 0;
  max-width: 32.5rem;
}

.home-kitchen__copy > :last-child {
  margin-bottom: 0;
}

.home-kitchen__action,
.home-drink-paths__action,
.home-drink-feature__action,
.home-private__action {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  gap: var(--space-4);
}

.home-kitchen__action {
  margin-top: var(--space-8);
}

.home-kitchen__action p,
.home-drink-paths__action p,
.home-drink-feature__action p,
.home-private__action p {
  margin: 0;
}

.home-drink-paths__grid {
  display: grid;
  grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
  gap: var(--space-6);
  align-items: start;
}

.home-drink-paths__intro {
  min-width: 0;
  max-width: 26.25rem;
}

.home-drink-paths__intro > :last-child {
  margin-bottom: 0;
}

.home-drink-paths__content {
  min-width: 0;
}

.home-drink-paths__cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-4);
}

.home-drink-card {
  min-width: 0;
  height: 100%;
}

.home-drink-card .card__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  height: 100%;
  gap: var(--space-4);
}

.home-drink-card h3,
.home-drink-card p {
  margin: 0;
}

.home-drink-card p {
  max-width: 21rem;
}

.home-drink-paths__action {
  margin-top: var(--space-8);
}

.home-drink-feature__grid {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 1fr) minmax(0, 6fr);
  align-items: center;
}

.home-drink-feature__copy {
  grid-column: 1;
  min-width: 0;
  max-width: 30rem;
}

.home-drink-feature__copy > :last-child {
  margin-bottom: 0;
}

.home-drink-feature__rule,
.home-private__rule {
  display: block;
  width: 3rem;
  height: 1px;
  margin-bottom: var(--space-6);
  background: var(--color-olive);
}

.home-drink-feature__action {
  margin-top: var(--space-8);
}

.home-drink-feature__media {
  grid-column: 3;
  width: 100%;
  min-width: 0;
  aspect-ratio: 4 / 5;
  margin: 0;
  overflow: hidden;
  border-radius: var(--radius-panel);
}

.home-drink-feature__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}

.home-events .eyebrow {
  color: var(--color-linen);
}

.home-events__intro {
  width: min(100%, 41.25rem);
  min-width: 0;
  margin-inline: auto;
  text-align: center;
}

.home-events__intro h2,
.home-events__intro p {
  color: var(--color-cream);
}

.home-events__intro > :last-child {
  margin-bottom: 0;
}

.home-events__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-6);
  margin-top: var(--space-12);
}

.home-event-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  min-height: 100%;
  padding: var(--space-8);
  color: var(--color-ink-olive);
  text-decoration: none;
}

.home-event-card:hover {
  border-color: var(--color-terracotta);
  color: var(--color-ink-olive);
}

.home-event-card h3 {
  margin: var(--space-4) 0 0;
}

.home-event-card p {
  margin: var(--space-4) 0 0;
}

.home-event-card__link {
  display: inline-flex;
  align-items: center;
  min-height: 2.75rem;
  margin-top: auto;
  padding-top: var(--space-6);
  color: var(--color-ink-olive);
  font-size: var(--text-control);
  font-weight: 600;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.25rem;
}

.home-event-card:hover .home-event-card__link {
  color: var(--color-terracotta);
  text-decoration-color: var(--color-terracotta);
}

.home-events__action {
  display: flex;
  justify-content: center;
  min-width: 0;
  margin-top: var(--space-8);
}

.home-private__grid {
  display: grid;
  grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
  gap: var(--space-6);
  align-items: start;
}

.home-private__intro {
  min-width: 0;
  max-width: 31.25rem;
}

.home-private__intro > :last-child {
  margin-bottom: 0;
}

.home-private__rule {
  background: var(--color-oak);
}

.home-private__content {
  min-width: 0;
}

.home-private__cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-4);
}

.home-private-card {
  min-width: 0;
  height: 100%;
}

.home-private-card .card__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  height: 100%;
  gap: var(--space-4);
}

.home-private-card h3,
.home-private-card p {
  margin: 0;
}

.home-private-card__mark {
  color: var(--color-terracotta);
  font-family: var(--font-serif);
  font-size: 2rem;
  line-height: 1;
}

.home-private-card__mark--olive {
  color: var(--color-olive);
}

.home-private__action {
  margin-top: var(--space-8);
}

.home-summary__intro {
  width: min(100%, 42.5rem);
  min-width: 0;
  margin-inline: auto;
  text-align: center;
}

.home-summary__intro > :last-child {
  margin-bottom: 0;
}

.home-summary__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: var(--space-12);
}

.home-summary__item {
  min-width: 0;
  padding: 0 var(--space-6);
  border-left: 1px solid var(--color-olive);
}

.home-summary__item:first-child {
  padding-left: 0;
  border-left: 0;
}

.home-summary__item:last-child {
  padding-right: 0;
}

.home-summary__item h3 {
  margin-bottom: var(--space-3);
  font-size: clamp(1.6875rem, 2.2vw, 2rem);
}

.home-summary__item p {
  max-width: 20rem;
  margin-bottom: 0;
}

.home-summary__mark {
  display: block;
  height: 1.75rem;
  color: var(--color-olive);
  font-family: var(--font-serif);
  font-size: 1.75rem;
  line-height: 1;
}

.home-summary__mark--rose {
  color: var(--color-dusty-rose);
}

.home-summary__mark--oak {
  color: var(--color-oak);
}

.home-booking__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 0;
  width: min(100%, 47.5rem);
  margin-inline: auto;
  text-align: center;
}

.home-booking__inner .eyebrow {
  color: var(--color-linen);
  margin-bottom: var(--space-3);
}

.home-booking__inner h2 {
  max-width: 38.75rem;
  margin-bottom: var(--space-6);
  color: var(--color-cream);
}

.home-booking__inner p {
  max-width: 38.75rem;
  margin-bottom: 0;
  color: var(--color-cream);
}

.home-booking__cta {
  margin-top: var(--space-8);
}

@media (min-width: 43.75rem) {
  .home-hero {
    padding-block: var(--space-24);
  }
}

@media (max-width: 59.9375rem) {
  .home-hero__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-6);
  }

  .home-hero__copy,
  .home-hero__media {
    grid-column: auto;
  }

  .home-hero__media {
    min-height: 0;
  }

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

  .home-layers__grid > :nth-child(3) {
    grid-column: 1 / -1;
  }

  .home-kitchen__grid {
    grid-template-columns: 1fr;
    gap: var(--space-8);
  }

  .home-kitchen__media,
  .home-kitchen__copy {
    grid-column: auto;
  }

  .home-kitchen__copy {
    max-width: 40rem;
  }

  .home-drink-paths__grid {
    grid-template-columns: 1fr;
    gap: var(--space-8);
  }

  .home-drink-paths__intro {
    max-width: 32rem;
  }

  .home-drink-paths__cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .home-drink-paths__cards > :nth-child(3) {
    grid-column: 1 / -1;
  }

  .home-drink-feature__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-6);
  }

  .home-drink-feature__copy,
  .home-drink-feature__media {
    grid-column: auto;
  }

  .home-drink-feature__media {
    min-height: 0;
  }

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

  .home-events__grid > :nth-child(3) {
    grid-column: 1 / -1;
  }

  .home-private__grid {
    grid-template-columns: 1fr;
    gap: var(--space-8);
  }

  .home-private__intro {
    max-width: 32rem;
  }

  .home-summary__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-8) 0;
  }

  .home-summary__item {
    padding-inline: var(--space-6);
  }

  .home-summary__item:nth-child(odd) {
    padding-left: 0;
    border-left: 0;
  }

  .home-summary__item:nth-child(even) {
    padding-right: 0;
  }
}

@media (max-width: 43.6875rem) {
  .home-hero {
    padding-block: var(--space-16);
  }

  .home-hero__grid,
  .home-drink-feature__grid {
    grid-template-columns: 1fr;
    gap: var(--space-6);
  }

  .home-hero__copy,
  .home-hero__media,
  .home-drink-feature__copy,
  .home-drink-feature__media {
    grid-column: auto;
  }

  .home-hero__copy h1 {
    font-size: clamp(2.5rem, 11vw, 3.375rem);
  }

  .home-hero__copy .lead {
    font-size: 1.125rem;
  }

  .home-hero__media {
    margin-top: var(--space-2);
  }

  .home-layers__grid,
  .home-drink-paths__cards,
  .home-events__grid,
  .home-private__cards,
  .home-summary__grid {
    grid-template-columns: 1fr;
  }

  .home-layers__grid {
    gap: var(--space-8);
    margin-top: var(--space-8);
  }

  .home-layers__grid > :nth-child(3),
  .home-drink-paths__cards > :nth-child(3),
  .home-events__grid > :nth-child(3) {
    grid-column: auto;
  }

  .home-layer--offset {
    margin-top: 0;
  }

  .home-kitchen__grid {
    gap: var(--space-6);
  }

  .home-kitchen__copy h2,
  .home-drink-paths__intro h2,
  .home-drink-feature__copy h2,
  .home-private__intro h2 {
    font-size: clamp(2.25rem, 10vw, 2.625rem);
  }

  .home-kitchen__media {
    order: 2;
    margin-top: var(--space-2);
  }

  .home-kitchen__copy {
    order: 1;
  }

  .home-drink-paths__cards {
    gap: var(--space-4);
  }

  .home-drink-card {
    min-height: 10rem;
  }

  .home-drink-feature__media {
    margin-top: var(--space-2);
  }

  .home-events__intro,
  .home-summary__intro {
    width: 100%;
  }

  .home-events__grid {
    gap: var(--space-4);
    margin-top: var(--space-8);
  }

  .home-event-card {
    min-height: auto;
    padding: var(--space-6);
  }

  .home-events__action {
    margin-top: var(--space-6);
  }

  .home-events__action .button,
  .home-booking__cta {
    width: min(100%, 22.5rem);
  }

  .home-private__cards {
    gap: var(--space-4);
  }

  .home-summary__grid {
    gap: 0;
    margin-top: var(--space-8);
  }

  .home-summary__item,
  .home-summary__item:first-child,
  .home-summary__item:last-child,
  .home-summary__item:nth-child(odd),
  .home-summary__item:nth-child(even) {
    padding: var(--space-6) 0;
    border-top: 1px solid var(--color-line);
    border-left: 0;
  }

  .home-summary__item:first-child {
    padding-top: 0;
    border-top: 0;
  }

  .home-booking__inner h2 {
    font-size: clamp(2.25rem, 10vw, 2.875rem);
  }

  .home-booking__cta {
    min-height: 3rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-hero__media img {
    transition: none;
  }
}


.private-events-page {
  background: var(--color-limestone);
}

.private-events-page .pe-hero {
  padding-block: var(--space-16) var(--space-24);
}

.private-events-page .pe-hero__grid,
.private-events-page .pe-food__grid,
.private-events-page .pe-theme__grid,
.private-events-page .pe-process__grid,
.private-events-page .pe-inspiration__grid,
.private-events-page .pe-form-section__grid {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 1fr) minmax(0, 6fr);
  gap: var(--space-6);
  align-items: center;
}

.private-events-page .pe-hero__copy { grid-column: 1 / 2; min-width: 0; max-width: 32.5rem; }
.private-events-page .pe-hero__media { grid-column: 3 / 4; min-width: 0; width: 100%; margin: 0; aspect-ratio: 4 / 5; }
.private-events-page .pe-hero__media img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; }
.private-events-page .pe-hero__actions { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; gap: var(--space-3); }
.private-events-page .pe-hero__actions p { margin: 0; }
.private-events-page .pe-supporting { max-width: 29rem; color: var(--color-muted-text); font-size: var(--text-meta); line-height: var(--leading-body); }

.private-events-page .pe-occasions__intro { max-width: 36.25rem; }
.private-events-page .pe-occasions__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-6); margin-top: var(--space-8); }
.private-events-page .pe-occasion-card { min-width: 0; width: 100%; }
.private-events-page .pe-occasion-card__content { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; gap: var(--space-4); }
.private-events-page .pe-occasion-card__content > * { margin: 0; }
.private-events-page .pe-occasion-card__content p { max-width: 22rem; }

.private-events-page .pe-food__grid { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); align-items: start; }
.private-events-page .pe-food__copy { min-width: 0; max-width: 33.75rem; }
.private-events-page .pe-food__rule { width: 100%; height: 1px; margin: var(--space-6) 0; background: var(--color-olive); }
.private-events-page .pe-food__action { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; gap: var(--space-3); }
.private-events-page .pe-food__action p { max-width: 28rem; margin: 0; color: var(--color-muted-text); font-size: var(--text-meta); }
.private-events-page .pe-food__media { min-width: 0; width: 100%; margin: var(--space-8) 0 0; }
.private-events-page .pe-food__media img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; object-position: 50% 50%; }

.private-events-page .pe-drinks__intro { max-width: 38.75rem; margin-inline: auto; text-align: center; }
.private-events-page .pe-drinks__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin-top: var(--space-12); }
.private-events-page .pe-drink { min-width: 0; width: 100%; padding: 0 var(--space-8); border-inline-start: var(--border-default); }
.private-events-page .pe-drink:first-child { padding-inline-start: 0; border-inline-start: 0; }
.private-events-page .pe-drink:last-child { padding-inline-end: 0; }
.private-events-page .pe-drink h3 { margin-bottom: var(--space-4); }
.private-events-page .pe-drink p { max-width: 18.75rem; margin-bottom: 0; }
.private-events-page .pe-drink__motif { display: block; width: 2rem; margin-bottom: var(--space-4); font-family: var(--font-serif); font-size: 2rem; line-height: 1; }
.private-events-page .pe-drink__motif--terracotta { color: var(--color-terracotta); }
.private-events-page .pe-drink__motif--oak { color: var(--color-oak); }
.private-events-page .pe-drink__motif--olive { color: var(--color-olive); }

.private-events-page .pe-theme__grid { grid-template-columns: minmax(0, 5fr) minmax(0, 1fr) minmax(0, 6fr); align-items: start; }
.private-events-page .pe-theme__media { grid-column: 1 / 2; min-width: 0; width: 100%; margin: 0; aspect-ratio: 4 / 5; }
.private-events-page .pe-theme__media img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; }
.private-events-page .pe-theme__content { grid-column: 3 / 4; min-width: 0; max-width: 37.5rem; }
.private-events-page .pe-theme__eyebrow { color: var(--color-dusty-rose); }
.private-events-page .pe-theme__lead { max-width: 36.25rem; font-size: var(--text-body-large); line-height: var(--leading-body-large); }
.private-events-page .pe-theme__lead span { border-bottom: 1px solid var(--color-terracotta); }
.private-events-page .pe-theme__cards { display: flex; flex-direction: column; min-width: 0; gap: var(--space-4); margin-top: var(--space-8); }
.private-events-page .pe-disclosure { min-width: 0; width: 100%; border: var(--border-default); border-radius: var(--radius-control); background: var(--color-cream); padding: var(--space-6); }
.private-events-page .pe-disclosure h3 { margin-bottom: var(--space-2); }
.private-events-page .pe-disclosure > p { max-width: 27.5rem; margin-bottom: var(--space-4); }
.private-events-page .pe-disclosure__button { min-height: 2.75rem; padding: var(--space-3) 0; background: transparent; color: var(--color-ink-olive); text-decoration: underline; text-underline-offset: .25rem; }
.private-events-page .pe-disclosure__button:hover { background: transparent; color: var(--color-terracotta); }
.private-events-page .pe-disclosure__detail { margin-top: var(--space-3); border-top: var(--border-default); padding-top: var(--space-3); }
.private-events-page .pe-disclosure__detail p { max-width: 27.5rem; margin: 0; color: var(--color-muted-text); }

.private-events-page .pe-process__grid { grid-template-columns: minmax(0, 4fr) minmax(0, 1fr) minmax(0, 7fr); align-items: start; }
.private-events-page .pe-process__intro { grid-column: 1 / 2; min-width: 0; max-width: 25.625rem; }
.private-events-page .pe-process__list { grid-column: 3 / 4; display: flex; flex-direction: column; min-width: 0; gap: 0; margin: 0; padding: 0; list-style: none; }
.private-events-page .pe-process__list li { display: grid; grid-template-columns: 3.5rem minmax(0, 1fr); gap: var(--space-4); min-width: 0; width: 100%; padding-block: var(--space-6); border-top: var(--border-default); }
.private-events-page .pe-process__list li:last-child { border-bottom: var(--border-default); }
.private-events-page .pe-process__list h3 { margin-bottom: var(--space-3); }
.private-events-page .pe-process__list p { max-width: 35rem; margin-bottom: 0; }
.private-events-page .pe-process__number { color: var(--color-olive); font-size: var(--text-meta); font-weight: 700; letter-spacing: .08em; }
.private-events-page .pe-process__number--accent { color: var(--color-terracotta); }

.private-events-page .pe-inspiration { background: var(--color-dusty-rose); padding-block: var(--space-16); }
.private-events-page .pe-inspiration__grid { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); align-items: center; }
.private-events-page .pe-inspiration__copy { min-width: 0; max-width: 42.5rem; }
.private-events-page .pe-inspiration__copy > a { display: inline-flex; min-height: 2.75rem; align-items: center; font-weight: 600; }
.private-events-page .pe-inspiration__note { max-width: 32rem; margin-top: var(--space-4); margin-bottom: 0; font-size: var(--text-meta); color: var(--color-muted-text); }
.private-events-page .pe-inspiration__botanical { min-width: 0; width: 100%; max-width: 15rem; justify-self: end; color: var(--color-olive); opacity: .55; }
.private-events-page .pe-inspiration__botanical svg { width: 100%; height: auto; }

.private-events-page .pe-form-section { padding-block: var(--space-16); background: var(--color-olive); }
.private-events-page .pe-form-section__grid { grid-template-columns: minmax(0, 4fr) minmax(0, 1fr) minmax(0, 7fr); align-items: start; }
.private-events-page .pe-form-intro { grid-column: 1 / 2; min-width: 0; max-width: 25rem; padding: var(--space-8); background: var(--color-cream); }
.private-events-page .pe-form-intro .eyebrow { color: var(--color-olive); }
.private-events-page .pe-form-intro p { margin-bottom: 0; }
.private-events-page .pe-form-card { grid-column: 3 / 4; min-width: 0; width: 100%; box-shadow: var(--shadow-floating); }
.private-events-page .pe-form-card .panel__content { padding: var(--space-8); }
.private-events-page #private-event-form { display: flex; flex-direction: column; min-width: 0; gap: var(--space-6); }
.private-events-page .pe-occasion-picker { display: flex; flex-direction: column; min-width: 0; gap: var(--space-3); margin: 0; padding: 0; border: 0; }
.private-events-page .pe-occasion-picker legend { padding: 0; font-size: var(--text-meta); font-weight: 600; letter-spacing: .04em; }
.private-events-page .pe-occasion-picker legend span { color: var(--color-muted-text); font-weight: 400; }
.private-events-page .pe-chip-group { display: flex; flex-wrap: wrap; min-width: 0; gap: var(--space-2); }
.private-events-page .pe-choice-chip { min-height: 2.75rem; min-width: 0; border: var(--border-default); border-radius: var(--radius-pill); padding: var(--space-2) var(--space-3); background: var(--color-linen); color: var(--color-ink-olive); font-size: var(--text-meta); line-height: 1.2; white-space: normal; }
.private-events-page .pe-choice-chip:hover,
.private-events-page .pe-choice-chip[aria-pressed="true"] { border-color: var(--color-olive); background: color-mix(in srgb, var(--color-olive) 22%, var(--color-stone)); }
.private-events-page .pe-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); }
.private-events-page .pe-field { min-width: 0; width: 100%; }
.private-events-page .pe-field--full { grid-column: 1 / -1; }
.private-events-page .pe-field-error { min-height: 1.25rem; margin: var(--space-1) 0 0; color: var(--color-focus); font-size: var(--text-meta); line-height: 1.3; }
.private-events-page .pe-help { margin: var(--space-2) 0 0; color: var(--color-muted-text); font-size: var(--text-meta); }
.private-events-page .pe-consent { min-width: 0; width: 100%; }
.private-events-page .pe-consent label { display: flex; align-items: flex-start; min-width: 0; gap: var(--space-2); margin: 0; font-size: var(--text-meta); font-weight: 400; letter-spacing: 0; line-height: var(--leading-body); }
.private-events-page .pe-consent input { flex: 0 0 1.125rem; margin-top: .15rem; }
.private-events-page .pe-submit { align-self: flex-start; min-width: 14rem; }
.private-events-page .pe-error-summary { border: 1px solid var(--color-focus); border-radius: var(--radius-control); padding: var(--space-4); background: var(--color-linen); }
.private-events-page .pe-error-summary strong { display: block; margin-bottom: var(--space-2); }
.private-events-page .pe-error-summary ul { display: flex; flex-direction: column; gap: var(--space-2); margin: 0; padding-left: 1.25rem; }
.private-events-page .pe-form-success { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; gap: var(--space-4); }
.private-events-page .pe-form-success > * { margin: 0; }

.private-events-page .pe-closing__intro { max-width: 42.5rem; margin-inline: auto; text-align: center; }
.private-events-page .pe-closing__rule { width: 3rem; height: 1px; margin: 0 auto var(--space-6); background: var(--color-olive); }
.private-events-page .pe-closing__cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: calc(var(--space-8) * 2); max-width: 62.5rem; margin: var(--space-8) auto 0; }
.private-events-page .pe-action-card { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; width: 100%; min-height: 12rem; padding: var(--space-6); text-decoration: none; }
.private-events-page .pe-action-card > * { margin: 0; }
.private-events-page .pe-action-card { gap: var(--space-3); }
.private-events-page .pe-action-card .eyebrow { color: var(--color-olive); }
.private-events-page .pe-action-card p { max-width: 22.5rem; }

.private-events-page .pe-privacy { padding-block: var(--space-8); background: var(--color-cream); }
.private-events-page .pe-privacy__copy { max-width: 37.5rem; }
.private-events-page .pe-privacy__copy .meta { display: block; margin-bottom: var(--space-3); }
.private-events-page .pe-privacy__copy p { margin: 0; color: var(--color-muted-text); font-size: .875rem; line-height: var(--leading-body); }

@media (min-width: 64rem) {
  .private-events-page .pe-process__intro { position: sticky; top: var(--space-8); }
}

@media (max-width: 64.9375rem) {
  .private-events-page .pe-hero__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .private-events-page .pe-hero__copy { grid-column: 1; }
  .private-events-page .pe-hero__media { grid-column: 2; }
  .private-events-page .pe-theme__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .private-events-page .pe-theme__media { grid-column: 1; }
  .private-events-page .pe-theme__content { grid-column: 2; }
  .private-events-page .pe-form-section__grid { grid-template-columns: 1fr; gap: var(--space-6); }
  .private-events-page .pe-form-intro,
  .private-events-page .pe-form-card { grid-column: 1; max-width: none; }
}

@media (max-width: 61.1875rem) {
  .private-events-page .pe-food__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .private-events-page .pe-process__grid { grid-template-columns: 1fr; gap: var(--space-8); }
  .private-events-page .pe-process__intro,
  .private-events-page .pe-process__list { grid-column: 1; max-width: none; }
  .private-events-page .pe-process__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--space-6); }
  .private-events-page .pe-process__list li { grid-template-columns: 2.5rem minmax(0, 1fr); }
}

@media (max-width: 56.25rem) {
  .private-events-page .pe-occasions__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .private-events-page .pe-occasions__grid > :last-child { grid-column: 1 / -1; max-width: calc(50% - var(--space-3)); }
  .private-events-page .pe-drinks__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: var(--space-8); }
  .private-events-page .pe-drink { padding-inline: var(--space-6); }
  .private-events-page .pe-drink:nth-child(3) { grid-column: 1 / -1; padding-left: 0; border-inline-start: 0; }
}

@media (max-width: 53.75rem) {
  .private-events-page .pe-hero { padding-block: var(--space-12) var(--space-16); }
  .private-events-page .pe-hero__grid,
  .private-events-page .pe-food__grid,
  .private-events-page .pe-theme__grid { grid-template-columns: 1fr; gap: var(--space-8); }
  .private-events-page .pe-hero__copy,
  .private-events-page .pe-hero__media,
  .private-events-page .pe-food__copy,
  .private-events-page .pe-food__media,
  .private-events-page .pe-theme__media,
  .private-events-page .pe-theme__content { grid-column: 1; max-width: none; }
  .private-events-page .pe-hero__media { order: 2; }
  .private-events-page .pe-food__media { margin-top: 0; }
  .private-events-page .pe-theme__content { order: 1; }
  .private-events-page .pe-theme__media { order: 2; }
  .private-events-page .pe-theme__cards { order: 3; }
}

@media (max-width: 47.5rem) {
  .private-events-page .pe-inspiration__grid { grid-template-columns: 1fr; }
  .private-events-page .pe-inspiration__botanical { display: none; }
  .private-events-page .pe-closing__cards { grid-template-columns: 1fr; gap: var(--space-4); }
}

@media (max-width: 43.75rem) {
  .private-events-page .pe-hero__actions .button,
  .private-events-page .pe-submit { width: 100%; }
  .private-events-page .pe-occasions__grid,
  .private-events-page .pe-drinks__grid,
  .private-events-page .pe-process__list,
  .private-events-page .pe-form-grid { grid-template-columns: 1fr; }
  .private-events-page .pe-occasions__grid > :last-child { grid-column: 1; max-width: none; }
  .private-events-page .pe-occasion-card__content { padding: var(--space-6); }
  .private-events-page .pe-drinks__intro { margin-inline: 0; text-align: left; }
  .private-events-page .pe-drinks__grid { margin-top: var(--space-8); gap: 0; }
  .private-events-page .pe-drink,
  .private-events-page .pe-drink:first-child,
  .private-events-page .pe-drink:nth-child(3) { grid-column: 1; padding: var(--space-6) 0; border-top: var(--border-default); border-inline-start: 0; }
  .private-events-page .pe-drink:last-child { border-bottom: var(--border-default); }
  .private-events-page .pe-drink p { max-width: none; }
  .private-events-page .pe-process__list li { grid-template-columns: 2.5rem minmax(0, 1fr); }
  .private-events-page .pe-field--full { grid-column: 1; }
  .private-events-page .pe-form-card .panel__content,
  .private-events-page .pe-form-intro { padding: var(--space-6); }
  .private-events-page .pe-choice-chip { flex: 1 1 calc(50% - var(--space-2)); }
  .private-events-page .pe-closing__intro { margin-inline: 0; text-align: left; }
  .private-events-page .pe-closing__rule { margin-inline: 0; }
  .private-events-page .pe-privacy { padding-block: var(--space-6); }
}

@media (prefers-reduced-motion: reduce) {
  .private-events-page .card:hover { transform: none; }
  .private-events-page img { transition: none; }
}


.faq-page {
  background: var(--color-limestone);
}

.faq-page__hero {
  padding-block: var(--space-16);
}

.faq-page__hero-grid,
.faq-page__overview-grid,
.faq-page__food-grid,
.faq-page__themes-grid,
.faq-page__private-grid,
.faq-page__legal-grid {
  display: grid;
  min-width: 0;
}

.faq-page__hero-grid {
  grid-template-columns: minmax(0, 5fr) minmax(0, 2fr) minmax(0, 5fr);
  align-items: center;
  gap: var(--space-6);
}

.faq-page__hero-copy {
  grid-column: 1;
  min-width: 0;
  max-width: 58ch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-6);
}

.faq-page__hero-copy > * {
  min-width: 0;
  margin: 0;
}

.faq-page__hero-copy .eyebrow {
  margin-bottom: 0;
}

.faq-page__hero-copy h1 {
  font-size: clamp(2.5rem, 5.5vw, 4.25rem);
}

.faq-page__hero-figure {
  grid-column: 3;
  width: 100%;
  min-width: 0;
  aspect-ratio: 4 / 5;
  margin: 0;
  border-radius: var(--radius-panel) var(--radius-panel) 0 0;
}

.faq-page__hero-figure img,
.faq-page__theme-figure img,
.faq-page__private-figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.faq-page__hero-figure img {
  transition: transform var(--transition-fast);
}

.faq-page__hero-figure:hover img {
  transform: scale(1.02);
}

.faq-page__overview {
  padding-block: var(--space-16);
  border-top: var(--border-default);
  border-bottom: var(--border-default);
}

.faq-page__overview-grid {
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  gap: var(--space-8);
  align-items: start;
}

.faq-page__overview-copy,
.faq-page__overview-control {
  min-width: 0;
}

.faq-page__overview-copy {
  max-width: 64ch;
}

.faq-page__overview-copy .eyebrow {
  margin-bottom: var(--space-3);
}

.faq-page__filters {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  gap: var(--space-2);
}

.faq-page__filters > * {
  min-width: 0;
}

.faq-page__filter {
  min-height: 2rem;
  padding: 0.5rem 0.75rem;
  border: 1px solid transparent;
  border-radius: var(--radius-pill);
  background: var(--color-linen);
  color: var(--color-ink-olive);
  font-size: var(--text-meta);
  letter-spacing: 0.03em;
}

.faq-page__filter:hover,
.faq-page__filter.is-active {
  border-color: var(--color-olive);
  background: color-mix(in srgb, var(--color-olive) 22%, var(--color-stone));
  color: var(--color-ink-olive);
}

.faq-page__overview-control {
  justify-self: end;
  width: min(100%, 28rem);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
}

.faq-page__overview-control > * {
  min-width: 0;
  margin: 0;
}

.faq-page__section {
  padding-block: var(--space-16);
}

.faq-page__section-intro {
  min-width: 0;
}

.faq-page__section-intro .eyebrow {
  margin-bottom: var(--space-3);
}

.faq-page__visit-intro {
  max-width: 54ch;
}

.faq-page__faq-grid {
  display: grid;
  min-width: 0;
  gap: var(--space-6);
  margin-top: var(--space-8);
}

.faq-page__faq-grid--visit {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.faq-page__faq-grid--visit > :nth-child(3) {
  grid-column: 1;
}

.faq-page__faq-grid > *,
.faq-page__faq-stack > *,
.faq-page__food-content > *,
.faq-page__themes-grid > *,
.faq-page__private-grid > *,
.faq-page__path-grid > * {
  min-width: 0;
}

.faq-page__faq-stack {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-4);
}

.faq-page__faq-stack > * {
  width: 100%;
}

.faq-page__item {
  width: 100%;
  min-width: 0;
  border: var(--border-default);
  border-radius: var(--radius-control);
  background: var(--color-cream);
  overflow: hidden;
  transition: border-color var(--transition-fast), transform var(--transition-fast);
}

.faq-page__item[open] {
  border-color: var(--color-olive);
}

.faq-page__item:hover {
  border-color: var(--color-olive);
  transform: translateY(-2px);
}

.faq-page__item summary {
  display: flex;
  min-width: 0;
  min-height: 3.5rem;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  padding: var(--space-4) var(--space-6);
  color: var(--color-ink-olive);
  cursor: pointer;
  font-family: var(--font-serif);
  font-size: clamp(1.5rem, 2.3vw, 1.875rem);
  font-weight: 500;
  line-height: 1.08;
  list-style: none;
}

.faq-page__item summary::-webkit-details-marker {
  display: none;
}

.faq-page__item summary::after {
  flex: 0 0 auto;
  width: 0.7rem;
  height: 0.7rem;
  border-right: 1px solid var(--color-olive);
  border-bottom: 1px solid var(--color-olive);
  content: "";
  transform: rotate(45deg) translateY(-0.15rem);
  transition: transform var(--transition-fast);
}

.faq-page__item[open] summary::after {
  transform: rotate(225deg) translate(-0.05rem, -0.1rem);
}

.faq-page__answer {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-6);
  padding: 0 var(--space-6) var(--space-6);
  max-width: 62ch;
}

.faq-page__answer > * {
  min-width: 0;
  margin: 0;
}

.faq-page__answer-lead {
  color: var(--color-olive);
  font-weight: 700;
}

.faq-page__food {
  padding-block: var(--space-16);
}

.faq-page__food-grid {
  grid-template-columns: minmax(0, 4fr) minmax(0, 1fr) minmax(0, 7fr);
  align-items: start;
  gap: var(--space-6);
}

.faq-page__food-intro {
  grid-column: 1;
  max-width: 42ch;
}

.faq-page__food-content {
  grid-column: 3;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-6);
}

.faq-page__menu-panel {
  width: 100%;
  min-width: 0;
  border: var(--border-default);
  border-radius: var(--radius-control);
  background: var(--color-cream);
}

.faq-page__menu-panel-copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  padding: var(--space-6);
}

.faq-page__menu-panel-copy > * {
  min-width: 0;
  margin: 0;
}

.faq-page__themes {
  padding-block: var(--space-24);
}

.faq-page__themes-grid {
  grid-template-columns: minmax(0, 5fr) minmax(0, 1fr) minmax(0, 6fr);
  align-items: start;
  gap: var(--space-6);
}

.faq-page__themes-context {
  grid-column: 1;
  min-width: 0;
  max-width: 48ch;
}

.faq-page__themes-list {
  grid-column: 3;
}

.faq-page__eyebrow--rose {
  color: var(--color-terracotta);
}

.faq-page__theme-figure,
.faq-page__private-figure {
  width: 100%;
  min-width: 0;
  margin: var(--space-8) 0 0;
  overflow: hidden;
  border-radius: var(--radius-panel);
}

.faq-page__theme-figure {
  aspect-ratio: 3 / 2;
}

.faq-page__theme-figure img {
  object-position: 45% 55%;
}

.faq-page__private {
  padding-block: var(--space-16);
}

.faq-page__private-grid {
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  gap: var(--space-8);
  align-items: start;
}

.faq-page__private-main,
.faq-page__private-side {
  min-width: 0;
}

.faq-page__private-main {
  max-width: 62ch;
}

.faq-page__private-intro {
  max-width: 56ch;
}

.faq-page__private-main > .faq-page__faq-stack {
  margin-top: var(--space-8);
}

.faq-page__private-side {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-6);
}

.faq-page__private-figure {
  aspect-ratio: 4 / 3;
  margin: 0;
}

.faq-page__paths {
  padding-block: 4.5rem;
}

.faq-page__paths-intro {
  width: min(100%, 56ch);
  min-width: 0;
  margin-inline: auto;
  text-align: center;
}

.faq-page__paths-intro .eyebrow {
  margin-bottom: var(--space-3);
}

.faq-page__path-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-6);
  margin-top: var(--space-8);
}

.faq-page__path-card {
  min-width: 0;
  border: var(--border-default);
  border-radius: var(--radius-control);
  background: var(--color-cream);
  transition: border-color var(--transition-fast), transform var(--transition-fast);
}

.faq-page__path-card:hover {
  border-color: var(--color-olive);
  transform: translateY(-2px);
}

.faq-page__path-card-copy {
  display: flex;
  min-width: 0;
  height: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  padding: var(--space-6);
}

.faq-page__path-card-copy > * {
  min-width: 0;
  margin: 0;
}

.faq-page__path-card-copy p {
  max-width: 32ch;
}

.faq-page__path-card-copy a {
  display: inline-flex;
  min-height: 2.75rem;
  align-items: center;
  margin-top: auto;
}

.faq-page__cta {
  padding-block: var(--space-16);
}

.faq-page__cta-content {
  width: min(100%, 42.5rem);
  min-width: 0;
  margin-inline: auto;
  text-align: center;
}

.faq-page__cta-content h2,
.faq-page__cta-content p {
  color: var(--color-cream);
}

.faq-page__cta-content > p {
  max-width: 62ch;
  margin-inline: auto;
}

.faq-page__cta-actions {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--space-3);
  margin-top: var(--space-8);
}

.faq-page__cta-actions > * {
  min-width: 0;
}

.faq-page__cta .button--secondary {
  border-color: var(--color-cream);
  color: var(--color-cream);
}

.faq-page__cta .button--secondary:hover {
  border-color: var(--color-cream);
  background: var(--color-cream);
  color: var(--color-ink-olive);
}

.faq-page__cta-note {
  width: min(100%, 32.5rem);
  min-width: 0;
  margin: var(--space-8) auto 0;
  padding-top: var(--space-6);
  border-top: 1px solid var(--color-linen);
}

.faq-page__cta-note p {
  margin: 0;
  color: var(--color-linen);
  font-size: 0.9375rem;
}

.faq-page__legal-grid {
  grid-template-columns: minmax(0, 4fr) minmax(0, 1fr) minmax(0, 7fr);
  align-items: start;
  gap: var(--space-6);
}

.faq-page__legal-intro {
  grid-column: 1;
  max-width: 38ch;
}

.faq-page__legal-list {
  grid-column: 3;
  width: min(100%, 42.5rem);
}

.faq-page__item[hidden] {
  display: none;
}

@media (max-width: 67.4375rem) {
  .faq-page__hero-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-6);
  }

  .faq-page__hero-copy,
  .faq-page__hero-figure {
    grid-column: auto;
  }

  .faq-page__hero-copy {
    max-width: 60ch;
  }
}

@media (max-width: 63.75rem) {
  .faq-page__themes-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-6);
  }

  .faq-page__themes-context,
  .faq-page__themes-list {
    grid-column: auto;
  }

  .faq-page__food-grid {
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  }

  .faq-page__food-intro,
  .faq-page__food-content {
    grid-column: auto;
  }
}

@media (max-width: 61.25rem) {
  .faq-page__faq-grid--visit {
    grid-template-columns: minmax(0, 1fr);
  }

  .faq-page__faq-grid--visit > :nth-child(3) {
    grid-column: auto;
  }

  .faq-page__private-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-6);
  }
}

@media (max-width: 56.25rem) {
  .faq-page__overview-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-6);
  }

  .faq-page__overview-control {
    justify-self: start;
  }

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

  .faq-page__path-grid > :nth-child(3) {
    grid-column: 1 / span 2;
    width: min(100%, calc((100% - var(--space-6)) / 2));
    justify-self: center;
  }
}

@media (max-width: 53.75rem) {
  .faq-page__hero {
    padding-block: var(--space-12);
  }

  .faq-page__hero-grid,
  .faq-page__themes-grid,
  .faq-page__private-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .faq-page__hero-copy,
  .faq-page__hero-figure,
  .faq-page__themes-context,
  .faq-page__themes-list {
    grid-column: auto;
  }

  .faq-page__hero-figure {
    margin-top: var(--space-2);
  }

  .faq-page__themes-context {
    max-width: none;
  }

  .faq-page__themes-list {
    margin-top: var(--space-2);
  }
}

@media (max-width: 51.25rem) {
  .faq-page__food-grid,
  .faq-page__legal-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .faq-page__food-intro,
  .faq-page__food-content,
  .faq-page__legal-intro,
  .faq-page__legal-list {
    grid-column: auto;
  }

  .faq-page__food-intro,
  .faq-page__legal-intro {
    max-width: none;
  }

  .faq-page__food-content,
  .faq-page__legal-list {
    width: 100%;
    margin-top: var(--space-2);
  }
}

@media (max-width: 48.75rem) {
  .faq-page__private-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .faq-page__private-main {
    max-width: none;
  }
}

@media (max-width: 46.25rem) {
  .faq-page__cta-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .faq-page__cta-actions > * {
    width: 100%;
  }
}

@media (max-width: 42.5rem) {
  .faq-page__hero,
  .faq-page__section,
  .faq-page__food,
  .faq-page__private,
  .faq-page__cta {
    padding-block: var(--space-12);
  }

  .faq-page__themes {
    padding-block: var(--space-16);
  }

  .faq-page__overview {
    padding-block: var(--space-12);
  }

  .faq-page__paths {
    padding-block: var(--space-12);
  }

  .faq-page__hero-copy {
    gap: var(--space-4);
  }

  .faq-page__hero-copy h1 {
    font-size: clamp(2.5rem, 11vw, 3.25rem);
  }

  .faq-page__item summary {
    min-height: 3.25rem;
    padding: var(--space-4);
    font-size: 1.5rem;
  }

  .faq-page__answer {
    gap: var(--space-4);
    padding: 0 var(--space-4) var(--space-4);
  }

  .faq-page__menu-panel-copy,
  .faq-page__path-card-copy {
    padding: var(--space-5, 1.25rem);
  }

  .faq-page__path-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-4);
  }

  .faq-page__path-grid > :nth-child(3) {
    grid-column: auto;
    width: 100%;
  }

  .faq-page__path-card-copy p {
    max-width: none;
  }

  .faq-page__filters {
    gap: var(--space-2);
  }

  .faq-page__filter {
    min-height: 2.75rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .faq-page__hero-figure img,
  .faq-page__item,
  .faq-page__path-card,
  .faq-page__item summary::after {
    transition: none;
  }

  .faq-page__hero-figure:hover img,
  .faq-page__item:hover,
  .faq-page__path-card:hover {
    transform: none;
  }
}


.galeria-page {
  background: var(--color-limestone);
}

.galeria-page .section {
  padding-block: var(--space-16);
}

.galeria-hero {
  padding-block: clamp(3rem, 8vw, 6rem) var(--space-24);
}

.galeria-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
  align-items: center;
  gap: clamp(1.5rem, 4vw, 3rem);
}

.galeria-hero__copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-6);
}

.galeria-hero__copy > * {
  margin: 0;
}

.galeria-hero__copy .lead {
  max-width: 52ch;
}

.galeria-hero__action {
  min-width: 11rem;
}

.galeria-hero__figure {
  width: 100%;
  min-width: 0;
  margin: 0;
}

.gallery-trigger {
  position: relative;
  display: block;
  width: 100%;
  min-width: 0;
  overflow: hidden;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--color-cream);
  cursor: zoom-in;
}

.gallery-trigger:hover {
  background: transparent;
}

.gallery-trigger img {
  width: 100%;
  max-width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--transition-fast);
}

.gallery-trigger:hover img {
  transform: scale(1.02);
}

.gallery-trigger__hint {
  position: absolute;
  right: var(--space-3);
  bottom: var(--space-3);
  min-height: 2.75rem;
  padding: 0.875rem 0.75rem;
  border: 1px solid rgb(255 249 240 / 80%);
  border-radius: var(--radius-control);
  background: rgb(38 53 46 / 72%);
  color: var(--color-cream);
  font-size: var(--text-meta);
  font-weight: 600;
  letter-spacing: 0.04em;
  line-height: 1;
}

.galeria-hero__image {
  aspect-ratio: 4 / 5;
  min-height: 38.75rem;
  border-radius: 999px 999px 0 0;
}

.galeria-guide__grid {
  display: grid;
  grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
  gap: var(--space-8);
}

.galeria-guide__intro,
.galeria-guide__item,
.galeria-plates__copy,
.galeria-drinks__intro,
.galeria-occasions__copy,
.galeria-occasion-list__item,
.galeria-themes__intro,
.galeria-theme-card,
.galeria-discover__intro,
.galeria-discover__menu,
.galeria-discover__links,
.galeria-closing__panel,
.galeria-details__content {
  min-width: 0;
}

.galeria-guide__intro {
  position: relative;
}

.galeria-guide__intro > p {
  max-width: 42ch;
}

.galeria-guide__botanical {
  position: absolute;
  top: -1.25rem;
  right: 1rem;
  color: var(--color-olive);
  font-family: var(--font-serif);
  font-size: 5rem;
  line-height: 1;
  opacity: 0.35;
  transform: rotate(24deg);
}

.galeria-guide__items {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-6);
}

.galeria-guide__item {
  border-top: 1px solid var(--color-oak);
  padding-top: var(--space-4);
}

.galeria-guide__item:nth-child(3) {
  border-color: var(--color-dusty-rose);
}

.galeria-guide__item > :last-child,
.galeria-occasion-list__item > :last-child,
.galeria-theme-card > :last-child {
  margin-bottom: 0;
}

.galeria-guide__item h3 {
  font-size: clamp(1.625rem, 2.2vw, 2rem);
}

.galeria-plates__grid {
  display: grid;
  grid-template-columns: minmax(0, 4fr) minmax(0, 7fr);
  gap: clamp(1.5rem, 5vw, 4rem);
  align-items: start;
}

.galeria-plates__copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-6);
}

.galeria-plates__copy > * {
  margin: 0;
}

.galeria-plates__copy > p {
  max-width: 44ch;
}

.gallery-card {
  width: 100%;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  border: var(--border-default);
  border-radius: var(--radius-panel);
  background: var(--color-cream);
  transition: border-color var(--transition-fast), transform var(--transition-fast);
}

.gallery-card:hover {
  border-color: var(--color-olive);
  transform: translateY(-2px);
}

.gallery-card__media {
  aspect-ratio: 3 / 2;
  border-radius: 0;
}

.gallery-card__caption {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  padding: var(--space-6);
}

.gallery-card__caption > * {
  margin: 0;
}

.gallery-card__caption > p:not(.meta) {
  max-width: 42ch;
}

.gallery-card__caption h3 {
  font-size: clamp(1.625rem, 2.5vw, 2.125rem);
}

.galeria-drinks__intro {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-6);
  width: min(100%, 56ch);
}

.galeria-drinks__intro > * {
  margin: 0;
}

.galeria-text-link {
  font-weight: 600;
  text-underline-offset: 0.25rem;
}

.galeria-drinks__cards {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 4fr);
  align-items: start;
  gap: var(--space-6);
  margin-top: var(--space-8);
}

.galeria-drinks__card--detail {
  margin-top: 4.5rem;
}

.galeria-drinks__card--detail .gallery-card__media {
  aspect-ratio: 1 / 1;
}

.galeria-occasions__grid {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 5fr);
  justify-content: space-between;
  align-items: start;
  gap: clamp(2rem, 8vw, 8rem);
}

.galeria-occasions__copy {
  width: 100%;
}

.galeria-occasions__copy > p {
  max-width: 48ch;
}

.galeria-occasion-list {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-6);
  margin-top: var(--space-8);
}

.galeria-occasion-list__item {
  border-top: var(--border-default);
  padding-top: var(--space-4);
}

.galeria-occasion-list__item h3 {
  font-size: clamp(1.5625rem, 2.2vw, 1.875rem);
}

.galeria-occasion-list__item > p:not(.meta) {
  max-width: 38ch;
}

.galeria-occasion-list__item .button {
  margin-top: var(--space-2);
}

.galeria-occasions__figure .gallery-card__media {
  aspect-ratio: 3 / 4;
}

.galeria-themes__intro {
  width: min(100%, 58ch);
}

.galeria-theme-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-6);
  margin-top: var(--space-8);
}

.galeria-theme-card {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  border: var(--border-default);
  border-radius: var(--radius-control);
  background: var(--color-cream);
  padding: var(--space-6);
}

.galeria-theme-card > * {
  margin: 0;
}

.galeria-theme-card h3 {
  font-size: clamp(1.625rem, 2.2vw, 2rem);
}

.galeria-theme-card > p:not(.meta) {
  max-width: 34ch;
}

.galeria-theme-card .button {
  margin-top: auto;
}

.galeria-discover__panel {
  width: min(100%, 58.333%);
  margin-inline: auto;
  border: var(--border-default);
  border-radius: var(--radius-panel);
  background: var(--color-cream);
  padding: clamp(1.25rem, 4vw, 3rem);
}

.galeria-discover__intro {
  width: min(100%, 58ch);
}

.galeria-discover__line {
  display: block;
  width: 3rem;
  height: 1px;
  margin-bottom: var(--space-4);
  background: var(--color-olive);
}

.galeria-discover__actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-8);
  margin-top: var(--space-8);
  padding-top: var(--space-8);
  border-top: var(--border-default);
}

.galeria-discover__menu,
.galeria-discover__links {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
}

.galeria-discover__menu > *,
.galeria-discover__links > * {
  margin: 0;
}

.galeria-discover__menu h3,
.galeria-discover__links h3 {
  font-size: clamp(1.5rem, 2vw, 1.875rem);
}

.galeria-discover__link-list {
  display: flex;
  width: 100%;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
}

.galeria-discover__link-list a {
  display: inline-flex;
  align-items: center;
  min-height: 2.75rem;
  font-weight: 600;
}

.galeria-closing {
  background: var(--color-stone);
}

.galeria-closing__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}

.galeria-closing__container {
  position: relative;
  z-index: 1;
  grid-column: 1;
  grid-row: 1;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  align-items: center;
  pointer-events: none;
}

.galeria-closing__panel {
  grid-column: 1 / span 5;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-6);
  border: var(--border-default);
  border-radius: var(--radius-panel);
  background: var(--color-cream);
  padding: clamp(2rem, 4vw, 3.5rem);
  pointer-events: auto;
}

.galeria-closing__panel > * {
  margin: 0;
}

.galeria-closing__panel > p {
  max-width: 46ch;
}

.galeria-closing__figure {
  grid-column: 1;
  grid-row: 1;
  width: 100%;
  min-width: 0;
  min-height: 38.75rem;
  margin: 0;
  background: var(--color-olive);
}

.galeria-closing__image {
  height: 100%;
  min-height: 38.75rem;
}

.galeria-closing__figure figcaption {
  position: absolute;
  right: var(--container-gutter);
  bottom: var(--space-6);
  width: min(100% - (var(--container-gutter) * 2), 24rem);
  margin: 0;
}

.galeria-closing__figure figcaption h3,
.galeria-closing__figure figcaption p {
  margin-bottom: var(--space-3);
}

.galeria-closing__figure figcaption > :last-child {
  margin-bottom: 0;
}

.galeria-details__content {
  width: min(100%, 50%);
  margin-inline: auto;
  padding-top: var(--space-16);
}

.galeria-details__content > p:not(.meta) {
  max-width: 52ch;
}

.galeria-lightbox[hidden] {
  display: none;
}

.galeria-lightbox {
  position: fixed;
  z-index: 1000;
  inset: 0;
  display: grid;
  place-items: center;
  padding: var(--space-4);
}

.galeria-lightbox__backdrop {
  position: absolute;
  inset: 0;
  background: rgb(38 53 46 / 88%);
}

.galeria-lightbox__dialog {
  position: relative;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  width: min(100%, 70rem);
  max-height: min(90vh, 52rem);
  min-width: 0;
  overflow: auto;
  border: var(--border-default);
  border-radius: var(--radius-panel);
  background: var(--color-cream);
  box-shadow: var(--shadow-floating);
}

.galeria-lightbox__topbar {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  padding: var(--space-4);
  border-bottom: var(--border-default);
}

.galeria-lightbox__topbar > * {
  margin: 0;
}

.galeria-lightbox__close,
.galeria-lightbox__nav {
  min-width: 2.75rem;
  min-height: 2.75rem;
}

.galeria-lightbox__media-wrap {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  min-height: 0;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-4);
  background: var(--color-ink-olive);
}

.galeria-lightbox__image {
  width: 100%;
  min-width: 0;
  max-height: min(58vh, 36rem);
  margin-inline: auto;
  object-fit: contain;
}

.galeria-lightbox__nav {
  border: 1px solid var(--color-linen);
  background: transparent;
  color: var(--color-cream);
}

.galeria-lightbox__nav:hover {
  border-color: var(--color-cream);
  background: rgb(255 249 240 / 12%);
}

.galeria-lightbox__caption {
  padding: var(--space-6);
}

.galeria-lightbox__caption > :last-child {
  margin-bottom: 0;
}

.galeria-lightbox-open {
  overflow: hidden;
}

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

  .galeria-hero__image {
    min-height: 31.25rem;
  }

  .galeria-guide__grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .galeria-guide__intro {
    grid-column: 1 / -1;
    width: min(100%, 42ch);
  }

  .galeria-guide__items {
    grid-column: 1 / -1;
  }

  .galeria-plates__grid {
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
    gap: var(--space-6);
  }

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

  .galeria-drinks__card--detail {
    margin-top: 0;
  }

  .galeria-occasions__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-6);
  }

  .galeria-theme-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .galeria-theme-card:nth-child(3) {
    grid-column: 1 / span 1;
  }

  .galeria-discover__panel {
    width: min(100%, 83.333%);
  }

  .galeria-closing__panel {
    grid-column: 1 / span 6;
    padding: var(--space-8);
  }

  .galeria-details__content {
    width: min(100%, 83.333%);
  }
}

@media (max-width: 43.75rem) {
  .galeria-page .section {
    padding-block: var(--space-12);
  }

  .galeria-hero {
    padding-block: var(--space-12);
  }

  .galeria-hero__grid,
  .galeria-guide__grid,
  .galeria-plates__grid,
  .galeria-occasions__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .galeria-hero__copy .lead {
    max-width: 36ch;
  }

  .galeria-hero__action {
    width: 100%;
  }

  .galeria-hero__image {
    min-height: 26.25rem;
    max-height: 35rem;
  }

  .galeria-guide__intro {
    grid-column: auto;
    width: 100%;
  }

  .galeria-guide__intro > p {
    max-width: 42ch;
  }

  .galeria-guide__items,
  .galeria-drinks__cards,
  .galeria-theme-cards,
  .galeria-discover__actions {
    grid-template-columns: minmax(0, 1fr);
  }

  .galeria-guide__items {
    grid-column: auto;
    gap: var(--space-6);
  }

  .galeria-plates__copy > p,
  .galeria-occasions__copy > p,
  .galeria-drinks__intro,
  .galeria-themes__intro {
    max-width: 40ch;
  }

  .galeria-plates__figure .gallery-card__media {
    aspect-ratio: 4 / 5;
  }

  .gallery-card__caption {
    padding: var(--space-4);
  }

  .galeria-drinks__cards {
    margin-top: var(--space-6);
  }

  .galeria-theme-card:nth-child(3) {
    grid-column: auto;
  }

  .galeria-theme-card {
    padding: var(--space-5, 1.25rem);
  }

  .galeria-discover__panel,
  .galeria-details__content {
    width: 100%;
  }

  .galeria-discover__actions {
    gap: var(--space-6);
    margin-top: var(--space-6);
    padding-top: var(--space-6);
  }

  .galeria-closing__grid {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: var(--space-6);
    padding-block: var(--space-6);
  }

  .galeria-closing__container {
    display: block;
    width: min(100% - (var(--container-gutter) * 2), var(--container-max));
    margin-inline: auto;
    pointer-events: auto;
  }

  .galeria-closing__panel {
    width: 100%;
    padding: var(--space-5, 1.25rem);
  }

  .galeria-closing__panel > p {
    max-width: 38ch;
  }

  .galeria-closing__figure {
    min-height: 0;
  }

  .galeria-closing__image {
    min-height: 22.5rem;
    aspect-ratio: 4 / 3;
  }

  .galeria-closing__figure figcaption {
    position: static;
    width: 100%;
    margin: 0;
    border: 0;
    border-radius: 0;
  }

  .galeria-details__content {
    padding-top: var(--space-12);
  }

  .galeria-details__content > p:not(.meta) {
    max-width: 40ch;
  }

  .galeria-lightbox {
    padding: var(--space-2);
  }

  .galeria-lightbox__dialog {
    max-height: 96vh;
  }

  .galeria-lightbox__media-wrap {
    grid-template-columns: minmax(0, 1fr);
    padding: var(--space-2);
  }

  .galeria-lightbox__image {
    grid-column: 1;
    grid-row: 1;
    max-height: 52vh;
  }

  .galeria-lightbox__nav {
    position: absolute;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    background: rgb(38 53 46 / 78%);
  }

  .galeria-lightbox__nav--previous {
    left: var(--space-3);
  }

  .galeria-lightbox__nav--next {
    right: var(--space-3);
  }

  .galeria-lightbox__caption {
    padding: var(--space-4);
  }
}

@media (prefers-reduced-motion: reduce) {
  .gallery-trigger img,
  .gallery-card {
    transition: none;
  }
}


#etterem-main {
  overflow: clip;
}

#etterem-main .section {
  position: relative;
}

#etterem-main .etterem-hero {
  padding-block: var(--space-16) var(--space-24);
}

#etterem-main .etterem-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 1fr) minmax(26.25rem, 6fr);
  align-items: center;
  min-height: 42.5rem;
}

#etterem-main .etterem-hero__copy {
  grid-column: 1 / 2;
  min-width: 0;
  max-width: 33.75rem;
}

#etterem-main .etterem-hero__copy h1 {
  max-width: 12ch;
}

#etterem-main .etterem-hero__copy > .lead {
  max-width: 31.25rem;
}

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

#etterem-main .etterem-hero__actions > *,
#etterem-main .etterem-final__actions > * {
  min-width: 0;
  width: auto;
}

#etterem-main .etterem-hero__note {
  margin-top: var(--space-4);
  margin-bottom: 0;
  color: var(--color-muted-text);
  font-size: var(--text-meta);
  line-height: var(--leading-meta);
}

#etterem-main .etterem-hero__media {
  grid-column: 3 / 4;
  width: 100%;
  min-width: 0;
  height: min(46vw, 43.75rem);
  margin: 0;
  border: var(--border-default);
  background: var(--color-stone);
}

#etterem-main .etterem-hero__media img {
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: 52% 52%;
}

#etterem-main .etterem-sharing__intro {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 1fr) minmax(0, 6fr);
  align-items: start;
}

#etterem-main .etterem-sharing__copy {
  grid-column: 1 / 2;
  min-width: 0;
  max-width: 36.25rem;
}

#etterem-main .etterem-sharing__copy .lead {
  max-width: 34em;
}

#etterem-main .etterem-sharing__media {
  grid-column: 3 / 4;
  width: 100%;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  border-radius: var(--radius-panel);
}

#etterem-main .etterem-sharing__media img,
#etterem-main .etterem-space__media img,
#etterem-main .etterem-evenings__media img {
  width: 100%;
  max-width: none;
  height: 100%;
  object-fit: cover;
}

#etterem-main .etterem-sharing__media {
  aspect-ratio: 3 / 2;
}

#etterem-main .etterem-sharing__media img {
  object-position: 50% 54%;
}

#etterem-main .etterem-text-link {
  display: inline-flex;
  align-items: center;
  min-height: 2.75rem;
  font-size: var(--text-control);
  font-weight: 600;
  text-underline-offset: 0.25rem;
}

#etterem-main .etterem-principles {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-6);
  margin-top: var(--space-16);
}

#etterem-main .etterem-principle {
  min-width: 0;
  border-top: 1px solid var(--color-line);
  padding-top: var(--space-6);
}

#etterem-main .etterem-principle > :last-child,
#etterem-main .etterem-drink-panel > :last-child,
#etterem-main .etterem-hosting__item > :last-child,
#etterem-main .etterem-space__statements article > :last-child,
#etterem-main .etterem-evenings__panel > :last-child,
#etterem-main .etterem-evenings__action > :last-child,
#etterem-main .etterem-path-card > :last-child {
  margin-bottom: 0;
}

#etterem-main .etterem-motif {
  display: inline-flex;
  width: 1.5rem;
  height: 1.5rem;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--space-3);
  color: var(--color-olive);
  font-family: var(--font-serif);
  font-size: 1.75rem;
  line-height: 1;
}

#etterem-main .etterem-motif--oak {
  color: var(--color-oak);
}

#etterem-main .etterem-motif--rose {
  color: var(--color-dusty-rose);
}

#etterem-main .etterem-motif--terracotta {
  color: var(--color-terracotta);
}

#etterem-main .etterem-drinks__heading {
  width: min(100%, 42.5rem);
  min-width: 0;
  margin-inline: auto;
  text-align: center;
}

#etterem-main .etterem-drinks__heading .eyebrow {
  justify-content: center;
}

#etterem-main .etterem-drinks__heading .lead {
  max-width: 34em;
  margin-inline: auto;
}

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

#etterem-main .etterem-drink-panel {
  min-width: 0;
  border: var(--border-default);
  border-radius: var(--radius-control);
  background: var(--color-cream);
  padding: var(--space-8);
}

#etterem-main .etterem-drink-panel p {
  max-width: 30em;
}

#etterem-main .etterem-drinks__link {
  margin-top: var(--space-6);
}

#etterem-main .etterem-space__grid {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 1fr) minmax(0, 4fr);
  align-items: center;
}

#etterem-main .etterem-space__media {
  grid-column: 1 / 2;
  width: 100%;
  min-width: 0;
  aspect-ratio: 3 / 2;
  margin: 0;
  overflow: hidden;
  border-radius: var(--radius-panel);
}

#etterem-main .etterem-space__media img {
  object-position: 50% 50%;
}

#etterem-main .etterem-space__copy {
  grid-column: 3 / 4;
  min-width: 0;
  max-width: 28.75rem;
}

#etterem-main .etterem-space__copy .lead {
  max-width: 31em;
}

#etterem-main .etterem-space__statements {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-6);
  margin-bottom: var(--space-6);
}

#etterem-main .etterem-space__statements article {
  min-width: 0;
  border-top: 1px solid var(--color-olive);
  padding-top: var(--space-4);
}

#etterem-main .etterem-space__statements h3 {
  margin-bottom: var(--space-3);
  font-size: clamp(1.375rem, 2vw, 1.75rem);
}

#etterem-main .etterem-label {
  display: inline-flex;
  align-items: center;
  min-height: 1.75rem;
  margin-bottom: var(--space-3);
  border-radius: var(--radius-pill);
  padding: 0.375rem 0.625rem;
  background: var(--color-dusty-rose);
  color: var(--color-ink-olive);
  font-size: var(--text-meta);
  font-weight: 600;
  letter-spacing: 0.08em;
  line-height: 1;
  text-transform: uppercase;
}

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

#etterem-main .etterem-hosting__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-8);
  margin-top: var(--space-8);
  border-top: 1px solid var(--color-line);
  padding-top: var(--space-8);
}

#etterem-main .etterem-hosting__item {
  min-width: 0;
}

#etterem-main .etterem-hosting__item p {
  max-width: 28em;
}

#etterem-main .etterem-hosting__item .etterem-text-link {
  margin-top: calc(var(--space-2) * -1);
}

#etterem-main .etterem-evenings {
  background: var(--color-olive);
  color: var(--color-cream);
}

#etterem-main .etterem-evenings :is(h2, h3, p, a) {
  color: var(--color-cream);
}

#etterem-main .etterem-evenings .eyebrow {
  color: var(--color-linen);
}

#etterem-main .etterem-evenings__grid {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 1fr) minmax(0, 6fr);
  align-items: start;
}

#etterem-main .etterem-evenings__copy {
  grid-column: 1 / 2;
  min-width: 0;
  max-width: 32.5rem;
  padding-top: var(--space-8);
}

#etterem-main .etterem-evenings__copy .lead {
  max-width: 30em;
}

#etterem-main .etterem-evenings__aside {
  display: flex;
  grid-column: 3 / 4;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-4);
}

#etterem-main .etterem-evenings__media {
  width: 100%;
  min-width: 0;
  aspect-ratio: 4 / 5;
  margin: 0;
  overflow: hidden;
  border-radius: 999px 999px 0 0;
}

#etterem-main .etterem-evenings__media img {
  object-position: 52% 52%;
}

#etterem-main .etterem-evenings__panel,
#etterem-main .etterem-evenings__action {
  min-width: 0;
  border-radius: var(--radius-control);
  background: var(--color-cream);
  color: var(--color-ink-olive);
  padding: var(--space-6);
}

#etterem-main .etterem-evenings__panel :is(h3, p),
#etterem-main .etterem-evenings__action :is(h3, p) {
  color: var(--color-ink-olive);
}

#etterem-main .etterem-evenings__panel h3,
#etterem-main .etterem-evenings__action h3 {
  margin-bottom: var(--space-3);
}

#etterem-main .etterem-evenings__action {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

#etterem-main .etterem-evenings__action p,
#etterem-main .etterem-evenings__action h3 {
  margin: 0;
}

#etterem-main .etterem-evenings__action .button {
  width: fit-content;
}

#etterem-main .etterem-private__heading {
  width: min(100%, 35rem);
  min-width: 0;
}

#etterem-main .etterem-private__heading .lead {
  max-width: 32em;
}

#etterem-main .etterem-private__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-6);
  margin-top: var(--space-12);
}

#etterem-main .etterem-private__card {
  min-width: 0;
}

#etterem-main .etterem-private__card .card__content {
  display: flex;
  min-width: 0;
  min-height: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
}

#etterem-main .etterem-private__card .card__content > :is(h3, p) {
  margin: 0;
}

#etterem-main .etterem-private__card .card__content p {
  max-width: 29em;
}

#etterem-main .etterem-private__card--action {
  background: color-mix(in srgb, var(--color-dusty-rose) 24%, var(--color-cream));
  border-top-color: var(--color-terracotta);
}

#etterem-main .etterem-private__card--action .button {
  margin-top: auto;
}

#etterem-main .etterem-paths__heading {
  width: min(100%, 36.25rem);
  min-width: 0;
}

#etterem-main .etterem-paths__heading p {
  max-width: 36em;
}

#etterem-main .etterem-paths__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-6);
  margin-top: var(--space-8);
}

#etterem-main .etterem-path-card {
  display: flex;
  min-width: 0;
  min-height: 15rem;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  border: var(--border-default);
  border-radius: var(--radius-control);
  background: var(--color-cream);
  padding: var(--space-8);
  text-decoration: none;
  transition: border-color var(--transition-fast), transform var(--transition-fast);
}

#etterem-main .etterem-path-card:hover {
  border-color: var(--color-olive);
  transform: translateY(-2px);
}

#etterem-main .etterem-path-card h3,
#etterem-main .etterem-path-card p {
  margin: 0;
}

#etterem-main .etterem-path-card p {
  max-width: 35em;
}

#etterem-main .etterem-path-card span {
  margin-top: auto;
  font-size: var(--text-control);
  font-weight: 600;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.25rem;
}

#etterem-main .etterem-path-card:hover span {
  color: var(--color-terracotta);
  text-decoration-color: var(--color-terracotta);
}

#etterem-main .etterem-path-card--arch h3 {
  position: relative;
  padding-top: var(--space-4);
}

#etterem-main .etterem-path-card--arch h3::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 2.75rem;
  height: 0.75rem;
  border: 1px solid var(--color-olive);
  border-bottom: 0;
  border-radius: 2.75rem 2.75rem 0 0;
  content: "";
}

#etterem-main .etterem-final {
  padding-block: var(--space-24);
}

#etterem-main .etterem-final__copy {
  display: flex;
  width: min(100%, 42.5rem);
  min-width: 0;
  flex-direction: column;
  align-items: center;
  gap: var(--space-4);
  margin-inline: auto;
  text-align: center;
}

#etterem-main .etterem-final__copy > :is(h2, p) {
  margin: 0;
}

#etterem-main .etterem-final__copy .eyebrow {
  justify-content: center;
}

#etterem-main .etterem-final__copy .lead {
  max-width: 34em;
}

#etterem-main .etterem-final__actions {
  justify-content: center;
  margin-top: var(--space-2);
}

#etterem-main .etterem-close {
  padding-block: var(--space-12) var(--space-16);
}

#etterem-main .etterem-close__inner {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  align-items: end;
  border-top: 1px solid var(--color-line);
  padding-top: var(--space-8);
}

#etterem-main .etterem-close__copy {
  min-width: 0;
  max-width: 45rem;
}

#etterem-main .etterem-close__copy h2 {
  margin-bottom: var(--space-3);
  font-family: var(--font-sans);
  font-size: var(--text-meta);
  font-weight: 600;
  letter-spacing: 0.08em;
  line-height: var(--leading-meta);
  text-transform: uppercase;
}

#etterem-main .etterem-close__copy p {
  max-width: 46ch;
}

#etterem-main .etterem-back-link {
  min-height: 2.75rem;
}

#etterem-main .etterem-close__arch {
  justify-self: end;
  width: min(100%, 11.25rem);
  height: 5.625rem;
  border: 1px solid color-mix(in srgb, var(--color-olive) 35%, transparent);
  border-bottom: 0;
  border-radius: 11.25rem 11.25rem 0 0;
  opacity: 0.55;
}

@media (min-width: 75rem) {
  #etterem-main .etterem-hero {
    padding-block: var(--space-24);
  }
}

@media (max-width: 56.25rem) {
  #etterem-main .etterem-hero__grid,
  #etterem-main .etterem-sharing__intro,
  #etterem-main .etterem-evenings__grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: var(--space-8);
  }

  #etterem-main .etterem-hero__copy,
  #etterem-main .etterem-sharing__copy,
  #etterem-main .etterem-evenings__copy {
    grid-column: 1 / 2;
  }

  #etterem-main .etterem-hero__media,
  #etterem-main .etterem-sharing__media,
  #etterem-main .etterem-evenings__aside {
    grid-column: 2 / 3;
  }

  #etterem-main .etterem-hero__media {
    min-width: 0;
    height: auto;
    aspect-ratio: 4 / 5;
  }

  #etterem-main .etterem-space__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-8);
  }

  #etterem-main .etterem-space__media,
  #etterem-main .etterem-space__copy {
    grid-column: auto;
  }

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

  #etterem-main .etterem-drink-panel:nth-child(3) {
    grid-column: 1 / -1;
  }

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

  #etterem-main .etterem-hosting__item:first-child {
    grid-column: 1 / -1;
  }

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

  #etterem-main .etterem-private__card--action {
    grid-column: 1 / -1;
  }
}

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

  #etterem-main .etterem-hero__grid {
    min-height: 0;
    gap: var(--space-6);
  }

  #etterem-main .etterem-hero__copy,
  #etterem-main .etterem-hero__media,
  #etterem-main .etterem-sharing__copy,
  #etterem-main .etterem-sharing__media,
  #etterem-main .etterem-space__media,
  #etterem-main .etterem-space__copy,
  #etterem-main .etterem-evenings__copy,
  #etterem-main .etterem-evenings__aside {
    grid-column: 1 / -1;
  }

  #etterem-main .etterem-hero__copy,
  #etterem-main .etterem-sharing__copy,
  #etterem-main .etterem-space__copy,
  #etterem-main .etterem-evenings__copy {
    max-width: none;
  }

  #etterem-main .etterem-hero__copy h1 {
    max-width: 13ch;
    font-size: clamp(2.5rem, 12vw, 3.375rem);
  }

  #etterem-main .etterem-hero__copy > .lead,
  #etterem-main .etterem-sharing__copy .lead,
  #etterem-main .etterem-space__copy .lead,
  #etterem-main .etterem-evenings__copy .lead {
    max-width: 34em;
  }

  #etterem-main .etterem-hero__actions,
  #etterem-main .etterem-final__actions {
    flex-direction: column;
    align-items: stretch;
  }

  #etterem-main .etterem-hero__actions > *,
  #etterem-main .etterem-final__actions > * {
    width: 100%;
  }

  #etterem-main .etterem-hero__media {
    height: auto;
    aspect-ratio: 4 / 5;
    margin-top: var(--space-2);
  }

  #etterem-main .etterem-sharing__intro,
  #etterem-main .etterem-space__grid,
  #etterem-main .etterem-evenings__grid {
    gap: var(--space-6);
  }

  #etterem-main .etterem-sharing__media,
  #etterem-main .etterem-space__media {
    aspect-ratio: 4 / 5;
  }

  #etterem-main .etterem-sharing__media img {
    object-position: 50% 55%;
  }

  #etterem-main .etterem-space__media {
    order: 2;
    margin-top: var(--space-2);
  }

  #etterem-main .etterem-space__copy {
    order: 1;
  }

  #etterem-main .etterem-principles,
  #etterem-main .etterem-drinks__grid,
  #etterem-main .etterem-hosting__grid,
  #etterem-main .etterem-private__grid,
  #etterem-main .etterem-paths__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  #etterem-main .etterem-principles {
    gap: var(--space-6);
    margin-top: var(--space-8);
  }

  #etterem-main .etterem-drinks__grid {
    gap: var(--space-4);
    margin-top: var(--space-8);
  }

  #etterem-main .etterem-drink-panel:nth-child(3),
  #etterem-main .etterem-hosting__item:first-child,
  #etterem-main .etterem-private__card--action {
    grid-column: auto;
  }

  #etterem-main .etterem-drink-panel {
    padding: var(--space-6);
  }

  #etterem-main .etterem-hosting__grid {
    gap: var(--space-8);
  }

  #etterem-main .etterem-evenings__copy {
    padding-top: 0;
  }

  #etterem-main .etterem-evenings__media {
    aspect-ratio: 4 / 5;
  }

  #etterem-main .etterem-evenings__action .button {
    width: 100%;
  }

  #etterem-main .etterem-private__grid {
    gap: var(--space-4);
    margin-top: var(--space-8);
  }

  #etterem-main .etterem-path-card {
    min-height: 0;
    padding: var(--space-6);
  }

  #etterem-main .etterem-final {
    padding-block: var(--space-16);
  }

  #etterem-main .etterem-final__copy {
    width: 100%;
  }

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

  #etterem-main .etterem-close__arch {
    display: none;
  }
}

@media (max-width: 38.75rem) {
  #etterem-main .etterem-final__actions {
    width: 100%;
  }
}

@media (prefers-reduced-motion: no-preference) {
  #etterem-main .etterem-path-card img,
  #etterem-main .etterem-sharing__media img,
  #etterem-main .etterem-space__media img,
  #etterem-main .etterem-evenings__media img {
    transition: transform var(--transition-fast);
  }

  #etterem-main .etterem-path-card:hover img,
  #etterem-main .etterem-sharing__media:hover img,
  #etterem-main .etterem-space__media:hover img,
  #etterem-main .etterem-evenings__media:hover img {
    transform: scale(1.02);
  }
}


.etlap-page {
  background: var(--color-limestone);
}

.etlap-page section[id] {
  scroll-margin-top: 7rem;
}

.etlap-hero {
  padding-block: clamp(3rem, 7vw, 6rem);
}

.etlap-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(2rem, 1fr) minmax(0, 6fr);
  align-items: center;
  gap: var(--space-6);
}

.etlap-hero__copy {
  grid-column: 1;
  min-width: 0;
  max-width: 35rem;
}

.etlap-hero__copy .lead {
  max-width: 31rem;
}

.etlap-hero__copy > p:not(.lead) {
  max-width: 33rem;
}

.etlap-hero__actions {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  min-width: 0;
}

.etlap-text-link,
.etlap-card-link,
.etlap-evenings__link {
  display: inline-flex;
  align-items: center;
  min-height: 2.75rem;
  max-width: 100%;
  font-size: var(--text-control);
  font-weight: 600;
  line-height: 1.3;
}

.etlap-hero__media {
  grid-column: 3;
  width: 100%;
  min-width: 0;
  min-height: 40rem;
  margin: 0;
}

.etlap-hero__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 54%;
  transition: transform var(--transition-fast);
}

.etlap-hero__media:hover img,
.etlap-philosophy__media:hover img,
.etlap-evenings__media:hover img {
  transform: scale(1.02);
}

.etlap-guide {
  padding-block: var(--space-8);
  border-block: var(--border-default);
  background: var(--color-cream);
}

.etlap-guide__grid {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
  justify-content: space-between;
  gap: var(--space-8);
  align-items: end;
}

.etlap-guide__intro,
.etlap-guide__links {
  min-width: 0;
}

.etlap-guide__intro {
  max-width: 38.75rem;
}

.etlap-guide__rule {
  display: block;
  width: 4rem;
  height: 1px;
  margin-bottom: var(--space-4);
  background: var(--color-olive);
}

.etlap-guide__intro h2 {
  margin-bottom: var(--space-3);
  font-size: clamp(2rem, 3vw, 2.7rem);
}

.etlap-guide__intro p {
  margin-bottom: 0;
}

.etlap-guide__links {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: var(--space-3) var(--space-6);
}

.etlap-guide__links a {
  display: inline-flex;
  align-items: center;
  min-height: 2.75rem;
  border-bottom: 1px solid var(--color-olive);
  font-size: var(--text-control);
  font-weight: 600;
  text-decoration: none;
}

.etlap-guide__links a[aria-current="location"] {
  border-color: var(--color-terracotta);
  color: var(--color-terracotta);
}

.etlap-philosophy__grid {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 1fr) minmax(0, 6fr);
  gap: var(--space-6);
  align-items: start;
}

.etlap-philosophy__copy {
  grid-column: 1;
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
  min-width: 0;
  max-width: 38.75rem;
}

.etlap-philosophy__copy > * {
  min-width: 0;
}

.etlap-philosophy__copy h2 {
  margin-bottom: 0;
}

.etlap-philosophy__thought h3,
.etlap-philosophy__quote h3,
.etlap-philosophy__occasion h3 {
  margin-bottom: var(--space-4);
}

.etlap-philosophy__thought .lead {
  max-width: 34rem;
}

.etlap-philosophy__quote {
  position: relative;
  max-width: 29rem;
  padding-left: var(--space-6);
  border-left: 1px solid var(--color-olive);
}

.etlap-philosophy__quote p {
  margin-bottom: 0;
}

.etlap-dish-mark {
  display: block;
  margin-top: var(--space-4);
  color: var(--color-terracotta);
  font-family: var(--font-serif);
  font-size: 3rem;
  line-height: 1;
}

.etlap-philosophy__media {
  grid-column: 3;
  width: 100%;
  min-width: 0;
  margin: 0;
  overflow: hidden;
}

.etlap-philosophy__media img {
  width: 100%;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  object-position: 46% 50%;
  transition: transform var(--transition-fast);
}

.etlap-philosophy__media figcaption {
  margin-top: var(--space-2);
}

.etlap-philosophy__occasion {
  grid-column: 1;
  min-width: 0;
  max-width: 34rem;
  padding: var(--space-6);
  background: color-mix(in srgb, var(--color-dusty-rose) 38%, var(--color-limestone));
}

.etlap-philosophy__occasion .meta {
  display: block;
  margin-bottom: var(--space-3);
}

.etlap-philosophy__occasion p {
  margin-bottom: 0;
}

.etlap-categories__heading {
  width: 50%;
  min-width: 0;
  max-width: 42.5rem;
  margin-bottom: var(--space-8);
}

.etlap-categories__heading h2,
.etlap-categories__heading p {
  margin-bottom: 0;
}

.etlap-categories__heading .eyebrow {
  margin-bottom: var(--space-3);
}

.etlap-categories__heading .lead {
  margin-top: var(--space-6);
}

.etlap-categories__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-6);
}

.etlap-category-card {
  min-width: 0;
}

.etlap-category-card__content,
.etlap-related-card__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  min-height: 100%;
  padding: var(--space-6);
  gap: var(--space-4);
}

.etlap-category-card__content > *,
.etlap-related-card__content > * {
  min-width: 0;
  margin: 0;
}

.etlap-category-card__content h3 {
  margin-bottom: 0;
}

.etlap-category-card__content p {
  flex: 1 1 auto;
}

.etlap-plate-line {
  width: 4rem;
  height: 2rem;
  margin-top: auto;
  border: 1px solid var(--color-oak);
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom: 0;
}

.etlap-card-link {
  margin-top: auto;
  text-align: left;
}

.etlap-drinks__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-8) var(--space-6);
  align-items: start;
}

.etlap-drinks__heading,
.etlap-drinks__pillar,
.etlap-drinks__more {
  min-width: 0;
}

.etlap-drinks__heading {
  grid-column: 1;
  max-width: 35rem;
}

.etlap-drinks__heading h2 {
  margin-bottom: var(--space-6);
}

.etlap-drinks__heading p {
  margin-bottom: 0;
}

.etlap-drinks__pillar {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
}

.etlap-drinks__pillar > * {
  min-width: 0;
  margin: 0;
}

.etlap-drinks__pillar h3 {
  margin-bottom: 0;
}

.etlap-pillar-rule {
  display: block;
  width: 100%;
  height: 1px;
  background: var(--color-olive);
}

.etlap-drinks__more {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: auto minmax(0, 35rem);
  gap: var(--space-4);
  padding-top: var(--space-8);
  border-top: var(--border-default);
}

.etlap-drinks__more > * {
  min-width: 0;
}

.etlap-drinks__more h3 {
  margin-bottom: var(--space-3);
}

.etlap-drinks__more p {
  max-width: 35rem;
  margin-bottom: var(--space-3);
}

.etlap-more-dot {
  width: 0.75rem;
  height: 0.75rem;
  margin-top: 0.65rem;
  border-radius: var(--radius-pill);
  background: var(--color-terracotta);
}

.etlap-evenings {
  padding-block: var(--space-24);
  background: var(--color-olive);
  color: var(--color-cream);
}

.etlap-evenings__grid {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 2fr) minmax(0, 5fr);
  gap: var(--space-6);
  align-items: center;
}

.etlap-evenings__copy {
  grid-column: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  min-width: 0;
  max-width: 36.875rem;
}

.etlap-evenings__copy > * {
  min-width: 0;
  margin: 0;
}

.etlap-evenings__copy .eyebrow {
  color: var(--color-cream);
}

.etlap-evenings__copy h2,
.etlap-evenings__copy h3,
.etlap-evenings__copy a {
  color: var(--color-cream);
}

.etlap-evenings__copy .lead {
  max-width: 33rem;
}

.etlap-evenings__copy > p:not(.lead) {
  max-width: 34rem;
}

.etlap-evenings__secondary {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  width: 100%;
  min-width: 0;
  max-width: 29rem;
  margin-top: var(--space-4);
  padding-top: var(--space-6);
  border-top: 1px solid color-mix(in srgb, var(--color-cream) 65%, transparent);
}

.etlap-evenings__secondary > * {
  min-width: 0;
  margin: 0;
}

.etlap-evenings__secondary h3 {
  font-size: clamp(1.5rem, 2vw, 1.875rem);
}

.etlap-evenings__link:hover {
  color: var(--color-linen);
}

.etlap-evenings__media {
  grid-column: 3;
  width: 100%;
  min-width: 0;
  margin: 0;
  overflow: hidden;
}

.etlap-evenings__media img {
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  object-position: 50% 52%;
  transition: transform var(--transition-fast);
}

.etlap-questions__heading {
  width: 58.333%;
  min-width: 0;
  max-width: 42.5rem;
  margin-bottom: var(--space-8);
}

.etlap-questions__heading h2 {
  margin-bottom: var(--space-6);
}

.etlap-questions__heading p {
  margin-bottom: 0;
}

.etlap-questions__grid {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 2fr) minmax(0, 5fr);
  gap: var(--space-6);
}

.etlap-question-block {
  position: relative;
  min-width: 0;
}

.etlap-question-block:first-child {
  grid-column: 1;
}

.etlap-question-block:last-child {
  grid-column: 3;
}

.etlap-question-block h3 {
  margin-bottom: var(--space-4);
}

.etlap-question-block p {
  max-width: 38rem;
}

.etlap-question-note {
  padding-top: var(--space-4);
  border-top: var(--border-default);
  color: var(--color-muted-text);
  font-size: var(--text-meta);
  line-height: var(--leading-meta);
}

.etlap-botanical {
  position: absolute;
  top: -1.25rem;
  right: var(--space-4);
  color: var(--color-olive);
  font-family: var(--font-serif);
  font-size: 5rem;
  line-height: 1;
  opacity: 0.55;
}

.etlap-booking-panel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-6);
  min-width: 0;
  margin-top: var(--space-12);
  padding: var(--space-6);
  border: var(--border-default);
  border-radius: var(--radius-control);
  background: var(--color-stone);
}

.etlap-booking-panel__copy {
  min-width: 0;
  max-width: 42.5rem;
}

.etlap-booking-panel__copy h3 {
  margin-bottom: var(--space-3);
}

.etlap-booking-panel__copy p {
  margin-bottom: 0;
}

.etlap-booking-panel .button {
  flex: 0 0 auto;
}

.etlap-steps__intro {
  width: 50%;
  min-width: 0;
  max-width: 38.75rem;
  margin-inline: auto;
  margin-bottom: var(--space-12);
  text-align: center;
}

.etlap-steps__intro h2 {
  margin-bottom: var(--space-6);
}

.etlap-steps__intro p {
  margin-bottom: 0;
}

.etlap-steps__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
}

.etlap-step {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  padding: 0 var(--space-6);
}

.etlap-step:first-child {
  padding-left: 0;
}

.etlap-step + .etlap-step {
  border-left: var(--border-default);
}

.etlap-step > * {
  min-width: 0;
}

.etlap-step .meta {
  margin-bottom: var(--space-4);
}

.etlap-step h3 {
  margin-bottom: var(--space-4);
}

.etlap-step p {
  flex: 1 1 auto;
  margin-bottom: var(--space-4);
}

.etlap-step .button {
  margin-top: auto;
}

.etlap-related__heading {
  width: 50%;
  min-width: 0;
  max-width: 42.5rem;
  margin-bottom: var(--space-8);
}

.etlap-related__heading h2 {
  margin-bottom: var(--space-6);
}

.etlap-related__heading p {
  margin-bottom: 0;
}

.etlap-related__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-6);
}

.etlap-related-card__content h3 {
  margin-bottom: 0;
}

.etlap-related-card__content p {
  flex: 1 1 auto;
}

.etlap-arch-mark,
.etlap-glass-mark,
.etlap-table-mark {
  color: var(--color-olive);
  font-family: var(--font-serif);
  font-size: 2.25rem;
  line-height: 1;
}

.etlap-related-card__links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-2);
  width: 100%;
  min-width: 0;
}

.etlap-closing {
  padding-block: clamp(4rem, 9vw, 8rem);
  background: var(--color-olive);
  color: var(--color-cream);
}

.etlap-closing__copy {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 0;
  width: 50%;
  max-width: 42.5rem;
  margin-inline: auto;
  gap: var(--space-6);
  text-align: center;
}

.etlap-closing__copy > * {
  min-width: 0;
  margin: 0;
}

.etlap-closing__copy .eyebrow,
.etlap-closing__copy h2 {
  color: var(--color-cream);
}

.etlap-closing__copy .lead {
  max-width: 38rem;
}

@media (max-width: 64.9375rem) {
  .etlap-hero__grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: var(--space-6);
  }

  .etlap-hero__copy {
    grid-column: span 3;
  }

  .etlap-hero__media {
    grid-column: span 3;
    min-height: 31.25rem;
  }

  .etlap-philosophy__grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .etlap-philosophy__copy {
    grid-column: 1 / -1;
    max-width: 42.5rem;
  }

  .etlap-philosophy__media {
    grid-column: 1 / -1;
    max-width: 100%;
  }

  .etlap-philosophy__occasion {
    grid-column: 1 / -1;
  }

  .etlap-evenings__grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .etlap-evenings__copy {
    grid-column: span 3;
  }

  .etlap-evenings__media {
    grid-column: span 3;
  }
}

@media (max-width: 58.75rem) {
  .etlap-guide__grid {
    grid-template-columns: 1fr;
    gap: var(--space-4);
  }

  .etlap-guide__links {
    justify-content: flex-start;
  }

  .etlap-categories__heading,
  .etlap-questions__heading,
  .etlap-related__heading {
    width: 100%;
  }

  .etlap-categories__grid,
  .etlap-related__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .etlap-categories__grid > :nth-child(3),
  .etlap-related__grid > :nth-child(3) {
    grid-column: 1 / span 1;
  }

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

  .etlap-drinks__heading {
    grid-column: 1 / -1;
  }

  .etlap-drinks__more {
    grid-column: 1 / -1;
  }

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

  .etlap-question-block:first-child,
  .etlap-question-block:last-child {
    grid-column: span 1;
  }

  .etlap-steps__intro {
    width: 83.333%;
  }

  .etlap-steps__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-8) 0;
  }

  .etlap-step {
    padding-inline: var(--space-6);
  }

  .etlap-step:first-child {
    padding-left: 0;
  }

  .etlap-step:nth-child(3) {
    grid-column: 1 / span 1;
    padding-left: 0;
    border-left: 0;
  }
}

@media (max-width: 51.25rem) {
  .etlap-evenings__grid {
    grid-template-columns: 1fr;
    gap: var(--space-8);
  }

  .etlap-evenings__copy,
  .etlap-evenings__media {
    grid-column: 1;
  }

  .etlap-evenings__copy {
    max-width: 100%;
  }

  .etlap-evenings__media {
    max-width: 34rem;
  }
}

@media (max-width: 43.6875rem) {
  .etlap-hero {
    padding-block: var(--space-12);
  }

  .etlap-hero__grid,
  .etlap-philosophy__grid {
    grid-template-columns: 1fr;
  }

  .etlap-hero__copy,
  .etlap-hero__media,
  .etlap-philosophy__copy,
  .etlap-philosophy__media,
  .etlap-philosophy__occasion {
    grid-column: 1;
  }

  .etlap-hero__copy,
  .etlap-philosophy__copy {
    max-width: 100%;
  }

  .etlap-hero__media {
    min-height: 26.875rem;
  }

  .etlap-guide {
    padding-block: var(--space-6);
  }

  .etlap-guide__links {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-2) var(--space-4);
  }

  .etlap-guide__links a {
    min-width: 0;
  }

  .etlap-philosophy__copy {
    gap: var(--space-6);
  }

  .etlap-philosophy__occasion {
    padding: var(--space-6);
  }

  .etlap-categories__grid,
  .etlap-related__grid,
  .etlap-drinks__grid,
  .etlap-questions__grid,
  .etlap-steps__grid {
    grid-template-columns: 1fr;
  }

  .etlap-categories__grid > :nth-child(3),
  .etlap-related__grid > :nth-child(3),
  .etlap-drinks__heading,
  .etlap-drinks__more,
  .etlap-question-block:first-child,
  .etlap-question-block:last-child,
  .etlap-step:nth-child(3) {
    grid-column: 1;
  }

  .etlap-category-card__content,
  .etlap-related-card__content {
    padding: var(--space-6);
  }

  .etlap-drinks__grid {
    gap: var(--space-8);
  }

  .etlap-drinks__more {
    grid-template-columns: 1fr;
    gap: var(--space-2);
    padding-top: var(--space-6);
  }

  .etlap-more-dot {
    margin-top: 0;
  }

  .etlap-evenings {
    padding-block: var(--space-16);
  }

  .etlap-evenings__media {
    max-width: 100%;
  }

  .etlap-booking-panel {
    flex-direction: column;
    align-items: stretch;
    gap: var(--space-4);
    margin-top: var(--space-8);
  }

  .etlap-booking-panel .button {
    width: 100%;
  }

  .etlap-steps__intro,
  .etlap-closing__copy {
    width: 100%;
  }

  .etlap-steps__intro {
    margin-bottom: var(--space-8);
  }

  .etlap-steps__grid {
    gap: 0;
  }

  .etlap-step,
  .etlap-step:first-child,
  .etlap-step:nth-child(3) {
    padding: var(--space-6) 0;
    border-left: 0;
  }

  .etlap-step + .etlap-step {
    border-top: var(--border-default);
  }

  .etlap-step .button {
    width: 100%;
  }

  .etlap-closing {
    padding-block: var(--space-16);
  }

  .etlap-closing__copy {
    gap: var(--space-6);
  }

  .etlap-closing__copy .button {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .etlap-hero__media img,
  .etlap-philosophy__media img,
  .etlap-evenings__media img {
    transition: none;
  }

  .etlap-hero__media:hover img,
  .etlap-philosophy__media:hover img,
  .etlap-evenings__media:hover img {
    transform: none;
  }
}


.italok-page { overflow: clip; }
.italok-page .section { padding-block: var(--space-16); }
.italok-page .eyebrow { margin-bottom: 0; }
.italok-hero { padding-block: var(--space-12) var(--space-16); }
.italok-hero__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 1fr) minmax(0, 6fr); align-items: center; min-height: 42.5rem; }
.italok-hero__copy { grid-column: 1 / 2; min-width: 0; max-width: 32.5rem; display: flex; flex-direction: column; gap: var(--space-6); }
.italok-hero__copy h1, .italok-hero__copy p { margin: 0; }
.italok-hero__actions { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); min-width: 0; }
.italok-hero__note { color: var(--color-muted-text); max-width: 29rem; }
.italok-hero__media { grid-column: 3 / 4; width: 100%; min-width: 0; height: 42.5rem; margin: 0; }
.italok-hero__media img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; transition: transform var(--transition-fast); }
.italok-hero__media:hover img, .italok-cocktails__media:hover img, .italok-sharing__media:hover img { transform: scale(1.02); }
.italok-directions__intro { width: min(100%, 35rem); display: flex; flex-direction: column; gap: var(--space-6); }
.italok-directions__intro h2, .italok-directions__intro p { margin: 0; }
.italok-directions__cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-6); margin-top: var(--space-8); }
.italok-direction-card { min-width: 0; height: 100%; }
.italok-direction-card .card__content { height: 100%; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); }
.italok-direction-card h3, .italok-direction-card p { margin: 0; }
.italok-card-link { margin-top: auto; min-height: 2.75rem; display: inline-flex; align-items: center; }
.italok-cocktails__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--space-6); align-items: center; }
.italok-cocktails__media { grid-column: 1 / span 6; min-width: 0; height: 32.5rem; margin: 0; overflow: hidden; border-radius: var(--radius-panel); }
.italok-cocktails__media img { width: 100%; height: 100%; object-fit: cover; object-position: 70% 50%; transition: transform var(--transition-fast); }
.italok-cocktails__copy { grid-column: 8 / span 4; min-width: 0; max-width: 29.375rem; display: flex; flex-direction: column; gap: var(--space-6); }
.italok-cocktails__copy h2, .italok-cocktails__copy p, .italok-cocktails__copy h3, .italok-cocktails__copy ul { margin: 0; }
.italok-cocktails__callout { padding-top: var(--space-6); border-top: 1px solid var(--color-oak); }
.italok-preferences { display: flex; flex-direction: column; gap: var(--space-4); }
.italok-preferences ul { display: flex; flex-wrap: wrap; gap: var(--space-2); padding: 0; list-style: none; }
.italok-preferences li { min-width: 0; padding-inline: var(--space-3); color: var(--color-olive); font-size: var(--text-meta); font-weight: 600; letter-spacing: .04em; }
.italok-wine__intro { width: min(100%, 38.75rem); margin-inline: auto; text-align: center; display: flex; flex-direction: column; gap: var(--space-6); }
.italok-wine__intro h2, .italok-wine__intro p { margin: 0; }
.italok-wine__cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-6); margin-top: var(--space-8); }
.italok-wine-card { min-width: 0; padding: var(--space-8); border: var(--border-default); border-top: 2px solid var(--color-oak); background: var(--color-cream); }
.italok-wine-card--olive { border-top-color: var(--color-olive); }
.italok-wine-card--rose { border-top-color: var(--color-dusty-rose); }
.italok-wine-card h3, .italok-wine-card p { margin: 0; }
.italok-wine-card { display: flex; flex-direction: column; gap: var(--space-4); }
.italok-nonalcoholic__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--space-6); align-items: center; }
.italok-nonalcoholic__copy { grid-column: 1 / span 5; min-width: 0; max-width: 32.5rem; display: flex; flex-direction: column; gap: var(--space-6); }
.italok-nonalcoholic__copy h2, .italok-nonalcoholic__copy p { margin: 0; }
.italok-nonalcoholic__emphasis { color: var(--color-olive); font-weight: 700; }
.italok-flavour-panel { grid-column: 8 / span 5; position: relative; min-width: 0; overflow: hidden; padding: var(--space-8); background: var(--color-linen); border: var(--border-default); border-radius: var(--radius-panel); }
.italok-flavour-panel__content { position: relative; z-index: 1; max-width: 30rem; display: flex; flex-direction: column; gap: var(--space-4); }
.italok-flavour-panel h3, .italok-flavour-panel p { margin: 0; }
.italok-flavour-panel__art { position: absolute; right: -1rem; bottom: -1rem; width: 11.25rem; color: var(--color-olive); opacity: .24; }
.italok-pairings__intro { width: min(100%, 35rem); display: flex; flex-direction: column; gap: var(--space-6); }
.italok-pairings__intro h2, .italok-pairings__intro p, .italok-pairings__intro .rule { margin: 0; }
.italok-pairings__cards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-6); margin-top: var(--space-8); }
.italok-pairing-card { min-width: 0; height: 100%; }
.italok-pairing-card .card__content { height: 100%; display: flex; flex-direction: column; gap: var(--space-4); }
.italok-pairing-card svg { width: 2rem; height: 2rem; color: var(--color-oak); }
.italok-pairing-card h3, .italok-pairing-card p { margin: 0; }
.italok-sharing__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--space-6); align-items: center; }
.italok-sharing__copy { grid-column: 1 / span 4; min-width: 0; max-width: 28.75rem; display: flex; flex-direction: column; gap: var(--space-6); }
.italok-sharing__copy h2, .italok-sharing__copy p, .italok-sharing__copy blockquote { margin: 0; }
.italok-sharing__eyebrow { color: var(--color-dusty-rose); }
.italok-sharing__copy blockquote { padding-left: var(--space-4); border-inline-start: 2px solid var(--color-terracotta); background: var(--color-linen); padding-block: var(--space-4); padding-right: var(--space-4); font-size: clamp(1.3rem, 2.5vw, 1.85rem); }
.italok-sharing__action { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); }
.italok-sharing__media { grid-column: 7 / span 6; width: 100%; min-width: 0; height: 36.25rem; margin: 0; }
.italok-sharing__media img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; transition: transform var(--transition-fast); }
.italok-events__intro { padding: var(--space-8); display: flex; flex-direction: column; gap: var(--space-6); }
.italok-events__intro h2, .italok-events__intro p { margin: 0; }
.italok-events__intro .eyebrow { color: var(--color-linen); }
.italok-events__intro h2 { color: var(--color-cream); }
.italok-events__cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-6); margin-top: var(--space-8); }
.italok-event-card { min-width: 0; height: 100%; }
.italok-event-card .card__content { height: 100%; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); }
.italok-event-card h3, .italok-event-card p { margin: 0; }
.italok-event-card svg { width: 3rem; height: 3rem; color: var(--color-oak); }
.italok-event-card a { margin-top: auto; min-height: 2.75rem; display: inline-flex; align-items: center; }
.italok-private__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--space-6); align-items: center; }
.italok-private__copy { grid-column: 1 / span 5; min-width: 0; max-width: 35rem; display: flex; flex-direction: column; gap: var(--space-6); }
.italok-private__copy h2, .italok-private__copy p { margin: 0; }
.italok-private__card { grid-column: 8 / span 5; min-width: 0; border-radius: 8rem 8rem var(--radius-panel) var(--radius-panel); }
.italok-private__card .card__content { display: flex; flex-direction: column; gap: var(--space-6); }
.italok-private-item { min-width: 0; padding-left: var(--space-4); border-left: 2px solid var(--color-oak); display: flex; flex-direction: column; gap: var(--space-2); }
.italok-private-item--terracotta { border-left-color: var(--color-terracotta); }
.italok-private-item--olive { border-left-color: var(--color-olive); }
.italok-private-item h3, .italok-private-item p { margin: 0; }
.italok-faq__layout { position: relative; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--space-6); }
.italok-faq__intro { grid-column: 1 / span 5; min-width: 0; max-width: 35rem; display: flex; flex-direction: column; gap: var(--space-6); }
.italok-faq__intro h2, .italok-faq__intro p { margin: 0; }
.italok-faq__accordion { grid-column: 1 / span 8; min-width: 0; margin-top: var(--space-8); display: flex; flex-direction: column; border-top: var(--border-default); }
.italok-faq-item { min-width: 0; border-bottom: var(--border-default); }
.italok-faq-item h3 { margin: 0; }
.italok-faq-item button { width: 100%; min-height: 3rem; padding: var(--space-4) var(--space-6); border-radius: 0; background: transparent; color: var(--color-ink-olive); display: flex; justify-content: space-between; align-items: center; gap: var(--space-4); text-align: left; font-family: var(--font-sans); font-size: 1rem; line-height: var(--leading-body); letter-spacing: 0; }
.italok-faq-item button:hover { background: var(--color-linen); color: var(--color-ink-olive); }
.italok-faq-item button span { flex: 0 0 auto; font-size: 1.5rem; font-weight: 400; transition: transform var(--transition-fast); }
.italok-faq-item.is-open button span { transform: rotate(45deg); }
.italok-faq-item > div { padding: 0 var(--space-6) var(--space-6); }
.italok-faq-item > div p { margin: 0; max-width: 45rem; }
.italok-faq__art { grid-column: 10 / span 3; position: absolute; right: 0; bottom: 0; width: 13rem; color: var(--color-olive); opacity: .3; }
.italok-closing { background: var(--color-limestone); }
.italok-closing__panel { width: min(100%, 62.5rem); margin-inline: auto; padding: var(--space-16); border: var(--border-default); border-radius: var(--radius-panel); background: var(--color-cream); text-align: center; display: flex; flex-direction: column; align-items: center; gap: var(--space-6); }
.italok-closing__panel .eyebrow { color: var(--color-terracotta); }
.italok-closing__panel h2, .italok-closing__panel p { margin: 0; }
.italok-closing__panel > .lead { max-width: 38.75rem; }
.italok-closing__actions { width: min(100%, 20rem); display: flex; flex-direction: column; align-items: center; gap: var(--space-4); }
.italok-closing__actions p { color: var(--color-muted-text); }
@media (max-width: 67.5rem) { .italok-pairings__cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 61.25rem) { .italok-hero__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--space-6); } .italok-hero__copy { grid-column: 1; } .italok-hero__media { grid-column: 2; } .italok-cocktails__copy { grid-column: 8 / span 5; } .italok-directions__cards, .italok-events__cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } .italok-directions__cards > :last-child, .italok-events__cards > :last-child { grid-column: 1 / -1; } .italok-wine__cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } .italok-wine__cards > :last-child { grid-column: 1 / -1; } .italok-sharing__copy { grid-column: 1 / span 5; } .italok-sharing__media { grid-column: 7 / span 6; } }
@media (max-width: 59.375rem) { .italok-cocktails__grid, .italok-nonalcoholic__grid, .italok-sharing__grid, .italok-private__grid { grid-template-columns: repeat(6, minmax(0, 1fr)); row-gap: var(--space-8); } .italok-cocktails__media { grid-column: 1 / -1; } .italok-cocktails__copy { grid-column: 1 / span 5; } .italok-nonalcoholic__copy, .italok-flavour-panel, .italok-sharing__copy, .italok-sharing__media, .italok-private__copy, .italok-private__card { grid-column: 1 / -1; } .italok-sharing__media { order: 2; } }
@media (max-width: 52.5rem) { .italok-hero__grid { grid-template-columns: minmax(0, 1fr); gap: var(--space-8); min-height: 0; } .italok-hero__copy, .italok-hero__media { grid-column: 1; max-width: none; } .italok-hero__media { height: max(22.5rem, 100vw); } .italok-page .section { padding-block: var(--space-12); } .italok-cocktails__copy { grid-column: 1 / -1; } .italok-cocktails__media { order: 2; height: 18rem; } .italok-closing__panel { padding: var(--space-12); } }
@media (max-width: 43.75rem) { .italok-hero { padding-block: var(--space-8) var(--space-12); } .italok-hero__copy { gap: var(--space-4); } .italok-hero__media { height: 25rem; } .italok-directions__cards, .italok-wine__cards, .italok-pairings__cards, .italok-events__cards { grid-template-columns: minmax(0, 1fr); gap: var(--space-4); } .italok-directions__cards > :last-child, .italok-events__cards > :last-child, .italok-wine__cards > :last-child { grid-column: 1; } .italok-wine__intro { width: 100%; margin-inline: 0; text-align: left; } .italok-cocktails__grid, .italok-nonalcoholic__grid, .italok-sharing__grid, .italok-private__grid { row-gap: var(--space-6); } .italok-cocktails__copy, .italok-nonalcoholic__copy, .italok-sharing__copy, .italok-private__copy { max-width: none; } .italok-cocktails__media { height: 15.625rem; } .italok-sharing__media { height: 25rem; } .italok-wine-card, .italok-flavour-panel, .italok-events__intro { padding: var(--space-6); } .italok-private__card { border-radius: 5rem 5rem var(--radius-panel) var(--radius-panel); } .italok-faq__layout { display: flex; flex-direction: column; gap: var(--space-6); } .italok-faq__intro, .italok-faq__accordion { width: 100%; margin: 0; max-width: none; } .italok-faq__art { display: none; } .italok-faq-item button { padding-inline: var(--space-4); } .italok-faq-item > div { padding-inline: var(--space-4); padding-bottom: var(--space-4); } .italok-closing__panel { padding: var(--space-6); } .italok-closing__actions { width: 100%; } .italok-closing__actions .button { width: 100%; } }
@media (prefers-reduced-motion: reduce) { .italok-hero__media img, .italok-cocktails__media img, .italok-sharing__media img, .italok-faq-item button span { transition: none; } }


[data-tematikus-estek-page] {
  background: var(--color-limestone);
}

[data-tematikus-estek-page] .te-section {
  min-width: 0;
}

[data-tematikus-estek-page] .te-container {
  width: min(100% - (var(--container-gutter) * 2), var(--container-max));
  margin-inline: auto;
}

[data-tematikus-estek-page] .te-kicker {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  margin: 0;
  color: var(--color-olive);
  font-size: var(--text-meta);
  font-weight: 600;
  letter-spacing: 0.08em;
  line-height: var(--leading-meta);
  text-transform: uppercase;
}

[data-tematikus-estek-page] .te-hero {
  padding-block: var(--space-16) var(--space-12);
}

[data-tematikus-estek-page] .te-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 1fr) minmax(23.75rem, 6fr);
  align-items: center;
  gap: var(--space-6);
  min-width: 0;
  padding-bottom: var(--space-12);
  border-bottom: 1px solid var(--color-line);
}

[data-tematikus-estek-page] .te-hero__copy {
  display: flex;
  grid-column: 1;
  min-width: 0;
  max-width: 32.5rem;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-6);
}

[data-tematikus-estek-page] .te-hero__copy h1,
[data-tematikus-estek-page] .te-section-head h2,
[data-tematikus-estek-page] .te-table-copy h2,
[data-tematikus-estek-page] .te-social-copy h2,
[data-tematikus-estek-page] .te-private-copy h2,
[data-tematikus-estek-page] .te-form-head h2,
[data-tematikus-estek-page] .te-closing__content h2,
[data-tematikus-estek-page] .te-steps-head h2 {
  margin: 0;
}

[data-tematikus-estek-page] .te-hero__copy h1 {
  max-width: 13ch;
  font-size: clamp(2.5rem, 5.5vw, 4.25rem);
}

[data-tematikus-estek-page] .te-hero__copy p {
  max-width: 56ch;
  margin: 0;
}

[data-tematikus-estek-page] .te-hero__media {
  grid-column: 3;
  min-width: 0;
  width: 100%;
  margin: 0;
}

[data-tematikus-estek-page] .te-hero__image {
  width: 100%;
  height: clamp(28rem, 46vw, 40rem);
}

[data-tematikus-estek-page] .te-hero__image img,
[data-tematikus-estek-page] .te-table-image img,
[data-tematikus-estek-page] .te-social-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

[data-tematikus-estek-page] .te-hero__media figcaption,
[data-tematikus-estek-page] .te-table-image figcaption,
[data-tematikus-estek-page] .te-social-image figcaption {
  margin: var(--space-2) 0 0;
}

[data-tematikus-estek-page] .te-explainer {
  padding-block: var(--space-16);
  background: var(--color-stone);
}

[data-tematikus-estek-page] .te-explainer__intro {
  display: flex;
  min-width: 0;
  max-width: 37.5rem;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-6);
}

[data-tematikus-estek-page] .te-explainer__intro h2,
[data-tematikus-estek-page] .te-explainer__intro p {
  margin: 0;
}

[data-tematikus-estek-page] .te-explainer__intro p {
  max-width: 64ch;
}

[data-tematikus-estek-page] .te-explainer__rule {
  width: 100%;
  height: 1px;
  background: var(--color-olive);
}

[data-tematikus-estek-page] .te-principles {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  min-width: 0;
  margin-top: var(--space-12);
  border: var(--border-default);
  background: var(--color-cream);
}

[data-tematikus-estek-page] .te-principle {
  display: flex;
  min-width: 0;
  min-height: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  padding: var(--space-8);
}

[data-tematikus-estek-page] .te-principle + .te-principle {
  border-inline-start: var(--border-default);
}

[data-tematikus-estek-page] .te-principle p,
[data-tematikus-estek-page] .te-principle h3 {
  margin: 0;
}

[data-tematikus-estek-page] .te-principle p {
  max-width: 40ch;
}

[data-tematikus-estek-page] .te-number {
  color: var(--color-olive);
  font-size: var(--text-meta);
  font-weight: 600;
  letter-spacing: 0.08em;
  line-height: var(--leading-meta);
}

[data-tematikus-estek-page] .te-programs {
  padding-block: var(--space-24);
}

[data-tematikus-estek-page] .te-section-head {
  display: flex;
  min-width: 0;
  max-width: 42.5rem;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
}

[data-tematikus-estek-page] .te-section-head p {
  max-width: 62ch;
  margin: 0;
}

[data-tematikus-estek-page] .te-program-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  gap: var(--space-6);
  min-width: 0;
  margin-top: var(--space-12);
}

[data-tematikus-estek-page] .te-program-card {
  display: flex;
  min-width: 0;
  min-height: 100%;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-6);
  padding: var(--space-8);
}

[data-tematikus-estek-page] .te-program-card__header,
[data-tematikus-estek-page] .te-program-card__body,
[data-tematikus-estek-page] .te-program-card__actions {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
}

[data-tematikus-estek-page] .te-program-card__header h3,
[data-tematikus-estek-page] .te-program-card__body p,
[data-tematikus-estek-page] .te-program-card__body dl,
[data-tematikus-estek-page] .te-program-card__actions p {
  margin: 0;
}

[data-tematikus-estek-page] .te-program-card__body p {
  max-width: 42ch;
}

[data-tematikus-estek-page] .te-program-card dl {
  display: grid;
  gap: var(--space-2);
}

[data-tematikus-estek-page] .te-program-card dd {
  margin: 0 0 var(--space-3);
  color: var(--color-muted-text);
}

[data-tematikus-estek-page] .te-program-card__actions {
  margin-top: auto;
}

[data-tematikus-estek-page] .te-detail-toggle {
  min-height: 2.75rem;
  padding: 0;
  background: transparent;
  color: var(--color-ink-olive);
  text-align: left;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.25rem;
}

[data-tematikus-estek-page] .te-detail-toggle:hover {
  background: transparent;
  color: var(--color-terracotta);
}

[data-tematikus-estek-page] .te-detail-panel {
  width: 100%;
  border-inline-start: 1px solid var(--color-olive);
  padding-inline-start: var(--space-4);
}

[data-tematikus-estek-page] .te-detail-panel p {
  max-width: 42ch;
  margin: 0;
}

[data-tematikus-estek-page] .te-table-section {
  padding-block: var(--space-24);
  background: var(--color-cream);
}

[data-tematikus-estek-page] .te-table-grid {
  display: grid;
  grid-template-columns: minmax(0, 6fr) minmax(0, 1fr) minmax(0, 5fr);
  align-items: start;
  gap: var(--space-6);
  min-width: 0;
}

[data-tematikus-estek-page] .te-table-image {
  grid-column: 1;
  min-width: 0;
  width: 100%;
  margin: var(--space-8) 0 0;
}

[data-tematikus-estek-page] .te-table-image__crop {
  width: 100%;
  aspect-ratio: 3 / 2;
  overflow: hidden;
}

[data-tematikus-estek-page] .te-table-copy {
  display: flex;
  grid-column: 3;
  min-width: 0;
  max-width: 36.25rem;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-6);
}

[data-tematikus-estek-page] .te-table-copy p {
  max-width: 66ch;
  margin: 0;
}

[data-tematikus-estek-page] .te-table-copy__quote {
  display: flex;
  min-width: 0;
  width: 100%;
  flex-direction: column;
  gap: var(--space-3);
  border-inline-start: 2px solid var(--color-olive);
  background: var(--color-stone);
  padding: var(--space-6);
}

[data-tematikus-estek-page] .te-table-copy__quote p {
  max-width: 44ch;
  font-family: var(--font-serif);
  font-size: clamp(1.35rem, 2.2vw, 1.85rem);
  line-height: 1.2;
}

[data-tematikus-estek-page] .te-steps {
  padding-block: var(--space-16);
  background: var(--color-stone);
}

[data-tematikus-estek-page] .te-steps-head {
  display: flex;
  min-width: 0;
  max-width: 38.75rem;
  margin-inline: auto;
  flex-direction: column;
  align-items: center;
  gap: var(--space-4);
  text-align: center;
}

[data-tematikus-estek-page] .te-steps-head p {
  max-width: 58ch;
  margin: 0;
}

[data-tematikus-estek-page] .te-step-grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  gap: var(--space-8);
  min-width: 0;
  margin-top: var(--space-12);
}

[data-tematikus-estek-page] .te-step-grid::before {
  position: absolute;
  top: 0.6rem;
  right: 16.66%;
  left: 16.66%;
  z-index: 0;
  height: 1px;
  background: var(--color-olive);
  content: '';
}

[data-tematikus-estek-page] .te-step {
  position: relative;
  z-index: 1;
  display: flex;
  min-width: 0;
  min-height: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  background: var(--color-stone);
}

[data-tematikus-estek-page] .te-step h3,
[data-tematikus-estek-page] .te-step p {
  margin: 0;
}

[data-tematikus-estek-page] .te-step p {
  max-width: 45ch;
}

[data-tematikus-estek-page] .te-step .button {
  margin-top: auto;
}

[data-tematikus-estek-page] .te-faq {
  padding-block: var(--space-24);
}

[data-tematikus-estek-page] .te-faq-head {
  display: flex;
  min-width: 0;
  max-width: 40.625rem;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
}

[data-tematikus-estek-page] .te-faq-head h2,
[data-tematikus-estek-page] .te-faq-head p {
  margin: 0;
}

[data-tematikus-estek-page] .te-faq-head p {
  max-width: 62ch;
}

[data-tematikus-estek-page] .te-faq-list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-3);
  min-width: 0;
  width: min(100%, 47.5rem);
  margin-top: var(--space-12);
}

[data-tematikus-estek-page] .te-faq-list details {
  min-width: 0;
  border: var(--border-default);
  background: var(--color-cream);
}

[data-tematikus-estek-page] .te-faq-list summary {
  display: flex;
  min-height: 3.5rem;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  padding: var(--space-4) var(--space-6);
  color: var(--color-ink-olive);
  font-weight: 700;
  cursor: pointer;
  list-style: none;
}

[data-tematikus-estek-page] .te-faq-list summary::-webkit-details-marker {
  display: none;
}

[data-tematikus-estek-page] .te-faq-list summary::after {
  flex: 0 0 auto;
  color: var(--color-olive);
  content: '+';
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1;
  transition: transform var(--transition-fast);
}

[data-tematikus-estek-page] .te-faq-list details[open] summary::after {
  transform: rotate(45deg);
}

[data-tematikus-estek-page] .te-faq-answer {
  min-width: 0;
  padding: 0 var(--space-6) var(--space-6);
}

[data-tematikus-estek-page] .te-faq-answer p {
  max-width: 62ch;
  margin: 0;
}

[data-tematikus-estek-page] .te-social {
  padding-block: var(--space-24);
  background: var(--color-cream);
}

[data-tematikus-estek-page] .te-social-grid {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 1fr) minmax(0, 5fr);
  align-items: start;
  gap: var(--space-6);
  min-width: 0;
}

[data-tematikus-estek-page] .te-social-copy {
  display: flex;
  grid-column: 1;
  min-width: 0;
  max-width: 35rem;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-6);
}

[data-tematikus-estek-page] .te-social-copy .lead {
  max-width: 58ch;
  margin: 0;
}

[data-tematikus-estek-page] .te-occasion-list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  min-width: 0;
  width: 100%;
}

[data-tematikus-estek-page] .te-occasion-list div {
  min-width: 0;
  border-top: 1px solid var(--color-line);
  padding-block: var(--space-4);
}

[data-tematikus-estek-page] .te-occasion-list div:last-child {
  border-bottom: 1px solid var(--color-line);
}

[data-tematikus-estek-page] .te-occasion-list dt,
[data-tematikus-estek-page] .te-occasion-list dd {
  margin: 0;
}

[data-tematikus-estek-page] .te-occasion-list dd {
  max-width: 46ch;
  margin-top: var(--space-1);
  color: var(--color-muted-text);
}

[data-tematikus-estek-page] .te-social-image {
  grid-column: 3;
  min-width: 0;
  width: 100%;
  margin: 0;
}

[data-tematikus-estek-page] .te-social-image__crop {
  width: 100%;
  aspect-ratio: 4 / 5;
}

[data-tematikus-estek-page] .te-private {
  padding-block: var(--space-16);
  background: var(--color-olive);
}

[data-tematikus-estek-page] .te-private-grid {
  display: grid;
  grid-template-columns: minmax(0, 6fr) minmax(0, 2fr) minmax(20rem, 4fr);
  align-items: center;
  gap: var(--space-6);
  min-width: 0;
}

[data-tematikus-estek-page] .te-private-copy {
  display: flex;
  grid-column: 1;
  min-width: 0;
  max-width: 38.75rem;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-6);
  color: var(--color-cream);
}

[data-tematikus-estek-page] .te-private-copy h2,
[data-tematikus-estek-page] .te-private-copy p {
  margin: 0;
  color: var(--color-cream);
}

[data-tematikus-estek-page] .te-private-copy p {
  max-width: 62ch;
}

[data-tematikus-estek-page] .te-private .button--secondary {
  border-color: var(--color-cream);
  background: var(--color-cream);
  color: var(--color-ink-olive);
}

[data-tematikus-estek-page] .te-private .button--secondary:hover {
  border-color: var(--color-linen);
  background: var(--color-linen);
}

[data-tematikus-estek-page] .te-private-panel {
  display: flex;
  grid-column: 3;
  min-width: 0;
  width: 100%;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-4);
  border: var(--border-default);
  border-radius: var(--radius-control);
  background: var(--color-cream);
  padding: var(--space-8);
}

[data-tematikus-estek-page] .te-private-panel h3,
[data-tematikus-estek-page] .te-private-panel dl {
  margin: 0;
}

[data-tematikus-estek-page] .te-private-panel dl {
  display: grid;
  gap: var(--space-3);
}

[data-tematikus-estek-page] .te-private-panel dd {
  margin: var(--space-1) 0 0;
  color: var(--color-muted-text);
}

[data-tematikus-estek-page] .te-form-section {
  padding-block: var(--space-24);
  background: var(--color-stone);
  scroll-margin-top: 6rem;
}

[data-tematikus-estek-page] .te-form-head {
  display: flex;
  min-width: 0;
  max-width: 40rem;
  margin-inline: auto;
  flex-direction: column;
  align-items: center;
  gap: var(--space-4);
  text-align: center;
}

[data-tematikus-estek-page] .te-form-head p {
  max-width: 58ch;
  margin: 0;
}

[data-tematikus-estek-page] .te-form-card {
  width: min(100%, 47.5rem);
  margin: var(--space-12) auto 0;
  padding: var(--space-8);
}

[data-tematikus-estek-page] .te-form-card form {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-6);
}

[data-tematikus-estek-page] .te-required-note,
[data-tematikus-estek-page] .te-privacy-note,
[data-tematikus-estek-page] .te-form-status {
  margin: 0;
  color: var(--color-muted-text);
  font-size: 0.875rem;
}

[data-tematikus-estek-page] .te-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-6);
  min-width: 0;
}

[data-tematikus-estek-page] .te-field {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: stretch;
}

[data-tematikus-estek-page] .te-field--full {
  grid-column: 1 / -1;
}

[data-tematikus-estek-page] .te-field label {
  min-width: 0;
}

[data-tematikus-estek-page] .te-field textarea {
  min-height: 9rem;
}

[data-tematikus-estek-page] .te-field-error {
  min-height: 1.3em;
  margin-top: var(--space-2);
  color: var(--color-focus);
  font-size: 0.875rem;
  line-height: 1.3;
}

[data-tematikus-estek-page] .te-form-actions {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
}

[data-tematikus-estek-page] .te-form-actions .button {
  min-height: 3rem;
}

[data-tematikus-estek-page] .te-booking-alternative {
  width: fit-content;
  min-height: 2.75rem;
  padding-block: var(--space-3);
}

[data-tematikus-estek-page] .te-closing {
  padding-block: var(--space-24);
}

[data-tematikus-estek-page] .te-closing__content {
  display: flex;
  min-width: 0;
  max-width: 42.5rem;
  margin-inline: auto;
  flex-direction: column;
  align-items: center;
  gap: var(--space-6);
  text-align: center;
}

[data-tematikus-estek-page] .te-closing__arch-rule {
  width: min(100%, 12rem);
  height: 2.25rem;
  border-top: 1px solid var(--color-olive);
  border-right: 1px solid var(--color-olive);
  border-left: 1px solid var(--color-olive);
  border-radius: 999px 999px 0 0;
}

[data-tematikus-estek-page] .te-closing__content p {
  max-width: 54ch;
  margin: 0;
}

[data-tematikus-estek-page] .te-closing__actions {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: var(--space-3);
}

@media (max-width: 61.25rem) {
  [data-tematikus-estek-page] .te-hero__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  [data-tematikus-estek-page] .te-hero__copy,
  [data-tematikus-estek-page] .te-hero__media {
    grid-column: auto;
  }

  [data-tematikus-estek-page] .te-hero__image {
    height: clamp(24rem, 54vw, 34rem);
  }

  [data-tematikus-estek-page] .te-program-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  [data-tematikus-estek-page] .te-program-card:last-child {
    grid-column: 1 / -1;
  }
}

@media (max-width: 56.25rem) {
  [data-tematikus-estek-page] .te-principles {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  [data-tematikus-estek-page] .te-principle:nth-child(3) {
    grid-column: 1 / -1;
    border-top: var(--border-default);
    border-inline-start: 0;
  }

  [data-tematikus-estek-page] .te-table-grid,
  [data-tematikus-estek-page] .te-social-grid,
  [data-tematikus-estek-page] .te-private-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  [data-tematikus-estek-page] .te-table-image,
  [data-tematikus-estek-page] .te-table-copy,
  [data-tematikus-estek-page] .te-social-copy,
  [data-tematikus-estek-page] .te-social-image,
  [data-tematikus-estek-page] .te-private-copy,
  [data-tematikus-estek-page] .te-private-panel {
    grid-column: 1;
  }

  [data-tematikus-estek-page] .te-table-image {
    order: 2;
    margin: 0;
  }

  [data-tematikus-estek-page] .te-table-copy {
    order: 1;
  }

  [data-tematikus-estek-page] .te-private-panel {
    max-width: 40rem;
  }
}

@media (max-width: 47.5rem) {
  [data-tematikus-estek-page] .te-step-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-8);
  }

  [data-tematikus-estek-page] .te-step-grid::before {
    top: 1.75rem;
    bottom: 1.75rem;
    left: 0.6rem;
    right: auto;
    width: 1px;
    height: auto;
  }

  [data-tematikus-estek-page] .te-step {
    padding-inline-start: var(--space-8);
  }

  [data-tematikus-estek-page] .te-form-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  [data-tematikus-estek-page] .te-field--full {
    grid-column: 1;
  }
}

@media (max-width: 43.75rem) {
  [data-tematikus-estek-page] .te-hero {
    padding-block: var(--space-12);
  }

  [data-tematikus-estek-page] .te-hero__grid,
  [data-tematikus-estek-page] .te-program-grid,
  [data-tematikus-estek-page] .te-principles {
    grid-template-columns: minmax(0, 1fr);
  }

  [data-tematikus-estek-page] .te-hero__copy,
  [data-tematikus-estek-page] .te-hero__media,
  [data-tematikus-estek-page] .te-program-card:last-child,
  [data-tematikus-estek-page] .te-principle:nth-child(3) {
    grid-column: 1;
  }

  [data-tematikus-estek-page] .te-hero__copy {
    max-width: none;
  }

  [data-tematikus-estek-page] .te-hero__copy h1 {
    max-width: 13ch;
    font-size: clamp(2.5rem, 12vw, 3.25rem);
  }

  [data-tematikus-estek-page] .te-hero__copy p {
    max-width: 58ch;
    font-size: 1.125rem;
  }

  [data-tematikus-estek-page] .te-hero__image {
    height: max(20rem, 92vw);
  }

  [data-tematikus-estek-page] .te-principle {
    padding: var(--space-6);
  }

  [data-tematikus-estek-page] .te-principle + .te-principle {
    border-top: var(--border-default);
    border-inline-start: 0;
  }

  [data-tematikus-estek-page] .te-program-card,
  [data-tematikus-estek-page] .te-form-card,
  [data-tematikus-estek-page] .te-private-panel {
    padding: var(--space-6);
  }

  [data-tematikus-estek-page] .te-section-head,
  [data-tematikus-estek-page] .te-explainer__intro,
  [data-tematikus-estek-page] .te-faq-head,
  [data-tematikus-estek-page] .te-social-copy,
  [data-tematikus-estek-page] .te-table-copy,
  [data-tematikus-estek-page] .te-private-copy {
    max-width: none;
  }

  [data-tematikus-estek-page] .te-faq-list {
    width: 100%;
  }

  [data-tematikus-estek-page] .te-faq-list summary {
    min-height: 3.5rem;
    padding-inline: var(--space-4);
  }

  [data-tematikus-estek-page] .te-faq-answer {
    padding-inline: var(--space-4);
  }

  [data-tematikus-estek-page] .te-table-image__crop {
    min-height: 15rem;
  }

  [data-tematikus-estek-page] .te-steps-head,
  [data-tematikus-estek-page] .te-form-head,
  [data-tematikus-estek-page] .te-closing__content {
    align-items: center;
  }

  [data-tematikus-estek-page] .te-step .button,
  [data-tematikus-estek-page] .te-form-actions .button,
  [data-tematikus-estek-page] .te-closing__actions .button {
    width: 100%;
  }

  [data-tematikus-estek-page] .te-closing__actions {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-tematikus-estek-page] .te-faq-list summary::after {
    transition: none;
  }
}


main.thank-you-page {
  display: grid;
  min-height: min(42rem, calc(100vh - 12rem));
  place-items: center;
  padding-block: var(--space-12);
}

.thank-you-page__section {
  width: 100%;
}

.thank-you-page__panel {
  position: relative;
  overflow: hidden;
  border: var(--border-default);
  border-radius: var(--radius-panel);
  background: var(--color-cream);
  padding: var(--space-12) var(--space-6);
  text-align: center;
}

.thank-you-page__panel::before {
  position: absolute;
  top: 0;
  left: 50%;
  width: 5rem;
  height: 0.25rem;
  background: var(--color-terracotta);
  content: "";
  transform: translateX(-50%);
}

.thank-you-page__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-6);
}

.thank-you-page__content > * {
  margin: 0;
}

.thank-you-page__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  color: var(--color-olive);
  font-size: var(--text-meta);
  font-weight: 600;
  letter-spacing: 0.08em;
  line-height: var(--leading-meta);
  text-transform: uppercase;
}

.thank-you-page__eyebrow::before {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: var(--color-terracotta);
  content: "";
}

.thank-you-page__title {
  max-width: 16ch;
}

.thank-you-page__copy {
  max-width: 40rem;
  margin-inline: auto;
  color: var(--color-muted-text);
  font-size: var(--text-body-large);
  line-height: var(--leading-body-large);
  text-align: center;
}

.thank-you-page__next {
  max-width: 36rem;
  margin-inline: auto;
  color: var(--color-ink-olive);
  text-align: center;
}

.thank-you-page__actions {
  justify-content: center;
  margin-top: var(--space-2);
}

.thank-you-page__actions .button {
  min-width: 12rem;
}

@media (min-width: 43.75rem) {
  main.thank-you-page {
    padding-block: var(--space-16);
  }

  .thank-you-page__panel {
    padding: var(--space-16) var(--space-12);
  }
}

@media (max-width: 30rem) {
  .thank-you-page__actions {
    width: 100%;
  }

  .thank-you-page__actions .button {
    width: 100%;
  }
}