:root {
  --color-canvas: #fafafc;
  --color-surface: #ffffff;
  --color-ink: #090a0f;
  --color-muted-ink: #4b5563;
  --color-line: #d9dde7;
  --color-accent: #2563eb;
  --color-accent-hover: #1d4ed8;
  --color-accent-soft: #eaf1ff;
  --color-inverse-text: #ffffff;
  --color-scrim: rgba(9, 10, 15, 0.72);
  --color-success: #167a55;

  --font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-heading: Manrope, Inter, ui-sans-serif, system-ui, sans-serif;

  --text-display: clamp(2.625rem, 5.2vw, 4.75rem);
  --text-h1: clamp(2.25rem, 4.2vw, 3.75rem);
  --text-h2: clamp(1.75rem, 3vw, 2.625rem);
  --text-h3: clamp(1.3125rem, 2vw, 1.75rem);
  --text-h4: 1.125rem;
  --text-body-large: 1.1875rem;
  --text-body: 1rem;
  --text-caption: 0.8125rem;
  --text-meta: 0.75rem;
  --text-control: 0.875rem;

  --leading-display: 0.98;
  --leading-h1: 1.02;
  --leading-h2: 1.08;
  --leading-h3: 1.15;
  --leading-h4: 1.25;
  --leading-body-large: 1.5;
  --leading-body: 1.55;
  --leading-caption: 1.4;
  --leading-meta: 1.35;

  --tracking-display: -0.045em;
  --tracking-h1: -0.04em;
  --tracking-h2: -0.03em;
  --tracking-h3: -0.02em;
  --tracking-h4: -0.01em;
  --tracking-meta: 0.1em;
  --tracking-control: 0.01em;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 5.5rem;
  --space-10: 7.5rem;

  --container-max: 75rem;
  --container-gutter: 1.5rem;

  --radius-none: 0;
  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;

  --shadow-panel: 0 20px 60px rgba(9, 10, 15, 0.18);
  --shadow-card-hover: 0 8px 24px rgba(9, 10, 15, 0.08);

  --transition-fast: 160ms ease-out;
  --focus-ring: 0 0 0 2px var(--color-accent);
}

@media (max-width: 1199px) {
  :root {
    --container-gutter: 2rem;
  }
}

@media (max-width: 767px) {
  :root {
    --container-gutter: 1.25rem;
  }
}

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

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

body {
  min-width: 320px;
  min-height: 100vh;
  margin: 0;
  overflow-x: hidden;
  background: var(--color-canvas);
  color: var(--color-ink);
  font-family: var(--font-body);
  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;
}

body.is-scroll-locked {
  position: fixed;
  width: 100%;
  overflow: hidden;
}

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

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

img,
video {
  height: auto;
}

img {
  font-style: italic;
}

svg {
  flex: 0 0 auto;
}

button,
input,
select,
textarea {
  color: inherit;
  font: inherit;
}

button,
[type="button"],
[type="submit"],
[type="reset"] {
  cursor: pointer;
}

button:disabled,
[disabled] {
  cursor: not-allowed;
}

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

fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

legend {
  padding: 0;
}

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

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

a {
  color: var(--color-accent);
  text-decoration-line: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.16em;
  transition: color var(--transition-fast), text-decoration-color var(--transition-fast);
}

a:hover {
  color: var(--color-accent-hover);
}

a:not([href]) {
  color: inherit;
  text-decoration: none;
}

:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 3px;
}

::selection {
  background: var(--color-accent-soft);
  color: var(--color-ink);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 var(--space-4);
  color: var(--color-ink);
  font-family: var(--font-heading);
  font-weight: 700;
  text-wrap: balance;
}

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

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

h3 {
  font-size: var(--text-h3);
  line-height: var(--leading-h3);
  letter-spacing: var(--tracking-h3);
}

h4 {
  font-size: var(--text-h4);
  font-weight: 600;
  line-height: var(--leading-h4);
  letter-spacing: var(--tracking-h4);
}

h5,
h6 {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: 0;
}

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

small {
  font-size: var(--text-caption);
  line-height: var(--leading-caption);
}

strong,
b {
  font-weight: 700;
}

em,
i {
  font-style: italic;
}

mark {
  padding: 0.05em 0.18em;
  background: var(--color-accent-soft);
  color: inherit;
}

blockquote {
  margin: 0 0 var(--space-5);
  padding: var(--space-4) 0 var(--space-4) var(--space-5);
  border-left: 2px solid var(--color-accent);
  color: var(--color-muted-ink);
}

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

figcaption {
  margin-top: var(--space-2);
  color: var(--color-muted-ink);
  font-size: var(--text-caption);
  line-height: var(--leading-caption);
}

pre,
code,
kbd,
samp {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
}

code,
kbd,
samp {
  font-size: 0.9em;
}

pre {
  margin: 0 0 var(--space-5);
  padding: var(--space-4);
  overflow-x: auto;
  border: 1px solid var(--color-line);
  border-radius: var(--radius-sm);
  background: var(--color-surface);
}

ul {
  list-style: none !important;
}

ol,
ul {
  margin: 0 0 var(--space-5);
  padding: 0;
}

ol {
  padding-left: 1.25rem;
}

ol li::marker {
  color: var(--color-accent);
  font-weight: 700;
}

.content-list {
  display: grid;
  gap: var(--space-2);
}

.content-list,
.content-list ul,
.content-list ol {
  margin-bottom: var(--space-5);
}

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

.content-list > li::before {
  display: inline-block;
  width: 0.7em;
  margin-right: var(--space-2);
  color: var(--color-accent);
  content: "—";
}

.content-list--ordered {
  counter-reset: content-list;
}

.content-list--ordered > li {
  counter-increment: content-list;
}

.content-list--ordered > li::before {
  width: auto;
  content: counter(content-list, decimal-leading-zero) ".";
  font-variant-numeric: tabular-nums;
}

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

dt {
  margin: 0 0 var(--space-1);
  font-size: var(--text-meta);
  font-weight: 600;
  letter-spacing: var(--tracking-meta);
  line-height: var(--leading-meta);
  text-transform: uppercase;
}

dd {
  margin: 0 0 var(--space-4);
  color: var(--color-muted-ink);
}

label {
  display: inline-block;
  margin-bottom: var(--space-2);
  color: var(--color-ink);
  font-size: var(--text-control);
  font-weight: 600;
  line-height: 1.3;
}

input,
select,
textarea {
  width: 100%;
  border: 1px solid var(--color-line);
  border-radius: var(--radius-sm);
  background: var(--color-surface);
  font-size: 1rem;
  line-height: 1.4;
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast);
}

input,
select {
  min-height: 2.875rem;
  padding: 0.6875rem var(--space-3);
}

textarea {
  padding: 0.75rem var(--space-3);
}

input::placeholder,
textarea::placeholder {
  color: var(--color-muted-ink);
  opacity: 0.72;
}

input:hover,
select:hover,
textarea:hover {
  border-color: #aeb7c6;
}

input:focus,
select:focus,
textarea:focus {
  border-color: var(--color-accent);
  outline: none;
  box-shadow: var(--focus-ring);
}

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

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

input[type="file"]::file-selector-button {
  margin-right: var(--space-3);
  padding: var(--space-2) var(--space-3);
  border: 1px solid var(--color-line);
  border-radius: var(--radius-sm);
  background: var(--color-canvas);
  color: var(--color-ink);
  font: inherit;
  font-size: var(--text-control);
  font-weight: 600;
  cursor: pointer;
}

input:disabled,
select:disabled,
textarea:disabled {
  background: #f1f3f7;
  color: var(--color-muted-ink);
}

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

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

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

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

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

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

.surface--ink {
  background: var(--color-ink);
  color: var(--color-inverse-text);
}

.surface--ink h1,
.surface--ink h2,
.surface--ink h3,
.surface--ink h4,
.surface--ink h5,
.surface--ink h6 {
  color: var(--color-inverse-text);
}

.surface--ink p,
.surface--ink dd,
.surface--ink figcaption {
  color: rgba(255, 255, 255, 0.76);
}

.eyebrow,
.meta-label {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  margin: 0 0 var(--space-3);
  color: var(--color-muted-ink);
  font-size: var(--text-meta);
  font-weight: 600;
  letter-spacing: var(--tracking-meta);
  line-height: var(--leading-meta);
  text-transform: uppercase;
}

.eyebrow::before {
  width: 1.5rem;
  height: 2px;
  background: var(--color-accent);
  content: "";
}

.surface--ink .eyebrow,
.surface--ink .meta-label {
  color: rgba(255, 255, 255, 0.7);
}

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

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

.text-caption {
  color: var(--color-muted-ink);
  font-size: var(--text-caption);
  line-height: var(--leading-caption);
}

.tabular-nums {
  font-variant-numeric: tabular-nums;
}

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

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

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

.stack--loose {
  gap: var(--space-5);
}

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

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

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

.cluster--loose {
  gap: var(--space-4);
}

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

.button,
button.button,
input[type="submit"].button,
input[type="button"].button,
input[type="reset"].button {
  display: inline-flex;
  min-height: 2.75rem;
  max-width: 100%;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  padding: 0.75rem var(--space-4);
  border: 1px solid var(--color-accent);
  border-radius: var(--radius-sm);
  background: var(--color-accent);
  color: var(--color-inverse-text);
  font-size: var(--text-control);
  font-weight: 600;
  letter-spacing: var(--tracking-control);
  line-height: 1;
  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 {
  border-color: var(--color-accent-hover);
  background: var(--color-accent-hover);
  color: var(--color-inverse-text);
}

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

.button--secondary {
  border-color: var(--color-line);
  background: var(--color-surface);
  color: var(--color-ink);
}

.button--secondary:hover {
  border-color: var(--color-accent);
  background: var(--color-surface);
  color: var(--color-accent);
}

.button--dark {
  border-color: var(--color-ink);
  background: var(--color-ink);
  color: var(--color-inverse-text);
}

.button--dark:hover {
  border-color: #20232d;
  background: #20232d;
  color: var(--color-inverse-text);
}

.button--text {
  min-height: auto;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--color-accent);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.16em;
}

.button--text:hover {
  border: 0;
  background: transparent;
  color: var(--color-accent-hover);
}

.card {
  display: flex;
  min-width: 0;
  flex-direction: column;
  border: 1px solid var(--color-line);
  border-radius: var(--radius-md);
  background: var(--color-surface);
}

.card__body {
  display: flex;
  min-width: 0;
  flex: 1;
  flex-direction: column;
  padding: var(--space-5);
}

.card__body > :last-child,
.compact-content > :last-child,
.stack > :last-child {
  margin-bottom: 0;
}

.card--actionable {
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);
}

.card--actionable:hover {
  border-color: var(--color-accent);
  box-shadow: var(--shadow-card-hover);
  transform: translateY(-2px);
}

.rule-list {
  display: grid;
  border-top: 1px solid var(--color-line);
}

.rule-list > * {
  min-width: 0;
  padding-block: var(--space-4);
  border-bottom: 1px solid var(--color-line);
}

.meta-row {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--space-2) var(--space-4);
  padding-block: var(--space-3);
  border-bottom: 1px solid var(--color-line);
}

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

.meta-row__value {
  min-width: 0;
  color: var(--color-ink);
  font-size: var(--text-control);
  font-weight: 600;
  text-align: right;
}

.nav-toggle {
  display: inline-flex;
  min-width: 2.75rem;
  min-height: 2.75rem;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  padding: var(--space-3);
  border: 1px solid var(--color-line);
  border-radius: var(--radius-sm);
  background: var(--color-surface);
  color: var(--color-ink);
}

.nav-toggle__line {
  display: block;
  width: 1.25rem;
  height: 2px;
  background: currentColor;
  transition: transform var(--transition-fast), opacity var(--transition-fast);
}

.nav-toggle[aria-expanded="true"] .nav-toggle__line:nth-child(1) {
  transform: translateY(0.375rem) rotate(45deg);
}

.nav-toggle[aria-expanded="true"] .nav-toggle__line:nth-child(2) {
  opacity: 0;
}

.nav-toggle[aria-expanded="true"] .nav-toggle__line:nth-child(3) {
  transform: translateY(-0.375rem) rotate(-45deg);
}

.skip-link {
  position: fixed;
  z-index: 1100;
  top: var(--space-3);
  left: var(--space-3);
  padding: var(--space-3) var(--space-4);
  transform: translateY(-150%);
  border-radius: var(--radius-sm);
  background: var(--color-ink);
  color: var(--color-inverse-text);
  font-weight: 600;
  text-decoration: none;
  transition: transform var(--transition-fast);
}

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

.age-modal-backdrop {
  position: fixed;
  z-index: 2000;
  inset: 0;
  display: grid;
  place-items: center;
  padding: var(--space-5);
  overflow-y: auto;
  background: var(--color-scrim);
}

.age-modal {
  width: min(100%, 30rem);
  padding: var(--space-6);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  box-shadow: var(--shadow-panel);
}

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

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

.age-modal__copy {
  margin-bottom: var(--space-5);
  color: var(--color-muted-ink);
}

.age-modal__actions {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  gap: var(--space-3);
}

.age-modal__actions .button {
  flex: 1 1 12rem;
}

@media (max-width: 767px) {
  body {
    font-size: 0.9375rem;
  }

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

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

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

  .card__body {
    padding: var(--space-4);
  }

  .actions,
  .age-modal__actions {
    align-items: stretch;
    flex-direction: column;
  }

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

  .meta-row {
    align-items: flex-start;
    flex-direction: column;
  }

  .meta-row__value {
    text-align: left;
  }

  .age-modal-backdrop {
    padding: var(--space-5);
  }

  .age-modal {
    width: 100%;
    padding: var(--space-5);
  }

  .age-modal__actions .button {
    flex-basis: auto;
  }
}

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

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


.site-header {
  position: relative;
  z-index: 1000;
  width: 100%;
  border-bottom: 1px solid var(--color-line);
  background: var(--color-surface);
}

.site-header__inner {
  display: flex;
  width: min(100% - (var(--container-gutter) * 2), var(--container-max));
  min-height: 4.75rem;
  margin-inline: auto;
  align-items: center;
  gap: var(--space-5);
}

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

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

.site-header__brand-text {
  display: grid;
  gap: 0.125rem;
  min-width: 0;
}

.site-header__brand-name {
  color: var(--color-ink);
  font-family: var(--font-heading);
  font-size: 0.9375rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  line-height: 1;
  white-space: nowrap;
}

.site-header__brand-descriptor {
  color: var(--color-muted-ink);
  font-size: 0.5625rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  line-height: 1.2;
  text-transform: uppercase;
  white-space: nowrap;
}

.site-header__nav {
  min-width: 0;
  margin-left: auto;
}

.site-header__nav-list {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: clamp(0.625rem, 1.3vw, 1.25rem);
  margin: 0;
  padding: 0;
}

.site-header__nav-list li,
.site-header__nav-list li + li {
  display: flex;
  min-width: 0;
  margin: 0;
  padding: 0;
  align-items: center;
}

.site-header__nav-link {
  display: inline-flex;
  min-height: 4.75rem;
  align-items: center;
  border-bottom: 2px solid transparent;
  color: var(--color-muted-ink);
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  transition: color var(--transition-fast), border-color var(--transition-fast);
}

.site-header__nav-link:hover,
.site-header__nav-link[aria-current="page"] {
  border-bottom-color: var(--color-accent);
  color: var(--color-ink);
}

.site-header__actions {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: var(--space-3);
}

.site-header__actions .button {
  min-height: 2.5rem;
  padding-inline: var(--space-3);
  white-space: nowrap;
}

.site-header__toggle {
  display: none;
}

@media (max-width: 1050px) {
  .site-header__inner {
    min-height: 4.5rem;
    gap: var(--space-4);
  }

  .site-header__toggle {
    display: inline-flex;
    margin-left: auto;
  }

  .site-header__actions {
    display: none;
  }

  .site-header__nav {
    position: absolute;
    top: calc(100% + 1px);
    right: var(--container-gutter);
    left: var(--container-gutter);
    display: none;
    max-height: calc(100vh - 5rem);
    padding: var(--space-4);
    overflow-y: auto;
    border: 1px solid var(--color-line);
    border-radius: var(--radius-sm);
    background: var(--color-surface);
    box-shadow: var(--shadow-panel);
  }

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

  .site-header__nav-list {
    display: grid;
    gap: 0;
  }

  .site-header__nav-list li,
  .site-header__nav-list li + li {
    display: block;
    border-bottom: 1px solid var(--color-line);
  }

  .site-header__nav-list li:last-child {
    border-bottom: 0;
  }

  .site-header__nav-link {
    width: 100%;
    min-height: 3.25rem;
    border-bottom: 0;
    font-size: var(--text-control);
  }

  .site-header__nav-link:hover,
  .site-header__nav-link[aria-current="page"] {
    color: var(--color-accent);
  }

  .site-header__nav-list li:last-child .site-header__nav-link {
    justify-content: center;
    min-height: 2.75rem;
    margin-top: var(--space-3);
    padding: 0.75rem var(--space-4);
    border: 1px solid var(--color-accent);
    border-radius: var(--radius-sm);
    background: var(--color-accent);
    color: var(--color-inverse-text);
  }
}

@media (max-width: 479px) {
  .site-header__inner {
    min-height: 4.25rem;
    gap: var(--space-3);
  }

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

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

  .site-header__brand-descriptor {
    display: none;
  }

  .site-header__nav {
    right: var(--space-3);
    left: var(--space-3);
  }
}


.site-footer {
  background: var(--color-ink);
  color: var(--color-inverse-text);
}

.site-footer__inner {
  width: min(100% - (var(--container-gutter) * 2), var(--container-max));
  margin-inline: auto;
  padding-block: var(--space-8) var(--space-5);
}

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

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

.site-footer__brand-lockup {
  display: inline-flex;
  align-items: center;
  gap: var(--space-3);
  margin-bottom: var(--space-4);
  color: var(--color-inverse-text);
  text-decoration: none;
}

.site-footer__brand-mark {
  width: 3.5rem;
  height: 3.5rem;
  object-fit: contain;
}

.site-footer__brand-name,
.site-footer__heading {
  display: block;
  margin: 0;
  color: var(--color-inverse-text);
  font-size: var(--text-meta);
  font-weight: 600;
  letter-spacing: var(--tracking-meta);
  line-height: var(--leading-meta);
  text-transform: uppercase;
}

.site-footer__brand-name {
  font-size: 0.875rem;
  letter-spacing: 0.13em;
}

.site-footer__copy,
.site-footer__notice,
.site-footer__contact {
  margin: 0;
  color: rgba(255, 255, 255, 0.72);
  font-size: var(--text-caption);
  line-height: var(--leading-caption);
}

.site-footer__copy {
  max-width: 24rem;
  margin-bottom: var(--space-4);
}

.site-footer__heading {
  margin-bottom: var(--space-4);
  color: rgba(255, 255, 255, 0.66);
}

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

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

.site-footer a:not(.site-footer__brand-lockup) {
  color: var(--color-inverse-text);
  font-size: var(--text-caption);
  text-decoration-color: rgba(255, 255, 255, 0.42);
}

.site-footer a:not(.site-footer__brand-lockup):hover {
  color: #a9c4ff;
  text-decoration-color: currentColor;
}

.site-footer__contact {
  display: grid;
  gap: var(--space-2);
}

.site-footer__bottom {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-4);
  margin-top: var(--space-7);
  padding-top: var(--space-4);
  border-top: 1px solid rgba(255, 255, 255, 0.18);
}

.site-footer__bottom p {
  max-width: 42rem;
  margin: 0;
}

[data-consent-banner] {
  position: fixed;
  z-index: 1900;
  right: var(--space-4);
  bottom: var(--space-4);
  width: min(calc(100% - (var(--space-4) * 2)), 31rem);
  padding: var(--space-5);
  border: 1px solid var(--color-line);
  border-radius: var(--radius-md);
  background: var(--color-surface);
  box-shadow: var(--shadow-panel);
}

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

.consent-banner__label {
  display: block;
  margin: 0 0 var(--space-2);
  color: var(--color-accent);
  font-size: var(--text-meta);
  font-weight: 600;
  letter-spacing: var(--tracking-meta);
  line-height: var(--leading-meta);
  text-transform: uppercase;
}

.consent-banner__title {
  margin: 0 0 var(--space-2);
  font-size: var(--text-h4);
}

.consent-banner__copy {
  margin: 0 0 var(--space-4);
  color: var(--color-muted-ink);
  font-size: var(--text-caption);
}

.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;
  z-index: 2100;
  inset: 0;
  display: grid;
  place-items: center;
  padding: var(--space-5);
  overflow-y: auto;
  background: var(--color-scrim);
}

.age-confirmation__dialog {
  width: min(100%, 30rem);
  padding: var(--space-6);
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  box-shadow: var(--shadow-panel);
}

.age-confirmation__label {
  display: block;
  margin: 0 0 var(--space-3);
  color: var(--color-accent);
  font-size: var(--text-meta);
  font-weight: 600;
  letter-spacing: var(--tracking-meta);
  line-height: var(--leading-meta);
  text-transform: uppercase;
}

.age-confirmation__title {
  margin: 0 0 var(--space-3);
}

.age-confirmation__copy {
  margin: 0 0 var(--space-5);
  color: var(--color-muted-ink);
}

.age-confirmation__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
}

.age-confirmation__actions .button {
  flex: 1 1 12rem;
}

@media (max-width: 899px) {
  .site-footer__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 639px) {
  .site-footer__inner {
    padding-block: var(--space-7) var(--space-5);
  }

  .site-footer__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-6);
  }

  [data-consent-banner] {
    right: var(--space-3);
    bottom: var(--space-3);
    width: calc(100% - (var(--space-3) * 2));
    padding: var(--space-4);
  }

  .consent-banner__actions,
  .age-confirmation__actions {
    flex-direction: column;
  }

  .consent-banner__actions .button,
  .age-confirmation__actions .button {
    width: 100%;
    flex-basis: auto;
  }

  [data-age-modal] {
    padding: var(--space-5);
  }

  .age-confirmation__dialog {
    padding: var(--space-5);
  }
}


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

.cookie-policy-intro {
  padding-block: var(--space-8) var(--space-7);
}

.cookie-policy-intro__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--space-5);
}

.cookie-policy-intro__content {
  grid-column: 1 / span 7;
  min-width: 0;
  max-width: 40.625rem;
}

.cookie-policy-intro__content > :last-child {
  margin-bottom: 0;
}

.cookie-policy-intro__lead {
  max-width: 40.625rem;
  color: var(--color-muted-ink);
  font-size: var(--text-body-large);
  line-height: var(--leading-body-large);
}

.cookie-policy-topic {
  display: flex;
  min-width: 0;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--space-3);
  margin-top: var(--space-5);
  padding-top: var(--space-3);
  border-top: 1px solid var(--color-line);
}

.cookie-policy-topic__label,
.cookie-policy-topic__value,
.cookie-policy-section-number,
.cookie-policy-category__index,
.cookie-policy-category__status,
.cookie-policy-note__label,
.cookie-policy-step__number,
.cookie-policy-privacy-item__label,
.cookie-policy-currentness__label {
  font-size: var(--text-meta);
  font-weight: 600;
  letter-spacing: var(--tracking-meta);
  line-height: var(--leading-meta);
  text-transform: uppercase;
}

.cookie-policy-topic__label,
.cookie-policy-section-number,
.cookie-policy-note__label,
.cookie-policy-privacy-item__label,
.cookie-policy-currentness__label {
  color: var(--color-muted-ink);
}

.cookie-policy-topic__value {
  color: var(--color-ink);
  text-align: right;
}

.cookie-policy-explainer {
  padding-block: var(--space-7);
}

.cookie-policy-explainer__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--space-5);
}

.cookie-policy-explainer__module {
  grid-column: 1 / span 8;
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-5);
  padding: var(--space-6);
  border: 1px solid var(--color-line);
  border-radius: var(--radius-md);
  background: var(--color-surface);
}

.cookie-policy-explainer__module > * {
  min-width: 0;
}

.cookie-policy-explainer__heading-group,
.cookie-policy-explainer__secondary {
  max-width: 38.75rem;
}

.cookie-policy-explainer__heading-group > :last-child,
.cookie-policy-explainer__secondary > :last-child {
  margin-bottom: 0;
}

.cookie-policy-explainer__definition {
  margin: 0;
  padding: var(--space-4) 0 var(--space-4) var(--space-5);
  border-left: 2px solid var(--color-accent);
  color: var(--color-muted-ink);
}

.cookie-policy-explainer__secondary {
  padding-top: var(--space-5);
  border-top: 1px solid var(--color-line);
}

.cookie-policy-explainer__term {
  display: block;
  margin-bottom: var(--space-2);
  color: var(--color-ink);
  font-size: var(--text-control);
  font-weight: 600;
}

.cookie-policy-categories {
  padding-block: var(--space-8);
}

.cookie-policy-categories__header {
  width: 58.333333%;
  min-width: 0;
  max-width: 40rem;
  margin-bottom: var(--space-6);
}

.cookie-policy-categories__header > :last-child {
  margin-bottom: 0;
}

.cookie-policy-categories__list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  border: 1px solid var(--color-line);
  border-radius: var(--radius-md);
  background: var(--color-surface);
}

.cookie-policy-category {
  display: grid;
  grid-template-columns: minmax(3.5rem, 1fr) minmax(8rem, 2fr) minmax(0, 6fr) minmax(10rem, 3fr);
  min-width: 0;
  column-gap: var(--space-5);
  align-items: start;
  padding: var(--space-5) var(--space-6);
  border-bottom: 1px solid var(--color-line);
}

.cookie-policy-category:last-child {
  border-bottom: 0;
}

.cookie-policy-category > * {
  min-width: 0;
}

.cookie-policy-category__index {
  color: var(--color-accent);
  font-variant-numeric: tabular-nums;
}

.cookie-policy-category__title {
  margin: 0;
  font-size: var(--text-h4);
}

.cookie-policy-category__copy {
  margin: 0;
  color: var(--color-muted-ink);
}

.cookie-policy-category__status {
  color: var(--color-ink);
  text-align: right;
}

.cookie-policy-choice {
  padding-block: var(--space-8);
  background: var(--color-ink);
  color: var(--color-inverse-text);
}

.cookie-policy-choice__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--space-5);
}

.cookie-policy-choice__content {
  grid-column: 1 / span 7;
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  max-width: 36.875rem;
}

.cookie-policy-choice__content > * {
  min-width: 0;
  margin: 0;
}

.cookie-policy-choice .eyebrow {
  color: rgba(255, 255, 255, 0.72);
}

.cookie-policy-choice h2 {
  color: var(--color-inverse-text);
}

.cookie-policy-choice__copy {
  color: rgba(255, 255, 255, 0.76);
}

.cookie-policy-choice__manage {
  width: auto;
  margin-top: var(--space-2);
  border-color: rgba(255, 255, 255, 0.55);
  background: transparent;
  color: var(--color-inverse-text);
}

.cookie-policy-choice__manage:hover {
  border-color: var(--color-accent);
  background: transparent;
  color: var(--color-inverse-text);
}

.cookie-policy-note {
  width: 100%;
  padding-top: var(--space-4);
  border-top: 1px solid rgba(255, 255, 255, 0.22);
}

.cookie-policy-note__label {
  display: block;
  margin-bottom: var(--space-2);
  color: rgba(255, 255, 255, 0.62);
}

.cookie-policy-note__copy {
  color: rgba(255, 255, 255, 0.76);
  font-size: 0.9375rem;
  line-height: 1.55;
}

.cookie-policy-privacy {
  padding-block: var(--space-8);
}

.cookie-policy-privacy__header {
  width: 58.333333%;
  min-width: 0;
  max-width: 40rem;
  margin-bottom: var(--space-6);
}

.cookie-policy-privacy__header > :last-child {
  margin-bottom: 0;
}

.cookie-policy-privacy__surface {
  width: 75%;
  min-width: 0;
  padding: var(--space-6);
  border: 1px solid var(--color-line);
  border-radius: var(--radius-md);
  background: var(--color-surface);
}

.cookie-policy-privacy__items {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}

.cookie-policy-privacy-item {
  min-width: 0;
  padding: var(--space-4) 0 var(--space-4) var(--space-5);
  border-bottom: 1px solid var(--color-line);
  border-left: 2px solid var(--color-accent);
}

.cookie-policy-privacy-item:first-child {
  padding-top: 0;
}

.cookie-policy-privacy-item:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.cookie-policy-privacy-item__label {
  display: block;
  margin-bottom: var(--space-2);
}

.cookie-policy-privacy-item h3 {
  margin-bottom: var(--space-2);
  font-size: var(--text-h4);
}

.cookie-policy-privacy-item p {
  max-width: 39.375rem;
  margin-bottom: 0;
  color: var(--color-muted-ink);
}

.cookie-policy-privacy-item a {
  font-weight: 600;
}

.cookie-policy-steps {
  padding-block: var(--space-8);
}

.cookie-policy-steps__header {
  width: 50%;
  min-width: 0;
  max-width: 36.875rem;
  margin-bottom: var(--space-6);
}

.cookie-policy-steps__header > :last-child {
  margin-bottom: 0;
}

.cookie-policy-steps__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  min-width: 0;
  border-top: 1px solid var(--color-line);
  border-bottom: 1px solid var(--color-line);
}

.cookie-policy-step {
  min-width: 0;
  padding: var(--space-5) var(--space-5) var(--space-5) 0;
  border-right: 1px solid var(--color-line);
}

.cookie-policy-step + .cookie-policy-step {
  padding-left: var(--space-5);
}

.cookie-policy-step:last-child {
  padding-right: 0;
  border-right: 0;
}

.cookie-policy-step__number {
  display: block;
  margin-bottom: var(--space-4);
  color: var(--color-accent);
  font-size: clamp(2rem, 3vw, 3rem);
  letter-spacing: -0.045em;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}

.cookie-policy-step h3 {
  margin-bottom: var(--space-3);
}

.cookie-policy-step p {
  margin-bottom: 0;
  color: var(--color-muted-ink);
}

.cookie-policy-closing {
  padding: var(--space-7) 0 var(--space-9);
}

.cookie-policy-closing__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--space-5);
}

.cookie-policy-closing__module {
  grid-column: 1 / span 7;
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  max-width: 42.5rem;
  padding: var(--space-6);
  border: 1px solid var(--color-line);
  border-radius: var(--radius-md);
  background: var(--color-surface);
}

.cookie-policy-closing__module > * {
  min-width: 0;
  margin: 0;
}

.cookie-policy-closing__copy {
  max-width: 35.625rem;
  color: var(--color-muted-ink);
}

.cookie-policy-closing__action {
  width: auto;
  margin-top: var(--space-2);
}

@media (max-width: 1199px) {
  .cookie-policy-intro__grid,
  .cookie-policy-explainer__grid,
  .cookie-policy-choice__grid,
  .cookie-policy-closing__grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
    column-gap: var(--space-5);
  }

  .cookie-policy-intro__content,
  .cookie-policy-choice__content,
  .cookie-policy-closing__module {
    grid-column: 1 / span 6;
  }

  .cookie-policy-explainer__module {
    grid-column: 1 / span 6;
  }

  .cookie-policy-categories__header,
  .cookie-policy-privacy__header {
    width: 75%;
  }

  .cookie-policy-privacy__surface {
    width: 100%;
  }
}

@media (max-width: 1023px) {
  .cookie-policy-explainer__module {
    grid-column: 1 / -1;
  }

  .cookie-policy-category {
    grid-template-columns: minmax(3rem, 0.75fr) minmax(9rem, 2fr) minmax(0, 5fr);
    row-gap: var(--space-3);
  }

  .cookie-policy-category__status {
    grid-column: 2 / 3;
    grid-row: 2;
    text-align: left;
  }

  .cookie-policy-category__copy {
    grid-column: 3;
    grid-row: 1 / span 2;
  }

  .cookie-policy-steps__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .cookie-policy-step:nth-child(2) {
    padding-right: 0;
    border-right: 0;
  }

  .cookie-policy-step:nth-child(3) {
    grid-column: 1 / -1;
    padding: var(--space-5) 0 0;
    border-top: 1px solid var(--color-line);
    border-right: 0;
  }
}

@media (max-width: 767px) {
  .cookie-policy-intro,
  .cookie-policy-explainer,
  .cookie-policy-categories,
  .cookie-policy-choice,
  .cookie-policy-privacy,
  .cookie-policy-steps {
    padding-block: var(--space-7);
  }

  .cookie-policy-closing {
    padding: var(--space-6) 0 var(--space-8);
  }

  .cookie-policy-intro__grid,
  .cookie-policy-explainer__grid,
  .cookie-policy-choice__grid,
  .cookie-policy-closing__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .cookie-policy-intro__content,
  .cookie-policy-explainer__module,
  .cookie-policy-choice__content,
  .cookie-policy-closing__module {
    grid-column: 1;
    width: 100%;
    max-width: none;
  }

  .cookie-policy-intro__lead,
  .cookie-policy-explainer__heading-group,
  .cookie-policy-explainer__secondary,
  .cookie-policy-choice__content,
  .cookie-policy-closing__copy {
    max-width: none;
  }

  .cookie-policy-topic {
    align-items: flex-start;
    flex-direction: column;
  }

  .cookie-policy-topic__value {
    text-align: left;
  }

  .cookie-policy-explainer__module,
  .cookie-policy-privacy__surface,
  .cookie-policy-closing__module {
    padding: var(--space-5);
  }

  .cookie-policy-categories__header,
  .cookie-policy-privacy__header,
  .cookie-policy-steps__header {
    width: 100%;
    max-width: none;
  }

  .cookie-policy-category {
    grid-template-columns: minmax(0, 1fr);
    row-gap: var(--space-3);
    padding: var(--space-5);
  }

  .cookie-policy-category__index,
  .cookie-policy-category__title,
  .cookie-policy-category__status,
  .cookie-policy-category__copy {
    grid-column: 1;
    grid-row: auto;
    text-align: left;
  }

  .cookie-policy-category__title {
    font-size: 1.125rem;
  }

  .cookie-policy-choice__content {
    align-items: flex-start;
  }

  .cookie-policy-choice__manage {
    min-height: 2.75rem;
  }

  .cookie-policy-privacy__surface {
    width: 100%;
  }

  .cookie-policy-steps__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .cookie-policy-step,
  .cookie-policy-step + .cookie-policy-step,
  .cookie-policy-step:nth-child(2),
  .cookie-policy-step:nth-child(3) {
    grid-column: 1;
    padding: var(--space-5) 0;
    border-right: 0;
    border-top: 1px solid var(--color-line);
  }

  .cookie-policy-step:first-child {
    border-top: 0;
  }

  .cookie-policy-step:last-child {
    padding-bottom: var(--space-5);
  }
}

@media (max-width: 419px) {
  .cookie-policy-choice__manage,
  .cookie-policy-closing__action {
    width: 100%;
  }
}


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

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

.terms-page__intro-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--space-5);
  align-items: start;
}

.terms-page__intro-copy {
  grid-column: 1 / span 7;
  min-width: 0;
}

.terms-page__intro-copy h1 {
  margin-bottom: var(--space-5);
}

.terms-page__lead {
  max-width: 42rem;
  margin-bottom: 0;
}

.terms-page__intro-meta {
  display: grid;
  grid-column: 10 / span 3;
  min-width: 0;
  gap: var(--space-4);
  padding-top: 0.25rem;
}

.terms-page__meta-item {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-2);
  padding-bottom: var(--space-4);
  border-bottom: 1px solid var(--color-line);
}

.terms-page__meta-item .meta-label {
  margin: 0;
}

.terms-page__meta-item strong,
.terms-page__meta-item a {
  min-width: 0;
  font-size: var(--text-control);
  font-weight: 600;
}

.terms-page__document {
  padding-top: 0;
}

.terms-document {
  border: 1px solid var(--color-line);
  border-radius: var(--radius-lg);
  background: var(--color-surface);
}

.terms-article {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 7fr);
  column-gap: var(--space-5);
  padding: var(--space-7) calc(var(--space-6) + var(--space-4));
  border-bottom: 1px solid var(--color-line);
}

.terms-article--last {
  border-bottom: 0;
}

.terms-article__index {
  grid-column: 1;
  min-width: 0;
  color: var(--color-accent);
  font-size: var(--text-meta);
  font-weight: 700;
  letter-spacing: var(--tracking-meta);
  line-height: var(--leading-meta);
  font-variant-numeric: tabular-nums;
}

.terms-article__content {
  display: flex;
  grid-column: 2;
  min-width: 0;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-5);
}

.terms-article__content > h2 {
  margin: 0;
  max-width: 42rem;
}

.terms-article__content > p {
  max-width: 42rem;
  margin: 0;
}

.terms-subarticle {
  display: flex;
  min-width: 0;
  max-width: 42rem;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-3);
  padding-bottom: var(--space-5);
  border-bottom: 1px solid var(--color-line);
}

.terms-subarticle:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.terms-subarticle h3,
.terms-subarticle p {
  margin: 0;
}

.terms-callout {
  max-width: 38.75rem;
  padding: var(--space-4);
  background: var(--color-accent-soft);
  color: var(--color-ink);
}

.terms-age-label,
.terms-location-label {
  display: inline-flex;
  width: fit-content;
  min-width: 0;
  align-items: center;
  justify-content: center;
  color: var(--color-accent);
  font-size: var(--text-meta);
  font-weight: 700;
  letter-spacing: var(--tracking-meta);
  line-height: var(--leading-meta);
  text-transform: uppercase;
}

.terms-age-label {
  padding: var(--space-2) var(--space-3);
  border: 1px solid var(--color-accent);
}

.terms-location-label {
  padding-top: var(--space-2);
}

.terms-note {
  max-width: 40rem;
  margin-top: var(--space-2) !important;
  padding: var(--space-4);
  border-left: 2px solid var(--color-accent);
  background: var(--color-surface);
  color: var(--color-muted-ink);
}

.terms-muted-line {
  color: var(--color-muted-ink);
}

.terms-effective-date {
  width: min(100%, 22.5rem);
  min-width: 0;
  padding: var(--space-3) var(--space-4);
  border: 1px solid var(--color-line);
  color: var(--color-muted-ink);
  font-size: var(--text-meta);
  font-weight: 600;
  letter-spacing: var(--tracking-meta);
  line-height: var(--leading-meta);
  text-transform: uppercase;
}

.terms-page__closing {
  padding-block: var(--space-10);
}

.terms-page__closing-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--space-5);
}

.terms-page__closing-copy {
  display: flex;
  grid-column: 1 / span 6;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
}

.terms-page__closing-copy .eyebrow,
.terms-page__closing-copy h2,
.terms-page__closing-copy p {
  margin: 0;
}

.terms-page__closing-copy p {
  max-width: 37.5rem;
}

.terms-page__closing-copy .actions {
  width: 100%;
  margin-top: var(--space-2);
}

.terms-page__closing-action {
  border-color: rgba(255, 255, 255, 0.78);
  background: transparent;
  color: var(--color-inverse-text);
}

.terms-page__closing-action:hover {
  border-color: var(--color-accent);
  background: transparent;
  color: #bcd0ff;
}

.terms-page__closing-space {
  grid-column: 7 / span 6;
  min-width: 0;
}

@media (max-width: 1199px) {
  .terms-page__intro-grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
    column-gap: var(--space-5);
  }

  .terms-page__intro-copy {
    grid-column: 1 / span 5;
  }

  .terms-page__intro-meta {
    grid-column: 6 / span 3;
  }

  .terms-article {
    grid-template-columns: minmax(0, 1fr) minmax(0, 7fr);
    padding-inline: var(--space-6);
  }

  .terms-page__closing-grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .terms-page__closing-copy {
    grid-column: 1 / span 5;
  }

  .terms-page__closing-space {
    grid-column: 6 / span 3;
  }
}

@media (max-width: 820px) {
  .terms-page__intro-grid {
    row-gap: var(--space-5);
  }

  .terms-page__intro-copy,
  .terms-page__intro-meta {
    grid-column: 1 / -1;
  }

  .terms-page__intro-meta {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: var(--space-5);
    padding-top: 0;
  }

  .terms-page__meta-item {
    min-width: 0;
  }

  .terms-article {
    grid-template-columns: 1fr;
    row-gap: var(--space-3);
  }

  .terms-article__index,
  .terms-article__content {
    grid-column: 1;
  }
}

@media (max-width: 767px) {
  .terms-page__intro {
    padding-bottom: var(--space-7);
  }

  .terms-page__intro-grid {
    grid-template-columns: minmax(0, 1fr);
    row-gap: var(--space-5);
  }

  .terms-page__intro-copy,
  .terms-page__intro-meta {
    grid-column: 1;
  }

  .terms-page__intro-copy h1 {
    margin-bottom: var(--space-4);
  }

  .terms-page__lead {
    max-width: none;
  }

  .terms-page__intro-meta {
    grid-template-columns: minmax(0, 1fr);
    row-gap: var(--space-3);
  }

  .terms-document {
    border-radius: var(--radius-md);
  }

  .terms-article {
    grid-template-columns: minmax(0, 1fr);
    padding: var(--space-6) var(--space-4);
    row-gap: var(--space-3);
  }

  .terms-article__content {
    gap: var(--space-4);
  }

  .terms-article__content > h2,
  .terms-article__content > p,
  .terms-subarticle,
  .terms-callout,
  .terms-note {
    max-width: none;
  }

  .terms-subarticle {
    gap: var(--space-3);
    padding-bottom: var(--space-4);
  }

  .terms-page__closing {
    padding-block: var(--space-7);
  }

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

  .terms-page__closing-copy {
    grid-column: 1;
    gap: var(--space-4);
  }

  .terms-page__closing-copy p {
    max-width: none;
  }

  .terms-page__closing-space {
    display: none;
  }
}

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

  .terms-page__intro,
  .terms-page__document,
  .terms-page__closing {
    padding: 0;
    background: #fff;
    color: #000;
  }

  .terms-page__intro-grid,
  .terms-page__closing-grid,
  .terms-article {
    display: block;
  }

  .terms-page__intro-meta,
  .terms-page__closing,
  .terms-page__closing-space {
    display: none;
  }

  .terms-document {
    border: 0;
  }

  .terms-article {
    padding: 1.5rem 0;
    break-inside: avoid;
  }

  .terms-article__index {
    margin-bottom: 0.5rem;
    color: #000;
  }

  .terms-article__content,
  .terms-subarticle {
    max-width: none;
  }

  .terms-article h2,
  .terms-subarticle h3 {
    break-after: avoid;
  }

  .terms-callout,
  .terms-note,
  .terms-effective-date {
    border-color: #000;
    background: #fff;
    color: #000;
  }

  a {
    color: #000;
  }
}


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

.privacy-page .container {
  width: min(100% - (var(--container-gutter) * 2), var(--container-max));
}

.privacy-page__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--space-5);
}

.privacy-page__intro {
  padding-block: var(--space-9);
}

.privacy-intro {
  grid-column: 1 / span 7;
  width: 100%;
  min-width: 0;
  max-width: 40rem;
}

.privacy-page__intro-space {
  grid-column: 8 / span 5;
  min-width: 0;
}

.privacy-intro__lead {
  max-width: 40rem;
  color: var(--color-muted-ink);
  font-size: var(--text-body-large);
  line-height: var(--leading-body-large);
}

.privacy-intro__metadata {
  width: 100%;
  max-width: 40rem;
  margin: var(--space-5) 0 0;
  border-top: 1px solid var(--color-line);
}

.privacy-intro__metadata > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr);
  gap: var(--space-4);
  align-items: baseline;
  padding-block: var(--space-3);
  border-bottom: 1px solid var(--color-line);
}

.privacy-intro__metadata dt,
.privacy-intro__metadata dd {
  margin: 0;
}

.privacy-intro__metadata dd {
  color: var(--color-ink);
  font-size: var(--text-control);
  font-weight: 600;
  text-align: right;
}

.privacy-callout {
  width: 100%;
  max-width: 42.5rem;
  margin-top: var(--space-6);
  padding: var(--space-5);
  border-left: 3px solid var(--color-accent);
  background: var(--color-accent-soft);
}

.privacy-callout h2 {
  margin-bottom: var(--space-3);
  font-size: var(--text-h4);
}

.privacy-callout p {
  margin-bottom: 0;
  color: var(--color-ink);
}

.privacy-page__contents {
  padding-block: var(--space-7);
  border-top: 1px solid var(--color-line);
  border-bottom: 1px solid var(--color-line);
}

.privacy-contents {
  grid-column: 1 / span 8;
  width: 100%;
  min-width: 0;
  max-width: 47.5rem;
  padding: var(--space-5);
  border: 1px solid var(--color-line);
  border-radius: var(--radius-md);
  background: var(--color-surface);
}

.privacy-contents > p:not(.privacy-section-index) {
  max-width: 40rem;
  color: var(--color-muted-ink);
}

.privacy-section-index {
  display: flex;
  width: 100%;
  min-width: 0;
  align-items: center;
  gap: var(--space-2);
  margin: 0 0 var(--space-3);
  color: var(--color-accent);
  font-size: var(--text-meta);
  font-weight: 700;
  letter-spacing: var(--tracking-meta);
  line-height: var(--leading-meta);
  text-transform: uppercase;
  font-variant-numeric: tabular-nums;
}

.privacy-section-index span {
  color: var(--color-muted-ink);
}

.privacy-contents__nav {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 var(--space-5);
  width: 100%;
  min-width: 0;
  margin-top: var(--space-5);
  border-top: 1px solid var(--color-line);
}

.privacy-contents__nav a {
  display: flex;
  min-width: 0;
  min-height: 3.25rem;
  align-items: center;
  gap: var(--space-3);
  padding-block: var(--space-3);
  border-bottom: 1px solid var(--color-line);
  color: var(--color-ink);
  font-size: var(--text-control);
  font-weight: 600;
  text-decoration: none;
}

.privacy-contents__nav a:hover {
  color: var(--color-accent);
}

.privacy-contents__nav span {
  flex: 0 0 auto;
  color: var(--color-accent);
  font-size: var(--text-meta);
  font-variant-numeric: tabular-nums;
}

.privacy-document-section {
  padding-block: var(--space-9);
  scroll-margin-top: var(--space-8);
}

.privacy-reading-block {
  grid-column: 1 / span 7;
  width: 100%;
  min-width: 0;
  max-width: 42.5rem;
}

.privacy-reading-block > p:not(.privacy-section-index):not(.privacy-purpose-module__meta):not(.privacy-purpose-module__notice) {
  max-width: 41.25rem;
}

.privacy-info-box {
  width: 100%;
  margin-top: var(--space-5);
  padding: var(--space-5);
  border: 1px solid var(--color-line);
  border-radius: var(--radius-md);
  background: var(--color-surface);
}

.privacy-info-box dl,
.privacy-role-list,
.privacy-update-row {
  margin: 0;
}

.privacy-info-box__row {
  display: grid;
  grid-template-columns: minmax(9rem, 0.8fr) minmax(0, 1.7fr);
  gap: var(--space-4);
  min-width: 0;
  padding-block: var(--space-3);
  border-bottom: 1px solid var(--color-line);
}

.privacy-info-box__row:first-child {
  padding-top: 0;
}

.privacy-info-box__row:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.privacy-info-box__row dt,
.privacy-info-box__row dd {
  min-width: 0;
  margin: 0;
}

.privacy-info-box__row dd {
  color: var(--color-muted-ink);
}

.privacy-data-report {
  grid-column: 1 / span 10;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  width: 100%;
  min-width: 0;
  margin-top: var(--space-6);
  border: 1px solid var(--color-line);
  border-radius: var(--radius-md);
  background: var(--color-surface);
}

.privacy-data-report__row {
  display: grid;
  grid-template-columns: minmax(11.25rem, 1fr) minmax(0, 2fr) minmax(10rem, 1fr);
  gap: var(--space-5);
  width: 100%;
  min-width: 0;
  padding: var(--space-5);
  border-bottom: 1px solid var(--color-line);
}

.privacy-data-report__row:last-child {
  border-bottom: 0;
}

.privacy-data-report__title,
.privacy-data-report__description,
.privacy-data-report__source {
  width: 100%;
  min-width: 0;
}

.privacy-data-report h3 {
  margin-bottom: 0;
  font-size: var(--text-h4);
}

.privacy-data-report p {
  margin-bottom: 0;
  color: var(--color-muted-ink);
}

.privacy-data-report__source p {
  font-size: var(--text-caption);
  line-height: var(--leading-caption);
}

.privacy-data-report__source strong {
  display: block;
  margin-bottom: var(--space-1);
  color: var(--color-ink);
  font-size: var(--text-meta);
  letter-spacing: var(--tracking-meta);
  text-transform: uppercase;
}

.privacy-age-mark {
  color: var(--color-accent);
  font-size: var(--text-meta);
  letter-spacing: var(--tracking-meta);
  vertical-align: middle;
}

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

.privacy-purpose-module h3 {
  margin-bottom: var(--space-2);
}

.privacy-purpose-module__meta {
  margin-bottom: var(--space-4);
  color: var(--color-muted-ink);
  font-size: var(--text-meta);
  font-weight: 600;
  letter-spacing: var(--tracking-meta);
  line-height: var(--leading-meta);
  text-transform: uppercase;
}

.privacy-purpose-module__notice {
  max-width: 38.75rem;
  margin-top: var(--space-4);
  margin-bottom: 0;
  padding: var(--space-4);
  border-left: 2px solid var(--color-accent);
  background: var(--color-accent-soft);
  color: var(--color-ink);
}

.privacy-role-list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  width: 100%;
  min-width: 0;
  margin-top: var(--space-5);
  border-top: 1px solid var(--color-line);
}

.privacy-role-list > div {
  display: grid;
  grid-template-columns: minmax(10rem, 0.85fr) minmax(0, 1.65fr);
  gap: var(--space-4);
  min-width: 0;
  padding-block: var(--space-4);
  border-bottom: 1px solid var(--color-line);
}

.privacy-role-list dt,
.privacy-role-list dd,
.privacy-update-row dt,
.privacy-update-row dd {
  min-width: 0;
  margin: 0;
}

.privacy-role-list dd {
  color: var(--color-muted-ink);
}

.privacy-reading-block > h3 {
  margin-top: var(--space-7);
}

.privacy-retention-rule {
  width: 100%;
  max-width: 37.5rem;
  margin-top: var(--space-4);
  padding: var(--space-5);
  border: 1px solid var(--color-line);
  border-radius: var(--radius-md);
  background: var(--color-surface);
  color: var(--color-ink);
  font-weight: 600;
}

.privacy-document-section--rights {
  border-top: 1px solid var(--color-line);
}

.privacy-rights-intro {
  grid-column: 1 / span 7;
  width: 100%;
  min-width: 0;
  max-width: 42.5rem;
}

.privacy-rights-intro > p:not(.privacy-section-index) {
  max-width: 41.25rem;
}

.privacy-rights-grid {
  grid-column: 1 / span 9;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-5);
  width: 100%;
  min-width: 0;
  margin-top: var(--space-6);
}

.privacy-rights-grid article {
  width: 100%;
  min-width: 0;
  padding: var(--space-5);
  border: 1px solid var(--color-line);
  border-radius: var(--radius-md);
  background: var(--color-surface);
}

.privacy-rights-grid h3 {
  margin-bottom: var(--space-3);
  font-size: var(--text-h4);
}

.privacy-rights-grid p {
  margin-bottom: 0;
  color: var(--color-muted-ink);
}

.privacy-rights-outro {
  grid-column: 1 / span 7;
  width: 100%;
  min-width: 0;
  max-width: 42.5rem;
  margin-top: var(--space-7);
}

.privacy-rights-outro p {
  max-width: 41.25rem;
}

.privacy-document-section--closing {
  padding-bottom: var(--space-10);
  border-top: 1px solid var(--color-line);
}

.privacy-reading-block > h3 + p {
  max-width: 41.25rem;
}

.privacy-update-row {
  width: 100%;
  max-width: 38.75rem;
  margin-top: var(--space-5);
  border-top: 1px solid var(--color-line);
}

.privacy-update-row > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
  gap: var(--space-4);
  min-width: 0;
  padding-block: var(--space-3);
  border-bottom: 1px solid var(--color-line);
}

.privacy-update-row dd {
  color: var(--color-muted-ink);
  text-align: right;
}

@media (max-width: 1199px) {
  .privacy-page__grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
    column-gap: var(--space-5);
  }

  .privacy-intro,
  .privacy-reading-block,
  .privacy-rights-intro,
  .privacy-rights-outro {
    grid-column: 1 / span 6;
  }

  .privacy-page__intro-space {
    grid-column: 7 / span 2;
  }

  .privacy-contents {
    grid-column: 1 / span 7;
  }

  .privacy-data-report {
    grid-column: 1 / span 8;
  }

  .privacy-data-report__row {
    grid-template-columns: minmax(10rem, 0.9fr) minmax(0, 1.45fr) minmax(8rem, 0.75fr);
    gap: var(--space-4);
  }

  .privacy-rights-grid {
    grid-column: 1 / span 8;
  }
}

@media (max-width: 767px) {
  .privacy-page__grid {
    grid-template-columns: minmax(0, 1fr);
    column-gap: 0;
  }

  .privacy-page__intro {
    padding-block: var(--space-8);
  }

  .privacy-intro,
  .privacy-page__intro-space,
  .privacy-contents,
  .privacy-reading-block,
  .privacy-data-report,
  .privacy-rights-intro,
  .privacy-rights-grid,
  .privacy-rights-outro {
    grid-column: 1;
    max-width: none;
  }

  .privacy-page__intro-space {
    display: none;
  }

  .privacy-intro__lead {
    max-width: none;
    font-size: 1.0625rem;
  }

  .privacy-intro__metadata > div,
  .privacy-info-box__row,
  .privacy-role-list > div,
  .privacy-update-row > div {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-2);
  }

  .privacy-intro__metadata dd,
  .privacy-update-row dd {
    text-align: left;
  }

  .privacy-callout,
  .privacy-retention-rule,
  .privacy-update-row {
    max-width: none;
  }

  .privacy-contents {
    padding: var(--space-4);
  }

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

  .privacy-contents__nav a {
    min-height: 2.75rem;
  }

  .privacy-document-section {
    padding-block: var(--space-7);
  }

  .privacy-data-report {
    margin-top: var(--space-5);
  }

  .privacy-data-report__row {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-3);
    padding: var(--space-4);
  }

  .privacy-purpose-module {
    margin-top: var(--space-5);
    padding-top: var(--space-5);
  }

  .privacy-reading-block > h3 {
    margin-top: var(--space-6);
  }

  .privacy-rights-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-4);
    margin-top: var(--space-5);
  }

  .privacy-rights-grid article {
    padding: var(--space-4);
  }

  .privacy-rights-outro {
    margin-top: var(--space-6);
  }

  .privacy-document-section--closing {
    padding-bottom: var(--space-8);
  }
}


.kontakt-page {
  background: var(--color-canvas);
}

.kontakt-page .section {
  overflow: clip;
}

.kontakt-hero__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-5);
  align-items: stretch;
}

.kontakt-hero__content {
  grid-column: span 5;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  padding-block: var(--space-6);
}

.kontakt-hero__content > * {
  margin: 0;
}

.kontakt-hero__content h1 {
  max-width: 38.75rem;
}

.kontakt-hero__lead {
  max-width: 35rem;
  color: var(--color-muted-ink);
}

.kontakt-hero__actions {
  display: flex;
  width: 100%;
  min-width: 0;
  flex-wrap: wrap;
  gap: var(--space-3);
}

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

.kontakt-hero__panel {
  grid-column: span 7;
  min-width: 0;
  min-height: 31rem;
  position: relative;
  display: flex;
  align-items: flex-end;
  padding: var(--space-6);
  overflow: hidden;
  border: 1px solid var(--color-line);
  border-radius: var(--radius-md);
  background-color: var(--color-surface);
  background-image: repeating-linear-gradient(90deg, transparent 0, transparent calc(16.666% - 1px), var(--color-line) calc(16.666% - 1px), var(--color-line) 16.666%);
}

.kontakt-hero__panel::before {
  position: absolute;
  top: var(--space-6);
  left: var(--space-6);
  width: 0.625rem;
  height: 0.625rem;
  background: var(--color-accent);
  content: "";
}

.kontakt-hero__panel p {
  max-width: 35rem;
  margin: 0;
  color: var(--color-ink);
  font-family: var(--font-heading);
  font-size: clamp(2.25rem, 4vw, 4.5rem);
  font-weight: 700;
  letter-spacing: var(--tracking-display);
  line-height: var(--leading-display);
}

.kontakt-hero__index {
  position: absolute;
  top: var(--space-6);
  right: var(--space-6);
  color: var(--color-muted-ink);
  font-size: var(--text-meta);
  font-weight: 600;
  letter-spacing: var(--tracking-meta);
}

.kontakt-paths__intro {
  width: 50%;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  margin-bottom: var(--space-6);
}

.kontakt-paths__intro > * {
  margin: 0;
}

.kontakt-paths__intro p {
  max-width: 41rem;
  color: var(--color-muted-ink);
}

.kontakt-paths__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-5);
}

.kontakt-path-card {
  min-width: 0;
}

.kontakt-path-card__body {
  gap: var(--space-4);
}

.kontakt-path-card__body > * {
  margin: 0;
}

.kontakt-path-card__body p {
  max-width: 36rem;
  color: var(--color-muted-ink);
}

.kontakt-path-card__index {
  color: var(--color-accent);
  font-size: var(--text-meta);
  font-weight: 600;
  letter-spacing: var(--tracking-meta);
  line-height: var(--leading-meta);
  text-transform: uppercase;
}

.kontakt-path-card a:last-child {
  align-self: flex-start;
  margin-top: auto;
}

.kontakt-form-section {
  border-top: 1px solid var(--color-line);
  border-bottom: 1px solid var(--color-line);
}

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

.kontakt-form-section__context {
  grid-column: span 4;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
}

.kontakt-form-section__context > * {
  margin: 0;
}

.kontakt-form-section__context .text-large {
  max-width: 32rem;
  color: var(--color-muted-ink);
}

.kontakt-form-section__context p:not(.text-large) {
  max-width: 31rem;
  color: var(--color-muted-ink);
}

.kontakt-form-panel {
  grid-column: span 8;
  min-width: 0;
  padding: var(--space-6);
  border: 1px solid var(--color-line);
  border-radius: var(--radius-lg);
  background: var(--color-surface);
}

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

.kontakt-form__fields {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-5);
}

.kontakt-form__fields--two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

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

.kontakt-field label {
  margin: 0;
}

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

.kontakt-field textarea {
  min-height: 10rem;
}

.kontakt-field__optional,
.kontakt-field__hint,
.kontakt-form__note {
  color: var(--color-muted-ink);
  font-size: var(--text-caption);
  font-weight: 400;
  line-height: var(--leading-caption);
}

.kontakt-field__hint,
.kontakt-field__error {
  max-width: 39rem;
  margin: 0;
}

.kontakt-field__error {
  color: #b42318;
  font-size: var(--text-caption);
  font-weight: 600;
  line-height: var(--leading-caption);
}

.kontakt-form__conditional {
  min-width: 0;
}

.kontakt-form__conditional[hidden] {
  display: none;
}

.kontakt-form__privacy {
  display: flex;
  min-width: 0;
  align-items: flex-start;
  gap: var(--space-3);
}

.kontakt-form__privacy input {
  width: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  margin-top: 0.2rem;
}

.kontakt-form__privacy label {
  max-width: 43rem;
  margin: 0;
  font-size: var(--text-caption);
  font-weight: 400;
  line-height: var(--leading-caption);
}

.kontakt-form__submit {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
}

.kontakt-form__note {
  max-width: 40rem;
  margin: 0;
}

.kontakt-form-summary,
.kontakt-form-success {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
}

.kontakt-form-summary {
  margin-bottom: var(--space-5);
  padding: var(--space-4);
  border-left: 3px solid #b42318;
  background: #fff5f3;
}

.kontakt-form-summary > *,
.kontakt-form-success > * {
  margin: 0;
}

.kontakt-form-success {
  padding: var(--space-5);
  border: 1px solid var(--color-success);
  border-radius: var(--radius-md);
  background: #effaf5;
}

.kontakt-form-success__label {
  color: var(--color-success);
  font-size: var(--text-meta);
  font-weight: 600;
  letter-spacing: var(--tracking-meta);
  line-height: var(--leading-meta);
  text-transform: uppercase;
}

.kontakt-private {
  background: var(--color-ink);
}

.kontakt-private__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-5);
  align-items: start;
}

.kontakt-private__intro {
  grid-column: span 7;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
}

.kontakt-private__intro > * {
  margin: 0;
}

.kontakt-private__intro .text-large {
  max-width: 39rem;
}

.kontakt-private__link {
  color: var(--color-inverse-text);
}

.kontakt-private__link:hover {
  color: var(--color-inverse-text);
}

.kontakt-private__index {
  grid-column: span 4;
  min-width: 0;
  margin-left: auto;
  border-top: 1px solid rgba(255, 255, 255, 0.28);
}

.kontakt-private__item {
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr);
  gap: var(--space-3);
  min-width: 0;
  padding-block: var(--space-4);
  border-bottom: 1px solid rgba(255, 255, 255, 0.28);
}

.kontakt-private__item > span {
  color: var(--color-accent);
  font-size: var(--text-meta);
  font-weight: 600;
  letter-spacing: var(--tracking-meta);
}

.kontakt-private__item > div {
  min-width: 0;
}

.kontakt-private__item h3,
.kontakt-private__item p {
  margin: 0;
}

.kontakt-private__item p {
  max-width: 25rem;
  margin-top: var(--space-2);
  color: rgba(255, 255, 255, 0.76);
}

.kontakt-practical__intro {
  width: 50%;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  margin-bottom: var(--space-6);
}

.kontakt-practical__intro > * {
  margin: 0;
}

.kontakt-practical__intro p {
  max-width: 40rem;
  color: var(--color-muted-ink);
}

.kontakt-practical__module {
  border: 1px solid var(--color-line);
  border-radius: var(--radius-md);
  background: var(--color-surface);
}

.kontakt-practical__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  gap: var(--space-5);
  min-width: 0;
  padding: var(--space-5);
  border-bottom: 1px solid var(--color-line);
}

.kontakt-practical__row:last-child {
  border-bottom: 0;
}

.kontakt-practical__row h3,
.kontakt-practical__row p {
  margin: 0;
}

.kontakt-practical__row > div {
  min-width: 0;
}

.kontakt-practical__row p {
  max-width: 40rem;
  color: var(--color-muted-ink);
}

.kontakt-age__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-5);
  align-items: start;
}

.kontakt-age__marker {
  grid-column: span 1;
  width: 0.125rem;
  min-height: 8.5rem;
  background: var(--color-accent);
}

.kontakt-age__content {
  grid-column: 3 / span 8;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
}

.kontakt-age__content > * {
  margin: 0;
}

.kontakt-age__content h2 {
  max-width: 38rem;
  font-size: var(--text-h3);
}

.kontakt-age__content p {
  max-width: 36rem;
  color: var(--color-muted-ink);
}

.kontakt-final__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-5);
  align-items: start;
  border-top: 1px solid var(--color-line);
  padding-top: var(--space-8);
}

.kontakt-final__content {
  grid-column: span 7;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
}

.kontakt-final__content > * {
  margin: 0;
}

.kontakt-final__content p {
  max-width: 38rem;
  color: var(--color-muted-ink);
}

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

.kontakt-final__space {
  grid-column: span 5;
  min-width: 0;
  min-height: 9rem;
  border-top: 2px solid var(--color-accent);
}

@media (max-width: 1023px) {
  .kontakt-hero__grid,
  .kontakt-form-section__grid,
  .kontakt-private__grid,
  .kontakt-age__grid,
  .kontakt-final__grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: var(--space-5);
  }

  .kontakt-hero__content {
    grid-column: span 4;
  }

  .kontakt-hero__panel {
    grid-column: span 4;
    min-height: 27rem;
  }

  .kontakt-form-section__context {
    grid-column: span 3;
  }

  .kontakt-form-panel {
    grid-column: span 5;
  }

  .kontakt-private__intro {
    grid-column: span 8;
  }

  .kontakt-private__index {
    grid-column: span 8;
    width: 100%;
    margin-left: 0;
  }

  .kontakt-age__marker {
    grid-column: span 1;
  }

  .kontakt-age__content {
    grid-column: 2 / span 6;
  }

  .kontakt-final__content {
    grid-column: span 8;
  }

  .kontakt-final__space {
    display: none;
  }
}

@media (max-width: 920px) {
  .kontakt-paths__intro,
  .kontakt-practical__intro {
    width: 62.5%;
  }

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

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

@media (max-width: 819px) {
  .kontakt-form-section__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .kontakt-form-section__context,
  .kontakt-form-panel {
    grid-column: 1;
  }

  .kontakt-form-section__context .text-large,
  .kontakt-form-section__context p:not(.text-large) {
    max-width: 40rem;
  }
}

@media (max-width: 767px) {
  .kontakt-hero__grid,
  .kontakt-private__grid,
  .kontakt-age__grid,
  .kontakt-final__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-5);
  }

  .kontakt-hero__content,
  .kontakt-hero__panel,
  .kontakt-private__intro,
  .kontakt-private__index,
  .kontakt-age__marker,
  .kontakt-age__content,
  .kontakt-final__content {
    grid-column: 1;
  }

  .kontakt-hero__content {
    padding-block: 0;
  }

  .kontakt-hero__panel {
    min-height: 7rem;
    padding: var(--space-4);
  }

  .kontakt-hero__panel::before {
    top: var(--space-4);
    left: var(--space-4);
  }

  .kontakt-hero__index {
    top: var(--space-4);
    right: var(--space-4);
  }

  .kontakt-hero__panel p {
    max-width: none;
    font-size: clamp(1.7rem, 8vw, 2.4rem);
  }

  .kontakt-paths__intro,
  .kontakt-practical__intro {
    width: 100%;
    margin-bottom: var(--space-5);
  }

  .kontakt-path-card__body {
    padding: var(--space-5);
  }

  .kontakt-form-panel {
    padding: var(--space-5);
  }

  .kontakt-form__fields--two {
    grid-template-columns: minmax(0, 1fr);
  }

  .kontakt-form__privacy {
    gap: var(--space-2);
  }

  .kontakt-form__submit .button {
    width: 100%;
  }

  .kontakt-private__item {
    grid-template-columns: 1.75rem minmax(0, 1fr);
  }

  .kontakt-private__intro .text-large,
  .kontakt-private__item p,
  .kontakt-practical__row p,
  .kontakt-final__content p,
  .kontakt-age__content p {
    max-width: none;
  }

  .kontakt-practical__row {
    padding: var(--space-4);
  }

  .kontakt-age__marker {
    width: 3rem;
    min-height: 0.125rem;
  }

  .kontakt-age__content {
    gap: var(--space-3);
  }

  .kontakt-final__grid {
    padding-top: var(--space-7);
  }

  .kontakt-final__actions {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
  }

  .kontakt-final__actions .button {
    width: 100%;
  }
}


#faq-page {
  overflow: clip;
}

#faq-page .faq-hero {
  padding-top: var(--space-9);
  padding-bottom: var(--space-9);
}

#faq-page .faq-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 5fr) 1px minmax(0, 7fr);
  gap: var(--space-5);
  align-items: stretch;
}

#faq-page .faq-hero__copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: var(--space-4);
  max-width: 32.5rem;
}

#faq-page .faq-hero__copy > * { margin: 0; }
#faq-page .faq-hero__lead { max-width: 31.25rem; color: var(--color-muted-ink); }
#faq-page .faq-hero__seam { width: 1px; min-width: 1px; background: var(--color-accent); }
#faq-page .faq-hero__media { width: 100%; min-width: 0; min-height: 31.25rem; margin: 0; }
#faq-page .faq-hero__media img { width: 100%; height: 100%; object-fit: cover; object-position: 65% center; }

#faq-page .faq-hero__metadata {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-3);
  padding-top: var(--space-2);
}

#faq-page .faq-hero__metadata > div {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-1);
  padding-top: var(--space-3);
  border-top: 1px solid var(--color-line);
  color: var(--color-muted-ink);
  font-size: var(--text-caption);
  line-height: var(--leading-caption);
}

#faq-page .faq-hero__metadata .meta-label { margin: 0; }

#faq-page .faq-topic-section__grid {
  display: grid;
  grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
  gap: var(--space-6);
  align-items: start;
}

#faq-page .faq-topic-section__intro {
  min-width: 0;
  max-width: 23.75rem;
}

#faq-page .faq-topic-links {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-3);
}

#faq-page .faq-topic-link {
  display: grid;
  min-width: 0;
  min-height: 9.5rem;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: var(--space-3);
  align-items: start;
  padding: var(--space-5);
  border: 1px solid var(--color-line);
  border-radius: var(--radius-sm);
  background: var(--color-surface);
  color: var(--color-ink);
  text-decoration: none;
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);
}

#faq-page .faq-topic-link:hover {
  border-color: var(--color-accent);
  box-shadow: var(--shadow-card-hover);
  color: var(--color-ink);
  transform: translateY(-2px);
}

#faq-page .faq-topic-link__index,
#faq-page .faq-topic-link__arrow {
  color: var(--color-accent);
  font-size: var(--text-meta);
  font-weight: 700;
  letter-spacing: var(--tracking-meta);
  line-height: var(--leading-meta);
}

#faq-page .faq-topic-link__body {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-2);
}

#faq-page .faq-topic-link__body strong { font-size: var(--text-h4); line-height: var(--leading-h4); }
#faq-page .faq-topic-link__body span { color: var(--color-muted-ink); font-size: var(--text-caption); line-height: var(--leading-caption); }

#faq-page .faq-group__split {
  display: grid;
  grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
  gap: var(--space-8);
  align-items: start;
}

#faq-page .faq-group__brief { min-width: 0; max-width: 23.125rem; }
#faq-page .faq-group__brief p:last-child { max-width: 22.5rem; color: var(--color-muted-ink); }

#faq-page .faq-accordion {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 1fr);
  border-top: 1px solid var(--color-line);
}

#faq-page .faq-item {
  min-width: 0;
  border-bottom: 1px solid var(--color-line);
  background: var(--color-surface);
}

#faq-page .faq-item h3 { margin: 0; }

#faq-page .faq-item button {
  display: grid;
  width: 100%;
  min-width: 0;
  min-height: 4rem;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: var(--space-3);
  align-items: center;
  padding: var(--space-4) var(--space-5);
  border: 0;
  background: transparent;
  color: var(--color-ink);
  font-family: var(--font-heading);
  font-size: var(--text-h4);
  font-weight: 600;
  letter-spacing: var(--tracking-h4);
  line-height: var(--leading-h4);
  text-align: left;
}

#faq-page .faq-item button:hover { color: var(--color-accent); }

#faq-page .faq-item__marker {
  color: var(--color-accent);
  font-family: var(--font-body);
  font-size: var(--text-meta);
  font-weight: 700;
  letter-spacing: var(--tracking-meta);
  line-height: 1;
}

#faq-page .faq-item__symbol {
  position: relative;
  width: 1rem;
  height: 1rem;
}

#faq-page .faq-item__symbol::before,
#faq-page .faq-item__symbol::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1rem;
  height: 2px;
  transform: translate(-50%, -50%);
  background: currentColor;
  content: "";
  transition: transform var(--transition-fast);
}

#faq-page .faq-item__symbol::after { transform: translate(-50%, -50%) rotate(90deg); }
#faq-page .faq-item.is-open { border-left: 2px solid var(--color-accent); }
#faq-page .faq-item.is-open .faq-item__symbol::after { transform: translate(-50%, -50%) rotate(0); }

#faq-page .faq-item__panel[hidden] { display: none; }
#faq-page .faq-item__answer { display: grid; gap: var(--space-4); max-width: 42.5rem; padding: 0 var(--space-5) var(--space-5); }
#faq-page .faq-item__answer p { margin: 0; color: var(--color-muted-ink); }

#faq-page .faq-programs { background: var(--color-surface); }
#faq-page .faq-programs__header { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--space-6); align-items: end; margin-bottom: var(--space-6); }
#faq-page .faq-programs__intro { min-width: 0; max-width: 31.25rem; }
#faq-page .faq-programs__intro p:last-child { max-width: 31.25rem; color: var(--color-muted-ink); }
#faq-page .faq-programs__meta { justify-self: end; margin: 0; color: var(--color-accent); font-size: var(--text-meta); font-weight: 700; letter-spacing: var(--tracking-meta); line-height: var(--leading-meta); text-transform: uppercase; }
#faq-page .faq-programs__meta span { padding-inline: var(--space-2); color: var(--color-line); }
#faq-page .faq-accordion--wide .faq-item__answer { max-width: 42.5rem; }

#faq-page .faq-private__panel {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  align-items: stretch;
}

#faq-page .faq-private__copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  padding: var(--space-8);
}

#faq-page .faq-private__copy > * { margin: 0; }
#faq-page .faq-private__copy > p:not(.eyebrow) { max-width: 26.875rem; }
#faq-page .faq-private__actions { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-3); padding-top: var(--space-2); }
#faq-page .faq-private__actions p { max-width: 26.875rem; font-size: var(--text-caption); line-height: var(--leading-caption); }
#faq-page .faq-private__media { width: 100%; min-width: 0; min-height: 31.25rem; margin: 0; }
#faq-page .faq-private__media img { width: 100%; height: 100%; object-fit: cover; object-position: center; }

#faq-page .faq-closure__grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--space-6); align-items: stretch; }
#faq-page .faq-closure__copy { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-4); max-width: 40.625rem; }
#faq-page .faq-closure__copy > * { margin: 0; }
#faq-page .faq-closure__copy > p:not(.faq-closure__label) { max-width: 35rem; color: var(--color-muted-ink); }
#faq-page .faq-closure__label { color: var(--color-accent); font-size: var(--text-meta); font-weight: 700; letter-spacing: var(--tracking-meta); line-height: var(--leading-meta); text-transform: uppercase; }
#faq-page .faq-closure__rule { min-width: 0; border-right: 2px solid var(--color-accent); }

#faq-page .faq-age-note { padding-bottom: var(--space-7); }
#faq-page .faq-age-note__panel { display: grid; min-width: 0; grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); gap: var(--space-5); align-items: end; padding: var(--space-6); border: 1px solid var(--color-line); border-radius: var(--radius-sm); background: var(--color-surface); }
#faq-page .faq-age-note__copy { min-width: 0; max-width: 37.5rem; }
#faq-page .faq-age-note__copy .meta-label { margin-bottom: var(--space-3); }
#faq-page .faq-age-note__copy p:last-child { max-width: 37.5rem; margin-bottom: 0; color: var(--color-muted-ink); }
#faq-page .faq-age-note__marker { min-width: 0; color: var(--color-accent); font-family: var(--font-heading); font-size: clamp(3.5rem, 8vw, 6.5rem); font-weight: 700; letter-spacing: var(--tracking-display); line-height: .9; text-align: right; }

#faq-page .faq-ending { padding-top: var(--space-6); padding-bottom: var(--space-8); }
#faq-page .faq-ending__inner { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 6fr); border-top: 1px solid var(--color-line); }
#faq-page .faq-ending__copy { min-width: 0; max-width: 31.25rem; padding-top: var(--space-5); }
#faq-page .faq-ending__copy .meta-label { margin-bottom: var(--space-3); }
#faq-page .faq-ending__copy p:last-child { margin-bottom: 0; color: var(--color-muted-ink); }

#faq-page .faq-target-highlight .faq-group__brief h2,
#faq-page .faq-target-highlight .faq-programs__intro h2,
#faq-page .faq-target-highlight .faq-private__copy h2 { color: var(--color-accent); }

@media (max-width: 980px) {
  #faq-page .faq-hero__grid { grid-template-columns: minmax(0, 1fr) 1px minmax(0, 1fr); gap: var(--space-4); }
  #faq-page .faq-hero__media { min-height: 25rem; }
  #faq-page .faq-topic-section__grid,
  #faq-page .faq-group__split { grid-template-columns: minmax(0, 1fr); gap: var(--space-6); }
  #faq-page .faq-topic-section__intro,
  #faq-page .faq-group__brief { max-width: 31.25rem; }
  #faq-page .faq-programs__header { grid-template-columns: minmax(0, 1fr); gap: var(--space-4); }
  #faq-page .faq-programs__meta { justify-self: start; }
  #faq-page .faq-closure__grid { grid-template-columns: minmax(0, 1fr); }
  #faq-page .faq-closure__rule { display: none; }
}

@media (max-width: 880px) {
  #faq-page .faq-private__panel { grid-template-columns: minmax(0, 1fr); }
  #faq-page .faq-private__media { min-height: 26rem; }
}

@media (max-width: 767px) {
  #faq-page .faq-hero { padding-top: var(--space-7); padding-bottom: var(--space-7); }
  #faq-page .faq-hero__grid { grid-template-columns: minmax(0, 1fr); gap: var(--space-5); }
  #faq-page .faq-hero__copy { max-width: none; gap: var(--space-4); }
  #faq-page .faq-hero__lead { max-width: 31rem; }
  #faq-page .faq-hero__seam { width: 3rem; min-width: 3rem; height: 2px; }
  #faq-page .faq-hero__media { min-height: 16rem; }
  #faq-page .faq-hero__metadata { gap: var(--space-2); }
  #faq-page .faq-topic-links { grid-template-columns: minmax(0, 1fr); }
  #faq-page .faq-topic-link { min-height: 4.5rem; padding: var(--space-4); }
  #faq-page .faq-item button { min-height: 3.5rem; padding: var(--space-4); font-size: 1.0625rem; }
  #faq-page .faq-item__answer { padding: 0 var(--space-4) var(--space-5); }
  #faq-page .faq-private__copy { padding: var(--space-6) var(--space-5); }
  #faq-page .faq-private__media { min-height: 15.625rem; }
  #faq-page .faq-age-note__panel { grid-template-columns: minmax(0, 1fr); padding: var(--space-5); }
  #faq-page .faq-age-note__marker { order: -1; text-align: left; font-size: 4rem; }
  #faq-page .faq-ending__inner { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 640px) {
  #faq-page .faq-hero__metadata { grid-template-columns: minmax(0, 1fr); }
  #faq-page .faq-topic-link { grid-template-columns: auto minmax(0, 1fr) auto; }
  #faq-page .faq-topic-link__body strong { font-size: 1rem; }
  #faq-page .faq-private__actions { width: 100%; }
  #faq-page .faq-private__actions .button { width: 100%; }
}


.hsf-page {
  overflow: clip;
}

.hsf-page section[id] {
  scroll-margin-top: 6rem;
}

.hsf-hero {
  padding-block: var(--space-9) var(--space-10);
}

.hsf-hero__grid,
.hsf-journey__grid,
.hsf-host__grid,
.hsf-restaurant__grid,
.hsf-faq__grid,
.hsf-closing__grid {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-5);
}

.hsf-hero__copy {
  display: flex;
  min-width: 0;
  grid-column: span 5;
  flex-direction: column;
  align-items: flex-start;
  align-self: center;
  gap: var(--space-4);
  max-width: 28.5rem;
}

.hsf-hero__copy > * {
  margin: 0;
}

.hsf-hero__copy h1 {
  max-width: 35rem;
}

.hsf-hero__copy > .text-large {
  max-width: 28.5rem;
}

.hsf-hero__actions {
  margin-top: var(--space-2);
}

.hsf-hero__media {
  position: relative;
  min-width: 0;
  grid-column: span 7;
  margin: 0;
  border-radius: var(--radius-md);
  overflow: hidden;
}

.hsf-hero__media::before {
  position: absolute;
  z-index: 1;
  top: var(--space-5);
  left: 0;
  width: 3px;
  height: 3.5rem;
  background: var(--color-accent);
  content: "";
}

.hsf-hero__media img,
.hsf-host__media img,
.hsf-restaurant__media img {
  width: 100%;
  max-width: 100%;
  height: 100%;
  object-fit: cover;
}

.hsf-hero__media img {
  min-height: 33.75rem;
  aspect-ratio: 16 / 10;
}

.hsf-journey__intro {
  min-width: 0;
  grid-column: span 4;
  max-width: 28.75rem;
}

.hsf-journey__intro p:last-child {
  max-width: 25rem;
}

.hsf-steps {
  display: grid;
  min-width: 0;
  grid-column: span 8;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-4);
}

.hsf-step {
  position: relative;
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  padding: var(--space-5);
  border: 1px solid var(--color-line);
  border-radius: var(--radius-sm);
  background: var(--color-surface);
}

.hsf-step > * {
  margin: 0;
}

.hsf-step__number {
  color: var(--color-accent);
  font-size: var(--text-meta);
  font-weight: 700;
  letter-spacing: var(--tracking-meta);
  line-height: 1;
}

.hsf-step .meta-label {
  color: var(--color-muted-ink);
}

.hsf-step--marked::before {
  position: absolute;
  top: 0;
  left: var(--space-5);
  width: 2px;
  height: var(--space-5);
  background: var(--color-accent);
  content: "";
}

.hsf-host__copy {
  min-width: 0;
  grid-column: span 5;
  align-self: start;
  max-width: 29.375rem;
}

.hsf-host__copy .text-large {
  max-width: 29.375rem;
}

.hsf-host__media {
  min-width: 0;
  grid-column: span 7;
  margin: 0;
  border-radius: var(--radius-md);
  overflow: hidden;
}

.hsf-host__media img {
  min-height: 29.375rem;
  aspect-ratio: 4 / 3;
}

.hsf-host__notes {
  min-width: 0;
  grid-column: 1 / span 5;
  margin-top: var(--space-2);
}

.hsf-host__note {
  padding-block: var(--space-4);
}

.hsf-host__note .meta-label,
.hsf-host__note p {
  margin: 0;
}

.hsf-host__note p + p {
  margin-top: var(--space-2);
}

.hsf-host__quote {
  min-width: 0;
  grid-column: 6 / span 7;
  align-self: end;
  margin: var(--space-2) 0 0;
  max-width: 42rem;
}

.hsf-choice__heading,
.hsf-pathways__heading {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-5);
  align-items: end;
  margin-bottom: var(--space-6);
}

.hsf-choice__heading > div,
.hsf-pathways__heading > div {
  min-width: 0;
  grid-column: span 5;
  max-width: 31.25rem;
}

.hsf-choice__context,
.hsf-pathways__context {
  min-width: 0;
  grid-column: span 7;
  max-width: 33rem;
  margin: 0 0 var(--space-4) auto;
}

.hsf-choice__cards,
.hsf-pathways__cards {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-5);
}

.hsf-choice-card,
.hsf-pathway-card {
  display: flex;
  min-width: 0;
  min-height: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  padding: var(--space-5);
  color: var(--color-ink);
  text-decoration: none;
}

.hsf-choice-card > *,
.hsf-pathway-card > * {
  margin: 0;
}

.hsf-choice-card p,
.hsf-pathway-card p {
  color: var(--color-muted-ink);
}

.hsf-choice-card__meta,
.hsf-pathway-card__labels {
  color: var(--color-muted-ink);
  font-size: var(--text-meta);
  font-weight: 600;
  letter-spacing: var(--tracking-meta);
  line-height: var(--leading-meta);
  text-transform: uppercase;
}

.hsf-choice-card__link,
.hsf-pathway-card__link {
  margin-top: auto;
  color: var(--color-accent);
  font-size: var(--text-control);
  font-weight: 600;
  text-decoration-line: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.16em;
}

.hsf-restaurant {
  padding-block: var(--space-10);
}

.hsf-restaurant__copy {
  display: flex;
  min-width: 0;
  grid-column: span 7;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-5);
  max-width: 35rem;
}

.hsf-restaurant__copy > * {
  margin: 0;
}

.hsf-restaurant__copy .text-large {
  max-width: 35rem;
}

.hsf-restaurant__moments {
  display: grid;
  width: 100%;
  min-width: 0;
  grid-template-columns: 1fr;
  border-top: 1px solid rgba(255, 255, 255, 0.22);
}

.hsf-restaurant__moments > div {
  display: grid;
  min-width: 0;
  grid-template-columns: 2rem minmax(0, 1fr);
  gap: var(--space-3);
  padding-block: var(--space-3);
  border-bottom: 1px solid rgba(255, 255, 255, 0.22);
}

.hsf-restaurant__moments span {
  color: var(--color-accent);
  font-size: var(--text-meta);
  font-weight: 700;
  letter-spacing: var(--tracking-meta);
}

.hsf-restaurant__moments p {
  margin: 0;
}

.hsf-restaurant__action {
  border-color: rgba(255, 255, 255, 0.72);
  background: transparent;
  color: var(--color-inverse-text);
}

.hsf-restaurant__action:hover {
  border-color: var(--color-accent);
  background: transparent;
  color: #93b7ff;
}

.hsf-restaurant__media {
  min-width: 0;
  grid-column: 10 / span 3;
  align-self: end;
  margin: 0;
  border-radius: var(--radius-md);
  overflow: hidden;
}

.hsf-restaurant__media img {
  aspect-ratio: 1;
}

.hsf-pathway-card {
  position: relative;
}

.hsf-pathway-card__index {
  display: block;
  width: 2rem;
  height: 2px;
  background: var(--color-accent);
}

.hsf-faq__intro {
  min-width: 0;
  grid-column: span 4;
  align-self: start;
  max-width: 26.875rem;
}

.hsf-faq__intro p:last-child {
  max-width: 26.875rem;
}

.hsf-faq__rows {
  display: grid;
  min-width: 0;
  grid-column: span 8;
  border-top: 1px solid var(--color-line);
}

.hsf-faq__item {
  min-width: 0;
  border-bottom: 1px solid var(--color-line);
  background: var(--color-surface);
}

.hsf-faq__item summary {
  position: relative;
  display: block;
  min-height: 4.25rem;
  padding: var(--space-4) 4rem var(--space-4) 0;
  color: var(--color-ink);
  font-family: var(--font-heading);
  font-size: clamp(1.0625rem, 1.5vw, 1.25rem);
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.01em;
  cursor: pointer;
  list-style: none;
}

.hsf-faq__item summary::-webkit-details-marker {
  display: none;
}

.hsf-faq__item summary::before,
.hsf-faq__item summary::after {
  position: absolute;
  top: 50%;
  right: var(--space-2);
  width: 1rem;
  height: 2px;
  background: var(--color-accent);
  content: "";
  transition: transform var(--transition-fast);
}

.hsf-faq__item summary::after {
  transform: rotate(90deg);
}

.hsf-faq__item[open] summary::after {
  transform: rotate(0deg);
}

.hsf-faq__answer {
  max-width: 38.75rem;
  padding: 0 var(--space-6) var(--space-5) 0;
}

.hsf-faq__answer > :last-child {
  margin-bottom: 0;
}

.hsf-closing {
  border-top: 1px solid var(--color-line);
  border-bottom: 1px solid var(--color-line);
}

.hsf-closing__copy {
  display: flex;
  min-width: 0;
  grid-column: span 7;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  max-width: 35rem;
}

.hsf-closing__copy > * {
  margin: 0;
}

.hsf-closing__copy .text-large {
  max-width: 35rem;
}

.hsf-closing__actions {
  margin-top: var(--space-2);
}

.hsf-age-panel {
  display: flex;
  min-width: 0;
  grid-column: span 5;
  flex-direction: column;
  align-items: flex-start;
  align-self: end;
  gap: var(--space-3);
  padding: var(--space-5);
  border: 1px solid var(--color-line);
  border-radius: var(--radius-sm);
  background: var(--color-surface);
}

.hsf-age-panel > * {
  margin: 0;
}

.hsf-age-panel__number {
  color: var(--color-ink);
  font-family: var(--font-heading);
  font-size: clamp(3rem, 6vw, 4.5rem);
  letter-spacing: var(--tracking-display);
  line-height: 0.9;
}

@media (max-width: 1050px) {
  .hsf-journey__grid,
  .hsf-host__grid,
  .hsf-faq__grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: var(--space-5);
  }

  .hsf-journey__intro,
  .hsf-steps,
  .hsf-host__copy,
  .hsf-host__media,
  .hsf-host__notes,
  .hsf-host__quote,
  .hsf-faq__intro,
  .hsf-faq__rows {
    grid-column: span 8;
  }

  .hsf-journey__intro,
  .hsf-faq__intro {
    max-width: 31.25rem;
  }

  .hsf-host__copy {
    grid-column: span 4;
  }

  .hsf-host__media {
    grid-column: span 4;
  }

  .hsf-host__notes {
    grid-column: span 4;
  }

  .hsf-host__quote {
    grid-column: span 4;
  }
}

@media (max-width: 979px) {
  .hsf-hero__grid,
  .hsf-restaurant__grid,
  .hsf-closing__grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: var(--space-5);
  }

  .hsf-hero__copy,
  .hsf-hero__media,
  .hsf-restaurant__copy,
  .hsf-closing__copy,
  .hsf-age-panel {
    grid-column: span 4;
  }

  .hsf-hero__media img {
    min-height: 27.5rem;
  }

  .hsf-restaurant__media {
    grid-column: 6 / span 3;
  }

  .hsf-choice__heading,
  .hsf-pathways__heading {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .hsf-choice__heading > div,
  .hsf-pathways__heading > div,
  .hsf-choice__context,
  .hsf-pathways__context {
    grid-column: span 8;
    margin-left: 0;
  }

  .hsf-choice__context,
  .hsf-pathways__context {
    margin-bottom: 0;
  }

  .hsf-choice__cards,
  .hsf-pathways__cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hsf-choice__cards > :nth-child(3),
  .hsf-pathways__cards > :nth-child(3) {
    grid-column: span 2;
  }
}

@media (max-width: 820px) {
  .hsf-host__copy,
  .hsf-host__media,
  .hsf-host__notes,
  .hsf-host__quote {
    grid-column: span 8;
  }

  .hsf-host__copy {
    max-width: 31.25rem;
  }

  .hsf-host__media img {
    min-height: 16.25rem;
  }

  .hsf-host__notes {
    margin-top: 0;
    max-width: 38.75rem;
  }

  .hsf-host__quote {
    max-width: 38.75rem;
    margin-top: 0;
  }
}

@media (max-width: 767px) {
  .hsf-hero {
    padding-block: var(--space-7) var(--space-8);
  }

  .hsf-hero__grid,
  .hsf-journey__grid,
  .hsf-host__grid,
  .hsf-restaurant__grid,
  .hsf-faq__grid,
  .hsf-closing__grid,
  .hsf-choice__heading,
  .hsf-pathways__heading {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-6);
  }

  .hsf-hero__copy,
  .hsf-hero__media,
  .hsf-journey__intro,
  .hsf-steps,
  .hsf-host__copy,
  .hsf-host__media,
  .hsf-host__notes,
  .hsf-host__quote,
  .hsf-restaurant__copy,
  .hsf-restaurant__media,
  .hsf-faq__intro,
  .hsf-faq__rows,
  .hsf-closing__copy,
  .hsf-age-panel,
  .hsf-choice__heading > div,
  .hsf-pathways__heading > div,
  .hsf-choice__context,
  .hsf-pathways__context {
    grid-column: 1;
  }

  .hsf-hero__copy,
  .hsf-host__copy,
  .hsf-restaurant__copy,
  .hsf-closing__copy {
    max-width: none;
  }

  .hsf-hero__copy > .text-large,
  .hsf-host__copy .text-large,
  .hsf-restaurant__copy .text-large,
  .hsf-closing__copy .text-large,
  .hsf-journey__intro p:last-child,
  .hsf-faq__intro p:last-child {
    max-width: none;
  }

  .hsf-hero__media img {
    min-height: 15.625rem;
  }

  .hsf-steps,
  .hsf-choice__cards,
  .hsf-pathways__cards {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-3);
  }

  .hsf-choice__cards > :nth-child(3),
  .hsf-pathways__cards > :nth-child(3) {
    grid-column: 1;
  }

  .hsf-step,
  .hsf-choice-card,
  .hsf-pathway-card,
  .hsf-age-panel {
    padding: var(--space-5);
  }

  .hsf-restaurant {
    padding-block: var(--space-7);
  }

  .hsf-restaurant__media {
    width: 100%;
    max-width: none;
  }

  .hsf-restaurant__action {
    width: 100%;
  }

  .hsf-faq__answer {
    max-width: none;
    padding: 0 var(--space-4) var(--space-5) 0;
  }

  .hsf-choice__context,
  .hsf-pathways__context {
    display: none;
  }
}

@media (max-width: 420px) {
  .hsf-hero__actions,
  .hsf-closing__actions {
    width: 100%;
  }

  .hsf-step,
  .hsf-choice-card,
  .hsf-pathway-card,
  .hsf-age-panel {
    padding: var(--space-4);
  }

  .hsf-faq__item summary {
    padding-right: 3rem;
  }
}


.atmosfera-page {
  overflow-x: clip;
}

.atmosfera-page ul {
  list-style: none !important;
}

.atmosfera-hero__grid,
.atmosfera-table__grid,
.atmosfera-mood__grid,
.atmosfera-private__grid,
.atmosfera-closing__module {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-5);
}

.atmosfera-hero__copy {
  grid-column: 1 / span 5;
  min-width: 0;
  align-self: center;
}

.atmosfera-hero__copy > :last-child,
.atmosfera-table__copy > :last-child,
.atmosfera-mood__copy > :last-child,
.atmosfera-space__copy > :last-child,
.atmosfera-gallery__intro > :last-child,
.atmosfera-gallery__cue > :last-child,
.atmosfera-closing__copy > :last-child {
  margin-bottom: 0;
}

.atmosfera-hero__copy h1 {
  max-width: 620px;
}

.atmosfera-hero__lead {
  max-width: 520px;
}

.atmosfera-hero__note {
  max-width: 500px;
  margin-top: var(--space-5);
  margin-bottom: var(--space-5);
  padding-left: var(--space-4);
  border-left: 2px solid var(--color-accent);
  color: var(--color-muted-ink);
}

.atmosfera-hero__actions {
  margin-top: var(--space-5);
}

.atmosfera-hero__seam {
  grid-column: 6 / span 1;
  min-width: 0;
  align-self: center;
  color: var(--color-accent);
  font-size: var(--text-meta);
  font-weight: 700;
  letter-spacing: var(--tracking-meta);
}

.atmosfera-hero__seam::before {
  display: block;
  width: 2px;
  height: 4rem;
  margin-bottom: var(--space-2);
  background: var(--color-accent);
  content: "";
}

.atmosfera-hero__media {
  grid-column: 7 / -1;
  min-width: 0;
  min-height: 400px;
  margin: 0;
}

.atmosfera-hero__media img,
.atmosfera-table__media img,
.atmosfera-mood__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.atmosfera-hero__media img {
  min-height: 400px;
  aspect-ratio: 16 / 10;
  object-position: 70% center;
}

.atmosfera-moments__layout,
.atmosfera-rhythm__layout {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-6) var(--space-5);
}

.atmosfera-moments__intro {
  grid-column: 1 / span 5;
  min-width: 0;
}

.atmosfera-moments__intro p {
  max-width: 570px;
}

.atmosfera-moments__cards {
  grid-column: 1 / -1;
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-5);
}

.atmosfera-moment-card {
  min-width: 0;
  min-height: 100%;
  border-radius: var(--radius-sm);
}

.atmosfera-moment-card--accent {
  border-top: 2px solid var(--color-accent);
}

.atmosfera-moment-card__body {
  gap: var(--space-4);
}

.atmosfera-moment-card__body h3,
.atmosfera-moment-card__body p,
.atmosfera-moment-card__body .meta-label {
  margin: 0;
}

.atmosfera-moment-card__body p {
  margin-top: auto;
}

.atmosfera-index {
  color: var(--color-accent);
  font-size: var(--text-meta);
  font-weight: 700;
  letter-spacing: var(--tracking-meta);
}

.atmosfera-table__media {
  grid-column: 1 / span 7;
  min-width: 0;
  margin: 0;
}

.atmosfera-table__media img {
  min-height: 460px;
  aspect-ratio: 4 / 3;
  object-position: center;
}

.atmosfera-table__media figcaption,
.atmosfera-mood__media figcaption {
  max-width: 55ch;
}

.atmosfera-table__copy {
  grid-column: 8 / -1;
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-5);
  align-self: center;
}

.atmosfera-table__copy > * {
  min-width: 0;
  margin: 0;
}

.atmosfera-table__lead {
  max-width: 58ch;
  font-size: var(--text-body-large);
  line-height: var(--leading-body-large);
}

.atmosfera-table__detail,
.atmosfera-table__callout {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-3);
}

.atmosfera-table__detail > *,
.atmosfera-table__callout > * {
  margin: 0;
}

.atmosfera-table__callout {
  padding-left: var(--space-4);
  border-left: 2px solid var(--color-accent);
}

.atmosfera-rhythm__intro {
  grid-column: 1 / span 6;
  min-width: 0;
}

.atmosfera-rhythm__intro p {
  max-width: 600px;
}

.atmosfera-rhythm__modules {
  grid-column: 1 / -1;
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-5);
}

.atmosfera-rhythm-module {
  position: relative;
  min-width: 0;
  padding-top: var(--space-4);
  border-top: 1px solid var(--color-line);
}

.atmosfera-rhythm-module--final::after {
  position: absolute;
  top: -1px;
  right: 0;
  width: 1rem;
  height: 2px;
  background: var(--color-accent);
  content: "";
}

.atmosfera-rhythm-module .meta-label {
  margin-bottom: var(--space-3);
}

.atmosfera-rhythm-module h3 {
  margin-bottom: var(--space-3);
}

.atmosfera-rhythm-module p {
  margin-bottom: 0;
}

.atmosfera-space__module {
  border: 1px solid var(--color-line);
  border-radius: var(--radius-md);
  background: var(--color-surface);
  padding: var(--space-7);
}

.atmosfera-space__copy {
  width: 58.333%;
  min-width: 0;
}

.atmosfera-space__lead {
  max-width: 55ch;
  font-size: var(--text-body-large);
  line-height: var(--leading-body-large);
}

.atmosfera-space__details {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-5);
  margin-top: var(--space-6);
}

.atmosfera-space__detail {
  min-width: 0;
  padding-top: var(--space-4);
  border-top: 1px solid var(--color-line);
}

.atmosfera-space__detail .meta-label {
  margin-bottom: var(--space-3);
}

.atmosfera-space__detail h3 {
  margin-bottom: var(--space-3);
}

.atmosfera-space__detail p {
  max-width: 48ch;
  margin-bottom: 0;
}

.atmosfera-mood__copy {
  grid-column: 1 / span 5;
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-5);
  align-self: center;
}

.atmosfera-mood__copy > * {
  min-width: 0;
  margin: 0;
}

.atmosfera-mood__lead {
  max-width: 62ch;
  font-size: var(--text-body-large);
  line-height: var(--leading-body-large);
}

.atmosfera-mood__detail {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-3);
}

.atmosfera-mood__detail > * {
  margin: 0;
}

.atmosfera-mood__detail p {
  max-width: 50ch;
}

.atmosfera-mood__media {
  grid-column: 6 / -1;
  min-width: 0;
  margin: 0;
}

.atmosfera-mood__media img {
  min-height: 430px;
  aspect-ratio: 16 / 10;
  object-position: center;
}

.atmosfera-private {
  padding-block: var(--space-9);
  background: var(--color-ink);
}

.atmosfera-private__intro {
  grid-column: 1 / span 5;
  min-width: 0;
}

.atmosfera-private__intro p {
  max-width: 54ch;
  margin-bottom: 0;
}

.atmosfera-private__label {
  display: inline-flex;
  margin-bottom: var(--space-3);
  color: var(--color-accent);
  font-size: var(--text-meta);
  font-weight: 700;
  letter-spacing: var(--tracking-meta);
  line-height: var(--leading-meta);
}

.atmosfera-private__principles {
  grid-column: 6 / -1;
  display: grid;
  min-width: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.24);
}

.atmosfera-principle {
  display: grid;
  min-width: 0;
  grid-template-columns: 3rem minmax(0, 1fr);
  gap: var(--space-4);
  padding-block: var(--space-5);
  border-bottom: 1px solid rgba(255, 255, 255, 0.24);
}

.atmosfera-principle > span {
  color: var(--color-accent);
  font-size: var(--text-meta);
  font-weight: 700;
  letter-spacing: var(--tracking-meta);
}

.atmosfera-principle > div {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-3);
}

.atmosfera-principle h3,
.atmosfera-principle p,
.atmosfera-principle .button {
  margin: 0;
}

.atmosfera-private__button {
  align-self: flex-start;
  border-color: rgba(255, 255, 255, 0.72);
  background: var(--color-surface);
  color: var(--color-ink);
}

.atmosfera-private__button:hover {
  border-color: var(--color-accent);
  background: var(--color-surface);
  color: var(--color-accent);
}

.atmosfera-gallery__module {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-5);
  align-items: end;
}

.atmosfera-gallery__intro {
  grid-column: 1 / span 5;
  min-width: 0;
}

.atmosfera-gallery__intro p {
  max-width: 58ch;
}

.atmosfera-gallery__cue {
  grid-column: 8 / span 5;
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-3);
  padding: var(--space-6);
  border: 1px solid var(--color-line);
  border-radius: var(--radius-sm);
  background: var(--color-surface);
}

.atmosfera-gallery__cue > * {
  margin: 0;
}

.atmosfera-gallery__cue p {
  max-width: 46ch;
}

.atmosfera-gallery__link::after {
  display: inline-block;
  margin-left: var(--space-2);
  color: var(--color-accent);
  content: "→";
}

.atmosfera-closing__module {
  align-items: center;
  padding: var(--space-7);
  border: 1px solid var(--color-line);
  border-radius: var(--radius-md);
  background: var(--color-surface);
}

.atmosfera-closing__copy {
  grid-column: 1 / span 7;
  min-width: 0;
}

.atmosfera-closing__copy p {
  max-width: 610px;
  margin-bottom: 0;
}

.atmosfera-closing__actions {
  grid-column: 8 / -1;
  min-width: 0;
  justify-content: flex-end;
}

@media (max-width: 1079px) {
  .atmosfera-hero__grid,
  .atmosfera-table__grid,
  .atmosfera-mood__grid,
  .atmosfera-private__grid,
  .atmosfera-closing__module,
  .atmosfera-moments__layout,
  .atmosfera-rhythm__layout,
  .atmosfera-gallery__module {
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: var(--space-5);
  }

  .atmosfera-hero__copy { grid-column: 1 / span 4; }
  .atmosfera-hero__seam { display: none; }
  .atmosfera-hero__media { grid-column: 5 / -1; }
  .atmosfera-moments__intro { grid-column: 1 / span 5; }
  .atmosfera-table__media { grid-column: 1 / span 4; }
  .atmosfera-table__copy { grid-column: 5 / -1; }
  .atmosfera-mood__copy { grid-column: 1 / span 4; }
  .atmosfera-mood__media { grid-column: 5 / -1; }
  .atmosfera-private__intro { grid-column: 1 / span 3; }
  .atmosfera-private__principles { grid-column: 4 / -1; }
  .atmosfera-rhythm__intro { grid-column: 1 / span 5; }
  .atmosfera-gallery__intro { grid-column: 1 / span 5; }
  .atmosfera-gallery__cue { grid-column: 6 / -1; }
  .atmosfera-closing__copy { grid-column: 1 / span 5; }
  .atmosfera-closing__actions { grid-column: 6 / -1; justify-content: flex-start; }

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

  .atmosfera-moments__cards > :nth-child(3) {
    grid-column: 1 / span 1;
  }

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

  .atmosfera-space__copy {
    width: 100%;
  }
}

@media (max-width: 839px) {
  .atmosfera-private__grid {
    grid-template-columns: 1fr;
  }

  .atmosfera-private__intro,
  .atmosfera-private__principles {
    grid-column: 1;
  }

  .atmosfera-private__intro {
    margin-bottom: var(--space-6);
  }
}

@media (max-width: 819px) {
  .atmosfera-table__grid {
    grid-template-columns: 1fr;
  }

  .atmosfera-table__copy,
  .atmosfera-table__media {
    grid-column: 1;
  }

  .atmosfera-table__copy { order: 1; }
  .atmosfera-table__media { order: 2; }

  .atmosfera-table__media img {
    min-height: 280px;
    aspect-ratio: 5 / 4;
    object-position: center;
  }
}

@media (max-width: 779px) {
  .atmosfera-mood__grid {
    grid-template-columns: 1fr;
  }

  .atmosfera-mood__copy,
  .atmosfera-mood__media {
    grid-column: 1;
  }

  .atmosfera-mood__copy { order: 1; }
  .atmosfera-mood__media { order: 2; }

  .atmosfera-mood__media img {
    min-height: 300px;
  }
}

@media (max-width: 767px) {
  .atmosfera-hero__grid,
  .atmosfera-moments__layout,
  .atmosfera-rhythm__layout,
  .atmosfera-gallery__module,
  .atmosfera-closing__module {
    grid-template-columns: 1fr;
    gap: var(--space-5);
  }

  .atmosfera-hero__copy,
  .atmosfera-hero__media,
  .atmosfera-moments__intro,
  .atmosfera-rhythm__intro,
  .atmosfera-gallery__intro,
  .atmosfera-gallery__cue,
  .atmosfera-closing__copy,
  .atmosfera-closing__actions {
    grid-column: 1;
  }

  .atmosfera-hero__copy { order: 1; }
  .atmosfera-hero__media { order: 2; }

  .atmosfera-hero__copy h1 {
    font-size: clamp(2.375rem, 10vw, 2.875rem);
  }

  .atmosfera-hero__lead,
  .atmosfera-hero__note,
  .atmosfera-moments__intro p,
  .atmosfera-table__lead,
  .atmosfera-space__lead,
  .atmosfera-mood__lead,
  .atmosfera-gallery__intro p,
  .atmosfera-closing__copy p {
    max-width: 40ch;
  }

  .atmosfera-hero__media img {
    min-height: 300px;
    object-position: 68% center;
  }

  .atmosfera-moments__cards,
  .atmosfera-rhythm__modules,
  .atmosfera-space__details {
    grid-template-columns: 1fr;
  }

  .atmosfera-moments__cards > :nth-child(3) {
    grid-column: 1;
  }

  .atmosfera-moment-card__body {
    min-height: 0;
  }

  .atmosfera-rhythm__modules {
    gap: 0;
  }

  .atmosfera-rhythm-module {
    padding-block: var(--space-5);
    border-top: 0;
    border-bottom: 1px solid var(--color-line);
  }

  .atmosfera-rhythm-module:first-child {
    border-top: 1px solid var(--color-line);
  }

  .atmosfera-space__module {
    padding: var(--space-5);
  }

  .atmosfera-space__details {
    gap: var(--space-4);
  }

  .atmosfera-private {
    padding-block: var(--space-7);
  }

  .atmosfera-principle {
    grid-template-columns: 2.25rem minmax(0, 1fr);
    gap: var(--space-3);
  }

  .atmosfera-private__button {
    width: 100%;
  }

  .atmosfera-gallery__cue {
    padding: var(--space-5);
  }

  .atmosfera-closing__module {
    padding: var(--space-5);
  }

  .atmosfera-closing__actions {
    justify-content: stretch;
  }
}

@media (max-width: 419px) {
  .atmosfera-hero__actions .button,
  .atmosfera-closing__actions .button {
    width: 100%;
  }
}


.private-opportunities {
  overflow: hidden;
}

.private-opportunities .section--spacious {
  padding-block: var(--space-10);
}

.private-hero__grid,
.private-planning__grid,
.private-atmosphere__grid,
.private-cta__grid,
.private-rhythm__grid {
  display: grid;
  min-width: 0;
}

.private-hero__grid {
  grid-template-columns: minmax(0, 5fr) minmax(24px, 1fr) minmax(0, 6fr);
  align-items: center;
  gap: var(--space-5);
}

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

.private-hero__content > * { margin: 0; }
.private-hero__content .eyebrow { margin-bottom: var(--space-1); }
.private-hero__content h1 { max-width: 43.75rem; }
.private-hero__lead { max-width: 33.75rem; font-size: var(--text-body-large); line-height: var(--leading-body-large); }
.private-hero__actions { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-3); margin-top: var(--space-2); }
.private-hero__note { max-width: 30rem; color: var(--color-muted-ink); font-size: var(--text-caption); line-height: var(--leading-caption); }
.private-hero__seam { width: 2px; min-height: 11rem; justify-self: center; background: var(--color-accent); }
.private-hero__figure { width: 100%; min-width: 0; margin: 0; }
.private-hero__figure img { width: 100%; min-height: 32.5rem; aspect-ratio: 16 / 10; object-fit: cover; object-position: 65% center; }
.private-hero__figure figcaption { margin-top: var(--space-3); font-size: var(--text-meta); font-weight: 600; letter-spacing: var(--tracking-meta); text-transform: uppercase; }

.private-occasions__intro { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 4fr); gap: 3fr; align-items: end; margin-bottom: var(--space-7); }
.private-occasions__intro > * { min-width: 0; }
.private-occasions__intro p { max-width: 31.25rem; margin: 0; color: var(--color-muted-ink); }
.private-occasions__heading .eyebrow { margin-bottom: var(--space-3); }
.private-occasions__heading h2 { margin: 0; }
.private-occasions__cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); }
.private-occasion-card { min-width: 0; }
.private-occasion-card .card__body { gap: var(--space-4); }
.private-occasion-card .card__body > * { margin: 0; }
.private-card__index { color: var(--color-accent); font-size: var(--text-meta); font-weight: 700; letter-spacing: var(--tracking-meta); }
.private-card__meta { margin-top: auto !important; padding-top: var(--space-4); border-top: 1px solid var(--color-line); color: var(--color-muted-ink); font-size: var(--text-meta); font-weight: 600; letter-spacing: var(--tracking-meta); }

.private-rhythm { padding-block: var(--space-10); }
.private-rhythm__grid { grid-template-columns: minmax(0, 7fr) minmax(0, 2fr) minmax(0, 3fr); gap: var(--space-5); }
.private-rhythm__head { grid-column: 1 / 2; display: flex; min-width: 0; flex-direction: column; gap: var(--space-4); }
.private-rhythm__head > * { margin: 0; }
.private-rhythm__head h2, .private-rhythm__head p { max-width: 41.875rem; }
.private-rhythm__label { color: #8eb4ff; font-size: var(--text-meta); font-weight: 600; letter-spacing: var(--tracking-meta); line-height: var(--leading-meta); }
.private-rhythm__marker { grid-column: 3 / 4; width: 2px; min-height: 10rem; justify-self: end; background: var(--color-accent); }
.private-rhythm__rows { grid-column: 1 / 3; display: grid; min-width: 0; margin-top: var(--space-6); border-top: 1px solid rgba(255,255,255,.24); }
.private-rhythm__row { display: grid; grid-template-columns: minmax(2.5rem, .7fr) minmax(0, 8.3fr); gap: var(--space-4); min-width: 0; padding-block: var(--space-5); border-bottom: 1px solid rgba(255,255,255,.24); }
.private-rhythm__row > * { min-width: 0; }
.private-rhythm__row > span { color: #8eb4ff; font-size: var(--text-meta); font-weight: 700; letter-spacing: var(--tracking-meta); }
.private-rhythm__row div { display: flex; flex-direction: column; gap: var(--space-3); }
.private-rhythm__row h3, .private-rhythm__row p { margin: 0; }
.private-rhythm__row h3 { color: var(--color-inverse-text); }
.private-rhythm a { color: #b7ceff; }
.private-rhythm__closing { grid-column: 1 / 2; max-width: 32rem; margin: var(--space-6) 0 0; color: var(--color-inverse-text) !important; font-size: var(--text-body-large); }

.private-planning__grid { grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-5); align-items: start; }
.private-planning__figure { grid-column: 1 / span 6; width: 100%; min-width: 0; margin: 0; }
.private-planning__figure img { width: 100%; min-height: 28.75rem; aspect-ratio: 4 / 3; object-fit: cover; object-position: center; }
.private-planning__content { grid-column: 8 / span 5; display: flex; min-width: 0; flex-direction: column; gap: var(--space-4); }
.private-planning__content > * { margin: 0; }
.private-planning__content .eyebrow { margin-bottom: var(--space-1); }
.private-planning__lead { max-width: 32.5rem; }
.private-planning__steps { display: grid; min-width: 0; margin-top: var(--space-2); border-top: 1px solid var(--color-line); }
.private-planning__steps article { display: grid; grid-template-columns: 2.25rem minmax(0, 1fr); gap: var(--space-3); min-width: 0; padding-block: var(--space-4); border-bottom: 1px solid var(--color-line); }
.private-planning__steps article > * { min-width: 0; }
.private-planning__steps article > span { color: var(--color-accent); font-size: var(--text-meta); font-weight: 700; }
.private-planning__steps article div { display: flex; flex-direction: column; gap: var(--space-2); }
.private-planning__steps h3, .private-planning__steps p { margin: 0; }
.private-planning__steps p { max-width: 29.375rem; color: var(--color-muted-ink); }

.private-elements__head { width: min(100%, 36.25rem); display: flex; flex-direction: column; gap: var(--space-4); margin-bottom: var(--space-7); }
.private-elements__head > * { margin: 0; }
.private-elements__head .eyebrow { margin-bottom: var(--space-1); }
.private-elements__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-5); }
.private-elements__grid > :nth-child(1), .private-elements__grid > :nth-child(4) { grid-column: 1 / span 5; }
.private-elements__grid > :nth-child(2), .private-elements__grid > :nth-child(3) { grid-column: 8 / span 5; }
.private-element { min-width: 0; }
.private-element .card__body { gap: var(--space-4); }
.private-element .card__body > * { margin: 0; }
.private-element__meta { color: var(--color-muted-ink); font-size: var(--text-meta); font-weight: 600; letter-spacing: var(--tracking-meta); }

.private-atmosphere__grid { grid-template-columns: minmax(0, 4fr) minmax(0, 5fr) minmax(0, 3fr); gap: var(--space-5); align-items: start; }
.private-atmosphere__head, .private-atmosphere__detail { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-4); }
.private-atmosphere__head > *, .private-atmosphere__detail > * { margin: 0; }
.private-atmosphere__head .eyebrow { margin-bottom: var(--space-1); }
.private-atmosphere__head p { max-width: 28.125rem; font-size: var(--text-body-large); line-height: var(--leading-body-large); }
.private-atmosphere__figure { width: 100%; min-width: 0; margin: 0; }
.private-atmosphere__figure img { width: 100%; min-height: 25rem; aspect-ratio: 4 / 3; object-fit: cover; }
.private-atmosphere__figure figcaption { font-size: var(--text-meta); font-weight: 600; letter-spacing: var(--tracking-meta); text-transform: uppercase; }
.private-atmosphere__detail { padding-top: var(--space-8); }
.private-atmosphere__detail .meta-label { margin-bottom: 0; }
.private-atmosphere__detail p { color: var(--color-muted-ink); }

.private-cta { padding-block: var(--space-9); }
.private-cta__grid { grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); gap: min(8.333%, var(--space-8)); align-items: center; }
.private-cta__content { display: flex; min-width: 0; flex-direction: column; gap: var(--space-4); }
.private-cta__content > * { margin: 0; }
.private-cta__content h2, .private-cta__content p { max-width: 38.75rem; }
.private-cta__panel { display: flex; min-width: 0; flex-direction: column; gap: var(--space-4); padding: var(--space-6); border-top: 3px solid var(--color-accent); background: var(--color-surface); color: var(--color-ink); }
.private-cta__panel > * { margin: 0; }
.private-cta__panel p { color: var(--color-muted-ink); }
.private-cta__panel .button { width: 100%; }
.private-cta__index { color: var(--color-accent); font-size: var(--text-meta); font-weight: 700; letter-spacing: var(--tracking-meta); }

.private-faq__head { width: min(100%, 30rem); display: flex; flex-direction: column; gap: var(--space-4); margin-bottom: var(--space-7); }
.private-faq__head > * { margin: 0; }
.private-faq__head .eyebrow { margin-bottom: var(--space-1); }
.private-faq__list { width: min(100%, 56.25rem); display: grid; border-top: 1px solid var(--color-line); }
.private-faq__list details { min-width: 0; padding-inline: var(--space-5); border: 1px solid var(--color-line); border-top: 0; background: var(--color-surface); }
.private-faq__list summary { display: flex; min-height: 4.5rem; align-items: center; justify-content: space-between; gap: var(--space-4); padding-block: var(--space-4); color: var(--color-ink); font-family: var(--font-heading); font-size: var(--text-h4); font-weight: 600; line-height: var(--leading-h4); cursor: pointer; list-style: none; }
.private-faq__list summary::-webkit-details-marker { display: none; }
.private-faq__list summary::after { flex: 0 0 auto; color: var(--color-accent); content: "+"; font-family: var(--font-body); font-size: 1.5rem; font-weight: 400; }
.private-faq__list details[open] { border-left: 3px solid var(--color-accent); }
.private-faq__list details[open] summary::after { content: "–"; }
.private-faq__answer { display: flex; min-width: 0; flex-direction: column; gap: var(--space-3); padding-bottom: var(--space-5); }
.private-faq__answer > * { margin: 0; }
.private-faq__answer p { max-width: 47.5rem; color: var(--color-muted-ink); }
.private-faq__steps { display: grid; gap: var(--space-2); margin: 0; padding: 0; list-style: none; }
.private-faq__steps li { color: var(--color-muted-ink); }
.private-faq__steps strong { color: var(--color-ink); }

.private-next { padding-block: var(--space-7); }
.private-next__module { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--space-6); align-items: center; padding: var(--space-6); border: 1px solid var(--color-line); background: var(--color-surface); }
.private-next__context { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--space-3); align-items: start; min-width: 0; }
.private-next__context > * { min-width: 0; margin: 0; }
.private-next__context span { color: var(--color-accent); font-size: var(--text-meta); font-weight: 700; letter-spacing: var(--tracking-meta); }
.private-next__actions { display: flex; min-width: 0; flex-direction: column; gap: var(--space-4); }
.private-next__actions > * { margin: 0; }
.private-next__actions p { max-width: 21.875rem; color: var(--color-muted-ink); }
.private-next__actions div { display: flex; min-width: 0; flex-wrap: wrap; align-items: center; gap: var(--space-4); }
.private-next__link { font-size: var(--text-control); font-weight: 600; }

@media (max-width: 1059px) {
  .private-hero__grid { grid-template-columns: repeat(8, minmax(0, 1fr)); gap: var(--space-5); }
  .private-hero__content { grid-column: 1 / span 4; }
  .private-hero__seam { grid-column: 5 / 6; }
  .private-hero__figure { grid-column: 6 / span 3; }
  .private-hero__figure img { min-height: 25rem; }
  .private-atmosphere__grid { grid-template-columns: repeat(8, minmax(0, 1fr)); }
  .private-atmosphere__head { grid-column: 1 / span 3; }
  .private-atmosphere__detail { grid-column: 4 / span 5; padding-top: 0; }
  .private-atmosphere__figure { grid-column: 1 / span 8; }
}

@media (max-width: 979px) {
  .private-planning__grid { grid-template-columns: repeat(8, minmax(0, 1fr)); }
  .private-planning__figure { grid-column: 1 / span 3; }
  .private-planning__figure img { min-height: 22rem; }
  .private-planning__content { grid-column: 4 / span 5; }
  .private-elements__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .private-elements__grid > :nth-child(n) { grid-column: auto; }
  .private-cta__grid { grid-template-columns: minmax(0, 5fr) minmax(0, 3fr); gap: var(--space-5); }
  .private-cta__panel { padding: var(--space-5); }
}

@media (max-width: 919px) {
  .private-occasions__cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .private-occasions__cards > :last-child { grid-column: 1 / span 1; }
  .private-rhythm__grid { grid-template-columns: repeat(8, minmax(0, 1fr)); }
  .private-rhythm__head, .private-rhythm__rows, .private-rhythm__closing { grid-column: 1 / span 8; }
  .private-rhythm__marker { display: none; }
  .private-faq__list { width: 100%; }
}

@media (max-width: 859px) {
  .private-next__module { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 767px) {
  .private-opportunities .section--spacious { padding-block: var(--space-8); }
  .private-hero__grid, .private-planning__grid, .private-atmosphere__grid, .private-cta__grid { grid-template-columns: minmax(0, 1fr); gap: var(--space-5); }
  .private-hero__content, .private-hero__seam, .private-hero__figure, .private-planning__figure, .private-planning__content, .private-atmosphere__head, .private-atmosphere__figure, .private-atmosphere__detail { grid-column: auto; }
  .private-hero__content { gap: var(--space-4); }
  .private-hero__content h1 { max-width: 100%; font-size: clamp(2.375rem, 11vw, 2.875rem); }
  .private-hero__lead { max-width: 100%; font-size: 1.125rem; }
  .private-hero__seam { width: 2.25rem; min-height: 2px; justify-self: start; }
  .private-hero__figure img { min-height: 15.625rem; }
  .private-occasions__intro { grid-template-columns: minmax(0, 1fr); gap: var(--space-4); margin-bottom: var(--space-6); }
  .private-occasions__intro p { max-width: 100%; }
  .private-rhythm { padding-block: var(--space-7); }
  .private-rhythm__grid { grid-template-columns: minmax(0, 1fr); }
  .private-rhythm__head, .private-rhythm__rows, .private-rhythm__closing { grid-column: auto; }
  .private-rhythm__head h2 { font-size: clamp(1.875rem, 8vw, 2.25rem); }
  .private-rhythm__row { grid-template-columns: minmax(0, 1fr); gap: var(--space-2); }
  .private-rhythm__row div { gap: var(--space-2); }
  .private-rhythm__closing { max-width: 100%; }
  .private-planning__content { gap: var(--space-4); }
  .private-planning__figure { order: 2; }
  .private-planning__content { order: 1; }
  .private-planning__steps { order: 3; }
  .private-planning__figure img { min-height: 16.25rem; }
  .private-planning__content h2, .private-atmosphere__head h2, .private-cta__content h2 { font-size: clamp(1.875rem, 8vw, 2.25rem); }
  .private-planning__steps { margin-top: 0; }
  .private-elements__head { width: 100%; margin-bottom: var(--space-6); }
  .private-atmosphere__head p { max-width: 100%; font-size: 1.125rem; }
  .private-atmosphere__figure img { min-height: 16.25rem; }
  .private-atmosphere__detail { padding-top: var(--space-5); border-top: 1px solid var(--color-line); }
  .private-cta { padding-block: var(--space-7); }
  .private-cta__content h2, .private-cta__content p { max-width: 100%; }
  .private-cta__panel { padding: var(--space-5); }
  .private-faq__head { width: 100%; margin-bottom: var(--space-6); }
  .private-faq__list details { padding-inline: var(--space-4); }
  .private-faq__list summary { min-height: 4rem; font-size: 1.125rem; }
  .private-next__module { gap: var(--space-5); padding: var(--space-5); }
}

@media (max-width: 639px) {
  .private-occasions__cards, .private-elements__grid { grid-template-columns: minmax(0, 1fr); }
  .private-occasions__cards > :last-child { grid-column: auto; }
  .private-occasion-card .card__body, .private-element .card__body { padding: var(--space-5); }
  .private-next__actions div { flex-direction: column; align-items: stretch; }
  .private-next__actions .button { width: 100%; }
}


.galerie-page {
  overflow: clip;
}

.galerie-page [hidden] {
  display: none !important;
}

.galerie-hero {
  padding-block: var(--space-10);
}

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

.galerie-hero__content {
  grid-column: 1 / span 1;
  min-width: 0;
}

.galerie-hero__lead {
  max-width: 33.75rem;
}

.galerie-hero__index {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-3);
  margin-block: var(--space-5);
  padding-top: var(--space-3);
  border-top: 1px solid var(--color-line);
}

.galerie-hero__index > div {
  min-width: 0;
}

.galerie-hero__index span,
.galerie-card__meta,
.galerie-hosting__marker,
.galerie-program-card__label,
.galerie-principle__index,
.galerie-lightbox__count {
  display: block;
  color: var(--color-muted-ink);
  font-size: var(--text-meta);
  font-weight: 600;
  letter-spacing: 0.12em;
  line-height: var(--leading-meta);
  text-transform: uppercase;
}

.galerie-hero__index small {
  display: block;
  margin-top: var(--space-1);
  color: var(--color-muted-ink);
}

.galerie-hero__actions {
  margin-top: var(--space-5);
}

.galerie-media {
  grid-column: 3 / span 1;
  width: 100%;
  min-width: 0;
  margin: 0;
}

.galerie-media__open,
.galerie-card__image,
.galerie-hosting__image {
  display: block;
  width: 100%;
  min-width: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--color-line);
  border-radius: var(--radius-md);
  background: var(--color-surface);
  transition: border-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);
}

.galerie-media__open:hover,
.galerie-card__image:hover,
.galerie-hosting__image:hover {
  border-color: var(--color-accent);
  box-shadow: var(--shadow-card-hover);
  transform: translateY(-2px);
}

.galerie-media__open img,
.galerie-card__image img,
.galerie-hosting__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.galerie-media--hero .galerie-media__open {
  min-height: 31.25rem;
}

.galerie-media--hero img {
  aspect-ratio: 16 / 10;
  object-position: 45% center;
}

.galerie-media figcaption,
.galerie-hosting__media figcaption {
  margin-top: var(--space-2);
}

.galerie-filter-section {
  padding-top: var(--space-7);
  border-top: 1px solid var(--color-line);
}

.galerie-filter-section__intro {
  width: min(100%, 42.5rem);
}

.galerie-filters {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin-top: var(--space-5);
}

.galerie-filter {
  min-height: 2.75rem;
  min-width: max-content;
  padding: var(--space-3) var(--space-4);
  border: 1px solid var(--color-line);
  border-bottom-width: 2px;
  border-radius: var(--radius-sm);
  background: var(--color-surface);
  color: var(--color-ink);
  font-size: var(--text-control);
  font-weight: 600;
}

.galerie-filter:hover,
.galerie-filter.is-active {
  border-color: var(--color-accent);
  color: var(--color-ink);
}

.galerie-filter.is-active {
  background: var(--color-accent-soft);
}

.galerie-filter-status {
  margin-top: var(--space-3);
  margin-bottom: 0;
  color: var(--color-muted-ink);
  font-size: var(--text-caption);
}

.galerie-space__intro,
.galerie-evenings__intro {
  width: min(100%, 37.5rem);
}

.galerie-space__grid {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(17.5rem, 4fr);
  gap: var(--space-5);
  align-items: start;
  margin-top: var(--space-6);
}

.galerie-space__grid > *,
.galerie-evenings__grid > *,
.galerie-private__grid > *,
.galerie-hosting__grid > *,
.galerie-next > * {
  min-width: 0;
}

.galerie-card {
  overflow: hidden;
  border: 1px solid var(--color-line);
  border-radius: var(--radius-md);
  background: var(--color-surface);
}

.galerie-card__image {
  border: 0;
  border-bottom: 1px solid var(--color-line);
  border-radius: 0;
  box-shadow: none;
  transform: none;
}

.galerie-card__image:hover {
  box-shadow: none;
  transform: none;
}

.galerie-card--wide .galerie-card__image img {
  aspect-ratio: 16 / 10;
  object-position: 45% center;
}

.galerie-card--detail .galerie-card__image img {
  aspect-ratio: 1 / 1;
  object-position: center;
}

.galerie-card--evening .galerie-card__image img {
  aspect-ratio: 4 / 3;
  object-position: 40% center;
}

.galerie-card--private .galerie-card__image img {
  aspect-ratio: 16 / 10;
  object-position: center;
}

.galerie-card__body {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-3);
  padding: var(--space-5);
}

.galerie-card__body h3,
.galerie-card__body p {
  margin: 0;
}

.galerie-card__body > p:last-child {
  color: var(--color-muted-ink);
}

.galerie-hosting {
  padding-block: var(--space-10);
}

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

.galerie-hosting__media {
  grid-column: 1 / span 1;
  width: 100%;
  margin: 0;
}

.galerie-hosting__image img {
  aspect-ratio: 4 / 3;
  object-position: 48% center;
}

.galerie-hosting__content {
  grid-column: 3 / span 1;
  width: 100%;
  max-width: 31.25rem;
}

.galerie-hosting__marker {
  width: 1.5rem;
  margin-bottom: var(--space-4);
  padding-top: var(--space-2);
  border-top: 2px solid var(--color-accent);
  color: var(--color-inverse-text);
}

.galerie-hosting__content p:not(.galerie-hosting__marker) {
  color: rgba(255, 255, 255, 0.76);
}

.galerie-hosting__link,
.galerie-private__link,
.galerie-faq__link {
  display: inline-flex;
  min-height: 2.75rem;
  align-items: center;
  margin-top: var(--space-2);
  font-weight: 600;
}

.galerie-evenings__grid {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(20rem, 4fr);
  gap: var(--space-5);
  align-items: stretch;
  margin-top: var(--space-6);
}

.galerie-program-card {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  padding: var(--space-5);
  border: 1px solid var(--color-line);
  border-radius: var(--radius-md);
  background: var(--color-surface);
}

.galerie-program-card h3,
.galerie-program-card p {
  margin: 0;
}

.galerie-program-card > p:not(.galerie-program-card__label) {
  color: var(--color-muted-ink);
}

.galerie-program-card .button {
  margin-top: auto;
}

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

.galerie-private__content {
  grid-column: 1 / span 1;
  width: min(100%, 35rem);
}

.galerie-card--private {
  grid-column: 3 / span 1;
}

.galerie-reading__frame,
.galerie-faq__frame {
  width: min(100%, 58.75rem);
  margin-inline: auto;
}

.galerie-reading__intro {
  width: min(100%, 38.75rem);
}

.galerie-reading__principles {
  display: grid;
  margin-top: var(--space-6);
  border-top: 1px solid var(--color-line);
}

.galerie-principle {
  display: grid;
  grid-template-columns: minmax(3.5rem, 1fr) minmax(0, 7fr);
  gap: var(--space-4);
  padding-block: var(--space-5);
  border-bottom: 1px solid var(--color-line);
}

.galerie-principle > div {
  min-width: 0;
  max-width: 42.5rem;
}

.galerie-principle h3,
.galerie-principle p {
  margin: 0;
}

.galerie-principle > div p {
  margin-top: var(--space-2);
  color: var(--color-muted-ink);
}

.galerie-principle__index {
  color: var(--color-accent);
}

.galerie-reading__closing {
  margin: var(--space-6) 0 0;
  padding-left: var(--space-4);
  border-left: 2px solid var(--color-accent);
  font-size: var(--text-body-large);
  line-height: var(--leading-body-large);
}

.galerie-next {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(18.75rem, 4fr);
  gap: var(--space-5);
  padding: var(--space-6);
  border: 1px solid var(--color-line);
  border-radius: var(--radius-md);
  background: var(--color-surface);
}

.galerie-next__primary,
.galerie-next__secondary {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
}

.galerie-next__primary {
  padding-right: var(--space-5);
  border-right: 1px solid var(--color-line);
}

.galerie-next h2,
.galerie-next h3,
.galerie-next p {
  margin: 0;
}

.galerie-next p {
  color: var(--color-muted-ink);
}

.galerie-next__primary p {
  max-width: 35rem;
}

.galerie-next__secondary p {
  max-width: 22.5rem;
}

.galerie-faq__intro {
  width: min(100%, 32.5rem);
}

.galerie-faq__list {
  display: grid;
  margin-top: var(--space-6);
  border-top: 1px solid var(--color-line);
}

.galerie-faq__row {
  display: grid;
  grid-template-columns: minmax(0, 3fr) minmax(0, 5fr);
  gap: var(--space-5);
  padding-block: var(--space-5);
  border-bottom: 1px solid var(--color-line);
}

.galerie-faq__row h3,
.galerie-faq__row p {
  min-width: 0;
  margin: 0;
}

.galerie-faq__row p {
  color: var(--color-muted-ink);
}

.galerie-faq__link {
  margin-top: var(--space-5);
}

.galerie-lightbox {
  position: fixed;
  z-index: 2100;
  inset: 0;
  display: grid;
  place-items: center;
  padding: var(--space-5);
  background: rgba(9, 10, 15, 0.82);
}

.galerie-lightbox__backdrop {
  position: absolute;
  inset: 0;
}

.galerie-lightbox__dialog {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto auto;
  width: min(100%, 68.75rem);
  max-height: min(90vh, 50rem);
  overflow: auto;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: var(--radius-md);
  background: var(--color-surface);
  box-shadow: var(--shadow-panel);
}

.galerie-lightbox__topbar,
.galerie-lightbox__controls {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  padding: var(--space-3) var(--space-4);
}

.galerie-lightbox__count {
  margin: 0;
}

.galerie-lightbox__close {
  display: inline-grid;
  width: 2.75rem;
  min-width: 2.75rem;
  min-height: 2.75rem;
  place-items: center;
  padding: 0;
  border: 1px solid var(--color-line);
  border-radius: var(--radius-sm);
  background: var(--color-surface);
  font-size: 1.75rem;
  line-height: 1;
}

.galerie-lightbox__image {
  width: 100%;
  max-height: 31.25rem;
  object-fit: contain;
  background: var(--color-ink);
}

.galerie-lightbox__content {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-2);
  padding: var(--space-4) var(--space-5);
}

.galerie-lightbox__content h2,
.galerie-lightbox__content p {
  margin: 0;
}

.galerie-lightbox__content p {
  color: var(--color-muted-ink);
}

@media (max-width: 1023px) {
  .galerie-hero__grid,
  .galerie-private__grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: var(--space-5);
  }

  .galerie-hero__content,
  .galerie-private__content {
    grid-column: 1 / span 1;
  }

  .galerie-media,
  .galerie-card--private {
    grid-column: 2 / span 1;
  }

  .galerie-media--hero .galerie-media__open {
    min-height: 24rem;
  }

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

  .galerie-hosting__media,
  .galerie-hosting__content {
    grid-column: auto;
  }

  .galerie-space__grid,
  .galerie-evenings__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .galerie-next {
    grid-template-columns: minmax(0, 1fr) minmax(18.75rem, 1fr);
  }
}

@media (max-width: 899px) {
  .galerie-hosting__grid,
  .galerie-space__grid,
  .galerie-evenings__grid,
  .galerie-next {
    grid-template-columns: minmax(0, 1fr);
  }

  .galerie-hosting__media,
  .galerie-hosting__content,
  .galerie-card--private {
    grid-column: auto;
  }

  .galerie-hosting__content {
    max-width: 37.5rem;
  }

  .galerie-next__primary {
    padding-right: 0;
    padding-bottom: var(--space-5);
    border-right: 0;
    border-bottom: 1px solid var(--color-line);
  }

  .galerie-next__secondary p {
    max-width: 35rem;
  }
}

@media (max-width: 767px) {
  .galerie-hero {
    padding-block: var(--space-8);
  }

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

  .galerie-hero__content,
  .galerie-private__content,
  .galerie-media,
  .galerie-card--private {
    grid-column: auto;
    width: 100%;
  }

  .galerie-hero__lead {
    max-width: 40ch;
  }

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

  .galerie-media--hero .galerie-media__open {
    min-height: 17.5rem;
  }

  .galerie-media--hero img,
  .galerie-card--wide .galerie-card__image img,
  .galerie-card--private .galerie-card__image img {
    aspect-ratio: 4 / 3;
  }

  .galerie-filter-section__intro,
  .galerie-space__intro,
  .galerie-evenings__intro,
  .galerie-reading__intro,
  .galerie-faq__intro {
    width: 100%;
  }

  .galerie-filters {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .galerie-filter {
    min-width: 0;
    width: 100%;
  }

  .galerie-filter:last-child {
    grid-column: 1 / -1;
  }

  .galerie-space__grid,
  .galerie-evenings__grid,
  .galerie-hosting__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-5);
  }

  .galerie-hosting {
    padding-block: var(--space-8);
  }

  .galerie-hosting__content {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    max-width: none;
  }

  .galerie-hosting__content h2,
  .galerie-hosting__content p {
    margin: 0;
  }

  .galerie-hosting__media {
    display: contents;
  }

  .galerie-hosting__content {
    order: 1;
  }

  .galerie-hosting__image {
    order: 2;
  }

  .galerie-hosting__media figcaption {
    order: 3;
  }

  .galerie-hosting__grid {
    display: flex;
    flex-direction: column;
  }

  .galerie-hosting__media {
    width: 100%;
  }

  .galerie-hosting__media .galerie-hosting__image,
  .galerie-hosting__media figcaption {
    width: 100%;
  }

  .galerie-card__body,
  .galerie-program-card,
  .galerie-next {
    padding: var(--space-5);
  }

  .galerie-principle,
  .galerie-faq__row {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-2);
  }

  .galerie-principle {
    padding-block: var(--space-4);
  }

  .galerie-next {
    gap: var(--space-5);
  }

  .galerie-next .button {
    width: 100%;
    min-height: 3rem;
  }

  .galerie-lightbox {
    padding: var(--space-4);
  }

  .galerie-lightbox__dialog {
    max-height: 94vh;
  }

  .galerie-lightbox__controls {
    align-items: stretch;
    flex-direction: column;
  }

  .galerie-lightbox__controls .button {
    width: 100%;
    min-height: 2.75rem;
  }
}

@media (max-width: 479px) {
  .galerie-card__body,
  .galerie-program-card,
  .galerie-next {
    padding: var(--space-4);
  }

  .galerie-lightbox__content {
    padding: var(--space-4);
  }
}


main[data-tematicke-vecery] {
  overflow: clip;
}

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

.tv-grid {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-5);
}

.tv-hero {
  padding-block: var(--space-8) var(--space-9);
}

.tv-hero__grid {
  align-items: center;
}

.tv-hero__content {
  grid-column: 1 / span 5;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
}

.tv-hero__content > * {
  margin: 0;
}

.tv-hero__title {
  max-width: 42rem;
}

.tv-hero__lead {
  max-width: 38rem;
  color: var(--color-muted-ink);
  font-size: var(--text-body-large);
  line-height: var(--leading-body-large);
}

.tv-hero__actions {
  margin-top: var(--space-2);
}

.tv-hero__age {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: var(--space-2);
  color: var(--color-muted-ink);
  font-size: var(--text-caption);
  line-height: var(--leading-caption);
}

.tv-hero__age::before {
  width: 0.5rem;
  height: 0.5rem;
  flex: 0 0 0.5rem;
  background: var(--color-accent);
  content: "";
}

.tv-hero__media {
  grid-column: 7 / span 6;
  min-width: 0;
  width: 100%;
}

.tv-hero__media img {
  width: 100%;
  min-height: 28.75rem;
  height: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  object-position: 68% center;
}

.tv-section-intro {
  grid-column: 1 / span 5;
  min-width: 0;
}

.tv-section-intro__copy {
  max-width: 43rem;
  color: var(--color-muted-ink);
}

.tv-section-intro--program {
  grid-column: 1 / span 5;
}

.tv-section-intro--program .tv-section-intro__copy {
  max-width: 42rem;
}

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

.tv-process__item {
  min-width: 0;
  padding-top: var(--space-4);
  border-top: 1px solid var(--color-line);
}

.tv-process__index,
.tv-card__label,
.tv-practical__index {
  display: block;
  margin-bottom: var(--space-3);
  color: var(--color-accent);
  font-size: var(--text-meta);
  font-weight: 600;
  letter-spacing: var(--tracking-meta);
  line-height: var(--leading-meta);
  text-transform: uppercase;
  font-variant-numeric: tabular-nums;
}

.tv-process__item p {
  margin-bottom: 0;
  color: var(--color-muted-ink);
}

.tv-program-heading {
  margin-bottom: var(--space-7);
}

.tv-program-link {
  display: inline-block;
  margin-top: var(--space-2);
  font-weight: 600;
}

.tv-program-cards {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-5);
}

.tv-card {
  min-width: 0;
  padding: var(--space-5);
  border: 1px solid var(--color-line);
  border-radius: var(--radius-md);
  background: var(--color-surface);
}

.tv-card > :last-child {
  margin-bottom: 0;
}

.tv-card p {
  color: var(--color-muted-ink);
}

.tv-story {
  padding-block: var(--space-9);
  background: var(--color-ink);
  color: var(--color-inverse-text);
}

.tv-story__grid {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.tv-story__content {
  grid-column: 1 / span 5;
  min-width: 0;
  max-width: 36rem;
}

.tv-story__content h2 {
  color: var(--color-inverse-text);
}

.tv-story__content > p {
  color: rgba(255, 255, 255, 0.76);
}

.tv-story__note {
  max-width: 31rem;
  margin: var(--space-5) 0 0;
  padding-top: var(--space-4);
  border-top: 1px solid rgba(255, 255, 255, 0.22);
  color: var(--color-inverse-text) !important;
  font-size: var(--text-body-large);
  line-height: var(--leading-body-large);
}

.tv-feature__grid,
.tv-atmosphere__grid {
  align-items: center;
}

.tv-feature__media {
  grid-column: 1 / span 6;
  min-width: 0;
  width: 100%;
}

.tv-feature__media img,
.tv-atmosphere__media img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.tv-feature__media img {
  object-position: center;
}

.tv-feature__content {
  grid-column: 8 / span 5;
  min-width: 0;
  max-width: 37rem;
}

.tv-feature__content > p {
  color: var(--color-muted-ink);
}

.tv-detail-list {
  display: grid;
  min-width: 0;
  gap: var(--space-3);
  margin: var(--space-5) 0;
}

.tv-detail-list__item {
  display: grid;
  min-width: 0;
  grid-template-columns: 0.5rem minmax(0, 1fr);
  gap: var(--space-3);
  align-items: start;
  padding-left: var(--space-3);
  border-left: 1px solid var(--color-line);
}

.tv-detail-list__item::before {
  width: 0.375rem;
  height: 0.375rem;
  margin-top: 0.45rem;
  background: var(--color-accent);
  content: "";
}

.tv-detail-list__item p {
  margin: 0;
  color: var(--color-muted-ink);
}

.tv-feature__link {
  font-weight: 600;
}

.tv-audience__intro {
  grid-column: 1 / span 5;
  min-width: 0;
  max-width: 39rem;
}

.tv-audience__intro p {
  color: var(--color-muted-ink);
}

.tv-audience__cards {
  grid-column: 7 / span 6;
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-4);
}

.tv-audience__cards .tv-card {
  position: relative;
}

.tv-audience__cards .tv-card::before {
  position: absolute;
  top: 0;
  left: var(--space-5);
  width: 1.5rem;
  height: 2px;
  background: var(--color-accent);
  content: "";
}

.tv-compare__intro {
  grid-column: 1 / span 6;
  min-width: 0;
  max-width: 41rem;
}

.tv-compare__intro p {
  color: var(--color-muted-ink);
}

.tv-compare__cards {
  grid-column: 1 / -1;
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-5);
}

.tv-compare-card {
  display: flex;
  min-width: 0;
  min-height: 17rem;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--space-5);
  border: 1px solid var(--color-line);
  border-radius: var(--radius-md);
  background: var(--color-surface);
}

.tv-compare-card p {
  max-width: 31rem;
  color: var(--color-muted-ink);
}

.tv-compare-card a {
  margin-top: auto;
  font-weight: 600;
}

.tv-atmosphere__content {
  grid-column: 1 / span 5;
  min-width: 0;
  max-width: 38rem;
}

.tv-atmosphere__content p {
  color: var(--color-muted-ink);
}

.tv-atmosphere__link-copy {
  max-width: 28rem;
  margin-top: var(--space-5);
}

.tv-atmosphere__media {
  grid-column: 7 / span 6;
  min-width: 0;
  width: 100%;
  margin-top: var(--space-6);
}

.tv-atmosphere__media img {
  object-position: center;
}

.tv-practical__intro {
  grid-column: 1 / span 4;
  min-width: 0;
  max-width: 34rem;
}

.tv-practical__intro p {
  color: var(--color-muted-ink);
}

.tv-practical__list {
  grid-column: 6 / span 7;
  min-width: 0;
  border-top: 1px solid var(--color-line);
}

.tv-practical__item {
  display: grid;
  min-width: 0;
  grid-template-columns: 2.75rem minmax(9rem, 0.8fr) minmax(0, 1.4fr);
  gap: var(--space-4);
  align-items: start;
  padding: var(--space-5);
  border-right: 1px solid var(--color-line);
  border-bottom: 1px solid var(--color-line);
  border-left: 1px solid var(--color-line);
  background: var(--color-surface);
}

.tv-practical__index {
  margin: var(--space-1) 0 0;
}

.tv-practical__item h3,
.tv-practical__item p {
  margin: 0;
}

.tv-practical__item p {
  max-width: 38rem;
  color: var(--color-muted-ink);
}

.tv-faq__intro {
  grid-column: 1 / span 5;
  min-width: 0;
  max-width: 36rem;
}

.tv-faq__intro p {
  color: var(--color-muted-ink);
}

.tv-faq__list {
  grid-column: 7 / span 6;
  min-width: 0;
  border-top: 1px solid var(--color-line);
}

.tv-faq-item {
  min-width: 0;
  border-right: 1px solid var(--color-line);
  border-bottom: 1px solid var(--color-line);
  border-left: 1px solid var(--color-line);
  background: var(--color-surface);
}

.tv-faq-item summary {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 1fr) 2rem;
  gap: var(--space-3);
  align-items: center;
  min-height: 3.75rem;
  padding: var(--space-4) var(--space-5);
  color: var(--color-ink);
  cursor: pointer;
  font-family: var(--font-heading);
  font-size: var(--text-h4);
  font-weight: 600;
  line-height: var(--leading-h4);
  list-style: none;
}

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

.tv-faq-item summary::after {
  display: grid;
  width: 2rem;
  height: 2rem;
  place-items: center;
  border-left: 1px solid var(--color-line);
  color: var(--color-accent);
  content: "+";
  font-family: var(--font-body);
  font-size: 1.5rem;
  font-weight: 400;
}

.tv-faq-item[open] summary::after {
  content: "−";
}

.tv-faq-item__answer {
  max-width: 39rem;
  padding: 0 var(--space-5) var(--space-5);
  color: var(--color-muted-ink);
}

.tv-faq-item__answer p {
  margin: 0;
}

.tv-faq__more {
  display: inline-block;
  margin-top: var(--space-5);
  font-weight: 600;
}

.tv-closing {
  padding-block: var(--space-9);
  background: var(--color-ink);
  color: var(--color-inverse-text);
}

.tv-closing__content {
  grid-column: 1 / span 5;
  min-width: 0;
  max-width: 39rem;
}

.tv-closing h2 {
  color: var(--color-inverse-text);
}

.tv-closing__content > p {
  color: rgba(255, 255, 255, 0.76);
}

.tv-closing .button--secondary {
  border-color: rgba(255, 255, 255, 0.48);
  background: transparent;
  color: var(--color-inverse-text);
}

.tv-closing .button--secondary:hover {
  border-color: var(--color-accent);
  color: var(--color-inverse-text);
}

.tv-closing__age {
  margin: var(--space-5) 0 0;
  padding-top: var(--space-4);
  border-top: 1px solid rgba(255, 255, 255, 0.22);
  color: rgba(255, 255, 255, 0.76) !important;
  font-size: var(--text-caption);
}

@media (max-width: 1023px) {
  .tv-section {
    padding-block: var(--space-8);
  }

  .tv-grid,
  .tv-story__grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: var(--space-5);
  }

  .tv-hero__content {
    grid-column: 1 / span 4;
  }

  .tv-hero__media {
    grid-column: 5 / span 4;
  }

  .tv-hero__media img {
    min-height: 23rem;
  }

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

  .tv-process__item:nth-child(3) {
    grid-column: 1 / -1;
  }

  .tv-program-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tv-story__content,
  .tv-closing__content {
    grid-column: 1 / span 5;
  }

  .tv-feature__media {
    grid-column: 1 / span 4;
  }

  .tv-feature__content {
    grid-column: 5 / span 4;
  }

  .tv-audience__intro {
    grid-column: 1 / span 3;
  }

  .tv-audience__cards {
    grid-column: 4 / span 5;
  }

  .tv-atmosphere__content {
    grid-column: 1 / span 4;
  }

  .tv-atmosphere__media {
    grid-column: 5 / span 4;
  }

  .tv-practical__intro,
  .tv-faq__intro {
    grid-column: 1 / span 3;
  }

  .tv-practical__list,
  .tv-faq__list {
    grid-column: 4 / span 5;
  }
}

@media (max-width: 899px) {
  .tv-audience__intro,
  .tv-practical__intro,
  .tv-faq__intro {
    grid-column: 1 / -1;
  }

  .tv-audience__cards,
  .tv-practical__list,
  .tv-faq__list {
    grid-column: 1 / -1;
  }

  .tv-audience__cards,
  .tv-practical__list,
  .tv-faq__list {
    margin-top: var(--space-5);
  }

  .tv-practical__item {
    grid-template-columns: 2.75rem minmax(0, 1fr);
  }

  .tv-practical__item p {
    grid-column: 2;
  }
}

@media (max-width: 767px) {
  .tv-section,
  .tv-story,
  .tv-closing {
    padding-block: var(--space-7);
  }

  .tv-grid,
  .tv-story__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-5);
  }

  .tv-hero {
    padding-block: var(--space-7);
  }

  .tv-hero__content,
  .tv-hero__media,
  .tv-section-intro,
  .tv-section-intro--program,
  .tv-story__content,
  .tv-feature__media,
  .tv-feature__content,
  .tv-audience__intro,
  .tv-audience__cards,
  .tv-compare__intro,
  .tv-compare__cards,
  .tv-atmosphere__content,
  .tv-atmosphere__media,
  .tv-practical__intro,
  .tv-practical__list,
  .tv-faq__intro,
  .tv-faq__list,
  .tv-closing__content {
    grid-column: 1;
  }

  .tv-hero__content {
    gap: var(--space-4);
  }

  .tv-hero__media {
    order: 2;
  }

  .tv-hero__media img {
    min-height: 16.25rem;
  }

  .tv-process,
  .tv-program-cards,
  .tv-audience__cards,
  .tv-compare__cards {
    grid-template-columns: minmax(0, 1fr);
  }

  .tv-process {
    margin-top: var(--space-6);
  }

  .tv-process__item:nth-child(3) {
    grid-column: 1;
  }

  .tv-story__content,
  .tv-closing__content {
    max-width: 35rem;
  }

  .tv-feature__content {
    order: 1;
  }

  .tv-feature__media {
    order: 2;
  }

  .tv-feature__media img {
    min-height: 15rem;
  }

  .tv-atmosphere__media {
    margin-top: 0;
  }

  .tv-atmosphere__media img {
    min-height: 15rem;
  }

  .tv-compare-card {
    min-height: 0;
  }

  .tv-compare-card a {
    margin-top: var(--space-5);
  }

  .tv-practical__list,
  .tv-faq__list,
  .tv-audience__cards {
    margin-top: 0;
  }

  .tv-practical__item {
    grid-template-columns: 2.25rem minmax(0, 1fr);
    gap: var(--space-3);
    padding: var(--space-4);
  }

  .tv-faq-item summary {
    min-height: 3.25rem;
    padding: var(--space-4);
  }

  .tv-faq-item__answer {
    padding: 0 var(--space-4) var(--space-4);
  }
}

@media (max-width: 479px) {
  .tv-hero__actions .button {
    width: 100%;
  }

  .tv-card,
  .tv-compare-card {
    padding: var(--space-4);
  }

  .tv-audience__cards .tv-card::before {
    left: var(--space-4);
  }
}


.home-page {
  overflow: clip;
}

.home-page img {
  width: 100%;
  max-width: 100%;
  object-fit: cover;
}

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

.home-hero__grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-6);
  align-items: start;
}

.home-hero__index {
  position: absolute;
  z-index: 0;
  top: 3.5rem;
  left: 0;
  color: transparent;
  font-family: var(--font-heading);
  font-size: clamp(7rem, 15vw, 13rem);
  font-weight: 700;
  letter-spacing: -0.08em;
  line-height: 0.8;
  pointer-events: none;
  -webkit-text-stroke: 1px var(--color-line);
}

.home-hero__copy,
.home-hero__top-image,
.home-hero__actions,
.home-hero__service-card,
.home-hero__wide-image {
  position: relative;
  z-index: 1;
  min-width: 0;
}

.home-hero__copy {
  grid-column: 1 / span 7;
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  padding-top: var(--space-6);
}

.home-hero__copy .eyebrow,
.home-hero__copy h1,
.home-hero__copy p {
  margin: 0;
}

.home-hero__copy h1 {
  max-width: 45rem;
}

.home-hero__lead {
  max-width: 38rem;
  color: var(--color-muted-ink);
}

.home-hero__top-image {
  grid-column: 9 / span 4;
  width: 100%;
  aspect-ratio: 4 / 3;
  margin: 0;
}

.home-hero__top-image img,
.home-hero__wide-image img,
.home-hero__service-card img {
  height: 100%;
}

.home-hero__actions {
  grid-column: 1 / span 6;
  width: 100%;
}

.home-hero__service-card {
  grid-column: 7 / span 2;
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  width: 100%;
  margin: 0;
}

.home-hero__service-card img {
  aspect-ratio: 1;
}

.home-hero__service-copy {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

.home-hero__service-copy .meta-label,
.home-hero__service-copy p {
  margin: 0;
}

.home-hero__service-copy p {
  color: var(--color-muted-ink);
  font-size: var(--text-caption);
  line-height: var(--leading-caption);
}

.home-hero__wide-image {
  grid-column: 4 / span 9;
  width: 100%;
  margin: var(--space-3) 0 0;
}

.home-hero__wide-image img {
  aspect-ratio: 16 / 10;
}

.home-hero__wide-image figcaption {
  max-width: 25rem;
}

.home-atmosphere__intro {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-6);
  align-items: center;
}

.home-atmosphere__copy {
  grid-column: 1 / span 5;
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.home-atmosphere__copy .eyebrow,
.home-atmosphere__copy h2,
.home-atmosphere__copy p {
  margin: 0;
}

.home-atmosphere__copy p {
  max-width: 35rem;
  color: var(--color-muted-ink);
}

.home-atmosphere__image {
  grid-column: 7 / span 6;
  width: 100%;
  margin: 0;
}

.home-atmosphere__image img {
  aspect-ratio: 4 / 3;
}

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

.home-atmosphere__card {
  width: 100%;
}

.home-atmosphere__card .card__body {
  gap: var(--space-3);
}

.home-atmosphere__card .card__body > * {
  margin: 0;
}

.home-atmosphere__card p {
  color: var(--color-muted-ink);
}

.home-card__number,
.home-step__number {
  color: var(--color-accent);
  font-size: var(--text-meta);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  letter-spacing: var(--tracking-meta);
  line-height: var(--leading-meta);
}

.home-card__meta {
  margin-top: auto !important;
  padding-top: var(--space-3);
  border-top: 1px solid var(--color-line);
  color: var(--color-muted-ink);
  font-size: var(--text-meta);
  font-weight: 600;
  letter-spacing: var(--tracking-meta);
  line-height: var(--leading-meta);
  text-transform: uppercase;
}

.home-card__link {
  margin-top: auto;
}

.home-formats__top {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-6);
  align-items: start;
}

.home-formats__heading {
  grid-column: 1 / span 4;
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  width: 100%;
}

.home-formats__heading > * {
  margin: 0;
}

.home-formats__heading p:not(.eyebrow) {
  max-width: 33rem;
  color: var(--color-muted-ink);
}

.home-formats__heading .button {
  align-self: flex-start;
}

.home-formats__panel {
  grid-column: 6 / span 7;
  display: grid;
  grid-template-columns: minmax(0, 45fr) minmax(0, 55fr);
  gap: var(--space-5);
  width: 100%;
  padding: var(--space-5);
  border: 1px solid var(--color-line);
  border-radius: var(--radius-md);
  background: var(--color-surface);
}

.home-formats__image {
  width: 100%;
  margin: 0;
}

.home-formats__image img {
  height: 100%;
  min-height: 18rem;
  aspect-ratio: 4 / 3;
}

.home-formats__panel-copy {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  justify-content: center;
}

.home-formats__panel-copy > * {
  margin: 0;
}

.home-formats__panel-copy p {
  max-width: 31rem;
  color: var(--color-muted-ink);
}

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

.home-step {
  display: grid;
  grid-template-columns: minmax(2rem, auto) minmax(0, 1fr);
  gap: var(--space-3);
  width: 100%;
  padding-top: var(--space-4);
  border-top: 1px solid var(--color-line);
}

.home-step > div {
  min-width: 0;
}

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

.home-step h3 {
  margin-bottom: var(--space-2);
}

.home-step p {
  max-width: 26.25rem;
  color: var(--color-muted-ink);
}

.home-program {
  margin-top: var(--space-4);
  padding-block: var(--space-10);
}

.home-program__layout {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-6);
  align-items: center;
}

.home-program__content {
  grid-column: 1 / span 5;
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  width: 100%;
}

.home-program__content > * {
  margin: 0;
}

.home-program__content > p:not(.eyebrow) {
  max-width: 33.75rem;
}

.home-program__content .button {
  align-self: flex-start;
}

.home-program__meta {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  margin-top: var(--space-2) !important;
  padding: var(--space-4);
  border: 1px solid rgba(255, 255, 255, 0.26);
}

.home-program__meta > * {
  margin: 0;
}

.home-program__meta p {
  max-width: 26.875rem;
  font-size: var(--text-caption);
  line-height: var(--leading-caption);
}

.home-program__image {
  grid-column: 6 / span 7;
  width: 100%;
  margin: 0;
}

.home-program__image img {
  aspect-ratio: 16 / 10;
}

.home-program__image figcaption {
  max-width: 30rem;
}

.home-private__feature {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-6);
  align-items: center;
  padding: var(--space-7);
}

.home-private__content {
  grid-column: 1 / span 5;
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  width: 100%;
}

.home-private__content > * {
  margin: 0;
}

.home-private__content > p:not(.eyebrow) {
  max-width: 32.5rem;
}

.home-private__content .button {
  align-self: flex-start;
}

.home-private__image {
  grid-column: 8 / span 5;
  width: 100%;
  margin: 0;
}

.home-private__image img {
  aspect-ratio: 4 / 3;
}

.home-private__items {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-5);
  padding: var(--space-6) var(--space-5);
  border: 1px solid var(--color-line);
  border-top: 0;
  background: var(--color-surface);
}

.home-private__item {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  width: 100%;
}

.home-private__item > * {
  margin: 0;
}

.home-private__item p {
  max-width: 27.5rem;
  color: var(--color-muted-ink);
}

.home-process__heading {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  width: calc((100% - (11 * var(--space-5))) / 12 * 5 + (4 * var(--space-5)));
}

.home-process__heading > * {
  margin: 0;
}

.home-process__heading p:not(.eyebrow) {
  max-width: 32.5rem;
  color: var(--color-muted-ink);
}

.home-process__rule {
  width: 100%;
  height: 1px;
  margin-top: var(--space-7);
  background: var(--color-line);
}

.home-process__steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
}

.home-process__item {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  width: 100%;
  min-width: 0;
  padding: var(--space-5);
  border-right: 1px solid var(--color-line);
}

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

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

.home-process__item > * {
  margin: 0;
}

.home-process__item > span {
  color: var(--color-ink);
  font-family: var(--font-heading);
  font-size: clamp(2.5rem, 4vw, 4.25rem);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  letter-spacing: var(--tracking-display);
  line-height: 1;
}

.home-process__item:nth-child(2) > span {
  color: var(--color-accent);
}

.home-process__item p {
  max-width: 19.5rem;
  color: var(--color-muted-ink);
}

.home-gallery-preview__layout {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-6);
  align-items: center;
}

.home-gallery-preview__copy {
  grid-column: 1 / span 4;
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  width: 100%;
}

.home-gallery-preview__copy > * {
  margin: 0;
}

.home-gallery-preview__copy p:not(.eyebrow) {
  max-width: 29.375rem;
  color: var(--color-muted-ink);
}

.home-gallery-preview__link {
  align-self: flex-start;
  padding-bottom: var(--space-2);
  border-bottom: 1px solid var(--color-accent);
  text-decoration: none;
}

.home-gallery-preview__image {
  grid-column: 9 / span 4;
  width: 100%;
  margin: 0;
  padding: var(--space-5);
  border: 1px solid var(--color-line);
  border-radius: var(--radius-md);
  background: var(--color-surface);
}

.home-gallery-preview__image img {
  aspect-ratio: 1;
}

.home-faq__layout {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-6);
  align-items: start;
}

.home-faq__heading {
  grid-column: 1 / span 4;
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  width: 100%;
}

.home-faq__heading > * {
  margin: 0;
}

.home-faq__heading p:not(.eyebrow) {
  max-width: 30rem;
  color: var(--color-muted-ink);
}

.home-faq__heading a {
  align-self: flex-start;
}

.home-faq__accordion {
  grid-column: 6 / span 7;
  width: 100%;
  border: 1px solid var(--color-line);
  border-radius: var(--radius-md);
  background: var(--color-surface);
}

.home-faq__item {
  width: 100%;
  border-bottom: 1px solid var(--color-line);
}

.home-faq__item:last-child {
  border-bottom: 0;
}

.home-faq__item h3 {
  margin: 0;
}

.home-faq__item button {
  display: flex;
  width: 100%;
  min-height: 4rem;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  padding: var(--space-4) var(--space-5);
  border: 0;
  background: transparent;
  color: var(--color-ink);
  font-family: var(--font-heading);
  font-size: var(--text-h4);
  font-weight: 600;
  letter-spacing: var(--tracking-h4);
  line-height: var(--leading-h4);
  text-align: left;
}

.home-faq__item button span {
  flex: 0 0 auto;
  color: var(--color-accent);
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1;
  transition: transform var(--transition-fast);
}

.home-faq__item button[aria-expanded="true"] span {
  transform: rotate(45deg);
}

.home-faq__panel {
  padding: 0 var(--space-5) var(--space-5);
}

.home-faq__panel p {
  max-width: 33.75rem;
  margin: 0;
  color: var(--color-muted-ink);
}

.home-closing {
  padding-top: var(--space-9);
  padding-bottom: var(--space-9);
}

.home-closing__layout {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-6);
  align-items: center;
  padding-top: var(--space-8);
  border-top: 1px solid var(--color-line);
}

.home-closing__copy {
  grid-column: 1 / span 6;
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  width: 100%;
}

.home-closing__copy > * {
  margin: 0;
}

.home-closing__copy p:not(.eyebrow):not(.home-closing__age) {
  max-width: 35.625rem;
  color: var(--color-muted-ink);
}

.home-closing__age {
  padding-top: var(--space-3);
  border-top: 1px solid var(--color-line);
  color: var(--color-muted-ink);
  font-size: var(--text-meta);
  font-weight: 600;
  letter-spacing: var(--tracking-meta);
  line-height: var(--leading-meta);
  text-transform: uppercase;
}

.home-closing__panel {
  grid-column: 9 / span 4;
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  width: 100%;
  padding: var(--space-5);
  border: 1px solid var(--color-line);
  border-radius: var(--radius-sm);
  background: var(--color-surface);
}

.home-closing__panel .button {
  width: 100%;
}

.home-closing__panel a:not(.button) {
  align-self: flex-start;
  font-size: var(--text-control);
}

@media (max-width: 1199px) {
  .home-hero__grid,
  .home-atmosphere__intro,
  .home-formats__top,
  .home-program__layout,
  .home-private__feature,
  .home-gallery-preview__layout,
  .home-faq__layout,
  .home-closing__layout {
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: var(--space-5);
  }

  .home-hero__copy { grid-column: 1 / span 5; }
  .home-hero__top-image { grid-column: 6 / span 3; }
  .home-hero__actions { grid-column: 1 / span 5; }
  .home-hero__service-card { grid-column: 6 / span 2; }
  .home-hero__wide-image { grid-column: 1 / span 8; }
  .home-atmosphere__copy { grid-column: 1 / span 4; }
  .home-atmosphere__image { grid-column: 5 / span 4; }
  .home-formats__heading { grid-column: 1 / span 3; }
  .home-formats__panel { grid-column: 4 / span 5; }
  .home-program__content { grid-column: 1 / span 4; }
  .home-program__image { grid-column: 5 / span 4; }
  .home-private__content { grid-column: 1 / span 4; }
  .home-private__image { grid-column: 5 / span 4; }
  .home-gallery-preview__copy { grid-column: 1 / span 4; }
  .home-gallery-preview__image { grid-column: 5 / span 4; }
  .home-faq__heading { grid-column: 1 / span 3; }
  .home-faq__accordion { grid-column: 4 / span 5; }
  .home-closing__copy { grid-column: 1 / span 5; }
  .home-closing__panel { grid-column: 6 / span 3; }

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

  .home-atmosphere__card:nth-child(3),
  .home-private__item:nth-child(3) {
    grid-column: 1 / span 2;
  }

  .home-process__heading {
    width: calc((100% - (7 * var(--space-5))) / 8 * 5 + (4 * var(--space-5)));
  }

  .home-process__item p {
    max-width: none;
  }
}

@media (max-width: 959px) {
  .home-atmosphere__intro,
  .home-formats__top,
  .home-program__layout,
  .home-private__feature,
  .home-faq__layout,
  .home-closing__layout {
    grid-template-columns: 1fr;
  }

  .home-atmosphere__copy,
  .home-atmosphere__image,
  .home-formats__heading,
  .home-formats__panel,
  .home-program__content,
  .home-program__image,
  .home-private__content,
  .home-private__image,
  .home-faq__heading,
  .home-faq__accordion,
  .home-closing__copy,
  .home-closing__panel {
    grid-column: 1;
  }

  .home-atmosphere__copy p,
  .home-formats__heading p:not(.eyebrow),
  .home-program__content > p:not(.eyebrow),
  .home-private__content > p:not(.eyebrow),
  .home-faq__heading p:not(.eyebrow),
  .home-closing__copy p:not(.eyebrow):not(.home-closing__age) {
    max-width: 40rem;
  }

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

  .home-formats__panel {
    grid-template-columns: minmax(0, 42fr) minmax(0, 58fr);
  }

  .home-program__image {
    max-width: 52rem;
  }

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

  .home-private__image {
    max-width: 52rem;
  }

  .home-faq__accordion {
    max-width: 52rem;
  }

  .home-closing__panel {
    max-width: 28rem;
  }
}

@media (max-width: 767px) {
  .home-hero {
    padding-block: var(--space-7);
  }

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

  .home-hero__index {
    top: 2.75rem;
    left: auto;
    right: 0;
    font-size: 4.75rem;
    -webkit-text-stroke: 1px rgba(217, 221, 231, 0.85);
  }

  .home-hero__copy,
  .home-hero__top-image,
  .home-hero__actions,
  .home-hero__service-card,
  .home-hero__wide-image {
    grid-column: 1;
  }

  .home-hero__copy {
    padding-top: 0;
  }

  .home-hero__copy h1 {
    font-size: clamp(2.375rem, 10vw, 3rem);
  }

  .home-hero__lead {
    max-width: none;
    font-size: 1rem;
    line-height: var(--leading-body);
  }

  .home-hero__actions .actions {
    width: 100%;
  }

  .home-hero__service-card {
    max-width: 22.5rem;
  }

  .home-hero__top-image {
    order: 4;
  }

  .home-hero__wide-image {
    order: 5;
    margin-top: 0;
  }

  .home-atmosphere__cards,
  .home-formats__steps,
  .home-private__items,
  .home-process__steps {
    grid-template-columns: 1fr;
  }

  .home-atmosphere__card:nth-child(3),
  .home-private__item:nth-child(3) {
    grid-column: 1;
  }

  .home-atmosphere__cards,
  .home-formats__steps {
    gap: var(--space-4);
    margin-top: var(--space-6);
  }

  .home-formats__panel {
    grid-template-columns: 1fr;
    gap: var(--space-4);
    padding: var(--space-4);
  }

  .home-formats__image img {
    min-height: 0;
    height: auto;
  }

  .home-formats__heading .button,
  .home-program__content .button,
  .home-private__content .button {
    align-self: stretch;
  }

  .home-program {
    padding-block: var(--space-7);
  }

  .home-program__layout {
    gap: var(--space-5);
  }

  .home-program__content,
  .home-private__content {
    gap: var(--space-4);
  }

  .home-private__feature {
    gap: var(--space-5);
    padding: var(--space-5);
  }

  .home-private__items {
    gap: 0;
    padding: 0 var(--space-4);
  }

  .home-private__item {
    padding-block: var(--space-5);
    border-bottom: 1px solid var(--color-line);
  }

  .home-private__item:last-child {
    border-bottom: 0;
  }

  .home-process__heading {
    width: 100%;
  }

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

  .home-process__item,
  .home-process__item:first-child,
  .home-process__item:last-child {
    padding: var(--space-5) 0;
    border-right: 0;
    border-bottom: 1px solid var(--color-line);
  }

  .home-process__item:last-child {
    border-bottom: 0;
  }

  .home-gallery-preview__layout {
    grid-template-columns: 1fr;
    gap: var(--space-5);
  }

  .home-gallery-preview__copy,
  .home-gallery-preview__image {
    grid-column: 1;
  }

  .home-gallery-preview__image {
    max-width: 26.25rem;
    padding: var(--space-3);
  }

  .home-faq__item button {
    min-height: 3.5rem;
    padding: var(--space-4);
    font-size: 1rem;
  }

  .home-faq__panel {
    padding: 0 var(--space-4) var(--space-5);
  }

  .home-closing {
    padding-top: var(--space-7);
    padding-bottom: var(--space-7);
  }

  .home-closing__layout {
    padding-top: var(--space-7);
    gap: var(--space-5);
  }

  .home-closing__panel {
    max-width: none;
  }
}

@media (max-width: 419px) {
  .home-hero__index {
    display: none;
  }

  .home-hero__service-card {
    max-width: 100%;
  }

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


.thank-you-page {
  display: grid;
  min-height: calc(100vh - 12rem);
  place-items: center;
  padding-block: var(--space-8);
}

.thank-you-page__panel {
  width: min(100%, 48rem);
  padding: clamp(var(--space-6), 6vw, var(--space-9));
  border: 1px solid var(--color-line);
  border-radius: var(--radius-md);
  background: var(--color-surface);
  text-align: center;
}

.thank-you-page__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-5);
}

.thank-you-page__status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  border: 1px solid rgba(22, 122, 85, 0.28);
  border-radius: 50%;
  background: #eef8f4;
  color: var(--color-success);
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
}

.thank-you-page__heading {
  margin: 0;
}

.thank-you-page__copy {
  max-width: 38rem;
  margin: 0;
  margin-inline: auto;
  color: var(--color-muted-ink);
  text-align: center;
}

.thank-you-page__copy-group {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

.thank-you-page__copy-group p {
  margin: 0;
}

.thank-you-page__actions {
  justify-content: center;
  margin-top: var(--space-2);
}

@media (max-width: 767px) {
  .thank-you-page {
    min-height: auto;
    padding-block: var(--space-7);
  }

  .thank-you-page__panel {
    padding: var(--space-6) var(--space-5);
  }
}