

:root {
  --colour-sandstone: #d8c3a5;
  --colour-chalk: #f7f3ea;
  --colour-eucalyptus: #3f5d4b;
  --colour-clay: #b85c43;
  --colour-charcoal: #252522;
  --colour-pale-stone: #e9e1d3;
  --colour-timber: #876044;
  --colour-line: #b7a993;

  --colour-page: var(--colour-chalk);
  --colour-surface: var(--colour-chalk);
  --colour-surface-muted: var(--colour-pale-stone);
  --colour-ink: var(--colour-charcoal);
  --colour-ink-muted: color-mix(in srgb, var(--colour-charcoal) 76%, transparent);
  --colour-link: var(--colour-eucalyptus);
  --colour-focus: var(--colour-clay);

  --font-body: Inter, "Helvetica Neue", Arial, sans-serif;
  --font-heading: "Cormorant Garamond", Georgia, serif;

  --text-display: clamp(3.5rem, 7vw, 7rem);
  --text-h1: clamp(2.8rem, 5vw, 5rem);
  --text-h2: clamp(2.1rem, 3.5vw, 3.5rem);
  --text-h3: clamp(1.55rem, 2.2vw, 2.25rem);
  --text-h4: clamp(1.25rem, 1.8vw, 1.5rem);
  --text-body-large: 1.125rem;
  --text-body: 1rem;
  --text-small: 0.8125rem;

  --leading-display: 0.92;
  --leading-h1: 0.95;
  --leading-h2: 1;
  --leading-h3: 1.08;
  --leading-h4: 1.15;
  --leading-body: 1.55;
  --leading-small: 1.35;

  --space-1: 0.375rem;
  --space-2: 0.75rem;
  --space-3: 1.125rem;
  --space-4: 1.5rem;
  --space-5: 2.25rem;
  --space-6: 3rem;
  --space-7: 4.5rem;
  --space-8: 6rem;
  --space-9: 8rem;

  --container-max: 77.5rem;
  --container-gutter: 2rem;

  --radius-sharp: 0.125rem;
  --radius-control: 0.5rem;

  --border-width: 1px;
  --border-default: var(--border-width) solid var(--colour-line);
  --shadow-floating: 0 8px 24px rgb(37 37 34 / 10%);

  --transition-fast: 160ms ease;
  --transition-base: 220ms ease;
}

@media (max-width: 1199px) {
  :root {
    --container-gutter: 1.5rem;
    --space-8: 4.5rem;
    --space-9: 6rem;
  }
}

@media (max-width: 767px) {
  :root {
    --container-gutter: 1.25rem;
    --space-6: 2.25rem;
    --space-7: 3rem;
    --space-8: 3rem;
    --space-9: 4.5rem;
  }
}

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

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

body {
  min-width: 320px;
  min-height: 100vh;
  margin: 0;
  overflow-x: clip;
  background: var(--colour-page);
  color: var(--colour-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,
fieldset,
table {
  min-width: 0;
}

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

img,
video {
  height: auto;
}

svg {
  fill: currentColor;
}

a {
  color: var(--colour-link);
  text-decoration-color: color-mix(in srgb, var(--colour-clay) 72%, transparent);
  text-decoration-thickness: 1px;
  text-underline-offset: 0.18em;
  transition: color var(--transition-fast), text-decoration-color var(--transition-fast);
}

a:hover {
  color: var(--colour-charcoal);
  text-decoration-color: var(--colour-clay);
}

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

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

button,
select {
  text-transform: none;
}

button {
  border: 0;
  cursor: pointer;
}

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

input,
select,
textarea {
  width: 100%;
  min-height: 3rem;
  border: var(--border-default);
  border-radius: var(--radius-control);
  background: var(--colour-chalk);
  padding: 0.6875rem 0.75rem;
  line-height: 1.35;
}

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

input::placeholder,
textarea::placeholder {
  color: color-mix(in srgb, var(--colour-charcoal) 58%, transparent);
  opacity: 1;
}

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

input[type="file"] {
  padding: 0.5rem;
}

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

label {
  display: inline-block;
  margin-block-end: var(--space-1);
  font-size: var(--text-small);
  font-weight: 600;
  letter-spacing: 0.04em;
}

fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

legend {
  margin-block-end: var(--space-2);
  padding: 0;
  font-weight: 600;
}

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  font-variant-numeric: tabular-nums;
}

th,
td {
  padding: var(--space-2);
  border-block-end: var(--border-default);
  text-align: start;
  vertical-align: top;
}

th {
  font-weight: 600;
}

hr {
  height: 1px;
  margin-block: var(--space-5);
  border: 0;
  background: var(--colour-line);
}

blockquote {
  margin: 0 0 var(--space-4);
  padding-inline-start: var(--space-4);
  border-inline-start: 2px solid var(--colour-clay);
  font-family: var(--font-heading);
  font-size: clamp(1.35rem, 2vw, 1.8rem);
  line-height: 1.2;
}

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

figcaption {
  margin-block-start: var(--space-2);
  color: var(--colour-ink-muted);
  font-size: var(--text-small);
  line-height: var(--leading-small);
}

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

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

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

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

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

h5,
h6 {
  font-size: 1rem;
  font-family: var(--font-body);
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 1.3;
}

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

ul,
ol {
  margin: 0 0 var(--space-4);
  padding-inline-start: 1.35em;
}

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

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

dt {
  font-weight: 600;
}

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

address {
  margin: 0 0 var(--space-3);
  font-style: normal;
}

details {
  margin: 0 0 var(--space-3);
}

summary {
  cursor: pointer;
}

::selection {
  background: var(--colour-eucalyptus);
  color: var(--colour-chalk);
}

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

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

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

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

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

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

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

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

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

.surface-eucalyptus a,
.surface-clay a,
.surface-charcoal a {
  color: var(--colour-chalk);
  text-decoration-color: color-mix(in srgb, var(--colour-chalk) 68%, transparent);
}

.surface-eucalyptus a:hover,
.surface-clay a:hover,
.surface-charcoal a:hover {
  color: var(--colour-chalk);
  text-decoration-color: var(--colour-clay);
}

.eyebrow {
  margin: 0 0 var(--space-2);
  color: var(--colour-eucalyptus);
  font-size: var(--text-small);
  font-weight: 600;
  letter-spacing: 0.08em;
  line-height: var(--leading-small);
  text-transform: uppercase;
}

.surface-eucalyptus .eyebrow,
.surface-clay .eyebrow,
.surface-charcoal .eyebrow {
  color: var(--colour-chalk);
}

.display {
  margin: 0 0 var(--space-4);
  font-family: var(--font-heading);
  font-size: var(--text-display);
  font-weight: 500;
  line-height: var(--leading-display);
  text-wrap: balance;
}

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

.meta {
  margin: 0;
  font-size: var(--text-small);
  font-weight: 600;
  letter-spacing: 0.06em;
  line-height: var(--leading-small);
  text-transform: uppercase;
}

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

.rule--clay {
  background: var(--colour-clay);
}

.rule--timber {
  background: var(--colour-timber);
}

.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 3rem;
  border: 1px solid transparent;
  border-radius: var(--radius-sharp);
  padding: 0.75rem 1.125rem;
  background: var(--colour-eucalyptus);
  color: var(--colour-chalk);
  font-size: var(--text-small);
  font-weight: 600;
  letter-spacing: 0.06em;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);
}

.button:hover {
  background: color-mix(in srgb, var(--colour-eucalyptus) 92%, var(--colour-charcoal));
  color: var(--colour-chalk);
  text-decoration: none;
}

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

.button--clay {
  background: var(--colour-clay);
}

.button--clay:hover {
  background: color-mix(in srgb, var(--colour-clay) 92%, var(--colour-charcoal));
}

.button--outline {
  border-color: currentColor;
  background: transparent;
  color: var(--colour-eucalyptus);
}

.button--outline:hover {
  border-color: var(--colour-eucalyptus);
  background: var(--colour-eucalyptus);
  color: var(--colour-chalk);
}

.surface-eucalyptus .button--outline,
.surface-clay .button--outline,
.surface-charcoal .button--outline {
  color: var(--colour-chalk);
}

.surface-eucalyptus .button--outline:hover,
.surface-clay .button--outline:hover,
.surface-charcoal .button--outline:hover {
  border-color: var(--colour-chalk);
  background: var(--colour-chalk);
  color: var(--colour-charcoal);
}

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

.button-group > * {
  min-width: 0;
}

.stack {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

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

.stack--xs {
  gap: var(--space-1);
}

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

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

.stack--lg {
  gap: var(--space-4);
}

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

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

.content-list {
  margin: 0 0 var(--space-4);
  padding-inline-start: 1.35em;
}

.content-list > li + li {
  margin-block-start: var(--space-2);
}

.card,
.panel {
  min-width: 0;
  border: var(--border-default);
  border-radius: var(--radius-sharp);
  background: var(--colour-pale-stone);
  padding: var(--space-4);
}

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

.card > :last-child,
.panel > :last-child,
.stack > :last-child {
  margin-block-end: 0;
}

.card--floating,
.panel--floating {
  box-shadow: var(--shadow-floating);
}

.image-frame {
  overflow: hidden;
  border: 1px solid var(--colour-eucalyptus);
  border-radius: var(--radius-sharp);
  background: var(--colour-pale-stone);
}

.image-frame img {
  width: 100%;
  object-fit: cover;
  transition: transform var(--transition-base);
}

.image-frame:hover img {
  transform: scale(1.015);
}

.image-frame--clipped {
  clip-path: polygon(0 0, 100% 0, 100% 88%, 88% 100%, 0 100%);
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  padding: 0;
}

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

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

  .button {
    min-height: 3rem;
  }

  .button-group {
    align-items: stretch;
  }

  .button-group > .button {
    flex: 1 1 auto;
  }

  .card,
  .panel {
    padding: var(--space-3);
  }
}

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

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


.site-header {
  position: sticky;
  z-index: 90;
  top: 0;
  border-block-end: 1px solid var(--colour-line);
  background: color-mix(in srgb, var(--colour-chalk) 94%, transparent);
  color: var(--colour-charcoal);
  backdrop-filter: blur(12px);
}

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

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

.site-header__brand:hover {
  color: var(--colour-eucalyptus);
  text-decoration: none;
}

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

.site-header__brand-name {
  overflow: hidden;
  font-family: var(--font-heading);
  font-size: 1.625rem;
  font-weight: 600;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.site-header__nav {
  flex: 1 1 auto;
  min-width: 0;
}

.site-header__list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(0.75rem, 1.6vw, 1.5rem);
  margin: 0;
  padding: 0;
  list-style: none;
}

.site-header__list li,
.site-header__list li + li {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
}

.site-header__link {
  display: inline-flex;
  align-items: center;
  min-height: 3rem;
  color: var(--colour-charcoal);
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.055em;
  line-height: 1;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
}

.site-header__link:hover,
.site-header__link[aria-current="page"] {
  color: var(--colour-eucalyptus);
  text-decoration: underline;
  text-decoration-color: var(--colour-clay);
  text-decoration-thickness: 1px;
  text-underline-offset: 0.42em;
}

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

.site-header__booking {
  min-height: 2.75rem;
  padding-inline: 0.875rem;
  white-space: nowrap;
}

.site-header__toggle {
  display: none;
  position: relative;
  width: 3rem;
  min-width: 3rem;
  height: 3rem;
  border: 1px solid var(--colour-line);
  border-radius: var(--radius-sharp);
  background: transparent;
  color: var(--colour-charcoal);
}

.site-header__toggle-line,
.site-header__toggle::before,
.site-header__toggle::after {
  position: absolute;
  left: 0.75rem;
  width: 1.5rem;
  height: 1px;
  background: currentColor;
  content: "";
  transition: transform var(--transition-fast), opacity var(--transition-fast);
}

.site-header__toggle::before {
  top: 0.9rem;
}

.site-header__toggle-line {
  top: calc(50% - 0.5px);
}

.site-header__toggle::after {
  bottom: 0.9rem;
}

.site-header__toggle[aria-expanded="true"] {
  border-color: var(--colour-eucalyptus);
  background: var(--colour-eucalyptus);
  color: var(--colour-chalk);
}

.site-header__toggle[aria-expanded="true"]::before {
  transform: translateY(0.575rem) rotate(45deg);
}

.site-header__toggle[aria-expanded="true"] .site-header__toggle-line {
  opacity: 0;
}

.site-header__toggle[aria-expanded="true"]::after {
  transform: translateY(-0.575rem) rotate(-45deg);
}

@media (max-width: 979px) {
  .site-header__bar {
    min-height: 4.25rem;
    justify-content: space-between;
  }

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

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

  .site-header__toggle {
    display: block;
  }

  .site-header__nav {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    display: grid;
    grid-template-rows: 0fr;
    overflow: hidden;
    border-block-end: 1px solid transparent;
    background: var(--colour-pale-stone);
    box-shadow: 0 14px 20px rgb(37 37 34 / 8%);
    opacity: 0;
    pointer-events: none;
    transition: grid-template-rows var(--transition-base), opacity var(--transition-fast), border-color var(--transition-fast);
  }

  .site-header__nav--open {
    grid-template-rows: 1fr;
    max-height: calc(100vh - 4.25rem);
    overflow-y: auto;
    border-color: var(--colour-line);
    opacity: 1;
    pointer-events: auto;
  }

  .site-header__list {
    display: grid;
    align-content: start;
    gap: 0;
    min-height: 0;
    padding: var(--space-2) var(--container-gutter) var(--space-4);
  }

  .site-header__list li,
  .site-header__list li + li {
    border-block-end: 1px solid var(--colour-line);
  }

  .site-header__link {
    justify-content: space-between;
    width: 100%;
    min-height: 3.25rem;
    font-size: 0.8125rem;
  }

  .site-header__actions {
    margin-inline-start: auto;
  }
}

@media (max-width: 479px) {
  .site-header__bar {
    gap: var(--space-2);
  }

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

  .site-header__booking {
    display: none;
  }
}

@media (max-width: 359px) {
  .site-header__brand-name {
    display: none;
  }
}

.site-menu-open {
  overflow: hidden;
}


.site-footer {
  background: var(--colour-charcoal);
  color: var(--colour-chalk);
  padding-block: var(--space-7) var(--space-4);
}

.site-footer__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) repeat(2, minmax(10rem, 1fr));
  gap: var(--space-6);
  padding-block-end: var(--space-6);
}

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

.site-footer__title {
  margin: 0 0 var(--space-2);
  font-family: var(--font-heading);
  font-size: clamp(2rem, 3vw, 2.75rem);
  font-weight: 500;
  line-height: 1;
}

.site-footer__copy {
  max-width: 36rem;
  margin: 0;
  color: color-mix(in srgb, var(--colour-chalk) 82%, transparent);
}

.site-footer__heading {
  margin: 0 0 var(--space-3);
  color: var(--colour-chalk);
  font-family: var(--font-body);
  font-size: var(--text-small);
  font-weight: 600;
  letter-spacing: 0.08em;
  line-height: var(--leading-small);
  text-transform: uppercase;
}

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

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

.site-footer a {
  color: var(--colour-chalk);
  text-decoration-color: color-mix(in srgb, var(--colour-chalk) 45%, transparent);
}

.site-footer a:hover {
  color: var(--colour-chalk);
  text-decoration-color: var(--colour-clay);
}

.site-footer__address {
  margin: 0;
  color: color-mix(in srgb, var(--colour-chalk) 82%, transparent);
}

.site-footer__bottom {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: var(--space-2) var(--space-4);
  border-top: 1px solid color-mix(in srgb, var(--colour-chalk) 28%, transparent);
  padding-block-start: var(--space-3);
  color: color-mix(in srgb, var(--colour-chalk) 68%, transparent);
  font-size: var(--text-small);
}

.site-footer__bottom p {
  margin: 0;
}

.site-consent {
  position: fixed;
  z-index: 100;
  inset: auto var(--space-3) var(--space-3);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  width: min(100% - (var(--space-3) * 2), 52rem);
  margin-inline: auto;
  border: var(--border-default);
  border-radius: var(--radius-control);
  background: var(--colour-chalk);
  box-shadow: var(--shadow-floating);
  padding: var(--space-3);
  color: var(--colour-charcoal);
  transition: opacity var(--transition-fast), transform var(--transition-fast);
}

.site-consent[hidden] {
  display: none;
}

.site-consent--hiding {
  opacity: 0;
  transform: translateY(0.75rem);
}

.site-consent__content {
  min-width: 0;
}

.site-consent__title {
  margin: 0 0 var(--space-1);
  font-family: var(--font-heading);
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.1;
}

.site-consent__copy {
  margin: 0;
  font-size: var(--text-small);
}

.site-consent__actions {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: var(--space-2);
}

.site-consent__button {
  min-height: 3rem;
  border: 1px solid var(--colour-eucalyptus);
  border-radius: var(--radius-sharp);
  padding: 0.75rem 1rem;
  background: var(--colour-eucalyptus);
  color: var(--colour-chalk);
  font-size: var(--text-small);
  font-weight: 600;
  letter-spacing: 0.06em;
  line-height: 1.1;
  text-transform: uppercase;
}

.site-consent__button:hover {
  background: color-mix(in srgb, var(--colour-eucalyptus) 92%, var(--colour-charcoal));
}

.site-consent__button--reject {
  background: transparent;
  color: var(--colour-eucalyptus);
}

.site-consent__button--reject:hover {
  background: var(--colour-pale-stone);
}

@media (max-width: 767px) {
  .site-footer__grid {
    grid-template-columns: 1fr;
    gap: var(--space-5);
  }

  .site-consent {
    align-items: stretch;
    flex-direction: column;
    inset-inline: var(--space-2);
    inset-block-end: var(--space-2);
    width: auto;
  }

  .site-consent__actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .site-consent__button {
    width: 100%;
  }
}


.contact-page {
  background: var(--colour-chalk);
}

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

.contact-page__intro-grid,
.contact-page__email-grid,
.contact-page__record-grid,
.contact-page__conversation-grid,
.contact-page__closing-grid {
  display: grid;
  min-width: 0;
}

.contact-page__intro-grid {
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--space-4);
}

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

.contact-page__intro-copy > p:not(.eyebrow) {
  max-width: 48ch;
}

.contact-page__intro-rule {
  width: min(100%, 16rem);
  height: 1px;
  margin-top: var(--space-4);
  background: var(--colour-timber);
}

.contact-page__intro-field {
  grid-column: 7 / span 6;
  display: flex;
  min-width: 0;
  align-items: flex-start;
  justify-content: flex-end;
  padding-top: 1.1rem;
}

.contact-page__intro-field > div {
  width: 100%;
  max-width: 16rem;
  height: 1px;
  background: var(--colour-timber);
}

.contact-page__email-grid {
  grid-template-columns: repeat(12, minmax(0, 1fr));
  align-items: center;
  column-gap: var(--space-4);
  row-gap: var(--space-5);
}

.contact-page__email-context {
  grid-column: 1 / span 5;
  min-width: 0;
}

.contact-page__email-context > p:not(.eyebrow) {
  max-width: 56ch;
}

.contact-page__email-link {
  display: inline-block;
  min-height: 3rem;
  color: var(--colour-eucalyptus);
  font-size: var(--text-body-large);
  font-weight: 600;
  overflow-wrap: anywhere;
}

.contact-page__email-link:hover {
  color: var(--colour-charcoal);
  text-decoration-color: var(--colour-clay);
}

.contact-page__email-panel {
  grid-column: 7 / span 4;
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: var(--space-3);
  padding: var(--space-5) var(--space-4);
  border-top: 3px solid var(--colour-clay);
  border-radius: var(--radius-control);
  background: var(--colour-eucalyptus);
  color: var(--colour-chalk);
}

.contact-page__email-panel > * {
  min-width: 0;
  margin: 0;
}

.contact-page__email-panel .meta {
  color: var(--colour-chalk);
}

.contact-page__email-button {
  align-self: flex-start;
}

.contact-page__record-grid {
  grid-template-columns: repeat(12, minmax(0, 1fr));
  align-items: start;
  column-gap: var(--space-4);
  row-gap: var(--space-5);
}

.contact-page__record-introduction {
  grid-column: 1 / span 4;
  min-width: 0;
}

.contact-page__record-introduction > p:not(.eyebrow) {
  max-width: 50ch;
}

.contact-page__record-panel {
  grid-column: 6 / span 7;
  min-width: 0;
  border: var(--border-default);
  background: var(--colour-chalk);
}

.contact-page__definition-list {
  margin: 0;
}

.contact-page__definition-row {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 5fr);
  min-width: 0;
  gap: var(--space-4);
  padding: var(--space-4);
  border-bottom: var(--border-default);
}

.contact-page__definition-row:last-child {
  border-bottom: 0;
}

.contact-page__definition-row > * {
  min-width: 0;
  margin: 0;
}

.contact-page__definition-row dt {
  color: var(--colour-eucalyptus);
  font-family: var(--font-body);
  font-size: var(--text-small);
  font-weight: 600;
  letter-spacing: 0.08em;
  line-height: var(--leading-small);
  text-transform: uppercase;
}

.contact-page__definition-row dd {
  font-size: 1rem;
  line-height: var(--leading-body);
  overflow-wrap: anywhere;
}

.contact-page__definition-row dd span {
  display: block;
}

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

.contact-page__conversation-grid {
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--space-4);
}

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

.contact-page__conversation-copy > p:not(.eyebrow) {
  max-width: 58ch;
}

.contact-page__conversation-rule {
  grid-column: 8 / span 1;
  width: 1px;
  min-width: 1px;
  height: 100%;
  justify-self: center;
  background: var(--colour-eucalyptus);
}

.contact-page__conversation-field {
  grid-column: 9 / span 4;
  min-width: 0;
}

.contact-page__conversation-list {
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: var(--space-2);
  margin: var(--space-4) 0 0;
  padding: 0;
  list-style: none;
}

.contact-page__conversation-list > li {
  display: flex;
  align-items: flex-start;
  min-width: 0;
  gap: var(--space-2);
}

.contact-page__conversation-list > li::before {
  width: 1.5rem;
  min-width: 1.5rem;
  height: 1px;
  margin-top: 0.72em;
  background: var(--colour-clay);
  content: "";
}

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

.contact-page__closing-panel {
  grid-column: 3 / span 8;
  display: flex;
  min-width: 0;
  justify-content: center;
  padding: var(--space-6);
  border-radius: var(--radius-control);
  background: var(--colour-eucalyptus);
  color: var(--colour-chalk);
}

.contact-page__closing-copy {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 0;
  gap: var(--space-3);
  width: min(100%, 44ch);
  margin-inline: auto;
  text-align: center;
}

.contact-page__closing-copy > * {
  min-width: 0;
  margin: 0;
}

.contact-page__closing-copy .eyebrow {
  color: var(--colour-chalk);
}

.contact-page__closing-button {
  margin-top: var(--space-1);
}

@media (max-width: 1199px) {
  .contact-page__intro-grid,
  .contact-page__email-grid,
  .contact-page__record-grid,
  .contact-page__conversation-grid,
  .contact-page__closing-grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

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

  .contact-page__intro-field {
    grid-column: 6 / span 3;
  }

  .contact-page__email-context {
    grid-column: 1 / span 4;
  }

  .contact-page__email-panel {
    grid-column: 5 / span 4;
  }

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

  .contact-page__record-introduction {
    grid-column: 1 / span 8;
  }

  .contact-page__record-panel {
    grid-column: 1 / span 8;
  }

  .contact-page__conversation-copy {
    grid-column: 1 / span 6;
  }

  .contact-page__conversation-rule {
    grid-column: 7 / span 1;
  }

  .contact-page__conversation-field {
    grid-column: 8 / span 1;
  }

  .contact-page__closing-panel {
    grid-column: 1 / span 8;
  }
}

@media (max-width: 999px) {
  .contact-page__record-introduction {
    grid-column: 1 / span 8;
  }

  .contact-page__record-panel {
    grid-column: 1 / span 8;
  }

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

  .contact-page__conversation-copy {
    grid-column: 1;
  }

  .contact-page__conversation-rule,
  .contact-page__conversation-field {
    display: none;
  }
}

@media (max-width: 879px) {
  .contact-page__intro-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .contact-page__intro-copy {
    grid-column: 1;
  }

  .contact-page__intro-field {
    display: none;
  }

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

  .contact-page__email-context,
  .contact-page__email-panel {
    grid-column: 1;
  }

  .contact-page__email-panel {
    width: 100%;
  }
}

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

  .contact-page__intro-copy h1 {
    font-size: clamp(2.8rem, 13vw, 3.5rem);
    line-height: 0.98;
  }

  .contact-page__intro-copy > p:not(.eyebrow) {
    max-width: 42ch;
  }

  .contact-page__intro-rule {
    width: 7rem;
  }

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

  .contact-page__email-context,
  .contact-page__email-panel,
  .contact-page__record-introduction,
  .contact-page__record-panel,
  .contact-page__closing-panel {
    grid-column: 1;
  }

  .contact-page__email-context > p:not(.eyebrow) {
    max-width: 56ch;
  }

  .contact-page__email-panel {
    gap: var(--space-3);
    padding: var(--space-4);
  }

  .contact-page__email-button,
  .contact-page__closing-button {
    width: 100%;
  }

  .contact-page__definition-row {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-2);
    padding: var(--space-4);
  }

  .contact-page__definition-row + .contact-page__definition-row {
    margin-top: 0;
  }

  .contact-page__conversation {
    padding-block: var(--space-6);
  }

  .contact-page__conversation-copy > p:not(.eyebrow) {
    max-width: none;
  }

  .contact-page__conversation-list {
    gap: var(--space-2);
  }

  .contact-page__closing-panel {
    padding: var(--space-4);
  }

  .contact-page__closing-copy {
    width: min(100%, 42ch);
  }
}


[data-terms-page] {
  background: var(--colour-chalk);
}

[data-terms-page] .terms-page__title-band {
  padding-block: var(--space-8) var(--space-7);
  background: var(--colour-sandstone);
}

[data-terms-page] .terms-page__title-grid {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  align-items: end;
  column-gap: var(--space-4);
}

[data-terms-page] .terms-page__title-grid > * {
  min-width: 0;
}

[data-terms-page] .terms-page__title-copy {
  grid-column: 1;
  width: 100%;
  max-width: 66ch;
  min-width: 0;
}

[data-terms-page] .terms-page__title-copy > :last-child {
  margin-block-end: 0;
}

[data-terms-page] .terms-page__title-copy h1 {
  margin-block-end: var(--space-4);
}

[data-terms-page] .terms-page__scope {
  max-width: 62ch;
  margin-block-end: 0;
  padding-inline-start: var(--space-3);
  border-inline-start: 2px solid var(--colour-clay);
  font-size: var(--text-body-large);
}

[data-terms-page] .terms-page__title-rule {
  grid-column: 2;
  width: 100%;
  min-width: 0;
  margin-block-end: var(--space-2);
  background: var(--colour-timber);
}

[data-terms-page] .terms-page__document-section {
  padding-block: var(--space-7) var(--space-8);
}

[data-terms-page] .terms-page__document-layout {
  display: grid;
  grid-template-columns: minmax(13.75rem, 3fr) minmax(0, 1fr) minmax(0, 7fr) minmax(0, 1fr);
  align-items: start;
}

[data-terms-page] .terms-page__document-layout > * {
  min-width: 0;
}

[data-terms-page] .terms-page__contents {
  grid-column: 1;
  width: 100%;
  min-width: 0;
  align-self: start;
  position: sticky;
  top: var(--space-4);
  border: var(--border-default);
  border-radius: var(--radius-sharp);
  background: var(--colour-pale-stone);
  padding: var(--space-4);
}

[data-terms-page] .terms-page__contents > :last-child {
  margin-block-end: 0;
}

[data-terms-page] .terms-page__contents-title {
  margin-block-end: var(--space-3);
  font-family: var(--font-heading);
  font-size: var(--text-h4);
  font-weight: 600;
  line-height: var(--leading-h4);
}

[data-terms-page] .terms-page__contents-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  margin: 0;
  padding: 0;
  list-style: none;
}

[data-terms-page] .terms-page__contents-list > li {
  width: 100%;
  min-width: 0;
}

[data-terms-page] .terms-page__contents-link {
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr);
  align-items: center;
  gap: var(--space-2);
  width: 100%;
  min-width: 0;
  min-height: 3rem;
  padding: var(--space-2);
  border: 1px solid transparent;
  color: var(--colour-charcoal);
  font-size: var(--text-small);
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 1.3;
  text-decoration: none;
}

[data-terms-page] .terms-page__contents-link:hover {
  border-color: var(--colour-line);
  color: var(--colour-charcoal);
  text-decoration: underline;
  text-decoration-color: var(--colour-clay);
}

[data-terms-page] .terms-page__contents-link--active {
  border-color: var(--colour-eucalyptus);
  background: var(--colour-eucalyptus);
  color: var(--colour-chalk);
}

[data-terms-page] .terms-page__contents-link--active:hover {
  border-color: var(--colour-eucalyptus);
  color: var(--colour-chalk);
  text-decoration-color: var(--colour-clay);
}

[data-terms-page] .terms-page__contents-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  min-width: 2rem;
  min-height: 2rem;
  border: 1px solid var(--colour-line);
  color: inherit;
  font-size: 0.75rem;
  font-variant-numeric: tabular-nums;
}

[data-terms-page] .terms-page__contents-link--active .terms-page__contents-number {
  border-color: var(--colour-chalk);
}

[data-terms-page] .terms-page__document-body {
  grid-column: 3;
  width: 100%;
  max-width: 68ch;
  min-width: 0;
}

[data-terms-page] .terms-page__clause-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
  margin: 0;
  padding: 0;
  list-style: none;
}

[data-terms-page] .terms-page__clause-list > li {
  width: 100%;
  min-width: 0;
}

[data-terms-page] .terms-page__clause {
  display: grid;
  grid-template-columns: 2.75rem minmax(0, 1fr);
  column-gap: var(--space-3);
  width: 100%;
  min-width: 0;
  padding-block-start: var(--space-4);
  border-top: var(--border-default);
  scroll-margin-top: var(--space-5);
}

[data-terms-page] .terms-page__clause > * {
  min-width: 0;
}

[data-terms-page] .terms-page__clause-number {
  grid-column: 1;
  display: block;
  width: 2.75rem;
  min-width: 2.75rem;
  padding-block-start: 0.25rem;
  color: var(--colour-clay);
  font-size: var(--text-small);
  font-weight: 600;
  letter-spacing: 0.08em;
  line-height: var(--leading-small);
}

[data-terms-page] .terms-page__clause-content {
  grid-column: 2;
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  width: 100%;
  min-width: 0;
}

[data-terms-page] .terms-page__clause-content > * {
  min-width: 0;
  margin: 0;
}

[data-terms-page] .terms-page__clause-content h2 {
  font-size: var(--text-h2);
}

[data-terms-page] .terms-page__summary {
  color: color-mix(in srgb, var(--colour-charcoal) 82%, transparent);
  font-size: var(--text-body-large);
  line-height: var(--leading-body);
}

[data-terms-page] .terms-page__prose-group {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  width: 100%;
  min-width: 0;
}

[data-terms-page] .terms-page__prose-group > * {
  min-width: 0;
  margin: 0;
}

[data-terms-page] .terms-page__prose-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  margin: 0;
  padding-inline-start: 1.35em;
}

[data-terms-page] .terms-page__prose-list > li {
  min-width: 0;
}

[data-terms-page] .terms-page__confirmation-note {
  padding-block-start: var(--space-3);
  border-top: 1px solid var(--colour-clay);
}

[data-terms-page] .terms-page__request-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  margin: 0;
  padding: 0;
  list-style: none;
}

[data-terms-page] .terms-page__request-list > li {
  display: grid;
  grid-template-columns: 1.8rem minmax(0, 1fr);
  gap: var(--space-2);
  width: 100%;
  min-width: 0;
  padding: var(--space-3) 0;
  border-top: var(--border-default);
}

[data-terms-page] .terms-page__request-list > li:last-child {
  border-bottom: var(--border-default);
}

[data-terms-page] .terms-page__request-list strong,
[data-terms-page] .terms-page__request-list span {
  min-width: 0;
}

[data-terms-page] .terms-page__request-list strong {
  color: var(--colour-clay);
  font-size: var(--text-small);
  letter-spacing: 0.06em;
}

[data-terms-page] .terms-page__evening-note {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  width: 100%;
  min-width: 0;
  padding: var(--space-4);
  background: var(--colour-charcoal);
  color: var(--colour-chalk);
}

[data-terms-page] .terms-page__evening-note > * {
  min-width: 0;
  margin: 0;
}

[data-terms-page] .terms-page__evening-note .meta {
  color: var(--colour-chalk);
}

[data-terms-page] .terms-page__enquiry {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  width: 100%;
  min-width: 0;
  margin-block-start: var(--space-6);
  border: var(--border-default);
  background: var(--colour-pale-stone);
  padding: var(--space-5);
}

[data-terms-page] .terms-page__enquiry > * {
  min-width: 0;
  margin: 0;
}

[data-terms-page] .terms-page__enquiry::before {
  content: "";
  width: 4.5rem;
  height: 1px;
  background: var(--colour-clay);
}

[data-terms-page] .terms-page__enquiry h3 {
  font-size: var(--text-h3);
}

[data-terms-page] .terms-page__email-link {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  min-height: 3rem;
  overflow-wrap: anywhere;
  font-weight: 600;
}

[data-terms-page] .terms-page__end-marker {
  width: 100%;
  min-width: 0;
  margin-block-start: var(--space-6);
  padding-block-end: var(--space-7);
}

[data-terms-page] .terms-page__end-marker .rule {
  margin-block-end: var(--space-3);
  background: var(--colour-timber);
}

[data-terms-page] .terms-page__end-marker p {
  margin: 0;
  color: color-mix(in srgb, var(--colour-charcoal) 76%, transparent);
}

@media (max-width: 959px) {
  [data-terms-page] .terms-page__title-grid {
    grid-template-columns: minmax(0, 6fr) minmax(0, 2fr);
  }

  [data-terms-page] .terms-page__document-layout {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    width: min(100%, 68ch);
    margin-inline: auto;
  }

  [data-terms-page] .terms-page__contents,
  [data-terms-page] .terms-page__document-body {
    width: 100%;
    max-width: none;
  }

  [data-terms-page] .terms-page__contents {
    position: static;
  }
}

@media (max-width: 767px) {
  [data-terms-page] .terms-page__title-band {
    padding-block: var(--space-7) var(--space-6);
  }

  [data-terms-page] .terms-page__title-grid {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: var(--space-3);
  }

  [data-terms-page] .terms-page__title-copy,
  [data-terms-page] .terms-page__scope {
    max-width: none;
  }

  [data-terms-page] .terms-page__title-rule {
    width: 4.5rem;
    margin: 0;
  }

  [data-terms-page] .terms-page__document-section {
    padding-block: var(--space-6) var(--space-7);
  }

  [data-terms-page] .terms-page__contents {
    padding: var(--space-3);
  }

  [data-terms-page] .terms-page__clause-list {
    gap: var(--space-6);
  }

  [data-terms-page] .terms-page__clause {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    padding-block-start: var(--space-4);
  }

  [data-terms-page] .terms-page__clause-number {
    width: auto;
    min-width: 0;
    padding: 0;
  }

  [data-terms-page] .terms-page__clause-content {
    gap: var(--space-3);
  }

  [data-terms-page] .terms-page__clause-content h2 {
    font-size: clamp(2.1rem, 10vw, 2.7rem);
  }

  [data-terms-page] .terms-page__request-list > li {
    grid-template-columns: 1.5rem minmax(0, 1fr);
  }

  [data-terms-page] .terms-page__evening-note,
  [data-terms-page] .terms-page__enquiry {
    padding: var(--space-3);
  }

  [data-terms-page] .terms-page__enquiry {
    margin-block-start: var(--space-6);
  }

  [data-terms-page] .terms-page__end-marker {
    padding-block-end: var(--space-6);
  }
}


.cookie-policy-page {
  background: var(--colour-chalk);
}

.cookie-policy-page section {
  scroll-margin-top: var(--space-6);
}

.cookie-policy-opening__grid,
.cookie-policy-index__grid,
.cookie-policy-explained__grid,
.cookie-policy-uses__grid,
.cookie-policy-choices__grid,
.cookie-policy-third-party__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--space-4);
  min-width: 0;
}

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

.cookie-policy-opening__content {
  grid-column: 1 / span 7;
  min-width: 0;
}

.cookie-policy-opening__lead {
  max-width: 64ch;
  font-size: var(--text-body-large);
  line-height: 1.65;
}

.cookie-policy-opening__rule {
  width: min(100%, 18rem);
  height: 1px;
  margin-top: var(--space-4);
  background: var(--colour-timber);
}

.cookie-policy-index {
  padding-block: var(--space-6);
}

.cookie-policy-index__content {
  grid-column: 1 / span 7;
  min-width: 0;
}

.cookie-policy-index__intro {
  max-width: 38ch;
}

.cookie-policy-index__list {
  display: flex;
  flex-direction: column;
  gap: 0;
  width: min(100%, 38ch);
  margin: 0;
  padding: 0;
  list-style: none;
}

.cookie-policy-index__list > li {
  width: 100%;
  min-width: 0;
  border-top: var(--border-default);
}

.cookie-policy-index__list > li:last-child {
  border-bottom: var(--border-default);
}

.cookie-policy-index__list a {
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr);
  gap: var(--space-2);
  align-items: center;
  width: 100%;
  min-width: 0;
  min-height: 3rem;
  padding-block: var(--space-2);
  color: var(--colour-eucalyptus);
  font-weight: 600;
  text-decoration: none;
}

.cookie-policy-index__list a span {
  min-width: 0;
}

.cookie-policy-index__list a span:first-child {
  color: var(--colour-clay);
  font-size: var(--text-small);
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.06em;
}

.cookie-policy-index__list a:hover {
  color: var(--colour-charcoal);
  text-decoration: underline;
  text-decoration-color: var(--colour-clay);
  text-decoration-thickness: 1px;
  text-underline-offset: 0.22em;
}

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

.cookie-policy-explained__marker {
  grid-column: 1 / span 1;
  display: flex;
  justify-content: center;
  min-width: 0;
}

.cookie-policy-explained__marker span {
  width: 1px;
  min-height: 15rem;
  background: var(--colour-eucalyptus);
}

.cookie-policy-explained__content {
  grid-column: 2 / span 7;
  min-width: 0;
  max-width: 64ch;
}

.cookie-policy-explained__content > p {
  line-height: 1.65;
}

.cookie-policy-explained__lead-in {
  margin-top: var(--space-3);
}

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

.cookie-policy-uses__content {
  grid-column: 3 / span 8;
  min-width: 0;
}

.cookie-policy-uses__content > h2 {
  width: min(100%, 62ch);
}

.cookie-policy-uses__topics {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  border-top: var(--border-default);
}

.cookie-policy-topic {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 6fr);
  column-gap: var(--space-4);
  width: 100%;
  min-width: 0;
  padding-block: var(--space-5);
  border-bottom: var(--border-default);
}

.cookie-policy-topic__label,
.cookie-policy-topic__copy {
  min-width: 0;
}

.cookie-policy-topic__label {
  color: var(--colour-eucalyptus);
  font-size: var(--text-small);
  font-weight: 600;
  letter-spacing: 0.08em;
  line-height: var(--leading-small);
  text-transform: uppercase;
}

.cookie-policy-topic__copy {
  max-width: 62ch;
}

.cookie-policy-topic__copy p {
  line-height: 1.65;
}

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

.cookie-policy-choices__content {
  grid-column: 3 / span 7;
  min-width: 0;
  max-width: 64ch;
}

.cookie-policy-choices__content > p {
  line-height: 1.65;
}

.cookie-policy-choices__action {
  width: max-content;
  max-width: 100%;
  margin-bottom: var(--space-4);
}

.cookie-policy-choices__note {
  width: 100%;
  min-width: 0;
  margin: 0;
  padding-inline-start: var(--space-4);
  border-inline-start: 2px solid var(--colour-clay);
}

.cookie-policy-choices__note p {
  margin: 0;
  line-height: 1.65;
}

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

.cookie-policy-third-party__content {
  grid-column: 2 / span 7;
  min-width: 0;
  max-width: 62ch;
}

.cookie-policy-third-party__content > p {
  line-height: 1.65;
}

.cookie-policy-third-party__content a {
  font-weight: 600;
}

@media (max-width: 1199px) {
  .cookie-policy-opening__grid,
  .cookie-policy-index__grid,
  .cookie-policy-explained__grid,
  .cookie-policy-uses__grid,
  .cookie-policy-choices__grid,
  .cookie-policy-third-party__grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .cookie-policy-opening__content,
  .cookie-policy-index__content {
    grid-column: 1 / span 6;
  }

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

  .cookie-policy-explained__content {
    grid-column: 2 / span 6;
  }

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

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

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

@media (max-width: 1023px) {
  .cookie-policy-topic {
    grid-template-columns: minmax(0, 1fr);
    row-gap: var(--space-2);
  }
}

@media (max-width: 959px) {
  .cookie-policy-explained__marker {
    display: none;
  }

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

@media (max-width: 767px) {
  .cookie-policy-opening,
  .cookie-policy-explained,
  .cookie-policy-uses,
  .cookie-policy-choices,
  .cookie-policy-third-party {
    padding-block: var(--space-6);
  }

  .cookie-policy-index {
    padding-block: var(--space-6);
  }

  .cookie-policy-opening__grid,
  .cookie-policy-index__grid,
  .cookie-policy-explained__grid,
  .cookie-policy-uses__grid,
  .cookie-policy-choices__grid,
  .cookie-policy-third-party__grid {
    grid-template-columns: minmax(0, 1fr);
    column-gap: 0;
  }

  .cookie-policy-opening__content,
  .cookie-policy-index__content,
  .cookie-policy-explained__content,
  .cookie-policy-uses__content,
  .cookie-policy-choices__content,
  .cookie-policy-third-party__content {
    grid-column: 1;
    width: 100%;
    max-width: 42rem;
  }

  .cookie-policy-opening h1 {
    font-size: clamp(2.5rem, 11vw, 3.25rem);
  }

  .cookie-policy-opening__lead {
    max-width: none;
    font-size: 1rem;
    line-height: 1.6;
  }

  .cookie-policy-opening__rule {
    width: 100%;
    margin-top: var(--space-4);
  }

  .cookie-policy-index__intro,
  .cookie-policy-index__list {
    width: 100%;
    max-width: none;
  }

  .cookie-policy-index__list a {
    min-height: 3rem;
    font-size: 1rem;
  }

  .cookie-policy-explained__content::before {
    display: block;
    width: 3rem;
    height: 1px;
    margin-bottom: var(--space-3);
    background: var(--colour-clay);
    content: "";
  }

  .cookie-policy-explained h2,
  .cookie-policy-uses h2,
  .cookie-policy-choices h2,
  .cookie-policy-third-party h2 {
    font-size: clamp(2rem, 9vw, 2.65rem);
  }

  .cookie-policy-explained__content > p,
  .cookie-policy-topic__copy p,
  .cookie-policy-choices__content > p,
  .cookie-policy-third-party__content > p {
    line-height: 1.6;
  }

  .cookie-policy-uses__topics {
    gap: var(--space-4);
    border-top: 0;
  }

  .cookie-policy-topic {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    padding-block: 0 var(--space-4);
  }

  .cookie-policy-topic__copy {
    max-width: none;
  }

  .cookie-policy-topic__copy h3 {
    font-size: clamp(1.55rem, 7vw, 1.8rem);
  }

  .cookie-policy-choices__action {
    width: 100%;
    min-height: 3rem;
  }

  .cookie-policy-choices__note {
    padding-inline-start: var(--space-3);
  }
}


.privacy-policy-page {
  background: var(--colour-chalk);
}

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

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

.privacy-policy-page__title-block {
  grid-column: 1 / span 7;
  min-width: 0;
}

.privacy-policy-page__title-block > :last-child {
  margin-block-end: 0;
}

.privacy-policy-page__title-block .lead {
  max-width: 60ch;
}

.privacy-policy-page__intro-note {
  max-width: 62ch;
}

.privacy-policy-page__title-rule {
  width: 100%;
  max-width: 38rem;
  height: 1px;
  margin-block: var(--space-4);
  background: var(--colour-timber);
}

.privacy-policy-page__architectural-rule {
  grid-column: 9 / span 1;
  align-self: stretch;
  justify-self: start;
  width: 1px;
  min-width: 1px;
  background: var(--colour-timber);
}

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

.privacy-policy-page__document-grid {
  display: grid;
  grid-template-columns: minmax(13.75rem, 3fr) minmax(1.25rem, 1fr) minmax(0, 8fr);
  column-gap: var(--space-4);
  align-items: start;
  min-width: 0;
}

.privacy-policy-page__contents {
  grid-column: 1;
  min-width: 0;
}

.privacy-policy-page__contents-panel {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  min-width: 0;
  border: var(--border-default);
  border-radius: var(--radius-sharp);
  background: var(--colour-pale-stone);
  padding: var(--space-4);
}

.privacy-policy-page__contents-panel > * {
  min-width: 0;
  margin: 0;
}

.privacy-policy-page__contents-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  margin: 0;
  padding: 0;
  list-style: none;
}

.privacy-policy-page__contents-list > li {
  width: 100%;
  min-width: 0;
}

.privacy-policy-page__contents-list a {
  display: flex;
  align-items: center;
  width: 100%;
  min-width: 0;
  min-height: 3rem;
  padding: var(--space-2);
  border: 1px solid transparent;
  color: var(--colour-eucalyptus);
  font-size: var(--text-small);
  font-weight: 600;
  line-height: 1.35;
  text-decoration: none;
  transition: background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);
}

.privacy-policy-page__contents-list a:hover {
  border-color: var(--colour-line);
  color: var(--colour-charcoal);
  text-decoration: underline;
  text-decoration-color: var(--colour-clay);
  text-underline-offset: 0.22em;
}

.privacy-policy-page__contents-list a.is-active {
  border-color: var(--colour-eucalyptus);
  background: var(--colour-eucalyptus);
  color: var(--colour-chalk);
}

.privacy-policy-page__divider {
  grid-column: 2;
  justify-self: center;
  width: 1px;
  min-width: 1px;
  min-height: 100%;
  background: var(--colour-line);
}

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

.privacy-policy-page__scope {
  max-width: 68ch;
  padding-block-end: var(--space-6);
  border-block-end: var(--border-default);
}

.privacy-policy-page__scope > :last-child,
.privacy-policy-page__policy-section > :last-child,
.privacy-policy-page__policy-update > :last-child,
.privacy-policy-page__closing > :last-child {
  margin-block-end: 0;
}

.privacy-policy-page__policy-section,
.privacy-policy-page__policy-update {
  max-width: 68ch;
  padding-block: var(--space-6);
  border-block-end: var(--border-default);
}

.privacy-policy-page__standard-list {
  max-width: 68ch;
}

.privacy-policy-page__comparison-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  max-width: 68ch;
  margin-block: var(--space-4);
}

.privacy-policy-page__comparison-list > div {
  width: 100%;
  min-width: 0;
  padding-block-end: var(--space-3);
  border-block-end: var(--border-default);
}

.privacy-policy-page__comparison-list > div:last-child {
  padding-block-end: 0;
  border-block-end: 0;
}

.privacy-policy-page__comparison-list dt,
.privacy-policy-page__purpose-list dt {
  margin-block-end: var(--space-1);
}

.privacy-policy-page__comparison-list dd,
.privacy-policy-page__purpose-list dd {
  margin: 0;
}

.privacy-policy-page__relevance-note {
  max-width: 56ch;
  margin-block: var(--space-5) 0;
  padding-inline-start: var(--space-4);
  border-inline-start: 3px solid var(--colour-eucalyptus);
}

.privacy-policy-page__relevance-note > :last-child {
  margin-block-end: 0;
}

.privacy-policy-page__purpose-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  max-width: 68ch;
  margin-block: var(--space-4);
}

.privacy-policy-page__purpose-list > div {
  display: grid;
  grid-template-columns: minmax(0, 25%) minmax(0, 75%);
  column-gap: var(--space-3);
  width: 100%;
  min-width: 0;
  padding-block-end: var(--space-3);
  border-block-end: var(--border-default);
}

.privacy-policy-page__purpose-list > div:last-child {
  padding-block-end: 0;
  border-block-end: 0;
}

.privacy-policy-page__purpose-list dt,
.privacy-policy-page__purpose-list dd {
  min-width: 0;
}

.privacy-policy-page__administration-note {
  max-width: 66ch;
  margin-block: var(--space-5);
  padding-block: var(--space-4);
  border-block: var(--border-default);
}

.privacy-policy-page__administration-note > :last-child,
.privacy-policy-page__retention-copy > :last-child,
.privacy-policy-page__cookies-copy > :last-child,
.privacy-policy-page__rights-copy > :last-child,
.privacy-policy-page__contact-line > :last-child {
  margin-block-end: 0;
}

.privacy-policy-page__preference-note {
  max-width: 62ch;
}

.privacy-policy-page__sharing-list {
  display: flex;
  flex-direction: column;
  max-width: 68ch;
  margin-block: var(--space-4);
  border-block-start: var(--border-default);
}

.privacy-policy-page__sharing-list > div {
  width: 100%;
  min-width: 0;
  padding-block: var(--space-3);
  border-block-end: var(--border-default);
}

.privacy-policy-page__sharing-list h3 {
  margin-block-end: var(--space-1);
  font-size: var(--text-h4);
}

.privacy-policy-page__sharing-list p {
  margin-block-end: 0;
}

.privacy-policy-page__retention-copy {
  max-width: 64ch;
}

.privacy-policy-page__cookies-copy {
  max-width: 64ch;
}

.privacy-policy-page__rights-copy {
  max-width: 66ch;
}

.privacy-policy-page__action-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-3);
  width: 100%;
  max-width: 68ch;
  margin-block: var(--space-4);
}

.privacy-policy-page__action-list > div {
  min-width: 0;
  padding-inline-start: var(--space-3);
  border-inline-start: 1px solid var(--colour-clay);
}

.privacy-policy-page__action-list h3 {
  margin-block-end: var(--space-1);
  font-size: var(--text-h4);
}

.privacy-policy-page__action-list p {
  margin-block-end: 0;
}

.privacy-policy-page__contact-line {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  width: 100%;
  min-width: 0;
  margin-block: var(--space-5) 0;
  padding: var(--space-4);
  border: var(--border-default);
  border-radius: var(--radius-sharp);
  background: var(--colour-pale-stone);
}

.privacy-policy-page__contact-line > * {
  min-width: 0;
  margin: 0;
}

.privacy-policy-page__contact-line a {
  display: block;
  width: fit-content;
  max-width: 100%;
  overflow-wrap: anywhere;
  font-size: var(--text-body-large);
  font-weight: 600;
}

.privacy-policy-page__policy-update {
  max-width: 62ch;
}

.privacy-policy-page__closing {
  max-width: 58ch;
  padding-block: var(--space-7) var(--space-8);
}

.privacy-policy-page__closing .rule {
  margin: 0 0 var(--space-4);
}

.privacy-policy-page a:hover {
  text-decoration-color: var(--colour-clay);
}

@media (min-width: 1024px) {
  .privacy-policy-page__contents-panel {
    position: sticky;
    top: var(--space-4);
  }
}

@media (max-width: 1079px) {
  .privacy-policy-page__intro-grid {
    grid-template-columns: 1fr;
  }

  .privacy-policy-page__title-block {
    grid-column: 1;
    width: 100%;
  }

  .privacy-policy-page__architectural-rule {
    display: none;
  }
}

@media (max-width: 1023px) {
  .privacy-policy-page__document-grid {
    grid-template-columns: 1fr;
    row-gap: var(--space-6);
  }

  .privacy-policy-page__contents,
  .privacy-policy-page__reading {
    grid-column: 1;
    width: 100%;
  }

  .privacy-policy-page__divider {
    display: none;
  }

  .privacy-policy-page__contents-panel {
    width: 100%;
  }

  .privacy-policy-page__reading {
    max-width: 68ch;
  }
}

@media (max-width: 899px) {
  .privacy-policy-page__purpose-list > div {
    grid-template-columns: 1fr;
    row-gap: var(--space-1);
  }

  .privacy-policy-page__action-list {
    grid-template-columns: 1fr;
    gap: var(--space-3);
  }

  .privacy-policy-page__action-list > div {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .privacy-policy-page__intro {
    padding-block: var(--space-7) var(--space-6);
  }

  .privacy-policy-page__title-block h1 {
    font-size: clamp(2.6rem, 11vw, 3.4rem);
  }

  .privacy-policy-page__title-block .lead,
  .privacy-policy-page__intro-note,
  .privacy-policy-page__scope,
  .privacy-policy-page__policy-section,
  .privacy-policy-page__policy-update,
  .privacy-policy-page__closing,
  .privacy-policy-page__reading {
    max-width: none;
  }

  .privacy-policy-page__title-rule {
    width: 4.5rem;
    margin-block: var(--space-3);
  }

  .privacy-policy-page__document {
    padding-block: var(--space-7);
  }

  .privacy-policy-page__document-grid {
    row-gap: var(--space-5);
  }

  .privacy-policy-page__contents-panel {
    padding: var(--space-3);
  }

  .privacy-policy-page__contents-list a {
    min-height: 3rem;
  }

  .privacy-policy-page__scope {
    padding-block-end: var(--space-5);
  }

  .privacy-policy-page__policy-section,
  .privacy-policy-page__policy-update {
    padding-block: var(--space-5);
  }

  .privacy-policy-page__relevance-note {
    max-width: none;
    padding-inline-start: var(--space-3);
  }

  .privacy-policy-page__comparison-list,
  .privacy-policy-page__purpose-list {
    gap: var(--space-2);
  }

  .privacy-policy-page__contact-line {
    padding: var(--space-3);
  }

  .privacy-policy-page__contact-line a {
    width: 100%;
    min-height: 3rem;
    display: flex;
    align-items: center;
    font-size: 1rem;
  }

  .privacy-policy-page__closing {
    padding-block: var(--space-5) var(--space-6);
  }
}

@media (prefers-reduced-motion: reduce) {
  .privacy-policy-page__contents-list a {
    transition: none;
  }
}


.signature-dishes-page {
  background: var(--colour-chalk);
}

.signature-dishes-page .section {
  overflow: hidden;
}

.signature-hero__grid,
.signature-sharing__grid,
.signature-fire__grid,
.signature-courtyard__grid,
.signature-menu-prompt__grid,
.signature-closing__grid {
  display: grid;
  min-width: 0;
}

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

.signature-hero__copy {
  grid-column: 1;
  min-width: 0;
  max-width: 54ch;
  padding-block-start: var(--space-6);
}

.signature-hero__rule {
  margin-block: var(--space-3) var(--space-4);
}

.signature-hero__copy h1 {
  margin-block-end: var(--space-4);
}

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

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

.signature-hero__paths > a,
.signature-text-link {
  min-height: 3rem;
  display: inline-flex;
  align-items: center;
  color: var(--colour-eucalyptus);
  font-size: var(--text-small);
  font-weight: 600;
  letter-spacing: 0.04em;
  text-decoration-color: color-mix(in srgb, var(--colour-clay) 72%, transparent);
  text-transform: uppercase;
}

.signature-hero__media {
  grid-column: 2;
  width: 100%;
  min-width: 0;
  margin: 0;
  aspect-ratio: 4 / 5;
}

.signature-hero__media img,
.signature-sharing__media img,
.signature-fire__media img,
.signature-courtyard__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.signature-hero__media img {
  object-position: 50% 58%;
}

.signature-hero__media:hover img,
.signature-courtyard__media:hover img {
  transform: scale(1.015) translateY(-1%);
}

.signature-collection__head {
  display: grid;
  grid-template-columns: minmax(0, 6fr) minmax(0, 3fr);
  justify-content: space-between;
  align-items: end;
  gap: var(--space-5);
  min-width: 0;
}

.signature-collection__intro {
  grid-column: 1;
  min-width: 0;
  max-width: 62ch;
}

.signature-collection__clay-rule {
  width: 4.5rem;
  margin-block: var(--space-2) var(--space-4);
}

.signature-collection__grill-mark {
  grid-column: 2;
  width: 100%;
  min-width: 0;
  max-width: 11rem;
  justify-self: end;
  margin-block-end: var(--space-3);
  color: var(--colour-timber);
}

.signature-dish-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-3);
  min-width: 0;
  margin-block-start: var(--space-6);
}

.signature-dish-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  min-height: 100%;
  padding: var(--space-4);
  border: var(--border-default);
  border-radius: var(--radius-sharp);
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
}

.signature-dish-card:hover,
.signature-dish-card:focus-within {
  border-top-color: var(--colour-eucalyptus);
  box-shadow: inset 0 2px 0 var(--colour-eucalyptus);
}

.signature-dish-card--chalk { background: var(--colour-chalk); }
.signature-dish-card--stone { background: var(--colour-pale-stone); }
.signature-dish-card--sandstone { background: var(--colour-sandstone); }

.signature-dish-card__number {
  margin-block-end: var(--space-4);
  color: var(--colour-clay);
  font-size: var(--text-small);
  font-weight: 600;
  letter-spacing: 0.08em;
}

.signature-dish-card h3 {
  max-width: 18ch;
}

.signature-dish-card p:last-child {
  max-width: 36ch;
  margin-block-end: 0;
}

.signature-dish-card__timber-rule {
  width: 100%;
  margin-block: 0 var(--space-3);
}

.signature-sharing__grid {
  grid-template-columns: minmax(0, 7fr) minmax(0, 4fr);
  column-gap: calc(var(--space-6) + var(--space-2));
  align-items: center;
}

.signature-sharing__media {
  grid-column: 1;
  width: 100%;
  min-width: 0;
  margin: 0;
  aspect-ratio: 3 / 2;
}

.signature-sharing__media img { object-position: 50% 50%; }

.signature-sharing__copy {
  grid-column: 2;
  min-width: 0;
  max-width: 42ch;
}

.signature-table-notes {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  min-width: 0;
  margin-block: var(--space-4);
}

.signature-table-notes p {
  margin: 0;
}

.signature-table-notes span {
  color: var(--colour-clay);
  font-size: 1.2em;
}

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

.signature-fire__copy {
  grid-column: 1;
  min-width: 0;
  max-width: 46ch;
  padding-block: var(--space-6);
}

.signature-fire .eyebrow { color: var(--colour-clay); }

.signature-fire__media {
  grid-column: 2;
  width: 100%;
  min-width: 0;
  margin: 0;
  aspect-ratio: 4 / 3;
  border-color: var(--colour-chalk);
}

.signature-fire__media img { object-position: 50% 68%; }

.signature-fire__stages {
  display: flex;
  flex-direction: column;
  min-width: 0;
  border-block-start: 1px solid color-mix(in srgb, var(--colour-chalk) 45%, transparent);
}

.signature-fire__stage {
  display: grid;
  grid-template-columns: minmax(5.5rem, 0.55fr) minmax(0, 1.45fr);
  gap: var(--space-3);
  min-width: 0;
  padding-block: var(--space-3);
  border-block-end: 1px solid color-mix(in srgb, var(--colour-chalk) 45%, transparent);
}

.signature-fire__stage > * { min-width: 0; }
.signature-fire__stage .meta { color: var(--colour-chalk); }
.signature-fire__stage p:last-child { margin: 0; }

.signature-fire__quote-wrap {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  min-width: 0;
  margin-block-start: var(--space-5);
}

.signature-fire__quote-wrap .rule { width: 4.5rem; }

.signature-fire__quote {
  margin: 0;
  font-family: var(--font-heading);
  font-size: clamp(1.55rem, 2.2vw, 2.25rem);
  line-height: var(--leading-h3);
}

.signature-balance__head {
  min-width: 0;
  max-width: 58ch;
}

.signature-notes {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 5fr));
  gap: var(--space-5) calc(var(--space-6) + var(--space-2));
  min-width: 0;
  margin-block-start: var(--space-6);
}

.signature-note {
  min-width: 0;
  padding-inline-start: var(--space-3);
  border-inline-start: 1px solid var(--colour-eucalyptus);
}

.signature-note h3 {
  margin-block-end: var(--space-2);
}

.signature-note p {
  max-width: 38ch;
  margin-block-end: 0;
}

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

.signature-courtyard__copy {
  grid-column: 1;
  min-width: 0;
  max-width: 44ch;
  padding-block-start: var(--space-4);
}

.signature-courtyard__atmosphere {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  min-width: 0;
  margin-block: var(--space-4);
}

.signature-courtyard__atmosphere .rule { width: 4.5rem; }

.signature-courtyard__atmosphere p {
  margin: 0;
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 2vw, 1.75rem);
  line-height: 1.15;
}

.signature-courtyard__media {
  grid-column: 2;
  width: 100%;
  min-width: 0;
  margin: 0 0 calc(var(--space-5) * -1);
  aspect-ratio: 4 / 5;
}

.signature-courtyard__media img { object-position: 50% 50%; }

.signature-menu-prompt__grid {
  grid-template-columns: minmax(0, 7fr) minmax(0, 4fr);
  column-gap: calc(var(--space-6) + var(--space-2));
  align-items: center;
}

.signature-menu-prompt__copy {
  grid-column: 1;
  min-width: 0;
  max-width: 62ch;
}

.signature-menu-prompt__copy p { margin-block-end: 0; }

.signature-menu-prompt__action {
  display: flex;
  grid-column: 2;
  justify-content: flex-end;
  min-width: 0;
}

.signature-closing {
  border-block-start: var(--border-default);
}

.signature-closing__grid {
  grid-template-columns: minmax(0, 7fr) minmax(0, 4fr);
  column-gap: calc(var(--space-6) + var(--space-2));
  align-items: center;
}

.signature-closing__copy {
  grid-column: 1;
  min-width: 0;
  max-width: 58ch;
}

.signature-closing__copy p { margin-block-end: 0; }

.signature-closing__flame {
  width: 2.25rem;
  height: 2.75rem;
  margin-block-end: var(--space-2);
  color: var(--colour-clay);
}

.signature-closing__flame svg { width: 100%; height: 100%; }

.signature-closing__actions {
  display: flex;
  grid-column: 2;
  flex-direction: column;
  align-items: flex-end;
  gap: var(--space-2);
  min-width: 0;
}

.signature-reveal {
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 420ms ease, transform 420ms ease;
}

.signature-reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

@media (max-width: 1199px) {
  .signature-hero__grid {
    grid-template-columns: minmax(270px, 3fr) minmax(0, 5fr);
    gap: var(--space-5);
  }

  .signature-sharing__grid {
    grid-template-columns: minmax(0, 5fr) minmax(280px, 3fr);
    column-gap: var(--space-5);
  }

  .signature-courtyard__grid {
    grid-template-columns: minmax(280px, 3fr) minmax(0, 5fr);
    gap: var(--space-5);
  }

  .signature-dish-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .signature-dish-card:nth-child(3) {
    grid-column: 1 / 2;
  }

  .signature-fire__grid {
    grid-template-columns: 1fr;
    gap: var(--space-5);
  }

  .signature-fire__copy,
  .signature-fire__media {
    grid-column: 1;
  }

  .signature-fire__copy {
    max-width: 62ch;
    padding-block: 0;
  }

  .signature-fire__media {
    max-width: 62rem;
  }

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

@media (max-width: 1019px) {
  .signature-hero__grid,
  .signature-sharing__grid,
  .signature-courtyard__grid {
    grid-template-columns: 1fr;
    gap: var(--space-4);
  }

  .signature-hero__media,
  .signature-sharing__media,
  .signature-courtyard__media,
  .signature-hero__copy,
  .signature-sharing__copy,
  .signature-courtyard__copy {
    grid-column: 1;
  }

  .signature-hero__media,
  .signature-sharing__media,
  .signature-courtyard__media {
    order: 1;
  }

  .signature-hero__copy,
  .signature-sharing__copy,
  .signature-courtyard__copy {
    order: 2;
    max-width: 62ch;
    padding-block-start: 0;
  }

  .signature-sharing__media { aspect-ratio: 3 / 2; }
  .signature-courtyard__media { margin-block-end: 0; }

  .signature-collection__head {
    grid-template-columns: 1fr;
  }

  .signature-collection__grill-mark { display: none; }

  .signature-menu-prompt__grid,
  .signature-closing__grid {
    grid-template-columns: 1fr;
    row-gap: var(--space-4);
  }

  .signature-menu-prompt__copy,
  .signature-menu-prompt__action,
  .signature-closing__copy,
  .signature-closing__actions {
    grid-column: 1;
  }

  .signature-menu-prompt__action,
  .signature-closing__actions {
    justify-content: flex-start;
    align-items: flex-start;
  }
}

@media (max-width: 767px) {
  .signature-hero__grid,
  .signature-sharing__grid,
  .signature-fire__grid,
  .signature-courtyard__grid,
  .signature-menu-prompt__grid,
  .signature-closing__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .signature-hero__media,
  .signature-hero__copy,
  .signature-sharing__media,
  .signature-sharing__copy,
  .signature-fire__copy,
  .signature-fire__media,
  .signature-courtyard__media,
  .signature-courtyard__copy,
  .signature-menu-prompt__copy,
  .signature-menu-prompt__action,
  .signature-closing__copy,
  .signature-closing__actions {
    grid-column: 1;
    min-width: 0;
  }

  .signature-hero__media,
  .signature-sharing__media,
  .signature-courtyard__media { order: 1; }
  .signature-hero__copy,
  .signature-sharing__copy,
  .signature-courtyard__copy { order: 2; }

  .signature-hero__copy {
    max-width: none;
    padding-block-start: 0;
  }

  .signature-hero__media { aspect-ratio: 4 / 5; }
  .signature-sharing__media { aspect-ratio: 4 / 3; }
  .signature-courtyard__media { aspect-ratio: 4 / 5; }

  .signature-hero__actions,
  .signature-closing__actions {
    align-items: stretch;
  }

  .signature-hero__actions > .button,
  .signature-closing__actions > .button { width: 100%; }

  .signature-hero__paths {
    gap: var(--space-2);
  }

  .signature-dish-cards {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-3);
    margin-block-start: var(--space-5);
  }

  .signature-dish-card,
  .signature-dish-card:nth-child(3) { grid-column: 1; }

  .signature-dish-card { padding: var(--space-4); }

  .signature-fire__copy,
  .signature-sharing__copy,
  .signature-courtyard__copy {
    max-width: none;
  }

  .signature-fire__stage {
    grid-template-columns: 1fr;
    gap: var(--space-1);
    min-height: 3rem;
  }

  .signature-notes {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-4);
    margin-block-start: var(--space-5);
  }

  .signature-note p { max-width: none; }

  .signature-menu-prompt__action .button { width: 100%; }

  .signature-closing__actions {
    gap: var(--space-3);
  }
}

@media (min-width: 421px) and (max-width: 767px) {
  .signature-hero__actions > .button,
  .signature-closing__actions > .button,
  .signature-menu-prompt__action .button { width: auto; }
}

@media (prefers-reduced-motion: reduce) {
  .signature-reveal {
    opacity: 1;
    transform: none;
  }
}


.home-page {
  background: var(--colour-chalk);
}

.home-page .eyebrow {
  color: var(--colour-eucalyptus);
}

.home-page .surface-charcoal .eyebrow,
.home-page .surface-eucalyptus .eyebrow {
  color: var(--colour-chalk);
}

.home-hero {
  overflow: hidden;
  padding-block: var(--space-7);
  background: var(--colour-chalk);
}

.home-hero__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  align-items: center;
  column-gap: var(--space-4);
  min-height: 47.5rem;
}

.home-hero__copy {
  grid-column: 1 / span 5;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
}

.home-hero__copy > * { margin: 0; }
.home-hero__copy .eyebrow { margin-bottom: 0; }
.home-hero__copy .display { max-width: 15ch; }
.home-hero__rule { max-width: 7rem; }
.home-hero__lead { max-width: 42ch; }

.home-hero__actions {
  width: 100%;
  gap: var(--space-2);
}

.home-hero__actions > a { min-width: 0; }

.home-hero__media {
  grid-column: 6 / span 7;
  width: calc(100% + max(0px, (100vw - var(--container-max)) / 2));
  min-width: 0;
  height: min(43rem, 58vw);
  justify-self: start;
}

.home-hero__media img { width: 100%; height: 100%; object-fit: cover; object-position: 62% center; }

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

.home-fire__accent { grid-column: 1 / span 2; min-width: 0; color: var(--colour-clay); padding-top: var(--space-2); }
.home-fire__accent svg { width: 2rem; }
.home-fire__copy { grid-column: 4 / span 6; min-width: 0; max-width: 58ch; }
.home-fire__space { grid-column: 10 / span 3; min-width: 0; }
.home-fire__divider { margin-block: var(--space-5); }
.home-fire__link { margin-bottom: 0; }

.home-signature__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  align-items: center;
  column-gap: var(--space-4);
}

.home-signature__media { grid-column: 1 / span 7; width: 100%; min-width: 0; height: min(46rem, 64vw); }
.home-signature__media img { width: 100%; height: 100%; object-fit: cover; }
.home-signature__copy { grid-column: 9 / span 4; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); }
.home-signature__copy > * { margin: 0; }
.home-signature__lead { max-width: 50ch; }
.home-signature__notes { display: flex; flex-direction: column; width: 100%; gap: var(--space-3); }
.home-signature__note { display: grid; grid-template-columns: 2rem minmax(0, 1fr); gap: var(--space-2); padding-top: var(--space-3); border-top: var(--border-default); }
.home-signature__note > * { min-width: 0; }
.home-signature__note h3 { font-size: var(--text-h4); }
.home-signature__note p { margin-bottom: 0; }

.home-drinks__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  align-items: center;
  column-gap: var(--space-4);
}

.home-drinks__panel { grid-column: 1 / span 5; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); padding: var(--space-6); }
.home-drinks__panel > * { margin: 0; }
.home-drinks__panel > p:not(.meta) { max-width: 48ch; }
.home-drinks__divider { margin: var(--space-1) 0; }
.home-drinks__media { grid-column: 7 / span 5; width: 100%; min-width: 0; height: min(39rem, 58vw); }
.home-drinks__media img { width: 100%; height: 100%; object-fit: cover; }

.home-courtyard__opening { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--space-4); align-items: center; }
.home-courtyard__heading { grid-column: 1 / span 5; min-width: 0; max-width: 55ch; }
.home-courtyard__rule { grid-column: 6 / span 7; min-width: 0; height: 1px; background: var(--colour-timber); }
.home-courtyard__cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-4); margin-top: var(--space-6); }
.home-courtyard__card { min-width: 0; padding-top: var(--space-4); border-top: 1px solid var(--colour-timber); }
.home-courtyard__card:nth-child(2) { margin-top: var(--space-5); }
.home-courtyard__card:nth-child(3) { margin-top: var(--space-3); }
.home-courtyard__card h3 { margin-top: var(--space-2); }
.home-courtyard__card p { margin-bottom: 0; }
.home-courtyard__link { margin: var(--space-5) 0 0; }

.home-evenings__grid, .home-private__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--space-4); }
.home-evenings__intro { grid-column: 1 / span 5; min-width: 0; max-width: 48ch; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); padding-right: var(--space-5); border-right: 1px solid var(--colour-clay); }
.home-evenings__intro > * { margin: 0; }
.home-evenings__cards { grid-column: 7 / span 6; min-width: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-3); align-items: start; }
.home-evenings__card { min-width: 0; border: 1px solid color-mix(in srgb, var(--colour-chalk) 35%, transparent); padding: var(--space-3); }
.home-evenings__card h3 { font-size: var(--text-h4); margin-top: var(--space-2); }
.home-evenings__card p { margin-bottom: 0; font-size: 0.9375rem; }
.home-evenings__mark { display: block; width: 1.5rem; height: 1.5rem; color: var(--colour-clay); font-size: 1.35rem; line-height: 1.5rem; }
.home-evenings__mark--ring { border: 1px solid var(--colour-clay); border-radius: 50%; }

.home-private__grid { align-items: start; }
.home-private__intro { grid-column: 1 / span 5; min-width: 0; max-width: 46ch; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); }
.home-private__intro > * { margin: 0; }
.home-private__panels { grid-column: 7 / span 6; min-width: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); align-items: start; }
.home-private__panel { min-width: 0; background: var(--colour-pale-stone); color: var(--colour-charcoal); }
.home-private__panel--sandstone { margin-top: var(--space-6); background: var(--colour-sandstone); }
.home-private__panel p { margin-bottom: 0; }

.home-booking__inner { display: flex; flex-direction: column; align-items: center; gap: var(--space-4); text-align: center; }
.home-booking__copy { width: min(100%, 50ch); min-width: 0; margin-inline: auto; }
.home-booking__copy h2, .home-booking__copy p { margin-left: auto; margin-right: auto; }
.home-booking__copy p { margin-bottom: 0; }
.home-booking__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--space-2); min-width: 0; }
.home-booking__actions > * { min-width: 0; }

.home-signoff__rule { margin: 0 0 var(--space-6); }
.home-signoff__copy { width: 75%; min-width: 0; max-width: 60ch; }
.home-signoff__links { display: flex; flex-wrap: wrap; gap: var(--space-2); align-items: center; min-width: 0; }
.home-signoff__links > * { min-width: 0; }
.home-signoff__links span { color: var(--colour-clay); }

.home-reveal { opacity: 0; transform: translateY(10px); transition: opacity 440ms ease, transform 440ms ease; }
.home-reveal--visible { opacity: 1; transform: translateY(0); }

@media (max-width: 1199px) {
  .home-hero__grid, .home-fire__grid, .home-signature__grid, .home-drinks__grid, .home-courtyard__opening, .home-evenings__grid, .home-private__grid { grid-template-columns: repeat(8, minmax(0, 1fr)); }
  .home-hero { padding-block: var(--space-6); }
  .home-hero__grid { min-height: auto; row-gap: var(--space-5); }
  .home-hero__media { grid-column: 1 / -1; grid-row: 1; width: 100%; height: min(34rem, 65vw); }
  .home-hero__copy { grid-column: 1 / -1; grid-row: 2; }
  .home-hero__copy .display { max-width: 16ch; }
  .home-fire__accent { grid-column: 1; }
  .home-fire__copy { grid-column: 2 / span 6; }
  .home-fire__space { grid-column: 8; }
  .home-signature__media { grid-column: 1 / span 5; }
  .home-signature__copy { grid-column: 6 / span 3; }
  .home-drinks__panel { grid-column: 1 / span 3; padding: var(--space-4); }
  .home-drinks__media { grid-column: 5 / span 4; }
  .home-courtyard__heading { grid-column: 1 / span 5; }
  .home-courtyard__rule { grid-column: 6 / span 3; }
  .home-evenings__intro { grid-column: 1 / span 3; }
  .home-evenings__cards { grid-column: 5 / span 4; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .home-evenings__card:last-child { grid-column: 1 / span 1; }
  .home-private__intro { grid-column: 1 / span 4; }
  .home-private__panels { grid-column: 5 / span 4; grid-template-columns: 1fr; }
  .home-private__panel--sandstone { margin-top: 0; }
  .home-signoff__copy { width: 87.5%; }
}

@media (max-width: 900px) {
  .home-signature__grid, .home-drinks__grid { grid-template-columns: 1fr; row-gap: var(--space-4); }
  .home-signature__media, .home-signature__copy, .home-drinks__media, .home-drinks__panel { grid-column: 1; width: 100%; }
  .home-signature__media, .home-drinks__media { height: min(42rem, 110vw); }
  .home-drinks__media { grid-row: 1; }
  .home-drinks__panel { grid-row: 2; }
  .home-signature__copy { max-width: 50rem; }
  .home-drinks__panel { max-width: 48rem; }
  .home-evenings__grid, .home-private__grid { grid-template-columns: 1fr; row-gap: var(--space-5); }
  .home-evenings__intro, .home-evenings__cards, .home-private__intro, .home-private__panels { grid-column: 1; width: 100%; }
  .home-evenings__intro { max-width: 48rem; padding-right: 0; padding-bottom: var(--space-4); border-right: 0; border-bottom: 1px solid var(--colour-clay); }
  .home-evenings__cards { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .home-private__intro { max-width: 48rem; }
  .home-private__panels { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
  .home-hero { padding-block: var(--space-4) var(--space-7); }
  .home-hero__grid { display: flex; flex-direction: column; align-items: stretch; gap: var(--space-4); }
  .home-hero__media { order: 1; height: min(130vw, 35rem); }
  .home-hero__copy { order: 2; width: 100%; gap: var(--space-3); }
  .home-hero__copy .display { max-width: 15ch; font-size: clamp(2.8rem, 12vw, 4rem); }
  .home-hero__lead { max-width: 34ch; font-size: 1.0625rem; }
  .home-hero__actions { display: flex; flex-direction: column; }
  .home-hero__actions > a { width: 100%; }
  .home-hero__book { order: -1; }
  .home-fire__grid, .home-courtyard__opening { display: flex; flex-direction: column; align-items: stretch; gap: var(--space-3); }
  .home-fire__accent { padding: 0; }
  .home-fire__accent svg { width: 1.5rem; height: 2rem; }
  .home-fire__copy { max-width: none; }
  .home-fire__space { display: none; }
  .home-signature__media, .home-drinks__media { height: min(128vw, 33rem); }
  .home-signature__copy, .home-drinks__panel { gap: var(--space-3); }
  .home-drinks__panel { padding: var(--space-4); }
  .home-courtyard__heading { max-width: none; }
  .home-courtyard__rule { width: 5rem; }
  .home-courtyard__cards { grid-template-columns: 1fr; gap: var(--space-3); margin-top: var(--space-4); }
  .home-courtyard__card:nth-child(2), .home-courtyard__card:nth-child(3) { margin-top: 0; }
  .home-evenings__cards, .home-private__panels { grid-template-columns: 1fr; }
  .home-evenings__card:last-child { grid-column: auto; }
  .home-evenings__intro, .home-private__intro { gap: var(--space-3); max-width: none; }
  .home-evenings__action, .home-private__action { width: 100%; }
  .home-private__panels { gap: var(--space-3); }
  .home-booking__inner { align-items: stretch; text-align: left; }
  .home-booking__copy { width: 100%; margin: 0; }
  .home-booking__copy h2, .home-booking__copy p { margin-left: 0; margin-right: 0; }
  .home-booking__actions { flex-direction: column; align-items: stretch; }
  .home-booking__actions > * { width: 100%; }
  .home-signoff__rule { margin-bottom: var(--space-4); }
  .home-signoff__copy { width: 100%; max-width: none; }
}

@media (prefers-reduced-motion: reduce) {
  .home-reveal { opacity: 1; transform: none; }
}


.from-grill-page {
  background: var(--colour-chalk);
}

.from-grill-page a:not(.button) {
  text-decoration-color: color-mix(in srgb, var(--colour-clay) 72%, transparent);
}

.from-grill-page a:not(.button):hover {
  text-decoration-color: var(--colour-clay);
}

.from-grill-hero {
  overflow: hidden;
  padding-block: var(--space-9);
}

.from-grill-hero__grid {
  display: grid;
  grid-template-columns: minmax(var(--container-gutter), 1fr) minmax(0, 4fr) minmax(0, 1fr) minmax(0, 7fr);
  min-width: 0;
}

.from-grill-hero__copy {
  grid-column: 2;
  align-self: center;
  min-width: 0;
  max-width: 48ch;
}

.from-grill-hero__eyebrow {
  margin-bottom: var(--space-1);
}

.from-grill-hero__ember {
  width: 6rem;
  height: 1px;
  margin-bottom: var(--space-4);
  background: var(--colour-clay);
}

.from-grill-hero__deck {
  max-width: 48ch;
}

.from-grill-hero__line {
  max-width: 30ch;
  margin: 0;
  padding-top: var(--space-3);
  border-top: 1px solid var(--colour-clay);
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 2.3vw, 2.1rem);
  line-height: 1.1;
}

.from-grill-hero__media {
  grid-column: 4;
  width: 100%;
  min-width: 0;
  height: clamp(40rem, 54vw, 47.5rem);
  margin: 0;
  border-color: var(--colour-eucalyptus);
}

.from-grill-hero__media img,
.from-grill-process__media img,
.from-grill-mark__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.from-grill-reveal {
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 420ms ease, transform 420ms ease, border-color var(--transition-base);
}

.from-grill-reveal.is-revealed {
  opacity: 1;
  transform: translateY(0);
}

.from-grill-process__grid {
  display: grid;
  grid-template-columns: minmax(0, 5fr) 1px minmax(0, 5fr);
  column-gap: calc(var(--space-5) + var(--space-2));
  align-items: start;
  min-width: 0;
}

.from-grill-process__media {
  grid-column: 1;
  width: 100%;
  min-width: 0;
  height: 39rem;
  margin-top: var(--space-4);
}

.from-grill-process__media--stepped {
  clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%, 0 10%);
}

.from-grill-process__divider {
  grid-column: 2;
  width: 1px;
  min-width: 1px;
  height: calc(100% - var(--space-4));
  margin-top: var(--space-4);
  background: var(--colour-timber);
}

.from-grill-process__copy {
  grid-column: 3;
  min-width: 0;
  max-width: 55ch;
  justify-self: end;
}

.from-grill-process__copy > p {
  max-width: 55ch;
}

.from-grill-fire-note {
  display: grid;
  grid-template-columns: 2.5rem minmax(0, 1fr);
  gap: var(--space-3);
  min-width: 0;
  margin: var(--space-5) 0;
  border: var(--border-default);
  padding: var(--space-4);
  background: var(--colour-chalk);
}

.from-grill-fire-note > * {
  min-width: 0;
}

.from-grill-fire-note svg {
  width: 2rem;
  color: var(--colour-clay);
  fill: none;
  stroke: currentColor;
  stroke-width: 1px;
}

.from-grill-fire-note h3 {
  margin-bottom: var(--space-2);
}

.from-grill-fire-note p {
  max-width: 40ch;
  margin: 0;
}

.from-grill-process__courtyard {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  min-width: 0;
}

.from-grill-process__courtyard > * {
  min-width: 0;
}

.from-grill-process__courtyard .rule {
  width: 7.5rem;
}

.from-grill-process__courtyard p {
  max-width: 52ch;
  margin: 0;
}

.from-grill-routes__heading {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 3fr);
  justify-content: space-between;
  gap: var(--space-5);
  min-width: 0;
}

.from-grill-routes__heading > * {
  min-width: 0;
}

.from-grill-routes__heading > div {
  max-width: 64ch;
}

.from-grill-routes__intro {
  max-width: 64ch;
}

.from-grill-routes__marker {
  align-self: end;
  justify-self: end;
  border: var(--border-default);
  padding: var(--space-2) var(--space-3);
  color: var(--colour-eucalyptus);
}

.from-grill-routes__bridge {
  max-width: 46ch;
  margin-top: var(--space-5);
  margin-bottom: var(--space-5);
  font-family: var(--font-heading);
  font-size: clamp(1.55rem, 2.3vw, 2.25rem);
  line-height: 1.08;
}

.from-grill-routes__cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-3);
  min-width: 0;
}

.from-grill-routes__cards > * {
  min-width: 0;
}

.from-grill-route-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  min-width: 0;
  min-height: 100%;
  border: var(--border-default);
  padding: var(--space-5);
  background: var(--colour-pale-stone);
}

.from-grill-route-card > * {
  min-width: 0;
}

.from-grill-route-card h3,
.from-grill-route-card p {
  margin: 0;
}

.from-grill-route-card p {
  max-width: 34ch;
}

.from-grill-route-card a {
  margin-top: auto;
}

.from-grill-route-card__rule {
  width: 100%;
  height: 1px;
  background: var(--colour-eucalyptus);
}

.from-grill-route-card__icon {
  width: 4rem;
  height: 2.5rem;
  fill: none;
  stroke: var(--colour-timber);
  stroke-width: 1px;
}

.from-grill-mark__grid {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 4fr);
  column-gap: calc(var(--space-6) + var(--space-2));
  align-items: start;
  min-width: 0;
}

.from-grill-mark__grid > * {
  min-width: 0;
}

.from-grill-mark__media {
  grid-column: 1;
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  margin: 0;
}

.from-grill-mark__media--offset {
  transform: translateY(calc(var(--space-5) * -1));
}

.from-grill-mark__copy {
  grid-column: 2;
  min-width: 0;
  max-width: 54ch;
  justify-self: end;
}

.from-grill-mark__copy > p {
  max-width: 54ch;
}

.from-grill-mark__shared {
  margin-top: var(--space-5);
}

.from-grill-mark__shared p {
  max-width: 54ch;
}

.from-grill-mark__setting {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  min-width: 0;
  margin-top: var(--space-5);
}

.from-grill-mark__setting > * {
  min-width: 0;
}

.from-grill-mark__setting .rule {
  width: 7.5rem;
}

.from-grill-mark__setting p {
  max-width: 44ch;
  margin: 0;
  font-size: var(--text-small);
}

.from-grill-journey {
  border-top: 1px solid var(--colour-line);
}

.from-grill-journey__top {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 5fr);
  column-gap: calc(var(--space-6) + var(--space-2));
  min-width: 0;
}

.from-grill-journey__top > * {
  min-width: 0;
}

.from-grill-journey__intro {
  max-width: 56ch;
}

.from-grill-journey__intro p:last-child {
  max-width: 56ch;
}

.from-grill-journey__meta {
  align-self: end;
  justify-self: end;
  padding-bottom: var(--space-3);
  color: var(--colour-timber);
}

.from-grill-journey__stages {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: var(--space-6);
  min-width: 0;
}

.from-grill-journey__stages > * {
  min-width: 0;
}

.from-grill-stage {
  display: grid;
  grid-template-columns: 3rem minmax(0, 1fr);
  gap: var(--space-3);
  min-width: 0;
  padding: 0 var(--space-5);
}

.from-grill-stage:first-child {
  padding-left: 0;
}

.from-grill-stage + .from-grill-stage {
  border-left: 1px solid var(--colour-timber);
}

.from-grill-stage > * {
  min-width: 0;
}

.from-grill-stage svg {
  width: 2.25rem;
  height: 2.5rem;
  fill: none;
  stroke: var(--colour-timber);
  stroke-width: 1px;
}

.from-grill-stage h3 {
  margin-bottom: var(--space-2);
}

.from-grill-stage p:last-child {
  max-width: 38ch;
  margin: 0;
}

.from-grill-stage .meta {
  margin-bottom: var(--space-2);
  color: var(--colour-eucalyptus);
}

.from-grill-continue__grid {
  display: grid;
  grid-template-columns: minmax(0, 6fr) minmax(0, 3fr);
  justify-content: space-between;
  gap: calc(var(--space-6) + var(--space-2));
  min-width: 0;
}

.from-grill-continue__grid > * {
  min-width: 0;
}

.from-grill-continue__main {
  max-width: 62ch;
}

.from-grill-continue__main p {
  max-width: 62ch;
}

.from-grill-continue__main .button {
  margin-top: var(--space-2);
}

.from-grill-continue__rail {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  min-width: 0;
}

.from-grill-continue__rail > * {
  min-width: 0;
}

.from-grill-continue__panel {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-2);
  min-width: 0;
  border: var(--border-default);
  padding: var(--space-4);
  background: var(--colour-pale-stone);
}

.from-grill-continue__panel > * {
  min-width: 0;
}

.from-grill-continue__panel h3,
.from-grill-continue__panel p {
  margin: 0;
}

.from-grill-continue__panel p {
  max-width: 36ch;
}

.from-grill-booking {
  padding-block: var(--space-8);
}

.from-grill-booking__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  min-width: 0;
}

.from-grill-booking__content {
  display: flex;
  grid-column: 3 / span 8;
  flex-direction: column;
  align-items: center;
  gap: var(--space-3);
  min-width: 0;
  max-width: 44ch;
  margin-inline: auto;
  text-align: center;
}

.from-grill-booking__content > * {
  min-width: 0;
  margin: 0;
}

.from-grill-booking__rule {
  width: 1px;
  height: 3rem;
  background: var(--colour-clay);
}

.from-grill-booking__content p:not(.from-grill-booking__events) {
  max-width: 44ch;
}

.from-grill-booking__content .button {
  margin-top: var(--space-1);
}

.from-grill-booking__events {
  max-width: 38ch;
  font-size: var(--text-small);
}

.from-grill-close {
  padding-block: var(--space-6);
}

.from-grill-close__grid {
  display: grid;
  grid-template-columns: minmax(0, 3fr) minmax(0, 6fr) minmax(0, 3fr);
  align-items: center;
  min-width: 0;
}

.from-grill-close__grid > * {
  min-width: 0;
}

.from-grill-close__label {
  grid-column: 1;
  margin: 0;
  color: var(--colour-timber);
}

.from-grill-close__link {
  grid-column: 3;
  justify-self: end;
  display: inline-flex;
  align-items: center;
  min-height: 3rem;
  font-size: 0.875rem;
  font-weight: 600;
}

@media (hover: hover) {
  .from-grill-hero__media:hover,
  .from-grill-process__media:hover,
  .from-grill-mark__media:hover {
    border-color: var(--colour-eucalyptus);
  }

  .from-grill-hero__media:hover img,
  .from-grill-process__media:hover img,
  .from-grill-mark__media:hover img {
    transform: scale(1.018);
  }
}

@media (max-width: 1199px) {
  .from-grill-hero__grid {
    grid-template-columns: var(--container-gutter) minmax(0, 3fr) minmax(0, 5fr);
    gap: var(--space-4);
  }

  .from-grill-hero__copy {
    grid-column: 2;
  }

  .from-grill-hero__media {
    grid-column: 3;
    height: 38rem;
  }

  .from-grill-process__grid {
    grid-template-columns: minmax(0, 3fr) 1px minmax(0, 4fr);
    gap: var(--space-4);
  }

  .from-grill-mark__grid {
    grid-template-columns: minmax(0, 5fr) minmax(0, 3fr);
    gap: var(--space-4);
  }

  .from-grill-routes__cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .from-grill-routes__cards > :nth-child(3) {
    grid-column: 1;
  }

  .from-grill-journey__top {
    grid-template-columns: minmax(0, 5fr) minmax(0, 3fr);
    gap: var(--space-4);
  }

  .from-grill-journey__stages {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-5) 0;
  }

  .from-grill-stage:nth-child(3) {
    padding-left: 0;
    border-left: 0;
  }

  .from-grill-continue__grid {
    grid-template-columns: minmax(0, 5fr) minmax(0, 3fr);
    gap: var(--space-4);
  }

  .from-grill-booking__grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .from-grill-booking__content {
    grid-column: 2 / span 6;
  }

  .from-grill-close__grid {
    grid-template-columns: minmax(0, 3fr) minmax(0, 2fr) minmax(0, 3fr);
  }
}

@media (max-width: 919px) {
  .from-grill-process__grid,
  .from-grill-mark__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-4);
  }

  .from-grill-process__media,
  .from-grill-process__copy,
  .from-grill-mark__media,
  .from-grill-mark__copy {
    grid-column: 1;
    justify-self: stretch;
  }

  .from-grill-process__media {
    height: auto;
    aspect-ratio: 4 / 3;
    margin-top: 0;
  }

  .from-grill-process__divider {
    display: none;
  }

  .from-grill-process__copy,
  .from-grill-mark__copy {
    max-width: 55ch;
  }

  .from-grill-mark__media--offset {
    transform: translateY(0);
  }

  .from-grill-continue__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-5);
  }

  .from-grill-continue__main {
    max-width: 62ch;
  }

  .from-grill-continue__rail {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 859px) {
  .from-grill-routes__heading {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-3);
  }

  .from-grill-routes__marker {
    justify-self: start;
  }

  .from-grill-routes__cards {
    grid-template-columns: minmax(0, 1fr);
  }

  .from-grill-routes__cards > :nth-child(3) {
    grid-column: auto;
  }

  .from-grill-route-card {
    padding: var(--space-4);
  }
}

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

  .from-grill-hero__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-4);
    width: min(100% - (var(--container-gutter) * 2), var(--container-max));
    margin-inline: auto;
  }

  .from-grill-hero__copy,
  .from-grill-hero__media {
    grid-column: 1;
  }

  .from-grill-hero__copy {
    max-width: 48ch;
  }

  .from-grill-hero h1 {
    font-size: clamp(2.8rem, 12vw, 4.1rem);
  }

  .from-grill-hero__deck {
    font-size: 1.0625rem;
  }

  .from-grill-hero__media {
    height: auto;
    aspect-ratio: 4 / 3;
  }

  .from-grill-process__media,
  .from-grill-mark__media {
    aspect-ratio: 4 / 3;
  }

  .from-grill-process__copy,
  .from-grill-mark__copy {
    max-width: 52ch;
  }

  .from-grill-fire-note {
    padding: var(--space-4);
  }

  .from-grill-journey__top,
  .from-grill-journey__stages {
    grid-template-columns: minmax(0, 1fr);
  }

  .from-grill-journey__top {
    gap: var(--space-3);
  }

  .from-grill-journey__meta {
    justify-self: start;
    padding-bottom: 0;
  }

  .from-grill-journey__stages {
    gap: var(--space-4);
    margin-top: var(--space-5);
    padding-left: var(--space-3);
    border-left: 1px solid var(--colour-timber);
  }

  .from-grill-stage,
  .from-grill-stage:first-child,
  .from-grill-stage:nth-child(3) {
    padding: 0;
    border-left: 0;
  }

  .from-grill-stage {
    grid-template-columns: 2rem minmax(0, 1fr);
    gap: var(--space-2);
  }

  .from-grill-stage svg {
    width: 1.75rem;
    height: 2rem;
  }

  .from-grill-continue__rail {
    grid-template-columns: minmax(0, 1fr);
  }

  .from-grill-continue__main .button {
    width: 100%;
  }

  .from-grill-booking {
    padding-block: var(--space-7);
  }

  .from-grill-booking__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .from-grill-booking__content {
    grid-column: 1;
  }

  .from-grill-close {
    padding-block: var(--space-6);
  }

  .from-grill-close__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-2);
  }

  .from-grill-close__label,
  .from-grill-close__link {
    grid-column: 1;
    justify-self: start;
  }
}

@media (max-width: 479px) {
  .from-grill-hero__line {
    max-width: 28ch;
    font-size: 1.4rem;
  }

  .from-grill-fire-note {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-2);
  }

  .from-grill-booking__content .button {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .from-grill-reveal {
    opacity: 1;
    transform: none;
  }

  .from-grill-mark__media--offset {
    transform: none;
  }
}


.restaurant-page {
  background: var(--colour-chalk);
}

.restaurant-page .image-frame {
  margin: 0;
  width: 100%;
  max-width: 100%;
}

.restaurant-page .image-frame img {
  height: 100%;
}

.restaurant-page [data-restaurant-reveal] {
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 420ms ease, transform 420ms ease;
}

.restaurant-page [data-restaurant-reveal].is-revealed {
  opacity: 1;
  transform: translateY(0);
}

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

.restaurant-hero__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  align-items: center;
  column-gap: var(--space-4);
  min-height: 40rem;
}

.restaurant-hero__copy {
  grid-column: 1 / span 5;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.restaurant-hero__intro {
  min-width: 0;
  max-width: 56ch;
}

.restaurant-hero__clay-rule {
  width: 4.5rem;
  height: 1px;
  margin-block: 0 var(--space-3);
  background: var(--colour-clay);
}

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

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

.restaurant-hero__media {
  grid-column: 6 / span 7;
  min-width: 0;
  height: clamp(31rem, 48vw, 42rem);
  margin-inline-end: -1.5rem;
  clip-path: polygon(0 0, 91% 0, 100% 9%, 100% 100%, 0 100%);
}

.restaurant-hero__media img {
  object-position: 38% 50%;
}

.restaurant-craft__grid {
  display: grid;
  grid-template-columns: 5fr 1px 6fr;
  gap: var(--space-4);
  align-items: stretch;
}

.restaurant-craft__intro,
.restaurant-craft__blocks {
  min-width: 0;
}

.restaurant-craft__intro {
  max-width: 52ch;
}

.restaurant-craft__timber-rule {
  width: min(100%, 18rem);
  height: 1px;
  background: var(--colour-timber);
}

.restaurant-craft__divider {
  width: 1px;
  min-width: 1px;
  background: var(--colour-line);
}

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

.restaurant-craft__block {
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-2);
}

.restaurant-craft__block h3,
.restaurant-craft__block p {
  margin: 0;
}

.restaurant-craft__block p {
  max-width: 48ch;
}

.restaurant-line-icon,
.restaurant-leaf-icon {
  display: flex;
  align-items: center;
  gap: var(--space-1);
  min-width: 0;
  color: var(--colour-timber);
}

.restaurant-line-icon span,
.restaurant-leaf-icon span {
  color: var(--colour-eucalyptus);
  font-size: var(--text-small);
  font-weight: 600;
  letter-spacing: 0.06em;
}

.restaurant-line-icon i {
  display: block;
  width: 1.125rem;
  height: 1px;
  background: currentColor;
}

.restaurant-leaf-icon svg {
  width: 2rem;
  height: 2rem;
}

.restaurant-text-link {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  width: fit-content;
  max-width: 100%;
  color: var(--colour-eucalyptus);
  font-size: var(--text-small);
  font-weight: 600;
  letter-spacing: 0.04em;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.24em;
}

.restaurant-text-link span {
  transition: transform var(--transition-fast);
}

.restaurant-text-link:hover span {
  transform: translateX(3px);
}

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

.restaurant-ember__media {
  grid-column: 1 / span 5;
  min-width: 0;
  height: 39rem;
}

.restaurant-ember__media img {
  object-position: center center;
}

.restaurant-ember__copy {
  grid-column: 7 / span 5;
  min-width: 0;
  max-width: 54ch;
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.restaurant-ember__content {
  min-width: 0;
}

.restaurant-ember__note {
  min-width: 0;
  border: var(--border-default);
  border-radius: var(--radius-control);
  background: var(--colour-pale-stone);
  padding: var(--space-4);
}

.restaurant-ember__note p {
  margin: 0;
}

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

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

.restaurant-drinks__intro {
  min-width: 0;
  max-width: 52ch;
}

.restaurant-drinks__eucalyptus-rule {
  width: 4.5rem;
  height: 1px;
  margin-block: 0 var(--space-3);
  background: var(--colour-eucalyptus);
}

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

.restaurant-drinks__note {
  min-width: 0;
  border: var(--border-default);
  border-radius: var(--radius-sharp);
  background: var(--colour-chalk);
  padding: var(--space-3);
}

.restaurant-drinks__note-rule {
  width: 2.5rem;
  height: 1px;
  margin-block-end: var(--space-2);
  background: var(--colour-eucalyptus);
}

.restaurant-drinks__note-rule--charcoal {
  background: var(--colour-charcoal);
}

.restaurant-drinks__note h3,
.restaurant-drinks__note p {
  margin: 0;
}

.restaurant-drinks__note p {
  margin-block-start: var(--space-2);
  max-width: 46ch;
}

.restaurant-drinks__media {
  grid-column: 8 / span 5;
  min-width: 0;
  height: 34rem;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 12% 100%, 0 88%);
}

.restaurant-drinks__media img {
  object-position: 62% 55%;
}

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

.restaurant-courtyard__copy {
  grid-column: 1 / span 5;
  min-width: 0;
  max-width: 58ch;
}

.restaurant-courtyard__timber-rule {
  width: 100%;
  height: 1px;
  margin-block: var(--space-4);
  background: var(--colour-timber);
}

.restaurant-courtyard__media {
  grid-column: 7 / span 6;
  min-width: 0;
  height: 31rem;
  margin-inline-end: -2rem;
}

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

.restaurant-visit__intro {
  width: min(100%, 62ch);
  margin-inline: auto;
  text-align: center;
}

.restaurant-visit__cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-3);
  margin-block-start: var(--space-6);
}

.restaurant-visit__card {
  min-width: 0;
  border: var(--border-default);
  border-radius: var(--radius-sharp);
  background: color-mix(in srgb, var(--colour-chalk) 78%, transparent);
  padding: var(--space-4);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
}

.restaurant-visit__card h3,
.restaurant-visit__card p {
  margin: 0;
}

.restaurant-visit__card p {
  max-width: 44ch;
}

.restaurant-visit__icon {
  width: 3rem;
  height: 2.5rem;
  color: var(--colour-timber);
}

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

.restaurant-evening__copy {
  grid-column: 1 / span 5;
  min-width: 0;
  max-width: 54ch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
}

.restaurant-evening__content,
.restaurant-evening__note {
  min-width: 0;
}

.restaurant-evening__note {
  width: 100%;
  border-inline-start: 1px solid var(--colour-clay);
  padding-inline-start: var(--space-3);
}

.restaurant-evening__note p {
  margin: 0;
  max-width: 54ch;
}

.restaurant-evening__marks {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  color: var(--colour-clay);
  margin-block-end: var(--space-2);
}

.restaurant-evening__marks span:first-child,
.restaurant-evening__marks span:last-child {
  font-size: 1.2rem;
  line-height: 1;
}

.restaurant-evening__arc {
  display: block;
  width: 1.5rem;
  height: 0.75rem;
  border: 1px solid currentColor;
  border-block-end: 0;
  border-radius: 1.5rem 1.5rem 0 0;
}

.restaurant-evening__media {
  grid-column: 7 / span 6;
  min-width: 0;
  height: 28rem;
}

.restaurant-evening__media img {
  object-position: center center;
}

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

.restaurant-events__intro {
  grid-column: 1 / span 5;
  min-width: 0;
  max-width: 56ch;
}

.restaurant-events__planning {
  grid-column: 7 / span 6;
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-3);
  align-items: start;
}

.restaurant-events__panel {
  min-width: 0;
  border: var(--border-default);
  border-radius: var(--radius-sharp);
  background: var(--colour-chalk);
  padding: var(--space-4);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
}

.restaurant-events__panel--offset {
  margin-block-start: var(--space-6);
}

.restaurant-events__panel h3,
.restaurant-events__panel p {
  margin: 0;
}

.restaurant-events__panel p {
  max-width: 48ch;
}

.restaurant-events__icon {
  width: 2.75rem;
  height: 2.75rem;
  color: var(--colour-clay);
}

.restaurant-events__action {
  grid-column: 1 / -1;
  justify-self: start;
  min-width: 0;
}

.restaurant-final-cta {
  padding-block: var(--space-8);
}

.restaurant-final-cta__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-4);
  min-width: 0;
  text-align: center;
}

.restaurant-final-cta__accent {
  color: var(--colour-clay);
  font-family: var(--font-heading);
  font-size: 2.75rem;
  line-height: 0.6;
}

.restaurant-final-cta__copy {
  width: min(100%, 58ch);
  margin-inline: auto;
  min-width: 0;
}

.restaurant-final-cta__copy p {
  max-width: 52ch;
  margin-inline: auto;
}

.restaurant-final-cta__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--space-3);
  min-width: 0;
}

.restaurant-final-cta__actions > * {
  min-width: 0;
}

.restaurant-final-cta .button--outline {
  border-color: var(--colour-chalk);
  color: var(--colour-chalk);
}

@media (max-width: 1079px) {
  .restaurant-hero__grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
    min-height: 0;
  }

  .restaurant-hero__copy {
    grid-column: 1 / span 4;
  }

  .restaurant-hero__media {
    grid-column: 5 / span 4;
    height: 34rem;
    margin-inline-end: 0;
  }

  .restaurant-craft__grid {
    grid-template-columns: 1fr;
    gap: var(--space-5);
  }

  .restaurant-craft__divider {
    display: none;
  }

  .restaurant-craft__intro {
    max-width: 56ch;
  }

  .restaurant-craft__blocks {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .restaurant-drinks__grid,
  .restaurant-events__grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .restaurant-drinks__content {
    grid-column: 1 / span 5;
  }

  .restaurant-drinks__media {
    grid-column: 6 / span 3;
    height: 29rem;
  }

  .restaurant-events__intro {
    grid-column: 1 / span 4;
  }

  .restaurant-events__planning {
    grid-column: 5 / span 4;
  }
}

@media (max-width: 1019px) {
  .restaurant-courtyard__grid,
  .restaurant-evening__grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .restaurant-courtyard__media {
    grid-column: 1 / -1;
    grid-row: 1;
    height: 30rem;
    margin-inline-end: 0;
  }

  .restaurant-courtyard__copy {
    grid-column: 1 / span 6;
    grid-row: 2;
  }

  .restaurant-evening__media {
    grid-column: 1 / -1;
    grid-row: 1;
    height: 27rem;
  }

  .restaurant-evening__copy {
    grid-column: 1 / span 6;
    grid-row: 2;
  }
}

@media (max-width: 979px) {
  .restaurant-ember__grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .restaurant-ember__media {
    grid-column: 1 / span 4;
    height: 33rem;
  }

  .restaurant-ember__copy {
    grid-column: 5 / span 4;
  }

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

  .restaurant-visit__card:last-child {
    grid-column: 1 / span 2;
    width: calc(50% - (var(--space-3) / 2));
  }
}

@media (max-width: 879px) {
  .restaurant-craft__blocks {
    grid-template-columns: 1fr;
  }

  .restaurant-craft__block {
    max-width: 56ch;
  }

  .restaurant-drinks__grid,
  .restaurant-events__grid {
    grid-template-columns: 1fr;
  }

  .restaurant-drinks__content,
  .restaurant-drinks__media,
  .restaurant-events__intro,
  .restaurant-events__planning {
    grid-column: 1;
  }

  .restaurant-drinks__media {
    height: 32rem;
  }

  .restaurant-events__planning {
    max-width: 46rem;
  }
}

@media (max-width: 767px) {
  .restaurant-page [data-restaurant-reveal] {
    opacity: 1;
    transform: none;
  }

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

  .restaurant-hero__grid,
  .restaurant-ember__grid,
  .restaurant-courtyard__grid,
  .restaurant-evening__grid {
    grid-template-columns: 1fr;
    gap: var(--space-4);
  }

  .restaurant-hero__copy,
  .restaurant-hero__media,
  .restaurant-ember__media,
  .restaurant-ember__copy,
  .restaurant-courtyard__copy,
  .restaurant-courtyard__media,
  .restaurant-evening__copy,
  .restaurant-evening__media {
    grid-column: 1;
    grid-row: auto;
  }

  .restaurant-hero__copy {
    order: 1;
  }

  .restaurant-hero__media {
    order: 2;
    height: clamp(18.75rem, 85vw, 23.75rem);
    margin: 0;
    clip-path: polygon(0 0, 90% 0, 100% 10%, 100% 100%, 0 100%);
  }

  .restaurant-hero__media img {
    object-position: 35% 50%;
  }

  .restaurant-hero__actions,
  .restaurant-final-cta__actions {
    flex-direction: column;
    width: 100%;
  }

  .restaurant-hero__actions > .button,
  .restaurant-final-cta__actions > .button {
    width: 100%;
  }

  .restaurant-craft__grid {
    gap: var(--space-4);
  }

  .restaurant-craft__blocks {
    gap: var(--space-4);
  }

  .restaurant-ember__media {
    order: 1;
    height: clamp(24rem, 120vw, 30rem);
  }

  .restaurant-ember__copy {
    order: 2;
  }

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

  .restaurant-drinks__notes,
  .restaurant-events__planning,
  .restaurant-visit__cards {
    grid-template-columns: 1fr;
  }

  .restaurant-drinks__media {
    height: clamp(24rem, 120vw, 30rem);
  }

  .restaurant-courtyard__media {
    order: 1;
    height: clamp(18rem, 88vw, 23rem);
  }

  .restaurant-courtyard__copy {
    order: 2;
  }

  .restaurant-visit__intro {
    width: min(100%, 52ch);
  }

  .restaurant-visit__cards {
    margin-block-start: var(--space-5);
  }

  .restaurant-visit__card:last-child {
    grid-column: 1;
    width: 100%;
  }

  .restaurant-evening__media {
    order: 1;
    height: clamp(18rem, 88vw, 23rem);
  }

  .restaurant-evening__copy {
    order: 2;
  }

  .restaurant-events__planning {
    gap: var(--space-3);
  }

  .restaurant-events__panel--offset {
    margin-block-start: 0;
  }

  .restaurant-events__action {
    width: 100%;
  }

  .restaurant-final-cta {
    padding-block: var(--space-6);
  }

  .restaurant-final-cta__copy {
    width: min(100%, 50ch);
  }
}

@media (prefers-reduced-motion: reduce) {
  .restaurant-page [data-restaurant-reveal] {
    opacity: 1;
    transform: none;
    transition: none;
  }

  .restaurant-page .image-frame:hover img,
  .restaurant-text-link:hover span {
    transform: none;
  }
}


.menu-page {
  background: var(--colour-chalk);
}

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

.menu-page .image-frame {
  width: 100%;
  margin: 0;
}

.menu-page .image-frame img {
  width: 100%;
  max-width: 100%;
}

.menu-page .image-frame figcaption {
  padding-inline: var(--space-2);
}

.menu-page .menu-panel {
  min-width: 0;
  border: var(--border-default);
  border-top: 3px solid var(--colour-clay);
  border-radius: var(--radius-sharp);
  background: var(--colour-pale-stone);
  padding: var(--space-5);
}

.menu-page .menu-panel > :last-child,
.menu-page .menu-sharing__note > :last-child,
.menu-page .menu-specials__inset > :last-child,
.menu-page .menu-dessert__note > :last-child,
.menu-page .menu-booking__panel > :last-child {
  margin-block-end: 0;
}

.menu-page .menu-format-list,
.menu-page .menu-principle-list {
  margin-block-end: 0;
}

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

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

.menu-hero__copy {
  grid-column: 1 / span 5;
  min-width: 0;
  max-width: 60ch;
  padding-top: var(--space-7);
}

.menu-hero__copy::before {
  display: block;
  width: 5rem;
  height: 2px;
  margin-bottom: var(--space-3);
  background: var(--colour-clay);
  content: "";
}

.menu-hero__intro {
  min-width: 0;
  max-width: 58ch;
}

.menu-hero__media {
  grid-column: 7 / span 6;
  min-width: 0;
  margin-top: var(--space-5);
}

.menu-hero__media img {
  aspect-ratio: 4 / 5;
  object-fit: cover;
}

.menu-hero__paths {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  width: 100%;
  min-width: 0;
  margin-top: var(--space-5);
  border-block: 1px solid var(--colour-timber);
}

.menu-hero__paths > a {
  min-width: 0;
  padding: var(--space-2);
  color: var(--colour-charcoal);
  font-family: var(--font-heading);
  font-size: 1.2rem;
  line-height: 1.15;
  text-decoration: none;
}

.menu-hero__paths > a + a {
  border-inline-start: 1px solid var(--colour-timber);
}

.menu-hero__paths span {
  display: block;
  color: var(--colour-eucalyptus);
  font-family: var(--font-body);
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.menu-sharing__grid,
.menu-grill__grid,
.menu-seasonal__grid,
.menu-specials__grid,
.menu-dessert__grid,
.menu-drinks__grid,
.menu-rhythm__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-5) var(--space-4);
  align-items: start;
}

.menu-sharing__intro {
  grid-column: 1 / span 4;
  min-width: 0;
  max-width: 52ch;
}

.menu-sharing__media {
  grid-column: 6 / span 7;
  grid-row: 1 / span 2;
  min-width: 0;
}

.menu-sharing__media img {
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

.menu-sharing__panel {
  grid-column: 1 / span 5;
  min-width: 0;
}

.menu-sharing__panel--right {
  grid-column: 7 / span 6;
}

.menu-sharing__panel p {
  max-width: 48ch;
}

.menu-sharing__note {
  grid-column: 1 / span 10;
  min-width: 0;
  border-inline-start: 3px solid var(--colour-clay);
  background: var(--colour-sandstone);
  padding: var(--space-4);
}

.menu-sharing__note p {
  max-width: 64ch;
}

.menu-grill__grid {
  position: relative;
}

.menu-grill__grid::before {
  grid-column: 2;
  grid-row: 1 / span 3;
  width: 1px;
  min-width: 0;
  background: var(--colour-timber);
  content: "";
}

.menu-grill__panel {
  grid-column: 1 / span 7;
  grid-row: 1 / span 2;
  min-width: 0;
}

.menu-grill__panel > p {
  max-width: 56ch;
}

.menu-grill__intro {
  grid-column: 9 / span 4;
  grid-row: 1;
  min-width: 0;
  max-width: 45ch;
}

.menu-line-icon,
.menu-route-icon,
.menu-arc-icon {
  width: 3rem;
  min-width: 3rem;
  color: var(--colour-eucalyptus);
}

.menu-line-icon svg,
.menu-route-icon svg,
.menu-arc-icon svg {
  width: 100%;
  height: auto;
}

.menu-grill__rows {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-3);
  margin-block: var(--space-4) 0;
}

.menu-grill__rows > div {
  display: grid;
  grid-template-columns: minmax(9rem, 0.35fr) minmax(0, 1fr);
  gap: var(--space-3);
  min-width: 0;
  padding-top: var(--space-3);
  border-top: 1px solid var(--colour-line);
}

.menu-grill__rows dt,
.menu-grill__rows dd {
  min-width: 0;
  margin: 0;
}

.menu-grill__rows dt {
  font-family: var(--font-heading);
  font-size: 1.25rem;
  line-height: 1.15;
}

.menu-grill__sides {
  grid-column: 8 / span 5;
  grid-row: 2;
  min-width: 0;
  border-radius: var(--radius-control);
  border-inline-start: 4px solid var(--colour-clay);
  padding: var(--space-4);
}

.menu-grill__sides p {
  max-width: 40ch;
}

.menu-grill__steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-column: 1 / span 7;
  grid-row: 3;
  gap: var(--space-2);
  min-width: 0;
  padding-top: var(--space-3);
  border-top: 1px solid var(--colour-line);
}

.menu-grill__steps > span {
  min-width: 0;
  font-size: var(--text-small);
  font-weight: 600;
  line-height: 1.4;
}

.menu-grill__steps b {
  display: block;
  margin-bottom: var(--space-1);
  color: var(--colour-clay);
  font-size: 0.72rem;
  letter-spacing: 0.08em;
}

.menu-seasonal__mains {
  grid-column: 1 / span 5;
  min-width: 0;
  max-width: 50ch;
}

.menu-seasonal__media {
  grid-column: 8 / span 4;
  grid-row: 1;
  min-width: 0;
  align-self: center;
}

.menu-seasonal__media img {
  aspect-ratio: 1;
  object-fit: cover;
}

.menu-seasonal__vegetables {
  grid-column: 6 / span 6;
  grid-row: 2;
  min-width: 0;
  max-width: 54ch;
}

.menu-seasonal__compact-note {
  border-inline-start: 2px solid var(--colour-clay);
  padding-inline-start: var(--space-3);
}

.menu-seasonal__note {
  display: grid;
  grid-template-columns: minmax(0, 0.3fr) minmax(0, 0.7fr);
  grid-column: 1 / -1;
  gap: var(--space-5);
  min-width: 0;
  background: color-mix(in srgb, var(--colour-sandstone) 74%, var(--colour-chalk));
  padding: var(--space-5);
}

.menu-seasonal__note h3,
.menu-seasonal__note div {
  min-width: 0;
}

.menu-seasonal__note div {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-3);
}

.menu-seasonal__note p {
  min-width: 0;
  margin: 0;
}

.menu-specials__grid {
  color: var(--colour-chalk);
}

.menu-specials__copy {
  grid-column: 1 / span 5;
  min-width: 0;
  max-width: 50ch;
}

.menu-specials__media {
  grid-column: 7 / span 6;
  grid-row: 1 / span 2;
  min-width: 0;
}

.menu-specials__media img {
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.menu-specials__labels {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-2);
  min-width: 0;
  margin-top: var(--space-4);
}

.menu-specials__labels span {
  min-width: 0;
  border-top: 1px solid var(--colour-timber);
  padding-top: var(--space-2);
  font-size: var(--text-small);
  font-weight: 600;
  letter-spacing: 0.04em;
}

.menu-specials__inset {
  grid-column: 1 / span 4;
  grid-row: 2;
  min-width: 0;
  border: var(--border-default);
  border-radius: var(--radius-sharp);
  background: var(--colour-pale-stone);
  color: var(--colour-charcoal);
  padding: var(--space-4);
}

.menu-specials__inset p {
  max-width: 40ch;
}

.menu-arc-icon {
  width: 2.5rem;
  color: var(--colour-clay);
}

.menu-specials__link {
  grid-column: 1 / span 5;
  grid-row: 3;
  width: max-content;
  max-width: 100%;
  min-width: 0;
  color: var(--colour-chalk);
}

.menu-dessert__intro {
  grid-column: 3 / span 8;
  min-width: 0;
  max-width: 58ch;
  margin-inline: auto;
  text-align: center;
}

.menu-dessert__intro::after {
  display: block;
  width: 4rem;
  height: 1px;
  margin: var(--space-4) auto 0;
  background: var(--colour-clay);
  content: "";
}

.menu-dessert__descriptors {
  grid-column: 1 / span 5;
  min-width: 0;
  max-width: 44ch;
}

.menu-dessert__media {
  grid-column: 7 / span 6;
  min-width: 0;
}

.menu-dessert__media img {
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

.menu-dessert__pairs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 var(--space-3);
  min-width: 0;
  margin-top: var(--space-4);
}

.menu-dessert__pairs span {
  min-width: 0;
  padding-block: var(--space-2);
  border-top: 1px solid var(--colour-timber);
  font-family: var(--font-heading);
  font-size: 1.25rem;
}

.menu-dessert__pairs b {
  color: var(--colour-clay);
  font-family: var(--font-body);
  font-weight: 400;
}

.menu-dessert__note {
  grid-column: 6 / span 3;
  grid-row: 3;
  z-index: 1;
  min-width: 0;
  margin-top: calc(var(--space-7) * -1);
  background: var(--colour-pale-stone);
  padding: var(--space-4);
}

.menu-dessert__note p {
  max-width: 36ch;
}

.menu-drinks__intro {
  grid-column: 1 / span 4;
  min-width: 0;
  max-width: 46ch;
}

.menu-drinks__media {
  grid-column: 7 / span 6;
  grid-row: 1;
  min-width: 0;
}

.menu-drinks__media img {
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.menu-drinks__panel {
  grid-column: span 4;
  min-width: 0;
}

.menu-drinks__panel p {
  max-width: 42ch;
}

.menu-drinks__panel--alcoholfree {
  position: relative;
  top: calc(var(--space-4) * -1);
  border-top-color: var(--colour-clay);
  color: var(--colour-chalk);
}

.menu-rhythm__intro {
  grid-column: 3 / span 8;
  min-width: 0;
  max-width: 58ch;
  margin-inline: auto;
  text-align: center;
}

.menu-rhythm__route {
  display: block;
  grid-column: span 4;
  min-width: 0;
  color: var(--colour-charcoal);
  text-decoration: none;
}

.menu-rhythm__route + .menu-rhythm__route {
  border-inline-start: 1px solid var(--colour-timber);
  padding-inline-start: var(--space-4);
}

.menu-rhythm__route p {
  max-width: 42ch;
}

.menu-rhythm__route:hover h3,
.menu-rhythm__route:focus-visible h3 {
  text-decoration: underline;
  text-decoration-color: var(--colour-clay);
  text-underline-offset: 0.18em;
}

.menu-booking__landmark {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  align-items: center;
  min-height: 25rem;
}

.menu-booking__plane {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-column: 6 / span 7;
  grid-row: 1;
  gap: var(--space-3);
  min-width: 0;
  min-height: 20rem;
  background: var(--colour-clay);
  padding: var(--space-5);
}

.menu-booking__plane span {
  min-width: 0;
  border-top: 1px solid color-mix(in srgb, var(--colour-chalk) 75%, transparent);
}

.menu-booking__panel {
  display: flex;
  grid-column: 1 / span 5;
  grid-row: 1;
  flex-direction: column;
  gap: var(--space-3);
  min-width: 0;
  max-width: 44ch;
  z-index: 1;
  background: var(--colour-pale-stone);
  padding: var(--space-6);
  box-shadow: var(--shadow-floating);
}

.menu-booking__panel h2,
.menu-booking__panel p {
  margin: 0;
}

.menu-booking__actions {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  min-width: 0;
  padding-top: var(--space-2);
}

@media (max-width: 1199px) {
  .menu-hero__grid,
  .menu-sharing__grid,
  .menu-grill__grid,
  .menu-seasonal__grid,
  .menu-specials__grid,
  .menu-dessert__grid,
  .menu-drinks__grid,
  .menu-rhythm__grid,
  .menu-booking__landmark {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .menu-hero__copy { grid-column: 1 / span 4; }
  .menu-hero__media { grid-column: 5 / span 4; }
  .menu-sharing__intro { grid-column: 1 / span 3; }
  .menu-sharing__media { grid-column: 4 / span 5; }
  .menu-sharing__panel { grid-column: span 4; }
  .menu-sharing__panel--right { grid-column: span 4; }
  .menu-sharing__note { grid-column: 1 / -1; }
  .menu-grill__grid::before { grid-column: 1; }
  .menu-grill__panel { grid-column: 1 / span 5; }
  .menu-grill__intro { grid-column: 6 / span 3; }
  .menu-grill__sides { grid-column: 6 / span 3; }
  .menu-grill__steps { grid-column: 1 / span 5; }
  .menu-seasonal__mains { grid-column: 1 / span 4; }
  .menu-seasonal__media { grid-column: 5 / span 4; }
  .menu-seasonal__vegetables { grid-column: 4 / span 5; }
  .menu-specials__copy { grid-column: 1 / span 4; }
  .menu-specials__media { grid-column: 5 / span 4; }
  .menu-specials__inset { grid-column: 1 / span 4; }
  .menu-specials__link { grid-column: 1 / span 4; }
  .menu-dessert__intro { grid-column: 2 / span 6; }
  .menu-dessert__descriptors { grid-column: 1 / span 3; }
  .menu-dessert__media { grid-column: 4 / span 5; }
  .menu-dessert__note { grid-column: 4 / span 3; }
  .menu-drinks__intro { grid-column: 1 / span 3; }
  .menu-drinks__media { grid-column: 4 / span 5; }
  .menu-drinks__panel { grid-column: span 4; }
  .menu-drinks__panel--alcoholfree { grid-column: 1 / -1; top: 0; }
  .menu-rhythm__intro { grid-column: 2 / span 6; }
  .menu-rhythm__route { grid-column: span 4; }
  .menu-booking__plane { grid-column: 5 / span 4; }
  .menu-booking__panel { grid-column: 1 / span 4; }
}

@media (max-width: 980px) {
  .menu-hero__grid {
    grid-template-columns: 1fr;
    gap: var(--space-4);
  }

  .menu-hero__media,
  .menu-hero__copy {
    grid-column: 1;
    width: 100%;
  }

  .menu-hero__media { grid-row: 1; margin-top: 0; }
  .menu-hero__copy { grid-row: 2; max-width: 34ch; padding-top: 0; }
  .menu-hero__media img { aspect-ratio: 4 / 5; }
}

@media (max-width: 899px) {
  .menu-sharing__grid,
  .menu-grill__grid {
    grid-template-columns: 1fr;
  }

  .menu-sharing__intro,
  .menu-sharing__media,
  .menu-sharing__panel,
  .menu-sharing__panel--right,
  .menu-sharing__note,
  .menu-grill__panel,
  .menu-grill__intro,
  .menu-grill__sides,
  .menu-grill__steps {
    grid-column: 1;
    grid-row: auto;
    width: 100%;
  }

  .menu-sharing__intro,
  .menu-grill__intro { max-width: 39ch; }
  .menu-grill__grid::before { display: none; }
  .menu-grill__steps { max-width: 100%; }
  .menu-grill__sides { max-width: 100%; }
}

@media (max-width: 819px) {
  .menu-specials__grid {
    grid-template-columns: 1fr;
  }

  .menu-specials__copy,
  .menu-specials__media,
  .menu-specials__inset,
  .menu-specials__link {
    grid-column: 1;
    grid-row: auto;
    width: 100%;
  }

  .menu-specials__copy { max-width: 39ch; }
  .menu-specials__inset { max-width: 100%; }
}

@media (max-width: 779px) {
  .menu-dessert__grid,
  .menu-drinks__grid {
    grid-template-columns: 1fr;
  }

  .menu-dessert__intro,
  .menu-dessert__descriptors,
  .menu-dessert__media,
  .menu-dessert__note,
  .menu-drinks__intro,
  .menu-drinks__media,
  .menu-drinks__panel,
  .menu-drinks__panel--alcoholfree {
    grid-column: 1;
    grid-row: auto;
    top: auto;
    width: 100%;
  }

  .menu-dessert__intro { max-width: 38ch; }
  .menu-dessert__descriptors,
  .menu-drinks__intro { max-width: 39ch; }
  .menu-dessert__note { margin-top: 0; }
}

@media (max-width: 759px) {
  .menu-seasonal__grid,
  .menu-booking__landmark {
    grid-template-columns: 1fr;
  }

  .menu-seasonal__mains,
  .menu-seasonal__media,
  .menu-seasonal__vegetables,
  .menu-seasonal__note,
  .menu-booking__plane,
  .menu-booking__panel {
    grid-column: 1;
    grid-row: auto;
    width: 100%;
  }

  .menu-seasonal__mains { max-width: 40ch; }
  .menu-seasonal__vegetables { max-width: 100%; }
  .menu-booking__panel { max-width: 44ch; padding: var(--space-4); }
  .menu-booking__plane { min-height: 7.5rem; padding: var(--space-3); }
}

@media (max-width: 739px) {
  .menu-rhythm__grid {
    grid-template-columns: 1fr;
  }

  .menu-rhythm__intro,
  .menu-rhythm__route {
    grid-column: 1;
    width: 100%;
  }

  .menu-rhythm__intro { max-width: 38ch; }
  .menu-rhythm__route { max-width: 38ch; }
  .menu-rhythm__route + .menu-rhythm__route {
    border-inline-start: 0;
    border-top: 1px solid var(--colour-timber);
    padding: var(--space-5) 0 0;
  }
}

@media (max-width: 767px) {
  .menu-page .menu-panel { padding: var(--space-4); }
  .menu-hero { padding-block: var(--space-7); }
  .menu-hero__paths {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: thin;
  }
  .menu-hero__paths > a {
    flex: 0 0 9.375rem;
    scroll-snap-align: start;
  }
  .menu-sharing__note,
  .menu-seasonal__note { padding: var(--space-4); }
  .menu-grill__rows > div { grid-template-columns: 1fr; gap: var(--space-1); }
  .menu-grill__steps { grid-template-columns: 1fr; gap: var(--space-3); }
  .menu-seasonal__note { grid-template-columns: 1fr; gap: var(--space-3); }
  .menu-seasonal__note div { grid-template-columns: 1fr; gap: 0; }
  .menu-seasonal__note p + p { border-top: 1px solid var(--colour-clay); padding-top: var(--space-2); }
  .menu-dessert__intro { text-align: center; }
  .menu-dessert__pairs { grid-template-columns: 1fr; }
  .menu-specials__labels { grid-template-columns: 1fr; }
  .menu-booking__actions { align-items: stretch; }
  .menu-booking__actions > .button { width: 100%; }
}

@media (prefers-reduced-motion: no-preference) {
  .menu-page .image-frame:hover img { transform: scale(1.02) translateY(-4px); }
}


.courtyard-page {
  background: var(--colour-chalk);
}

.courtyard-page .eyebrow {
  color: var(--colour-eucalyptus);
}

.courtyard-page .surface-charcoal .eyebrow {
  color: var(--colour-chalk);
}

.courtyard-page .courtyard-hero__grid,
.courtyard-page .courtyard-materials__grid,
.courtyard-page .courtyard-grill__grid,
.courtyard-page .courtyard-pace__grid,
.courtyard-page .courtyard-bar__grid,
.courtyard-page .courtyard-evenings__grid,
.courtyard-page .courtyard-private__grid,
.courtyard-page .courtyard-orient__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-5);
}

.courtyard-page .courtyard-hero__copy,
.courtyard-page .courtyard-hero__media,
.courtyard-page .courtyard-hero__quote,
.courtyard-page .courtyard-materials__heading,
.courtyard-page .courtyard-materials__story,
.courtyard-page .courtyard-grill__media,
.courtyard-page .courtyard-grill__copy,
.courtyard-page .courtyard-pace__intro,
.courtyard-page .courtyard-pace__cards,
.courtyard-page .courtyard-bar__media,
.courtyard-page .courtyard-bar__panel,
.courtyard-page .courtyard-evenings__intro,
.courtyard-page .courtyard-evenings__cards,
.courtyard-page .courtyard-evenings__link,
.courtyard-page .courtyard-private__copy,
.courtyard-page .courtyard-private__media,
.courtyard-page .courtyard-orient__heading,
.courtyard-page .courtyard-orient__routes {
  min-width: 0;
}

.courtyard-page .courtyard-hero {
  overflow: hidden;
  padding-block-start: var(--space-9);
}

.courtyard-page .courtyard-hero__grid {
  align-items: center;
  row-gap: var(--space-6);
}

.courtyard-page .courtyard-hero__copy {
  grid-column: 1 / span 5;
  width: 100%;
  max-width: 58ch;
}

.courtyard-page .courtyard-hero__copy h1 {
  font-size: clamp(3rem, 5.7vw, 5.35rem);
}

.courtyard-page .courtyard-hero__copy .lead {
  max-width: 58ch;
}

.courtyard-page .courtyard-hero__actions,
.courtyard-page .courtyard-private__actions,
.courtyard-page .courtyard-closing__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-3);
  min-width: 0;
}

.courtyard-page .courtyard-hero__actions > *,
.courtyard-page .courtyard-private__actions > *,
.courtyard-page .courtyard-closing__actions > * {
  min-width: 0;
}

.courtyard-page .courtyard-inline-link,
.courtyard-page .courtyard-arrow-link {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  min-height: 3rem;
  font-size: var(--text-small);
  font-weight: 600;
  letter-spacing: 0.04em;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.22em;
}

.courtyard-page .courtyard-hero__media {
  grid-column: 7 / span 6;
  width: calc(100% + max(0px, (100vw - var(--container-max)) / 2));
  max-width: none;
  margin-inline-end: calc(-1 * max(0px, (100vw - var(--container-max)) / 2));
}

.courtyard-page .courtyard-hero__media img {
  width: 100%;
  height: clamp(32rem, 48vw, 43rem);
  object-fit: cover;
  object-position: center;
}

.courtyard-page .courtyard-hero__quote {
  grid-column: 1 / span 5;
  width: 100%;
  max-width: 42ch;
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

.courtyard-page .courtyard-hero__quote p {
  margin: 0;
  font-family: var(--font-heading);
  font-size: clamp(1.6rem, 2.4vw, 2.15rem);
  line-height: 1.12;
}

.courtyard-page .courtyard-materials__grid {
  row-gap: var(--space-5);
}

.courtyard-page .courtyard-materials__heading {
  grid-column: 1 / span 7;
  width: 100%;
}

.courtyard-page .courtyard-materials__heading h2 {
  max-width: 16ch;
}

.courtyard-page .courtyard-materials__story {
  width: 100%;
}

.courtyard-page .courtyard-materials__story--light {
  grid-column: 1 / span 5;
  max-width: 64ch;
}

.courtyard-page .courtyard-materials__story--social {
  grid-column: 7 / span 5;
  max-width: 54ch;
  border-inline-start: var(--border-default);
  padding-inline-start: var(--space-4);
}

.courtyard-page .courtyard-materials__story--fire {
  grid-column: 7 / span 5;
  max-width: 54ch;
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

.courtyard-page .courtyard-materials__story--fire > * {
  min-width: 0;
}

.courtyard-page .courtyard-materials__story p:last-child,
.courtyard-page .courtyard-materials__story h3 {
  margin-block-end: 0;
}

.courtyard-page .courtyard-materials__label {
  margin-block-end: var(--space-3);
  padding-block-start: var(--space-2);
  border-block-start: 1px solid var(--colour-timber);
  font-size: var(--text-small);
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.courtyard-page .courtyard-table-mark {
  display: flex;
  gap: var(--space-1);
  width: 4rem;
  padding-block-end: var(--space-2);
}

.courtyard-page .courtyard-table-mark span {
  display: block;
  width: 1.1rem;
  height: 1.1rem;
  border: 1px solid var(--colour-eucalyptus);
  border-radius: 50%;
}

.courtyard-page .courtyard-flame-mark {
  color: var(--colour-clay);
  font-family: var(--font-heading);
  font-size: 2.25rem;
  line-height: 1;
}

.courtyard-page .courtyard-grill__grid {
  align-items: center;
}

.courtyard-page .courtyard-grill__media {
  grid-column: 1 / span 5;
  width: 100%;
  clip-path: polygon(9% 0, 100% 0, 100% 100%, 0 100%, 0 8%);
}

.courtyard-page .courtyard-grill__media img {
  width: 100%;
  height: clamp(31rem, 47vw, 39rem);
  object-fit: cover;
  object-position: center;
}

.courtyard-page .courtyard-grill__copy {
  grid-column: 7 / span 5;
  width: 100%;
  max-width: 56ch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
}

.courtyard-page .courtyard-grill__copy > * {
  min-width: 0;
  margin: 0;
}

.courtyard-page .courtyard-grill__statement {
  max-width: 44ch;
  padding-inline-start: var(--space-3);
  border-inline-start: 2px solid var(--colour-clay);
  font-family: var(--font-heading);
  font-size: clamp(1.45rem, 2vw, 1.9rem);
  line-height: 1.15;
}

.courtyard-page .courtyard-arrow-link {
  color: var(--colour-eucalyptus);
}

.courtyard-page .surface-charcoal .courtyard-arrow-link,
.courtyard-page .surface-charcoal .courtyard-inline-link {
  color: var(--colour-chalk);
}

.courtyard-page .courtyard-pace__intro {
  grid-column: 1 / span 6;
  width: 100%;
  max-width: 56ch;
}

.courtyard-page .courtyard-pace__cards {
  grid-column: 1 / -1;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-4);
}

.courtyard-page .courtyard-pace-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  min-width: 0;
  width: 100%;
  min-height: 100%;
  border: var(--border-default);
  border-radius: var(--radius-sharp);
  background: var(--colour-pale-stone);
  padding: var(--space-5);
  transition: transform var(--transition-fast), border-color var(--transition-fast);
}

.courtyard-page .courtyard-pace-card > * {
  min-width: 0;
  margin: 0;
}

.courtyard-page .courtyard-pace-card::before {
  content: "";
  width: 2.5rem;
  height: 1px;
  background: var(--colour-timber);
  transition: width var(--transition-fast), background-color var(--transition-fast);
}

.courtyard-page .courtyard-pace-card:hover {
  border-color: var(--colour-eucalyptus);
  transform: translateY(-2px);
}

.courtyard-page .courtyard-pace-card:hover::before {
  width: 4rem;
  background: var(--colour-eucalyptus);
}

.courtyard-page .courtyard-tour__intro {
  width: 100%;
  max-width: 50ch;
  margin-inline: auto;
  text-align: center;
}

.courtyard-page .courtyard-tour__intro .eyebrow {
  text-align: center;
}

.courtyard-page .courtyard-tour__rail {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-4);
  margin-block-start: var(--space-6);
  min-width: 0;
}

.courtyard-page .courtyard-tour-card {
  min-width: 0;
  width: 100%;
  border: var(--border-default);
  border-radius: var(--radius-sharp);
  background: var(--colour-chalk);
  overflow: hidden;
}

.courtyard-page .courtyard-tour-card--lead {
  grid-column: 1 / span 6;
  grid-row: 1 / span 2;
}

.courtyard-page .courtyard-tour-card:nth-child(2) {
  grid-column: 7 / span 6;
  grid-row: 1;
}

.courtyard-page .courtyard-tour-card:nth-child(3) {
  grid-column: 7 / span 6;
  grid-row: 2;
}

.courtyard-page .courtyard-tour-card__media,
.courtyard-page .courtyard-tour-card__plane {
  width: 100%;
  margin: 0;
}

.courtyard-page .courtyard-tour-card__media img {
  width: 100%;
  height: 15rem;
  object-fit: cover;
}

.courtyard-page .courtyard-tour-card__plane {
  position: relative;
  height: 18rem;
  overflow: hidden;
  background: var(--colour-sandstone);
  border-block-end: 1px solid var(--colour-timber);
}

.courtyard-page .courtyard-tour-card__plane::before,
.courtyard-page .courtyard-tour-card__plane::after {
  position: absolute;
  content: "";
  border: 1px solid var(--colour-timber);
}

.courtyard-page .courtyard-tour-card__plane::before {
  inset: 16% 16% 12% 12%;
  border-block-end: 0;
}

.courtyard-page .courtyard-tour-card__plane::after {
  width: 24%;
  height: 24%;
  inset: auto 14% 14% auto;
  border-color: var(--colour-eucalyptus);
}

.courtyard-page .courtyard-tour-card__plane span {
  position: absolute;
  display: block;
  height: 1px;
  background: var(--colour-timber);
  transform: rotate(-22deg);
  transform-origin: left center;
}

.courtyard-page .courtyard-tour-card__plane span:nth-child(1) { width: 68%; inset: 29% auto auto 7%; }
.courtyard-page .courtyard-tour-card__plane span:nth-child(2) { width: 58%; inset: 47% auto auto 12%; }
.courtyard-page .courtyard-tour-card__plane span:nth-child(3) { width: 46%; inset: 65% auto auto 17%; }

.courtyard-page .courtyard-tour-card__body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-2);
  min-width: 0;
  width: 100%;
  padding: var(--space-4);
}

.courtyard-page .courtyard-tour-card__body > * {
  min-width: 0;
  margin: 0;
}

.courtyard-page .courtyard-tour-card__body p {
  max-width: 42ch;
}

.courtyard-page .courtyard-tour-card:hover .image-frame {
  border-color: var(--colour-eucalyptus);
}

.courtyard-page .courtyard-bar__grid {
  align-items: stretch;
}

.courtyard-page .courtyard-bar__media {
  grid-column: 1 / span 7;
  width: 100%;
  margin: 0;
}

.courtyard-page .courtyard-bar__media img {
  width: 100%;
  height: 100%;
  min-height: 33rem;
  object-fit: cover;
  object-position: center;
}

.courtyard-page .courtyard-bar__panel {
  grid-column: 8 / span 5;
  width: 100%;
  max-width: 48ch;
  align-self: center;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  padding: var(--space-5);
  border: 1px solid color-mix(in srgb, var(--colour-chalk) 28%, transparent);
}

.courtyard-page .courtyard-bar__panel > * {
  min-width: 0;
  margin: 0;
}

.courtyard-page .courtyard-bar__panel .rule {
  margin: var(--space-1) 0;
}

.courtyard-page .courtyard-bar__line {
  max-width: 34ch;
  font-family: var(--font-heading);
  font-size: clamp(1.45rem, 2vw, 1.9rem);
  line-height: 1.14;
}

.courtyard-page .courtyard-evenings__intro {
  grid-column: 1 / span 6;
  width: 100%;
  max-width: 54ch;
}

.courtyard-page .courtyard-evenings__cards {
  grid-column: 1 / -1;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-4);
}

.courtyard-page .courtyard-evening-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  min-width: 0;
  width: 100%;
  padding: var(--space-4);
  border-block-start: 1px solid var(--colour-timber);
  border-inline: 1px solid var(--colour-timber);
  border-block-end: 1px solid var(--colour-timber);
}

.courtyard-page .courtyard-evening-card > * {
  min-width: 0;
  margin: 0;
}

.courtyard-page .courtyard-evening-card p {
  max-width: 44ch;
}

.courtyard-page .courtyard-evening-card__mark {
  color: var(--colour-clay);
  font-family: var(--font-heading);
  font-size: 2rem;
  line-height: 1;
}

.courtyard-page .courtyard-evening-card__mark--arc {
  font-size: 2.65rem;
  transform: rotate(22deg);
}

.courtyard-page .courtyard-evenings__link {
  grid-column: 1 / span 4;
  width: max-content;
  max-width: 100%;
}

.courtyard-page .courtyard-private__grid {
  align-items: center;
}

.courtyard-page .courtyard-private__copy {
  grid-column: 1 / span 5;
  width: 100%;
  max-width: 52ch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
}

.courtyard-page .courtyard-private__copy > * {
  min-width: 0;
  margin: 0;
}

.courtyard-page .courtyard-private__list {
  width: 100%;
  padding: 0;
  list-style: none;
}

.courtyard-page .courtyard-private__list li {
  padding-block: var(--space-2);
  border-block-start: 1px solid var(--colour-clay);
}

.courtyard-page .courtyard-private__list li:last-child {
  border-block-end: 1px solid var(--colour-clay);
}

.courtyard-page .courtyard-private__actions {
  width: 100%;
  align-items: flex-start;
}

.courtyard-page .courtyard-private__actions > div {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  width: auto;
  max-width: 25ch;
}

.courtyard-page .courtyard-private__actions p {
  margin: 0;
  font-size: var(--text-small);
  line-height: var(--leading-small);
}

.courtyard-page .courtyard-private__media {
  grid-column: 7 / span 6;
  width: 100%;
  margin: 0;
}

.courtyard-page .courtyard-private__media img {
  width: 100%;
  height: clamp(28rem, 41vw, 36rem);
  object-fit: cover;
  object-position: center;
}

.courtyard-page .courtyard-orient__heading {
  grid-column: 1 / span 5;
  width: 100%;
  max-width: 56ch;
}

.courtyard-page .courtyard-orient__routes {
  grid-column: 1 / span 11;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(11, minmax(0, 1fr));
  gap: 0;
}

.courtyard-page .courtyard-route {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  min-width: 0;
  width: 100%;
  padding-block: var(--space-4);
}

.courtyard-page .courtyard-route > * {
  min-width: 0;
  margin: 0;
}

.courtyard-page .courtyard-route p {
  max-width: 48ch;
}

.courtyard-page .courtyard-route:first-child {
  grid-column: 1 / span 5;
  padding-inline-end: var(--space-5);
}

.courtyard-page .courtyard-route:last-child {
  grid-column: 7 / span 5;
  padding-inline-start: var(--space-5);
  border-inline-start: 1px solid var(--colour-timber);
}

.courtyard-page .courtyard-closing {
  padding-block: var(--space-8);
}

.courtyard-page .courtyard-closing__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-3);
  width: 100%;
  max-width: 52ch;
  margin-inline: auto;
  text-align: center;
}

.courtyard-page .courtyard-closing__inner > * {
  min-width: 0;
  margin: 0;
}

.courtyard-page .courtyard-closing__inner .eyebrow {
  width: 100%;
  text-align: center;
}

.courtyard-page .courtyard-closing__actions {
  justify-content: center;
  width: 100%;
}

@media (max-width: 1199px) {
  .courtyard-page .courtyard-hero__grid,
  .courtyard-page .courtyard-materials__grid,
  .courtyard-page .courtyard-grill__grid,
  .courtyard-page .courtyard-pace__grid,
  .courtyard-page .courtyard-bar__grid,
  .courtyard-page .courtyard-evenings__grid,
  .courtyard-page .courtyard-private__grid,
  .courtyard-page .courtyard-orient__grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: var(--space-4);
  }

  .courtyard-page .courtyard-hero__copy { grid-column: 1 / span 3; }
  .courtyard-page .courtyard-hero__media { grid-column: 4 / span 5; width: 100%; max-width: 100%; margin-inline-end: 0; }
  .courtyard-page .courtyard-hero__quote { grid-column: 1 / span 4; }
  .courtyard-page .courtyard-materials__heading { grid-column: 1 / span 6; }
  .courtyard-page .courtyard-materials__story--light { grid-column: 1 / span 4; }
  .courtyard-page .courtyard-materials__story--social { grid-column: 5 / span 4; }
  .courtyard-page .courtyard-materials__story--fire { grid-column: 5 / span 4; }
  .courtyard-page .courtyard-grill__media { grid-column: 1 / span 3; }
  .courtyard-page .courtyard-grill__copy { grid-column: 5 / span 4; }
  .courtyard-page .courtyard-pace__intro { grid-column: 1 / span 6; }
  .courtyard-page .courtyard-pace__cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .courtyard-page .courtyard-pace-card:nth-child(3) { grid-column: 1 / -1; }
  .courtyard-page .courtyard-tour__rail { grid-template-columns: repeat(8, minmax(0, 1fr)); }
  .courtyard-page .courtyard-tour-card--lead { grid-column: 1 / span 5; }
  .courtyard-page .courtyard-tour-card:nth-child(2) { grid-column: 6 / span 3; }
  .courtyard-page .courtyard-tour-card:nth-child(3) { grid-column: 6 / span 3; }
  .courtyard-page .courtyard-tour-card__media img { height: 12rem; }
  .courtyard-page .courtyard-bar__media { grid-column: 1 / span 5; }
  .courtyard-page .courtyard-bar__panel { grid-column: 6 / span 3; padding: var(--space-4); }
  .courtyard-page .courtyard-evenings__intro { grid-column: 1 / span 6; }
  .courtyard-page .courtyard-evenings__cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .courtyard-page .courtyard-evening-card:nth-child(3) { grid-column: 1 / -1; }
  .courtyard-page .courtyard-evenings__link { grid-column: 1 / span 4; }
  .courtyard-page .courtyard-private__copy { grid-column: 1 / span 4; }
  .courtyard-page .courtyard-private__media { grid-column: 5 / span 4; }
  .courtyard-page .courtyard-orient__heading { grid-column: 1 / span 5; }
  .courtyard-page .courtyard-orient__routes { grid-column: 1 / -1; grid-template-columns: repeat(8, minmax(0, 1fr)); }
  .courtyard-page .courtyard-route:first-child { grid-column: 1 / span 4; }
  .courtyard-page .courtyard-route:last-child { grid-column: 5 / span 4; }
}

@media (max-width: 959px) {
  .courtyard-page .courtyard-hero__grid,
  .courtyard-page .courtyard-grill__grid,
  .courtyard-page .courtyard-bar__grid,
  .courtyard-page .courtyard-private__grid {
    grid-template-columns: 1fr;
  }

  .courtyard-page .courtyard-hero__copy,
  .courtyard-page .courtyard-hero__media,
  .courtyard-page .courtyard-hero__quote,
  .courtyard-page .courtyard-grill__media,
  .courtyard-page .courtyard-grill__copy,
  .courtyard-page .courtyard-bar__media,
  .courtyard-page .courtyard-bar__panel,
  .courtyard-page .courtyard-private__copy,
  .courtyard-page .courtyard-private__media {
    grid-column: 1;
  }

  .courtyard-page .courtyard-hero__copy { max-width: 60ch; }
  .courtyard-page .courtyard-hero__media { order: 2; }
  .courtyard-page .courtyard-hero__quote { order: 3; }
  .courtyard-page .courtyard-hero__media img { height: auto; aspect-ratio: 3 / 2; }
  .courtyard-page .courtyard-grill__media { order: 1; max-width: 31rem; }
  .courtyard-page .courtyard-grill__copy { order: 2; }
  .courtyard-page .courtyard-grill__media img { height: auto; aspect-ratio: 4 / 5; }
  .courtyard-page .courtyard-bar__media { order: 1; }
  .courtyard-page .courtyard-bar__panel { order: 2; max-width: 56ch; }
  .courtyard-page .courtyard-bar__media img { min-height: 0; height: auto; aspect-ratio: 3 / 2; }
  .courtyard-page .courtyard-private__media { order: 1; }
  .courtyard-page .courtyard-private__copy { order: 2; }
  .courtyard-page .courtyard-private__media img { height: auto; aspect-ratio: 3 / 2; }
}

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

  .courtyard-page .courtyard-materials__grid,
  .courtyard-page .courtyard-pace__grid,
  .courtyard-page .courtyard-evenings__grid,
  .courtyard-page .courtyard-orient__grid {
    grid-template-columns: 1fr;
    gap: var(--space-4);
  }

  .courtyard-page .courtyard-hero__actions,
  .courtyard-page .courtyard-private__actions {
    align-items: stretch;
    flex-direction: column;
    width: 100%;
  }

  .courtyard-page .courtyard-hero__actions .button,
  .courtyard-page .courtyard-private__actions .button {
    width: 100%;
  }

  .courtyard-page .courtyard-hero__media img {
    aspect-ratio: 4 / 5;
    height: auto;
  }

  .courtyard-page .courtyard-hero__quote {
    max-width: 52ch;
  }

  .courtyard-page .courtyard-materials__heading,
  .courtyard-page .courtyard-materials__story--light,
  .courtyard-page .courtyard-materials__story--social,
  .courtyard-page .courtyard-materials__story--fire,
  .courtyard-page .courtyard-pace__intro,
  .courtyard-page .courtyard-evenings__intro,
  .courtyard-page .courtyard-evenings__cards,
  .courtyard-page .courtyard-evenings__link,
  .courtyard-page .courtyard-orient__heading,
  .courtyard-page .courtyard-orient__routes {
    grid-column: 1;
  }

  .courtyard-page .courtyard-materials__story--social {
    border-inline-start: 0;
    border-block-start: var(--border-default);
    padding-inline-start: 0;
    padding-block-start: var(--space-4);
  }

  .courtyard-page .courtyard-pace__cards,
  .courtyard-page .courtyard-evenings__cards,
  .courtyard-page .courtyard-orient__routes {
    grid-template-columns: 1fr;
    gap: var(--space-3);
  }

  .courtyard-page .courtyard-pace-card,
  .courtyard-page .courtyard-pace-card:nth-child(3),
  .courtyard-page .courtyard-evening-card,
  .courtyard-page .courtyard-evening-card:nth-child(3) {
    grid-column: 1;
  }

  .courtyard-page .courtyard-pace-card {
    padding: var(--space-4);
  }

  .courtyard-page .courtyard-tour__intro {
    max-width: 100%;
    margin-inline: 0;
    text-align: left;
  }

  .courtyard-page .courtyard-tour__intro .eyebrow {
    text-align: left;
  }

  .courtyard-page .courtyard-tour__rail {
    display: flex;
    gap: var(--space-3);
    margin-inline-end: calc(-1 * var(--container-gutter));
    padding-inline-end: var(--container-gutter);
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: thin;
  }

  .courtyard-page .courtyard-tour-card,
  .courtyard-page .courtyard-tour-card--lead,
  .courtyard-page .courtyard-tour-card:nth-child(2),
  .courtyard-page .courtyard-tour-card:nth-child(3) {
    flex: 0 0 82%;
    grid-column: auto;
    grid-row: auto;
    width: 82%;
    scroll-snap-align: start;
  }

  .courtyard-page .courtyard-tour-card__media img,
  .courtyard-page .courtyard-tour-card__plane {
    height: auto;
    aspect-ratio: 4 / 3;
  }

  .courtyard-page .courtyard-bar__panel,
  .courtyard-page .courtyard-private__copy {
    max-width: 100%;
    padding: var(--space-4);
  }

  .courtyard-page .courtyard-bar__media img,
  .courtyard-page .courtyard-private__media img {
    aspect-ratio: 4 / 3;
    height: auto;
  }

  .courtyard-page .courtyard-private__actions > div {
    width: 100%;
    max-width: 100%;
  }

  .courtyard-page .courtyard-route:first-child,
  .courtyard-page .courtyard-route:last-child {
    grid-column: 1;
    padding-inline: 0;
  }

  .courtyard-page .courtyard-route:first-child {
    padding-block-end: var(--space-4);
    border-block-end: 1px solid var(--colour-timber);
  }

  .courtyard-page .courtyard-route:last-child {
    padding-block-start: var(--space-4);
    border-inline-start: 0;
  }

  .courtyard-page .courtyard-route .button {
    width: 100%;
  }

  .courtyard-page .courtyard-closing {
    padding-block: var(--space-7);
  }

  .courtyard-page .courtyard-closing__actions {
    flex-direction: column;
    align-items: stretch;
  }

  .courtyard-page .courtyard-closing__actions .button {
    width: 100%;
  }

  .courtyard-page .courtyard-closing__actions .courtyard-inline-link {
    justify-content: center;
  }
}

@media (prefers-reduced-motion: reduce) {
  .courtyard-page .courtyard-pace-card {
    transition: none;
  }

  .courtyard-page .courtyard-pace-card:hover {
    transform: none;
  }
}


main[data-themed-evenings-page] {
  background: var(--colour-chalk);
}

[data-themed-evenings-page] .te-shell {
  width: min(100% - (var(--container-gutter) * 2), var(--container-max));
  margin-inline: auto;
}

[data-themed-evenings-page] .te-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--space-4);
  min-width: 0;
}

[data-themed-evenings-page] .te-grid > * {
  min-width: 0;
}

[data-themed-evenings-page] .te-kicker,
[data-themed-evenings-page] .te-status {
  margin: 0;
  font-size: var(--text-small);
  font-weight: 600;
  letter-spacing: 0.08em;
  line-height: var(--leading-small);
  text-transform: uppercase;
}

[data-themed-evenings-page] .te-kicker {
  color: var(--colour-eucalyptus);
}

[data-themed-evenings-page] .te-section-heading {
  margin: 0;
}

[data-themed-evenings-page] .te-media {
  width: 100%;
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--colour-eucalyptus);
  background: var(--colour-pale-stone);
}

[data-themed-evenings-page] .te-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--transition-base), object-position var(--transition-base);
}

@media (hover: hover) {
  [data-themed-evenings-page] .te-media:hover img {
    transform: scale(1.025);
  }
}

[data-themed-evenings-page] .te-media--clipped {
  clip-path: polygon(0 0, 100% 0, 100% 88%, 88% 100%, 0 100%);
}

[data-themed-evenings-page] .te-hero {
  padding-block: var(--space-9) var(--space-8);
  background: var(--colour-chalk);
}

[data-themed-evenings-page] .te-hero__copy {
  grid-column: 1 / span 5;
  align-self: center;
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  min-width: 0;
}

[data-themed-evenings-page] .te-hero__copy > * {
  min-width: 0;
  margin: 0;
}

[data-themed-evenings-page] .te-hero__title {
  max-width: 9ch;
  font-size: clamp(3rem, 5.8vw, 5.5rem);
}

[data-themed-evenings-page] .te-hero__prose {
  max-width: 50ch;
}

[data-themed-evenings-page] .te-hero__prose p {
  margin: 0;
}

[data-themed-evenings-page] .te-hero__dates {
  width: min(100%, 34ch);
  border: var(--border-default);
  border-inline-start: 3px solid var(--colour-clay);
  padding: var(--space-3);
}

[data-themed-evenings-page] .te-hero__dates p {
  margin: 0;
}

[data-themed-evenings-page] .te-hero__dates .meta {
  margin-block-end: var(--space-1);
  color: var(--colour-clay);
}

[data-themed-evenings-page] .te-hero__media-wrap {
  grid-column: 6 / span 7;
  grid-row: 1;
  min-width: 0;
}

[data-themed-evenings-page] .te-hero__media {
  aspect-ratio: 4 / 5;
  margin-block-start: var(--space-6);
}

[data-themed-evenings-page] .te-hero__media img {
  object-position: 54% 55%;
}

[data-themed-evenings-page] .te-hero__rule {
  grid-column: 1 / -1;
  width: 100%;
  margin-block-start: var(--space-5);
  background: var(--colour-timber);
}

[data-themed-evenings-page] .te-concepts {
  padding-block: var(--space-8);
  background: var(--colour-pale-stone);
}

[data-themed-evenings-page] .te-concepts__intro {
  grid-column: 1 / span 4;
  align-self: start;
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  min-width: 0;
  padding-inline-end: var(--space-3);
}

[data-themed-evenings-page] .te-concepts__intro > * {
  min-width: 0;
  margin: 0;
}

[data-themed-evenings-page] .te-concepts__intro p {
  max-width: 52ch;
}

[data-themed-evenings-page] .te-concept-ledger {
  grid-column: 5 / -1;
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: var(--space-4);
  min-width: 0;
}

[data-themed-evenings-page] .te-concept-ledger > * {
  min-width: 0;
}

[data-themed-evenings-page] .te-concept-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  border: var(--border-default);
  background: var(--colour-chalk);
}

[data-themed-evenings-page] .te-concept-card__media {
  aspect-ratio: 3 / 2;
  border: 0;
  border-block-end: var(--border-default);
}

[data-themed-evenings-page] .te-concept-card--blackjack .te-concept-card__media {
  aspect-ratio: 4 / 3;
}

[data-themed-evenings-page] .te-concept-card__body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: var(--space-3);
  min-width: 0;
  padding: var(--space-4);
}

[data-themed-evenings-page] .te-concept-card__body > * {
  min-width: 0;
  margin: 0;
}

[data-themed-evenings-page] .te-concept-card__body h3 {
  max-width: 18ch;
}

[data-themed-evenings-page] .te-concept-card__body p {
  max-width: 34ch;
}

[data-themed-evenings-page] .te-concept-card__date {
  color: var(--colour-timber);
  font-size: var(--text-small);
  font-weight: 600;
  letter-spacing: 0.04em;
}

[data-themed-evenings-page] .te-card-link,
[data-themed-evenings-page] .te-courtyard-link,
[data-themed-evenings-page] .te-menu-link {
  display: inline-flex;
  align-items: center;
  min-height: 3rem;
  width: fit-content;
  color: var(--colour-eucalyptus);
  font-size: var(--text-small);
  font-weight: 600;
  letter-spacing: 0.06em;
  text-decoration-color: transparent;
  text-transform: uppercase;
}

[data-themed-evenings-page] .te-card-link:hover,
[data-themed-evenings-page] .te-courtyard-link:hover,
[data-themed-evenings-page] .te-menu-link:hover {
  text-decoration-color: var(--colour-clay);
}

[data-themed-evenings-page] .te-concept-card--poker {
  grid-column: 1 / span 5;
}

[data-themed-evenings-page] .te-concept-card--roulette {
  grid-column: 6 / span 3;
}

[data-themed-evenings-page] .te-concept-card--blackjack {
  grid-column: 1 / span 4;
}

[data-themed-evenings-page] .te-concept-card--courtyard {
  grid-column: 5 / span 2;
}

[data-themed-evenings-page] .te-concept-card--casino {
  grid-column: 7 / span 2;
}

[data-themed-evenings-page] .te-concept-card--text {
  background: var(--colour-pale-stone);
}

[data-themed-evenings-page] .te-motif {
  width: 34px;
  height: 34px;
  color: var(--colour-clay);
}

[data-themed-evenings-page] .te-motif svg {
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.25;
}

[data-themed-evenings-page] .te-flow {
  padding-block: var(--space-8);
  background: var(--colour-chalk);
}

[data-themed-evenings-page] .te-flow__heading {
  grid-column: 3 / span 8;
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  min-width: 0;
  margin-block-end: var(--space-6);
  text-align: center;
}

[data-themed-evenings-page] .te-flow__heading > * {
  min-width: 0;
  margin: 0;
}

[data-themed-evenings-page] .te-flow__heading p {
  max-width: 50ch;
  margin-inline: auto;
}

[data-themed-evenings-page] .te-flow__list {
  grid-column: 1 / span 10;
  display: grid;
  grid-template-columns: 1fr 6fr 3fr;
  gap: var(--space-4);
  min-width: 0;
}

[data-themed-evenings-page] .te-flow__list > * {
  min-width: 0;
}

[data-themed-evenings-page] .te-flow__number {
  padding-block-start: var(--space-4);
  border-block-start: 1px solid var(--colour-line);
  color: var(--colour-clay);
  font-family: var(--font-heading);
  font-size: clamp(2.5rem, 4vw, 4rem);
  line-height: 1;
}

[data-themed-evenings-page] .te-flow__copy {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  min-width: 0;
  padding-block: var(--space-4);
  border-block-start: 1px solid var(--colour-line);
}

[data-themed-evenings-page] .te-flow__copy > * {
  min-width: 0;
  margin: 0;
}

[data-themed-evenings-page] .te-flow__copy p {
  max-width: 52ch;
}

[data-themed-evenings-page] .te-flow__art {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  border-block-start: 1px solid var(--colour-line);
  color: var(--colour-eucalyptus);
}

[data-themed-evenings-page] .te-flow__art svg {
  width: min(100%, 120px);
  height: auto;
  fill: none;
  stroke: currentColor;
  stroke-width: 1;
}

[data-themed-evenings-page] .te-flow__list .te-flow__number:nth-child(n + 4),
[data-themed-evenings-page] .te-flow__list .te-flow__copy:nth-child(n + 5),
[data-themed-evenings-page] .te-flow__list .te-flow__art:nth-child(n + 6) {
  margin-block-start: var(--space-2);
}

[data-themed-evenings-page] .te-fire-feature {
  padding-block: var(--space-8);
  background: var(--colour-sandstone);
}

[data-themed-evenings-page] .te-fire-feature__copy {
  grid-column: 1 / span 5;
  display: flex;
  flex-direction: column;
  align-self: center;
  gap: var(--space-3);
  min-width: 0;
}

[data-themed-evenings-page] .te-fire-feature__copy > * {
  min-width: 0;
  margin: 0;
}

[data-themed-evenings-page] .te-fire-feature__copy > p {
  max-width: 58ch;
}

[data-themed-evenings-page] .te-flame-rule {
  display: block;
  width: 70px;
  height: 1px;
  background: var(--colour-clay);
}

[data-themed-evenings-page] .te-service-note {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  width: min(100%, 430px);
  min-width: 0;
  margin-block-start: var(--space-2);
  padding: var(--space-4);
  background: var(--colour-eucalyptus);
  color: var(--colour-chalk);
}

[data-themed-evenings-page] .te-service-note > * {
  min-width: 0;
  margin: 0;
}

[data-themed-evenings-page] .te-service-note p {
  max-width: 34ch;
}

[data-themed-evenings-page] .te-fire-feature__setting {
  max-width: 46ch;
}

[data-themed-evenings-page] .te-fire-feature__media-wrap {
  grid-column: 7 / span 6;
  min-width: 0;
}

[data-themed-evenings-page] .te-fire-feature__media {
  aspect-ratio: 4 / 5;
}

[data-themed-evenings-page] .te-fire-feature__media img {
  object-position: 52% 56%;
}

[data-themed-evenings-page] .te-after-dark {
  padding-block: var(--space-8);
  background: var(--colour-charcoal);
  color: var(--colour-chalk);
}

[data-themed-evenings-page] .te-after-dark .te-kicker {
  color: var(--colour-chalk);
}

[data-themed-evenings-page] .te-after-dark__copy {
  grid-column: 1 / span 4;
  display: flex;
  flex-direction: column;
  align-self: center;
  gap: var(--space-3);
  min-width: 0;
}

[data-themed-evenings-page] .te-after-dark__copy > * {
  min-width: 0;
  margin: 0;
}

[data-themed-evenings-page] .te-after-dark__copy p {
  max-width: 48ch;
}

[data-themed-evenings-page] .te-after-dark__rule {
  grid-column: 5;
  width: 1px;
  min-height: 78%;
  align-self: center;
  background: var(--colour-clay);
}

[data-themed-evenings-page] .te-after-dark__media-wrap {
  grid-column: 6 / span 6;
  min-width: 0;
}

[data-themed-evenings-page] .te-after-dark__media {
  aspect-ratio: 4 / 3;
  border-color: var(--colour-line);
}

[data-themed-evenings-page] .te-after-dark__notes {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-4);
  min-width: 0;
  margin-block-start: var(--space-6);
}

[data-themed-evenings-page] .te-after-dark__notes > * {
  min-width: 0;
}

[data-themed-evenings-page] .te-dark-note {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  min-width: 0;
  padding: var(--space-4);
  border: 1px solid var(--colour-line);
  background: var(--colour-chalk);
  color: var(--colour-charcoal);
  transition: border-color var(--transition-fast);
}

[data-themed-evenings-page] .te-dark-note > * {
  min-width: 0;
  margin: 0;
}

[data-themed-evenings-page] .te-dark-note p {
  max-width: 34ch;
}

@media (hover: hover) {
  [data-themed-evenings-page] .te-dark-note:hover {
    border-color: var(--colour-eucalyptus);
  }
}

[data-themed-evenings-page] .te-dark-note--detail {
  grid-column: 2 / span 4;
}

[data-themed-evenings-page] .te-dark-note--mood {
  grid-column: 7 / span 4;
}

[data-themed-evenings-page] .te-planning {
  padding-block: var(--space-8);
  background: var(--colour-pale-stone);
}

[data-themed-evenings-page] .te-planning__heading {
  grid-column: 3 / span 7;
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  min-width: 0;
  margin-block-end: var(--space-6);
  text-align: center;
}

[data-themed-evenings-page] .te-planning__heading > * {
  min-width: 0;
  margin: 0;
}

[data-themed-evenings-page] .te-planning__heading p {
  max-width: 50ch;
  margin-inline: auto;
}

[data-themed-evenings-page] .te-planning__cards {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-4);
  min-width: 0;
}

[data-themed-evenings-page] .te-planning__cards > * {
  min-width: 0;
}

[data-themed-evenings-page] .te-planning-card {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  min-width: 0;
  padding: var(--space-4);
  border: var(--border-default);
  background: var(--colour-chalk);
  transition: border-color var(--transition-fast);
}

[data-themed-evenings-page] .te-planning-card > * {
  min-width: 0;
  margin: 0;
}

[data-themed-evenings-page] .te-planning-card p {
  max-width: 40ch;
}

@media (hover: hover) {
  [data-themed-evenings-page] .te-planning-card:hover {
    border-block-start-color: var(--colour-eucalyptus);
    border-block-start-width: 2px;
  }
}

[data-themed-evenings-page] .te-dates {
  padding-block: var(--space-8);
  background: var(--colour-sandstone);
}

[data-themed-evenings-page] .te-dates__copy {
  grid-column: 1 / span 4;
  display: flex;
  flex-direction: column;
  align-self: start;
  gap: var(--space-3);
  min-width: 0;
}

[data-themed-evenings-page] .te-dates__copy > * {
  min-width: 0;
  margin: 0;
}

[data-themed-evenings-page] .te-dates__copy p {
  max-width: 46ch;
}

[data-themed-evenings-page] .te-status {
  width: fit-content;
  padding: var(--space-1) var(--space-2);
  background: var(--colour-clay);
  color: var(--colour-chalk);
}

[data-themed-evenings-page] .te-dates__board {
  grid-column: 6 / span 7;
  min-width: 0;
  border-block-start: 2px solid var(--colour-timber);
  background: var(--colour-chalk);
}

[data-themed-evenings-page] .te-date-group {
  min-width: 0;
}

[data-themed-evenings-page] .te-date-group + .te-date-group {
  border-block-start: var(--border-default);
}

[data-themed-evenings-page] .te-date-group__title {
  margin: 0;
  padding: var(--space-3) var(--space-4);
  color: var(--colour-eucalyptus);
  font-size: var(--text-small);
  font-weight: 600;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

[data-themed-evenings-page] .te-date-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(130px, 0.7fr);
  gap: var(--space-3);
  align-items: center;
  min-width: 0;
  padding: var(--space-3) var(--space-4);
  border-block-start: var(--border-default);
}

[data-themed-evenings-page] .te-date-row > * {
  min-width: 0;
}

[data-themed-evenings-page] .te-date-row__name,
[data-themed-evenings-page] .te-date-row__value {
  margin: 0;
}

[data-themed-evenings-page] .te-date-row__name {
  font-family: var(--font-heading);
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.1;
}

[data-themed-evenings-page] .te-date-row__value {
  color: var(--colour-timber);
  font-size: var(--text-small);
  font-weight: 600;
  letter-spacing: 0.04em;
}

[data-themed-evenings-page] .te-faq {
  padding-block: var(--space-8);
  background: var(--colour-chalk);
}

[data-themed-evenings-page] .te-faq__heading {
  grid-column: 1 / span 5;
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  min-width: 0;
  margin-block-end: var(--space-5);
}

[data-themed-evenings-page] .te-faq__heading > * {
  min-width: 0;
  margin: 0;
}

[data-themed-evenings-page] .te-faq__heading p {
  max-width: 50ch;
}

[data-themed-evenings-page] .te-faq__accordion {
  grid-column: 1 / span 7;
  min-width: 0;
  max-width: 68ch;
}

[data-themed-evenings-page] .te-faq__item {
  min-width: 0;
  border-block-start: var(--border-default);
}

[data-themed-evenings-page] .te-faq__item:last-child {
  border-block-end: var(--border-default);
}

[data-themed-evenings-page] .te-faq__button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  width: 100%;
  min-width: 0;
  min-height: 3rem;
  padding: var(--space-3) 0;
  background: transparent;
  color: var(--colour-charcoal);
  font-family: var(--font-heading);
  font-size: clamp(1.3rem, 2vw, 1.7rem);
  font-weight: 600;
  line-height: 1.15;
  text-align: left;
}

[data-themed-evenings-page] .te-faq__button:hover {
  color: var(--colour-eucalyptus);
}

[data-themed-evenings-page] .te-faq__button > span:first-child {
  min-width: 0;
}

[data-themed-evenings-page] .te-faq__icon {
  position: relative;
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  color: var(--colour-clay);
}

[data-themed-evenings-page] .te-faq__icon::before,
[data-themed-evenings-page] .te-faq__icon::after {
  position: absolute;
  inset: 50% auto auto 50%;
  width: 14px;
  height: 1px;
  background: currentColor;
  content: '';
  transform: translate(-50%, -50%);
  transition: transform var(--transition-fast);
}

[data-themed-evenings-page] .te-faq__icon::after {
  transform: translate(-50%, -50%) rotate(90deg);
}

[data-themed-evenings-page] .te-faq__button[aria-expanded='true'] .te-faq__icon::after {
  transform: translate(-50%, -50%) rotate(0deg);
}

[data-themed-evenings-page] .te-faq__panel {
  min-width: 0;
  padding: 0 var(--space-4) var(--space-4);
}

[data-themed-evenings-page] .te-faq__panel p {
  max-width: 58ch;
  margin: 0;
}

[data-themed-evenings-page] .te-faq__art {
  grid-column: 9 / span 3;
  grid-row: 2;
  align-self: start;
  min-width: 0;
  color: var(--colour-eucalyptus);
}

[data-themed-evenings-page] .te-faq__art svg {
  width: min(100%, 180px);
  height: auto;
  fill: none;
  stroke: currentColor;
  stroke-width: 1;
}

[data-themed-evenings-page] .te-closing {
  padding-block: var(--space-7);
  background: var(--colour-sandstone);
}

[data-themed-evenings-page] .te-closing__rule {
  grid-column: 1 / -1;
  width: 100%;
  margin-block-end: var(--space-6);
  background: var(--colour-timber);
}

[data-themed-evenings-page] .te-closing__panel {
  grid-column: 3 / span 8;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-3);
  min-width: 0;
  padding: var(--space-6);
  background: var(--colour-eucalyptus);
  color: var(--colour-chalk);
  text-align: center;
}

[data-themed-evenings-page] .te-closing__panel > * {
  min-width: 0;
  margin: 0;
}

[data-themed-evenings-page] .te-closing__panel .te-kicker {
  color: var(--colour-chalk);
}

[data-themed-evenings-page] .te-closing__panel p {
  max-width: 46ch;
}

[data-themed-evenings-page] .te-closing__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  min-width: 0;
}

[data-themed-evenings-page] .te-closing__actions > * {
  min-width: 0;
}

[data-themed-evenings-page] .te-menu-link {
  color: var(--colour-chalk);
}

[data-themed-evenings-page] .button--clay:hover {
  background: color-mix(in srgb, var(--colour-clay) 92%, var(--colour-charcoal));
}

@media (max-width: 1199px) {
  [data-themed-evenings-page] .te-grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  [data-themed-evenings-page] .te-hero__copy {
    grid-column: 1 / span 3;
  }

  [data-themed-evenings-page] .te-hero__media-wrap {
    grid-column: 4 / span 5;
  }

  [data-themed-evenings-page] .te-concepts__intro {
    grid-column: 1 / span 2;
    padding-inline-end: 0;
  }

  [data-themed-evenings-page] .te-concept-ledger {
    grid-column: 3 / span 6;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  [data-themed-evenings-page] .te-concept-card--poker {
    grid-column: 1 / span 3;
  }

  [data-themed-evenings-page] .te-concept-card--roulette {
    grid-column: 4 / span 3;
  }

  [data-themed-evenings-page] .te-concept-card--blackjack {
    grid-column: 1 / -1;
  }

  [data-themed-evenings-page] .te-concept-card--courtyard {
    grid-column: 1 / span 3;
  }

  [data-themed-evenings-page] .te-concept-card--casino {
    grid-column: 4 / span 3;
  }

  [data-themed-evenings-page] .te-flow__heading {
    grid-column: 2 / span 6;
  }

  [data-themed-evenings-page] .te-flow__list {
    grid-column: 1 / -1;
    grid-template-columns: 1fr 5fr 2fr;
  }

  [data-themed-evenings-page] .te-fire-feature__copy {
    grid-column: 1 / span 3;
  }

  [data-themed-evenings-page] .te-fire-feature__media-wrap {
    grid-column: 4 / span 5;
  }

  [data-themed-evenings-page] .te-after-dark__copy {
    grid-column: 1 / span 3;
  }

  [data-themed-evenings-page] .te-after-dark__rule {
    display: none;
  }

  [data-themed-evenings-page] .te-after-dark__media-wrap {
    grid-column: 4 / span 5;
  }

  [data-themed-evenings-page] .te-after-dark__notes {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  [data-themed-evenings-page] .te-dark-note--detail {
    grid-column: 1 / span 4;
  }

  [data-themed-evenings-page] .te-dark-note--mood {
    grid-column: 5 / span 4;
  }

  [data-themed-evenings-page] .te-planning__heading {
    grid-column: 2 / span 6;
  }

  [data-themed-evenings-page] .te-dates__copy {
    grid-column: 1 / -1;
    margin-block-end: var(--space-5);
  }

  [data-themed-evenings-page] .te-dates__board {
    grid-column: 1 / -1;
  }

  [data-themed-evenings-page] .te-faq__heading {
    grid-column: 1 / span 6;
  }

  [data-themed-evenings-page] .te-faq__accordion {
    grid-column: 1 / -1;
  }

  [data-themed-evenings-page] .te-faq__art {
    grid-column: 7 / span 2;
    grid-row: 1;
    justify-self: end;
  }

  [data-themed-evenings-page] .te-closing__panel {
    grid-column: 2 / span 6;
  }
}

@media (max-width: 1039px) {
  [data-themed-evenings-page] .te-hero {
    padding-block-start: var(--space-8);
  }

  [data-themed-evenings-page] .te-hero__title {
    font-size: clamp(2.8rem, 6vw, 4.4rem);
  }
}

@media (max-width: 959px) {
  [data-themed-evenings-page] .te-fire-feature__copy {
    grid-column: 1 / span 3;
  }

  [data-themed-evenings-page] .te-fire-feature__media-wrap {
    grid-column: 4 / span 5;
  }
}

@media (max-width: 899px) {
  [data-themed-evenings-page] .te-flow__list {
    grid-template-columns: 1fr 5fr 2fr;
  }

  [data-themed-evenings-page] .te-planning__cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  [data-themed-evenings-page] .te-planning-card:nth-child(3) {
    grid-column: 1 / -1;
  }

  [data-themed-evenings-page] .te-faq__art {
    display: none;
  }
}

@media (max-width: 767px) {
  [data-themed-evenings-page] .te-grid,
  [data-themed-evenings-page] .te-concept-ledger,
  [data-themed-evenings-page] .te-flow__list,
  [data-themed-evenings-page] .te-after-dark__notes,
  [data-themed-evenings-page] .te-planning__cards {
    grid-template-columns: minmax(0, 1fr);
  }

  [data-themed-evenings-page] .te-hero,
  [data-themed-evenings-page] .te-concepts,
  [data-themed-evenings-page] .te-flow,
  [data-themed-evenings-page] .te-fire-feature,
  [data-themed-evenings-page] .te-after-dark,
  [data-themed-evenings-page] .te-planning,
  [data-themed-evenings-page] .te-dates,
  [data-themed-evenings-page] .te-faq {
    padding-block: var(--space-7);
  }

  [data-themed-evenings-page] .te-hero__media-wrap,
  [data-themed-evenings-page] .te-hero__copy,
  [data-themed-evenings-page] .te-hero__rule,
  [data-themed-evenings-page] .te-concepts__intro,
  [data-themed-evenings-page] .te-concept-ledger,
  [data-themed-evenings-page] .te-flow__heading,
  [data-themed-evenings-page] .te-flow__list,
  [data-themed-evenings-page] .te-fire-feature__copy,
  [data-themed-evenings-page] .te-fire-feature__media-wrap,
  [data-themed-evenings-page] .te-after-dark__copy,
  [data-themed-evenings-page] .te-after-dark__media-wrap,
  [data-themed-evenings-page] .te-after-dark__notes,
  [data-themed-evenings-page] .te-planning__heading,
  [data-themed-evenings-page] .te-planning__cards,
  [data-themed-evenings-page] .te-dates__copy,
  [data-themed-evenings-page] .te-dates__board,
  [data-themed-evenings-page] .te-faq__heading,
  [data-themed-evenings-page] .te-faq__accordion,
  [data-themed-evenings-page] .te-closing__rule,
  [data-themed-evenings-page] .te-closing__panel {
    grid-column: 1;
  }

  [data-themed-evenings-page] .te-hero__media-wrap {
    grid-row: 1;
  }

  [data-themed-evenings-page] .te-hero__copy {
    grid-row: 2;
    margin-block-start: var(--space-4);
  }

  [data-themed-evenings-page] .te-hero__media {
    margin: 0;
    aspect-ratio: 4 / 5;
  }

  [data-themed-evenings-page] .te-hero__title {
    max-width: 11ch;
    font-size: clamp(2.8rem, 13vw, 4.2rem);
  }

  [data-themed-evenings-page] .te-hero__prose {
    max-width: 48ch;
  }

  [data-themed-evenings-page] .te-hero .button,
  [data-themed-evenings-page] .te-dates .button {
    width: min(100%, 340px);
  }

  [data-themed-evenings-page] .te-hero__rule {
    margin-block-start: var(--space-5);
  }

  [data-themed-evenings-page] .te-concepts__intro {
    margin-block-end: var(--space-5);
  }

  [data-themed-evenings-page] .te-concept-card--poker,
  [data-themed-evenings-page] .te-concept-card--roulette,
  [data-themed-evenings-page] .te-concept-card--blackjack,
  [data-themed-evenings-page] .te-concept-card--courtyard,
  [data-themed-evenings-page] .te-concept-card--casino {
    grid-column: 1;
  }

  [data-themed-evenings-page] .te-concept-card__body {
    padding: var(--space-3);
  }

  [data-themed-evenings-page] .te-concept-card__body p {
    max-width: 42ch;
  }

  [data-themed-evenings-page] .te-flow__heading,
  [data-themed-evenings-page] .te-planning__heading {
    align-items: flex-start;
    margin-block-end: var(--space-5);
    text-align: left;
  }

  [data-themed-evenings-page] .te-flow__heading p,
  [data-themed-evenings-page] .te-planning__heading p {
    margin-inline: 0;
  }

  [data-themed-evenings-page] .te-flow__list {
    gap: 0;
  }

  [data-themed-evenings-page] .te-flow__number,
  [data-themed-evenings-page] .te-flow__copy,
  [data-themed-evenings-page] .te-flow__art {
    grid-column: 1;
  }

  [data-themed-evenings-page] .te-flow__number {
    padding-block: var(--space-3) 0;
    border-block-start: 1px solid var(--colour-line);
    font-size: 2.5rem;
  }

  [data-themed-evenings-page] .te-flow__copy {
    padding-block: var(--space-1) var(--space-4);
    border: 0;
  }

  [data-themed-evenings-page] .te-flow__copy p {
    max-width: 48ch;
  }

  [data-themed-evenings-page] .te-flow__art {
    display: none;
  }

  [data-themed-evenings-page] .te-flow__list .te-flow__number:nth-child(n + 4),
  [data-themed-evenings-page] .te-flow__list .te-flow__copy:nth-child(n + 5),
  [data-themed-evenings-page] .te-flow__list .te-flow__art:nth-child(n + 6) {
    margin-block-start: 0;
  }

  [data-themed-evenings-page] .te-fire-feature__media-wrap {
    grid-row: 1;
  }

  [data-themed-evenings-page] .te-fire-feature__copy {
    grid-row: 2;
    margin-block-start: var(--space-4);
  }

  [data-themed-evenings-page] .te-fire-feature__media {
    aspect-ratio: 4 / 5;
  }

  [data-themed-evenings-page] .te-service-note {
    padding: var(--space-3);
  }

  [data-themed-evenings-page] .te-after-dark__media-wrap {
    grid-row: 1;
  }

  [data-themed-evenings-page] .te-after-dark__copy {
    grid-row: 2;
    margin-block-start: var(--space-4);
  }

  [data-themed-evenings-page] .te-after-dark__notes {
    margin-block-start: var(--space-5);
  }

  [data-themed-evenings-page] .te-dark-note--detail,
  [data-themed-evenings-page] .te-dark-note--mood {
    grid-column: 1;
  }

  [data-themed-evenings-page] .te-dark-note {
    padding: var(--space-3);
  }

  [data-themed-evenings-page] .te-planning-card:nth-child(3) {
    grid-column: 1;
  }

  [data-themed-evenings-page] .te-planning-card {
    padding: var(--space-3);
  }

  [data-themed-evenings-page] .te-dates__copy {
    margin-block-end: var(--space-4);
  }

  [data-themed-evenings-page] .te-date-group__title,
  [data-themed-evenings-page] .te-date-row {
    padding-inline: var(--space-3);
  }

  [data-themed-evenings-page] .te-date-row {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-1);
    padding-block: var(--space-3);
  }

  [data-themed-evenings-page] .te-faq__heading {
    margin-block-end: var(--space-4);
  }

  [data-themed-evenings-page] .te-faq__panel {
    padding-inline: 0 var(--space-3);
  }

  [data-themed-evenings-page] .te-faq__panel p {
    max-width: 46ch;
  }

  [data-themed-evenings-page] .te-closing {
    padding-block: var(--space-6);
  }

  [data-themed-evenings-page] .te-closing__rule {
    margin-block-end: var(--space-4);
  }

  [data-themed-evenings-page] .te-closing__panel {
    padding: var(--space-4) var(--space-3);
  }

  [data-themed-evenings-page] .te-closing__actions {
    flex-direction: column;
    width: min(100%, 340px);
  }

  [data-themed-evenings-page] .te-closing__actions > * {
    width: 100%;
  }

  [data-themed-evenings-page] .te-menu-link {
    justify-content: center;
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-themed-evenings-page] .te-media img,
  [data-themed-evenings-page] .te-faq__icon::before,
  [data-themed-evenings-page] .te-faq__icon::after {
    transition: none;
  }
}


.drinks-page{background:var(--colour-chalk)}
.drinks-page .container{min-width:0}.drinks-page h2{margin-bottom:var(--space-3)}
.drinks-hero__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,1fr) minmax(0,6fr);align-items:center;gap:var(--space-4)}
.drinks-hero__copy{grid-column:1/2;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);min-width:0}.drinks-hero__copy>*{min-width:0;margin:0}.drinks-hero__copy .lead{max-width:54ch}.drinks-hero__copy .rule{max-width:54ch}.drinks-hero__image{grid-column:3/4;width:100%;margin:0}.drinks-hero__image img{width:100%;height:620px;object-fit:cover}.drinks-hero__button{margin-top:var(--space-1)}
.drinks-cocktails__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--space-6);align-items:start}.drinks-cocktails__intro{min-width:0}.drinks-cocktails__intro p:last-child{max-width:48ch}.drinks-cocktails__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);min-width:0}.drinks-note-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:var(--space-4);border:var(--border-default);border-radius:var(--radius-sharp);background:var(--colour-chalk);gap:var(--space-2)}.drinks-note-card>*{margin:0;min-width:0}.drinks-note-card h3{font-size:var(--text-h4)}.drinks-note-card p:not(.meta){max-width:35ch}.drinks-note-card a{margin-top:auto}
.drinks-pairing__lead{max-width:58ch;margin-inline:auto;text-align:center}.drinks-pairing__cues{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:var(--space-6)}.drinks-pairing__cues>article{min-width:0;padding:0 var(--space-4);border-inline-start:1px solid var(--colour-timber)}.drinks-pairing__cues>article:first-child{border-inline-start:0}.drinks-pairing__cues p:not(.meta){max-width:34ch}
.drinks-wine__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,1fr) minmax(0,4fr);gap:var(--space-4);align-items:center}.drinks-wine__image{grid-column:1/2;width:100%;margin:0}.drinks-wine__image img{width:100%;height:560px;object-fit:cover}.drinks-wine__copy{grid-column:3/4;min-width:0}.drinks-wine__copy>p:not(.eyebrow){max-width:43ch}.drinks-wine__note{border-top:1px solid var(--colour-clay);padding-top:var(--space-3);margin-top:var(--space-4)}.drinks-wine__note p{max-width:43ch}
.drinks-zero__grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,1fr) minmax(0,4fr) minmax(0,3fr);gap:var(--space-3);align-items:start}.drinks-zero__lead{grid-column:1/2;min-width:0}.drinks-zero__lead p:last-child{max-width:42ch}.drinks-zero__image{grid-column:3/4;width:100%;margin:0}.drinks-zero__image img{width:100%;height:510px;object-fit:cover}.drinks-zero__cards{grid-column:4/5;display:flex;flex-direction:column;gap:var(--space-3);min-width:0}.drinks-zero-card{min-width:0;border:var(--border-default);padding:var(--space-3);background:var(--colour-chalk)}.drinks-zero-card p{max-width:32ch}.drinks-zero__quote{grid-column:1/4;max-width:48ch;margin-top:var(--space-5)}
.drinks-evening__panel{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,1fr) minmax(0,3fr);gap:var(--space-4);padding:var(--space-6)}.drinks-evening__main{grid-column:1/2;min-width:0}.drinks-evening__main p:last-child{max-width:52ch}.drinks-evening__note{grid-column:3/4;min-width:0;border-inline-start:1px solid var(--colour-line);padding-inline-start:var(--space-4)}.drinks-evening__note p{max-width:31ch}
.drinks-occasions__intro{max-width:50ch}.drinks-occasions__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-5)}.drinks-occasions__cards article{min-width:0;background:var(--colour-pale-stone);border:var(--border-default);padding:var(--space-4)}.drinks-occasions__cards p{max-width:35ch}
.drinks-cta__content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3);max-width:48ch;margin-inline:auto}.drinks-cta__content>*{margin:0;min-width:0}.drinks-cta__content .button{margin-top:var(--space-1)}
.drinks-next__grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,1fr) minmax(0,3fr) minmax(0,3fr);gap:var(--space-3);align-items:start}.drinks-next__intro{grid-column:1/2;min-width:0}.drinks-next__intro p:last-child{max-width:42ch}.drinks-next__card{min-width:0;border:var(--border-default);padding:var(--space-4);background:var(--colour-chalk)}.drinks-next__card:nth-child(2){grid-column:3/4}.drinks-next__card:nth-child(3){grid-column:4/5}.drinks-next__card p{max-width:34ch}
.drinks-page .image-frame:hover img{transform:scale(1.015) translateY(-8px)}
@media(max-width:1199px){.drinks-hero__grid{grid-template-columns:minmax(0,3fr) minmax(0,1fr) minmax(0,4fr)}.drinks-hero__image img{height:540px}.drinks-cocktails__grid{grid-template-columns:minmax(0,3fr) minmax(0,5fr)}.drinks-cocktails__cards{grid-template-columns:repeat(2,minmax(0,1fr))}.drinks-cocktails__cards article:last-child{grid-column:1/2}.drinks-wine__grid{grid-template-columns:minmax(0,5fr) minmax(0,3fr)}.drinks-wine__image{grid-column:1/2}.drinks-wine__copy{grid-column:2/3}.drinks-zero__grid{grid-template-columns:repeat(8,minmax(0,1fr))}.drinks-zero__lead{grid-column:1/4}.drinks-zero__image{grid-column:4/7}.drinks-zero__cards{grid-column:7/9}.drinks-evening__panel{grid-template-columns:minmax(0,5fr) minmax(0,3fr)}.drinks-evening__main{grid-column:1/2}.drinks-evening__note{grid-column:2/3}.drinks-next__grid{grid-template-columns:minmax(0,3fr) minmax(0,5fr)}.drinks-next__intro{grid-column:1/2}.drinks-next__card:nth-child(2){grid-column:2/3}.drinks-next__card:nth-child(3){grid-column:2/3}}
@media(max-width:959px){.drinks-hero__grid,.drinks-wine__grid{grid-template-columns:1fr}.drinks-hero__image{grid-column:1;grid-row:1}.drinks-hero__copy{grid-column:1;grid-row:2;max-width:54ch}.drinks-hero__image img,.drinks-wine__image img{height:auto;aspect-ratio:4/3}.drinks-wine__image,.drinks-wine__copy{grid-column:1}.drinks-cocktails__grid{grid-template-columns:1fr}.drinks-cocktails__intro{max-width:50ch}.drinks-zero__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.drinks-zero__lead{grid-column:1/3}.drinks-zero__image{grid-column:1/2}.drinks-zero__cards{grid-column:2/3}.drinks-zero__quote{grid-column:1/3}.drinks-evening__panel{grid-template-columns:1fr}.drinks-evening__main,.drinks-evening__note{grid-column:1}.drinks-evening__note{border-inline-start:0;border-top:1px solid var(--colour-line);padding-inline-start:0;padding-top:var(--space-4)}.drinks-next__grid{grid-template-columns:1fr}.drinks-next__intro,.drinks-next__card:nth-child(2),.drinks-next__card:nth-child(3){grid-column:1}.drinks-next__intro{max-width:42ch}.drinks-next__card{max-width:34ch}}
@media(max-width:767px){.drinks-hero__copy .lead,.drinks-hero__copy .rule{max-width:34ch}.drinks-hero__button{width:100%}.drinks-cocktails__cards,.drinks-pairing__cues,.drinks-occasions__cards{grid-template-columns:1fr}.drinks-cocktails__cards article:last-child{grid-column:1}.drinks-note-card{padding:var(--space-4)}.drinks-pairing__lead{text-align:left;margin-inline:0}.drinks-pairing__lead .eyebrow,.drinks-pairing__lead h2{text-align:center}.drinks-pairing__cues{margin-top:var(--space-4);gap:0}.drinks-pairing__cues>article{border-inline-start:0;border-top:var(--border-default);padding:var(--space-4) 0}.drinks-pairing__cues>article:first-child{border-top:0}.drinks-wine__copy>p:not(.eyebrow),.drinks-wine__note p{max-width:39ch}.drinks-zero__grid{grid-template-columns:1fr}.drinks-zero__lead,.drinks-zero__image,.drinks-zero__cards,.drinks-zero__quote{grid-column:1}.drinks-zero__image img{height:auto;aspect-ratio:4/3}.drinks-zero__cards{gap:var(--space-3)}.drinks-zero__quote{margin-top:var(--space-4)}.drinks-evening__panel{padding:var(--space-4)}.drinks-evening__main p:last-child{max-width:36ch}.drinks-evening__note p{max-width:36ch}.drinks-occasions__cards{gap:var(--space-3)}.drinks-cta__content{max-width:36ch}.drinks-cta__content .button{width:100%}.drinks-next__card{max-width:none}.drinks-next__intro p:last-child{max-width:35ch}}


.thank-you-page {
  display: grid;
  min-height: calc(100vh - 12rem);
  place-items: center;
  background:
    linear-gradient(90deg, transparent 0, transparent calc(50% - 0.5px), rgb(135 96 68 / 18%) calc(50% - 0.5px), rgb(135 96 68 / 18%) calc(50% + 0.5px), transparent calc(50% + 0.5px)),
    var(--colour-sandstone);
}

.thank-you-page__inner {
  width: 100%;
  padding-block: var(--space-9);
}

.thank-you-page__panel {
  position: relative;
  max-width: 48rem;
  margin-inline: auto;
  border: var(--border-default);
  border-top: 3px solid var(--colour-clay);
  border-radius: var(--radius-sharp);
  background: var(--colour-chalk);
  padding: clamp(var(--space-5), 6vw, var(--space-8));
  text-align: center;
}

.thank-you-page__panel::before {
  position: absolute;
  top: var(--space-4);
  left: var(--space-4);
  width: 1.5rem;
  height: 1.5rem;
  border-top: 1px solid var(--colour-timber);
  border-left: 1px solid var(--colour-timber);
  content: "";
}

.thank-you-page__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-3);
}

.thank-you-page__content > * {
  margin: 0;
}

.thank-you-page__mark {
  display: grid;
  width: 3.5rem;
  height: 3.5rem;
  place-items: center;
  border: 1px solid var(--colour-eucalyptus);
  border-radius: 50%;
  color: var(--colour-eucalyptus);
}

.thank-you-page__mark svg {
  width: 1.75rem;
  height: 1.75rem;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.5;
}

.thank-you-page__eyebrow {
  color: var(--colour-clay);
}

.thank-you-page__title {
  max-width: 14ch;
  margin-inline: auto;
}

.thank-you-page__copy {
  max-width: 38rem;
  margin-inline: auto;
  color: var(--colour-ink-muted);
  text-align: center;
}

.thank-you-page__actions {
  justify-content: center;
  margin-top: var(--space-2);
}

@media (max-width: 767px) {
  .thank-you-page {
    min-height: auto;
    background: var(--colour-sandstone);
  }

  .thank-you-page__inner {
    padding-block: var(--space-7);
  }

  .thank-you-page__panel {
    padding: var(--space-6) var(--space-4);
  }

  .thank-you-page__actions {
    width: 100%;
  }
}