

:root {
  --color-canvas: #f4f0e8;
  --color-surface-concrete: #d9d8d3;
  --color-ink: #17212b;
  --color-cobalt: #1747c8;
  --color-vermilion: #d94232;
  --color-mustard: #d7a928;
  --color-forest: #285a45;
  --color-table-green: #123f35;
  --color-burgundy: #762b3a;
  --color-line: #a9aaa5;
  --color-white: #fffdf8;

  --font-heading: "Space Grotesk", system-ui, sans-serif;
  --font-body: "Inter", system-ui, sans-serif;

  --text-caption: 0.75rem;
  --text-label: 0.875rem;
  --text-body: 1rem;
  --text-intro: 1.125rem;
  --text-h4: 1.5rem;
  --text-h3: clamp(2rem, 3vw, 3rem);
  --text-h2: clamp(2rem, 4.5vw, 3rem);
  --text-h1: clamp(3.5rem, 8vw, 5.5rem);

  --leading-caption: 1.333;
  --leading-label: 1.429;
  --leading-body: 1.5625;
  --leading-intro: 1.5;
  --leading-heading: 1;

  --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: 6rem;
  --space-10: 8rem;

  --container-wide: 80rem;
  --container-text: 42.5rem;
  --gutter: 1.25rem;
  --section-space: 3rem;

  --radius-none: 0;
  --radius-image: 0.125rem;
  --radius-round: 999px;

  --border-default: 1px solid var(--color-line);
  --border-strong: 1px solid var(--color-ink);
  --shadow-offset: 0 8px 0 rgba(23, 33, 43, 0.12);
  --focus-ring: 0 0 0 3px var(--color-vermilion);

  --transition-fast: 160ms ease;
}

@media (min-width: 48rem) {
  :root {
    --gutter: 2rem;
    --section-space: 4rem;
  }
}

@media (min-width: 75rem) {
  :root {
    --section-space: 6rem;
  }
}

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

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

body {
  min-width: 20rem;
  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;
}

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

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

img,
video {
  height: auto;
}

svg {
  flex: 0 0 auto;
}

iframe {
  width: 100%;
  border: 0;
}

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

button,
select {
  text-transform: none;
}

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

button:disabled,
input:disabled,
select:disabled,
textarea:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}

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

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

legend {
  padding: 0;
}

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

th,
td {
  padding: var(--space-3);
  border: var(--border-default);
  text-align: left;
  vertical-align: top;
}

ul,
ol {
  margin-block: 0 1.5rem;
  padding-inline-start: 1.25rem;
}

li > ul,
li > ol {
  margin-block: var(--space-2) 0;
}

blockquote {
  margin: 0 0 var(--space-5);
  padding-inline-start: var(--space-5);
  border-inline-start: 4px solid var(--color-cobalt);
  font-family: var(--font-heading);
  font-size: var(--text-intro);
  font-weight: 600;
  line-height: var(--leading-intro);
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 var(--space-4);
  color: var(--color-ink);
  font-family: var(--font-heading);
  font-weight: 700;
  letter-spacing: -0.04em;
  line-height: var(--leading-heading);
  overflow-wrap: anywhere;
  text-wrap: balance;
}

h1 {
  font-size: var(--text-h1);
}

h2 {
  font-size: var(--text-h2);
}

h3 {
  font-size: var(--text-h3);
}

h4 {
  font-size: var(--text-h4);
  line-height: 1.2;
}

h5,
h6 {
  font-size: var(--text-body);
  line-height: 1.25;
}

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

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

strong,
b {
  font-weight: 700;
}

em,
i {
  font-style: italic;
}

a {
  color: var(--color-cobalt);
  text-decoration-line: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 0.16em;
}

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

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

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

::placeholder {
  color: color-mix(in srgb, var(--color-ink) 65%, transparent);
  opacity: 1;
}

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

input,
select,
textarea {
  width: 100%;
  min-height: 2.75rem;
  padding: 0.625rem 0.75rem;
  border: var(--border-strong);
  border-radius: var(--radius-none);
  background: var(--color-white);
  line-height: 1.4;
}

textarea {
  min-height: 8rem;
}

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

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

input[type="color"] {
  padding: 0.2rem;
}

input:focus,
select:focus,
textarea:focus {
  border-color: var(--color-ink);
}

input:invalid:not(:placeholder-shown),
textarea:invalid:not(:placeholder-shown),
select:invalid {
  border-color: var(--color-vermilion);
}

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

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

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

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

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

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

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

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

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

.surface--cobalt :is(h1, h2, h3, h4, h5, h6),
.surface--forest :is(h1, h2, h3, h4, h5, h6),
.surface--table :is(h1, h2, h3, h4, h5, h6),
.surface--burgundy :is(h1, h2, h3, h4, h5, h6) {
  color: inherit;
}

.surface--cobalt a,
.surface--forest a,
.surface--table a,
.surface--burgundy a {
  color: inherit;
}

.panel {
  min-width: 0;
  padding: var(--space-5);
  border: var(--border-default);
  border-radius: var(--radius-none);
  background: var(--color-surface-concrete);
}

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

.card {
  min-width: 0;
  overflow: hidden;
  border: var(--border-default);
  border-radius: var(--radius-image);
  background: var(--color-surface-concrete);
}

.card__body {
  min-width: 0;
  padding: var(--space-5);
}

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

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

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

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

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

.button {
  display: inline-flex;
  min-width: 0;
  min-height: 2.75rem;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  padding: 0.625rem 1rem;
  border: var(--border-strong);
  border-radius: var(--radius-none);
  background: transparent;
  color: var(--color-ink);
  font-family: var(--font-heading);
  font-size: var(--text-label);
  font-weight: 600;
  letter-spacing: 0.04em;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  transition: transform var(--transition-fast), background-color var(--transition-fast), color var(--transition-fast);
}

.button:hover {
  transform: translate(2px, 2px);
  background: var(--color-ink);
  color: var(--color-white);
}

.button--primary {
  border-color: var(--color-cobalt);
  background: var(--color-cobalt);
  color: var(--color-white);
}

.button--primary:hover {
  border-color: var(--color-ink);
  background: var(--color-ink);
  color: var(--color-white);
}

.button--light {
  border-color: var(--color-white);
  color: var(--color-white);
}

.button--light:hover {
  background: var(--color-white);
  color: var(--color-ink);
}

.eyebrow {
  margin: 0 0 var(--space-3);
  font-family: var(--font-heading);
  font-size: var(--text-label);
  font-weight: 600;
  letter-spacing: 0.04em;
  line-height: var(--leading-label);
  text-transform: uppercase;
}

.eyebrow::before {
  display: inline-block;
  width: 0.75rem;
  height: 0.75rem;
  margin-right: var(--space-2);
  background: var(--color-vermilion);
  content: "";
  vertical-align: -0.05em;
}

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

.caption {
  margin: 0;
  color: color-mix(in srgb, var(--color-ink) 72%, transparent);
  font-size: var(--text-caption);
  line-height: var(--leading-caption);
}

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

.content-list > li {
  position: relative;
  padding-inline-start: var(--space-5);
}

.content-list > li::before {
  position: absolute;
  top: 0.65em;
  left: 0;
  width: 0.5rem;
  height: 0.5rem;
  background: var(--color-cobalt);
  content: "";
}

.form-field {
  display: grid;
  min-width: 0;
  gap: var(--space-2);
  margin-bottom: var(--space-5);
}

.form-field > :last-child {
  margin-bottom: 0;
}

.form-hint,
.form-error {
  margin: 0;
  font-size: var(--text-label);
  line-height: var(--leading-label);
}

.form-error {
  padding-inline-start: var(--space-3);
  border-inline-start: 3px solid var(--color-vermilion);
  color: var(--color-ink);
}

.flow > :where(h1, h2, h3, h4, h5, h6, p, ul, ol, blockquote, hr, figure) {
  margin-block-start: 0;
}

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

@media (max-width: 29.99rem) {
  .button {
    width: 100%;
  }
}

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

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


.site-header {
  position: relative;
  z-index: 50;
  width: 100%;
  border-bottom: var(--border-default);
  background: var(--color-canvas);
}

.site-header__inner {
  display: grid;
  min-height: 4.5rem;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: var(--space-3);
}

.site-header__brand {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  gap: var(--space-2);
  color: var(--color-ink);
  font-family: var(--font-heading);
  font-size: 0.9375rem;
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1;
  text-decoration: none;
}

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

.site-header__brand-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.site-header__toggle {
  display: inline-grid;
  width: 2.75rem;
  height: 2.75rem;
  padding: 0.625rem;
  border: var(--border-strong);
  border-radius: 0;
  background: var(--color-canvas);
  place-content: center;
  gap: 0.25rem;
}

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

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

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

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

.site-header__navigation {
  position: absolute;
  z-index: 51;
  top: calc(100% + 1px);
  right: 0;
  left: 0;
  display: none;
  max-height: calc(100vh - 4.5rem);
  overflow-x: hidden;
  overflow-y: auto;
  padding: var(--space-5) var(--gutter) var(--space-6);
  border-bottom: var(--border-strong);
  background: var(--color-canvas);
}

.site-header__navigation.is-open {
  display: grid;
  gap: var(--space-5);
}

.site-header__primary-list,
.site-header__mobile-list {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

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

.site-header__primary-list a,
.site-header__mobile-list a {
  display: flex;
  min-height: 2.75rem;
  align-items: center;
  border-bottom: var(--border-default);
  color: var(--color-ink);
  font-family: var(--font-heading);
  font-size: var(--text-label);
  font-weight: 600;
  letter-spacing: 0.04em;
  text-decoration: none;
}

.site-header__primary-list a:hover,
.site-header__mobile-list a:hover {
  color: var(--color-cobalt);
}

.site-header__menu-cta {
  width: 100%;
}

.site-header__desktop-cta {
  display: none;
  white-space: nowrap;
}

@media (min-width: 68rem) {
  .site-header__inner {
    min-height: 5rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: var(--space-5);
  }

  .site-header__brand {
    font-size: 1rem;
  }

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

  .site-header__toggle {
    display: none;
  }

  .site-header__navigation {
    position: static;
    display: flex;
    max-height: none;
    min-width: 0;
    overflow: visible;
    align-items: center;
    justify-content: center;
    gap: var(--space-4);
    padding: 0;
    border: 0;
    background: transparent;
  }

  .site-header__primary-list {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: clamp(0.5rem, 1vw, 1rem);
  }

  .site-header__primary-list a {
    min-height: 2.75rem;
    border: 0;
    white-space: nowrap;
  }

  .site-header__mobile-list,
  .site-header__menu-cta {
    display: none;
  }

  .site-header__desktop-cta {
    display: inline-flex;
  }
}


.site-footer {
  border-top: var(--border-strong);
  background: var(--color-surface-concrete);
}

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

.site-footer__intro,
.site-footer__nav-group {
  display: grid;
  gap: var(--space-4);
  align-content: start;
}

.site-footer__intro p,
.site-footer__nav-group h2,
.site-footer__bottom p {
  margin: 0;
}

.site-footer__brand {
  display: inline-flex;
  align-items: center;
  gap: var(--space-3);
  color: var(--color-ink);
  font-family: var(--font-heading);
  font-size: var(--text-h4);
  font-weight: 700;
  letter-spacing: -0.04em;
  line-height: 1;
  text-decoration: none;
}

.site-footer__logo {
  width: 4.5rem;
  height: 4.5rem;
  object-fit: contain;
}

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

.site-footer__nav h2 {
  font-size: var(--text-label);
  letter-spacing: 0.04em;
  line-height: var(--leading-label);
  text-transform: uppercase;
}

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

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

.site-footer__nav a {
  color: var(--color-ink);
}

.site-footer__placeholder {
  font-size: var(--text-caption);
}

.site-footer__cookie-settings {
  justify-self: start;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--color-cobalt);
  font-weight: 600;
  text-align: left;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 0.16em;
}

.site-footer__bottom {
  display: grid;
  gap: var(--space-2);
  padding-block: var(--space-4);
  border-top: var(--border-default);
  font-size: var(--text-caption);
  line-height: var(--leading-caption);
}

.consent-banner {
  position: fixed;
  z-index: 90;
  right: var(--space-3);
  bottom: var(--space-3);
  left: var(--space-3);
  border: var(--border-strong);
  background: var(--color-white);
  box-shadow: var(--shadow-offset);
}

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

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

.consent-banner__copy,
.consent-banner__actions {
  display: grid;
  gap: var(--space-3);
}

.consent-banner__copy h2,
.consent-banner__copy p {
  margin: 0;
}

.consent-banner__copy h2 {
  font-size: var(--text-h4);
}

.consent-banner__actions .button {
  width: 100%;
}

.age-modal {
  position: fixed;
  z-index: 100;
  inset: 0;
  display: grid;
  overflow-y: auto;
  padding: var(--gutter);
  background: rgba(23, 33, 43, 0.82);
  place-items: center;
}

.age-modal__panel {
  width: min(100%, 36rem);
  padding: var(--space-6);
  border: var(--border-strong);
  background: var(--color-canvas);
  box-shadow: var(--shadow-offset);
}

.age-modal__panel h2,
.age-modal__panel p {
  margin: 0;
}

.age-modal__panel h2 {
  margin-top: var(--space-3);
  font-size: var(--text-h3);
}

.age-modal__panel > p:not(.age-modal__eyebrow) {
  margin-top: var(--space-4);
}

.age-modal__eyebrow {
  color: var(--color-cobalt);
  font-family: var(--font-heading);
  font-size: var(--text-label);
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

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

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

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

  .consent-banner {
    right: var(--space-5);
    bottom: var(--space-5);
    left: auto;
    width: min(100% - 2.5rem, 42rem);
  }

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

@media (min-width: 64rem) {
  .site-footer__inner {
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    align-items: start;
  }

  .site-footer__bottom {
    grid-template-columns: 1fr auto;
  }

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


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

.agb-page :is([id]) {
  scroll-margin-top: 7rem;
}

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

.agb-page__hero {
  padding-top: clamp(var(--space-8), 10vw, var(--space-10));
  padding-bottom: var(--section-space);
}

.agb-page__hero-copy {
  grid-column: 2 / span 7;
  min-width: 0;
  max-width: 42.5rem;
}

.agb-page__hero-copy > .intro {
  max-width: 38.75rem;
}

.agb-page__hero-accent {
  display: grid;
  grid-column: 10 / span 2;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  grid-template-rows: 4rem 4rem 4rem;
  gap: var(--space-2);
  align-self: end;
  min-width: 0;
  margin-bottom: var(--space-6);
}

.agb-page__hero-accent > span {
  display: block;
  min-width: 0;
  border: var(--border-strong);
  background: var(--color-cobalt);
}

.agb-page__hero-accent > span:nth-child(1) {
  grid-column: 1 / span 2;
  grid-row: 1;
}

.agb-page__hero-accent > span:nth-child(2) {
  grid-column: 1;
  grid-row: 2 / span 2;
  background: var(--color-surface-concrete);
}

.agb-page__hero-accent > span:nth-child(3) {
  grid-column: 2;
  grid-row: 2;
  background: var(--color-mustard);
}

.agb-page__review-note {
  display: grid;
  grid-template-columns: 3.5rem minmax(0, 1fr);
  gap: var(--space-4);
  min-width: 0;
  max-width: 42.5rem;
  margin-top: var(--space-7);
  padding: var(--space-5);
  border: var(--border-default);
  background: var(--color-surface-concrete);
}

.agb-page__review-note > * {
  min-width: 0;
}

.agb-page__review-number {
  display: flex;
  min-width: 0;
  min-height: 3.5rem;
  align-items: center;
  justify-content: center;
  background: var(--color-mustard);
  color: var(--color-ink);
  font-family: var(--font-heading);
  font-size: var(--text-h4);
  font-weight: 700;
  line-height: 1;
}

.agb-page__review-copy > h2 {
  margin-bottom: var(--space-3);
  font-size: var(--text-h4);
}

.agb-page__review-copy > :last-child {
  margin-bottom: 0;
}

.agb-page__status {
  font-family: var(--font-heading);
  font-size: var(--text-label);
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: var(--leading-label);
}

.agb-page__overview {
  border-top: var(--border-default);
  border-bottom: var(--border-default);
  background: var(--color-surface-concrete);
}

.agb-page__overview-inner {
  grid-column: 2 / span 8;
  min-width: 0;
}

.agb-page__overview-inner > p {
  max-width: 40rem;
}

.agb-page__toc {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  min-width: 0;
  border-top: var(--border-default);
  border-left: var(--border-default);
}

.agb-page__toc > a {
  display: grid;
  min-width: 0;
  min-height: 4rem;
  grid-template-columns: 3rem minmax(0, 1fr);
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-3) var(--space-4);
  border-right: var(--border-default);
  border-bottom: var(--border-default);
  color: var(--color-ink);
  font-family: var(--font-heading);
  font-size: var(--text-label);
  font-weight: 600;
  line-height: var(--leading-label);
  text-decoration-color: var(--color-cobalt);
}

.agb-page__toc > a > span {
  min-width: 0;
}

.agb-page__toc > a > span:first-child {
  color: var(--color-vermilion);
  font-family: var(--font-heading);
  font-weight: 700;
}

.agb-page__toc > a:hover,
.agb-page__toc > a:focus-visible {
  background: var(--color-canvas);
  color: var(--color-ink);
}

.agb-page__section-layout {
  display: grid;
  grid-column: 2 / span 8;
  grid-template-columns: minmax(3rem, 1fr) minmax(0, 7fr);
  gap: var(--space-5);
  min-width: 0;
}

.agb-page__section-layout > * {
  min-width: 0;
}

.agb-page__section-number {
  padding-top: 0.25rem;
  color: var(--color-vermilion);
  font-family: var(--font-heading);
  font-size: clamp(2.5rem, 4vw, 4rem);
  font-weight: 700;
  letter-spacing: -0.06em;
  line-height: 1;
}

.agb-page__section-content {
  min-width: 0;
  max-width: 42.5rem;
}

.agb-page__section-content > h2 {
  max-width: 40rem;
  margin-bottom: var(--space-6);
}

.agb-page__rule {
  min-width: 0;
  max-width: 42.5rem;
}

.agb-page__rule--cobalt {
  padding-left: var(--space-5);
  border-left: 4px solid var(--color-cobalt);
}

.agb-page__rule--separated {
  margin-top: var(--space-6);
  padding-top: var(--space-6);
  border-top: var(--border-default);
}

.agb-page__rule > :last-child {
  margin-bottom: 0;
}

.agb-page__service-line,
.agb-page__planning-line {
  margin-bottom: var(--space-3);
  font-family: var(--font-heading);
  font-size: var(--text-label);
  font-weight: 600;
  letter-spacing: 0.04em;
  line-height: var(--leading-label);
  text-transform: uppercase;
}

.agb-page__service-line span {
  margin-inline: var(--space-2);
  color: var(--color-vermilion);
}

.agb-page__planning-line {
  color: color-mix(in srgb, var(--color-ink) 76%, transparent);
  text-transform: none;
}

.agb-page__casino-note {
  position: relative;
  display: grid;
  min-width: 0;
  max-width: 47.5rem;
  margin-top: var(--space-7);
  padding: var(--space-6);
  overflow: hidden;
  border: var(--border-default);
  background: var(--color-table-green);
  color: var(--color-white);
}

.agb-page__casino-note > * {
  min-width: 0;
}

.agb-page__casino-note h3 {
  color: var(--color-white);
}

.agb-page__casino-note > :last-child {
  margin-bottom: 0;
}

.agb-page__casino-label {
  margin-bottom: var(--space-3);
  font-family: var(--font-heading);
  font-size: var(--text-label);
  font-weight: 600;
  letter-spacing: 0.04em;
  line-height: var(--leading-label);
  text-transform: uppercase;
}

.agb-page__casino-line {
  position: absolute;
  top: 0;
  right: var(--space-6);
  width: 6rem;
  height: 0.375rem;
  background: var(--color-burgundy);
}

.agb-page__modules {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: var(--space-5);
  min-width: 0;
}

.agb-page__module {
  display: grid;
  min-width: 0;
  gap: var(--space-4);
  padding: var(--space-5);
}

.agb-page__module > * {
  min-width: 0;
}

.agb-page__module > div > :last-child {
  margin-bottom: 0;
}

.agb-page__module--payment {
  grid-column: 1 / span 7;
  grid-template-columns: 4.5rem minmax(0, 1fr);
  background: var(--color-surface-concrete);
}

.agb-page__module--external {
  grid-column: 2 / span 6;
  border: var(--border-strong);
  background: var(--color-canvas);
}

.agb-page__module--changes {
  grid-column: 1 / span 7;
  grid-template-columns: 4.5rem minmax(0, 1fr);
  border-left: 0.5rem solid var(--color-mustard);
  background: var(--color-surface-concrete);
}

.agb-page__module-number {
  display: block;
  color: var(--color-vermilion);
  font-family: var(--font-heading);
  font-size: var(--text-h4);
  font-weight: 700;
  letter-spacing: -0.04em;
  line-height: 1;
}

.agb-page__module--external .agb-page__module-number {
  margin-bottom: var(--space-3);
}

.agb-page__rule--final {
  border-left-color: var(--color-vermilion);
}

.agb-page__privacy-link {
  min-width: 0;
  max-width: 42.5rem;
  margin-top: var(--space-7);
}

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

.agb-page__privacy-link a {
  text-decoration-thickness: 2px;
}

.agb-page__closing-note {
  display: grid;
  min-width: 0;
  gap: var(--space-3);
  max-width: 42.5rem;
  margin-top: var(--space-7);
  padding: var(--space-5);
  border: var(--border-default);
  background: var(--color-surface-concrete);
}

.agb-page__closing-note > * {
  min-width: 0;
  margin: 0;
}

.agb-page__closing-note h3 {
  margin-bottom: var(--space-1);
}

.agb-page__closing-label {
  font-family: var(--font-heading);
  font-size: var(--text-label);
  font-weight: 600;
  letter-spacing: 0.04em;
  line-height: var(--leading-label);
  text-transform: uppercase;
}

.agb-page__legal-section--last {
  padding-bottom: clamp(var(--space-9), 10vw, var(--space-10));
}

@media (max-width: 59.99rem) {
  .agb-page__grid,
  .agb-page__content-zone {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    column-gap: var(--space-4);
  }

  .agb-page__hero-copy,
  .agb-page__overview-inner,
  .agb-page__section-layout {
    grid-column: 1 / span 5;
  }

  .agb-page__hero-accent {
    display: none;
  }

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

  .agb-page__section-number {
    padding-top: 0;
    font-size: var(--text-h4);
  }

  .agb-page__section-content {
    max-width: 38.75rem;
  }

  .agb-page__casino-note {
    max-width: 42.5rem;
  }

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

  .agb-page__module--payment,
  .agb-page__module--external,
  .agb-page__module--changes {
    grid-column: 1;
  }

  .agb-page__module--external {
    margin-left: 0;
  }
}

@media (max-width: 52.49rem) {
  .agb-page__toc {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 44.99rem) {
  .agb-page__hero {
    padding-top: var(--space-8);
  }

  .agb-page__grid,
  .agb-page__content-zone {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: var(--space-3);
  }

  .agb-page__hero-copy,
  .agb-page__overview-inner,
  .agb-page__section-layout {
    grid-column: 1 / span 4;
  }

  .agb-page__hero-copy > h1 {
    font-size: clamp(3rem, 14vw, 3.5rem);
  }

  .agb-page__review-note {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-3);
    margin-top: var(--space-6);
    padding: var(--space-5);
  }

  .agb-page__review-number {
    width: 3.5rem;
  }

  .agb-page__overview-inner > h2,
  .agb-page__section-content > h2 {
    font-size: 2rem;
  }

  .agb-page__toc > a {
    min-height: 3.5rem;
    grid-template-columns: 2.5rem minmax(0, 1fr);
  }

  .agb-page__section-layout {
    gap: var(--space-2);
  }

  .agb-page__section-content > h2 {
    margin-bottom: var(--space-5);
  }

  .agb-page__rule--cobalt {
    padding-left: var(--space-4);
  }

  .agb-page__casino-note {
    margin-top: var(--space-6);
    padding: var(--space-5);
  }

  .agb-page__casino-line {
    right: var(--space-5);
    width: 4rem;
  }

  .agb-page__module--payment,
  .agb-page__module--changes {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-3);
  }

  .agb-page__module {
    padding: var(--space-5);
  }

  .agb-page__module--changes {
    border-left-width: 0.375rem;
  }

  .agb-page__privacy-link,
  .agb-page__closing-note {
    margin-top: var(--space-6);
  }
}


.cookie-policy {
  overflow: clip;
}

.cookie-policy__hero-grid,
.cookie-policy__document-grid,
.cookie-policy__consent-grid {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--space-5);
}

.cookie-policy__hero {
  padding-top: clamp(var(--space-7), 8vw, var(--space-10));
}

.cookie-policy__hero-copy {
  grid-column: 2 / span 6;
  min-width: 0;
  max-width: 42.5rem;
}

.cookie-policy__hero-copy > :last-child,
.cookie-policy__category-heading > :last-child,
.cookie-policy__update-copy > :last-child {
  margin-bottom: 0;
}

.cookie-policy__hero-copy h1 {
  max-width: 42.5rem;
  font-size: clamp(3rem, 6vw, 4.5rem);
}

.cookie-policy__hero-copy .intro {
  max-width: 40rem;
}

.cookie-policy__meta {
  display: inline-block;
  width: fit-content;
  margin-top: var(--space-2);
  padding-top: var(--space-3);
  border-top: var(--border-default);
  font-family: var(--font-heading);
  font-size: var(--text-label);
  font-weight: 600;
  letter-spacing: 0.04em;
  line-height: var(--leading-label);
}

.cookie-policy__meta span {
  font-family: var(--font-body);
  font-weight: 400;
  letter-spacing: 0;
}

.cookie-policy__geometry {
  position: relative;
  grid-column: 9 / span 3;
  align-self: end;
  min-width: 0;
  min-height: 13.75rem;
  overflow: hidden;
  background: var(--color-cobalt);
}

.cookie-policy__geometry::before {
  position: absolute;
  top: 16%;
  right: 15%;
  width: 58%;
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--color-canvas);
  content: "";
}

.cookie-policy__geometry::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 30%;
  height: 32%;
  background: var(--color-vermilion);
  content: "";
}

.cookie-policy__geometry span {
  position: absolute;
  top: 0;
  left: 12%;
  width: 16%;
  height: 48%;
  background: var(--color-mustard);
}

.cookie-policy__overview-wrap {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--space-5);
  margin-top: var(--space-7);
}

.cookie-policy__overview {
  grid-column: 2 / span 7;
  min-width: 0;
  padding: var(--space-5);
  border: var(--border-default);
  border-left: 6px solid var(--color-mustard);
  background: var(--color-surface-concrete);
}

.cookie-policy__overview h2 {
  margin-bottom: var(--space-3);
  font-size: var(--text-h4);
  line-height: 1.2;
}

.cookie-policy__overview > :last-child {
  max-width: 39rem;
  margin-bottom: 0;
}

.cookie-policy__section-heading {
  grid-column: 3 / span 6;
  min-width: 0;
}

.cookie-policy__section-heading h2 {
  max-width: 38.75rem;
  margin-bottom: var(--space-6);
}

.cookie-policy__numbered-list,
.cookie-policy__browser-list {
  grid-column: 2 / span 7;
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-6);
}

.cookie-policy__numbered-item,
.cookie-policy__browser-item {
  display: grid;
  min-width: 0;
  grid-template-columns: 3.5rem minmax(0, 1fr);
  gap: var(--space-4);
  align-items: start;
}

.cookie-policy__numbered-item + .cookie-policy__numbered-item,
.cookie-policy__browser-item + .cookie-policy__browser-item {
  padding-top: var(--space-6);
  border-top: var(--border-default);
}

.cookie-policy__number,
.cookie-policy__status {
  font-family: var(--font-heading);
  font-size: var(--text-label);
  font-weight: 600;
  letter-spacing: 0.04em;
  line-height: var(--leading-label);
}

.cookie-policy__number {
  display: block;
  width: 3.5rem;
  padding-top: 0.3rem;
}

.cookie-policy__numbered-item--cobalt .cookie-policy__number,
.cookie-policy__browser-item--cobalt .cookie-policy__number {
  color: var(--color-cobalt);
}

.cookie-policy__numbered-item--vermilion .cookie-policy__number,
.cookie-policy__browser-item--vermilion .cookie-policy__number {
  color: var(--color-vermilion);
}

.cookie-policy__numbered-item--forest .cookie-policy__number {
  color: var(--color-forest);
}

.cookie-policy__browser-item--mustard .cookie-policy__number {
  color: #8b6810;
}

.cookie-policy__numbered-copy,
.cookie-policy__browser-copy {
  min-width: 0;
  max-width: 38.75rem;
}

.cookie-policy__numbered-copy h3,
.cookie-policy__browser-copy h3 {
  margin-bottom: var(--space-3);
  font-size: var(--text-h4);
}

.cookie-policy__numbered-copy > :last-child,
.cookie-policy__browser-copy > :last-child {
  margin-bottom: 0;
}

.cookie-policy__category-heading {
  grid-column: 3 / span 7;
  min-width: 0;
}

.cookie-policy__category-heading h2 {
  margin-bottom: var(--space-5);
}

.cookie-policy__category-heading p {
  max-width: 38.75rem;
}

.cookie-policy__category-list {
  grid-column: 1 / -1;
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 1fr);
  margin-top: var(--space-6);
  border-top: var(--border-default);
}

.cookie-policy__category {
  display: grid;
  min-width: 0;
  grid-template-columns: 3fr 2fr 5fr 2fr;
  gap: var(--space-4);
  align-items: start;
  padding: var(--space-5) 0;
  border-bottom: var(--border-default);
}

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

.cookie-policy__category-name h3 {
  margin: 0;
  font-size: var(--text-h4);
}

.cookie-policy__status {
  margin: 0;
}

.cookie-policy__category-copy {
  max-width: 40rem;
}

.cookie-policy__category-copy > :last-child {
  margin-bottom: 0;
}

.cookie-policy__category-marker {
  display: block;
  justify-self: end;
  width: 100%;
  max-width: 5rem;
  height: var(--space-2);
  margin-top: 0.35rem;
  background: var(--color-line);
}

.cookie-policy__category--necessary {
  padding-inline: var(--space-5);
  background: var(--color-surface-concrete);
}

.cookie-policy__category--necessary .cookie-policy__category-marker {
  background: var(--color-forest);
}

.cookie-policy__category--preferences .cookie-policy__category-marker {
  background: var(--color-mustard);
}

.cookie-policy__category--statistics .cookie-policy__category-marker {
  background: var(--color-cobalt);
}

.cookie-policy__category--marketing .cookie-policy__category-marker {
  background: var(--color-burgundy);
}

.cookie-policy__maintenance {
  grid-column: 3 / span 7;
  min-width: 0;
  margin-top: var(--space-6);
  padding: var(--space-4) var(--space-5);
  border: var(--border-strong);
  background: var(--color-mustard);
}

.cookie-policy__maintenance h3 {
  margin-bottom: var(--space-3);
  font-size: var(--text-h4);
}

.cookie-policy__maintenance p {
  max-width: 40rem;
  margin-bottom: 0;
}

.cookie-policy__consent-grid {
  align-items: start;
  row-gap: var(--space-5);
}

.cookie-policy__consent-primary {
  grid-column: 2 / span 6;
  min-width: 0;
  padding: var(--space-6);
  background: var(--color-forest);
  color: var(--color-white);
}

.cookie-policy__consent-primary h2,
.cookie-policy__consent-primary h3 {
  color: inherit;
}

.cookie-policy__consent-primary h2 {
  max-width: 31rem;
  margin-bottom: var(--space-6);
}

.cookie-policy__consent-primary h3,
.cookie-policy__consent-secondary h3 {
  margin-bottom: var(--space-3);
  font-size: var(--text-h4);
}

.cookie-policy__consent-primary p {
  max-width: 35rem;
  margin-bottom: 0;
}

.cookie-policy__consent-secondary {
  grid-column: 7 / span 4;
  min-width: 0;
  margin-top: var(--space-7);
  padding: var(--space-5);
  border: var(--border-default);
  background: var(--color-canvas);
}

.cookie-policy__consent-secondary p {
  max-width: 35rem;
  margin-bottom: 0;
}

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

.cookie-policy__browser-list {
  gap: 0;
}

.cookie-policy__browser-copy {
  max-width: 37.5rem;
}

.cookie-policy__update-copy {
  grid-column: 3 / span 5;
  min-width: 0;
  max-width: 35rem;
}

.cookie-policy__rule {
  display: flex;
  width: 100%;
  min-width: 0;
  align-items: center;
  gap: var(--space-3);
  margin-bottom: var(--space-5);
}

.cookie-policy__rule::before {
  display: block;
  height: 1px;
  flex: 1 1 auto;
  min-width: 0;
  background: var(--color-line);
  content: "";
}

.cookie-policy__rule span {
  width: var(--space-4);
  height: var(--space-4);
  flex: 0 0 var(--space-4);
  background: var(--color-mustard);
}

.cookie-policy__update-copy h2 {
  margin-bottom: var(--space-5);
}

.cookie-policy__privacy-note {
  grid-column: 3 / span 6;
  min-width: 0;
  margin-top: var(--space-7);
  padding: var(--space-5);
  border: var(--border-default);
  background: var(--color-surface-concrete);
}

.cookie-policy__privacy-note h3 {
  margin-bottom: var(--space-3);
  font-size: var(--text-h4);
}

.cookie-policy__privacy-note p {
  max-width: 40rem;
  margin-bottom: 0;
}

.cookie-policy a:hover {
  color: var(--color-ink);
}

@media (max-width: 68rem) {
  .cookie-policy__hero-copy {
    grid-column: 2 / span 7;
  }

  .cookie-policy__geometry {
    grid-column: 10 / span 3;
  }

  .cookie-policy__category {
    grid-template-columns: 3fr 3fr 6fr;
  }

  .cookie-policy__category-marker {
    grid-column: 1 / -1;
    justify-self: start;
    width: 4rem;
    max-width: none;
    margin-top: 0;
  }

  .cookie-policy__consent-primary {
    grid-column: 2 / span 6;
  }

  .cookie-policy__consent-secondary {
    grid-column: 7 / span 5;
  }
}

@media (max-width: 52rem) {
  .cookie-policy__hero-grid,
  .cookie-policy__document-grid,
  .cookie-policy__consent-grid,
  .cookie-policy__overview-wrap {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    column-gap: var(--space-4);
  }

  .cookie-policy__hero-copy,
  .cookie-policy__section-heading,
  .cookie-policy__category-heading,
  .cookie-policy__update-copy {
    grid-column: 1 / span 4;
  }

  .cookie-policy__geometry {
    grid-column: 5 / span 2;
    min-height: 11rem;
  }

  .cookie-policy__overview {
    grid-column: 1 / span 5;
  }

  .cookie-policy__numbered-list,
  .cookie-policy__browser-list {
    grid-column: 1 / span 5;
  }

  .cookie-policy__category-list {
    grid-column: 1 / -1;
  }

  .cookie-policy__maintenance {
    grid-column: 1 / span 5;
  }

  .cookie-policy__consent-primary {
    grid-column: 1 / span 4;
  }

  .cookie-policy__consent-secondary {
    grid-column: 2 / span 4;
    margin-top: 0;
  }

  .cookie-policy__privacy-note {
    grid-column: 1 / span 5;
  }
}

@media (max-width: 47.99rem) {
  .cookie-policy__hero-grid,
  .cookie-policy__document-grid,
  .cookie-policy__consent-grid,
  .cookie-policy__overview-wrap {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: var(--space-3);
  }

  .cookie-policy__hero {
    padding-top: var(--space-7);
  }

  .cookie-policy__hero-copy,
  .cookie-policy__section-heading,
  .cookie-policy__category-heading,
  .cookie-policy__update-copy,
  .cookie-policy__overview,
  .cookie-policy__numbered-list,
  .cookie-policy__browser-list,
  .cookie-policy__maintenance,
  .cookie-policy__consent-primary,
  .cookie-policy__consent-secondary,
  .cookie-policy__privacy-note {
    grid-column: 1 / -1;
    min-width: 0;
  }

  .cookie-policy__hero-copy h1 {
    font-size: clamp(3rem, 14vw, 3.5rem);
    line-height: 1.03;
  }

  .cookie-policy__geometry {
    grid-column: 1 / -1;
    min-height: 5rem;
    margin-top: var(--space-5);
  }

  .cookie-policy__geometry::before {
    top: -55%;
    right: 12%;
    width: 34%;
  }

  .cookie-policy__geometry::after {
    width: 16%;
    height: 52%;
  }

  .cookie-policy__geometry span {
    left: 7%;
    width: 8%;
    height: 80%;
  }

  .cookie-policy__overview-wrap {
    margin-top: var(--space-5);
  }

  .cookie-policy__overview,
  .cookie-policy__maintenance,
  .cookie-policy__consent-primary,
  .cookie-policy__consent-secondary,
  .cookie-policy__privacy-note {
    padding: var(--space-4);
  }

  .cookie-policy__section-heading h2,
  .cookie-policy__category-heading h2 {
    margin-bottom: var(--space-5);
  }

  .cookie-policy__numbered-list {
    gap: var(--space-5);
  }

  .cookie-policy__numbered-item,
  .cookie-policy__browser-item {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-2);
  }

  .cookie-policy__number {
    width: auto;
    padding-top: 0;
  }

  .cookie-policy__numbered-item + .cookie-policy__numbered-item,
  .cookie-policy__browser-item + .cookie-policy__browser-item {
    padding-top: var(--space-5);
  }

  .cookie-policy__category-list {
    margin-top: var(--space-5);
    gap: var(--space-4);
    border-top: 0;
  }

  .cookie-policy__category {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-3);
    padding: var(--space-4);
    border: var(--border-default);
    border-left: 4px solid var(--color-line);
  }

  .cookie-policy__category--necessary {
    border-left-color: var(--color-forest);
  }

  .cookie-policy__category--preferences {
    border-left-color: var(--color-mustard);
  }

  .cookie-policy__category--statistics {
    border-left-color: var(--color-cobalt);
  }

  .cookie-policy__category--marketing {
    border-left-color: var(--color-burgundy);
  }

  .cookie-policy__category-marker {
    display: none;
  }

  .cookie-policy__consent-primary h2 {
    margin-bottom: var(--space-5);
  }

  .cookie-policy__consent-secondary {
    margin-top: 0;
  }

  .cookie-policy__privacy-note {
    margin-top: var(--space-6);
  }
}


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

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

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

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

.privacy-page__intro-grid {
  align-items: stretch;
}

.privacy-page__intro-copy {
  grid-column: 3 / span 6;
  width: 100%;
  max-width: 38.75rem;
}

.privacy-page__intro-copy .intro {
  max-width: 38.75rem;
}

.privacy-page__axis {
  grid-column: 11;
  justify-self: center;
  width: 1px;
  min-height: 100%;
  background: var(--color-line);
}

.privacy-page__review-note {
  display: grid;
  grid-template-columns: 1rem minmax(0, 1fr);
  gap: var(--space-3);
  margin: var(--space-6) 0 0;
  padding: var(--space-5);
  border: var(--border-default);
  background: var(--color-surface-concrete);
}

.privacy-page__review-note > * {
  min-width: 0;
}

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

.privacy-page__review-note p {
  max-width: 35rem;
}

.privacy-page__review-note p:last-child {
  margin-bottom: 0;
}

.privacy-page__marker {
  width: 1rem;
  height: 1rem;
  margin-top: 0.2rem;
  background: var(--color-vermilion);
}

.privacy-page__numbered-grid {
  align-items: start;
}

.privacy-page__section-number {
  grid-column: 2;
  width: 100%;
  padding-top: 0.45rem;
  color: var(--color-vermilion);
  font-family: var(--font-heading);
  font-size: var(--text-label);
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1;
}

.privacy-page__reading-column {
  min-width: 0;
}

.privacy-page__responsible-content {
  grid-column: 3 / span 6;
  width: 100%;
  max-width: 40rem;
}

.privacy-page__unit {
  min-width: 0;
}

.privacy-page__unit + .privacy-page__unit {
  margin-top: var(--space-7);
}

.privacy-page__unit h3,
.privacy-page__hosting-card h3,
.privacy-page__inquiry-data h3,
.privacy-page__purpose-text h3,
.privacy-page__data-matrix h3,
.privacy-page__consent-card h3,
.privacy-page__external-services h3,
.privacy-page__recipient-module h3,
.privacy-page__rights-overview > h3,
.privacy-page__withdrawal-band h3,
.privacy-page__closing-note h3 {
  margin-bottom: var(--space-3);
  font-size: var(--text-h4);
}

.privacy-page__placeholder-block,
.privacy-page__contact-note {
  display: grid;
  gap: var(--space-2);
  margin-top: var(--space-5);
  padding: var(--space-4);
  border: var(--border-default);
  background: var(--color-surface-concrete);
}

.privacy-page__placeholder-block > *,
.privacy-page__contact-note > * {
  min-width: 0;
  margin: 0;
  overflow-wrap: anywhere;
}

.privacy-page__placeholder-label {
  color: var(--color-ink);
  font-family: var(--font-heading);
  font-size: var(--text-caption);
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: var(--leading-caption);
  text-transform: uppercase;
}

.privacy-page__standard-grid {
  align-items: start;
}

.privacy-page__technical-content,
.privacy-page__cookie-content,
.privacy-page__recipients-heading,
.privacy-page__rights-heading {
  grid-column: 3 / span 6;
  width: 100%;
}

.privacy-page__technical-content {
  max-width: 41.25rem;
}

.privacy-page__example-list {
  max-width: 32.5rem;
  margin-top: var(--space-5);
}

.privacy-page__legal-basis-unit {
  padding-inline-start: var(--space-4);
  border-inline-start: 4px solid var(--color-mustard);
}

.privacy-page__inline-placeholder {
  margin-bottom: 0;
  font-family: var(--font-heading);
  font-size: var(--text-label);
  font-weight: 600;
  letter-spacing: 0.025em;
  overflow-wrap: anywhere;
}

.privacy-page__hosting-card {
  grid-column: 4 / span 6;
  width: 100%;
  margin-top: var(--space-7);
  padding: var(--space-5);
  border: var(--border-default);
  background: var(--color-surface-concrete);
}

.privacy-page__hosting-card > :last-child,
.privacy-page__data-matrix > :last-child,
.privacy-page__external-services > :last-child,
.privacy-page__recipient-module > :last-child,
.privacy-page__rights-overview > :last-child,
.privacy-page__withdrawal-band > :last-child,
.privacy-page__closing-note > :last-child {
  margin-bottom: 0;
}

.privacy-page__placeholder-list,
.privacy-page__data-matrix dl {
  display: grid;
  gap: var(--space-3);
  margin: var(--space-5) 0 0;
}

.privacy-page__placeholder-list > div,
.privacy-page__data-matrix dl > div {
  display: grid;
  grid-template-columns: minmax(8rem, 0.7fr) minmax(0, 1.3fr);
  gap: var(--space-3);
  min-width: 0;
  padding-top: var(--space-3);
  border-top: var(--border-default);
}

.privacy-page__placeholder-list dt,
.privacy-page__data-matrix dt,
.privacy-page__term-list dt {
  min-width: 0;
  font-family: var(--font-heading);
  font-size: var(--text-label);
  font-weight: 700;
  line-height: var(--leading-label);
}

.privacy-page__placeholder-list dd,
.privacy-page__data-matrix dd,
.privacy-page__term-list dd {
  min-width: 0;
  margin: 0;
  overflow-wrap: anywhere;
}

.privacy-page__inquiry-intro {
  grid-column: 3 / span 7;
  width: 100%;
  max-width: 42.5rem;
}

.privacy-page__inquiry-intro .intro {
  max-width: 42.5rem;
}

.privacy-page__inquiry-data {
  grid-column: 3 / span 8;
  width: 100%;
  margin-top: var(--space-6);
}

.privacy-page__inquiry-data > p {
  max-width: 42.5rem;
}

.privacy-page__term-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(16.25rem, 1fr));
  gap: var(--space-4) var(--space-6);
  width: 100%;
  margin: var(--space-5) 0 0;
}

.privacy-page__term-list > div {
  min-width: 0;
  padding-top: var(--space-3);
  border-top: var(--border-default);
}

.privacy-page__term-list dd {
  margin-top: var(--space-2);
}

.privacy-page__purpose-row {
  display: grid;
  grid-column: 1 / span 8;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: var(--space-5);
  width: 100%;
  margin-top: var(--space-7);
}

.privacy-page__purpose-row > * {
  min-width: 0;
}

.privacy-page__purpose-accent {
  grid-column: 1 / span 2;
  display: flex;
  width: 100%;
  min-height: 100%;
  align-items: end;
  padding: var(--space-4);
  background: var(--color-forest);
  color: var(--color-white);
}

.privacy-page__purpose-accent span {
  font-family: var(--font-heading);
  font-size: var(--text-label);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
}

.privacy-page__purpose-text {
  grid-column: 3 / span 5;
  width: 100%;
  max-width: 42.5rem;
}

.privacy-page__data-matrix {
  grid-column: 3 / span 6;
  width: 100%;
  max-width: 42.5rem;
  margin-top: var(--space-7);
  padding: var(--space-5);
  border: var(--border-default);
  background: var(--color-surface-concrete);
}

.privacy-page__cookie-content {
  max-width: 40.625rem;
}

.privacy-page__necessary-tech h3 {
  display: grid;
  grid-template-columns: 1.75rem minmax(0, 1fr);
  gap: var(--space-3);
  align-items: start;
}

.privacy-page__necessary-tech h3 span {
  display: inline-flex;
  width: 1.75rem;
  min-height: 1.75rem;
  align-items: center;
  justify-content: center;
  background: var(--color-cobalt);
  color: var(--color-white);
  font-family: var(--font-heading);
  font-size: var(--text-caption);
  letter-spacing: 0.04em;
}

.privacy-page__consent-card {
  display: grid;
  gap: var(--space-4);
  margin-top: var(--space-7);
  padding: var(--space-5);
  border: var(--border-default);
  background: var(--color-surface-concrete);
}

.privacy-page__consent-card > * {
  min-width: 0;
  margin: 0;
}

.privacy-page__consent-card ul {
  display: grid;
  gap: var(--space-2);
  padding-inline-start: 1.25rem;
}

.privacy-page__external-services {
  grid-column: 2 / span 10;
  width: 100%;
  margin-top: var(--space-7);
  padding-top: var(--space-6);
  border-top: var(--border-default);
}

.privacy-page__external-services > p {
  max-width: 42.5rem;
}

.privacy-page__service-table {
  display: grid;
  width: 100%;
  margin-top: var(--space-5);
  border: var(--border-default);
}

.privacy-page__service-head,
.privacy-page__service-row {
  display: grid;
  grid-template-columns: 1fr 1fr 1.2fr 1.15fr 1fr;
  min-width: 0;
}

.privacy-page__service-head > *,
.privacy-page__service-row > * {
  min-width: 0;
  padding: var(--space-3);
  overflow-wrap: anywhere;
}

.privacy-page__service-head {
  background: var(--color-ink);
  color: var(--color-white);
  font-family: var(--font-heading);
  font-size: var(--text-caption);
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: var(--leading-caption);
  text-transform: uppercase;
}

.privacy-page__service-row > * + * {
  border-inline-start: var(--border-default);
}

.privacy-page__recipients-heading {
  max-width: 42.5rem;
}

.privacy-page__recipient-modules {
  display: grid;
  grid-column: 2 / span 10;
  grid-template-columns: 4fr 3fr 4fr;
  gap: var(--space-5);
  width: 100%;
  margin-top: var(--space-6);
}

.privacy-page__recipient-modules > * {
  min-width: 0;
}

.privacy-page__recipient-module {
  width: 100%;
  padding: var(--space-5);
  border: var(--border-default);
  background: var(--color-surface-concrete);
}

.privacy-page__recipient-module--recipients {
  border-top: 4px solid var(--color-ink);
}

.privacy-page__recipient-module ul,
.privacy-page__recipient-module ol {
  display: grid;
  gap: var(--space-2);
  margin: var(--space-5) 0 0;
}

.privacy-page__recipient-module ol {
  padding-inline-start: 1.25rem;
}

.privacy-page__recipient-module--transfers {
  position: relative;
}

.privacy-page__burgundy-marker {
  display: block;
  width: 0.75rem;
  height: 0.75rem;
  margin-bottom: var(--space-4);
  background: var(--color-burgundy);
}

.privacy-page__rights-heading {
  max-width: 38.75rem;
}

.privacy-page__rights-overview {
  grid-column: 3 / span 8;
  width: 100%;
  margin-top: var(--space-6);
}

.privacy-page__rights-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: 100%;
  border-top: var(--border-default);
  border-inline-start: var(--border-default);
}

.privacy-page__rights-grid > div {
  min-width: 0;
  min-height: 9rem;
  padding: var(--space-4);
  border-right: var(--border-default);
  border-bottom: var(--border-default);
}

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

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

.privacy-page__withdrawal-band {
  grid-column: 3 / span 6;
  display: grid;
  gap: var(--space-4);
  width: 100%;
  max-width: 38.75rem;
  margin-top: var(--space-7);
  padding: var(--space-5);
  background: var(--color-cobalt);
  color: var(--color-white);
}

.privacy-page__withdrawal-band > * {
  min-width: 0;
  margin: 0;
}

.privacy-page__withdrawal-band h3 {
  color: var(--color-white);
}

.privacy-page__contact-strip {
  padding: var(--space-3);
  background: var(--color-canvas);
  color: var(--color-ink);
  font-family: var(--font-heading);
  font-size: var(--text-label);
  font-weight: 600;
  letter-spacing: 0.02em;
  overflow-wrap: anywhere;
}

.privacy-page__closing-note {
  grid-column: 3 / span 6;
  width: 100%;
  max-width: 38.75rem;
  margin-top: var(--space-7);
  padding-top: var(--space-5);
  border-top: var(--border-default);
}

@media (max-width: 61.24rem) {
  .privacy-page__grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    column-gap: var(--space-4);
  }

  .privacy-page__intro-copy,
  .privacy-page__responsible-content,
  .privacy-page__technical-content,
  .privacy-page__cookie-content,
  .privacy-page__recipients-heading,
  .privacy-page__rights-heading {
    grid-column: 1 / span 5;
  }

  .privacy-page__axis {
    display: none;
  }

  .privacy-page__section-number {
    grid-column: 1;
    grid-row: 1;
    width: 1.75rem;
    min-height: 1.75rem;
    padding: 0;
    align-self: start;
    background: var(--color-vermilion);
    color: var(--color-white);
    font-size: var(--text-caption);
    line-height: 1.75rem;
    text-align: center;
  }

  .privacy-page__responsible-content {
    grid-column: 1 / span 6;
    margin-top: var(--space-5);
  }

  .privacy-page__hosting-card {
    grid-column: 1 / span 6;
    margin-top: var(--space-6);
  }

  .privacy-page__inquiry-intro,
  .privacy-page__inquiry-data {
    grid-column: 1 / span 6;
  }

  .privacy-page__purpose-row {
    grid-column: 1 / span 6;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .privacy-page__purpose-accent {
    grid-column: 1;
  }

  .privacy-page__purpose-text {
    grid-column: 2 / span 5;
  }

  .privacy-page__data-matrix {
    grid-column: 1 / span 6;
  }

  .privacy-page__external-services,
  .privacy-page__recipient-modules {
    grid-column: 1 / span 6;
  }

  .privacy-page__recipient-modules {
    grid-template-columns: 1fr;
  }

  .privacy-page__rights-overview,
  .privacy-page__withdrawal-band,
  .privacy-page__closing-note {
    grid-column: 1 / span 6;
  }
}

@media (max-width: 56.24rem) {
  .privacy-page__service-table {
    gap: var(--space-3);
    border: 0;
  }

  .privacy-page__service-head {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
  }

  .privacy-page__service-row {
    grid-template-columns: 1fr;
    gap: 0;
    border: var(--border-default);
    background: var(--color-surface-concrete);
  }

  .privacy-page__service-row > * {
    display: grid;
    grid-template-columns: minmax(8rem, 0.7fr) minmax(0, 1.3fr);
    gap: var(--space-3);
    padding: var(--space-3);
  }

  .privacy-page__service-row > * + * {
    border-top: var(--border-default);
    border-inline-start: 0;
  }

  .privacy-page__service-row > *::before {
    min-width: 0;
    color: var(--color-ink);
    content: attr(data-label);
    font-family: var(--font-heading);
    font-size: var(--text-caption);
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: var(--leading-caption);
    text-transform: uppercase;
  }
}

@media (max-width: 47.99rem) {
  .privacy-page__intro {
    padding-top: var(--space-7);
  }

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

  .privacy-page__intro-copy,
  .privacy-page__responsible-content,
  .privacy-page__technical-content,
  .privacy-page__inquiry-intro,
  .privacy-page__inquiry-data,
  .privacy-page__cookie-content,
  .privacy-page__recipients-heading,
  .privacy-page__rights-heading,
  .privacy-page__hosting-card,
  .privacy-page__data-matrix,
  .privacy-page__external-services,
  .privacy-page__recipient-modules,
  .privacy-page__rights-overview,
  .privacy-page__withdrawal-band,
  .privacy-page__closing-note {
    grid-column: 1 / span 4;
    max-width: none;
  }

  .privacy-page__intro-copy h1 {
    font-size: clamp(3.5rem, 16vw, 4rem);
    line-height: 1.035;
  }

  .privacy-page__review-note {
    grid-template-columns: 0.75rem minmax(0, 1fr);
    gap: var(--space-3);
    margin-top: var(--space-5);
    padding: var(--space-4);
  }

  .privacy-page__marker {
    width: 0.75rem;
    height: 0.75rem;
  }

  .privacy-page__section-number {
    grid-column: 1;
  }

  .privacy-page__responsible-content {
    margin-top: var(--space-5);
  }

  .privacy-page__unit + .privacy-page__unit {
    margin-top: var(--space-6);
  }

  .privacy-page__placeholder-list > div,
  .privacy-page__data-matrix dl > div,
  .privacy-page__service-row > * {
    grid-template-columns: 1fr;
    gap: var(--space-2);
  }

  .privacy-page__term-list {
    grid-template-columns: 1fr;
    gap: var(--space-4);
  }

  .privacy-page__purpose-row {
    grid-column: 1 / span 4;
    grid-template-columns: 1fr;
    gap: 0;
    margin-top: var(--space-6);
  }

  .privacy-page__purpose-accent {
    grid-column: 1;
    min-height: 0.5rem;
    padding: 0;
  }

  .privacy-page__purpose-accent span {
    display: none;
  }

  .privacy-page__purpose-text {
    grid-column: 1;
    padding: var(--space-5) 0 0;
  }

  .privacy-page__data-matrix,
  .privacy-page__hosting-card,
  .privacy-page__consent-card,
  .privacy-page__recipient-module {
    padding: var(--space-4);
  }

  .privacy-page__external-services,
  .privacy-page__recipient-modules,
  .privacy-page__rights-overview,
  .privacy-page__withdrawal-band,
  .privacy-page__closing-note {
    margin-top: var(--space-6);
  }

  .privacy-page__recipient-modules {
    gap: var(--space-4);
  }

  .privacy-page__rights-grid {
    grid-template-columns: 1fr;
  }

  .privacy-page__rights-grid > div {
    min-height: 0;
    padding: var(--space-4);
  }

  .privacy-page__withdrawal-band {
    padding: var(--space-5);
  }
}


.kontakt-page {
  overflow: clip;
}

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

.kontakt-page .eyebrow {
  width: max-content;
  max-width: 100%;
}

.kontakt-section-number,
.kontakt-card-label {
  margin: 0;
  font-family: var(--font-heading);
  font-size: var(--text-label);
  font-weight: 600;
  letter-spacing: 0.04em;
  line-height: var(--leading-label);
  text-transform: uppercase;
}

.kontakt-section-number {
  color: var(--color-cobalt);
}

.kontakt-text-link {
  display: inline-flex;
  min-width: 0;
  min-height: 2.75rem;
  align-items: center;
  color: var(--color-cobalt);
  font-family: var(--font-heading);
  font-size: var(--text-label);
  font-weight: 600;
  letter-spacing: 0.02em;
  text-decoration-thickness: 2px;
  text-underline-offset: 0.2em;
  transition: transform var(--transition-fast), color var(--transition-fast);
}

.kontakt-text-link:hover {
  color: var(--color-ink);
  transform: translate(2px, 2px);
}

.kontakt-hero {
  padding-block-start: clamp(var(--space-7), 8vw, var(--space-10));
}

.kontakt-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(22.5rem, 5fr);
  align-items: start;
  gap: var(--space-6);
}

.kontakt-hero__copy,
.kontakt-hero__media,
.kontakt-anlaesse__header,
.kontakt-anlass,
.kontakt-prozess__header,
.kontakt-step,
.kontakt-vorbereitung__intro,
.kontakt-vorbereitung__checklist,
.kontakt-vorbereitung__media,
.kontakt-form-section__header,
.kontakt-form-shell,
.kontakt-abschluss__content {
  min-width: 0;
}

.kontakt-hero__copy {
  display: flex;
  width: 100%;
  max-width: 40.625rem;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-5);
}

.kontakt-hero__copy > :is(h1, p) {
  margin: 0;
}

.kontakt-hero__copy h1 {
  width: 100%;
  font-size: clamp(3.5rem, 6.2vw, 5.5rem);
}

.kontakt-hero__copy h1 span {
  color: var(--color-cobalt);
}

.kontakt-hero__copy .intro {
  width: 100%;
  max-width: 35rem;
}

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

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

.kontakt-hero__media {
  position: relative;
  width: 100%;
  margin: var(--space-5) 0 0;
}

.kontakt-hero__media::after {
  position: absolute;
  z-index: -1;
  right: calc(var(--space-5) * -1);
  bottom: calc(var(--space-5) * -1);
  width: 82%;
  height: 46%;
  background: var(--color-cobalt);
  content: "";
}

.kontakt-hero__media img {
  width: 100%;
  aspect-ratio: 4 / 5;
  border: var(--border-strong);
  border-radius: var(--radius-image);
  object-fit: cover;
}

.kontakt-hero__media figcaption {
  width: 100%;
  margin-top: var(--space-3);
}

.kontakt-anlaesse__header {
  display: flex;
  width: min(100%, 38.75rem);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
}

.kontakt-anlaesse__header > :is(h2, p) {
  margin: 0;
}

.kontakt-anlaesse__header .intro {
  width: min(100%, 38.75rem);
}

.kontakt-anlaesse__grid {
  display: grid;
  grid-template-columns: minmax(0, 4fr) minmax(0, 3fr) minmax(0, 5fr);
  align-items: end;
  gap: var(--space-5);
  margin-top: var(--space-7);
}

.kontakt-anlass {
  display: flex;
  width: 100%;
  min-height: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  padding: var(--space-5);
  border: var(--border-default);
}

.kontakt-anlass > :is(h3, p) {
  margin: 0;
}

.kontakt-anlass h3 {
  width: 100%;
  font-size: var(--text-h4);
}

.kontakt-anlass p:not(.kontakt-card-label) {
  width: 100%;
}

.kontakt-anlass--business {
  background: var(--color-surface-concrete);
}

.kontakt-anlass--private {
  position: relative;
  margin-bottom: var(--space-6);
  border-color: var(--color-ink);
  background: var(--color-canvas);
}

.kontakt-anlass--private::before {
  display: block;
  width: 1rem;
  height: 1rem;
  background: var(--color-mustard);
  content: "";
}

.kontakt-anlass--theme {
  position: relative;
  margin-top: var(--space-4);
  border-color: var(--color-table-green);
  background: var(--color-table-green);
  color: var(--color-white);
}

.kontakt-anlass--theme::after {
  position: absolute;
  top: var(--space-5);
  right: var(--space-5);
  width: 2.5rem;
  height: 2px;
  background: var(--color-burgundy);
  content: "";
}

.kontakt-anlass--theme .kontakt-card-label {
  color: var(--color-white);
}

.kontakt-anlass--theme h3 {
  color: var(--color-white);
}

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

.kontakt-prozess__header {
  display: flex;
  width: min(100%, 36.25rem);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
}

.kontakt-prozess__header > :is(h2, p) {
  margin: 0;
}

.kontakt-prozess__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: stretch;
  margin-top: var(--space-7);
  border-top: var(--border-strong);
  border-left: var(--border-strong);
}

.kontakt-step {
  display: flex;
  width: 100%;
  min-height: 19rem;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-6);
  padding: var(--space-5);
  border-right: var(--border-strong);
  border-bottom: var(--border-strong);
  background: var(--color-canvas);
}

.kontakt-step__number {
  margin: 0;
  font-family: var(--font-heading);
  font-size: clamp(2.5rem, 4vw, 4rem);
  font-weight: 700;
  letter-spacing: -0.06em;
  line-height: 1;
}

.kontakt-step__content {
  display: flex;
  width: 100%;
  min-width: 0;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
}

.kontakt-step__content > :is(h3, p) {
  margin: 0;
}

.kontakt-step__content h3 {
  width: 100%;
  font-size: var(--text-h4);
}

.kontakt-step__content p {
  width: 100%;
}

.kontakt-step--one .kontakt-step__number {
  color: var(--color-vermilion);
}

.kontakt-step--two {
  background: color-mix(in srgb, var(--color-surface-concrete) 78%, var(--color-white));
}

.kontakt-step--two .kontakt-step__number {
  color: var(--color-cobalt);
}

.kontakt-step--three .kontakt-step__number {
  color: #8b6900;
}

.kontakt-step--four .kontakt-step__number {
  color: var(--color-forest);
}

.kontakt-vorbereitung__grid {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 4fr) minmax(16.25rem, 3fr);
  align-items: start;
  gap: var(--space-5);
}

.kontakt-vorbereitung__intro {
  display: flex;
  width: 100%;
  max-width: 31.25rem;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
}

.kontakt-vorbereitung__intro > :is(h2, p) {
  margin: 0;
}

.kontakt-vorbereitung__intro p {
  width: 100%;
}

.kontakt-vorbereitung__checklist {
  display: flex;
  width: 100%;
  max-width: 26.25rem;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-5);
  padding-top: var(--space-8);
}

.kontakt-vorbereitung__checklist > :is(h3, ul) {
  margin: 0;
}

.kontakt-vorbereitung__checklist h3 {
  width: 100%;
  font-size: var(--text-h4);
}

.kontakt-vorbereitung__checklist ul {
  display: grid;
  width: 100%;
  padding: 0;
  list-style: none;
}

.kontakt-vorbereitung__checklist li {
  position: relative;
  width: 100%;
  padding: 0 0 var(--space-4) var(--space-5);
  border-bottom: var(--border-default);
}

.kontakt-vorbereitung__checklist li + li {
  padding-top: var(--space-4);
}

.kontakt-vorbereitung__checklist li::before {
  position: absolute;
  top: 0.55em;
  left: 0;
  width: 0.625rem;
  height: 0.625rem;
  background: var(--color-vermilion);
  content: "";
}

.kontakt-vorbereitung__checklist li:nth-child(2)::before,
.kontakt-vorbereitung__checklist li:nth-child(5)::before {
  background: var(--color-mustard);
}

.kontakt-vorbereitung__checklist li:nth-child(3)::before,
.kontakt-vorbereitung__checklist li:nth-child(6)::before {
  background: var(--color-forest);
}

.kontakt-vorbereitung__note {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  padding: var(--space-5);
  background: var(--color-forest);
  color: var(--color-white);
}

.kontakt-vorbereitung__note > :is(h3, p) {
  margin: 0;
}

.kontakt-vorbereitung__note h3 {
  width: 100%;
  color: var(--color-white);
  font-size: var(--text-h4);
}

.kontakt-vorbereitung__note p {
  width: 100%;
}

.kontakt-vorbereitung__media {
  width: 100%;
  margin: var(--space-9) 0 0;
}

.kontakt-vorbereitung__media img {
  width: 100%;
  aspect-ratio: 3 / 2;
  border: var(--border-strong);
  border-radius: var(--radius-image);
  object-fit: cover;
}

.kontakt-vorbereitung__media figcaption {
  width: 100%;
  margin-top: var(--space-3);
}

.kontakt-form-section {
  background: color-mix(in srgb, var(--color-surface-concrete) 38%, var(--color-canvas));
}

.kontakt-form-section__header {
  display: flex;
  width: min(100%, 38.75rem);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
}

.kontakt-form-section__header > :is(h2, p) {
  margin: 0;
}

.kontakt-form-section__header .intro {
  width: 100%;
}

.kontakt-form-shell {
  display: grid;
  grid-template-columns: minmax(4rem, 1fr) minmax(0, 9fr);
  width: min(100% - (var(--space-7) * 2), 68.75rem);
  margin: var(--space-7) 0 0 auto;
  border: var(--border-strong);
  background: var(--color-surface-concrete);
}

.kontakt-form-shell__bar {
  width: 100%;
  min-width: 0;
  background: var(--color-cobalt);
}

.kontakt-form-shell__content {
  width: 100%;
  min-width: 0;
  padding: clamp(var(--space-5), 4vw, var(--space-8));
}

.kontakt-form-summary {
  width: 100%;
  margin-bottom: var(--space-5);
  padding: var(--space-4);
  border-left: 4px solid var(--color-vermilion);
  background: var(--color-canvas);
  color: var(--color-ink);
  font-weight: 600;
}

.kontakt-form {
  display: flex;
  width: min(100%, 52.5rem);
  min-width: 0;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-7);
}

.kontakt-form__fieldset {
  display: flex;
  width: 100%;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
}

.kontakt-form__fieldset > :is(h3, p) {
  margin: 0;
}

.kontakt-form__fieldset h3 {
  width: 100%;
  font-size: var(--text-h4);
}

.kontakt-form__fieldset > .form-hint {
  width: min(100%, 37.5rem);
}

.kontakt-form__grid {
  display: grid;
  width: 100%;
  min-width: 0;
  gap: var(--space-5);
}

.kontakt-form__grid--contact,
.kontakt-form__grid--event {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.kontakt-form__grid > * {
  width: 100%;
  min-width: 0;
}

.kontakt-form__field--half {
  grid-column: 1 / span 1;
}

.kontakt-form .form-field {
  width: 100%;
  margin: 0;
}

.kontakt-form .form-error,
.kontakt-form .form-hint,
.kontakt-casino-hint {
  width: 100%;
}

.kontakt-optional {
  font-family: var(--font-body);
  font-size: var(--text-caption);
  font-weight: 400;
  letter-spacing: 0;
}

.kontakt-form input,
.kontakt-form select,
.kontakt-form textarea {
  border-color: var(--color-line);
  background: var(--color-white);
}

.kontakt-form input:focus,
.kontakt-form select:focus,
.kontakt-form textarea:focus {
  border-color: var(--color-ink);
}

.kontakt-form textarea {
  min-height: 9.375rem;
}

.kontakt-casino-hint {
  margin: 0;
  padding: var(--space-3);
  border-left: 3px solid var(--color-burgundy);
  background: color-mix(in srgb, var(--color-table-green) 10%, var(--color-white));
  color: var(--color-ink);
  font-size: var(--text-label);
  line-height: var(--leading-label);
}

.kontakt-form__submit-area {
  display: flex;
  width: 100%;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  padding-top: var(--space-5);
  border-top: var(--border-default);
}

.kontakt-form__submit-area > p {
  margin: 0;
}

.kontakt-consent {
  gap: var(--space-3);
  padding: var(--space-4);
  background: var(--color-canvas);
}

.kontakt-consent label {
  display: flex;
  width: 100%;
  min-width: 0;
  align-items: flex-start;
  gap: var(--space-3);
  margin: 0;
  font-family: var(--font-body);
  font-size: var(--text-label);
  font-weight: 400;
  letter-spacing: 0;
}

.kontakt-consent label > span {
  min-width: 0;
}

.kontakt-consent input {
  width: 1.125rem;
  min-width: 1.125rem;
  min-height: 1.125rem;
  margin-top: 0.15rem;
  padding: 0;
}

.kontakt-form__submit {
  min-width: 15rem;
}

.kontakt-form__status {
  width: 100%;
  min-height: 1.5rem;
  color: var(--color-ink);
  font-size: var(--text-label);
  line-height: var(--leading-label);
}

.kontakt-success {
  display: flex;
  width: min(100%, 52.5rem);
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  padding: var(--space-6);
  border: var(--border-default);
  background: var(--color-surface-concrete);
}

.kontakt-success > :is(h3, p) {
  margin: 0;
}

.kontakt-success h3 {
  width: 100%;
  font-size: var(--text-h4);
}

.kontakt-success p:not(.eyebrow) {
  width: min(100%, 40rem);
}

.kontakt-abschluss__content {
  display: flex;
  width: min(100%, 38.75rem);
  margin-left: calc((100% + var(--space-5)) / 12);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  padding-left: var(--space-5);
  border-left: 5px solid var(--color-forest);
}

.kontakt-abschluss__content > :is(h2, p) {
  margin: 0;
}

.kontakt-abschluss__content h2 {
  width: 100%;
  font-size: var(--text-h4);
}

.kontakt-abschluss__content p {
  width: 100%;
}

@media (max-width: 64.99rem) {
  .kontakt-hero__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-7);
  }

  .kontakt-hero__copy {
    max-width: 40.625rem;
  }

  .kontakt-hero__media {
    width: min(100%, 42rem);
    margin: 0;
  }

  .kontakt-anlaesse__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
  }

  .kontakt-anlass--business {
    grid-column: 1 / -1;
  }

  .kontakt-anlass--private,
  .kontakt-anlass--theme {
    margin-top: 0;
    margin-bottom: 0;
  }

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

  .kontakt-step {
    min-height: 17rem;
  }

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

  .kontakt-vorbereitung__intro,
  .kontakt-vorbereitung__checklist {
    max-width: none;
  }

  .kontakt-vorbereitung__checklist {
    padding-top: 0;
  }

  .kontakt-vorbereitung__media {
    grid-column: 1 / -1;
    width: min(100%, 42rem);
    margin: 0;
  }

  .kontakt-form-shell {
    width: 100%;
    margin-left: 0;
  }

  .kontakt-abschluss__content {
    margin-left: 0;
  }
}

@media (max-width: 51.24rem) {
  .kontakt-form-shell {
    grid-template-columns: minmax(0, 1fr);
  }

  .kontakt-form-shell__bar {
    min-height: 0.5rem;
  }

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

  .kontakt-form__field--half {
    grid-column: auto;
  }
}

@media (max-width: 47.99rem) {
  .kontakt-hero__copy h1 {
    font-size: clamp(3.25rem, 14vw, 3.5rem);
    line-height: 1.035;
  }

  .kontakt-hero__media {
    width: 100%;
  }

  .kontakt-hero__media::after {
    right: calc(var(--space-4) * -1);
    bottom: calc(var(--space-4) * -1);
    width: 84%;
    height: 1.5rem;
  }

  .kontakt-hero__media img {
    aspect-ratio: 4 / 3;
  }

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

  .kontakt-anlass--business,
  .kontakt-vorbereitung__media {
    grid-column: auto;
  }

  .kontakt-anlass {
    min-height: 0;
    padding: var(--space-5);
  }

  .kontakt-prozess__grid {
    border-left: 0;
  }

  .kontakt-step {
    min-height: 0;
    flex-direction: row;
    gap: var(--space-4);
    border-left: var(--border-strong);
  }

  .kontakt-step__number {
    width: 2.75rem;
    min-width: 2.75rem;
    font-size: 2.5rem;
  }

  .kontakt-vorbereitung__media {
    width: 100%;
  }

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

  .kontakt-form {
    gap: var(--space-6);
  }

  .kontakt-form__submit {
    width: 100%;
    min-width: 0;
  }

  .kontakt-abschluss__content {
    width: 100%;
  }
}

@media (max-width: 29.99rem) {
  .kontakt-hero__actions {
    align-items: stretch;
  }

  .kontakt-hero__actions .kontakt-text-link {
    width: 100%;
  }

  .kontakt-step {
    flex-direction: column;
    gap: var(--space-3);
  }

  .kontakt-step__number {
    width: auto;
    min-width: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .kontakt-text-link {
    transition: none;
  }

  .kontakt-text-link:hover {
    transform: none;
  }
}


.teambuilding-page { overflow: hidden; }
.teambuilding-page .section { padding-block: var(--section-space); }
.teambuilding-page .tb-hero { padding-top: calc(var(--section-space) + var(--space-4)); }
.teambuilding-page .tb-hero__grid,
.teambuilding-page .tb-space__grid,
.teambuilding-page .tb-cta__grid,
.teambuilding-page .tb-form__grid { display: grid; min-width: 0; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-5); }
.teambuilding-page .tb-hero__content { grid-column: 1 / span 7; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); }
.teambuilding-page .tb-hero__content > * { min-width: 0; margin: 0; }
.teambuilding-page .tb-hero h1 { max-width: 9ch; font-size: clamp(3.5rem, 7.3vw, 5.5rem); }
.teambuilding-page .tb-hero h1 span { color: var(--color-cobalt); }
.teambuilding-page .tb-hero .intro { max-width: 38rem; }
.teambuilding-page .tb-hero__actions { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-4); }
.teambuilding-page .tb-hero__formats { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); margin: 0; font-family: var(--font-heading); font-size: var(--text-caption); font-weight: 600; letter-spacing: .04em; text-transform: uppercase; }
.teambuilding-page .tb-hero__formats span { width: 1px; height: 1rem; background: var(--color-line); }
.teambuilding-page .tb-hero__media { grid-column: 8 / span 5; min-width: 0; margin: 0; position: relative; align-self: start; overflow: hidden; border: var(--border-strong); border-radius: var(--radius-image); }
.teambuilding-page .tb-hero__media img { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; }
.teambuilding-page .tb-hero__media figcaption { position: absolute; right: var(--space-3); bottom: var(--space-3); max-width: 16rem; padding: var(--space-2); background: var(--color-canvas); }
.teambuilding-page .tb-hero__accent { grid-column: 11 / span 2; min-width: 0; min-height: 6rem; margin-top: calc(var(--space-7) * -1); z-index: 1; background: var(--color-cobalt); border: var(--border-strong); }
.teambuilding-page .tb-hero__accent::after { display: block; width: 1.25rem; height: 1.25rem; margin: var(--space-3); background: var(--color-vermilion); content: ""; }
.teambuilding-page .tb-section-head { min-width: 0; }
.teambuilding-page .tb-section-head > :last-child { margin-bottom: 0; }
.teambuilding-page .tb-goals__head { width: 58.333%; max-width: 46rem; }
.teambuilding-page .tb-goals__grid { display: grid; min-width: 0; grid-template-columns: 4fr 3fr 5fr; gap: var(--space-5); margin-top: var(--space-7); }
.teambuilding-page .tb-goal { min-width: 0; padding: var(--space-5); border: var(--border-default); }
.teambuilding-page .tb-goal > :last-child { margin-bottom: 0; }
.teambuilding-page .tb-goal--one { background: var(--color-canvas); }
.teambuilding-page .tb-goal--two { background: var(--color-forest); color: var(--color-white); border-color: var(--color-forest); }
.teambuilding-page .tb-goal--two h3 { color: inherit; }
.teambuilding-page .tb-goal--three { background: var(--color-surface-concrete); }
.teambuilding-page .tb-number { display: block; margin-bottom: var(--space-7); font-family: var(--font-heading); font-size: 3.5rem; font-weight: 700; line-height: 1; letter-spacing: -.06em; color: var(--color-vermilion); }
.teambuilding-page .tb-goal--two .tb-number { color: var(--color-mustard); }
.teambuilding-page .tb-goal--three .tb-number { color: #9a7616; }
.teambuilding-page .tb-process__head { width: 50%; max-width: 42.5rem; }
.teambuilding-page .tb-process__grid { display: grid; min-width: 0; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; margin-top: var(--space-7); }
.teambuilding-page .tb-step { min-width: 0; min-height: 21rem; padding: var(--space-5); border: var(--border-strong); border-right: 0; transition: border-width var(--transition-fast); }
.teambuilding-page .tb-step:last-child { border-right: var(--border-strong); }
.teambuilding-page .tb-step:hover { border-width: 2px; }
.teambuilding-page .tb-step__top { display: flex; min-width: 0; align-items: center; gap: var(--space-3); margin-bottom: var(--space-7); }
.teambuilding-page .tb-step__top > * { min-width: 0; margin: 0; }
.teambuilding-page .tb-step__top span { font-family: var(--font-heading); font-size: var(--text-label); font-weight: 700; letter-spacing: .04em; }
.teambuilding-page .tb-step h3 { font-size: 1.45rem; }
.teambuilding-page .tb-step > p:last-child { margin-bottom: 0; }
.teambuilding-page .tb-step--mustard { background: var(--color-mustard); }
.teambuilding-page .tb-step--canvas { background: var(--color-canvas); }
.teambuilding-page .tb-step--concrete { background: var(--color-surface-concrete); }
.teambuilding-page .tb-step--cobalt { background: var(--color-cobalt); color: var(--color-white); }
.teambuilding-page .tb-step--cobalt h3 { color: inherit; }
.teambuilding-page .tb-formats__head { width: 58.333%; max-width: 48rem; }
.teambuilding-page .tb-formats__grid { display: grid; min-width: 0; grid-template-columns: 3fr 4fr 2fr 3fr; gap: var(--space-5); margin-top: var(--space-7); }
.teambuilding-page .tb-format { position: relative; min-width: 0; min-height: 21rem; padding: var(--space-5); border: var(--border-default); overflow: hidden; }
.teambuilding-page .tb-format > :last-child { margin-bottom: 0; }
.teambuilding-page .tb-format--cooperative { background: var(--color-surface-concrete); }
.teambuilding-page .tb-format__mark { display: block; width: 1.25rem; height: 1.25rem; margin-bottom: var(--space-7); background: var(--color-vermilion); }
.teambuilding-page .tb-format--dinner { background: var(--color-forest); color: var(--color-white); border-color: var(--color-forest); }
.teambuilding-page .tb-format--dinner h3,
.teambuilding-page .tb-format--casino h3 { color: inherit; }
.teambuilding-page .tb-format--creative { background: var(--color-canvas); }
.teambuilding-page .tb-format__corner { position: absolute; top: 0; right: 0; width: 2rem; height: 2rem; background: var(--color-mustard); }
.teambuilding-page .tb-format--casino { background: var(--color-table-green); color: var(--color-white); border-color: var(--color-burgundy); }
.teambuilding-page .tb-format--casino::before { position: absolute; top: var(--space-4); right: var(--space-4); width: 2rem; height: 2rem; border: 2px solid var(--color-burgundy); content: ""; }
.teambuilding-page .tb-format__label { margin-bottom: var(--space-5); font-family: var(--font-heading); font-size: var(--text-caption); font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--color-white); }
.teambuilding-page .tb-space__media { grid-column: 1 / span 7; min-width: 0; margin: 0; overflow: hidden; border: var(--border-default); border-radius: var(--radius-image); }
.teambuilding-page .tb-space__media img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; transition: transform var(--transition-fast); }
.teambuilding-page .tb-space__media:hover img { transform: scale(1.02); }
.teambuilding-page .tb-space__media figcaption { padding: var(--space-2) var(--space-3); background: var(--color-surface-concrete); }
.teambuilding-page .tb-space__content { grid-column: 8 / span 5; min-width: 0; display: flex; flex-direction: column; align-items: stretch; gap: var(--space-5); }
.teambuilding-page .tb-space__content > * { min-width: 0; margin: 0; }
.teambuilding-page .tb-space__intro { max-width: 34rem; }
.teambuilding-page .tb-space__details { display: flex; min-width: 0; flex-direction: column; gap: var(--space-5); }
.teambuilding-page .tb-detail { min-width: 0; padding-left: var(--space-5); border-left: 8px solid var(--color-forest); }
.teambuilding-page .tb-detail > :last-child { margin-bottom: 0; }
.teambuilding-page .tb-detail--burgundy { padding: var(--space-5); border: var(--border-default); border-top: 8px solid var(--color-burgundy); background: var(--color-surface-concrete); }
.teambuilding-page .tb-casino { padding-block: var(--space-9); }
.teambuilding-page .tb-casino__head { width: 58.333%; max-width: 45rem; min-width: 0; }
.teambuilding-page .tb-casino__head > :last-child { margin-bottom: 0; }
.teambuilding-page .tb-casino .eyebrow::before { background: var(--color-mustard); }
.teambuilding-page .tb-casino__media { width: 100%; min-width: 0; margin: var(--space-7) 0 0; overflow: hidden; border: 1px solid var(--color-burgundy); }
.teambuilding-page .tb-casino__media img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; }
.teambuilding-page .tb-casino__grid { display: grid; min-width: 0; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); margin-top: var(--space-5); }
.teambuilding-page .tb-casino-card { min-width: 0; padding: var(--space-5); border: 1px solid var(--color-burgundy); background: rgba(255,253,248,.07); }
.teambuilding-page .tb-casino-card > :last-child { margin-bottom: 0; }
.teambuilding-page .tb-casino-card::before { display: block; width: 2.25rem; height: .25rem; margin-bottom: var(--space-4); background: var(--color-burgundy); content: ""; }
.teambuilding-page .tb-casino-card h3 { color: inherit; }
.teambuilding-page .tb-casino-card--notice { background: var(--color-canvas); color: var(--color-ink); border-color: var(--color-canvas); }
.teambuilding-page .tb-casino-card--notice h3 { color: var(--color-ink); }
.teambuilding-page .tb-casino-card--notice::before { background: var(--color-mustard); }
.teambuilding-page .tb-casino__link { display: inline-block; margin-top: var(--space-5); color: var(--color-white); }
.teambuilding-page .tb-planning__head { width: 50%; max-width: 42.5rem; }
.teambuilding-page .tb-planning__grid { display: grid; min-width: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-5); margin-top: var(--space-7); }
.teambuilding-page .tb-info { position: relative; min-width: 0; min-height: 15rem; padding: var(--space-5); border: var(--border-default); background: var(--color-canvas); }
.teambuilding-page .tb-info > :last-child { margin-bottom: 0; }
.teambuilding-page .tb-info__symbol { position: absolute; top: var(--space-4); right: var(--space-5); font-family: var(--font-heading); font-size: 3rem; font-weight: 700; line-height: 1; color: var(--color-vermilion); }
.teambuilding-page .tb-info--concrete { background: var(--color-surface-concrete); }
.teambuilding-page .tb-info--cobalt { background: var(--color-cobalt); color: var(--color-white); border-color: var(--color-cobalt); }
.teambuilding-page .tb-info--cobalt h3 { color: inherit; }
.teambuilding-page .tb-faq__head { width: 50%; max-width: 42.5rem; }
.teambuilding-page .tb-faq__list { width: 75%; min-width: 0; margin-top: var(--space-7); }
.teambuilding-page .tb-faq__item { min-width: 0; border-top: var(--border-strong); }
.teambuilding-page .tb-faq__item:last-child { border-bottom: var(--border-strong); }
.teambuilding-page .tb-faq__item h3 { margin: 0; }
.teambuilding-page .tb-faq__item button { display: flex; width: 100%; min-width: 0; min-height: 3.5rem; align-items: center; justify-content: space-between; gap: var(--space-4); padding: var(--space-4) 0; border: 0; background: transparent; color: var(--color-ink); font-family: var(--font-heading); font-size: var(--text-h4); font-weight: 700; letter-spacing: -.04em; line-height: 1.2; text-align: left; }
.teambuilding-page .tb-faq__item button span { flex: 0 0 auto; font-size: 2rem; font-weight: 400; }
.teambuilding-page .tb-faq__item button[aria-expanded="true"] { box-shadow: inset 0 -2px 0 var(--color-cobalt); }
.teambuilding-page .tb-faq__item button[aria-expanded="true"] span { transform: rotate(45deg); }
.teambuilding-page .tb-faq__answer { max-width: 38.75rem; padding-bottom: var(--space-5); }
.teambuilding-page .tb-faq__answer p { margin: 0; }
.teambuilding-page .tb-cta__grid { align-items: stretch; }
.teambuilding-page .tb-cta__content { grid-column: 1 / span 7; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-5); }
.teambuilding-page .tb-cta__content > * { min-width: 0; margin: 0; }
.teambuilding-page .tb-cta__content p:not(.eyebrow) { max-width: 36.25rem; }
.teambuilding-page .tb-cta .eyebrow::before { background: var(--color-mustard); }
.teambuilding-page .tb-cta__button { border-color: var(--color-white); background: var(--color-canvas); color: var(--color-ink); }
.teambuilding-page .tb-cta__button:hover { background: var(--color-ink); color: var(--color-white); }
.teambuilding-page .tb-cta__accent { grid-column: 10 / span 2; min-width: 0; min-height: 12rem; align-self: end; background: var(--color-mustard); border: var(--border-strong); }
.teambuilding-page .tb-form__column { grid-column: 1 / span 7; max-width: 42.5rem; min-width: 0; }
.teambuilding-page .tb-form__intro { max-width: 38.75rem; }
.teambuilding-page .tb-request-form { display: flex; min-width: 0; flex-direction: column; align-items: stretch; gap: var(--space-5); margin-top: var(--space-6); padding: var(--space-5); border-left: 8px solid var(--color-cobalt); background: var(--color-surface-concrete); }
.teambuilding-page .tb-request-form > * { min-width: 0; margin: 0; }
.teambuilding-page .tb-request-form .form-field { margin: 0; }
.teambuilding-page .tb-optional { font-family: var(--font-body); font-size: var(--text-caption); font-weight: 400; letter-spacing: 0; text-transform: none; }
.teambuilding-page .tb-consent { display: flex; min-width: 0; flex-direction: column; gap: var(--space-2); }
.teambuilding-page .tb-consent legend { margin-bottom: var(--space-2); font-family: var(--font-heading); font-size: var(--text-label); font-weight: 600; letter-spacing: .04em; }
.teambuilding-page .tb-consent > div { display: flex; min-width: 0; align-items: flex-start; gap: var(--space-3); }
.teambuilding-page .tb-consent label { min-width: 0; margin: 0; font-family: var(--font-body); font-size: var(--text-body); font-weight: 400; letter-spacing: 0; line-height: var(--leading-body); }
.teambuilding-page .tb-form__required { margin: 0; font-size: var(--text-caption); }
.teambuilding-page .tb-form__required span { color: var(--color-vermilion); font-weight: 700; }
.teambuilding-page .tb-form__success { padding: var(--space-5); border: var(--border-default); background: var(--color-surface-concrete); }
.teambuilding-page .tb-form__success > :last-child { margin-bottom: 0; }
.teambuilding-page .tb-form__accent { grid-column: 10 / span 2; min-width: 0; min-height: 16rem; align-self: center; border: var(--border-default); background: linear-gradient(to bottom, var(--color-cobalt) 0 50%, var(--color-mustard) 50% 100%); }

@media (max-width: 64.99rem) {
.teambuilding-page .tb-hero__grid,
.teambuilding-page .tb-space__grid,
.teambuilding-page .tb-cta__grid,
.teambuilding-page .tb-form__grid { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: var(--space-4); }
.teambuilding-page .tb-hero__content { grid-column: 1 / span 4; }
.teambuilding-page .tb-hero__media { grid-column: 3 / span 4; grid-row: 2; margin-top: var(--space-5); }
.teambuilding-page .tb-hero__accent { grid-column: 5 / span 2; grid-row: 3; min-height: 4rem; margin-top: calc(var(--space-5) * -1); }
.teambuilding-page .tb-goals__head,
.teambuilding-page .tb-formats__head { width: 83.333%; }
.teambuilding-page .tb-goals__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.teambuilding-page .tb-goal--three { grid-column: 1 / -1; }
.teambuilding-page .tb-process__head,
.teambuilding-page .tb-planning__head,
.teambuilding-page .tb-faq__head,
.teambuilding-page .tb-casino__head { width: 83.333%; }
.teambuilding-page .tb-process__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); }
.teambuilding-page .tb-step { min-height: 16rem; border-right: var(--border-strong); }
.teambuilding-page .tb-formats__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.teambuilding-page .tb-format { min-height: 16rem; }
.teambuilding-page .tb-space__content { grid-column: 1 / -1; grid-row: 1; }
.teambuilding-page .tb-space__media { grid-column: 1 / -1; grid-row: 2; }
.teambuilding-page .tb-casino__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.teambuilding-page .tb-casino-card--notice { grid-column: 1 / -1; }
.teambuilding-page .tb-faq__list { width: 100%; }
.teambuilding-page .tb-cta__content { grid-column: 1 / span 5; }
.teambuilding-page .tb-cta__accent { grid-column: 1 / span 2; min-height: 4rem; }
.teambuilding-page .tb-form__column { grid-column: 1 / -1; }
.teambuilding-page .tb-form__accent { display: none; }
}

@media (max-width: 47.99rem) {
.teambuilding-page .tb-hero { padding-top: var(--space-7); }
.teambuilding-page .tb-hero__grid,
.teambuilding-page .tb-space__grid,
.teambuilding-page .tb-cta__grid,
.teambuilding-page .tb-form__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-3); }
.teambuilding-page .tb-hero__content,
.teambuilding-page .tb-hero__media,
.teambuilding-page .tb-hero__accent,
.teambuilding-page .tb-space__content,
.teambuilding-page .tb-space__media,
.teambuilding-page .tb-cta__content,
.teambuilding-page .tb-cta__accent,
.teambuilding-page .tb-form__column { grid-column: 1 / -1; }
.teambuilding-page .tb-hero__media { grid-row: auto; margin-top: var(--space-5); }
.teambuilding-page .tb-hero__accent { grid-row: auto; min-height: 3rem; margin-top: 0; }
.teambuilding-page .tb-hero__accent::after { display: none; }
.teambuilding-page .tb-hero h1 { max-width: none; font-size: clamp(3rem, 14vw, 3.5rem); line-height: 1.03; }
.teambuilding-page .tb-hero .intro { max-width: none; }
.teambuilding-page .tb-hero__media img { aspect-ratio: 4 / 3; }
.teambuilding-page .tb-hero__media figcaption { position: static; max-width: none; }
.teambuilding-page .tb-goals__head,
.teambuilding-page .tb-process__head,
.teambuilding-page .tb-formats__head,
.teambuilding-page .tb-planning__head,
.teambuilding-page .tb-faq__head,
.teambuilding-page .tb-casino__head { width: 100%; max-width: none; }
.teambuilding-page .tb-goals__grid,
.teambuilding-page .tb-process__grid,
.teambuilding-page .tb-formats__grid,
.teambuilding-page .tb-casino__grid,
.teambuilding-page .tb-planning__grid { grid-template-columns: 1fr; gap: var(--space-4); margin-top: var(--space-6); }
.teambuilding-page .tb-goal--three,
.teambuilding-page .tb-casino-card--notice { grid-column: auto; }
.teambuilding-page .tb-goal,
.teambuilding-page .tb-format,
.teambuilding-page .tb-info { min-height: 0; }
.teambuilding-page .tb-number { margin-bottom: var(--space-5); }
.teambuilding-page .tb-step { min-height: 0; }
.teambuilding-page .tb-step__top { margin-bottom: var(--space-5); }
.teambuilding-page .tb-format--creative { min-height: 12rem; }
.teambuilding-page .tb-space__content { grid-row: 1; }
.teambuilding-page .tb-space__media { grid-row: 2; }
.teambuilding-page .tb-space__media img { aspect-ratio: 4 / 3; }
.teambuilding-page .tb-detail { padding-top: var(--space-4); padding-left: 0; border-top: 6px solid var(--color-forest); border-left: 0; }
.teambuilding-page .tb-detail--burgundy { padding: var(--space-5); border: var(--border-default); border-top: 6px solid var(--color-burgundy); }
.teambuilding-page .tb-casino { padding-block: var(--space-7); }
.teambuilding-page .tb-casino__media { margin-top: var(--space-6); }
.teambuilding-page .tb-casino__media img { aspect-ratio: 3 / 2; }
.teambuilding-page .tb-faq__list { margin-top: var(--space-6); }
.teambuilding-page .tb-faq__item button { min-height: 3.25rem; font-size: 1.25rem; }
.teambuilding-page .tb-cta__content { gap: var(--space-4); }
.teambuilding-page .tb-cta__accent { min-height: 2rem; }
.teambuilding-page .tb-request-form { padding: var(--space-4); border-left-width: 5px; }
}

@media (max-width: 29.99rem) {
.teambuilding-page .tb-hero__actions,
.teambuilding-page .tb-hero__actions .button,
.teambuilding-page .tb-cta__button { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
.teambuilding-page .tb-space__media img { transition: none; }
}


.themenabende-page {
  overflow: clip;
}

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

.themenabende-page h2 {
  line-height: 1.08;
}

.themenabende-hero {
  padding-top: calc(var(--section-space) + var(--space-4));
}

.themenabende-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 6fr) minmax(2rem, 1fr) minmax(0, 5fr);
  align-items: start;
  gap: var(--space-5);
}

.themenabende-hero__copy,
.themenabende-hero__bar,
.themenabende-hero__figure {
  min-width: 0;
}

.themenabende-hero__copy {
  grid-column: 1;
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
  width: 100%;
}

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

.themenabende-hero h1 {
  max-width: 9.4ch;
  font-size: clamp(3.5rem, 7.2vw, 5.5rem);
}

.themenabende-hero h1 span {
  color: var(--color-cobalt);
}

.themenabende-hero__copy .intro {
  max-width: 30rem;
}

.themenabende-hero__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-4);
  width: 100%;
}

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

.themenabende-text-link,
.themenabende-casino__link {
  font-family: var(--font-heading);
  font-size: var(--text-label);
  font-weight: 600;
  letter-spacing: 0.02em;
}

.themenabende-hero__bar {
  grid-column: 2;
  min-height: 18rem;
  background: var(--color-cobalt);
  position: relative;
}

.themenabende-hero__bar::after {
  position: absolute;
  right: 0;
  bottom: var(--space-5);
  width: 1.25rem;
  height: 1.25rem;
  background: var(--color-mustard);
  content: "";
}

.themenabende-hero__figure {
  grid-column: 3;
  margin: var(--space-8) 0 0;
}

.themenabende-hero__image-wrap,
.themenabende-worlds__figure,
.themenabende-casino__figure,
.themenabende-inspiration__image {
  width: 100%;
  overflow: hidden;
  border: var(--border-default);
  border-radius: var(--radius-image);
}

.themenabende-hero__image-wrap {
  aspect-ratio: 4 / 3;
}

.themenabende-hero__image-wrap img,
.themenabende-worlds__figure img,
.themenabende-casino__figure img,
.themenabende-inspiration__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--transition-fast);
}

.themenabende-hero__figure .caption {
  max-width: 23rem;
  margin-top: var(--space-3);
}

.themenabende-pillars__intro,
.themenabende-occasions__intro,
.themenabende-equipment__intro,
.themenabende-process__intro,
.themenabende-briefing__intro,
.themenabende-inspiration__intro {
  width: min(100%, 38.125rem);
}

.themenabende-pillars__grid {
  display: grid;
  grid-template-columns: minmax(0, 4fr) minmax(0, 4fr) minmax(0, 3fr);
  gap: var(--space-5);
  margin-top: var(--space-7);
}

.themenabende-pillar {
  display: flex;
  min-width: 0;
  min-height: 21rem;
  flex-direction: column;
  gap: var(--space-4);
  padding: var(--space-6);
  border: var(--border-default);
  transition: transform var(--transition-fast), border-color var(--transition-fast);
}

.themenabende-pillar > * {
  min-width: 0;
  margin: 0;
}

.themenabende-pillar__number {
  font-family: var(--font-heading);
  font-size: 2.25rem;
  font-weight: 700;
  letter-spacing: -0.06em;
  line-height: 1;
}

.themenabende-pillar h3 {
  font-size: var(--text-h4);
}

.themenabende-pillar--dramaturgy {
  background: var(--color-white);
}

.themenabende-pillar--dramaturgy .themenabende-pillar__number {
  color: var(--color-vermilion);
}

.themenabende-pillar--space {
  background: var(--color-forest);
  color: var(--color-white);
  border-color: var(--color-forest);
}

.themenabende-pillar--space h3,
.themenabende-pillar--space .themenabende-pillar__number {
  color: inherit;
}

.themenabende-pillar--encounter {
  position: relative;
  background: var(--color-surface-concrete);
}

.themenabende-pillar--encounter::after {
  position: absolute;
  top: 0;
  right: 0;
  width: 2rem;
  height: 2rem;
  background: var(--color-mustard);
  content: "";
}

.themenabende-pillar--encounter .themenabende-pillar__number {
  color: var(--color-ink);
}

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

.themenabende-occasion {
  display: flex;
  min-width: 0;
  min-height: 13.75rem;
  flex-direction: column;
  gap: var(--space-3);
  padding: var(--space-5);
  border: var(--border-default);
  background: var(--color-white);
  color: var(--color-ink);
  text-decoration: none;
  transition: transform var(--transition-fast), border-color var(--transition-fast);
}

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

.themenabende-occasion h3 {
  font-size: var(--text-h4);
}

.themenabende-occasion__number {
  font-family: var(--font-heading);
  font-size: 2.5rem;
  font-weight: 700;
  letter-spacing: -0.06em;
  line-height: 1;
}

.themenabende-occasion--company {
  grid-column: 1 / span 5;
  border-inline-start: 8px solid var(--color-cobalt);
}

.themenabende-occasion--team {
  grid-column: 7 / span 3;
  background: var(--color-surface-concrete);
}

.themenabende-occasion--private {
  grid-column: 3 / span 3;
  background: linear-gradient(90deg, var(--color-mustard) 0 2rem, var(--color-white) 2rem 100%);
}

.themenabende-occasion--group {
  grid-column: 7 / span 5;
  border-top: 1rem solid var(--color-forest);
}

.themenabende-occasion--group .themenabende-occasion__number {
  color: var(--color-forest);
}

.themenabende-worlds__heading {
  width: min(100%, 42rem);
}

.themenabende-worlds__stage {
  position: relative;
  min-width: 0;
  margin-top: var(--space-7);
}

.themenabende-worlds__figure {
  aspect-ratio: 16 / 7;
  margin: 0;
}

.themenabende-worlds__overlay {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-4);
  width: min(100% - 4rem, 35rem);
  margin: calc(var(--space-7) * -1) 0 0 var(--space-6);
  padding: var(--space-6);
  border: var(--border-strong);
  background: var(--color-canvas);
  position: relative;
}

.themenabende-worlds__overlay > * {
  min-width: 0;
  margin: 0;
}

.themenabende-worlds__overlay h3,
.themenabende-worlds__module h3,
.themenabende-equipment__item h3,
.themenabende-briefing__column h3 {
  font-size: var(--text-h4);
}

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

.themenabende-worlds__module {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-3);
  padding: var(--space-5) 0 0;
  border-top: 6px solid var(--color-line);
}

.themenabende-worlds__module > * {
  min-width: 0;
  margin: 0;
}

.themenabende-worlds__module--lounge {
  border-color: var(--color-forest);
}

.themenabende-worlds__module--light {
  border-color: var(--color-mustard);
}

.themenabende-worlds__module--play {
  border-color: var(--color-burgundy);
}

.themenabende-casino {
  position: relative;
}

.themenabende-casino .eyebrow::before {
  background: var(--color-mustard);
}

.themenabende-casino__top {
  display: grid;
  grid-template-columns: minmax(0, 6fr) minmax(0, 5fr);
  gap: calc(var(--space-8) + var(--space-3));
  align-items: start;
}

.themenabende-casino__copy,
.themenabende-casino__figure {
  min-width: 0;
}

.themenabende-casino__copy {
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
  width: min(100%, 35.625rem);
}

.themenabende-casino__copy > * {
  min-width: 0;
  margin: 0;
}

.themenabende-casino__copy .intro {
  border-inline-start: 4px solid var(--color-burgundy);
  padding-inline-start: var(--space-5);
}

.themenabende-casino__link {
  color: var(--color-white);
}

.themenabende-casino__figure {
  aspect-ratio: 3 / 2;
  margin: var(--space-5) 0 0;
  border-color: color-mix(in srgb, var(--color-white) 60%, transparent);
}

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

.themenabende-casino__station {
  display: flex;
  min-width: 0;
  min-height: 16.5rem;
  flex-direction: column;
  gap: var(--space-4);
  padding: var(--space-5);
  border: 1px solid color-mix(in srgb, var(--color-white) 45%, transparent);
  background: color-mix(in srgb, var(--color-table-green) 82%, var(--color-ink));
  transition: transform var(--transition-fast), border-color var(--transition-fast);
}

.themenabende-casino__station > * {
  min-width: 0;
  margin: 0;
}

.themenabende-casino__station h3 {
  font-size: var(--text-h4);
  color: var(--color-white);
}

.themenabende-casino__station-number {
  display: grid;
  width: 2.75rem;
  height: 2.75rem;
  place-items: center;
  background: var(--color-burgundy);
  color: var(--color-white);
  font-family: var(--font-heading);
  font-weight: 700;
}

.themenabende-casino__station:nth-child(3) .themenabende-casino__station-number {
  background: var(--color-mustard);
  color: var(--color-ink);
}

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

.themenabende-equipment__item {
  display: flex;
  min-width: 0;
  min-height: 15rem;
  flex-direction: column;
  gap: var(--space-4);
  padding: var(--space-6);
  border: var(--border-default);
  background: var(--color-white);
}

.themenabende-equipment__item > * {
  min-width: 0;
  margin: 0;
}

.themenabende-equipment__item--tables {
  grid-column: 1 / span 7;
  border-top: 8px solid var(--color-table-green);
}

.themenabende-equipment__item--decor {
  grid-column: 9 / span 4;
  background: linear-gradient(135deg, var(--color-vermilion) 0 2rem, var(--color-white) 2rem 100%);
}

.themenabende-equipment__item--lounge {
  grid-column: 1 / span 4;
  border-top: 8px solid var(--color-forest);
}

.themenabende-equipment__item--details {
  grid-column: 6 / span 7;
  background: var(--color-surface-concrete);
}

.themenabende-equipment__item--details h3::before {
  color: var(--color-mustard);
  content: "04 ";
}

.themenabende-process__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin-top: var(--space-7);
  border: var(--border-default);
}

.themenabende-process__step {
  display: flex;
  min-width: 0;
  min-height: 20rem;
  flex-direction: column;
  gap: var(--space-4);
  padding: var(--space-5);
  border-inline-end: var(--border-default);
}

.themenabende-process__step:last-child {
  border-inline-end: 0;
}

.themenabende-process__step > * {
  min-width: 0;
  margin: 0;
}

.themenabende-process__step > span {
  font-family: var(--font-heading);
  font-size: 4rem;
  font-weight: 700;
  letter-spacing: -0.08em;
  line-height: 0.9;
}

.themenabende-process__step h3 {
  font-size: var(--text-h4);
}

.themenabende-process__step--one {
  background: var(--color-cobalt);
  color: var(--color-white);
}

.themenabende-process__step--one h3 {
  color: inherit;
}

.themenabende-process__step--two {
  background: var(--color-surface-concrete);
}

.themenabende-process__step--two > span {
  color: var(--color-vermilion);
}

.themenabende-process__step--three {
  background: var(--color-forest);
  color: var(--color-white);
}

.themenabende-process__step--three h3 {
  color: inherit;
}

.themenabende-process__step--four {
  background: var(--color-canvas);
}

.themenabende-process__step--four > span {
  color: var(--color-mustard);
}

.themenabende-briefing__grid {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
  gap: calc(var(--space-8) + var(--space-3));
  margin-top: var(--space-7);
}

.themenabende-briefing__column {
  display: flex;
  min-width: 0;
  min-height: 23rem;
  flex-direction: column;
  gap: var(--space-4);
  padding: var(--space-6);
  border: var(--border-default);
}

.themenabende-briefing__column > * {
  min-width: 0;
  margin: 0;
}

.themenabende-briefing__column--bring {
  background: var(--color-white);
}

.themenabende-briefing__column--agency {
  background: var(--color-cobalt);
  color: var(--color-white);
  border-color: var(--color-cobalt);
  position: relative;
}

.themenabende-briefing__column--agency::before {
  width: 3rem;
  height: 0.5rem;
  background: var(--color-mustard);
  content: "";
}

.themenabende-briefing__column--agency h3 {
  color: inherit;
}

.themenabende-briefing__column .content-list {
  gap: var(--space-3);
}

.themenabende-inspiration__media {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 4fr);
  gap: var(--space-5);
  align-items: start;
  margin-top: var(--space-7);
}

.themenabende-inspiration__image {
  min-width: 0;
  margin: 0;
  border: 0;
  overflow: visible;
}

.themenabende-inspiration__image img {
  border: var(--border-default);
  border-radius: var(--radius-image);
}

.themenabende-inspiration__image--wide img {
  aspect-ratio: 3 / 2;
}

.themenabende-inspiration__image--tall {
  margin-top: calc(var(--space-8));
}

.themenabende-inspiration__image--tall img {
  aspect-ratio: 4 / 5;
}

.themenabende-inspiration__image .caption {
  width: min(100%, 13.75rem);
  margin-top: var(--space-3);
}

.themenabende-cta {
  padding-bottom: calc(var(--section-space) + var(--space-5));
}

.themenabende-cta__panel {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 3fr);
  gap: calc(var(--space-8) + var(--space-3));
  align-items: end;
  min-width: 0;
  padding: var(--space-8);
  background: var(--color-cobalt);
  color: var(--color-white);
  position: relative;
}

.themenabende-cta__panel::after {
  position: absolute;
  top: var(--space-5);
  right: var(--space-5);
  width: 1.5rem;
  height: 1.5rem;
  background: var(--color-canvas);
  content: "";
}

.themenabende-cta__copy,
.themenabende-cta__action {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-4);
}

.themenabende-cta__copy > *,
.themenabende-cta__action > * {
  min-width: 0;
  margin: 0;
}

.themenabende-cta h2 {
  color: var(--color-white);
}

.themenabende-cta .eyebrow::before {
  background: var(--color-mustard);
}

.themenabende-cta__action {
  align-items: flex-start;
}

.themenabende-cta__action p {
  font-size: var(--text-label);
  line-height: var(--leading-label);
}

@media (hover: hover) and (pointer: fine) {
  .themenabende-hero__image-wrap:hover img,
  .themenabende-worlds__figure:hover img,
  .themenabende-casino__figure:hover img,
  .themenabende-inspiration__image:hover img {
    transform: scale(1.02);
  }

  .themenabende-pillar:hover,
  .themenabende-occasion:hover,
  .themenabende-casino__station:hover {
    border-color: var(--color-ink);
    transform: translate(2px, 2px);
  }
}

@media (max-width: 67.5rem) {
  .themenabende-hero__grid {
    grid-template-columns: minmax(0, 4fr) minmax(0, 2fr);
  }

  .themenabende-hero__bar {
    display: none;
  }

  .themenabende-hero__figure {
    grid-column: 2;
    margin-top: var(--space-7);
  }

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

  .themenabende-process__step {
    border-bottom: var(--border-default);
  }

  .themenabende-process__step:nth-child(2) {
    border-inline-end: 0;
  }

  .themenabende-process__step:nth-child(3),
  .themenabende-process__step:nth-child(4) {
    border-bottom: 0;
  }
}

@media (max-width: 63.75rem) {
  .themenabende-casino__top {
    grid-template-columns: 1fr;
    gap: var(--space-6);
  }

  .themenabende-casino__copy {
    width: 100%;
  }

  .themenabende-casino__figure {
    width: min(100%, 42rem);
    margin: 0;
  }
}

@media (max-width: 61.25rem) {
  .themenabende-pillars__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .themenabende-pillar--encounter {
    grid-column: 1 / -1;
  }

  .themenabende-worlds__overlay {
    width: min(100%, 35rem);
    margin-left: var(--space-5);
  }
}

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

  .themenabende-occasion--company,
  .themenabende-occasion--team,
  .themenabende-occasion--private,
  .themenabende-occasion--group {
    grid-column: auto;
  }

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

  .themenabende-equipment__item--tables,
  .themenabende-equipment__item--decor,
  .themenabende-equipment__item--lounge,
  .themenabende-equipment__item--details {
    grid-column: auto;
  }

  .themenabende-cta__panel {
    grid-template-columns: 1fr;
    align-items: start;
    gap: var(--space-6);
  }
}

@media (max-width: 53.125rem) {
  .themenabende-briefing__grid {
    grid-template-columns: 1fr;
    gap: var(--space-5);
  }

  .themenabende-briefing__column {
    min-height: 0;
  }
}

@media (max-width: 48rem) {
  .themenabende-hero__grid {
    grid-template-columns: 1fr;
    gap: var(--space-5);
  }

  .themenabende-hero__copy,
  .themenabende-hero__figure {
    grid-column: 1;
  }

  .themenabende-hero__copy .intro {
    max-width: 32rem;
  }

  .themenabende-hero__figure {
    margin: 0;
    padding-top: var(--space-7);
    border-top: 3rem solid var(--color-cobalt);
  }

  .themenabende-hero__figure .caption {
    max-width: 100%;
  }

  .themenabende-worlds__stage {
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
  }

  .themenabende-worlds__overlay {
    order: -1;
    width: 100%;
    margin: 0;
  }

  .themenabende-worlds__figure {
    aspect-ratio: 4 / 3;
  }

  .themenabende-worlds__modules,
  .themenabende-casino__stations {
    grid-template-columns: 1fr;
  }

  .themenabende-inspiration__media {
    grid-template-columns: 1fr;
  }

  .themenabende-inspiration__image--tall {
    margin-top: 0;
  }

  .themenabende-inspiration__image--tall img {
    aspect-ratio: 4 / 3;
  }
}

@media (max-width: 40rem) {
  .themenabende-page .section {
    padding-block: var(--space-7);
  }

  .themenabende-hero {
    padding-top: var(--space-7);
  }

  .themenabende-hero h1 {
    max-width: 100%;
    font-size: 3.5rem;
    line-height: 1.035;
  }

  .themenabende-hero__actions {
    align-items: stretch;
    flex-direction: column;
  }

  .themenabende-hero__actions .button {
    width: 100%;
  }

  .themenabende-pillars__grid,
  .themenabende-occasions__grid,
  .themenabende-equipment__grid,
  .themenabende-process__grid {
    grid-template-columns: 1fr;
  }

  .themenabende-pillar,
  .themenabende-occasion,
  .themenabende-equipment__item,
  .themenabende-process__step {
    grid-column: auto;
    min-height: 0;
  }

  .themenabende-process__grid {
    border: 0;
    gap: var(--space-3);
    padding-inline-start: var(--space-4);
    position: relative;
  }

  .themenabende-process__grid::before {
    position: absolute;
    top: var(--space-4);
    bottom: var(--space-4);
    left: 0;
    width: 1px;
    background: var(--color-line);
    content: "";
  }

  .themenabende-process__step,
  .themenabende-process__step:nth-child(2),
  .themenabende-process__step:nth-child(3),
  .themenabende-process__step:nth-child(4) {
    border: var(--border-default);
  }

  .themenabende-equipment__item--tables,
  .themenabende-equipment__item--lounge {
    border-top-width: 8px;
  }

  .themenabende-casino__station {
    min-height: 0;
  }

  .themenabende-cta__panel {
    padding: var(--space-5);
  }

  .themenabende-cta__action {
    align-items: stretch;
  }

  .themenabende-cta__action .button {
    width: 100%;
  }
}


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

.fv-page .section {
  padding-block: 3rem;
}

.fv-page .eyebrow {
  font-size: var(--text-caption);
}

.fv-hero {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}

.fv-hero__grid,
.fv-space__grid,
.fv-planning__grid {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  gap: 2rem;
  align-items: start;
}

.fv-hero__content,
.fv-hero__media,
.fv-space__heading,
.fv-space__media,
.fv-space__detail,
.fv-planning__content,
.fv-planning__media {
  min-width: 0;
  width: 100%;
}

.fv-hero__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
}

.fv-hero__content > * {
  min-width: 0;
  margin: 0;
}

.fv-hero h1 {
  max-width: 8.5ch;
  font-size: clamp(3.5rem, 7vw, 5.5rem);
}

.fv-hero h1 span {
  color: var(--color-cobalt);
}

.fv-hero .intro {
  max-width: 35rem;
}

.fv-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: center;
  width: 100%;
}

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

.fv-text-link,
.fv-casino-card__link {
  display: inline-flex;
  min-height: 2.75rem;
  align-items: center;
  font-family: var(--font-heading);
  font-size: var(--text-label);
  font-weight: 600;
  letter-spacing: 0.02em;
}

.fv-hero__media {
  position: relative;
  padding: 0 0 1rem 1rem;
}

.fv-hero__media::after {
  position: absolute;
  z-index: 0;
  right: 0;
  bottom: 0;
  width: 72%;
  height: 62%;
  background: var(--color-cobalt);
  content: "";
}

.fv-hero__media::before {
  position: absolute;
  z-index: 2;
  top: 1rem;
  left: 0;
  width: 1rem;
  height: 1rem;
  background: var(--color-mustard);
  content: "";
}

.fv-hero__media img {
  position: relative;
  z-index: 1;
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  border: var(--border-strong);
  border-radius: var(--radius-image);
}

.fv-hero__media figcaption {
  position: relative;
  z-index: 2;
  margin-top: 0.75rem;
  color: var(--color-ink);
}

.fv-section-intro {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}

.fv-section-intro > * {
  min-width: 0;
  margin: 0;
}

.fv-section-intro p:not(.eyebrow) {
  font-size: var(--text-body);
}

.fv-occasions__intro {
  width: min(100%, 38.75rem);
  margin-left: 8.333%;
}

.fv-occasions__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.5rem;
  margin-top: 3rem;
}

.fv-occasions__grid > * {
  min-width: 0;
  width: 100%;
}

.fv-occasion {
  display: flex;
  min-height: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  padding: 1.5rem;
  border: var(--border-default);
  background: var(--color-surface-concrete);
}

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

.fv-occasion h3 {
  font-size: 1.5rem;
  line-height: 1.2;
}

.fv-occasion p:not(.fv-card-number) {
  font-size: 0.9375rem;
  line-height: 1.55;
}

.fv-card-number {
  display: inline-flex;
  width: 1.75rem;
  height: 1.75rem;
  align-items: center;
  justify-content: center;
  background: var(--color-vermilion);
  color: var(--color-white);
  font-family: var(--font-heading);
  font-size: var(--text-caption);
  font-weight: 700;
}

.fv-occasion--winter {
  margin-top: 1.5rem;
  background: var(--color-canvas);
}

.fv-occasion--winter .fv-card-number {
  background: var(--color-mustard);
  color: var(--color-ink);
}

.fv-occasion--team {
  border-top: 2.5rem solid var(--color-forest);
  background: var(--color-canvas);
}

.fv-occasion--team .fv-card-number {
  background: var(--color-forest);
}

.fv-occasion--network {
  margin-top: 1.5rem;
  border-color: var(--color-cobalt);
  background: var(--color-cobalt);
  color: var(--color-white);
}

.fv-occasion--network h3 {
  color: var(--color-white);
}

.fv-occasion--network .fv-card-number {
  background: var(--color-white);
  color: var(--color-cobalt);
}

.fv-services__intro {
  width: min(100%, 42.5rem);
}

.fv-services__list {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 1.5rem;
  margin-top: 3rem;
}

.fv-services__list > * {
  min-width: 0;
  width: 100%;
}

.fv-service {
  display: grid;
  grid-template-columns: minmax(4rem, 0.26fr) minmax(0, 1fr);
  gap: 1.5rem;
  padding: 2rem;
  border: var(--border-default);
  background: var(--color-surface-concrete);
}

.fv-service > * {
  min-width: 0;
}

.fv-service--planning {
  grid-column: 1 / span 7;
}

.fv-service--design {
  grid-column: 5 / span 6;
  background: var(--color-forest);
  color: var(--color-white);
}

.fv-service--equipment {
  grid-column: 1 / span 8;
  background: var(--color-surface-concrete);
}

.fv-service--design h3 {
  color: var(--color-white);
}

.fv-service__number {
  color: var(--color-vermilion);
  font-family: var(--font-heading);
  font-size: clamp(3rem, 6vw, 5rem);
  font-weight: 700;
  letter-spacing: -0.07em;
  line-height: 0.86;
}

.fv-service--design .fv-service__number {
  color: var(--color-mustard);
}

.fv-service__copy {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.fv-service__copy > * {
  min-width: 0;
  margin: 0;
}

.fv-service__copy p {
  max-width: 38rem;
}

.fv-services__closing {
  width: min(100%, 42.5rem);
  margin: 2rem 0 0;
}

.fv-space__grid {
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 1.5rem;
}

.fv-space__heading {
  grid-column: 1 / span 6;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}

.fv-space__heading > * {
  min-width: 0;
  margin: 0;
}

.fv-space__heading p:not(.eyebrow) {
  max-width: 33.75rem;
}

.fv-space__media {
  grid-column: 2 / span 9;
  margin-top: 1.5rem;
}

.fv-space__media img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border: var(--border-default);
  border-radius: var(--radius-image);
  transition: transform var(--transition-fast);
}

.fv-space__media:hover img {
  transform: scale(1.02);
}

.fv-space__media figcaption {
  margin-top: 0.75rem;
}

.fv-space__detail {
  grid-column: 10 / span 3;
  align-self: end;
  margin-top: -9rem;
  padding: 1.5rem;
  border: var(--border-default);
  border-left: 0.4rem solid var(--color-mustard);
  background: var(--color-surface-concrete);
}

.fv-space__detail h3 {
  font-size: 1.5rem;
}

.fv-space__detail > :last-child {
  margin-bottom: 0;
}

.fv-themes__intro {
  width: min(100%, 40rem);
}

.fv-themes__grid {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
  gap: 1.5rem;
  margin-top: 3rem;
  align-items: center;
}

.fv-themes__grid > * {
  min-width: 0;
  width: 100%;
}

.fv-themes__standard {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.fv-themes__standard > * {
  min-width: 0;
  width: 100%;
}

.fv-theme-card {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.5rem;
  border: var(--border-default);
  background: var(--color-canvas);
}

.fv-theme-card > * {
  min-width: 0;
  margin: 0;
}

.fv-theme-card h3 {
  padding-left: 1rem;
  border-left: 0.5rem solid var(--color-vermilion);
  font-size: 1.5rem;
}

.fv-theme-card--networking {
  border-top: 2.5rem solid var(--color-mustard);
}

.fv-theme-card--networking h3 {
  border-color: var(--color-mustard);
}

.fv-casino-card {
  position: relative;
  display: flex;
  min-height: 100%;
  flex-direction: column;
  gap: 1rem;
  overflow: hidden;
  padding: 2rem;
  border: 1px solid var(--color-burgundy);
  background: var(--color-table-green);
  color: var(--color-white);
}

.fv-casino-card > * {
  position: relative;
  z-index: 1;
  min-width: 0;
  margin: 0;
}

.fv-casino-card h3 {
  color: var(--color-white);
}

.fv-casino-card__table-mark {
  position: absolute;
  z-index: 0;
  top: 1rem;
  right: 1rem;
  width: 11rem;
  height: 11rem;
  border: 2px solid var(--color-burgundy);
  border-radius: 50%;
}

.fv-casino-card__table-mark::before,
.fv-casino-card__table-mark::after {
  position: absolute;
  background: var(--color-burgundy);
  content: "";
}

.fv-casino-card__table-mark::before {
  top: 50%;
  left: -1rem;
  width: 13rem;
  height: 1px;
}

.fv-casino-card__table-mark::after {
  top: -1rem;
  left: 50%;
  width: 1px;
  height: 13rem;
}

.fv-casino-card__notice {
  align-self: flex-start;
  padding: 0.5rem 0.75rem;
  border: 1px solid var(--color-burgundy);
  background: var(--color-burgundy);
  color: var(--color-white);
  font-family: var(--font-heading);
  font-size: var(--text-caption);
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.fv-casino-card__link {
  color: var(--color-white);
}

.fv-process__intro {
  width: min(100%, 35rem);
}

.fv-process__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.5rem;
  margin-top: 3rem;
}

.fv-process__grid > * {
  min-width: 0;
  width: 100%;
}

.fv-process-card {
  display: flex;
  min-height: 100%;
  flex-direction: column;
  gap: 1rem;
  padding: 1.5rem;
  border: var(--border-strong);
}

.fv-process-card > * {
  min-width: 0;
  margin: 0;
}

.fv-process-card span {
  font-family: var(--font-heading);
  font-size: 2.5rem;
  font-weight: 700;
  letter-spacing: -0.06em;
  line-height: 1;
}

.fv-process-card h3 {
  font-size: 1.5rem;
}

.fv-process-card p {
  font-size: 0.9375rem;
  line-height: 1.55;
}

.fv-process-card--one {
  border-color: var(--color-cobalt);
  background: var(--color-cobalt);
  color: var(--color-white);
}

.fv-process-card--one h3 {
  color: var(--color-white);
}

.fv-process-card--two {
  background: var(--color-surface-concrete);
}

.fv-process-card--two span {
  color: var(--color-vermilion);
}

.fv-process-card--three {
  border-color: var(--color-forest);
  background: var(--color-forest);
  color: var(--color-white);
}

.fv-process-card--three h3 {
  color: var(--color-white);
}

.fv-process-card--four {
  border-top: 0.4rem solid var(--color-mustard);
  background: var(--color-canvas);
}

.fv-process__closing {
  margin: 2rem 0 0;
}

.fv-prep__intro {
  width: min(100%, 38.75rem);
  margin-left: 8.333%;
}

.fv-prep__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.5rem;
  margin-top: 3rem;
}

.fv-prep__grid > * {
  min-width: 0;
  width: 100%;
}

.fv-prep-card {
  display: flex;
  min-height: 100%;
  flex-direction: column;
  gap: 1rem;
  padding: 1.5rem;
  border: var(--border-default);
  background: var(--color-canvas);
}

.fv-prep-card > * {
  min-width: 0;
  margin: 0;
}

.fv-prep-card h3 {
  font-size: 1.5rem;
}

.fv-prep-card--purpose {
  border-left: 0.4rem solid var(--color-cobalt);
}

.fv-prep-card--frame {
  background: var(--color-surface-concrete);
}

.fv-prep-card--ideas {
  border-left: 0.4rem solid var(--color-table-green);
}

.fv-prep-card--ideas h3::after {
  display: inline-block;
  width: 0.55rem;
  height: 0.55rem;
  margin-left: 0.5rem;
  border-radius: 50%;
  background: var(--color-burgundy);
  content: "";
  vertical-align: 0.12em;
}

.fv-planning__grid {
  grid-template-columns: minmax(0, 7fr) minmax(0, 4fr);
  gap: 3rem;
  align-items: center;
}

.fv-planning__media img {
  width: 100%;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  border: var(--border-default);
  border-radius: var(--radius-image);
}

.fv-planning__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
}

.fv-planning__content > * {
  min-width: 0;
  margin: 0;
}

.fv-planning__content .intro {
  max-width: 29.5rem;
}

.fv-planning__content blockquote {
  max-width: 28rem;
  padding-left: 1.5rem;
}

.fv-form-section {
  padding-block: 4rem !important;
}

.fv-form-section__container {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 2rem 1.5rem;
}

.fv-form-section__container > * {
  min-width: 0;
  width: 100%;
}

.fv-form-section__heading {
  grid-column: 1 / span 7;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}

.fv-form-section__heading > * {
  min-width: 0;
  margin: 0;
}

.fv-form-section .eyebrow::before {
  background: var(--color-mustard);
}

.fv-form {
  grid-column: 2 / span 8;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 2rem;
  border: var(--border-strong);
  background: var(--color-canvas);
  color: var(--color-ink);
}

.fv-form > * {
  min-width: 0;
  width: 100%;
  margin: 0;
}

.fv-form .form-field {
  gap: 0.5rem;
  margin: 0;
}

.fv-form .form-error {
  margin: 0;
}

.fv-form textarea {
  min-height: 8.75rem;
}

.fv-optional {
  color: color-mix(in srgb, var(--color-ink) 70%, transparent);
  font-family: var(--font-body);
  font-size: var(--text-caption);
  font-weight: 400;
  letter-spacing: 0;
}

.fv-casino-hint {
  padding: 0.75rem;
  border-left: 3px solid var(--color-burgundy);
  background: var(--color-surface-concrete);
  font-size: var(--text-label);
  line-height: var(--leading-label);
}

.fv-form__consent label {
  display: grid;
  grid-template-columns: 1.125rem minmax(0, 1fr);
  gap: 0.75rem;
  align-items: start;
  margin: 0;
  font-family: var(--font-body);
  font-size: var(--text-label);
  font-weight: 400;
  letter-spacing: 0;
}

.fv-form__consent input {
  margin-top: 0.2rem;
}

.fv-form__consent .form-error {
  margin-top: 0.5rem;
}

.fv-form .button {
  align-self: flex-start;
}

.fv-form__required {
  font-size: var(--text-caption);
  line-height: var(--leading-caption);
}

.fv-form__required span {
  color: var(--color-vermilion);
  font-weight: 700;
}

.fv-form__status:empty {
  display: none;
}

.fv-form__status:not(:empty) {
  padding: 1rem;
  border: var(--border-default);
  background: var(--color-surface-concrete);
}

.fv-closing__content {
  display: flex;
  width: min(100%, 42.5rem);
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
  margin-inline: auto;
  padding-top: 3rem;
  border-top: var(--border-default);
}

.fv-closing__content > * {
  min-width: 0;
  margin: 0;
}

.fv-closing__mark {
  position: relative;
  width: 3rem;
  height: 3rem;
  border: 1px solid var(--color-ink);
  background: var(--color-cobalt);
}

.fv-closing__mark::before {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
  background: var(--color-canvas);
  content: "";
}

.fv-closing__mark::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 1rem;
  height: 1rem;
  background: var(--color-mustard);
  content: "";
}

.fv-closing__content h2 {
  max-width: 12ch;
}

@media (min-width: 48rem) {
  .fv-page .section {
    padding-block: 4rem;
  }

  .fv-hero {
    padding-top: 4rem !important;
    padding-bottom: 6rem !important;
  }

  .fv-form-section {
    padding-block: 4rem !important;
  }
}

@media (min-width: 75rem) {
  .fv-page .section {
    padding-block: 6rem;
  }

  .fv-hero {
    padding-top: 4rem !important;
    padding-bottom: 6rem !important;
  }

  .fv-form-section {
    padding-block: 6rem !important;
  }
}

@media (max-width: 64.99rem) {
  .fv-space__detail {
    margin-top: 0;
  }
}

@media (max-width: 61.99rem) {
  .fv-hero__grid,
  .fv-planning__grid {
    grid-template-columns: 1fr;
  }

  .fv-hero__media {
    max-width: 42rem;
  }

  .fv-hero__content {
    max-width: 42rem;
  }

  .fv-services__list {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .fv-service--planning {
    grid-column: 1 / span 3;
  }

  .fv-service--design {
    grid-column: 4 / span 3;
  }

  .fv-service--equipment {
    grid-column: 1 / span 6;
  }

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

  .fv-planning__content {
    order: -1;
    max-width: 42rem;
  }

  .fv-planning__media {
    max-width: 52rem;
  }
}

@media (max-width: 59.99rem) {
  .fv-themes__grid {
    grid-template-columns: 1fr;
  }

  .fv-casino-card {
    min-height: auto;
  }
}

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

  .fv-occasion--winter,
  .fv-occasion--network {
    margin-top: 0;
  }

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

  .fv-prep-card--ideas {
    grid-column: 1 / span 2;
  }
}

@media (max-width: 54.99rem) {
  .fv-space__grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .fv-space__heading {
    grid-column: 1 / span 5;
  }

  .fv-space__media {
    grid-column: 1 / span 6;
  }

  .fv-space__detail {
    grid-column: 4 / span 3;
  }

  .fv-form-section__container {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .fv-form-section__heading,
  .fv-form {
    grid-column: 1 / span 6;
  }
}

@media (max-width: 44.99rem) {
  .fv-page .section {
    padding-block: 3rem;
  }

  .fv-hero {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .fv-form-section {
    padding-block: 3rem !important;
  }

  .fv-hero__grid,
  .fv-space__grid,
  .fv-planning__grid,
  .fv-form-section__container {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }

  .fv-hero h1 {
    max-width: none;
    font-size: 3.5rem;
    line-height: 1.035;
  }

  .fv-hero__content,
  .fv-hero__media,
  .fv-planning__content,
  .fv-planning__media {
    max-width: none;
  }

  .fv-hero__media {
    padding: 0 0 0 0.5rem;
  }

  .fv-hero__media::after {
    right: auto;
    bottom: 0;
    left: 0;
    width: 0.5rem;
    height: 100%;
  }

  .fv-hero__media::before {
    display: none;
  }

  .fv-hero__media img,
  .fv-planning__media img,
  .fv-space__media img {
    aspect-ratio: 4 / 3;
  }

  .fv-hero__actions {
    flex-direction: column;
    align-items: stretch;
  }

  .fv-hero__actions .button,
  .fv-hero__actions .fv-text-link {
    width: 100%;
  }

  .fv-occasions__intro,
  .fv-prep__intro {
    width: 100%;
    margin-left: 0;
  }

  .fv-occasions__grid,
  .fv-process__grid,
  .fv-prep__grid {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }

  .fv-occasion,
  .fv-process-card,
  .fv-prep-card {
    padding: 1.5rem;
  }

  .fv-services__list {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }

  .fv-service--planning,
  .fv-service--design,
  .fv-service--equipment {
    grid-column: 1;
  }

  .fv-service {
    grid-template-columns: 1fr;
    gap: 1rem;
    padding: 1.5rem;
  }

  .fv-service__number {
    font-size: 3.25rem;
  }

  .fv-space__heading,
  .fv-space__media,
  .fv-space__detail {
    grid-column: 1;
  }

  .fv-space__media {
    margin-top: 0;
  }

  .fv-space__detail {
    margin-top: 0;
  }

  .fv-theme-card,
  .fv-casino-card {
    padding: 1.5rem;
  }

  .fv-casino-card__table-mark {
    top: auto;
    right: -2rem;
    bottom: -2rem;
    width: 8rem;
    height: 8rem;
  }

  .fv-prep-card--ideas {
    grid-column: 1;
  }

  .fv-planning__content {
    order: -1;
  }

  .fv-form-section__heading,
  .fv-form {
    grid-column: 1;
  }

  .fv-form {
    gap: 1.25rem;
    padding: 1.25rem;
  }

  .fv-form .button {
    width: 100%;
  }

  .fv-closing__content {
    width: 100%;
    padding-top: 2rem;
  }
}


.casino-event-page { overflow: hidden; }
.casino-event-page .container { min-width: 0; }
.casino-event-page .ce-section-head { min-width: 0; }
.casino-event-page .ce-section-head > :last-child { margin-bottom: 0; }
.casino-event-page .ce-section-head h2 { font-size: clamp(2rem, 4vw, 3rem); }
.ce-hero { padding-top: clamp(3rem, 7vw, 6rem); }
.ce-hero__grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(22.5rem, 5fr); gap: 1.5rem; align-items: start; }
.ce-hero__copy { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-5); }
.ce-hero__copy > * { min-width: 0; margin: 0; }
.ce-hero__copy h1 { max-width: 61.25rem; font-size: clamp(2.75rem, 6.7vw, 5.5rem); }
.ce-hero__copy h1 span { color: var(--color-cobalt); }
.ce-hero__copy .intro, .ce-hero__copy > p:not(.eyebrow):not(.ce-hero__hint) { max-width: 33.75rem; }
.ce-hero__actions { display: flex; min-width: 0; flex-wrap: wrap; align-items: center; gap: var(--space-4); }
.ce-hero__actions > * { min-width: 0; }
.ce-text-link { font-family: var(--font-heading); font-size: var(--text-label); font-weight: 600; letter-spacing: .04em; }
.ce-hero__hint { max-width: 33.75rem; color: color-mix(in srgb, var(--color-ink) 72%, transparent); font-size: var(--text-label); line-height: var(--leading-label); }
.ce-hero__media { position: relative; width: 100%; min-width: 0; margin: 0; align-self: stretch; border: var(--border-default); border-radius: var(--radius-image); background: var(--color-table-green); }
.ce-hero__media::before { position: absolute; z-index: -1; right: 20%; bottom: -1.5rem; width: 65%; height: 42%; background: var(--color-table-green); content: ""; }
.ce-hero__media::after { position: absolute; top: 1rem; right: -1px; width: 35%; height: 3px; background: var(--color-burgundy); content: ""; }
.ce-hero__media img { width: 100%; height: 100%; min-height: 31rem; object-fit: cover; }
.ce-hero__media figcaption { position: absolute; right: var(--space-3); bottom: var(--space-3); max-width: 12rem; margin: 0; padding: var(--space-2); background: var(--color-canvas); color: var(--color-ink); font-size: var(--text-caption); line-height: var(--leading-caption); }
.ce-atmosphere__head { width: min(100%, 38.75rem); }
.ce-service-grid { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 3fr) minmax(0, 5fr); gap: 1.5rem; margin-top: var(--space-7); align-items: end; }
.ce-service { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-4); padding: var(--space-6); border: var(--border-default); }
.ce-service > * { min-width: 0; margin: 0; }
.ce-service .ce-number { font-family: var(--font-heading); font-size: 3.5rem; font-weight: 700; letter-spacing: -.06em; line-height: 1; }
.ce-service h3 { font-size: clamp(1.5rem, 2.4vw, 2rem); }
.ce-service--one { background: var(--color-canvas); }
.ce-service--one .ce-number { color: var(--color-vermilion); }
.ce-service--two { margin-bottom: 2rem; border-color: var(--color-forest); background: var(--color-forest); color: var(--color-white); }
.ce-service--two .ce-number { color: var(--color-mustard); }
.ce-service--three { background: var(--color-surface-concrete); border-top: 4px solid var(--color-cobalt); }
.ce-service--three .ce-number { color: var(--color-cobalt); }
.ce-service:hover, .ce-concept:hover { transform: translate(2px, 2px); border-color: var(--color-ink); }
.ce-concepts { background: var(--color-surface-concrete); }
.ce-concepts__head { width: min(100%, 36.25rem); }
.ce-concept-grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 3fr) minmax(0, 4fr); gap: 1.5rem; margin-top: var(--space-7); }
.ce-concept { display: flex; min-width: 0; min-height: 16.25rem; flex-direction: column; align-items: flex-start; gap: var(--space-4); padding: var(--space-5); border: var(--border-default); transition: transform var(--transition-fast), border-color var(--transition-fast); }
.ce-concept > * { min-width: 0; margin: 0; }
.ce-concept .ce-number { font-family: var(--font-heading); font-size: 2.5rem; font-weight: 700; letter-spacing: -.06em; line-height: 1; }
.ce-concept h3 { font-size: clamp(1.5rem, 2vw, 2rem); }
.ce-concept a { margin-top: auto; font-family: var(--font-heading); font-size: var(--text-label); font-weight: 600; }
.ce-concept--night { background: var(--color-table-green); color: var(--color-white); }
.ce-concept--night .ce-number { color: var(--color-mustard); }
.ce-concept--poker { background: var(--color-canvas); }
.ce-concept--poker .ce-number { color: var(--color-cobalt); }
.ce-concept--roulette { background: var(--color-mustard); }
.ce-concept--roulette .ce-number { color: var(--color-burgundy); }
.ce-concept--blackjack { grid-column: span 1; background: var(--color-canvas); border-top: 2.5rem solid var(--color-table-green); }
.ce-concept--blackjack .ce-number { color: var(--color-table-green); }
.ce-concept--corporate { grid-column: span 1; background: var(--color-cobalt); color: var(--color-white); }
.ce-concept--corporate .ce-number { color: var(--color-mustard); }
.ce-concept--private { grid-column: span 1; background: var(--color-burgundy); color: var(--color-white); }
.ce-concept--private .ce-number { color: var(--color-mustard); }
.ce-concept--blackjack, .ce-concept--corporate, .ce-concept--private { min-height: 15rem; }
.ce-concept--blackjack a, .ce-concept--roulette a, .ce-concept--poker a { color: var(--color-cobalt); }
.ce-equipment__head { width: min(100%, 38.125rem); }
.ce-equipment__grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(25rem, 5fr); gap: 2rem; margin-top: var(--space-7); align-items: start; }
.ce-equipment__media { width: 100%; min-width: 0; margin: 0; overflow: hidden; border: var(--border-default); border-radius: var(--radius-image); }
.ce-equipment__media img { width: 100%; min-height: 35rem; object-fit: cover; transition: transform var(--transition-fast); }
.ce-equipment__media:hover img { transform: scale(1.02); }
.ce-equipment__list { display: flex; min-width: 0; flex-direction: column; align-items: stretch; gap: var(--space-5); }
.ce-equipment__list > article { display: grid; grid-template-columns: 2.5rem minmax(0, 1fr); column-gap: var(--space-3); min-width: 0; padding-bottom: var(--space-5); border-bottom: var(--border-default); }
.ce-equipment__list > article:last-child { padding-bottom: 0; border-bottom: 0; }
.ce-equipment__list span { color: var(--color-cobalt); font-family: var(--font-heading); font-weight: 700; }
.ce-equipment__list h3, .ce-equipment__list p { grid-column: 2; min-width: 0; }
.ce-equipment__list h3 { margin-bottom: var(--space-3); font-size: var(--text-h4); }
.ce-equipment__list p { margin-bottom: 0; }
.ce-occasions { background: var(--color-surface-concrete); }
.ce-occasions__head { width: min(100%, 36.25rem); }
.ce-occasion-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; margin-top: var(--space-7); align-items: stretch; }
.ce-occasion { display: flex; min-width: 0; min-height: 19rem; flex-direction: column; align-items: flex-start; gap: var(--space-4); padding: var(--space-6); color: var(--color-white); }
.ce-occasion > * { min-width: 0; margin: 0; }
.ce-occasion h3 { font-size: clamp(1.75rem, 3vw, 2.5rem); }
.ce-occasion p { max-width: 26.25rem; }
.ce-occasion a { margin-top: auto; color: inherit; font-family: var(--font-heading); font-size: var(--text-label); font-weight: 600; }
.ce-occasion--corporate { background: var(--color-cobalt); }
.ce-occasion--private { background: var(--color-forest); }
.ce-occasion-bridge { width: min(100%, 37.5rem); margin: var(--space-7) auto 0; border-bottom: 3px solid var(--color-vermilion); padding-bottom: var(--space-4); text-align: center; }
.ce-process__head { width: min(100%, 38.75rem); }
.ce-process-grid { position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.5rem; margin-top: var(--space-7); }
.ce-process-grid::before { position: absolute; top: 3.3rem; right: 7%; left: 7%; z-index: 0; height: 1px; background: var(--color-line); content: ""; }
.ce-process-grid > article { position: relative; z-index: 1; display: flex; min-width: 0; min-height: 18rem; flex-direction: column; align-items: flex-start; gap: var(--space-4); padding: var(--space-5); border: var(--border-default); background: var(--color-canvas); }
.ce-process-grid > article > * { min-width: 0; margin: 0; }
.ce-process-grid > article > span { font-family: var(--font-heading); font-size: 3rem; font-weight: 700; letter-spacing: -.06em; line-height: 1; color: var(--color-vermilion); }
.ce-process-grid h3 { font-size: var(--text-h4); }
.ce-process-grid > article:nth-child(2) { background: var(--color-mustard); }
.ce-process-grid > article:nth-child(2) > span { color: var(--color-ink); }
.ce-process-grid > article:nth-child(3) { background: var(--color-surface-concrete); }
.ce-process-grid > article:nth-child(3) > span { color: var(--color-cobalt); }
.ce-process-grid > article:nth-child(4) { border-color: var(--color-table-green); background: var(--color-table-green); color: var(--color-white); }
.ce-process-grid > article:nth-child(4) > span { color: var(--color-mustard); }
.ce-editorial__figure { position: relative; width: 100%; min-width: 0; margin: 0; overflow: hidden; border: var(--border-default); border-radius: var(--radius-image); }
.ce-editorial__figure img { width: 100%; aspect-ratio: 21 / 9; object-fit: cover; transition: transform var(--transition-fast); }
.ce-editorial__figure:hover img { transform: scale(1.02); }
.ce-editorial__figure figcaption { position: absolute; right: var(--space-5); bottom: var(--space-5); width: min(100% - 2rem, 27.5rem); margin: 0; padding: var(--space-4); background: var(--color-canvas); color: var(--color-ink); font-size: var(--text-label); line-height: var(--leading-label); }
.ce-editorial__below { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 3fr); gap: 1.5rem; margin-top: var(--space-6); }
.ce-editorial__below > * { min-width: 0; }
.ce-editorial__below > div { grid-column: 1; }
.ce-editorial__below h2 { max-width: 38.75rem; }
.ce-editorial__below p { max-width: 38.75rem; margin-bottom: 0; }
.ce-editorial__below ul { display: flex; min-width: 0; flex-direction: column; align-items: stretch; gap: var(--space-3); grid-column: 2; margin: 0; padding: 0; list-style: none; }
.ce-editorial__below li { min-width: 0; padding-left: var(--space-5); font-family: var(--font-heading); font-size: var(--text-h4); font-weight: 700; }
.ce-editorial__below li::before { display: inline-block; width: .75rem; height: .75rem; margin-right: var(--space-3); background: var(--color-cobalt); content: ""; }
.ce-editorial__below li:nth-child(2)::before { background: var(--color-mustard); }
.ce-editorial__below li:nth-child(3)::before { background: var(--color-burgundy); }
.ce-briefing { background: var(--color-surface-concrete); }
.ce-briefing__head { width: min(100%, 37.5rem); }
.ce-briefing-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.5rem; margin-top: var(--space-7); }
.ce-briefing-grid > article { min-width: 0; padding: var(--space-5); border: var(--border-default); background: var(--color-canvas); }
.ce-briefing-grid > article:nth-child(2) { background: var(--color-surface-concrete); }
.ce-briefing-grid > article h3 { font-size: var(--text-h4); }
.ce-briefing-grid > article h3::before { display: block; width: .75rem; height: .75rem; margin-bottom: var(--space-3); background: var(--color-cobalt); content: ""; }
.ce-briefing-grid > article:nth-child(3) h3::before { background: var(--color-forest); }
.ce-briefing-grid > article:nth-child(4) h3::before { background: var(--color-vermilion); }
.ce-briefing-grid > article p { margin-bottom: 0; }
.ce-briefing__close { width: min(100%, 32.5rem); margin: var(--space-7) auto 0; text-align: center; }
.ce-request { background: var(--color-table-green); color: var(--color-white); }
.ce-request__grid { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 1fr) minmax(0, 6fr) minmax(0, 1fr); gap: 1.5rem; align-items: start; }
.ce-request__intro { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-5); grid-column: 1; }
.ce-request__intro > * { min-width: 0; margin: 0; }
.ce-request__intro h2 { max-width: 31.25rem; font-size: clamp(2rem, 4vw, 3rem); color: var(--color-white); }
.ce-request__intro p:not(.eyebrow) { max-width: 31.25rem; }
.ce-request__intro .eyebrow::before { background: var(--color-mustard); }
.ce-form-panel { min-width: 0; padding: var(--space-6); grid-column: 3; border: var(--border-default); background: var(--color-canvas); color: var(--color-ink); }
.ce-form-panel form { display: flex; min-width: 0; flex-direction: column; align-items: stretch; gap: var(--space-5); }
.ce-form-panel form > * { min-width: 0; margin: 0; }
.ce-form-panel .form-field { margin: 0; }
.ce-form-panel label span { color: var(--color-ink); font-family: var(--font-body); font-size: var(--text-caption); font-weight: 500; letter-spacing: 0; }
.ce-form-panel input, .ce-form-panel select, .ce-form-panel textarea { min-height: 2.75rem; background: var(--color-white); }
.ce-form-panel textarea { min-height: 8.75rem; }
.ce-consent { display: grid; grid-template-columns: 1.125rem minmax(0, 1fr); gap: var(--space-3); align-items: start; }
.ce-consent > * { min-width: 0; }
.ce-consent label { margin: 0; font-family: var(--font-body); font-size: var(--text-label); font-weight: 400; letter-spacing: 0; }
.ce-form-panel .form-error[hidden], .ce-form-success[hidden] { display: none; }
.ce-privacy-note { font-size: var(--text-label); line-height: var(--leading-label); }
.ce-form-panel .button { width: fit-content; }
.ce-form-success { padding: var(--space-6); border: var(--border-default); background: var(--color-surface-concrete); }
.ce-form-success > :last-child { margin-bottom: 0; }
.ce-note { padding-top: var(--space-7); }
.ce-note__box { display: grid; grid-template-columns: 1rem minmax(0, 1fr); gap: var(--space-4); width: min(100%, 45rem); margin-inline: auto; padding: var(--space-5); border: var(--border-strong); background: var(--color-surface-concrete); }
.ce-note__box > * { min-width: 0; }
.ce-note__box > span { width: 1rem; height: 1rem; margin-top: .25rem; background: var(--color-vermilion); }
.ce-note__box .eyebrow { font-size: var(--text-caption); }
.ce-note__box > div > :last-child { margin-bottom: 0; }
@media (max-width: 69.99rem) {
 .ce-hero__grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
 .ce-hero__copy { grid-column: 1 / -1; }
 .ce-hero__media { grid-column: 2 / -1; }
 .ce-hero__media img { min-height: 25rem; }
 .ce-service-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
 .ce-service--one, .ce-service--two { grid-column: span 3; }
 .ce-service--three { grid-column: 1 / -1; }
 .ce-equipment__grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
 .ce-equipment__media, .ce-equipment__list { grid-column: 1 / -1; }
 .ce-equipment__media img { min-height: 25rem; }
 .ce-equipment__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
 .ce-equipment__list > article:last-child { grid-column: 1 / -1; }
 .ce-process-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
 .ce-process-grid::before { display: none; }
 .ce-editorial__below { grid-template-columns: repeat(6, minmax(0, 1fr)); }
 .ce-editorial__below > div { grid-column: span 4; }
 .ce-editorial__below ul { grid-column: span 2; }
 .ce-briefing-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
 .ce-request__grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
 .ce-request__intro { grid-column: 1 / span 3; }
 .ce-form-panel { grid-column: 4 / -1; }
}
@media (max-width: 61.99rem) {
 .ce-concept-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
 .ce-concept--night, .ce-concept--poker, .ce-concept--roulette, .ce-concept--blackjack, .ce-concept--corporate, .ce-concept--private { grid-column: span 1; }
 .ce-occasion-grid { grid-template-columns: minmax(0, 1fr); }
 .ce-request__grid { display: flex; flex-direction: column; gap: var(--space-7); }
 .ce-request__grid > * { width: 100%; min-width: 0; }
 .ce-form-panel { max-width: 42.5rem; }
}
@media (max-width: 47.49rem) {
 .ce-hero__grid, .ce-service-grid, .ce-equipment__grid, .ce-editorial__below, .ce-briefing-grid { grid-template-columns: minmax(0, 1fr); }
 .ce-hero__copy, .ce-hero__media, .ce-service--one, .ce-service--two, .ce-service--three, .ce-equipment__media, .ce-equipment__list, .ce-editorial__below > div, .ce-editorial__below ul { grid-column: 1; }
 .ce-hero__copy h1 { font-size: clamp(2.75rem, 13vw, 3.5rem); }
 .ce-hero__media { margin-top: var(--space-2); }
 .ce-hero__media::before { right: 0; bottom: -1rem; width: 100%; height: 1.5rem; }
 .ce-hero__media img { min-height: 0; aspect-ratio: 3 / 2; }
 .ce-service-grid, .ce-concept-grid, .ce-occasion-grid, .ce-process-grid, .ce-briefing-grid { gap: var(--space-4); margin-top: var(--space-6); }
 .ce-service--two { margin-bottom: 0; }
 .ce-service { padding: var(--space-5); }
 .ce-concept-grid { grid-template-columns: minmax(0, 1fr); }
 .ce-concept--night, .ce-concept--poker, .ce-concept--roulette, .ce-concept--blackjack, .ce-concept--corporate, .ce-concept--private { grid-column: 1; min-height: 12.5rem; }
 .ce-equipment__list { display: flex; gap: var(--space-5); }
 .ce-equipment__list > article:last-child { grid-column: auto; }
 .ce-equipment__media img { min-height: 0; aspect-ratio: 3 / 2; }
 .ce-occasion { min-height: 13.75rem; padding: var(--space-5); }
 .ce-occasion-bridge { width: 100%; margin-top: var(--space-6); text-align: left; }
 .ce-process-grid { grid-template-columns: minmax(0, 1fr); padding-left: var(--space-5); }
 .ce-process-grid::after { position: absolute; top: 1.25rem; bottom: 1.25rem; left: .65rem; width: 1px; background: var(--color-line); content: ""; }
 .ce-process-grid > article { min-height: 10.625rem; }
 .ce-editorial__figure img { aspect-ratio: 3 / 2; }
 .ce-editorial__figure figcaption { position: static; width: 100%; max-width: none; padding: var(--space-4); border-top: var(--border-default); }
 .ce-editorial__below ul { gap: var(--space-2); }
 .ce-briefing__close { width: 100%; text-align: left; }
 .ce-form-panel { padding: var(--space-5); }
 .ce-form-panel .button { width: 100%; }
 .ce-note__box { width: 100%; }
}
@media (max-width: 22.49rem) { .ce-note__box { grid-template-columns: minmax(0, 1fr); } }
@media (prefers-reduced-motion: reduce) { .casino-event-page * { transition: none !important; } }


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

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

.eventagentur-page .eyebrow {
  width: max-content;
  max-width: 100%;
}

.eventagentur-hero {
  padding-top: clamp(var(--space-7), 8vw, var(--space-10));
}

.eventagentur-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-7);
}

.eventagentur-hero__copy,
.eventagentur-hero__media,
.eventagentur-section-head,
.eventagentur-occasions__head,
.eventagentur-design__head,
.eventagentur-casino__head,
.eventagentur-process__head,
.eventagentur-briefing__head,
.eventagentur-form__head,
.eventagentur-visual__copy,
.eventagentur-cta__copy {
  min-width: 0;
}

.eventagentur-hero__copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-5);
}

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

.eventagentur-hero h1 {
  max-width: 8.5ch;
  font-size: clamp(3.5rem, 7vw, 5.5rem);
}

.eventagentur-hero h1 span {
  color: var(--color-cobalt);
}

.eventagentur-hero .intro {
  max-width: 33rem;
}

.eventagentur-hero__actions {
  display: flex;
  width: 100%;
  min-width: 0;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-4);
}

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

.eventagentur-text-link,
.eventagentur-casino__link {
  font-family: var(--font-heading);
  font-size: var(--text-label);
  font-weight: 600;
  letter-spacing: 0.04em;
}

.eventagentur-hero__note {
  max-width: 31rem;
  font-size: var(--text-label);
  line-height: var(--leading-label);
}

.eventagentur-hero__media,
.eventagentur-design__media,
.eventagentur-casino__media,
.eventagentur-visual__media {
  position: relative;
  width: 100%;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  border: var(--border-default);
  border-radius: var(--radius-image);
}

.eventagentur-hero__media::after {
  position: absolute;
  z-index: -1;
  right: -12px;
  bottom: -12px;
  width: 42%;
  height: 34%;
  background: var(--color-cobalt);
  content: "";
}

.eventagentur-hero__media img,
.eventagentur-design__media img,
.eventagentur-casino__media img,
.eventagentur-visual__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--transition-fast);
}

.eventagentur-hero__media img {
  aspect-ratio: 4 / 3;
  object-position: 70% center;
}

.eventagentur-section-head,
.eventagentur-occasions__head,
.eventagentur-casino__head,
.eventagentur-process__head,
.eventagentur-briefing__head,
.eventagentur-form__head {
  max-width: 37.5rem;
}

.eventagentur-section-head p:last-child,
.eventagentur-occasions__head p:last-child,
.eventagentur-casino__head p:last-child,
.eventagentur-process__head p:last-child,
.eventagentur-briefing__head p:last-child,
.eventagentur-form__head p:last-child {
  margin-bottom: 0;
}

.eventagentur-services__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-4);
  margin-top: var(--space-7);
}

.eventagentur-service {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 18rem;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  padding: var(--space-5);
  border: var(--border-default);
  transition: transform var(--transition-fast), border-color var(--transition-fast);
}

.eventagentur-service > * {
  min-width: 0;
  margin: 0;
}

.eventagentur-service__number {
  font-family: var(--font-heading);
  font-size: 3.25rem;
  font-weight: 700;
  letter-spacing: -0.06em;
  line-height: 1;
}

.eventagentur-service h3 {
  font-size: clamp(1.5rem, 2.2vw, 2rem);
}

.eventagentur-service--concrete { background: var(--color-surface-concrete); }
.eventagentur-service--canvas { background: var(--color-canvas); border-color: var(--color-ink); }
.eventagentur-service--canvas .eventagentur-service__number { color: var(--color-vermilion); }
.eventagentur-service--forest { background: var(--color-forest); color: var(--color-white); }
.eventagentur-service--forest h3 { color: var(--color-white); }
.eventagentur-service--forest::after { position: absolute; top: 0; right: 0; width: 2rem; height: 2rem; background: var(--color-mustard); content: ""; }

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

.eventagentur-occasion {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 15rem;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  padding: var(--space-5);
  border: var(--border-default);
  background: var(--color-canvas);
}

.eventagentur-occasion > * { min-width: 0; margin: 0; }
.eventagentur-occasion > span { font-family: var(--font-heading); font-weight: 700; letter-spacing: 0.04em; }
.eventagentur-occasion h3 { font-size: var(--text-h4); }
.eventagentur-occasion--cobalt { border-color: var(--color-cobalt); }
.eventagentur-occasion--cobalt > span { color: var(--color-cobalt); }
.eventagentur-occasion--concrete { background: var(--color-surface-concrete); }
.eventagentur-occasion--concrete::after { position: absolute; right: var(--space-4); top: var(--space-4); width: 1rem; height: 1rem; background: var(--color-mustard); content: ""; }
.eventagentur-occasion--vermilion { border-inline-start: 8px solid var(--color-vermilion); }
.eventagentur-occasion--outline { border-color: var(--color-ink); }
.eventagentur-occasion--outline > span { font-size: 2rem; }
.eventagentur-occasion--forest { background: var(--color-forest); color: var(--color-white); }
.eventagentur-occasion--forest h3 { color: var(--color-white); }
.eventagentur-occasion--concept { background: var(--color-cobalt); color: var(--color-white); border-color: var(--color-cobalt); }
.eventagentur-occasion--concept h3, .eventagentur-occasion--concept a { color: var(--color-white); }

.eventagentur-design__head {
  max-width: 31.875rem;
  margin-bottom: var(--space-7);
}

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

.eventagentur-design__media img { aspect-ratio: 4 / 3; object-position: center; }

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

.eventagentur-design__content > * { min-width: 0; }

.eventagentur-design__forest-copy,
.eventagentur-design__canvas-copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  padding: var(--space-5);
}

.eventagentur-design__forest-copy > *,
.eventagentur-design__canvas-copy > * { min-width: 0; margin: 0; }
.eventagentur-design__forest-copy { background: var(--color-forest); color: var(--color-white); }
.eventagentur-design__forest-copy h3 { color: var(--color-white); }
.eventagentur-design__canvas-copy { border-inline-start: 8px solid var(--color-forest); background: var(--color-canvas); }

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

.eventagentur-design__details > div {
  min-width: 0;
  padding: var(--space-4);
  border-top: var(--border-strong);
}

.eventagentur-design__details h4,
.eventagentur-design__details p { margin: 0; }
.eventagentur-design__details p { margin-top: var(--space-2); font-size: var(--text-label); line-height: var(--leading-label); }

.eventagentur-casino__module {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-5);
  margin-top: var(--space-7);
  padding: var(--space-5);
}

.eventagentur-casino__media { border-color: color-mix(in srgb, var(--color-white) 58%, transparent); }
.eventagentur-casino__media img { aspect-ratio: 3 / 2; object-position: center; }

.eventagentur-casino__content {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-5);
}

.eventagentur-casino__content > * { min-width: 0; margin: 0; }
.eventagentur-casino__content article { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); }
.eventagentur-casino__content article > * { min-width: 0; margin: 0; }
.eventagentur-casino__content h3 { font-size: var(--text-h4); }
.eventagentur-casino__content article:first-child { border-inline-start: 5px solid var(--color-burgundy); padding-inline-start: var(--space-4); }
.eventagentur-casino__inlay { padding: var(--space-4); background: var(--color-canvas); color: var(--color-ink); }
.eventagentur-casino__inlay h3 { color: var(--color-ink); }
.eventagentur-casino__clarification { max-width: 35rem; padding: var(--space-4); border: 1px solid var(--color-white); color: var(--color-white); font-size: var(--text-label); line-height: var(--leading-label); }
.eventagentur-casino__link { color: var(--color-white); }

.eventagentur-process__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1px;
  margin-top: var(--space-7);
  background: var(--color-line);
}

.eventagentur-process__step {
  display: flex;
  min-width: 0;
  min-height: 15rem;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  padding: var(--space-5);
  background: var(--color-canvas);
}

.eventagentur-process__step > * { min-width: 0; margin: 0; }
.eventagentur-process__step > span { font-family: var(--font-heading); font-size: 2.5rem; font-weight: 700; letter-spacing: -0.05em; line-height: 1; }
.eventagentur-process__step h3 { font-size: var(--text-h4); }
.eventagentur-process__step--mustard { background: var(--color-mustard); }
.eventagentur-process__step--canvas { background: var(--color-canvas); }
.eventagentur-process__step--canvas > span { color: var(--color-vermilion); }
.eventagentur-process__step--cobalt { background: var(--color-cobalt); color: var(--color-white); }
.eventagentur-process__step--cobalt h3 { color: var(--color-white); }
.eventagentur-process__step--concrete { background: var(--color-surface-concrete); }
.eventagentur-process__step--concrete > span { color: var(--color-forest); }

.eventagentur-briefing__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-4);
  margin-top: var(--space-7);
}

.eventagentur-briefing__card {
  display: flex;
  min-width: 0;
  min-height: 15rem;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  padding: var(--space-5);
  border: var(--border-default);
  background: var(--color-canvas);
}

.eventagentur-briefing__card > * { min-width: 0; margin: 0; }
.eventagentur-briefing__card h3 { font-size: var(--text-h4); }
.eventagentur-briefing__card--concrete { position: relative; background: var(--color-surface-concrete); }
.eventagentur-briefing__card--concrete::after { position: absolute; top: 0; right: 0; width: 1.5rem; height: 1.5rem; background: var(--color-cobalt); content: ""; }
.eventagentur-briefing__card--forest { background: var(--color-forest); color: var(--color-white); }
.eventagentur-briefing__card--forest h3 { color: var(--color-white); }
.eventagentur-briefing__card--outline { border-color: var(--color-ink); }
.eventagentur-briefing__card--outline::before { display: block; width: 1rem; height: 1rem; background: var(--color-mustard); content: ""; }
.eventagentur-briefing__action { margin: var(--space-5) 0 0; }

.eventagentur-visual > .container > h2 { max-width: 30rem; }
.eventagentur-visual__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-5);
  margin-top: var(--space-7);
}

.eventagentur-visual__media img { aspect-ratio: 4 / 3; object-position: center; }
.eventagentur-visual__media figcaption { position: static; width: 100%; padding: var(--space-3); background: var(--color-canvas); color: var(--color-ink); font-size: var(--text-caption); line-height: var(--leading-caption); }
.eventagentur-visual__copy { align-self: end; max-width: 28rem; }
.eventagentur-visual__copy p { margin: 0; }

.eventagentur-cta__module {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  min-height: 0;
  overflow: hidden;
  padding: var(--space-6);
}

.eventagentur-cta__copy {
  position: relative;
  z-index: 1;
  display: flex;
  max-width: 40rem;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-5);
}

.eventagentur-cta__copy > * { min-width: 0; margin: 0; }
.eventagentur-cta__copy h2 { color: var(--color-white); }
.eventagentur-cta__button { border-color: var(--color-canvas); background: var(--color-canvas); color: var(--color-ink); }
.eventagentur-cta__button:hover { border-color: var(--color-white); background: var(--color-white); color: var(--color-ink); }
.eventagentur-cta__note { position: relative; padding-inline-start: var(--space-5); font-size: var(--text-label); line-height: var(--leading-label); }
.eventagentur-cta__note::before { position: absolute; top: 0.35em; left: 0; width: 0.75rem; height: 0.75rem; background: var(--color-mustard); content: ""; }
.eventagentur-cta__shape { display: none; }

.eventagentur-form__form {
  display: flex;
  max-width: 42.5rem;
  min-width: 0;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-5);
  margin-top: var(--space-7);
  padding: var(--space-5);
  border: var(--border-strong);
  background: var(--color-surface-concrete);
}

.eventagentur-form__form > * { min-width: 0; margin: 0; }
.eventagentur-form__form .form-field { margin: 0; }
.eventagentur-form__form input,
.eventagentur-form__form select,
.eventagentur-form__form textarea { min-height: 3rem; }
.eventagentur-form__optional { font-family: var(--font-body); font-size: var(--text-caption); font-weight: 400; letter-spacing: 0; }
.eventagentur-form__consent { display: grid; grid-template-columns: 1.25rem minmax(0, 1fr); gap: var(--space-3); align-items: start; }
.eventagentur-form__consent > * { min-width: 0; }
.eventagentur-form__consent input { width: 1.125rem; min-height: 1.125rem; margin-top: 0.2rem; }
.eventagentur-form__consent label { margin: 0; font-family: var(--font-body); font-size: var(--text-label); font-weight: 400; letter-spacing: 0; }
.eventagentur-form__consent .form-error { grid-column: 2; }
.eventagentur-form__status { max-width: 42.5rem; margin-top: var(--space-5); }
.eventagentur-form__success { padding: var(--space-5); border: var(--border-strong); background: var(--color-surface-concrete); }
.eventagentur-form__success h3, .eventagentur-form__success p { margin: 0; }
.eventagentur-form__success p { margin-top: var(--space-3); }

@media (hover: hover) {
  .eventagentur-hero__media:hover img,
  .eventagentur-design__media:hover img,
  .eventagentur-casino__media:hover img,
  .eventagentur-visual__media:hover img { transform: scale(1.02); }
  .eventagentur-service:hover { transform: translate(2px, 2px); border-color: var(--color-ink); }
}

@media (min-width: 48rem) {
  .eventagentur-services__grid { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: var(--space-4); }
  .eventagentur-service--concrete { grid-column: span 3; }
  .eventagentur-service--canvas { grid-column: span 3; }
  .eventagentur-service--forest { grid-column: 1 / -1; }

  .eventagentur-occasions__grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .eventagentur-occasion { grid-column: span 3; }
  .eventagentur-occasion--concept { grid-column: 1 / -1; }

  .eventagentur-design__details { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .eventagentur-process__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .eventagentur-briefing__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .eventagentur-visual__media figcaption { width: fit-content; max-width: 25rem; }
}

@media (min-width: 60rem) {
  .eventagentur-hero__grid { grid-template-columns: repeat(6, minmax(0, 1fr)); align-items: center; }
  .eventagentur-hero__copy { grid-column: span 6; }
  .eventagentur-hero__media { grid-column: span 6; }
  .eventagentur-hero__media img { aspect-ratio: 4 / 5; }
  .eventagentur-cta__module { min-height: 22.5rem; padding: var(--space-8); }
}

@media (min-width: 67.5rem) {
  .eventagentur-hero__grid,
  .eventagentur-design__layout,
  .eventagentur-casino__module,
  .eventagentur-visual__layout { grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-5); }

  .eventagentur-hero__copy { grid-column: span 6; }
  .eventagentur-hero__media { grid-column: 7 / span 6; }
  .eventagentur-section-head { width: min(100%, 42rem); margin-inline-start: calc((100% + var(--space-5)) / 12); }

  .eventagentur-services__grid { grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-5); }
  .eventagentur-service--concrete { grid-column: span 4; }
  .eventagentur-service--canvas { grid-column: span 3; }
  .eventagentur-service--forest { grid-column: span 5; }

  .eventagentur-occasions__head { width: min(100%, 38.75rem); }
  .eventagentur-occasions__grid { grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-5); }
  .eventagentur-occasion--cobalt, .eventagentur-occasion--concrete, .eventagentur-occasion--vermilion { grid-column: span 4; }
  .eventagentur-occasion--outline { grid-column: span 3; }
  .eventagentur-occasion--forest { grid-column: span 4; }
  .eventagentur-occasion--concept { grid-column: span 5; }

  .eventagentur-design__media { grid-column: 1 / span 7; }
  .eventagentur-design__media img { aspect-ratio: 4 / 5; }
  .eventagentur-design__content { grid-column: 7 / span 6; margin-top: var(--space-8); }

  .eventagentur-casino__head { width: min(100%, 38.75rem); margin-inline-start: calc((100% + var(--space-5)) / 12); }
  .eventagentur-casino__module { padding: var(--space-7); }
  .eventagentur-casino__media { grid-column: 1 / span 5; }
  .eventagentur-casino__content { grid-column: 7 / span 6; }

  .eventagentur-process__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .eventagentur-briefing__head { width: min(100%, 42rem); margin-inline-start: calc((100% + var(--space-5)) / 12); }

  .eventagentur-visual__media { grid-column: 1 / span 8; }
  .eventagentur-visual__copy { grid-column: 10 / span 3; }
  .eventagentur-visual__media figcaption { position: absolute; left: 0; bottom: 0; }

  .eventagentur-cta__module { grid-template-columns: repeat(12, minmax(0, 1fr)); }
  .eventagentur-cta__copy { grid-column: span 7; }
  .eventagentur-cta__shape { position: absolute; right: 15%; bottom: 18%; display: block; width: 7rem; height: 7rem; border: 1.25rem solid var(--color-mustard); border-left-color: var(--color-vermilion); }

  .eventagentur-form__head { width: min(100%, 42rem); margin-inline-start: calc((100% + var(--space-5)) / 12); }
  .eventagentur-form__form, .eventagentur-form__status { margin-inline-start: calc((100% + var(--space-5)) / 12); }
}

@media (max-width: 29.99rem) {
  .eventagentur-hero__actions { flex-direction: column; align-items: stretch; }
  .eventagentur-hero__actions .eventagentur-text-link { min-height: 2.75rem; display: inline-flex; align-items: center; }
  .eventagentur-cta__button { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .eventagentur-hero__media img,
  .eventagentur-design__media img,
  .eventagentur-casino__media img,
  .eventagentur-visual__media img,
  .eventagentur-service { transition: none; }
}


.birthday-page { overflow: clip; }
.birthday-page .section { padding-block: var(--section-space); }
.birthday-page .birthday-hero__grid,
.birthday-page .birthday-design__grid,
.birthday-page .birthday-theme__grid,
.birthday-page .birthday-request__grid,
.birthday-page .birthday-closing__grid { display: grid; min-width: 0; }
.birthday-page .birthday-hero__content,
.birthday-page .birthday-hero__media,
.birthday-page .birthday-services__intro,
.birthday-page .birthday-process__intro,
.birthday-page .birthday-formats__intro,
.birthday-page .birthday-design__head,
.birthday-page .birthday-design__media,
.birthday-page .birthday-theme__copy,
.birthday-page .birthday-theme__media,
.birthday-page .birthday-request__content,
.birthday-page .birthday-closing__copy { min-width: 0; }
.birthday-page .birthday-hero__grid { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 24px; align-items: start; }
.birthday-page .birthday-hero__content { width: 100%; max-width: 760px; padding-top: 32px; }
.birthday-page .birthday-hero h1 { max-width: 760px; font-size: clamp(3.5rem, 7.2vw, 5.5rem); }
.birthday-page .birthday-hero h1 span { color: var(--color-cobalt); }
.birthday-page .birthday-hero__content > .intro { max-width: 31.25rem; }
.birthday-page .birthday-hero__actions { display: flex; min-width: 0; flex-wrap: wrap; align-items: center; gap: 16px 24px; }
.birthday-page .birthday-hero__text-link { display: inline-flex; min-height: 44px; align-items: center; font-family: var(--font-heading); font-size: var(--text-label); font-weight: 600; letter-spacing: .04em; }
.birthday-page .birthday-hero__media { width: 100%; margin: 64px 0 0; }
.birthday-page .birthday-hero__image-wrap { position: relative; width: 100%; overflow: hidden; border: var(--border-default); border-radius: var(--radius-image); background: var(--color-cobalt); }
.birthday-page .birthday-hero__image-wrap::after { position: absolute; inset: 0 0 0 auto; width: 14%; background: var(--color-cobalt); content: ""; pointer-events: none; }
.birthday-page .birthday-hero__image-wrap img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; transition: transform var(--transition-fast); }
.birthday-page .birthday-hero__media .caption { margin-top: 8px; max-width: 30rem; }
@media (hover: hover) { .birthday-page .birthday-hero__image-wrap:hover img { transform: scale(1.02); } }

.birthday-page .birthday-services__intro { width: min(100%, 620px); }
.birthday-page .birthday-services__grid { display: grid; min-width: 0; grid-template-columns: minmax(0, 4fr) minmax(0, 5fr) minmax(0, 3fr); align-items: stretch; gap: 24px; }
.birthday-page .birthday-service { display: flex; min-width: 0; min-height: 340px; flex-direction: column; gap: 16px; padding: 32px; border: var(--border-default); }
.birthday-page .birthday-service > :is(h3, p) { margin: 0; }
.birthday-page .birthday-service__number { font-family: var(--font-heading); font-size: 2.75rem; font-weight: 700; letter-spacing: -.06em; line-height: 1; }
.birthday-page .birthday-service h3 { font-size: 1.5rem; }
.birthday-page .birthday-service--one { background: var(--color-canvas); }
.birthday-page .birthday-service--one .birthday-service__number { color: var(--color-vermilion); }
.birthday-page .birthday-service--two { background: var(--color-surface-concrete); }
.birthday-page .birthday-service--three { background: var(--color-forest); color: var(--color-white); }
.birthday-page .birthday-service--three h3 { color: inherit; }
@media (hover: hover) { .birthday-page .birthday-service { transition: transform var(--transition-fast); } .birthday-page .birthday-service:hover { transform: translate(2px, 2px); } }

.birthday-page .birthday-process__intro { width: min(100%, 650px); }
.birthday-page .birthday-process__grid { display: grid; min-width: 0; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.birthday-page .birthday-process__item { display: flex; min-width: 0; min-height: 300px; flex-direction: column; gap: 16px; padding: 24px; border: var(--border-default); background: var(--color-canvas); }
.birthday-page .birthday-process__item > :is(h3, p) { margin: 0; }
.birthday-page .birthday-process__number { color: var(--color-vermilion); font-family: var(--font-heading); font-size: 3rem; font-weight: 700; letter-spacing: -.06em; line-height: 1; }
.birthday-page .birthday-process__item h3 { font-size: 1.5rem; }
.birthday-page .birthday-process__item--two { background: var(--color-mustard); }
.birthday-page .birthday-process__item--three { background: var(--color-surface-concrete); }
.birthday-page .birthday-process__item--four { background: var(--color-cobalt); color: var(--color-white); }
.birthday-page .birthday-process__item--four h3,
.birthday-page .birthday-process__item--four .birthday-process__number { color: inherit; }
.birthday-page .birthday-process__closing { margin: 24px 0 0; font-family: var(--font-heading); font-weight: 600; }

.birthday-page .birthday-formats__intro { width: min(100%, 600px); }
.birthday-page .birthday-formats__grid { display: grid; min-width: 0; grid-template-columns: minmax(0, 5fr) minmax(0, 3fr) minmax(0, 4fr); align-items: start; gap: 24px; }
.birthday-page .birthday-format { min-width: 0; border: var(--border-default); }
.birthday-page .birthday-format figure { margin: 0; overflow: hidden; }
.birthday-page .birthday-format figure img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; transition: transform var(--transition-fast); }
.birthday-page .birthday-format__body { display: flex; min-width: 0; flex-direction: column; gap: 16px; padding: 24px; }
.birthday-page .birthday-format__body > :is(h3, p, a) { margin: 0; }
.birthday-page .birthday-format__body a { align-self: flex-start; min-height: 32px; font-family: var(--font-heading); font-size: var(--text-label); font-weight: 600; }
.birthday-page .birthday-format__meta { font-family: var(--font-heading); font-size: var(--text-caption); font-weight: 600; letter-spacing: .04em; text-transform: uppercase; }
.birthday-page .birthday-format h3 { font-size: 1.5rem; }
.birthday-page .birthday-format--reception { margin-top: 48px; background: var(--color-surface-concrete); }
.birthday-page .birthday-format__cutout { width: 100%; padding: 16px 16px 0; overflow: hidden; }
.birthday-page .birthday-format__cutout img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.birthday-page .birthday-format--theme { margin-top: 16px; background: var(--color-forest); color: var(--color-white); }
.birthday-page .birthday-format--theme h3,
.birthday-page .birthday-format--theme a { color: inherit; }
@media (hover: hover) { .birthday-page .birthday-format:hover figure img { transform: scale(1.02); } .birthday-page .birthday-format:hover h3 { text-decoration: underline 2px var(--color-cobalt); text-underline-offset: .18em; } }

.birthday-page .birthday-design__grid { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 24px; align-items: start; }
.birthday-page .birthday-design__head { width: 100%; max-width: 560px; }
.birthday-page .birthday-design__media { width: 100%; margin: 0; }
.birthday-page .birthday-design__media img { width: 100%; aspect-ratio: 16 / 10; border: var(--border-default); border-radius: var(--radius-image); object-fit: cover; }
.birthday-page .birthday-design__media .caption { margin-top: 8px; }
.birthday-page .birthday-design__chapters { display: grid; grid-column: 1 / -1; min-width: 0; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.birthday-page .birthday-design__chapter { display: flex; min-width: 0; flex-direction: column; gap: 16px; padding: 24px 0 0; border-top: var(--border-default); }
.birthday-page .birthday-design__chapter > :is(h3, p) { margin: 0; }
.birthday-page .birthday-design__chapter h3 { font-size: 1.5rem; }
.birthday-page .birthday-design__chapter--arrival h3::before,
.birthday-page .birthday-design__chapter--details h3::before { display: inline-block; width: 12px; height: 12px; margin-right: 8px; background: var(--color-cobalt); content: ""; }
.birthday-page .birthday-design__chapter--zones { padding: 24px; background: var(--color-surface-concrete); }
.birthday-page .birthday-design__chapter--details h3::before { background: var(--color-forest); }

.birthday-page .birthday-theme { background: var(--color-table-green); color: var(--color-white); }
.birthday-page .birthday-theme__grid { grid-template-columns: minmax(0, 5fr) minmax(0, 1fr) minmax(0, 6fr); gap: 24px; align-items: start; }
.birthday-page .birthday-theme__copy { grid-column: 3; width: 100%; max-width: 520px; }
.birthday-page .birthday-theme h2,
.birthday-page .birthday-theme h3 { color: inherit; }
.birthday-page .birthday-theme__label { margin: 0 0 12px; color: var(--color-mustard); font-family: var(--font-heading); font-size: var(--text-label); font-weight: 600; letter-spacing: .04em; text-transform: uppercase; }
.birthday-page .birthday-theme__intro { margin-bottom: 0; font-size: var(--text-intro); line-height: var(--leading-intro); }
.birthday-page .birthday-theme__media { grid-column: 1; grid-row: 1 / span 2; width: 100%; margin: 64px 0 0; }
.birthday-page .birthday-theme__media img { width: 100%; aspect-ratio: 3 / 2; border: 1px solid var(--color-white); border-radius: var(--radius-image); object-fit: cover; }
.birthday-page .birthday-theme__media .caption { margin-top: 8px; color: color-mix(in srgb, var(--color-white) 75%, transparent); }
.birthday-page .birthday-theme__details { display: grid; grid-column: 3; min-width: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 24px; }
.birthday-page .birthday-theme__details > article { display: flex; min-width: 0; flex-direction: column; gap: 12px; padding: 20px; border: 1px solid color-mix(in srgb, var(--color-white) 55%, transparent); }
.birthday-page .birthday-theme__details > article > :is(h3, p, a) { margin: 0; }
.birthday-page .birthday-theme__details h3 { font-size: 1.25rem; }
.birthday-page .birthday-theme__details > article:first-child { border-inline-start: 5px solid var(--color-burgundy); }
.birthday-page .birthday-theme__details > article:nth-child(2) { border-bottom: 3px solid var(--color-burgundy); }
.birthday-page .birthday-theme__closing { grid-column: 1 / -1; background: var(--color-canvas); color: var(--color-ink); }
.birthday-page .birthday-theme__closing h3 { color: var(--color-ink); }
.birthday-page .birthday-theme__closing a { align-self: flex-start; font-family: var(--font-heading); font-size: var(--text-label); font-weight: 600; }

.birthday-page .birthday-briefing__intro { width: min(100%, 560px); }
.birthday-page .birthday-briefing__grid { display: grid; min-width: 0; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.birthday-page .birthday-briefing__item { display: flex; min-width: 0; flex-direction: column; gap: 16px; padding: 24px; border: var(--border-default); background: var(--color-canvas); }
.birthday-page .birthday-briefing__item > :is(h3, p) { margin: 0; }
.birthday-page .birthday-briefing__item h3 { font-size: 1.25rem; }
.birthday-page .birthday-briefing__item--feeling { border-top: 8px solid var(--color-vermilion); }
.birthday-page .birthday-briefing__item--guests { background: var(--color-surface-concrete); }
.birthday-page .birthday-briefing__item--ideas { border-top: 8px solid var(--color-mustard); }
.birthday-page .birthday-briefing__item--budget { border-top: 8px solid var(--color-forest); }
.birthday-page .birthday-briefing__link { display: inline-flex; min-height: 44px; align-items: center; margin-top: 24px; font-family: var(--font-heading); font-size: var(--text-label); font-weight: 600; }

.birthday-page .birthday-cta__panel { display: grid; min-width: 0; grid-template-columns: minmax(0, 7fr) minmax(0, 2fr) minmax(0, 3fr); gap: 24px; padding: 64px; background: var(--color-cobalt); color: var(--color-white); }
.birthday-page .birthday-cta__copy { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: 24px; }
.birthday-page .birthday-cta__copy > :is(h2, p, a) { margin: 0; }
.birthday-page .birthday-cta__copy h2 { max-width: 620px; color: inherit; }
.birthday-page .birthday-cta__copy p { max-width: 510px; }
.birthday-page .birthday-cta__shape { grid-column: 3; align-self: stretch; min-width: 0; background: var(--color-canvas); }

.birthday-page .birthday-request__grid { grid-template-columns: minmax(0, 7fr) minmax(0, 1fr) minmax(0, 3fr); gap: 24px; align-items: stretch; }
.birthday-page .birthday-request__content { grid-column: 1; width: min(100%, 680px); }
.birthday-page .birthday-request__intro { max-width: 580px; }
.birthday-page .birthday-request__form { display: flex; min-width: 0; flex-direction: column; gap: 24px; padding: 32px; border-inline-start: 8px solid var(--color-cobalt); background: var(--color-surface-concrete); }
.birthday-page .birthday-request__form > .form-field { margin: 0; }
.birthday-page .birthday-request__privacy { margin: 0; font-size: var(--text-label); line-height: var(--leading-label); }
.birthday-page .birthday-request__optional { font-family: var(--font-body); font-size: var(--text-caption); font-weight: 400; letter-spacing: 0; }
.birthday-page .birthday-request__form .button { align-self: flex-start; }
.birthday-page .birthday-request__status:empty { display: none; }
.birthday-page .birthday-request__status { padding: 16px; border: var(--border-default); background: var(--color-canvas); }
.birthday-page .birthday-request__status p { margin: 0; }
.birthday-page .birthday-request__status--success { border-inline-start: 5px solid var(--color-cobalt); }
.birthday-page .birthday-request__status--error { border-inline-start: 5px solid var(--color-vermilion); }
.birthday-page .birthday-request__lines { display: grid; grid-column: 3; min-width: 0; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; align-self: center; height: 240px; }
.birthday-page .birthday-request__lines span { min-width: 0; border: var(--border-default); }
.birthday-page .birthday-request__lines span:nth-child(1) { background: var(--color-cobalt); }
.birthday-page .birthday-request__lines span:nth-child(2) { background: var(--color-mustard); }
.birthday-page .birthday-request__lines span:nth-child(3) { background: var(--color-surface-concrete); }

.birthday-page .birthday-closing__grid { grid-template-columns: minmax(0, 5fr) minmax(0, 1fr) minmax(0, 6fr); gap: 24px; align-items: end; }
.birthday-page .birthday-closing__copy { width: min(100%, 480px); }
.birthday-page .birthday-closing__copy a { display: inline-flex; min-height: 44px; align-items: center; font-family: var(--font-heading); font-size: var(--text-label); font-weight: 600; }
.birthday-page .birthday-closing__mark { grid-column: 2; width: 40px; height: 40px; background: var(--color-vermilion); }

@media (max-width: 62.49rem) {
.birthday-page .birthday-hero__grid { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px; }
.birthday-page .birthday-hero__content { grid-column: 1 / span 6; padding-top: 0; }
.birthday-page .birthday-hero__media { grid-column: 3 / span 4; margin-top: 16px; }
.birthday-page .birthday-services__grid { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px; }
.birthday-page .birthday-service--one { grid-column: 1 / span 3; }
.birthday-page .birthday-service--two { grid-column: 4 / span 3; }
.birthday-page .birthday-service--three { grid-column: 1 / span 3; }
.birthday-page .birthday-process__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.birthday-page .birthday-formats__grid { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px; }
.birthday-page .birthday-format--small { grid-column: 1 / span 3; }
.birthday-page .birthday-format--reception { grid-column: 4 / span 3; margin-top: 0; }
.birthday-page .birthday-format--theme { grid-column: 1 / span 4; margin-top: 0; }
.birthday-page .birthday-design__grid { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px; }
.birthday-page .birthday-design__head { grid-column: 1 / span 6; }
.birthday-page .birthday-design__media { grid-column: 1 / span 6; }
.birthday-page .birthday-design__chapters { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px; }
.birthday-page .birthday-design__chapter { grid-column: span 3; }
.birthday-page .birthday-design__chapter--details { grid-column: 1 / span 3; }
.birthday-page .birthday-theme__grid { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px; }
.birthday-page .birthday-theme__copy { grid-column: 1 / span 6; }
.birthday-page .birthday-theme__media { grid-column: 1 / span 6; grid-row: auto; margin-top: 0; }
.birthday-page .birthday-theme__details { grid-column: 1 / span 6; }
.birthday-page .birthday-briefing__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.birthday-page .birthday-cta__panel { grid-template-columns: minmax(0, 4fr) minmax(0, 2fr); gap: 16px; padding: 48px; }
.birthday-page .birthday-cta__shape { grid-column: 2; }
.birthday-page .birthday-request__grid { grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); gap: 16px; }
.birthday-page .birthday-request__content { grid-column: 1; }
.birthday-page .birthday-request__lines { grid-column: 2; }
.birthday-page .birthday-closing__grid { grid-template-columns: minmax(0, 4fr) minmax(0, 1fr) minmax(0, 1fr); gap: 16px; }
}

@media (max-width: 43.74rem) {
.birthday-page .birthday-hero__grid,
.birthday-page .birthday-design__grid,
.birthday-page .birthday-theme__grid,
.birthday-page .birthday-request__grid,
.birthday-page .birthday-closing__grid { grid-template-columns: minmax(0, 1fr); gap: 24px; }
.birthday-page .birthday-hero h1 { font-size: clamp(3rem, 14vw, 3.5rem); }
.birthday-page .birthday-hero__content > .intro { max-width: 40ch; }
.birthday-page .birthday-hero__media { grid-column: 1; margin-top: 0; }
.birthday-page .birthday-hero__image-wrap::after { inset: auto 0 0; width: 100%; height: 12px; }
.birthday-page .birthday-hero__image-wrap img { aspect-ratio: 4 / 3; }
.birthday-page .birthday-services__grid,
.birthday-page .birthday-process__grid,
.birthday-page .birthday-formats__grid,
.birthday-page .birthday-briefing__grid { grid-template-columns: minmax(0, 1fr); gap: 20px; }
.birthday-page .birthday-service,
.birthday-page .birthday-process__item,
.birthday-page .birthday-format--small,
.birthday-page .birthday-format--reception,
.birthday-page .birthday-format--theme { grid-column: 1; min-height: 0; }
.birthday-page .birthday-service { padding: 24px; }
.birthday-page .birthday-process__item { padding: 24px; }
.birthday-page .birthday-process__grid { position: relative; padding-inline-start: 20px; }
.birthday-page .birthday-process__grid::before { position: absolute; top: 0; bottom: 0; left: 4px; width: 1px; background: var(--color-line); content: ""; }
.birthday-page .birthday-design__head,
.birthday-page .birthday-design__media,
.birthday-page .birthday-design__chapters,
.birthday-page .birthday-theme__copy,
.birthday-page .birthday-theme__media,
.birthday-page .birthday-theme__details,
.birthday-page .birthday-request__content { grid-column: 1; }
.birthday-page .birthday-design__media img { aspect-ratio: 4 / 3; }
.birthday-page .birthday-design__chapters { grid-template-columns: minmax(0, 1fr); gap: 24px; }
.birthday-page .birthday-design__chapter,
.birthday-page .birthday-design__chapter--details { grid-column: 1; }
.birthday-page .birthday-theme__media { margin-top: 0; }
.birthday-page .birthday-theme__media img { aspect-ratio: 4 / 3; }
.birthday-page .birthday-theme__details { grid-template-columns: minmax(0, 1fr); }
.birthday-page .birthday-cta__panel { grid-template-columns: minmax(0, 1fr); gap: 24px; padding: 32px; }
.birthday-page .birthday-cta__shape { grid-column: 1; width: 64px; height: 20px; }
.birthday-page .birthday-request__content { width: 100%; }
.birthday-page .birthday-request__form { padding: 24px; }
.birthday-page .birthday-request__form .button { width: 100%; }
.birthday-page .birthday-request__lines { display: none; }
.birthday-page .birthday-closing__copy { grid-column: 1; }
.birthday-page .birthday-closing__mark { grid-column: 1; }
}

@media (max-width: 29.99rem) {
.birthday-page .birthday-hero__actions { align-items: stretch; }
.birthday-page .birthday-hero__text-link { justify-content: center; }
}

@media (prefers-reduced-motion: reduce) {
.birthday-page .birthday-hero__image-wrap img { transition: none; }
}


.private-events-page {
  overflow: clip;
}

.private-events-page .section {
  position: relative;
}

.private-events-page .eyebrow::before {
  background: var(--color-cobalt);
}

.private-events-page .button {
  min-height: 2.75rem;
}

.private-events-text-link,
.private-events-page a:not(.button) {
  font-weight: 600;
}

.private-events-hero {
  padding-block: var(--space-9) var(--space-8);
}

.private-events-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(22.5rem, 5fr);
  gap: var(--space-6);
  align-items: start;
}

.private-events-hero__content,
.private-events-hero__media,
.private-events-hero__actions {
  min-width: 0;
}

.private-events-hero__content {
  grid-column: 1;
  width: 100%;
  padding-top: var(--space-4);
}

.private-events-hero__content h1 {
  max-width: 47.5rem;
  font-size: clamp(3.5rem, 7vw, 5.5rem);
}

.private-events-hero__intro {
  max-width: 38.75rem;
}

.private-events-hero__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-4);
}

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

.private-events-hero__media {
  grid-column: 2;
  width: 100%;
  margin: var(--space-7) 0 0;
  position: relative;
}

.private-events-hero__image-wrap {
  position: relative;
  z-index: 1;
  width: 100%;
  overflow: hidden;
  border: var(--border-default);
  border-radius: var(--radius-image);
  background: var(--color-surface-concrete);
  aspect-ratio: 4 / 3;
}

.private-events-hero__image-wrap img,
.private-events-services__media img,
.private-events-casino__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--transition-fast);
}

.private-events-hero__image-wrap:hover img,
.private-events-services__media:hover img,
.private-events-casino__media:hover img {
  transform: scale(1.02);
}

.private-events-hero__color-block {
  position: absolute;
  z-index: 0;
  right: var(--space-5);
  bottom: calc(var(--space-5) * -1);
  width: 72%;
  height: 42%;
  background: var(--color-cobalt);
}

.private-events-hero__marker {
  position: absolute;
  z-index: 2;
  top: var(--space-4);
  left: calc(var(--space-4) * -1);
  width: var(--space-4);
  height: var(--space-4);
  background: var(--color-vermilion);
}

.private-events-concept__heading,
.private-events-occasions__heading,
.private-events-services__heading,
.private-events-atmospheres__heading,
.private-events-process__heading,
.private-events-request-info__heading,
.private-events-form__heading {
  width: 58.333%;
  max-width: 38.75rem;
}

.private-events-concept__modules {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-5);
  margin-top: var(--space-7);
  align-items: start;
}

.private-events-concept__module {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-4);
  padding: var(--space-6);
  border: var(--border-default);
}

.private-events-concept__module > * {
  min-width: 0;
  margin: 0;
}

.private-events-concept__module h3 {
  font-size: var(--text-h4);
}

.private-events-concept__module--one {
  background: var(--color-surface-concrete);
}

.private-events-concept__module--two {
  margin-top: var(--space-6);
  background: var(--color-canvas);
}

.private-events-concept__module--three {
  margin-top: var(--space-4);
  border-top: 3rem solid var(--color-forest);
  background: var(--color-surface-concrete);
}

.private-events-concept__module--three .private-events-concept__number {
  color: var(--color-forest);
}

.private-events-concept__number,
.private-events-service__number {
  color: var(--color-vermilion);
  font-family: var(--font-heading);
  font-size: 2.5rem;
  font-weight: 700;
  letter-spacing: -0.05em;
  line-height: 1;
}

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

.private-events-occasion {
  display: grid;
  grid-template-columns: minmax(3rem, 0.18fr) minmax(0, 1fr);
  gap: var(--space-4);
  min-width: 0;
  padding: var(--space-6);
  border: var(--border-default);
  background: var(--color-canvas);
}

.private-events-occasion > * {
  min-width: 0;
}

.private-events-occasion__index {
  color: var(--color-cobalt);
  font-family: var(--font-heading);
  font-size: var(--text-label);
  font-weight: 700;
  letter-spacing: 0.04em;
}

.private-events-occasion h3 {
  font-size: var(--text-h4);
}

.private-events-occasion--birthday {
  border-top: 0.75rem solid var(--color-mustard);
}

.private-events-occasion--anniversary {
  background: var(--color-surface-concrete);
}

.private-events-occasion--family {
  border-left: 0.5rem solid var(--color-cobalt);
}

.private-events-occasion--group {
  border-bottom: 3rem solid var(--color-forest);
}

.private-events-occasion--group h3,
.private-events-occasion--group a {
  color: var(--color-ink);
}

.private-events-services {
  background: var(--color-surface-concrete);
}

.private-events-services__layout {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  grid-template-areas:
    "planning media"
    "equipment design";
  gap: var(--space-6);
  margin-top: var(--space-7);
  align-items: start;
}

.private-events-services__layout > * {
  min-width: 0;
}

.private-events-service {
  display: grid;
  grid-template-columns: 3.25rem minmax(0, 1fr);
  gap: var(--space-4);
  min-width: 0;
  padding-top: var(--space-5);
  border-top: var(--border-default);
}

.private-events-service > * {
  min-width: 0;
}

.private-events-service h3 {
  font-size: var(--text-h4);
}

.private-events-service--planning { grid-area: planning; }
.private-events-service--design { grid-area: design; }
.private-events-service--equipment { grid-area: equipment; }
.private-events-service--design .private-events-service__number { color: var(--color-forest); }

.private-events-services__media {
  grid-area: media;
  width: 100%;
  margin: 0;
  overflow: hidden;
  border: var(--border-default);
  border-radius: var(--radius-image);
  background: var(--color-canvas);
}

.private-events-services__media img {
  aspect-ratio: 3 / 2;
}

.private-events-services__media figcaption {
  padding: var(--space-3) var(--space-4);
}

.private-events-services__closing {
  width: 100%;
  margin-top: var(--space-7);
  padding: var(--space-4) var(--space-6);
  background: var(--color-cobalt);
  color: var(--color-white);
}

.private-events-services__closing p {
  max-width: 48.75rem;
  margin: 0;
}

.private-events-services__closing a {
  color: var(--color-white);
}

.private-events-atmospheres__lanes {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-4);
  margin-top: var(--space-7);
}

.private-events-atmosphere {
  min-width: 0;
  padding: var(--space-6);
}

.private-events-atmosphere h3,
.private-events-atmosphere p {
  max-width: 38.75rem;
}

.private-events-atmosphere h3 {
  font-size: var(--text-h4);
}

.private-events-atmosphere--open {
  background: var(--color-mustard);
}

.private-events-atmosphere--quiet {
  margin-left: 25%;
  background: var(--color-surface-concrete);
}

.private-events-atmosphere--theme {
  margin-left: 50%;
  background: var(--color-forest);
  color: var(--color-white);
  position: relative;
}

.private-events-atmosphere--theme::after {
  position: absolute;
  top: var(--space-4);
  right: var(--space-4);
  width: var(--space-4);
  height: var(--space-4);
  background: var(--color-burgundy);
  content: "";
}

.private-events-atmospheres__closing {
  width: 58.333%;
  max-width: 43.75rem;
  margin: var(--space-6) 0 0;
  padding-bottom: var(--space-2);
  border-bottom: 3px solid var(--color-cobalt);
}

.private-events-casino {
  background: var(--color-canvas);
}

.private-events-casino__heading {
  width: 66.667%;
  max-width: 50rem;
}

.private-events-casino__intro {
  width: 100%;
  margin-top: var(--space-6);
  padding: var(--space-6);
  background: var(--color-table-green);
  color: var(--color-white);
}

.private-events-casino__intro p {
  max-width: 40rem;
  margin: 0;
}

.private-events-casino__layout {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-6);
  margin-top: var(--space-6);
  align-items: start;
}

.private-events-casino__layout > * {
  min-width: 0;
}

.private-events-casino__media {
  width: 100%;
  margin: 0;
  overflow: hidden;
  border: var(--border-default);
  border-radius: var(--radius-image);
  background: var(--color-surface-concrete);
}

.private-events-casino__media img {
  aspect-ratio: 4 / 3;
}

.private-events-casino__media figcaption {
  padding: var(--space-3) var(--space-4);
}

.private-events-casino__details {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-4);
}

.private-events-casino__details > * {
  min-width: 0;
}

.private-events-casino__detail {
  min-width: 0;
  padding: var(--space-5);
  border: var(--border-default);
}

.private-events-casino__detail h3 {
  font-size: var(--text-h4);
}

.private-events-casino__detail--tables {
  border-left: 0.5rem solid var(--color-table-green);
}

.private-events-casino__detail--lounge {
  background: var(--color-surface-concrete);
  border-left: 0.5rem solid var(--color-table-green);
}

.private-events-casino__detail--formats {
  border-left: 0.5rem solid var(--color-burgundy);
}

.private-events-casino__closing {
  width: 58.333%;
  max-width: 43.75rem;
  margin-top: var(--space-6);
  padding: var(--space-5);
  background: var(--color-table-green);
  color: var(--color-white);
}

.private-events-casino__closing p {
  margin: 0;
}

.private-events-process {
  background: var(--color-surface-concrete);
}

.private-events-process__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-4);
  margin-top: var(--space-7);
}

.private-events-process__step {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-5);
  padding: var(--space-5);
  border: var(--border-default);
  background: var(--color-canvas);
}

.private-events-process__step > * {
  min-width: 0;
}

.private-events-process__step > span {
  display: inline-flex;
  width: 3.5rem;
  min-height: 3.5rem;
  align-items: center;
  justify-content: center;
  background: var(--color-cobalt);
  color: var(--color-white);
  font-family: var(--font-heading);
  font-size: var(--text-h4);
  font-weight: 700;
}

.private-events-process__step h3 {
  font-size: var(--text-h4);
}

.private-events-process__step--two > span {
  background: var(--color-mustard);
  color: var(--color-ink);
}

.private-events-process__step--three > span {
  background: var(--color-vermilion);
}

.private-events-process__step--four > span {
  background: var(--color-forest);
}

.private-events-process__note {
  width: 58.333%;
  max-width: 43.75rem;
  margin-top: var(--space-6);
  padding: var(--space-5);
  border: var(--border-default);
  background: var(--color-canvas);
}

.private-events-process__note h3 {
  font-size: var(--text-h4);
}

.private-events-request-info__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-5);
  margin-top: var(--space-7);
}

.private-events-request-info__panel {
  min-width: 0;
  padding: var(--space-6);
  border: var(--border-default);
}

.private-events-request-info__panel h3 {
  font-size: var(--text-h4);
}

.private-events-request-info__panel--helpful {
  background: var(--color-surface-concrete);
}

.private-events-request-info__panel--open {
  position: relative;
  background: var(--color-canvas);
}

.private-events-request-info__panel--open::after {
  position: absolute;
  top: 0;
  right: 0;
  width: 2.5rem;
  height: 2.5rem;
  background: var(--color-mustard);
  content: "";
}

.private-events-request-info__closing {
  width: 58.333%;
  max-width: 43.75rem;
  margin: var(--space-6) 0 0;
  color: var(--color-cobalt);
  font-family: var(--font-heading);
  font-size: var(--text-intro);
  font-weight: 600;
  line-height: var(--leading-intro);
}

.private-events-form {
  background: var(--color-surface-concrete);
}

.private-events-form__heading {
  border-left: 0.5rem solid var(--color-cobalt);
  padding-left: var(--space-5);
}

.private-events-form__card,
.private-events-form__confirmation {
  width: 66.667%;
  max-width: 53.75rem;
  margin: var(--space-7) auto 0;
  padding: var(--space-6);
  border: var(--border-strong);
  background: var(--color-surface-concrete);
}

.private-events-form__card {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-5);
}

.private-events-form__card > * {
  min-width: 0;
  margin: 0;
}

.private-events-form__card .form-field {
  margin: 0;
}

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

.private-events-form__pair > * {
  min-width: 0;
}

.private-events-form__optional {
  color: color-mix(in srgb, var(--color-ink) 72%, transparent);
  font-family: var(--font-body);
  font-size: var(--text-caption);
  font-weight: 400;
  letter-spacing: 0;
}

.private-events-form__privacy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-3);
  padding-top: var(--space-4);
  border-top: var(--border-default);
}

.private-events-form__privacy > * {
  min-width: 0;
  margin: 0;
}

.private-events-form__consent {
  display: flex;
  min-width: 0;
  align-items: flex-start;
  gap: var(--space-3);
  margin: 0;
  font-family: var(--font-body);
  font-weight: 400;
  letter-spacing: 0;
}

.private-events-form__consent > * {
  min-width: 0;
}

.private-events-form__card .button {
  align-self: flex-start;
}

.private-events-form__confirmation {
  background: var(--color-canvas);
}

.private-events-form__confirmation h3 {
  font-size: var(--text-h4);
}

.private-events-form__confirmation > :last-child {
  margin-bottom: 0;
}

.private-events-final {
  padding-top: var(--space-8);
}

.private-events-final__block {
  position: relative;
  width: 100%;
  padding: clamp(var(--space-6), 7vw, var(--space-9));
  background: var(--color-cobalt);
  color: var(--color-white);
}

.private-events-final__content {
  width: 58.333%;
  max-width: 45rem;
}

.private-events-final__content h2 {
  color: var(--color-white);
}

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

.private-events-final__actions > * {
  min-width: 0;
  margin: 0;
}

.private-events-final__button {
  border-color: var(--color-white);
  background: var(--color-white);
  color: var(--color-ink);
}

.private-events-final__button:hover {
  border-color: var(--color-ink);
  background: var(--color-ink);
  color: var(--color-white);
}

.private-events-final__actions p {
  max-width: 26.25rem;
  font-size: var(--text-label);
  line-height: var(--leading-label);
}

.private-events-final__notch {
  position: absolute;
  right: var(--space-6);
  bottom: var(--space-6);
  width: 2.5rem;
  height: 2.5rem;
  background: var(--color-mustard);
}

.private-events-form__card [aria-invalid="true"] {
  border-color: var(--color-vermilion);
}

.private-events-form__card .form-error {
  margin: 0;
}

@media (max-width: 70rem) {
  .private-events-hero__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-6);
  }

  .private-events-hero__content,
  .private-events-hero__media {
    grid-column: 1;
  }

  .private-events-hero__media {
    width: min(100%, 43.75rem);
    margin: 0;
  }

  .private-events-services__layout {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "media"
      "planning"
      "design"
      "equipment";
  }

  .private-events-services__media {
    max-width: 50rem;
  }

  .private-events-atmosphere--quiet,
  .private-events-atmosphere--theme {
    margin-left: 0;
  }

  .private-events-process__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .private-events-process__note,
  .private-events-casino__closing,
  .private-events-request-info__closing,
  .private-events-final__content {
    width: 100%;
  }
}

@media (max-width: 58rem) {
  .private-events-concept__heading,
  .private-events-occasions__heading,
  .private-events-services__heading,
  .private-events-atmospheres__heading,
  .private-events-process__heading,
  .private-events-request-info__heading,
  .private-events-form__heading,
  .private-events-casino__heading {
    width: 100%;
  }

  .private-events-concept__modules {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .private-events-concept__module--three {
    grid-column: 1 / -1;
  }

  .private-events-casino__layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .private-events-casino__media {
    max-width: 43.75rem;
  }

  .private-events-form__card,
  .private-events-form__confirmation {
    width: 100%;
    max-width: 100%;
  }
}

@media (max-width: 51rem) {
  .private-events-occasions__grid,
  .private-events-request-info__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 40rem) {
  .private-events-hero {
    padding-block: var(--space-7) var(--space-6);
  }

  .private-events-hero__content {
    padding-top: 0;
  }

  .private-events-hero__content h1 {
    font-size: clamp(3rem, 14vw, 3.5rem);
    line-height: 1.04;
  }

  .private-events-hero__actions {
    align-items: stretch;
  }

  .private-events-hero__actions .button {
    width: 100%;
  }

  .private-events-hero__color-block {
    position: static;
    width: 100%;
    height: var(--space-4);
  }

  .private-events-hero__marker {
    display: none;
  }

  .private-events-concept__modules,
  .private-events-process__grid,
  .private-events-form__pair {
    grid-template-columns: minmax(0, 1fr);
  }

  .private-events-concept__module--two,
  .private-events-concept__module--three {
    grid-column: auto;
    margin-top: 0;
  }

  .private-events-concept__module,
  .private-events-occasion,
  .private-events-request-info__panel,
  .private-events-casino__intro,
  .private-events-casino__detail,
  .private-events-process__note,
  .private-events-form__card,
  .private-events-form__confirmation {
    padding: var(--space-5);
  }

  .private-events-occasion {
    grid-template-columns: 3rem minmax(0, 1fr);
  }

  .private-events-services__closing {
    padding: var(--space-4) var(--space-5);
  }

  .private-events-atmosphere {
    padding: var(--space-5);
  }

  .private-events-atmospheres__closing {
    width: 100%;
  }

  .private-events-process__step {
    display: grid;
    grid-template-columns: 3.5rem minmax(0, 1fr);
    gap: var(--space-4);
  }

  .private-events-process__step > span {
    grid-column: 1;
  }

  .private-events-process__step > div {
    grid-column: 2;
  }

  .private-events-form__card .button {
    width: 100%;
  }

  .private-events-final__block {
    padding: var(--space-6) var(--space-5);
  }

  .private-events-final__actions {
    align-items: stretch;
  }

  .private-events-final__button {
    width: 100%;
  }

  .private-events-final__notch {
    right: var(--space-4);
    bottom: var(--space-4);
    width: 2rem;
    height: 2rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .private-events-hero__image-wrap img,
  .private-events-services__media img,
  .private-events-casino__media img {
    transition: none;
  }
}


#home-page {
  overflow: clip;
}

#home-page .home-hero__grid,
#home-page .home-private__grid,
#home-page .home-contact__grid {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 24px;
}

#home-page .home-hero {
  padding-block: 64px 96px;
}

#home-page .home-hero__content {
  grid-column: 1 / span 7;
  min-width: 0;
}

#home-page .home-hero h1 {
  max-width: 760px;
  font-size: clamp(3.5rem, 7.2vw, 5.5rem);
}

#home-page .home-hero h1 span,
#home-page .home-about h2 span {
  color: var(--color-cobalt);
}

#home-page .home-hero__intro {
  max-width: 560px;
}

#home-page .home-hero__actions {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-bottom: var(--space-4);
}

#home-page .home-hero__actions > * {
  min-width: 0;
}

#home-page .home-text-link {
  display: inline-block;
  margin-bottom: var(--space-5);
}

#home-page .home-text-link::before {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: var(--space-2);
  background: var(--color-mustard);
  content: "";
}

#home-page .home-hero__proof {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  max-width: 560px;
  margin: 0;
  padding: 0;
  border-block: var(--border-default);
  list-style: none;
}

#home-page .home-hero__proof > li {
  min-width: 0;
  padding: var(--space-3);
  font-family: var(--font-heading);
  font-size: var(--text-label);
  font-weight: 600;
}

#home-page .home-hero__proof > li + li {
  border-inline-start: var(--border-default);
}

#home-page .home-hero__media {
  grid-column: 8 / span 5;
  align-self: end;
  min-width: 0;
  margin: 48px 0 0;
  overflow: hidden;
  border: var(--border-default);
}

#home-page .home-hero__media img {
  width: 100%;
  height: 600px;
  object-fit: cover;
}

#home-page .home-formats__head,
#home-page .home-concepts__head,
#home-page .home-gallery__head {
  max-width: 620px;
  margin-inline-start: calc((100% + 24px) / 12);
}

#home-page .home-formats__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
  margin-top: var(--space-7);
}

#home-page .home-format-card,
#home-page .home-corporate__grid > article,
#home-page .home-concepts__grid > article {
  min-width: 0;
  padding: var(--space-5);
  border: var(--border-default);
  background: var(--color-surface-concrete);
}

#home-page .home-format-card--business {
  border-top: 10px solid var(--color-cobalt);
  background: var(--color-canvas);
}

#home-page .home-format-card--private {
  border-inline-start: 10px solid var(--color-vermilion);
  background: var(--color-canvas);
}

#home-page .home-format-card--casino {
  background: var(--color-table-green);
  color: var(--color-white);
}

#home-page .home-format-card--casino :is(h3, a) {
  color: inherit;
}

#home-page .home-card-number {
  margin-bottom: var(--space-4);
  color: var(--color-vermilion);
  font-family: var(--font-heading);
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
}

#home-page .home-format-card--casino .home-card-number {
  color: var(--color-mustard);
}

#home-page .home-format-card a,
#home-page .home-corporate__grid a,
#home-page .home-concepts__grid a {
  font-family: var(--font-heading);
  font-size: var(--text-label);
  font-weight: 600;
}

#home-page .home-about__head {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 24px;
  align-items: end;
}

#home-page .home-about__head > div:first-child {
  grid-column: 2 / span 7;
  min-width: 0;
}

#home-page .home-about__mark {
  grid-column: 9 / span 4;
  min-width: 0;
  min-height: 240px;
  display: grid;
  place-items: center;
  background: var(--color-cobalt);
  color: var(--color-white);
  font-family: var(--font-heading);
  font-size: 9rem;
  font-weight: 700;
  line-height: 1;
}

#home-page .home-about__skills {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  margin-top: var(--space-7);
}

#home-page .home-skill {
  min-width: 0;
  padding: var(--space-5);
  border: var(--border-default);
  background: var(--color-canvas);
}

#home-page .home-skill--forest {
  background: var(--color-forest);
  color: var(--color-white);
}

#home-page .home-skill--forest h3 {
  color: inherit;
}

#home-page .home-skill__number {
  margin-bottom: var(--space-5);
  color: var(--color-vermilion);
  font-family: var(--font-heading);
  font-size: 4rem;
  font-weight: 700;
  line-height: 1;
}

#home-page .home-skill--forest .home-skill__number {
  color: var(--color-mustard);
}

#home-page .home-about__closing {
  max-width: 460px;
  margin-top: var(--space-6);
}

#home-page .home-casino {
  padding-block: var(--section-space);
}

#home-page .home-casino__head {
  max-width: 600px;
}

#home-page .home-casino .eyebrow::before {
  background: var(--color-mustard);
}

#home-page .home-casino__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 24px;
  margin-top: var(--space-7);
}

#home-page .home-casino__media {
  grid-column: 1 / span 7;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--color-white);
}

#home-page .home-casino__media img {
  width: 100%;
  height: 100%;
  min-height: 420px;
  object-fit: cover;
  transition: transform var(--transition-fast);
}

#home-page .home-casino__media:hover img,
#home-page .home-private__media:hover img,
#home-page .home-gallery__image:hover img {
  transform: scale(1.02);
}

#home-page .home-casino__copy {
  grid-column: 8 / span 5;
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-5);
}

#home-page .home-casino__copy > article {
  min-width: 0;
  padding: var(--space-5);
  border: 1px solid color-mix(in srgb, var(--color-white) 62%, transparent);
}

#home-page .home-casino__number {
  margin-bottom: var(--space-3);
  color: var(--color-mustard);
  font-family: var(--font-heading);
  font-size: 2rem;
  font-weight: 700;
}

#home-page .home-casino__material {
  background: var(--color-burgundy);
}

#home-page .home-casino__list {
  margin-bottom: 0;
  font-family: var(--font-heading);
  font-size: var(--text-label);
  font-weight: 600;
}

#home-page .home-casino__closing {
  display: flex;
  min-width: 0;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--space-5);
  margin-top: var(--space-6);
}

#home-page .home-casino__closing > * {
  min-width: 0;
}

#home-page .home-casino__closing p {
  max-width: 520px;
  margin-bottom: 0;
}

#home-page .home-corporate__head {
  display: grid;
  grid-template-columns: 6fr 2fr 4fr;
  gap: 24px;
  align-items: stretch;
}

#home-page .home-corporate__head > * {
  min-width: 0;
}

#home-page .home-corporate__word {
  display: grid;
  min-width: 0;
  place-items: end start;
  padding: var(--space-5);
  background: var(--color-cobalt);
  color: var(--color-white);
  font-family: var(--font-heading);
  font-size: clamp(2rem, 4vw, 4rem);
  font-weight: 700;
  line-height: 0.95;
}

#home-page .home-corporate__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  margin-top: var(--space-7);
}

#home-page .home-corporate__forest {
  background: var(--color-forest) !important;
  color: var(--color-white);
}

#home-page .home-corporate__forest h3,
#home-page .home-corporate__forest .home-card-number {
  color: inherit;
}

#home-page .home-private__media {
  grid-column: 1 / span 5;
  min-width: 0;
  margin: 0;
}

#home-page .home-private__media img {
  width: 100%;
  height: 620px;
  object-fit: cover;
  transition: transform var(--transition-fast);
}

#home-page .home-private__content {
  grid-column: 8 / span 5;
  min-width: 0;
}

#home-page .home-private__content > .intro {
  max-width: 520px;
}

#home-page .home-private__aspects {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  margin-top: var(--space-6);
}

#home-page .home-private__aspects > article {
  min-width: 0;
  padding-top: var(--space-4);
  border-top: var(--border-default);
}

#home-page .home-private__aspects > article:first-child {
  border-top: 6px solid var(--color-mustard);
}

#home-page .home-private__aspects > article:last-child {
  border-top: 6px solid var(--color-table-green);
}

#home-page .home-private__closing {
  max-width: 430px;
  margin-top: var(--space-5);
}

#home-page .home-concepts__head {
  max-width: 680px;
}

#home-page .home-concepts__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
  margin-top: var(--space-7);
}

#home-page .home-concepts__grid > article:nth-child(3) {
  border-top: 10px solid var(--color-table-green);
  background: var(--color-canvas);
}

#home-page .home-concepts__implementation {
  background: var(--color-cobalt) !important;
  color: var(--color-white);
}

#home-page .home-concepts__implementation :is(h3, a, .home-card-number) {
  color: inherit;
}

#home-page .home-process__head {
  max-width: 520px;
  margin-inline-start: calc((100% + 24px) / 12);
}

#home-page .home-process__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
  margin-top: var(--space-7);
}

#home-page .home-process__step {
  min-width: 0;
  min-height: 250px;
  padding: var(--space-5);
  border: var(--border-strong);
  background: var(--color-surface-concrete);
}

#home-page .home-process__step:nth-child(even) {
  transform: translateY(24px);
}

#home-page .home-process__step > p:first-child {
  margin-bottom: var(--space-5);
  color: var(--color-vermilion);
  font-family: var(--font-heading);
  font-size: 3rem;
  font-weight: 700;
  line-height: 1;
}

#home-page .home-process__step--mustard {
  background: var(--color-mustard);
}

#home-page .home-process__step--cobalt,
#home-page .home-process__step--forest {
  color: var(--color-white);
}

#home-page .home-process__step--cobalt {
  background: var(--color-cobalt);
}

#home-page .home-process__step--forest {
  background: var(--color-forest);
}

#home-page .home-process__step--cobalt h3,
#home-page .home-process__step--forest h3,
#home-page .home-process__step--cobalt > p:first-child,
#home-page .home-process__step--forest > p:first-child {
  color: inherit;
}

#home-page .home-process__cta {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: var(--space-5);
  max-width: 680px;
  margin-top: var(--space-8);
}

#home-page .home-process__cta > * {
  min-width: 0;
}

#home-page .home-process__cta p {
  max-width: 420px;
  margin-bottom: 0;
}

#home-page .home-gallery__head {
  max-width: 560px;
}

#home-page .home-gallery__grid {
  display: grid;
  grid-template-columns: 5fr 3fr 4fr;
  gap: 24px;
  align-items: start;
  margin-top: var(--space-7);
}

#home-page .home-gallery__grid > figure {
  min-width: 0;
  margin: 0;
}

#home-page .home-gallery__grid > figure:nth-child(2) {
  margin-top: 64px;
}

#home-page .home-gallery__image {
  overflow: hidden;
  border: var(--border-default);
}

#home-page .home-gallery__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--transition-fast);
}

#home-page .home-gallery__image--room { height: 520px; }
#home-page .home-gallery__image--table { height: 290px; }
#home-page .home-gallery__image--dinner { height: 390px; }

#home-page .home-gallery__grid figcaption {
  margin-top: var(--space-2);
}

#home-page .home-gallery__closing {
  max-width: 480px;
  margin-top: var(--space-6);
  margin-inline-start: calc((100% + 24px) / 12);
}

#home-page .home-contact {
  border-top: var(--border-default);
}

#home-page .home-contact__head {
  grid-column: 2 / span 4;
  min-width: 0;
}

#home-page .home-contact__head .intro {
  max-width: 500px;
  padding-inline-start: var(--space-4);
  border-inline-start: 5px solid var(--color-cobalt);
}

#home-page .home-contact__form-wrap {
  grid-column: 7 / span 6;
  min-width: 0;
}

#home-page .home-contact__form,
#home-page .home-form-success {
  min-width: 0;
  padding: var(--space-6);
  border: var(--border-default);
  background: var(--color-surface-concrete);
}

#home-page .home-contact__form > :last-child {
  margin-bottom: 0;
}

#home-page .home-contact__form .button {
  width: 100%;
}

#home-page .home-contact__privacy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-3);
  margin-bottom: var(--space-5);
}

#home-page .home-contact__privacy > * {
  min-width: 0;
  margin: 0;
}

#home-page .home-contact__privacy label {
  display: flex;
  align-items: flex-start;
  gap: var(--space-2);
  margin: 0;
  font-family: var(--font-body);
  font-size: var(--text-body);
  font-weight: 400;
  letter-spacing: 0;
}

#home-page .home-contact__privacy input {
  flex: 0 0 auto;
  margin-top: 0.25rem;
}

#home-page .home-form-success {
  margin-bottom: var(--space-5);
}

#home-page .home-form-success[hidden] {
  display: none;
}

@media (max-width: 72.49rem) {
  #home-page .home-hero__grid,
  #home-page .home-private__grid,
  #home-page .home-contact__grid,
  #home-page .home-about__head,
  #home-page .home-casino__grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 16px;
  }

  #home-page .home-hero__content { grid-column: 1 / span 6; }
  #home-page .home-hero__media { grid-column: 1 / span 6; margin-top: 0; }
  #home-page .home-hero__media img { height: 460px; }
  #home-page .home-formats__head,
  #home-page .home-concepts__head,
  #home-page .home-gallery__head,
  #home-page .home-process__head { margin-inline-start: 0; }
  #home-page .home-formats__grid,
  #home-page .home-concepts__grid,
  #home-page .home-process__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
  #home-page .home-about__head > div:first-child { grid-column: 1 / span 5; }
  #home-page .home-about__mark { display: none; }
  #home-page .home-about__skills,
  #home-page .home-corporate__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
  #home-page .home-about__skills > article:last-child,
  #home-page .home-corporate__grid > article:last-child { grid-column: 1 / span 2; }
  #home-page .home-casino__media { grid-column: 1 / span 3; }
  #home-page .home-casino__copy { grid-column: 4 / span 3; }
  #home-page .home-corporate__head { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px; }
  #home-page .home-corporate__head > div:first-child { grid-column: 1 / span 6; }
  #home-page .home-corporate__word { grid-column: 1 / span 6; min-height: 120px; }
  #home-page .home-private__media { grid-column: 1 / span 3; }
  #home-page .home-private__content { grid-column: 4 / span 3; }
  #home-page .home-private__aspects { grid-template-columns: 1fr; gap: 16px; }
  #home-page .home-process__step:nth-child(even) { transform: none; }
  #home-page .home-gallery__grid { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px; }
  #home-page .home-gallery__grid > figure:nth-child(1) { grid-column: 1 / span 3; }
  #home-page .home-gallery__grid > figure:nth-child(2) { grid-column: 4 / span 3; margin-top: 0; }
  #home-page .home-gallery__grid > figure:nth-child(3) { grid-column: 1 / span 6; }
  #home-page .home-gallery__closing { margin-inline-start: 0; }
  #home-page .home-contact__head { grid-column: 1 / span 6; }
  #home-page .home-contact__form-wrap { grid-column: 1 / span 6; max-width: 620px; }
}

@media (max-width: 47.99rem) {
  #home-page .home-hero { padding-block: 48px; }
  #home-page .home-hero__grid,
  #home-page .home-private__grid,
  #home-page .home-contact__grid,
  #home-page .home-about__head,
  #home-page .home-casino__grid { grid-template-columns: 1fr; gap: 24px; }
  #home-page .home-hero__content,
  #home-page .home-hero__media,
  #home-page .home-about__head > div:first-child,
  #home-page .home-casino__media,
  #home-page .home-casino__copy,
  #home-page .home-private__media,
  #home-page .home-private__content,
  #home-page .home-contact__head,
  #home-page .home-contact__form-wrap { grid-column: 1; }
  #home-page .home-hero h1 { font-size: 3.5rem; line-height: 1.035; }
  #home-page .home-hero__actions { flex-direction: column; align-items: stretch; }
  #home-page .home-hero__actions .button { width: 100%; }
  #home-page .home-hero__proof { grid-template-columns: 1fr; }
  #home-page .home-hero__proof > li + li { border-inline-start: 0; border-top: var(--border-default); }
  #home-page .home-hero__media img { height: auto; aspect-ratio: 4 / 3; }
  #home-page .home-formats__grid,
  #home-page .home-about__skills,
  #home-page .home-corporate__grid,
  #home-page .home-concepts__grid,
  #home-page .home-process__grid { grid-template-columns: 1fr; gap: 16px; }
  #home-page .home-about__skills > article:last-child,
  #home-page .home-corporate__grid > article:last-child { grid-column: 1; }
  #home-page .home-skill__number { font-size: 2rem; }
  #home-page .home-casino__media img { min-height: 0; aspect-ratio: 4 / 3; }
  #home-page .home-casino__closing,
  #home-page .home-process__cta { flex-direction: column; align-items: stretch; }
  #home-page .home-casino__closing .button,
  #home-page .home-process__cta .button { width: 100%; }
  #home-page .home-corporate__head { grid-template-columns: 1fr; gap: 16px; }
  #home-page .home-corporate__head > div:first-child,
  #home-page .home-corporate__word { grid-column: 1; }
  #home-page .home-corporate__word { min-height: 96px; }
  #home-page .home-private__media { order: 2; }
  #home-page .home-private__content { display: contents; }
  #home-page .home-private__content > .eyebrow,
  #home-page .home-private__content > h2,
  #home-page .home-private__content > .intro { grid-column: 1; }
  #home-page .home-private__media img { height: auto; aspect-ratio: 3 / 4; }
  #home-page .home-private__aspects,
  #home-page .home-private__closing { grid-column: 1; }
  #home-page .home-process__step { min-height: 170px; }
  #home-page .home-gallery__grid { grid-template-columns: 1fr; gap: 16px; }
  #home-page .home-gallery__grid > figure:nth-child(n) { grid-column: 1; margin-top: 0; }
  #home-page .home-gallery__image--room { height: auto; aspect-ratio: 4 / 5; }
  #home-page .home-gallery__image--table { height: auto; aspect-ratio: 1; }
  #home-page .home-gallery__image--dinner { height: auto; aspect-ratio: 3 / 2; }
  #home-page .home-contact__form,
  #home-page .home-form-success { padding: var(--space-5); }
}

@media (prefers-reduced-motion: reduce) {
  #home-page .home-casino__media img,
  #home-page .home-private__media img,
  #home-page .home-gallery__image img { transform: none !important; }
}


.thank-you {
  display: grid;
  min-height: clamp(32rem, 68vh, 46rem);
  align-items: center;
  padding-block: var(--section-space);
}

.thank-you__panel {
  position: relative;
  display: flex;
  min-height: 30rem;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: var(--space-8) var(--space-5);
  border: var(--border-strong);
  background: var(--color-surface-concrete);
  text-align: center;
}

.thank-you__panel::before,
.thank-you__panel::after {
  position: absolute;
  content: "";
  pointer-events: none;
}

.thank-you__panel::before {
  top: 0;
  left: 0;
  width: clamp(5rem, 15vw, 12rem);
  height: clamp(5rem, 15vw, 12rem);
  background: var(--color-mustard);
}

.thank-you__panel::after {
  right: 0;
  bottom: 0;
  width: clamp(7rem, 20vw, 16rem);
  height: clamp(7rem, 20vw, 16rem);
  background: var(--color-cobalt);
}

.thank-you__marker {
  position: relative;
  z-index: 1;
  display: grid;
  width: 4.5rem;
  height: 4.5rem;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  margin-bottom: var(--space-5);
  background: var(--color-ink);
}

.thank-you__marker span:nth-child(1) {
  grid-column: 1;
  grid-row: 1 / span 2;
  margin: 0.75rem 0 0.75rem 0.75rem;
  background: var(--color-white);
}

.thank-you__marker span:nth-child(2) {
  grid-column: 2;
  grid-row: 1 / span 2;
  margin: 0.75rem 0.75rem 0.75rem 0.375rem;
  background: var(--color-cobalt);
}

.thank-you__marker span:nth-child(3) {
  grid-column: 2;
  grid-row: 1;
  width: 0.8rem;
  height: 0.8rem;
  align-self: start;
  justify-self: end;
  background: var(--color-vermilion);
}

.thank-you__panel .eyebrow,
.thank-you__content,
.thank-you__actions {
  position: relative;
  z-index: 1;
}

.thank-you__content {
  display: flex;
  max-width: 42.5rem;
  flex-direction: column;
  gap: var(--space-4);
  margin-inline: auto;
  text-align: center;
}

.thank-you__content h1,
.thank-you__content p {
  margin: 0;
}

.thank-you__intro {
  max-width: 38rem;
  margin-inline: auto;
  font-size: var(--text-intro);
  line-height: var(--leading-intro);
}

.thank-you__next {
  max-width: 36rem;
  margin-inline: auto;
}

.thank-you__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--space-3);
  margin-top: var(--space-6);
}

@media (min-width: 48rem) {
  .thank-you__panel {
    min-height: 34rem;
    padding: var(--space-9) var(--space-8);
  }
}

@media (max-width: 29.99rem) {
  .thank-you__actions {
    width: 100%;
  }
}