:root {
  --color-paper: #e8e5da;
  --color-paper-alt: #dfdccf;
  --color-ink: #1c221e;
  --color-sepia: #483c32;
  --color-cherry: #a63a50;
  --color-on-cherry: #e8e5da;

  --font-body: "Source Serif 4", Georgia, serif;
  --font-heading: "Fraunces", Georgia, serif;
  --font-ui: "IBM Plex Sans", Arial, sans-serif;

  --text-body: 1.125rem;
  --text-body-mobile: 1.0625rem;
  --text-small: 0.875rem;
  --text-meta: 0.75rem;
  --text-label: 0.6875rem;
  --text-lead: clamp(1.1875rem, 1.7vw, 1.375rem);
  --text-h1: clamp(2.625rem, 6vw, 4rem);
  --text-display: clamp(3rem, 7vw, 5.125rem);
  --text-h2: clamp(1.8125rem, 3.4vw, 2.25rem);
  --text-h3: clamp(1.375rem, 2.4vw, 1.5625rem);
  --text-footer-heading: 1.5rem;

  --leading-body: 1.65;
  --leading-body-mobile: 1.62;
  --leading-heading: 1.05;
  --leading-display: 0.92;
  --leading-meta: 1.35;
  --leading-small: 1.45;

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

  --container-max: 77.5rem;
  --container-wide-max: 72.5rem;
  --content-max: 45rem;
  --container-padding: 2rem;

  --border-subtle: 1px solid var(--color-sepia);
  --border-strong: 2px solid var(--color-sepia);
  --shadow-paper: 0 3px 0 rgb(28 34 30 / 14%);

  --radius-none: 0;
  --radius-control: 2px;
  --radius-panel: 4px;

  --focus-ring: 3px solid var(--color-cherry);
  --focus-offset: 3px;
}

@media (max-width: 1099px) {
  :root {
    --container-padding: 1.5rem;
  }
}

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

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

html {
  min-width: 320px;
  background: var(--color-paper);
  color: var(--color-ink);
  scroll-behavior: smooth;
  text-size-adjust: 100%;
}

body {
  min-width: 320px;
  min-height: 100vh;
  margin: 0;
  overflow-x: hidden;
  background: var(--color-paper);
  color: var(--color-ink);
  font-family: var(--font-body);
  font-size: var(--text-body);
  font-weight: 400;
  line-height: var(--leading-body);
  text-rendering: optimizeLegibility;
}

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

img,
video {
  height: auto;
}

iframe {
  border: 0;
}

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

button,
select {
  text-transform: none;
}

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

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

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

input,
select,
textarea {
  width: 100%;
  border: var(--border-subtle);
  border-radius: var(--radius-control);
  background: var(--color-paper);
  padding: var(--space-3) var(--space-4);
  line-height: 1.35;
}

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

input[type="checkbox"],
input[type="radio"] {
  width: auto;
  accent-color: var(--color-cherry);
}

fieldset {
  min-width: 0;
  margin: 0 0 var(--space-6);
  border: var(--border-subtle);
  padding: var(--space-4);
}

legend {
  padding: 0 var(--space-2);
  font-family: var(--font-ui);
  font-size: var(--text-meta);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

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

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

th {
  font-family: var(--font-ui);
  font-size: var(--text-meta);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

hr {
  height: 0;
  margin: var(--space-8) 0;
  border: 0;
  border-top: var(--border-subtle);
  color: inherit;
}

a {
  color: var(--color-ink);
  text-decoration-color: var(--color-sepia);
  text-decoration-thickness: 1px;
  text-underline-offset: 0.18em;
  transition: color 160ms ease, text-decoration-color 160ms ease;
}

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

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible {
  outline: var(--focus-ring);
  outline-offset: var(--focus-offset);
}

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

h1 {
  font-size: var(--text-h1);
  font-weight: 700;
  line-height: 0.98;
}

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

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

h4 {
  font-size: 1.25rem;
  line-height: 1.15;
}

h5,
h6 {
  font-size: 1.0625rem;
  line-height: 1.2;
}

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

ul,
ol {
  margin: 0 0 var(--space-6);
  padding-left: 1.35em;
}

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

blockquote {
  margin: 0 0 var(--space-6);
  border-left: 2px solid var(--color-cherry);
  padding: var(--space-3) 0 var(--space-3) var(--space-6);
  color: var(--color-sepia);
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.4vw, 1.625rem);
  font-weight: 650;
  line-height: 1.25;
}

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

figcaption {
  margin-top: var(--space-2);
  color: var(--color-sepia);
  font-family: var(--font-ui);
  font-size: var(--text-meta);
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: var(--leading-meta);
}

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

dt {
  margin-top: var(--space-4);
  font-family: var(--font-ui);
  font-size: var(--text-meta);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

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

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

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

pre {
  margin: 0 0 var(--space-6);
  overflow-x: auto;
  border: var(--border-subtle);
  background: var(--color-paper-alt);
  padding: var(--space-4);
  font-size: 0.875em;
}

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

mark {
  background: color-mix(in srgb, var(--color-cherry) 18%, var(--color-paper));
  color: inherit;
  padding: 0 0.15em;
}

::selection {
  background: var(--color-cherry);
  color: var(--color-on-cherry);
}

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

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

.content-column {
  max-width: var(--content-max);
}

.flow > * {
  margin-block: 0;
}

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

.flow--compact > * + * {
  margin-top: var(--space-3);
}

.flow--section > * + * {
  margin-top: var(--space-8);
}

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

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

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

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

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

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

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

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

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

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

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

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

.editorial-label {
  margin: 0;
  color: var(--color-sepia);
  font-family: var(--font-ui);
  font-size: var(--text-label);
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: var(--leading-meta);
  text-transform: uppercase;
}

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

.lead {
  color: var(--color-sepia);
  font-size: var(--text-lead);
  line-height: 1.35;
}

.display-title {
  font-size: var(--text-display);
  font-weight: 700;
  line-height: var(--leading-display);
}

.drop-cap::first-letter {
  float: left;
  margin: 0.04em var(--space-2) 0 0;
  color: var(--color-ink);
  font-family: var(--font-heading);
  font-size: 4em;
  font-weight: 700;
  line-height: 0.74;
}

.rule {
  border: 0;
  border-top: var(--border-subtle);
  margin: 0;
}

.inset {
  border: var(--border-subtle);
  background: var(--color-paper-alt);
  padding: var(--space-6);
}

.panel {
  border: var(--border-subtle);
  background: var(--color-paper);
  padding: var(--space-6);
}

.panel--raised {
  box-shadow: var(--shadow-paper);
}

.frame {
  border: var(--border-subtle);
}

.button,
button.button,
a.button {
  display: inline-flex;
  min-width: 0;
  min-height: 3rem;
  align-items: center;
  justify-content: center;
  border: 2px solid var(--color-cherry);
  border-radius: var(--radius-control);
  background: var(--color-cherry);
  color: var(--color-on-cherry);
  font-family: var(--font-ui);
  font-size: var(--text-meta);
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.2;
  padding: 0.75rem 1rem;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;
}

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

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

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

.button--full {
  width: 100%;
}

.content-list {
  margin: 0 0 var(--space-6);
  padding-left: 1.35em;
}

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

.inset > :last-child,
.panel > :last-child,
.content-group > :last-child {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  body {
    font-size: var(--text-body-mobile);
    line-height: var(--leading-body-mobile);
  }

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

  blockquote {
    padding-left: var(--space-4);
  }

  .inset,
  .panel {
    padding: var(--space-4);
  }

  .button,
  button.button,
  a.button {
    min-height: 3rem;
  }
}

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

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


.site-header {
  position: relative;
  z-index: 40;
  border-bottom: var(--border-strong);
  background: var(--color-paper);
}

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

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

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

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

.site-header__brand-text {
  font-family: var(--font-heading);
  font-size: clamp(1.875rem, 2.5vw, 2.25rem);
  font-weight: 700;
  letter-spacing: -0.04em;
  line-height: 1;
  white-space: nowrap;
}

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

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

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

.site-header__nav-link {
  display: inline-flex;
  min-height: 2.75rem;
  align-items: center;
  border-bottom: 1px solid transparent;
  color: var(--color-ink);
  font-family: var(--font-ui);
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  line-height: 1.15;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
}

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

.site-header__toggle {
  display: none;
  width: 3rem;
  min-width: 3rem;
  height: 3rem;
  align-items: center;
  justify-content: center;
  border: var(--border-subtle);
  border-radius: var(--radius-control);
  background: transparent;
  padding: 0;
}

.site-header__toggle-lines,
.site-header__toggle-lines::before,
.site-header__toggle-lines::after {
  display: block;
  width: 1.25rem;
  height: 2px;
  background: var(--color-ink);
  content: "";
  transition: transform 160ms ease, opacity 160ms ease;
}

.site-header__toggle-lines {
  position: relative;
}

.site-header__toggle-lines::before,
.site-header__toggle-lines::after {
  position: absolute;
  left: 0;
}

.site-header__toggle-lines::before {
  top: -0.4rem;
}

.site-header__toggle-lines::after {
  top: 0.4rem;
}

.site-header__toggle[aria-expanded="true"] .site-header__toggle-lines {
  background: transparent;
}

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

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

@media (max-width: 899px) {
  body.site-menu-open {
    overflow: hidden;
  }

  .site-header__inner {
    min-height: 4.5rem;
    justify-content: space-between;
    gap: var(--space-3);
  }

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

  .site-header__brand-text {
    font-size: clamp(1.5rem, 6vw, 1.75rem);
  }

  .site-header__toggle {
    display: inline-flex;
  }

  .site-header__nav {
    position: fixed;
    z-index: 41;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: grid;
    visibility: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    align-content: start;
    border-top: var(--border-strong);
    background: var(--color-paper);
    opacity: 0;
    padding: calc(4.5rem + var(--space-6)) var(--container-padding) var(--space-6);
    pointer-events: none;
    transition: opacity 160ms ease, visibility 160ms ease;
  }

  .site-header__nav--open {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
  }

  .site-header__nav-list {
    display: grid;
    width: min(100%, 38rem);
    margin-inline: auto;
    border-top: var(--border-subtle);
    gap: 0;
  }

  .site-header__nav-list li {
    border-bottom: var(--border-subtle);
  }

  .site-header__nav-link {
    width: 100%;
    min-height: 3.5rem;
    padding: var(--space-3) 0;
    font-size: var(--text-meta);
  }

  .site-header__nav-link:hover,
  .site-header__nav-link[aria-current="page"] {
    border-bottom-color: transparent;
  }

  .site-header__toggle {
    position: relative;
    z-index: 42;
  }
}

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

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


.site-footer {
  margin-top: var(--space-16);
  border-top: var(--border-strong);
  background: var(--color-paper-alt);
  color: var(--color-ink);
}

.site-footer__inner {
  padding-block: var(--space-12) var(--space-6);
}

.site-footer__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) repeat(2, minmax(10rem, 1fr));
  gap: var(--space-8);
  padding-bottom: var(--space-8);
}

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

.site-footer__brand > *,
.site-footer__column > * {
  margin: 0;
}

.site-footer__brand > * + *,
.site-footer__column > * + * {
  margin-top: var(--space-3);
}

.site-footer__title {
  font-family: var(--font-heading);
  font-size: var(--text-footer-heading);
  font-weight: 650;
  letter-spacing: -0.02em;
  line-height: 1.1;
}

.site-footer__copy {
  max-width: 34rem;
  color: var(--color-sepia);
  font-size: var(--text-small);
  line-height: var(--leading-small);
}

.site-footer__note {
  border-left: 2px solid var(--color-cherry);
  padding-left: var(--space-3);
  color: var(--color-sepia);
  font-size: var(--text-small);
  line-height: var(--leading-small);
}

.site-footer__heading {
  font-family: var(--font-ui);
  font-size: var(--text-label);
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: var(--leading-meta);
  text-transform: uppercase;
}

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

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

.site-footer__links a {
  font-size: var(--text-small);
  line-height: 1.4;
}

.site-footer__play {
  width: fit-content;
  margin-top: var(--space-4);
}

.site-footer__bottom {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: var(--space-3);
  border-top: var(--border-subtle);
  padding-top: var(--space-4);
  color: var(--color-sepia);
  font-family: var(--font-ui);
  font-size: var(--text-meta);
  font-weight: 500;
  letter-spacing: 0.06em;
  line-height: var(--leading-meta);
  text-transform: uppercase;
}

.site-consent {
  position: fixed;
  z-index: 50;
  right: max(var(--container-padding), env(safe-area-inset-right));
  bottom: max(var(--container-padding), env(safe-area-inset-bottom));
  width: min(100% - (var(--container-padding) * 2), 34rem);
  border: var(--border-strong);
  border-radius: var(--radius-panel);
  background: var(--color-paper);
  box-shadow: var(--shadow-paper);
  padding: var(--space-4);
  transition: opacity 180ms ease, transform 180ms ease;
}

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

.site-consent--hiding {
  opacity: 0;
  transform: translateY(var(--space-2));
}

.site-consent__content > * {
  margin: 0;
}

.site-consent__content > * + * {
  margin-top: var(--space-2);
}

.site-consent__title {
  font-family: var(--font-heading);
  font-size: 1.25rem;
  font-weight: 650;
  line-height: 1.15;
}

.site-consent__copy {
  color: var(--color-sepia);
  font-size: var(--text-small);
  line-height: var(--leading-small);
}

.site-consent__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-top: var(--space-4);
}

.site-consent__actions .button {
  flex: 1 1 10rem;
}

@media (max-width: 767px) {
  .site-footer__inner {
    padding-block: var(--space-8) var(--space-6);
  }

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

  .site-footer__play {
    width: 100%;
  }

  .site-consent {
    right: var(--space-4);
    bottom: var(--space-4);
    width: calc(100% - (var(--space-4) * 2));
  }
}


.cookies-page {
  padding: var(--space-16) 0 var(--space-24);
}

.cookies-page__document {
  min-width: 0;
}

.cookies-page__hero {
  display: grid;
  grid-template-columns: minmax(0, 8fr) minmax(0, 4fr);
}

.cookies-page__hero-copy {
  grid-column: 1;
  width: 100%;
  min-width: 0;
  max-width: 45rem;
}

.cookies-page__hero-copy > .editorial-label {
  margin-bottom: var(--space-2);
}

.cookies-page__hero-copy > h1 {
  max-width: 42.5rem;
}

.cookies-page__hero-copy > .lead {
  max-width: 38.75rem;
}

.cookies-page__hero-copy > .rule {
  margin: var(--space-8) 0 var(--space-4);
}

.cookies-page__independence-note {
  max-width: 38.75rem;
  margin-bottom: 0;
  color: var(--color-sepia);
  font-family: var(--font-ui);
  font-size: var(--text-meta);
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: var(--leading-meta);
}

.cookies-section {
  margin-top: var(--space-16);
}

.cookies-section__definition-grid,
.cookies-section__settings-grid {
  display: grid;
  min-width: 0;
  column-gap: var(--space-6);
  align-items: start;
}

.cookies-section__definition-grid {
  grid-template-columns: minmax(0, 7fr) minmax(0, 3fr) minmax(0, 2fr);
}

.cookies-section__definition-copy {
  grid-column: 1;
  width: 100%;
  min-width: 0;
  max-width: 38.75rem;
}

.cookies-section__definition-copy > .editorial-label,
.cookies-section__categories-intro > .editorial-label,
.cookies-section__settings-copy > .editorial-label,
.cookies-section__information-heading > .editorial-label {
  margin-bottom: var(--space-2);
}

.cookies-section .editorial-label span {
  color: var(--color-cherry);
  margin-right: var(--space-2);
}

.cookies-summary {
  grid-column: 2 / span 2;
  width: 100%;
  min-width: 0;
  border-left: var(--border-subtle);
  padding: var(--space-6);
}

.cookies-summary > .editorial-label,
.cookies-effects > .editorial-label,
.cookies-publisher-panel > .editorial-label {
  margin-bottom: var(--space-2);
}

.cookies-summary > h3,
.cookies-effects > h3 {
  margin-bottom: var(--space-3);
}

.cookies-summary > p:last-child,
.cookies-effects > ul:last-child {
  margin-bottom: 0;
}

.cookies-section--categories {
  padding-top: var(--space-16);
  border-top: var(--border-subtle);
}

.cookies-section__categories-intro {
  width: 100%;
  min-width: 0;
  max-width: 42.5rem;
}

.cookies-category-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  min-width: 0;
  margin-top: var(--space-8);
}

.cookies-category {
  width: 100%;
  min-width: 0;
  padding: 0 var(--space-6);
}

.cookies-category:first-child {
  padding-left: 0;
}

.cookies-category + .cookies-category {
  border-left: var(--border-subtle);
}

.cookies-category__label {
  margin-bottom: var(--space-2);
  color: var(--color-sepia);
  font-family: var(--font-ui);
  font-size: var(--text-label);
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: var(--leading-meta);
  text-transform: uppercase;
}

.cookies-category__label--accent {
  color: var(--color-cherry);
}

.cookies-category > h3 {
  margin-bottom: var(--space-3);
}

.cookies-category > p {
  max-width: 18.75rem;
}

.cookies-category__effect {
  margin-bottom: 0;
  color: var(--color-sepia);
  font-size: var(--text-small);
  line-height: var(--leading-small);
}

.cookies-section--settings {
  padding-top: var(--space-16);
  border-top: var(--border-subtle);
}

.cookies-section__settings-grid {
  grid-template-columns: minmax(0, 7fr) minmax(0, 3fr) minmax(0, 2fr);
}

.cookies-section__settings-copy {
  grid-column: 1;
  width: 100%;
  min-width: 0;
  max-width: 40rem;
}

.cookies-effects {
  grid-column: 2 / span 2;
  width: 100%;
  min-width: 0;
  padding: var(--space-6);
}

.cookies-effects > ul {
  padding-left: 1.2em;
}

.cookies-effects li + li {
  margin-top: var(--space-2);
}

.cookies-section__legal-link {
  width: 100%;
  min-width: 0;
  max-width: 40rem;
  margin-top: var(--space-8);
  margin-bottom: 0;
  padding-top: var(--space-6);
  border-top: var(--border-subtle);
}

.cookies-section__legal-link a,
.cookies-section__information-close a,
.cookies-publisher-panel__related a {
  text-decoration-thickness: 1px;
}

.cookies-section--information {
  padding-top: var(--space-16);
  border-top: var(--border-subtle);
}

.cookies-section__information-heading {
  width: 100%;
  min-width: 0;
  max-width: 42.5rem;
}

.cookies-purpose-list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  width: min(100%, 54.375rem);
  min-width: 0;
  margin-top: var(--space-8);
  border-top: var(--border-subtle);
}

.cookies-purpose-item {
  display: grid;
  grid-template-columns: 4rem minmax(0, 1fr);
  width: 100%;
  min-width: 0;
  column-gap: var(--space-4);
  padding: var(--space-6) 0;
  border-bottom: var(--border-subtle);
}

.cookies-purpose-item__number {
  width: 100%;
  min-width: 0;
  color: var(--color-cherry);
  font-family: var(--font-ui);
  font-size: var(--text-meta);
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: var(--leading-meta);
}

.cookies-purpose-item__copy {
  width: 100%;
  min-width: 0;
  max-width: 38.75rem;
}

.cookies-purpose-item__copy > h3 {
  margin-bottom: var(--space-2);
}

.cookies-purpose-item__copy > p {
  margin-bottom: 0;
}

.cookies-section__information-close {
  width: 100%;
  min-width: 0;
  max-width: 42.5rem;
  margin-top: var(--space-8);
  margin-bottom: 0;
}

.cookies-section--publisher {
  padding-top: var(--space-16);
  border-top: var(--border-subtle);
}

.cookies-publisher-panel {
  display: flex;
  flex-direction: column;
  width: min(100%, 48.75rem);
  min-width: 0;
  gap: var(--space-4);
  border: var(--border-subtle);
  border-top: var(--border-strong);
  background: var(--color-paper-alt);
  padding: var(--space-8);
}

.cookies-publisher-panel > * {
  min-width: 0;
  margin: 0;
}

.cookies-publisher-panel > h2,
.cookies-publisher-panel > p {
  max-width: 38.75rem;
}

.cookies-publisher-panel__related {
  padding-top: var(--space-4);
  border-top: var(--border-subtle);
}

@media (max-width: 1099px) {
  .cookies-page__hero {
    grid-template-columns: minmax(0, 7fr) minmax(0, 1fr);
  }

  .cookies-section__definition-grid,
  .cookies-section__settings-grid {
    grid-template-columns: minmax(0, 5fr) minmax(0, 3fr);
  }

  .cookies-summary,
  .cookies-effects {
    grid-column: 2;
  }

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

  .cookies-category {
    padding: 0 var(--space-6);
  }

  .cookies-category:nth-child(odd) {
    padding-left: 0;
  }

  .cookies-category:nth-child(3) {
    grid-column: 1 / -1;
    max-width: 50%;
    border-left: 0;
    border-top: var(--border-subtle);
    padding: var(--space-6) 0 0;
  }
}

@media (max-width: 1024px) {
  .cookies-section__definition-grid,
  .cookies-section__settings-grid {
    grid-template-columns: minmax(0, 1fr);
    row-gap: var(--space-6);
  }

  .cookies-section__definition-copy,
  .cookies-section__settings-copy,
  .cookies-summary,
  .cookies-effects {
    grid-column: 1;
  }

  .cookies-summary,
  .cookies-effects {
    max-width: 40rem;
    border-left: 0;
  }
}

@media (max-width: 899px) {
  .cookies-publisher-panel {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .cookies-page {
    padding: var(--space-12) 0 var(--space-16);
  }

  .cookies-page__hero {
    display: block;
  }

  .cookies-page__hero-copy,
  .cookies-page__hero-copy > h1,
  .cookies-page__hero-copy > .lead,
  .cookies-page__independence-note,
  .cookies-section__definition-copy,
  .cookies-section__categories-intro,
  .cookies-section__settings-copy,
  .cookies-section__legal-link,
  .cookies-section__information-heading,
  .cookies-section__information-close {
    max-width: none;
  }

  .cookies-section {
    margin-top: var(--space-12);
  }

  .cookies-section--categories,
  .cookies-section--settings,
  .cookies-section--information,
  .cookies-section--publisher {
    padding-top: var(--space-12);
  }

  .cookies-summary,
  .cookies-effects {
    max-width: none;
    padding: var(--space-4);
  }

  .cookies-category-grid {
    grid-template-columns: minmax(0, 1fr);
    margin-top: var(--space-6);
    row-gap: 0;
  }

  .cookies-category,
  .cookies-category:first-child,
  .cookies-category:nth-child(odd),
  .cookies-category:nth-child(3) {
    grid-column: auto;
    width: 100%;
    max-width: none;
    padding: var(--space-6) 0;
    border-left: 0;
    border-top: var(--border-subtle);
  }

  .cookies-category:first-child {
    border-top: 0;
    padding-top: 0;
  }

  .cookies-category:last-child {
    padding-bottom: 0;
    border-bottom: 0;
  }

  .cookies-category > p {
    max-width: none;
  }

  .cookies-purpose-list {
    width: 100%;
    margin-top: var(--space-6);
  }

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

  .cookies-purpose-item__copy {
    max-width: none;
  }

  .cookies-publisher-panel {
    gap: var(--space-4);
    padding: 1.25rem var(--space-4);
  }

  .cookies-publisher-panel > h2,
  .cookies-publisher-panel > p {
    max-width: none;
  }
}


.kontakt-page {
  padding-bottom: var(--space-24);
}

.kontakt-page__hero,
.kontakt-page__reasons,
.kontakt-page__form-section,
.kontakt-page__guidance,
.kontakt-page__scope,
.kontakt-page__closing {
  padding-top: var(--space-16);
}

.kontakt-page__hero {
  padding-top: var(--space-24);
  padding-bottom: var(--space-12);
  border-bottom: 3px double var(--color-sepia);
}

.kontakt-page__hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 8fr) minmax(0, 1fr) minmax(15.625rem, 3fr);
  column-gap: var(--space-6);
  align-items: start;
}

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

.kontakt-page__hero-copy {
  grid-column: 1 / 2;
  width: 100%;
  max-width: 48.75rem;
}

.kontakt-page__hero-copy > :last-child,
.kontakt-page__editorial-note > :last-child,
.kontakt-page__section-heading > :last-child,
.kontakt-page__guidance-copy > :last-child,
.kontakt-page__privacy > :last-child,
.kontakt-page__scope-copy > :last-child,
.kontakt-page__independence-note > :last-child,
.kontakt-page__closing-copy > :last-child {
  margin-bottom: 0;
}

.kontakt-page__accent-label {
  color: var(--color-cherry);
}

.kontakt-page__hero-copy h1 {
  margin-top: var(--space-2);
  margin-bottom: var(--space-6);
  font-size: clamp(3.125rem, 6vw, 4rem);
}

.kontakt-page__hero-copy .lead {
  max-width: 42.5rem;
}

.kontakt-page__editorial-note {
  grid-column: 3 / 4;
  width: 100%;
  min-width: 15.625rem;
  border-left: var(--border-subtle);
  background: var(--color-paper-alt);
  padding: var(--space-6);
}

.kontakt-page__editorial-note .editorial-label {
  margin-bottom: var(--space-3);
}

.kontakt-page__editorial-note p:not(.editorial-label) {
  font-size: var(--text-small);
  line-height: var(--leading-small);
}

.kontakt-page__section-heading {
  width: 100%;
  min-width: 0;
  max-width: 42.5rem;
}

.kontakt-page__section-heading .editorial-label {
  margin-bottom: var(--space-2);
}

.kontakt-page__section-heading h2 {
  margin-bottom: var(--space-4);
}

.kontakt-page__reason-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  width: 100%;
  margin-top: var(--space-8);
}

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

.kontakt-page__reason {
  padding: 0 var(--space-6);
  border-left: var(--border-subtle);
}

.kontakt-page__reason:first-child {
  padding-left: 0;
  border-left: 0;
}

.kontakt-page__reason:last-child {
  padding-right: 0;
}

.kontakt-page__number {
  margin-bottom: var(--space-3);
  color: var(--color-cherry);
  font-family: var(--font-heading);
  font-size: clamp(2.25rem, 4vw, 3.5rem);
  font-weight: 700;
  letter-spacing: -0.04em;
  line-height: 0.9;
}

.kontakt-page__reason h3 {
  margin-bottom: var(--space-3);
  font-size: var(--text-h3);
}

.kontakt-page__reason p:last-child {
  max-width: 20rem;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.58;
}

.kontakt-page__form-section {
  padding-top: var(--space-24);
}

.kontakt-page__form-layout {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--space-6);
  width: 100%;
}

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

.kontakt-page__form-column {
  grid-column: 1 / span 8;
  width: 100%;
  max-width: 47.5rem;
}

.kontakt-page__form-heading {
  max-width: 40rem;
  margin-bottom: var(--space-8);
}

.kontakt-page__form {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
  width: 100%;
  min-width: 0;
}

.kontakt-page__field-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-6);
  width: 100%;
}

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

.kontakt-page__field {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  width: 100%;
  min-width: 0;
}

.kontakt-page__field label,
.kontakt-page__checkbox-label {
  font-family: var(--font-ui);
  font-size: var(--text-meta);
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: var(--leading-meta);
  text-transform: uppercase;
}

.kontakt-page__optional {
  color: var(--color-sepia);
  font-weight: 500;
}

.kontakt-page__field input,
.kontakt-page__field select,
.kontakt-page__field textarea {
  min-height: 3rem;
  border-color: var(--color-sepia);
  border-radius: var(--radius-none);
  background: var(--color-paper-alt);
}

.kontakt-page__field textarea {
  min-height: 11rem;
}

.kontakt-page__help,
.kontakt-page__field-error {
  margin: 0;
  font-family: var(--font-ui);
  font-size: var(--text-meta);
  letter-spacing: 0.01em;
  line-height: var(--leading-meta);
}

.kontakt-page__help {
  color: var(--color-sepia);
}

.kontakt-page__field-error {
  min-height: 1.05rem;
  color: var(--color-cherry);
  font-weight: 700;
}

.kontakt-page__consent {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  width: 100%;
  min-width: 0;
  padding: var(--space-4);
}

.kontakt-page__checkbox-label {
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
  width: 100%;
  min-width: 0;
  text-transform: none;
}

.kontakt-page__checkbox-label input {
  flex: 0 0 auto;
  margin-top: 0.2rem;
}

.kontakt-page__form-action {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  width: 100%;
  min-width: 0;
}

.kontakt-page__status {
  min-height: 1.35rem;
  color: var(--color-sepia);
  font-family: var(--font-ui);
  font-size: var(--text-meta);
  line-height: var(--leading-meta);
}

.kontakt-page__error-summary {
  width: 100%;
  border: var(--border-subtle);
  border-left: 3px solid var(--color-cherry);
  background: var(--color-paper-alt);
  padding: var(--space-4);
  color: var(--color-ink);
  font-family: var(--font-ui);
  font-size: var(--text-small);
  line-height: var(--leading-small);
}

.kontakt-page__guidance-grid {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 1fr) minmax(15.625rem, 4fr);
  column-gap: var(--space-6);
  align-items: start;
  width: 100%;
}

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

.kontakt-page__guidance-copy {
  grid-column: 1 / 2;
  width: 100%;
  max-width: 41.25rem;
}

.kontakt-page__guidance-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  margin-bottom: 0;
  padding-left: 1.35em;
}

.kontakt-page__guidance-list li {
  padding-bottom: var(--space-4);
  border-bottom: var(--border-subtle);
}

.kontakt-page__guidance-list li:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.kontakt-page__privacy {
  grid-column: 3 / 4;
  width: 100%;
  min-width: 15.625rem;
  padding: var(--space-6);
}

.kontakt-page__privacy .editorial-label {
  margin-bottom: var(--space-3);
}

.kontakt-page__privacy p:not(.editorial-label) {
  max-width: 23.75rem;
  font-size: var(--text-small);
  line-height: var(--leading-small);
}

.kontakt-page__scope-grid {
  display: grid;
  grid-template-columns: minmax(0, 8fr) minmax(18.75rem, 4fr);
  gap: var(--space-8);
  align-items: start;
  width: 100%;
}

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

.kontakt-page__scope-copy {
  width: 100%;
  max-width: 45rem;
}

.kontakt-page__scope-copy > p:not(.editorial-label) {
  max-width: 42.5rem;
}

.kontakt-page__scope-lists {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: var(--space-8);
  width: 100%;
}

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

.kontakt-page__scope-list {
  padding: 0 var(--space-6);
  border-left: var(--border-subtle);
}

.kontakt-page__scope-list:first-child {
  padding-left: 0;
  border-left: 0;
}

.kontakt-page__scope-list:last-child {
  padding-right: 0;
}

.kontakt-page__scope-list h3 {
  margin-bottom: var(--space-3);
}

.kontakt-page__scope-list ul {
  margin-bottom: 0;
}

.kontakt-page__scope-list li + li {
  margin-top: var(--space-2);
}

.kontakt-page__independence-note {
  width: 100%;
  border: var(--border-subtle);
  border-left: 3px solid var(--color-cherry);
  background: var(--color-paper-alt);
  padding: var(--space-6);
}

.kontakt-page__independence-note p {
  color: var(--color-sepia);
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.2vw, 1.5rem);
  font-weight: 650;
  line-height: 1.25;
}

.kontakt-page__closing {
  padding-top: var(--space-24);
}

.kontakt-page__closing-panel {
  display: flex;
  justify-content: center;
  width: 100%;
  border: 2px solid var(--color-sepia);
  background: var(--color-ink);
  padding: var(--space-12) var(--space-6);
}

.kontakt-page__closing-copy {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-6);
  width: 100%;
  min-width: 0;
  max-width: 38.75rem;
  margin-inline: auto;
  text-align: center;
}

.kontakt-page__closing-copy h2,
.kontakt-page__closing-copy p {
  margin: 0;
  color: var(--color-paper);
}

.kontakt-page__closing-copy h2 {
  font-size: var(--text-h2);
}

.kontakt-page__closing-copy p {
  max-width: 36rem;
}

.kontakt-page__anchor-button {
  width: auto;
  min-width: 13rem;
}

.kontakt-page__closing-note {
  width: 100%;
  max-width: 38.75rem;
  margin: var(--space-4) auto 0;
  color: var(--color-sepia);
  font-family: var(--font-ui);
  font-size: var(--text-meta);
  letter-spacing: 0.04em;
  line-height: var(--leading-meta);
  text-align: center;
}

@media (max-width: 1099px) {
  .kontakt-page__hero-grid {
    grid-template-columns: minmax(0, 1fr);
    row-gap: var(--space-8);
  }

  .kontakt-page__hero-copy,
  .kontakt-page__editorial-note {
    grid-column: 1;
  }

  .kontakt-page__editorial-note {
    max-width: 43rem;
    min-width: 0;
    border-top: var(--border-subtle);
    border-left: 0;
  }

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

  .kontakt-page__reason {
    padding-left: var(--space-6);
  }

  .kontakt-page__reason:nth-child(3) {
    padding-left: 0;
    border-left: 0;
  }

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

  .kontakt-page__guidance-copy,
  .kontakt-page__privacy {
    grid-column: 1;
  }

  .kontakt-page__privacy {
    max-width: 43rem;
    min-width: 0;
  }

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

  .kontakt-page__scope-copy,
  .kontakt-page__independence-note {
    max-width: 45rem;
  }
}

@media (max-width: 899px) {
  .kontakt-page__form-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .kontakt-page__form-column {
    grid-column: 1;
  }
}

@media (max-width: 767px) {
  .kontakt-page {
    padding-bottom: var(--space-16);
  }

  .kontakt-page__hero,
  .kontakt-page__reasons,
  .kontakt-page__form-section,
  .kontakt-page__guidance,
  .kontakt-page__scope,
  .kontakt-page__closing {
    padding-top: var(--space-12);
  }

  .kontakt-page__hero {
    padding-top: var(--space-16);
    padding-bottom: var(--space-8);
  }

  .kontakt-page__hero-copy h1 {
    font-size: 2.625rem;
  }

  .kontakt-page__editorial-note,
  .kontakt-page__privacy,
  .kontakt-page__independence-note {
    padding: var(--space-4);
  }

  .kontakt-page__reason-grid {
    grid-template-columns: minmax(0, 1fr);
    margin-top: var(--space-6);
    row-gap: 0;
  }

  .kontakt-page__reason,
  .kontakt-page__reason:first-child,
  .kontakt-page__reason:nth-child(3),
  .kontakt-page__reason:last-child {
    padding: var(--space-6) 0;
    border-top: var(--border-subtle);
    border-left: 0;
  }

  .kontakt-page__reason:first-child {
    padding-top: var(--space-4);
    border-top: 0;
  }

  .kontakt-page__reason p:last-child {
    max-width: none;
  }

  .kontakt-page__form-section,
  .kontakt-page__closing {
    padding-top: var(--space-16);
  }

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

  .kontakt-page__form-heading {
    margin-bottom: var(--space-6);
  }

  .kontakt-page__scope-lists {
    grid-template-columns: minmax(0, 1fr);
    margin-top: var(--space-6);
  }

  .kontakt-page__scope-list,
  .kontakt-page__scope-list:first-child,
  .kontakt-page__scope-list:last-child {
    padding: var(--space-6) 0;
    border-top: var(--border-subtle);
    border-left: 0;
  }

  .kontakt-page__scope-list:first-child {
    padding-top: var(--space-4);
    border-top: 0;
  }

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

  .kontakt-page__closing-copy {
    gap: var(--space-4);
  }

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


.regulamin-page {
  padding: var(--space-16) 0 var(--space-24);
  background: var(--color-paper);
}

.regulamin-page__document {
  display: grid;
  width: min(100% - (var(--container-padding) * 2), var(--container-max));
  min-width: 0;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--space-6);
  margin-inline: auto;
}

.regulamin-page__masthead,
.regulamin-page__section {
  grid-column: 3 / span 8;
  width: 100%;
  min-width: 0;
  max-width: 45rem;
}

.regulamin-page__masthead {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-3);
  padding-bottom: var(--space-12);
}

.regulamin-page__masthead > * {
  min-width: 0;
  margin: 0;
}

.regulamin-page__masthead h1 {
  max-width: 18ch;
  font-size: var(--text-h1);
}

.regulamin-page__masthead .rule {
  width: 100%;
  margin-top: var(--space-2);
}

.regulamin-page__effective-date {
  color: var(--color-sepia);
  font-family: var(--font-ui);
  font-size: var(--text-meta);
  font-weight: 500;
  letter-spacing: 0.08em;
  line-height: var(--leading-meta);
  text-transform: uppercase;
}

.regulamin-page__effective-date strong {
  color: var(--color-ink);
  font-weight: 700;
}

.regulamin-page__section {
  position: relative;
  padding-top: var(--space-12);
  border-top: var(--border-subtle);
}

.regulamin-page__section + .regulamin-page__section {
  margin-top: var(--space-12);
}

.regulamin-page__section-heading {
  display: grid;
  min-width: 0;
  grid-template-columns: 4.5rem minmax(0, 1fr);
  column-gap: var(--space-4);
  align-items: start;
  margin-bottom: var(--space-6);
}

.regulamin-page__section-heading > * {
  min-width: 0;
}

.regulamin-page__number {
  width: 100%;
  margin: 0;
  color: var(--color-cherry);
  font-family: var(--font-ui);
  font-size: var(--text-meta);
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: var(--leading-meta);
}

.regulamin-page__heading-copy {
  width: 100%;
  min-width: 0;
}

.regulamin-page__heading-copy > * {
  min-width: 0;
}

.regulamin-page__heading-copy .editorial-label {
  margin-bottom: var(--space-2);
}

.regulamin-page__heading-copy h2 {
  margin-bottom: 0;
}

.regulamin-page__about-copy,
.regulamin-page__independence-copy,
.regulamin-page__external-copy,
.regulamin-page__rights-copy,
.regulamin-page__use-copy,
.regulamin-page__updates-copy {
  width: 100%;
  min-width: 0;
}

.regulamin-page__editorial-note {
  display: flex;
  width: 100%;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-3);
  margin: 0 0 var(--space-6);
  border: var(--border-strong);
  background: var(--color-paper-alt);
  padding: var(--space-6);
}

.regulamin-page__editorial-note > * {
  min-width: 0;
  margin: 0;
}

.regulamin-page__editorial-note strong {
  color: var(--color-cherry);
}

.regulamin-page__url-block {
  display: flex;
  width: 100%;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-2);
  margin: 0 0 var(--space-6);
  border-block: var(--border-subtle);
  padding: var(--space-3) 0;
}

.regulamin-page__url-block > * {
  min-width: 0;
  margin: 0;
}

.regulamin-page__url-block a {
  color: var(--color-ink);
  font-family: var(--font-ui);
  font-size: var(--text-meta);
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.5;
  overflow-wrap: anywhere;
  text-decoration-thickness: 1px;
}

.regulamin-page__play-link {
  display: inline-flex;
  min-height: 3rem;
  align-items: center;
  font-weight: 700;
}

.regulamin-page__ordered-list {
  width: 100%;
  min-width: 0;
  padding-left: 1.45em;
}

.regulamin-page__ordered-list li {
  min-width: 0;
  padding-left: var(--space-2);
}

.regulamin-page__ordered-list li + li {
  margin-top: var(--space-3);
}

.regulamin-page__rights-copy h3 {
  margin-top: 0;
}

.regulamin-page__third-party-note {
  display: flex;
  width: 100%;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-2);
  margin: 0;
  border: var(--border-subtle);
  background: var(--color-paper-alt);
  padding: 1.25rem;
}

.regulamin-page__third-party-note > * {
  min-width: 0;
  margin: 0;
}

.regulamin-page__responsibility-columns {
  display: grid;
  width: 100%;
  min-width: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: var(--space-6);
  margin-bottom: var(--space-6);
}

.regulamin-page__responsibility-column {
  width: 100%;
  min-width: 0;
}

.regulamin-page__responsibility-column + .regulamin-page__responsibility-column {
  border-left: var(--border-subtle);
  padding-left: var(--space-6);
}

.regulamin-page__responsibility-column h3 {
  margin-top: 0;
}

.regulamin-page__availability-note {
  width: 100%;
  min-width: 0;
  border-top: var(--border-subtle);
  padding-top: var(--space-4);
}

.regulamin-page__availability-note p {
  margin-bottom: 0;
}

.regulamin-page__ordered-list--separated {
  border-top: var(--border-subtle);
  padding-top: var(--space-4);
}

.regulamin-page__breach-note {
  width: min(100% - var(--space-6), 38.75rem);
  min-width: 0;
  margin: 0 0 0 var(--space-6);
  border-left: 2px solid var(--color-cherry);
  padding-left: var(--space-6);
}

.regulamin-page__breach-note p {
  margin-bottom: 0;
}

.regulamin-page__final-note {
  display: flex;
  width: 100%;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-3);
  margin: var(--space-8) 0 0;
  border-top: 2px solid var(--color-cherry);
  background: var(--color-ink);
  color: var(--color-paper);
  padding: var(--space-6) var(--space-8);
}

.regulamin-page__final-note > * {
  min-width: 0;
  margin: 0;
}

.regulamin-page__final-note .editorial-label {
  color: var(--color-paper-alt);
}

.regulamin-page__final-note p:not(.editorial-label) {
  color: var(--color-paper);
}

.regulamin-page__final-note em {
  color: var(--color-paper-alt);
}

@media (max-width: 1099px) {
  .regulamin-page__document {
    grid-template-columns: repeat(8, minmax(0, 1fr));
    column-gap: 1.25rem;
  }

  .regulamin-page__masthead,
  .regulamin-page__section {
    grid-column: 2 / span 6;
  }
}

@media (max-width: 979px) {
  .regulamin-page__responsibility-columns {
    grid-template-columns: minmax(0, 1fr);
    row-gap: var(--space-6);
  }

  .regulamin-page__responsibility-column + .regulamin-page__responsibility-column {
    border-top: var(--border-subtle);
    border-left: 0;
    padding-top: var(--space-6);
    padding-left: 0;
  }
}

@media (max-width: 819px) {
  .regulamin-page__editorial-note {
    padding: var(--space-4);
  }

  .regulamin-page__third-party-note {
    padding: var(--space-4);
  }

  .regulamin-page__breach-note {
    width: 100%;
    margin-left: 0;
    padding-left: var(--space-4);
  }

  .regulamin-page__final-note {
    padding: var(--space-4);
  }
}

@media (max-width: 767px) {
  .regulamin-page {
    padding: var(--space-12) 0 var(--space-16);
  }

  .regulamin-page__document {
    display: block;
    width: min(100% - (var(--container-padding) * 2), var(--container-max));
  }

  .regulamin-page__masthead,
  .regulamin-page__section {
    width: 100%;
    max-width: none;
  }

  .regulamin-page__masthead {
    padding-bottom: var(--space-8);
  }

  .regulamin-page__masthead h1 {
    font-size: 2.625rem;
  }

  .regulamin-page__section {
    padding-top: var(--space-8);
  }

  .regulamin-page__section + .regulamin-page__section {
    margin-top: var(--space-8);
  }

  .regulamin-page__section-heading {
    grid-template-columns: minmax(0, 1fr);
    row-gap: var(--space-2);
    margin-bottom: var(--space-4);
  }

  .regulamin-page__number {
    width: auto;
  }

  .regulamin-page__heading-copy h2 {
    font-size: 1.8125rem;
  }

  .regulamin-page__about-copy .drop-cap::first-letter {
    font-size: 3.5em;
  }

  .regulamin-page__ordered-list {
    padding-left: 1.25em;
  }

  .regulamin-page__ordered-list li {
    padding-left: var(--space-1);
  }

  .regulamin-page__responsibility-columns {
    row-gap: var(--space-4);
    margin-bottom: var(--space-4);
  }

  .regulamin-page__responsibility-column + .regulamin-page__responsibility-column {
    padding-top: var(--space-4);
  }

  .regulamin-page__availability-note {
    padding-top: var(--space-4);
  }

  .regulamin-page__final-note {
    margin-top: var(--space-6);
  }
}


.privacy-page {
  background: var(--color-paper);
  padding: var(--space-16) 0 var(--space-24);
}

.privacy-page__masthead,
.privacy-page__section {
  min-width: 0;
}

.privacy-page__masthead-layout {
  display: grid;
  grid-template-columns: 7.5rem minmax(0, 45rem) minmax(0, 1fr);
  column-gap: var(--space-6);
  align-items: start;
}

.privacy-page__masthead-layout > *,
.privacy-page__document-layout > *,
.privacy-page__purposes-layout > *,
.privacy-page__data-notes > *,
.privacy-page__rights-grid > * {
  min-width: 0;
}

.privacy-page__chapter-marker,
.privacy-page__section-marker {
  margin: 0;
  color: var(--color-cherry);
  font-family: var(--font-ui);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  line-height: var(--leading-meta);
}

.privacy-page__chapter-marker {
  width: 7.5rem;
  padding-top: 0.2rem;
}

.privacy-page__masthead-copy {
  width: 100%;
  max-width: 45rem;
}

.privacy-page__opening-label {
  color: var(--color-cherry);
}

.privacy-page__masthead-copy h1 {
  margin-top: var(--space-2);
  font-size: var(--text-display);
}

.privacy-page__masthead-lead {
  max-width: 43rem;
}

.privacy-page__service-note {
  max-width: 38.75rem;
  border-top: var(--border-subtle);
  padding-top: var(--space-6);
}

.privacy-page__service-note p {
  margin-bottom: 0;
  font-size: var(--text-small);
  line-height: var(--leading-small);
}

.privacy-page__masthead-space {
  width: 100%;
  min-height: 1px;
}

.privacy-page__section {
  margin-top: var(--space-16);
  border-top: var(--border-subtle);
  padding-top: var(--space-12);
}

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

.privacy-page__section-marker {
  width: 6rem;
  padding-top: 0.35rem;
}

.privacy-page__copy {
  width: 100%;
  max-width: 45rem;
}

.privacy-page__copy > .editorial-label:first-child {
  margin-bottom: var(--space-2);
}

.privacy-page__copy h2 {
  max-width: 43rem;
}

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

.privacy-page__about-copy {
  max-width: 45rem;
}

.privacy-page__inset {
  width: min(100%, 40rem);
  margin-top: var(--space-8);
}

.privacy-page__inset > .editorial-label {
  margin-bottom: var(--space-2);
}

.privacy-page__inset p {
  margin-bottom: 0;
}

.privacy-page__data-copy {
  max-width: 45rem;
}

.privacy-page__inline-label {
  display: block;
  margin-bottom: var(--space-2);
}

.privacy-page__data-notes {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: 100%;
  max-width: 45rem;
  margin-top: var(--space-8);
  border-top: var(--border-subtle);
  border-bottom: var(--border-subtle);
}

.privacy-page__data-note {
  width: 100%;
  padding: var(--space-6);
}

.privacy-page__data-note:first-child {
  border-right: var(--border-subtle);
}

.privacy-page__data-note h3 {
  margin-top: var(--space-2);
}

.privacy-page__data-note p:last-child {
  margin-bottom: 0;
  font-size: var(--text-small);
  line-height: var(--leading-small);
}

.privacy-page__purposes-layout {
  display: grid;
  grid-template-columns: minmax(0, 45rem) minmax(0, 17.5rem);
  column-gap: var(--space-8);
  align-items: start;
}

.privacy-page__purposes-copy {
  grid-column: 1;
  max-width: 45rem;
}

.privacy-page__purpose-list {
  margin-top: var(--space-8);
  padding: 0;
  list-style: none;
  counter-reset: privacy-purpose;
}

.privacy-page__purpose-list > li {
  position: relative;
  width: 100%;
  min-width: 0;
  border-top: var(--border-subtle);
  padding: var(--space-6) 0 var(--space-6) 4.25rem;
  counter-increment: privacy-purpose;
}

.privacy-page__purpose-list > li::before {
  position: absolute;
  top: var(--space-6);
  left: 0;
  color: var(--color-cherry);
  content: counter(privacy-purpose, decimal-leading-zero);
  font-family: var(--font-ui);
  font-size: var(--text-meta);
  font-weight: 700;
  letter-spacing: 0.1em;
}

.privacy-page__purpose-list h3 {
  margin: 0 0 var(--space-2);
}

.privacy-page__purpose-list p {
  margin-bottom: 0;
}

.privacy-page__boundary-note {
  grid-column: 2;
  width: 100%;
  max-width: 17.5rem;
  margin-top: 3.75rem;
  border-left: var(--border-subtle);
}

.privacy-page__boundary-note > .editorial-label {
  margin-bottom: var(--space-2);
}

.privacy-page__boundary-note p:last-child {
  margin-bottom: 0;
  font-size: var(--text-small);
  line-height: var(--leading-small);
}

.privacy-page__external-copy {
  max-width: 45rem;
}

.privacy-page__external-link-block {
  display: flex;
  width: 100%;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-3);
  margin-top: var(--space-8);
  border: var(--border-subtle);
  padding: var(--space-8);
}

.privacy-page__external-link-block p {
  margin: 0;
}

.privacy-page__play-link {
  display: inline-flex;
  width: fit-content;
  min-height: 3rem;
  align-items: center;
  font-family: var(--font-ui);
  font-size: var(--text-meta);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.privacy-page__url-link {
  width: 100%;
  overflow-wrap: anywhere;
  font-size: var(--text-small);
  line-height: var(--leading-small);
}

.privacy-page__external-link-block .privacy-page__url-link + p {
  color: var(--color-sepia);
  font-size: var(--text-small);
  line-height: var(--leading-small);
}

.privacy-page__independence-note {
  border-left: 2px solid var(--color-cherry);
  padding-left: var(--space-4);
}

.privacy-page__rights-content {
  grid-column: 2;
  width: 100%;
}

.privacy-page__rights-intro,
.privacy-page__rights-outro {
  max-width: 45rem;
}

.privacy-page__rights-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  width: 100%;
  margin: var(--space-8) 0;
  border-top: var(--border-subtle);
  border-bottom: var(--border-subtle);
}

.privacy-page__right-card {
  width: 100%;
  padding: var(--space-6);
}

.privacy-page__right-card + .privacy-page__right-card {
  border-left: var(--border-subtle);
}

.privacy-page__right-number {
  margin: 0 0 var(--space-4);
  color: var(--color-cherry);
  font-family: var(--font-ui);
  font-size: var(--text-meta);
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: var(--leading-meta);
}

.privacy-page__right-card h3 {
  margin-bottom: var(--space-3);
}

.privacy-page__right-card p:last-child {
  margin-bottom: 0;
  font-size: var(--text-small);
  line-height: var(--leading-small);
}

.privacy-page__rights-outro {
  border-top: var(--border-subtle);
  padding-top: var(--space-6);
}

.privacy-page__rights-outro p {
  margin-bottom: 0;
}

.privacy-page__requests-copy {
  max-width: 45rem;
}

.privacy-page__request-panel {
  display: flex;
  width: min(100% - 3rem, 40rem);
  min-width: 0;
  flex-direction: column;
  gap: var(--space-3);
  margin-top: var(--space-8);
  margin-left: var(--space-12);
}

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

.privacy-page__request-panel ol {
  padding-left: 1.35em;
}

.privacy-page__request-panel li + li {
  margin-top: var(--space-3);
}

.privacy-page__minimal-note {
  border-top: var(--border-subtle);
  padding-top: var(--space-6);
}

.privacy-page__summary-content {
  grid-column: 2;
  width: 100%;
}

.privacy-page__summary-panel {
  width: min(100%, 60rem);
  border: 2px solid var(--color-sepia);
  background: var(--color-ink);
  padding: var(--space-12);
}

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

.privacy-page__summary-copy .editorial-label,
.privacy-page__summary-copy h2,
.privacy-page__summary-copy p {
  color: var(--color-paper);
}

.privacy-page__summary-copy .editorial-label {
  margin-bottom: var(--space-2);
}

.privacy-page__summary-copy h2 {
  margin-bottom: var(--space-4);
}

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

.privacy-page__remember-note {
  max-width: 45rem;
  margin-top: var(--space-8);
  border-top: var(--border-subtle);
  padding-top: var(--space-6);
}

.privacy-page__remember-note p {
  margin-bottom: 0;
}

.privacy-page__remember-label {
  display: block;
  margin-bottom: var(--space-2);
  color: var(--color-cherry);
}

@media (max-width: 1099px) {
  .privacy-page__masthead-layout {
    grid-template-columns: 6rem minmax(0, 45rem) minmax(0, 1fr);
  }

  .privacy-page__chapter-marker {
    width: 6rem;
  }

  .privacy-page__purposes-layout {
    grid-template-columns: minmax(0, 1fr) minmax(0, 16rem);
  }

  .privacy-page__boundary-note {
    max-width: 16rem;
  }
}

@media (max-width: 979px) {
  .privacy-page__purposes-layout {
    grid-template-columns: minmax(0, 45rem);
    row-gap: var(--space-8);
  }

  .privacy-page__boundary-note {
    grid-column: 1;
    width: min(100%, 28rem);
    max-width: 28rem;
    margin-top: 0;
    border-top: var(--border-subtle);
    border-left: 0;
  }
}

@media (max-width: 899px) {
  .privacy-page__masthead-layout,
  .privacy-page__document-layout {
    grid-template-columns: minmax(0, 1fr);
    row-gap: var(--space-3);
  }

  .privacy-page__chapter-marker,
  .privacy-page__section-marker {
    width: auto;
    padding-top: 0;
  }

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

  .privacy-page__rights-content,
  .privacy-page__summary-content {
    grid-column: 1;
  }

  .privacy-page__request-panel {
    margin-left: 0;
  }
}

@media (max-width: 819px) {
  .privacy-page__data-notes {
    grid-template-columns: minmax(0, 1fr);
  }

  .privacy-page__data-note:first-child {
    border-right: 0;
    border-bottom: var(--border-subtle);
  }
}

@media (min-width: 768px) and (max-width: 999px) {
  .privacy-page__rights-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .privacy-page__right-card:nth-child(2) {
    border-left: var(--border-subtle);
  }

  .privacy-page__right-card:nth-child(3) {
    grid-column: 1 / -1;
    border-top: var(--border-subtle);
    border-left: 0;
  }
}

@media (max-width: 767px) {
  .privacy-page {
    padding: var(--space-12) 0 var(--space-16);
  }

  .privacy-page__masthead-copy h1 {
    font-size: var(--text-h1);
  }

  .privacy-page__masthead-lead {
    max-width: none;
  }

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

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

  .privacy-page__inset {
    width: 100%;
  }

  .privacy-page__purpose-list > li {
    padding-left: 0;
    padding-top: 2.5rem;
  }

  .privacy-page__purpose-list > li::before {
    top: var(--space-4);
  }

  .privacy-page__external-link-block {
    padding: var(--space-4);
  }

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

  .privacy-page__right-card {
    padding: var(--space-6) 0;
  }

  .privacy-page__right-card + .privacy-page__right-card {
    border-top: var(--border-subtle);
    border-left: 0;
  }

  .privacy-page__request-panel {
    width: 100%;
    margin-left: 0;
  }

  .privacy-page__summary-panel {
    width: 100%;
    padding: var(--space-6);
  }
}

@media (max-width: 359px) {
  .privacy-page .drop-cap::first-letter {
    font-size: 3em;
    line-height: 0.8;
  }
}


.home-page {
  min-width: 0;
  padding-block: var(--space-16) var(--space-24);
  background-color: var(--color-paper);
  background-image: radial-gradient(rgb(72 60 50 / 4%) 0.45px, transparent 0.65px);
  background-size: 7px 7px;
}

.home-page * {
  min-width: 0;
}

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

.home-hero__inner {
  display: flex;
  width: min(100% - (var(--container-padding) * 2), 47.5rem);
  flex-direction: column;
  align-items: center;
  gap: var(--space-6);
  text-align: center;
}

.home-hero__issue {
  display: grid;
  width: 100%;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: var(--space-4);
}

.home-hero__issue > * {
  min-width: 0;
}

.home-hero__rule {
  border-top: var(--border-subtle);
}

.home-hero__title {
  width: 100%;
  margin: 0;
  font-size: clamp(3rem, 7vw, 5.125rem);
}

.home-hero__deck {
  width: min(100%, 40.625rem);
  margin: 0 auto;
}

.home-hero__meta {
  margin: 0;
}

.home-hero__cta {
  width: auto;
  max-width: 100%;
}

.home-panorama {
  padding-bottom: var(--space-24);
}

.home-panorama__figure {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  margin: 0;
}

.home-panorama__media {
  width: 100%;
  aspect-ratio: 21 / 9;
  overflow: hidden;
}

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

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

.home-viewpoint,
.home-lenses,
.home-beginners,
.home-gallery,
.home-faq,
.home-verdict,
.home-continue {
  padding-block: var(--space-16);
}

.home-viewpoint__layout {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 3fr);
  justify-content: start;
  gap: var(--space-8);
}

.home-viewpoint__article {
  width: min(100%, 45rem);
}

.home-viewpoint__copy {
  width: 100%;
}

.home-viewpoint__note {
  display: flex;
  width: min(100%, 20rem);
  align-self: start;
  flex-direction: column;
  gap: var(--space-3);
  border-left-width: 1px;
}

.home-viewpoint__note > * {
  margin: 0;
}

.home-viewpoint__note p:not(.editorial-label) {
  font-size: 0.875rem;
  line-height: var(--leading-small);
}

.home-viewpoint__layout::before,
.home-beginners__layout::before,
.home-faq__layout::before {
  grid-column: 2;
  grid-row: 1;
  width: 1px;
  height: 100%;
  justify-self: start;
  background: var(--color-sepia);
  content: "";
}

.home-viewpoint__article {
  grid-column: 1;
  grid-row: 1;
}

.home-viewpoint__note {
  grid-column: 2;
  grid-row: 1;
  justify-self: end;
}

.home-lenses__header {
  width: min(100%, 43.75rem);
  margin-bottom: var(--space-8);
}

.home-lenses__header > :last-child,
.home-gallery__header > :last-child,
.home-faq__intro > :last-child,
.home-continue__inner > :last-child {
  margin-bottom: 0;
}

.home-lenses__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-top: var(--border-subtle);
  border-left: var(--border-subtle);
}

.home-lens {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  padding: var(--space-6);
  border-right: var(--border-subtle);
  border-bottom: var(--border-subtle);
}

.home-lens > * {
  margin: 0;
}

.home-lens__letter {
  color: var(--color-cherry);
  font-family: var(--font-heading);
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
}

.home-lens h3 {
  font-size: clamp(1.375rem, 2.4vw, 1.5625rem);
}

.home-lens p:not(.home-lens__letter) {
  width: min(100%, 26.25rem);
}

.home-lens a {
  margin-top: auto;
}

.home-beginners__layout {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 4fr);
  gap: var(--space-8);
}

.home-beginners__article {
  grid-column: 1;
  grid-row: 1;
  width: min(100%, 42.5rem);
}

.home-beginners__checklist {
  display: flex;
  grid-column: 2;
  grid-row: 1;
  width: min(100%, 22.5rem);
  justify-self: end;
  align-self: start;
  flex-direction: column;
  gap: var(--space-4);
}

.home-beginners__checklist > * {
  margin: 0;
}

.home-beginners__checklist ol {
  padding-left: 1.35em;
}

.home-beginners__checklist li + li {
  margin-top: var(--space-2);
}

.home-beginners__note {
  font-size: 0.875rem;
  line-height: var(--leading-small);
}

.home-gallery__header {
  width: min(100%, 38.75rem);
  margin-bottom: var(--space-8);
}

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

.home-gallery__figure {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: var(--space-2);
  margin: 0;
}

.home-gallery__trigger {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border: var(--border-subtle);
  border-radius: 0;
  background: var(--color-paper-alt);
  padding: 0;
}

.home-gallery__trigger img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.home-gallery__zoom {
  position: absolute;
  right: var(--space-2);
  bottom: var(--space-2);
  padding: var(--space-1) var(--space-2);
  background: var(--color-paper);
  color: var(--color-ink);
  font-family: var(--font-ui);
  font-size: var(--text-label);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.home-gallery__figure figcaption {
  width: 100%;
  margin: 0;
}

.home-gallery__figure figcaption .editorial-label {
  display: block;
  margin-bottom: var(--space-1);
}

.home-faq__layout {
  display: grid;
  grid-template-columns: minmax(0, 3fr) minmax(0, 8fr);
  gap: var(--space-8);
}

.home-faq__intro {
  grid-column: 1;
  grid-row: 1;
  width: min(100%, 17.5rem);
}

.home-faq__list {
  display: flex;
  grid-column: 2;
  grid-row: 1;
  width: min(100%, 51.25rem);
  justify-self: end;
  flex-direction: column;
  gap: var(--space-3);
}

.home-faq__item {
  width: 100%;
  border: var(--border-subtle);
  background: var(--color-paper-alt);
}

.home-faq__item summary {
  position: relative;
  padding: var(--space-4) calc(var(--space-6) + var(--space-3)) var(--space-4) var(--space-4);
  color: var(--color-ink);
  cursor: pointer;
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.4vw, 1.5625rem);
  font-weight: 650;
  line-height: 1.12;
}

.home-faq__item summary::after {
  position: absolute;
  top: 50%;
  right: var(--space-4);
  color: var(--color-cherry);
  content: "+";
  font-family: var(--font-ui);
  font-size: 1.5rem;
  transform: translateY(-50%);
}

.home-faq__item[open] summary::after {
  content: "−";
}

.home-faq__answer {
  padding: 0 var(--space-4) var(--space-4);
}

.home-faq__answer p {
  width: min(100%, 47.5rem);
  margin: 0;
}

.home-verdict__panel {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 4fr);
  gap: var(--space-8);
  border: var(--border-strong);
  background: var(--color-ink);
  padding: var(--space-8);
}

.home-verdict__copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-4);
}

.home-verdict__copy > * {
  margin: 0;
  color: var(--color-paper);
}

.home-verdict__copy .editorial-label {
  color: var(--color-paper-alt);
}

.home-verdict__copy h2 {
  width: min(100%, 42.5rem);
}

.home-verdict__copy p:not(.editorial-label) {
  width: min(100%, 42.5rem);
}

.home-verdict__action {
  display: flex;
  min-width: 0;
  align-items: center;
  border-left: 1px solid var(--color-paper-alt);
  padding-left: var(--space-8);
}

.home-verdict__button {
  width: min(100%, 22.5rem);
  border-color: var(--color-paper);
}

.home-continue {
  padding-bottom: 0;
}

.home-continue__inner {
  display: flex;
  width: min(100%, 51.25rem);
  margin-inline: auto;
  flex-direction: column;
  align-items: center;
  gap: var(--space-4);
  border-top: var(--border-subtle);
  padding-top: var(--space-12);
  text-align: center;
}

.home-continue__inner > * {
  margin: 0;
}

.home-continue__inner > p:not(.editorial-label) {
  width: min(100%, 42.5rem);
}

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

.home-continue__links a {
  display: flex;
  min-width: 0;
  min-height: 3rem;
  align-items: center;
  justify-content: center;
  border: var(--border-subtle);
  padding: var(--space-3) var(--space-4);
  text-align: center;
}

.home-gallery-dialog {
  width: min(calc(100% - 2rem), 68rem);
  max-height: calc(100dvh - 2rem);
  overflow: auto;
  border: var(--border-strong);
  border-radius: var(--radius-panel);
  background: var(--color-paper);
  box-shadow: var(--shadow-paper);
  padding: 0;
}

.home-gallery-dialog::backdrop {
  background: rgb(28 34 30 / 72%);
}

.home-gallery-dialog__content {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: var(--space-3);
  padding: var(--space-6);
}

.home-gallery-dialog__close {
  align-self: end;
  border: var(--border-subtle);
  border-radius: var(--radius-control);
  background: var(--color-paper-alt);
  padding: var(--space-1) var(--space-3);
  font-family: var(--font-ui);
  font-size: 1.5rem;
  line-height: 1;
}

.home-gallery-dialog__image {
  width: 100%;
  max-height: 70dvh;
  object-fit: contain;
}

.home-gallery-dialog__caption {
  width: min(100%, 45rem);
  margin: 0;
  color: var(--color-sepia);
  font-size: var(--text-small);
  line-height: var(--leading-small);
}

@media (max-width: 1099px) {
  .home-viewpoint__layout,
  .home-faq__layout {
    grid-template-columns: 1fr;
    gap: var(--space-6);
  }

  .home-viewpoint__layout::before,
  .home-faq__layout::before {
    display: none;
  }

  .home-viewpoint__article,
  .home-viewpoint__note,
  .home-faq__intro,
  .home-faq__list {
    grid-column: 1;
    grid-row: auto;
    justify-self: start;
  }

  .home-viewpoint__note,
  .home-faq__intro {
    width: min(100%, 45rem);
  }

  .home-faq__list {
    width: min(100%, 51.25rem);
  }

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

  .home-gallery__figure:nth-child(3) {
    grid-column: 1 / -1;
    width: min(100%, calc((100% - var(--space-6)) / 2));
  }
}

@media (max-width: 899px) {
  .home-beginners__layout,
  .home-verdict__panel {
    grid-template-columns: 1fr;
    gap: var(--space-6);
  }

  .home-beginners__layout::before {
    display: none;
  }

  .home-beginners__article,
  .home-beginners__checklist {
    grid-column: 1;
    grid-row: auto;
    justify-self: start;
  }

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

  .home-verdict__action {
    width: 100%;
    border-top: 1px solid var(--color-paper-alt);
    border-left: 0;
    padding-top: var(--space-6);
    padding-left: 0;
  }
}

@media (max-width: 767px) {
  .home-page {
    padding-block: var(--space-12) var(--space-16);
    background-image: none;
  }

  .home-hero {
    padding-bottom: var(--space-12);
  }

  .home-hero__inner {
    width: min(100% - (var(--container-padding) * 2), 47.5rem);
    gap: var(--space-4);
  }

  .home-hero__issue {
    grid-template-columns: 1fr;
  }

  .home-hero__rule {
    display: none;
  }

  .home-hero__title {
    font-size: clamp(3rem, 13vw, 3.5rem);
  }

  .home-hero__cta {
    width: min(100%, 26.25rem);
  }

  .home-panorama {
    padding-bottom: var(--space-12);
  }

  .home-panorama__media {
    aspect-ratio: 16 / 9;
  }

  .home-viewpoint,
  .home-lenses,
  .home-beginners,
  .home-gallery,
  .home-faq,
  .home-verdict,
  .home-continue {
    padding-block: var(--space-12);
  }

  .home-lenses__grid,
  .home-gallery__grid,
  .home-continue__links {
    grid-template-columns: 1fr;
  }

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

  .home-beginners__checklist {
    width: 100%;
  }

  .home-gallery__figure:nth-child(3) {
    grid-column: auto;
    width: 100%;
  }

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

  .home-verdict__button {
    width: 100%;
  }

  .home-continue__inner {
    padding-top: var(--space-8);
  }

  .home-continue__links a {
    width: 100%;
  }

  .home-gallery-dialog__content {
    padding: var(--space-4);
  }
}


main[data-swiat-page] {
  position: relative;
  isolation: isolate;
  padding-block: var(--space-12) var(--space-24);
}

main[data-swiat-page]::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  opacity: 0.1;
  background-image: radial-gradient(rgb(72 60 50 / 24%) 0.45px, transparent 0.65px);
  background-size: 7px 7px;
  content: "";
  pointer-events: none;
}

.swiat-page-section {
  min-width: 0;
}

.swiat-page-section + .swiat-page-section {
  margin-top: var(--space-24);
}

.swiat-section-heading {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-2);
}

.swiat-section-heading > * {
  min-width: 0;
  margin: 0;
}

.swiat-section-number {
  color: var(--color-cherry);
  font-family: var(--font-ui);
  font-size: var(--text-label);
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: var(--leading-meta);
  text-transform: uppercase;
}

.swiat-hero__grid {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  gap: var(--space-8);
  align-items: start;
}

.swiat-hero__copy,
.swiat-hero__art {
  min-width: 0;
}

.swiat-hero__copy {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
  border-right: var(--border-subtle);
  padding-right: var(--space-8);
}

.swiat-hero__copy > *,
.swiat-hero__art > * {
  min-width: 0;
  margin: 0;
}

.swiat-hero__title {
  max-width: 43.75rem;
  font-size: clamp(3.5rem, 6.5vw, 5.125rem);
}

.swiat-hero__deck {
  max-width: 38rem;
}

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

.swiat-hero__meta span {
  min-width: 0;
}

.swiat-hero__meta span + span {
  border-left: var(--border-subtle);
  padding-left: var(--space-3);
}

.swiat-editorial-note {
  display: flex;
  max-width: 31rem;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-2);
  border: var(--border-subtle);
  background: var(--color-paper-alt);
  padding: var(--space-4);
}

.swiat-editorial-note > * {
  min-width: 0;
  margin: 0;
}

.swiat-editorial-note p:last-child {
  font-size: var(--text-small);
  line-height: var(--leading-small);
}

.swiat-hero__art {
  width: 100%;
}

.swiat-hero__art img {
  width: 100%;
  aspect-ratio: 4 / 3;
  border: var(--border-subtle);
  object-fit: cover;
  filter: sepia(0.25) contrast(1.04);
}

.swiat-essay__layout {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 7fr) minmax(13.75rem, 3fr) minmax(0, 2fr);
  gap: var(--space-6);
  align-items: start;
}

.swiat-essay__main,
.swiat-essay__note,
.swiat-essay__margin {
  min-width: 0;
}

.swiat-essay__main {
  max-width: 45rem;
}

.swiat-essay__main .swiat-section-heading {
  margin-bottom: var(--space-6);
}

.swiat-essay__note {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  border-top: var(--border-strong);
  border-bottom: var(--border-subtle);
  padding-block: var(--space-4);
}

.swiat-essay__note > * {
  min-width: 0;
  margin: 0;
}

.swiat-essay__note ul {
  padding: 0;
  list-style: none;
}

.swiat-essay__note li {
  border-top: var(--border-subtle);
  padding-top: var(--space-3);
  font-size: var(--text-small);
  line-height: var(--leading-small);
}

.swiat-essay__note li + li {
  margin-top: var(--space-3);
}

.swiat-essay__transition {
  max-width: 45rem;
  margin-top: var(--space-8);
  border-top: var(--border-subtle);
  padding-top: var(--space-6);
}

.swiat-reading__intro {
  max-width: 51.25rem;
  margin-bottom: var(--space-8);
}

.swiat-reading__intro .swiat-section-heading {
  margin-bottom: var(--space-4);
}

.swiat-reading__layout {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 8fr) minmax(15.625rem, 4fr);
  gap: var(--space-6);
  align-items: start;
}

.swiat-reading__figure,
.swiat-reading__commentary {
  min-width: 0;
}

.swiat-reading__figure {
  margin: 0;
}

.swiat-image-button {
  display: block;
  width: 100%;
  min-width: 0;
  border: 0;
  background: transparent;
  padding: 0;
  text-align: left;
}

.swiat-image-button img {
  width: 100%;
  aspect-ratio: 16 / 9;
  border: var(--border-subtle);
  object-fit: cover;
}

.swiat-image-button:hover img,
.swiat-image-button:focus-visible img {
  border-color: var(--color-cherry);
}

.swiat-reading__commentary {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
}

.swiat-reading__steps {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

.swiat-reading__step {
  display: grid;
  min-width: 0;
  grid-template-columns: 2rem minmax(0, 1fr);
  gap: var(--space-3);
  border-top: var(--border-subtle);
  padding-top: var(--space-3);
}

.swiat-reading__step > * {
  min-width: 0;
  margin: 0;
}

.swiat-reading__step span {
  color: var(--color-cherry);
  font-family: var(--font-ui);
  font-size: var(--text-meta);
  font-weight: 700;
}

.swiat-reading__step p {
  font-size: var(--text-small);
  line-height: var(--leading-small);
}

.swiat-reading__quote {
  margin: 0;
  border: var(--border-subtle);
  border-left: 2px solid var(--color-cherry);
  background: var(--color-paper-alt);
  padding: var(--space-6);
}

.swiat-reading__quote p {
  margin: 0;
}

.swiat-characters__intro {
  max-width: 48.75rem;
  margin-bottom: var(--space-8);
}

.swiat-characters__intro .swiat-section-heading {
  margin-bottom: var(--space-4);
}

.swiat-characters__columns {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  border-top: var(--border-subtle);
  border-bottom: var(--border-subtle);
}

.swiat-character-point {
  min-width: 0;
  padding: var(--space-6);
}

.swiat-character-point + .swiat-character-point {
  border-left: var(--border-subtle);
}

.swiat-character-point > * {
  min-width: 0;
}

.swiat-character-point p:last-child {
  margin-bottom: 0;
}

.swiat-point-number {
  display: block;
  margin-bottom: var(--space-3);
  color: var(--color-cherry);
  font-family: var(--font-ui);
  font-size: var(--text-meta);
  font-weight: 700;
  letter-spacing: 0.1em;
}

.swiat-group__layout {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  gap: var(--space-8);
  align-items: start;
}

.swiat-group__copy,
.swiat-group__figure {
  min-width: 0;
}

.swiat-group__copy {
  max-width: 29.375rem;
  border-right: var(--border-subtle);
  padding-right: var(--space-8);
}

.swiat-group__copy .swiat-section-heading {
  margin-bottom: var(--space-6);
}

.swiat-group__figure {
  margin: 0;
}

.swiat-group__figure img {
  width: 100%;
  aspect-ratio: 4 / 3;
  border: var(--border-subtle);
  object-fit: cover;
}

.swiat-notebook {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-3);
  margin-top: var(--space-8);
  border: var(--border-subtle);
  background: var(--color-paper-alt);
  padding: var(--space-4);
}

.swiat-notebook > * {
  min-width: 0;
  margin: 0;
}

.swiat-notebook ol {
  padding: 0;
  list-style: none;
}

.swiat-notebook li {
  border-top: var(--border-subtle);
  padding-top: var(--space-3);
  font-size: var(--text-small);
  line-height: var(--leading-small);
}

.swiat-notebook li + li {
  margin-top: var(--space-3);
}

.swiat-guide__intro {
  max-width: 42.5rem;
  margin-bottom: var(--space-8);
}

.swiat-guide__intro .swiat-section-heading {
  margin-bottom: var(--space-4);
}

.swiat-guide__list {
  width: 83.333%;
  min-width: 0;
}

.swiat-guide__item {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 2fr) minmax(11.25rem, 3fr) minmax(0, 5fr);
  gap: var(--space-6);
  border-top: var(--border-subtle);
  padding-block: var(--space-6);
}

.swiat-guide__item > * {
  min-width: 0;
  margin: 0;
}

.swiat-guide__roman {
  color: var(--color-cherry);
  font-family: var(--font-heading);
  font-size: clamp(2.125rem, 4vw, 3.5rem);
  font-weight: 700;
  line-height: 0.92;
}

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

.swiat-guide__item p {
  max-width: 31.25rem;
}

.swiat-map__intro {
  max-width: 43.125rem;
  margin-bottom: var(--space-8);
}

.swiat-map__intro .swiat-section-heading {
  margin-bottom: var(--space-4);
}

.swiat-map__list {
  display: flex;
  width: 83.333%;
  min-width: 0;
  flex-direction: column;
}

.swiat-map__item {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 2fr) minmax(0, 8fr);
  gap: var(--space-6);
  border-top: var(--border-subtle);
  padding: var(--space-6) 0;
}

.swiat-map__item > * {
  min-width: 0;
  margin: 0;
}

.swiat-map__item:last-child {
  border: var(--border-subtle);
  background: var(--color-paper-alt);
  padding-inline: var(--space-6);
}

.swiat-map__index {
  color: var(--color-cherry);
  font-family: var(--font-ui);
  font-size: var(--text-label);
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: var(--leading-meta);
}

.swiat-map__item h3 {
  margin-bottom: var(--space-3);
  font-size: var(--text-h3);
}

.swiat-map__item p:last-child {
  margin-bottom: 0;
}

.swiat-verdict {
  width: 83.333%;
  min-width: 0;
  border: var(--border-strong);
  background: var(--color-ink);
  color: var(--color-paper);
  padding: var(--space-8);
}

.swiat-verdict__grid {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 7fr) minmax(13.75rem, 3fr);
  gap: var(--space-8);
}

.swiat-verdict__copy,
.swiat-verdict__cta {
  min-width: 0;
}

.swiat-verdict__copy {
  max-width: 42.5rem;
}

.swiat-verdict .editorial-label,
.swiat-verdict h2,
.swiat-verdict p {
  color: var(--color-paper);
}

.swiat-verdict .editorial-label {
  color: color-mix(in srgb, var(--color-paper) 78%, var(--color-cherry));
}

.swiat-verdict__copy .swiat-section-heading {
  margin-bottom: var(--space-6);
}

.swiat-verdict__cta {
  display: flex;
  flex-direction: column;
  justify-content: end;
  gap: var(--space-3);
  border-left: 1px solid rgb(232 229 218 / 55%);
  padding-left: var(--space-6);
}

.swiat-verdict__cta > * {
  min-width: 0;
  margin: 0;
}

.swiat-verdict__cta small {
  color: var(--color-paper);
}

.swiat-epilogue {
  max-width: 42.5rem;
  border-top: var(--border-subtle);
  padding-top: var(--space-8);
}

.swiat-epilogue .swiat-section-heading {
  margin-bottom: var(--space-4);
}

.swiat-image-dialog {
  width: min(92vw, 68.75rem);
  max-width: none;
  border: var(--border-strong);
  border-radius: var(--radius-panel);
  background: var(--color-paper);
  box-shadow: var(--shadow-paper);
  color: var(--color-ink);
  padding: var(--space-4);
}

.swiat-image-dialog::backdrop {
  background: rgb(28 34 30 / 72%);
}

.swiat-image-dialog__inner {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-3);
}

.swiat-image-dialog__inner > * {
  min-width: 0;
  margin: 0;
}

.swiat-image-dialog__close {
  align-self: end;
}

.swiat-image-dialog img {
  width: 100%;
  max-height: 72vh;
  border: var(--border-subtle);
  object-fit: contain;
}

.swiat-image-dialog p {
  color: var(--color-sepia);
  font-family: var(--font-ui);
  font-size: var(--text-meta);
  letter-spacing: 0.04em;
  line-height: var(--leading-meta);
}

@media (max-width: 1050px) {
  .swiat-characters__columns {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .swiat-character-point + .swiat-character-point {
    border-left: var(--border-subtle);
  }

  .swiat-character-point:nth-child(3) {
    grid-column: 2;
    border-top: var(--border-subtle);
  }
}

@media (max-width: 1000px) {
  .swiat-essay__layout {
    grid-template-columns: minmax(0, 5fr) minmax(13.75rem, 3fr);
  }

  .swiat-essay__margin {
    display: none;
  }
}

@media (max-width: 980px) {
  .swiat-hero__grid,
  .swiat-group__layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .swiat-hero__copy,
  .swiat-group__copy {
    border-right: 0;
    padding-right: 0;
  }

  .swiat-hero__art,
  .swiat-group__figure {
    max-width: none;
  }
}

@media (max-width: 960px) {
  .swiat-group__copy {
    max-width: none;
  }
}

@media (max-width: 940px) {
  .swiat-reading__layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .swiat-reading__commentary {
    max-width: 45rem;
  }
}

@media (max-width: 900px) {
  .swiat-guide__list {
    width: 100%;
  }

  .swiat-guide__item {
    grid-template-columns: minmax(2rem, 1fr) minmax(0, 7fr);
  }

  .swiat-guide__item h3,
  .swiat-guide__item p {
    grid-column: 2;
  }

  .swiat-guide__roman {
    grid-row: 1 / span 2;
  }
}

@media (max-width: 880px) {
  .swiat-map__list {
    width: 100%;
  }

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

@media (max-width: 860px) {
  .swiat-verdict {
    width: 100%;
  }

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

  .swiat-verdict__cta {
    border-top: 1px solid rgb(232 229 218 / 55%);
    border-left: 0;
    padding-top: var(--space-6);
    padding-left: 0;
  }
}

@media (max-width: 820px) {
  .swiat-essay__layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .swiat-essay__note {
    max-width: 45rem;
  }
}

@media (max-width: 767px) {
  main[data-swiat-page] {
    padding-block: var(--space-8) var(--space-16);
  }

  .swiat-page-section + .swiat-page-section {
    margin-top: var(--space-16);
  }

  .swiat-hero__grid {
    gap: var(--space-6);
  }

  .swiat-hero__copy {
    gap: var(--space-4);
  }

  .swiat-hero__title {
    font-size: clamp(2.625rem, 13vw, 3rem);
  }

  .swiat-hero__meta {
    flex-direction: column;
    align-items: flex-start;
  }

  .swiat-hero__meta span + span {
    border-left: 0;
    padding-left: 0;
  }

  .swiat-editorial-note {
    max-width: none;
  }

  .swiat-essay__transition {
    margin-top: var(--space-6);
    padding-top: var(--space-4);
  }

  .swiat-reading__intro,
  .swiat-characters__intro,
  .swiat-guide__intro,
  .swiat-map__intro {
    margin-bottom: var(--space-6);
  }

  .swiat-reading__commentary {
    gap: var(--space-4);
  }

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

  .swiat-character-point {
    padding: var(--space-4) 0;
  }

  .swiat-character-point + .swiat-character-point,
  .swiat-character-point:nth-child(3) {
    grid-column: auto;
    border-top: var(--border-subtle);
    border-left: 0;
  }

  .swiat-group__layout {
    gap: var(--space-6);
  }

  .swiat-notebook {
    margin-top: var(--space-6);
  }

  .swiat-guide__item {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-3);
    padding-block: var(--space-4);
  }

  .swiat-guide__item h3,
  .swiat-guide__item p,
  .swiat-guide__roman {
    grid-column: auto;
    grid-row: auto;
  }

  .swiat-guide__roman {
    font-size: 2.125rem;
  }

  .swiat-map__item:last-child {
    padding: var(--space-4);
  }

  .swiat-verdict {
    padding: var(--space-6) var(--space-4);
  }

  .swiat-verdict__cta .button {
    width: 100%;
  }

  .swiat-image-dialog {
    width: calc(100% - var(--space-4));
    padding: var(--space-3);
  }
}


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

.ris-page .editorial-label span {
  color: var(--color-cherry);
  margin-right: var(--space-2);
}

.ris-page h2 {
  margin-bottom: var(--space-6);
}

.ris-page h3 {
  margin-bottom: var(--space-3);
}

.ris-hero__grid,
.ris-loop__grid,
.ris-consequence__grid {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--space-6);
}

.ris-hero__copy {
  grid-column: 1 / span 7;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  padding-right: var(--space-6);
}

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

.ris-hero__copy .display-title {
  max-width: 7ch;
}

.ris-hero__copy .lead {
  max-width: 32rem;
}

.ris-hero__figure {
  grid-column: 8 / span 5;
  min-width: 0;
  margin: 0;
  border-left: var(--border-subtle);
  padding-left: var(--space-6);
}

.ris-hero__figure img,
.ris-consequence__figure img,
.ris-learning__figure img {
  width: 100%;
  max-width: 100%;
  border: var(--border-subtle);
  object-fit: cover;
}

.ris-hero__figure img {
  aspect-ratio: 16 / 9;
}

.ris-loop,
.ris-layers,
.ris-consequence,
.ris-tempo,
.ris-entry,
.ris-editorial,
.ris-learning,
.ris-faq,
.ris-verdict {
  margin-top: var(--space-24);
}

.ris-loop__article {
  grid-column: 3 / span 7;
  min-width: 0;
}

.ris-loop__article > .editorial-label {
  margin-bottom: var(--space-3);
}

.ris-loop__prose {
  max-width: 45rem;
}

.ris-loop__note {
  grid-column: 10 / span 3;
  align-self: start;
  min-width: 0;
  margin-top: 2.25rem;
}

.ris-loop__note > * {
  margin: 0;
}

.ris-loop__note-lines {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-3);
  margin-top: var(--space-3);
}

.ris-loop__note-lines p {
  margin: 0;
  padding-bottom: var(--space-3);
  border-bottom: var(--border-subtle);
  font-size: var(--text-small);
  line-height: var(--leading-small);
}

.ris-loop__note-lines p:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.ris-layers__intro {
  width: calc((100% - (var(--space-6) * 11)) / 12 * 7 + (var(--space-6) * 6));
  min-width: 0;
}

.ris-layers__intro > *:last-child {
  max-width: 39rem;
}

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

.ris-layer {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(2.25rem, auto) minmax(0, 1fr);
  gap: var(--space-3);
  border-top: var(--border-subtle);
  padding-top: var(--space-4);
}

.ris-layer + .ris-layer {
  border-left: var(--border-subtle);
  padding-left: var(--space-6);
}

.ris-layer__mark {
  min-width: 0;
  margin: 0;
  color: var(--color-cherry);
  font-family: var(--font-heading);
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 0.9;
}

.ris-layer__copy {
  min-width: 0;
}

.ris-layer__copy p:last-child {
  margin-bottom: 0;
}

.ris-layer__accent {
  color: var(--color-cherry);
  font-family: var(--font-heading);
  font-weight: 650;
  line-height: 1.3;
}

.ris-consequence__copy {
  grid-column: 2 / span 5;
  min-width: 0;
  max-width: 37.5rem;
}

.ris-consequence__figure {
  grid-column: 7 / span 6;
  min-width: 0;
  margin: 0;
}

.ris-consequence__figure img {
  aspect-ratio: 4 / 3;
}

.ris-consequence__copy blockquote {
  margin-bottom: 0;
}

.ris-tempo__header {
  min-width: 0;
}

.ris-tempo__grid {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(2, minmax(0, 5fr));
  column-gap: calc((100% - (10 / 12 * 100%)) + var(--space-6));
  margin-top: var(--space-8);
}

.ris-tempo__column {
  min-width: 0;
}

.ris-tempo__column + .ris-tempo__column {
  border-left: var(--border-subtle);
  padding-left: var(--space-6);
}

.ris-tempo__column p:last-child {
  margin-bottom: 0;
}

.ris-tempo__conclusion {
  margin: var(--space-8) 0 0;
  border-top: var(--border-subtle);
  border-bottom: var(--border-subtle);
  padding-block: var(--space-4);
  font-family: var(--font-heading);
  font-size: 1.25rem;
  font-weight: 650;
  line-height: 1.3;
}

.ris-entry__header {
  max-width: 35rem;
}

.ris-entry__steps {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-6);
  width: calc((100% - (var(--space-6) * 11)) / 12 * 10 + (var(--space-6) * 9));
  margin-top: var(--space-8);
}

.ris-entry__step {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(4rem, 1fr) minmax(0, 7fr) minmax(0, 2fr);
  gap: var(--space-6);
  border-bottom: var(--border-subtle);
  padding-bottom: var(--space-6);
}

.ris-entry__number {
  grid-column: 1;
  min-width: 0;
  margin: 0;
  color: var(--color-cherry);
  font-family: var(--font-heading);
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 0.9;
}

.ris-entry__step-copy {
  grid-column: 2;
  min-width: 0;
  max-width: 42.5rem;
}

.ris-entry__step-copy p:last-child {
  margin-bottom: 0;
}

.ris-editorial__quote {
  width: calc((100% - (var(--space-6) * 11)) / 12 * 8 + (var(--space-6) * 7));
  min-width: 0;
  margin: 0 auto;
  padding: var(--space-8);
  text-align: center;
}

.ris-editorial__quote blockquote {
  margin: 0;
  border-left: 0;
  padding: 0;
  color: var(--color-ink);
}

.ris-editorial__quote blockquote::first-letter {
  color: var(--color-cherry);
}

.ris-editorial__quote figcaption {
  margin-top: var(--space-4);
  text-align: center;
}

.ris-learning__header {
  min-width: 0;
}

.ris-learning__figure {
  width: calc((100% - (var(--space-6) * 11)) / 12 * 10 + (var(--space-6) * 9));
  min-width: 0;
  margin: var(--space-8) auto 0;
}

.ris-learning__figure img {
  aspect-ratio: 3 / 2;
}

.ris-learning__copy {
  width: calc((100% - (var(--space-6) * 11)) / 12 * 7 + (var(--space-6) * 6));
  min-width: 0;
  margin-top: var(--space-8);
  margin-left: calc((100% - (var(--space-6) * 11)) / 12 + var(--space-6));
}

.ris-learning__note {
  min-width: 0;
  margin-top: var(--space-6);
  border-left: 2px solid var(--color-sepia);
  padding-left: var(--space-6);
  color: var(--color-sepia);
}

.ris-learning__note > * {
  margin: 0;
}

.ris-learning__note p + p {
  margin-top: var(--space-2);
}

.ris-faq__header {
  width: calc((100% - (var(--space-6) * 11)) / 12 * 6 + (var(--space-6) * 5));
  min-width: 0;
}

.ris-faq__list {
  width: calc((100% - (var(--space-6) * 11)) / 12 * 8 + (var(--space-6) * 7));
  min-width: 0;
  margin-top: var(--space-8);
  margin-left: calc((100% - (var(--space-6) * 11)) / 12 + var(--space-6));
}

.ris-faq__list details {
  min-width: 0;
  border-top: var(--border-subtle);
}

.ris-faq__list details:last-child {
  border-bottom: var(--border-subtle);
}

.ris-faq__list summary {
  position: relative;
  min-height: 3rem;
  padding: var(--space-4) 2.5rem var(--space-4) 0;
  cursor: pointer;
  font-family: var(--font-heading);
  font-size: var(--text-h3);
  font-weight: 650;
  line-height: 1.15;
  list-style: none;
}

.ris-faq__list summary::-webkit-details-marker {
  display: none;
}

.ris-faq__list summary::after {
  position: absolute;
  top: 50%;
  right: 0;
  width: 1.25rem;
  height: 1.25rem;
  transform: translateY(-50%);
  color: var(--color-cherry);
  content: "+";
  font-family: var(--font-ui);
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1;
  text-align: center;
}

.ris-faq__list details[open] summary::after {
  content: "−";
}

.ris-faq__answer {
  max-width: 42.5rem;
  padding-bottom: var(--space-4);
}

.ris-faq__answer p {
  margin: 0;
}

.ris-verdict__panel {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-6);
  border: var(--border-strong);
  background: var(--color-ink);
  color: var(--color-paper);
  padding: var(--space-8);
}

.ris-verdict__panel h2,
.ris-verdict__panel .editorial-label {
  color: var(--color-paper);
}

.ris-verdict__panel .editorial-label {
  opacity: 0.86;
}

.ris-verdict__copy {
  grid-column: 1 / span 7;
  min-width: 0;
  max-width: 38.75rem;
}

.ris-verdict__copy p:last-child {
  margin-bottom: 0;
}

.ris-verdict__independence {
  border-top: 1px solid color-mix(in srgb, var(--color-paper) 42%, transparent);
  padding-top: var(--space-3);
  font-family: var(--font-ui);
  font-size: var(--text-meta);
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: var(--leading-meta);
  text-transform: uppercase;
}

.ris-verdict__action {
  grid-column: 9 / span 4;
  align-self: center;
  min-width: 0;
  border-left: 1px solid color-mix(in srgb, var(--color-paper) 42%, transparent);
  padding-left: var(--space-6);
}

.ris-verdict__action > * {
  min-width: 0;
}

.ris-verdict__action .button {
  width: 100%;
}

.ris-verdict__action p {
  margin: var(--space-3) 0 0;
  color: var(--color-paper-alt);
  font-family: var(--font-ui);
  font-size: var(--text-meta);
  line-height: var(--leading-meta);
  text-align: left;
}

@media (max-width: 1099px) {
  .ris-hero__grid,
  .ris-loop__grid,
  .ris-consequence__grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
    column-gap: 1.25rem;
  }

  .ris-hero__copy {
    grid-column: 1 / span 5;
  }

  .ris-hero__figure {
    grid-column: 6 / span 3;
    padding-left: 1.25rem;
  }

  .ris-loop__article {
    grid-column: 1 / span 5;
  }

  .ris-loop__note {
    grid-column: 6 / span 3;
  }

  .ris-layers__intro,
  .ris-faq__header {
    width: calc((100% - (1.25rem * 7)) / 8 * 6 + (1.25rem * 5));
  }

  .ris-layers__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-6) 1.25rem;
  }

  .ris-layer--c {
    grid-column: 1 / span 2;
  }

  .ris-consequence__copy {
    grid-column: 1 / span 4;
  }

  .ris-consequence__figure {
    grid-column: 5 / span 4;
  }

  .ris-tempo__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 1.25rem;
  }

  .ris-entry__steps {
    width: 100%;
  }

  .ris-entry__step {
    grid-template-columns: minmax(4rem, 1fr) minmax(0, 7fr);
  }

  .ris-editorial__quote,
  .ris-learning__figure,
  .ris-faq__list {
    width: 100%;
  }

  .ris-learning__copy {
    width: calc((100% - (1.25rem * 7)) / 8 * 6 + (1.25rem * 5));
    margin-left: 0;
  }

  .ris-faq__list {
    margin-left: 0;
  }

  .ris-verdict__panel {
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: 1.25rem;
  }

  .ris-verdict__copy {
    grid-column: 1 / span 5;
  }

  .ris-verdict__action {
    grid-column: 6 / span 3;
    padding-left: 1.25rem;
  }
}

@media (max-width: 1049px) {
  .ris-loop__grid {
    row-gap: var(--space-6);
  }

  .ris-loop__article {
    grid-column: 1 / span 8;
  }

  .ris-loop__note {
    grid-column: 1 / span 8;
    margin-top: 0;
  }

  .ris-loop__note-lines {
    flex-direction: row;
    gap: var(--space-4);
  }

  .ris-loop__note-lines p {
    flex: 1 1 0;
    min-width: 0;
    padding: 0;
    border-bottom: 0;
    border-right: var(--border-subtle);
    padding-right: var(--space-4);
  }

  .ris-loop__note-lines p:last-child {
    border-right: 0;
    padding-right: 0;
  }
}

@media (max-width: 979px) {
  .ris-hero__grid {
    row-gap: var(--space-6);
  }

  .ris-hero__copy,
  .ris-hero__figure {
    grid-column: 1 / span 8;
  }

  .ris-hero__copy {
    padding-right: 0;
  }

  .ris-hero__figure {
    border-left: 0;
    padding-left: 0;
  }
}

@media (max-width: 899px) {
  .ris-tempo__grid {
    grid-template-columns: minmax(0, 1fr);
    row-gap: var(--space-6);
  }

  .ris-tempo__column + .ris-tempo__column {
    border-left: 0;
    border-top: var(--border-subtle);
    padding-top: var(--space-6);
    padding-left: 0;
  }
}

@media (max-width: 879px) {
  .ris-verdict__panel {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-6);
  }

  .ris-verdict__copy,
  .ris-verdict__action {
    grid-column: 1;
  }

  .ris-verdict__action {
    border-top: 1px solid color-mix(in srgb, var(--color-paper) 42%, transparent);
    border-left: 0;
    padding-top: var(--space-6);
    padding-left: 0;
  }
}

@media (max-width: 819px) {
  .ris-consequence__grid {
    row-gap: var(--space-6);
  }

  .ris-consequence__copy,
  .ris-consequence__figure {
    grid-column: 1 / span 8;
  }
}

@media (max-width: 767px) {
  .ris-page {
    padding-block: var(--space-12) var(--space-16);
  }

  .ris-page h2 {
    font-size: 1.8125rem;
  }

  .ris-hero__grid,
  .ris-loop__grid,
  .ris-consequence__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-6);
  }

  .ris-hero__copy,
  .ris-hero__figure,
  .ris-loop__article,
  .ris-loop__note,
  .ris-consequence__copy,
  .ris-consequence__figure {
    grid-column: 1;
    width: 100%;
  }

  .ris-hero__copy .display-title {
    font-size: clamp(3rem, 14vw, 4rem);
  }

  .ris-hero__copy .lead {
    max-width: none;
  }

  .ris-loop,
  .ris-layers,
  .ris-consequence,
  .ris-tempo,
  .ris-entry,
  .ris-editorial,
  .ris-learning,
  .ris-faq,
  .ris-verdict {
    margin-top: var(--space-16);
  }

  .ris-loop__prose {
    max-width: none;
  }

  .ris-loop__note-lines {
    flex-direction: column;
    gap: var(--space-3);
  }

  .ris-loop__note-lines p {
    padding: 0 0 var(--space-3);
    border-right: 0;
    border-bottom: var(--border-subtle);
  }

  .ris-layers__intro,
  .ris-entry__header,
  .ris-faq__header,
  .ris-learning__copy {
    width: 100%;
    max-width: none;
  }

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

  .ris-layer,
  .ris-layer--c {
    grid-column: 1;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-2);
  }

  .ris-layer + .ris-layer {
    border-left: 0;
    padding-left: 0;
  }

  .ris-tempo__grid {
    margin-top: var(--space-6);
  }

  .ris-entry__steps {
    gap: var(--space-6);
    margin-top: var(--space-6);
  }

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

  .ris-entry__number,
  .ris-entry__step-copy {
    grid-column: 1;
  }

  .ris-editorial__quote {
    padding: var(--space-6) var(--space-4);
    text-align: left;
  }

  .ris-editorial__quote blockquote {
    font-size: clamp(1.5rem, 7vw, 1.75rem);
  }

  .ris-editorial__quote figcaption {
    text-align: left;
  }

  .ris-learning__figure {
    margin-top: var(--space-6);
  }

  .ris-learning__copy {
    margin-top: var(--space-6);
    margin-left: 0;
  }

  .ris-learning__note {
    padding-left: var(--space-4);
  }

  .ris-faq__list {
    margin-top: var(--space-6);
  }

  .ris-faq__list summary {
    padding-block: var(--space-4);
    font-size: 1.375rem;
  }

  .ris-verdict__panel {
    padding: var(--space-6) var(--space-4);
  }
}


.progression-page {
  position: relative;
  overflow: clip;
  background-color: var(--color-paper);
  background-image: radial-gradient(rgb(72 60 50 / 0.035) 0.6px, transparent 0.7px);
  background-size: 7px 7px;
}

.progression-page__section,
.progression-page__hero {
  padding-block: var(--space-16);
}

.progression-page__hero {
  padding-top: var(--space-12);
}

.progression-page__hero-grid,
.progression-page__reading-grid,
.progression-page__priority-grid,
.progression-page__tempo-grid {
  display: grid;
  min-width: 0;
  gap: var(--space-8);
}

.progression-page__hero-grid {
  grid-template-columns: minmax(0, 7fr) minmax(340px, 5fr);
  align-items: start;
}

.progression-page__hero-copy,
.progression-page__hero-figure,
.progression-page__reading-copy,
.progression-page__editorial-note,
.progression-page__priority-copy,
.progression-page__priority-figure,
.progression-page__tempo-copy,
.progression-page__observe-panel {
  min-width: 0;
}

.progression-page__hero-copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 42.5rem;
  gap: var(--space-4);
}

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

.progression-page__hero-copy .display-title {
  font-size: clamp(3rem, 6.8vw, 5.125rem);
}

.progression-page__hero-copy .lead {
  max-width: 39rem;
}

.progression-page__hero-meta {
  display: flex;
  width: 100%;
  min-width: 0;
  flex-wrap: wrap;
  gap: var(--space-3);
  border-top: var(--border-subtle);
  border-bottom: var(--border-subtle);
  padding-block: var(--space-3);
}

.progression-page__hero-meta span {
  min-width: 0;
}

.progression-page__hero-meta span + span::before {
  content: "·";
  margin-right: var(--space-3);
}

.progression-page__hero-cta {
  min-width: 14.5rem;
}

.progression-page__hero-figure,
.progression-page__path-figure,
.progression-page__priority-figure,
.progression-page__tempo-figure {
  width: 100%;
  min-width: 0;
  margin: 0;
}

.progression-page__hero-figure img,
.progression-page__path-figure img,
.progression-page__priority-figure img,
.progression-page__tempo-figure img {
  width: 100%;
  max-width: 100%;
  border: var(--border-subtle);
  object-fit: cover;
}

.progression-page__hero-figure img {
  aspect-ratio: 4 / 3;
}

.progression-page__reading-grid {
  grid-template-columns: minmax(0, 7fr) minmax(220px, 3fr) minmax(0, 2fr);
  align-items: start;
}

.progression-page__reading-copy {
  grid-column: 1;
  width: 100%;
  max-width: 45rem;
}

.progression-page__editorial-note {
  grid-column: 2;
  width: 100%;
  border-left: var(--border-subtle);
  background: var(--color-paper-alt);
  padding: var(--space-6);
}

.progression-page__editorial-note > *:last-child {
  margin-bottom: 0;
}

.progression-page__criteria {
  display: grid;
  width: 100%;
  min-width: 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-4);
  margin-top: var(--space-8);
}

.progression-page__criterion {
  min-width: 0;
  border-top: var(--border-subtle);
  padding-top: var(--space-3);
}

.progression-page__criterion h3 {
  margin-bottom: var(--space-2);
}

.progression-page__criterion p {
  margin-bottom: 0;
  font-size: var(--text-small);
  line-height: var(--leading-small);
}

.progression-page__section-intro,
.progression-page__tips-intro,
.progression-page__contrasts-intro,
.progression-page__faq-intro {
  width: 100%;
  max-width: 42.5rem;
}

.progression-page__stage-grid {
  display: grid;
  width: 100%;
  min-width: 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: var(--space-8);
}

.progression-page__stage {
  min-width: 0;
  padding-inline: var(--space-6);
}

.progression-page__stage:first-child {
  padding-left: 0;
}

.progression-page__stage + .progression-page__stage {
  border-left: var(--border-subtle);
}

.progression-page__roman {
  display: block;
  margin-bottom: var(--space-3);
  color: var(--color-cherry);
  font-family: var(--font-heading);
  font-size: clamp(2.75rem, 5vw, 4.5rem);
  font-weight: 700;
  line-height: 0.85;
}

.progression-page__stage p {
  margin-bottom: 0;
}

.progression-page__path-intro {
  width: 100%;
  max-width: 42.5rem;
}

.progression-page__path-figure {
  width: min(100%, 60rem);
  margin-top: var(--space-8);
}

.progression-page__path-figure img,
.progression-page__tempo-figure img,
.progression-page__priority-figure img {
  aspect-ratio: 16 / 9;
}

.progression-page__path-quote {
  width: 100%;
  max-width: 36rem;
  margin-top: var(--space-8);
  margin-bottom: 0;
  background: var(--color-paper-alt);
  padding: var(--space-6);
}

.progression-page__tips-grid {
  display: grid;
  width: 100%;
  min-width: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: var(--space-8);
}

.progression-page__tip {
  display: grid;
  min-width: 0;
  grid-template-columns: 3.5rem minmax(0, 1fr);
  gap: var(--space-4);
  padding: var(--space-6);
  border-top: var(--border-subtle);
}

.progression-page__tip:nth-child(odd) {
  padding-left: 0;
}

.progression-page__tip:nth-child(even) {
  border-left: var(--border-subtle);
}

.progression-page__tip:nth-child(n + 3) {
  border-bottom: var(--border-subtle);
}

.progression-page__tip > span {
  min-width: 0;
  color: var(--color-cherry);
  font-family: var(--font-ui);
  font-size: var(--text-meta);
  font-weight: 700;
  letter-spacing: 0.1em;
}

.progression-page__tip > div {
  min-width: 0;
}

.progression-page__tip h3 {
  margin-bottom: var(--space-2);
}

.progression-page__tip p {
  margin-bottom: 0;
}

.progression-page__priority-grid {
  grid-template-columns: minmax(330px, 5fr) minmax(430px, 6fr) minmax(0, 1fr);
  align-items: start;
}

.progression-page__priority-figure {
  grid-column: 1;
}

.progression-page__priority-copy {
  grid-column: 2;
  width: 100%;
  max-width: 38.75rem;
  border-left: var(--border-subtle);
  padding-left: var(--space-8);
}

.progression-page__question-panel {
  display: flex;
  width: 100%;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-3);
  margin-top: var(--space-8);
  margin-bottom: var(--space-6);
  border: var(--border-subtle);
  background: var(--color-paper-alt);
  padding: var(--space-6);
}

.progression-page__question-panel > * {
  min-width: 0;
  margin: 0;
}

.progression-page__question-panel ol {
  padding-left: 1.25em;
}

.progression-page__question-panel li + li {
  margin-top: var(--space-2);
}

.progression-page__small-note {
  margin-bottom: 0;
  color: var(--color-sepia);
  font-size: var(--text-small);
  line-height: var(--leading-small);
}

.progression-page__contrast-list {
  display: flex;
  width: 100%;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-6);
  margin-top: var(--space-8);
}

.progression-page__contrast {
  display: grid;
  width: 100%;
  min-width: 0;
  grid-template-columns: minmax(0, 1fr);
  border-top: var(--border-subtle);
  border-bottom: var(--border-subtle);
}

.progression-page__contrast h3 {
  min-width: 0;
  margin: 0;
  padding: var(--space-3) 0;
  font-size: var(--text-h3);
}

.progression-page__contrast > div {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.progression-page__contrast p {
  min-width: 0;
  margin: 0;
  padding: var(--space-6);
}

.progression-page__contrast p:first-child {
  padding-left: 0;
}

.progression-page__contrast p + p {
  border-left: var(--border-subtle);
}

.progression-page__tempo-grid {
  grid-template-columns: minmax(0, 7fr) minmax(220px, 3fr) minmax(0, 2fr);
  align-items: start;
}

.progression-page__tempo-copy {
  grid-column: 1;
  width: 100%;
  max-width: 45rem;
}

.progression-page__observe-panel {
  grid-column: 2;
  display: flex;
  width: 100%;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-3);
  border-left: var(--border-subtle);
  background: var(--color-paper-alt);
  padding: var(--space-6);
}

.progression-page__observe-panel > * {
  min-width: 0;
  margin: 0;
}

.progression-page__tempo-figure {
  width: min(100%, 54rem);
  margin-top: var(--space-8);
}

.progression-page__faq-list {
  display: flex;
  width: 100%;
  max-width: 51.25rem;
  min-width: 0;
  flex-direction: column;
  margin-top: var(--space-8);
}

.progression-page__faq-item {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-6);
  border-bottom: var(--border-subtle);
  padding-block: var(--space-6);
}

.progression-page__faq-item h3,
.progression-page__faq-item p {
  min-width: 0;
  margin: 0;
}

.progression-page__faq-item p {
  font-size: var(--text-small);
  line-height: var(--leading-small);
}

.progression-page__verdict-panel {
  display: flex;
  width: min(100%, 58rem);
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  border: 2px solid var(--color-ink);
  background: var(--color-ink);
  color: var(--color-paper);
  padding: var(--space-8);
}

.progression-page__verdict-panel > * {
  min-width: 0;
  margin: 0;
}

.progression-page__verdict-panel .editorial-label,
.progression-page__verdict-panel h2 {
  color: var(--color-paper);
}

.progression-page__verdict-panel h2 {
  max-width: 43.75rem;
}

.progression-page__verdict-panel > p:not(.progression-page__independence-note) {
  width: 100%;
  max-width: 43.75rem;
}

.progression-page__verdict-cta {
  min-width: 14.5rem;
  margin-top: var(--space-2) !important;
}

.progression-page__verdict-cta:focus-visible {
  outline-color: var(--color-paper);
}

.progression-page__independence-note {
  width: 100%;
  border-top: 1px solid rgb(232 229 218 / 0.55);
  padding-top: var(--space-3);
  color: var(--color-paper);
  font-family: var(--font-ui);
  font-size: var(--text-meta);
  letter-spacing: 0.06em;
  line-height: var(--leading-meta);
  text-transform: uppercase;
}

@media (max-width: 1099px) {
  .progression-page__hero-grid {
    grid-template-columns: minmax(0, 5fr) minmax(260px, 3fr);
    gap: var(--space-6);
  }

  .progression-page__reading-grid,
  .progression-page__tempo-grid {
    grid-template-columns: minmax(0, 5fr) minmax(220px, 3fr);
  }

  .progression-page__reading-copy,
  .progression-page__tempo-copy {
    grid-column: 1;
  }

  .progression-page__editorial-note,
  .progression-page__observe-panel {
    grid-column: 2;
  }

  .progression-page__stage-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: var(--space-6);
  }

  .progression-page__stage {
    padding-left: var(--space-6);
  }

  .progression-page__stage:nth-child(3) {
    grid-column: 1 / span 1;
    border-left: 0;
    padding-left: 0;
  }

  .progression-page__priority-grid {
    grid-template-columns: minmax(220px, 3fr) minmax(0, 5fr);
    gap: var(--space-6);
  }

  .progression-page__priority-copy {
    padding-left: var(--space-6);
  }
}

@media (max-width: 979px) {
  .progression-page__reading-grid,
  .progression-page__tempo-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-6);
  }

  .progression-page__reading-copy,
  .progression-page__tempo-copy,
  .progression-page__editorial-note,
  .progression-page__observe-panel {
    grid-column: 1;
  }

  .progression-page__editorial-note,
  .progression-page__observe-panel {
    width: min(100%, 38rem);
    border-left: 0;
    border-top: var(--border-subtle);
  }
}

@media (max-width: 899px) {
  .progression-page__contrast > div,
  .progression-page__faq-item {
    grid-template-columns: minmax(0, 1fr);
  }

  .progression-page__contrast p,
  .progression-page__contrast p:first-child {
    padding: var(--space-4) 0;
  }

  .progression-page__contrast p + p {
    border-top: var(--border-subtle);
    border-left: 0;
  }

  .progression-page__faq-item {
    gap: var(--space-3);
  }
}

@media (max-width: 759px) {
  .progression-page__section,
  .progression-page__hero {
    padding-block: var(--space-12);
  }

  .progression-page__hero {
    padding-top: var(--space-8);
  }

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

  .progression-page__hero-copy,
  .progression-page__hero-copy .lead,
  .progression-page__section-intro,
  .progression-page__tips-intro,
  .progression-page__contrasts-intro,
  .progression-page__faq-intro,
  .progression-page__path-intro,
  .progression-page__path-figure,
  .progression-page__path-quote,
  .progression-page__tempo-figure,
  .progression-page__verdict-panel {
    max-width: none;
    width: 100%;
  }

  .progression-page__hero-copy .display-title {
    font-size: clamp(3rem, 12vw, 3.75rem);
  }

  .progression-page__hero-cta,
  .progression-page__verdict-cta {
    width: 100%;
    min-width: 0;
  }

  .progression-page__stage-grid,
  .progression-page__tips-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .progression-page__stage,
  .progression-page__stage:first-child,
  .progression-page__stage:nth-child(3) {
    padding: var(--space-6) 0;
    border-top: var(--border-subtle);
    border-left: 0;
  }

  .progression-page__stage:last-child {
    border-bottom: var(--border-subtle);
  }

  .progression-page__tip,
  .progression-page__tip:nth-child(odd) {
    padding: var(--space-4) 0;
    border-left: 0;
  }

  .progression-page__tip:nth-child(even) {
    border-left: 0;
  }

  .progression-page__tip:nth-child(n + 3) {
    border-bottom: 0;
  }

  .progression-page__tip:last-child {
    border-bottom: var(--border-subtle);
  }

  .progression-page__priority-copy {
    grid-column: 1;
    max-width: none;
    border-left: 0;
    padding-left: 0;
    order: 1;
  }

  .progression-page__priority-figure {
    grid-column: 1;
    order: 2;
  }

  .progression-page__question-panel,
  .progression-page__verdict-panel {
    padding: var(--space-4);
  }

  .progression-page__path-quote {
    padding: var(--space-5, 1.25rem);
  }

  .progression-page__verdict-panel {
    gap: var(--space-4);
  }
}

@media (max-width: 479px) {
  .progression-page__hero-meta {
    flex-direction: column;
    align-items: flex-start;
  }

  .progression-page__hero-meta span + span::before {
    display: none;
  }

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

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

  .progression-page__tip > span {
    display: block;
  }
}


.rmp-page {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: var(--color-paper);
}

.rmp-page::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  background-image: radial-gradient(rgb(72 60 50 / 4%) 0.6px, transparent 0.8px);
  background-size: 7px 7px;
  content: "";
  opacity: 0.22;
  pointer-events: none;
}

.rmp-page a:not(.button) {
  text-decoration-thickness: 1px;
  text-underline-offset: 0.2em;
}

.rmp-page img {
  width: 100%;
  max-width: 100%;
  border: var(--border-subtle);
  object-fit: cover;
}

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

.rmp-section + .rmp-section {
  border-top: var(--border-subtle);
}

.rmp-section__heading,
.rmp-hero__copy,
.rmp-world__essay,
.rmp-world__note,
.rmp-world__figure,
.rmp-rhythm__intro,
.rmp-rhythm__steps,
.rmp-progress__essay,
.rmp-progress__figure,
.rmp-progress__criteria,
.rmp-progress__link,
.rmp-visual__intro,
.rmp-visual__number,
.rmp-visual__modules,
.rmp-tips__intro,
.rmp-tips__list,
.rmp-tips__link,
.rmp-gallery__intro,
.rmp-gallery__frames,
.rmp-faq__content,
.rmp-verdict__copy,
.rmp-verdict__action {
  min-width: 0;
}

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

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

.rmp-hero__copy {
  grid-column: 1 / span 7;
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

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

.rmp-hero__copy h1 {
  max-width: 15ch;
}

.rmp-hero__deck {
  max-width: 60ch;
}

.rmp-hero__meta {
  width: 100%;
  border-top: var(--border-subtle);
  border-bottom: var(--border-subtle);
  padding-block: var(--space-3);
}

.rmp-hero__figure {
  grid-column: 9 / span 4;
  border-left: var(--border-subtle);
  padding-left: var(--space-6);
}

.rmp-hero__figure img {
  aspect-ratio: 4 / 3;
}

.rmp-world__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-8) var(--space-6);
}

.rmp-world__heading {
  grid-column: 2 / span 7;
}

.rmp-world__heading > *:last-child {
  margin-bottom: 0;
}

.rmp-world__essay {
  grid-column: 2 / span 7;
  max-width: 45rem;
}

.rmp-world__note {
  grid-column: 10 / span 3;
  align-self: start;
  border-left: var(--border-subtle);
}

.rmp-world__note > * {
  margin: 0;
}

.rmp-world__note {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.rmp-note__quote {
  color: var(--color-sepia);
  font-family: var(--font-heading);
  font-size: 1.35rem;
  font-weight: 650;
  line-height: 1.22;
}

.rmp-world__figure {
  grid-column: 2 / span 11;
}

.rmp-world__figure img,
.rmp-progress__figure img,
.rmp-gallery__frame img {
  aspect-ratio: 16 / 9;
}

.rmp-rhythm__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  row-gap: var(--space-8);
}

.rmp-rhythm__intro {
  grid-column: 1 / span 6;
  max-width: 62ch;
}

.rmp-rhythm__intro > *:last-child {
  margin-bottom: 0;
}

.rmp-rhythm__steps {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.rmp-rhythm__step {
  min-width: 0;
  padding-inline: var(--space-6);
}

.rmp-rhythm__step:first-child {
  padding-left: 0;
}

.rmp-rhythm__step + .rmp-rhythm__step {
  border-left: var(--border-subtle);
}

.rmp-rhythm__step > *:last-child {
  margin-bottom: 0;
}

.rmp-progress__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-8) var(--space-6);
}

.rmp-progress__essay {
  grid-column: 1 / span 7;
  max-width: 45rem;
}

.rmp-progress__figure {
  grid-column: 9 / span 4;
  align-self: start;
}

.rmp-progress__criteria {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-6);
}

.rmp-progress__criterion {
  min-width: 0;
}

.rmp-progress__criterion + .rmp-progress__criterion {
  border-left: var(--border-subtle);
  padding-left: var(--space-6);
}

.rmp-progress__criterion > *:last-child,
.rmp-progress__link {
  margin-bottom: 0;
}

.rmp-progress__link {
  grid-column: 1 / -1;
}

.rmp-visual__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-8) var(--space-6);
}

.rmp-visual__intro {
  grid-column: 1 / span 5;
  max-width: 60ch;
}

.rmp-visual__intro > *:last-child {
  margin-bottom: 0;
}

.rmp-visual__number {
  grid-column: 7 / span 2;
  align-self: end;
  color: var(--color-cherry);
  font-family: var(--font-heading);
  font-size: clamp(4.5rem, 10vw, 8rem);
  font-weight: 700;
  line-height: 0.8;
}

.rmp-visual__modules {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: 5fr 3fr 4fr;
}

.rmp-visual__module {
  min-width: 0;
  padding-inline: var(--space-6);
}

.rmp-visual__module:first-child {
  padding-left: 0;
}

.rmp-visual__module + .rmp-visual__module {
  border-left: var(--border-subtle);
}

.rmp-visual__module--alt {
  background: var(--color-paper-alt);
}

.rmp-visual__module > *:last-child {
  margin-bottom: 0;
}

.rmp-tips__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-8) var(--space-6);
}

.rmp-tips__intro {
  grid-column: 1 / span 6;
  max-width: 58ch;
}

.rmp-tips__intro > *:last-child {
  margin-bottom: 0;
}

.rmp-tips__list {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.rmp-tip {
  min-width: 0;
  border-top: var(--border-subtle);
  padding: var(--space-6) var(--space-6) 0 0;
}

.rmp-tip:nth-child(even) {
  border-left: var(--border-subtle);
  padding-right: 0;
  padding-left: var(--space-6);
}

.rmp-tip:nth-child(n + 3) {
  margin-top: var(--space-6);
}

.rmp-tip > *:last-child {
  margin-bottom: 0;
}

.rmp-tips__link {
  grid-column: 1 / -1;
  margin: 0;
}

.rmp-gallery__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-8) var(--space-6);
}

.rmp-gallery__intro {
  grid-column: 1 / span 6;
  max-width: 58ch;
}

.rmp-gallery__intro > *:last-child {
  margin-bottom: 0;
}

.rmp-gallery__frames {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-6);
  align-items: start;
}

.rmp-gallery__frame {
  min-width: 0;
  margin: 0;
}

.rmp-gallery__frame--one {
  grid-column: 1 / span 5;
  grid-row: 1 / span 2;
}

.rmp-gallery__frame--one img {
  aspect-ratio: 4 / 3;
}

.rmp-gallery__frame--two,
.rmp-gallery__frame--three {
  grid-column: 6 / span 7;
}

.rmp-gallery__frame--two {
  grid-row: 1;
}

.rmp-gallery__frame--three {
  grid-row: 2;
}

.rmp-faq__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.rmp-faq__content {
  grid-column: 2 / span 8;
}

.rmp-faq__content h2 {
  max-width: 20ch;
}

.rmp-faq details {
  border-top: var(--border-subtle);
}

.rmp-faq details:last-child {
  border-bottom: var(--border-subtle);
}

.rmp-faq summary {
  position: relative;
  min-height: 3rem;
  padding: var(--space-4) var(--space-8) var(--space-4) 0;
  color: var(--color-ink);
  cursor: pointer;
  font-family: var(--font-heading);
  font-size: 1.35rem;
  font-weight: 650;
  line-height: 1.2;
  list-style: none;
}

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

.rmp-faq summary::after {
  position: absolute;
  top: 50%;
  right: var(--space-2);
  transform: translateY(-50%);
  color: var(--color-cherry);
  content: "+";
  font-family: var(--font-ui);
  font-size: 1.5rem;
  font-weight: 700;
}

.rmp-faq details[open] summary::after {
  content: "−";
}

.rmp-faq__answer {
  max-width: 62ch;
  padding-bottom: var(--space-4);
}

.rmp-faq__answer p {
  margin-bottom: 0;
}

.rmp-verdict {
  padding-bottom: var(--space-24);
}

.rmp-verdict__panel {
  display: grid;
  grid-template-columns: 8fr 4fr;
  border: 2px solid var(--color-ink);
  background: var(--color-ink);
  color: var(--color-paper);
}

.rmp-verdict__copy,
.rmp-verdict__action {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-4);
  padding: var(--space-12);
}

.rmp-verdict__copy > *,
.rmp-verdict__action > * {
  min-width: 0;
  margin: 0;
}

.rmp-verdict__copy .editorial-label,
.rmp-verdict__copy h2 {
  color: var(--color-paper);
}

.rmp-verdict__copy h2 {
  max-width: 20ch;
}

.rmp-verdict__copy > p:last-child {
  max-width: 62ch;
}

.rmp-verdict__action {
  border-left: 1px solid var(--color-paper-alt);
  justify-content: center;
  padding-inline: var(--space-8);
}

.rmp-verdict__helper {
  color: var(--color-paper-alt);
  font-size: var(--text-small);
  line-height: var(--leading-small);
}

.rmp-verdict__note {
  border-top: 1px solid var(--color-paper-alt);
  color: var(--color-paper-alt);
  font-family: var(--font-ui);
  font-size: var(--text-meta);
  letter-spacing: 0.05em;
  line-height: var(--leading-meta);
  padding-top: var(--space-4);
}

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

@media (max-width: 1099px) {
  .rmp-hero__grid,
  .rmp-world__grid,
  .rmp-rhythm__grid,
  .rmp-progress__grid,
  .rmp-visual__grid,
  .rmp-tips__grid,
  .rmp-gallery__grid,
  .rmp-faq__grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
    column-gap: var(--space-6);
  }

  .rmp-hero__copy {
    grid-column: 1 / span 5;
  }

  .rmp-hero__figure {
    grid-column: 6 / span 3;
  }

  .rmp-world__heading,
  .rmp-world__essay {
    grid-column: 1 / span 6;
  }

  .rmp-world__note {
    grid-column: 1 / -1;
    border-left: 0;
    border-top: var(--border-subtle);
    padding-top: var(--space-6);
  }

  .rmp-world__figure {
    grid-column: 1 / -1;
  }

  .rmp-rhythm__intro {
    grid-column: 1 / -1;
  }

  .rmp-rhythm__steps {
    grid-column: 1 / -1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: var(--space-6);
  }

  .rmp-rhythm__step:nth-child(3) {
    grid-column: 1 / -1;
    border-left: 0;
    border-top: var(--border-subtle);
    padding-top: var(--space-6);
    padding-left: 0;
  }

  .rmp-progress__essay {
    grid-column: 1 / span 6;
  }

  .rmp-progress__figure {
    grid-column: 7 / span 2;
  }

  .rmp-progress__criteria,
  .rmp-progress__link {
    grid-column: 1 / -1;
  }

  .rmp-visual__intro {
    grid-column: 1 / -1;
  }

  .rmp-visual__number {
    display: none;
  }

  .rmp-visual__modules {
    grid-column: 1 / -1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: var(--space-6);
  }

  .rmp-visual__module:nth-child(3) {
    grid-column: 1 / -1;
    border-left: 0;
    border-top: var(--border-subtle);
    padding-top: var(--space-6);
    padding-left: 0;
  }

  .rmp-tips__intro,
  .rmp-gallery__intro {
    grid-column: 1 / -1;
  }

  .rmp-tips__list,
  .rmp-tips__link,
  .rmp-gallery__frames {
    grid-column: 1 / -1;
  }

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

  .rmp-gallery__frame--one {
    grid-column: 1 / span 4;
    grid-row: 1 / span 2;
  }

  .rmp-gallery__frame--two,
  .rmp-gallery__frame--three {
    grid-column: 5 / span 4;
  }

  .rmp-faq__content {
    grid-column: 1 / span 7;
  }
}

@media (max-width: 899px) {
  .rmp-hero__grid {
    row-gap: var(--space-6);
  }

  .rmp-hero__copy,
  .rmp-hero__figure,
  .rmp-progress__essay,
  .rmp-progress__figure {
    grid-column: 1 / -1;
  }

  .rmp-hero__figure {
    border-left: 0;
    border-top: var(--border-subtle);
    padding-top: var(--space-6);
    padding-left: 0;
  }

  .rmp-hero__figure img {
    max-width: 38rem;
  }

  .rmp-progress__figure {
    max-width: 45rem;
  }

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

  .rmp-verdict__action {
    border-top: 1px solid var(--color-paper-alt);
    border-left: 0;
  }
}

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

  .rmp-hero {
    padding-block: var(--space-8) var(--space-12);
  }

  .rmp-hero__grid,
  .rmp-world__grid,
  .rmp-rhythm__grid,
  .rmp-progress__grid,
  .rmp-visual__grid,
  .rmp-tips__grid,
  .rmp-gallery__grid,
  .rmp-faq__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-6);
  }

  .rmp-hero__copy,
  .rmp-hero__figure,
  .rmp-world__heading,
  .rmp-world__essay,
  .rmp-world__note,
  .rmp-world__figure,
  .rmp-rhythm__intro,
  .rmp-rhythm__steps,
  .rmp-progress__essay,
  .rmp-progress__figure,
  .rmp-progress__criteria,
  .rmp-progress__link,
  .rmp-visual__intro,
  .rmp-visual__modules,
  .rmp-tips__intro,
  .rmp-tips__list,
  .rmp-tips__link,
  .rmp-gallery__intro,
  .rmp-gallery__frames,
  .rmp-faq__content {
    grid-column: 1;
  }

  .rmp-hero__copy h1 {
    max-width: none;
    font-size: clamp(3rem, 13vw, 3.75rem);
    line-height: 0.96;
  }

  .rmp-hero__deck {
    max-width: none;
  }

  .rmp-hero__figure img,
  .rmp-progress__figure,
  .rmp-world__figure {
    max-width: none;
  }

  .rmp-world__essay,
  .rmp-progress__essay,
  .rmp-rhythm__intro,
  .rmp-visual__intro,
  .rmp-tips__intro,
  .rmp-gallery__intro {
    max-width: none;
  }

  .rmp-world__note {
    padding-top: var(--space-4);
  }

  .rmp-rhythm__steps,
  .rmp-progress__criteria,
  .rmp-visual__modules,
  .rmp-tips__list,
  .rmp-gallery__frames {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-6);
  }

  .rmp-rhythm__step,
  .rmp-rhythm__step:first-child,
  .rmp-rhythm__step:nth-child(3),
  .rmp-visual__module,
  .rmp-visual__module:first-child,
  .rmp-visual__module:nth-child(3),
  .rmp-tip,
  .rmp-tip:nth-child(even) {
    grid-column: 1;
    border-left: 0;
    border-top: var(--border-subtle);
    padding: var(--space-4) 0 0;
  }

  .rmp-rhythm__step:first-child,
  .rmp-visual__module:first-child,
  .rmp-tip:first-child {
    border-top: var(--border-subtle);
  }

  .rmp-rhythm__step:nth-child(3),
  .rmp-visual__module:nth-child(3) {
    margin-top: 0;
  }

  .rmp-progress__criterion + .rmp-progress__criterion {
    border-top: var(--border-subtle);
    border-left: 0;
    padding-top: var(--space-4);
    padding-left: 0;
  }

  .rmp-tip:nth-child(n + 3) {
    margin-top: 0;
  }

  .rmp-gallery__frame--one,
  .rmp-gallery__frame--two,
  .rmp-gallery__frame--three {
    grid-column: 1;
    grid-row: auto;
  }

  .rmp-faq__content h2 {
    max-width: none;
  }

  .rmp-faq summary {
    font-size: 1.25rem;
    padding-block: 0.875rem;
  }

  .rmp-verdict {
    padding-bottom: var(--space-16);
  }

  .rmp-verdict__copy,
  .rmp-verdict__action {
    padding: var(--space-6) var(--space-4);
  }

  .rmp-verdict__copy h2 {
    max-width: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .rmp-page::before {
    background-image: none;
  }
}


.beginners-page {
  position: relative;
  overflow: hidden;
  background: var(--color-paper);
}

.beginners-page::before {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image: radial-gradient(rgb(72 60 50 / 5%) 0.55px, transparent 0.65px);
  background-size: 5px 5px;
  content: "";
  opacity: 0.18;
}

.beginners-page__article,
.beginners-page > .beginners-lightbox {
  position: relative;
  z-index: 1;
}

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

.beginners-section + .beginners-section {
  border-top: var(--border-subtle);
}

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

.beginners-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 7fr) 1px minmax(0, 4fr);
  column-gap: var(--space-8);
  align-items: center;
}

.beginners-hero__copy,
.beginners-hero__figure,
.beginners-rhythm__main,
.beginners-rhythm__note,
.beginners-step,
.beginners-exploration__copy,
.beginners-exploration__figure,
.beginners-progress__intro,
.beginners-decision,
.beginners-pause__copy,
.beginners-pause__figure,
.beginners-mistakes__intro,
.beginners-mistake,
.beginners-faq__intro,
.beginners-faq__list,
.beginners-verdict__copy,
.beginners-verdict__action {
  min-width: 0;
}

.beginners-hero__copy {
  display: flex;
  max-width: 43.75rem;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
}

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

.beginners-hero__copy h1 {
  font-size: clamp(3rem, 7vw, 5.125rem);
}

.beginners-hero__lead {
  max-width: 39rem;
}

.beginners-hero__meta {
  max-width: 42rem;
}

.beginners-hero__divider,
.beginners-exploration__divider,
.beginners-pause__divider,
.beginners-verdict__divider {
  width: 1px;
  min-width: 1px;
  align-self: stretch;
  background: var(--color-sepia);
}

.beginners-hero__figure {
  width: min(100%, 25rem);
  justify-self: end;
}

.beginners-media-button {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
  border: var(--border-subtle);
  border-radius: var(--radius-none);
  background: var(--color-paper-alt);
  padding: 0;
  text-align: left;
}

.beginners-media-button img {
  width: 100%;
  max-width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.beginners-hero__figure .beginners-media-button img {
  aspect-ratio: 4 / 3;
  object-position: 58% center;
  filter: sepia(0.22) contrast(1.04);
}

.beginners-media-button__label {
  position: absolute;
  right: var(--space-2);
  bottom: var(--space-2);
  background: var(--color-paper);
  color: var(--color-ink);
  font-family: var(--font-ui);
  font-size: var(--text-label);
  font-weight: 700;
  letter-spacing: 0.06em;
  padding: var(--space-1) var(--space-2);
  text-transform: uppercase;
}

.beginners-media-button:hover .beginners-media-button__label {
  background: var(--color-cherry);
  color: var(--color-on-cherry);
}

.beginners-rhythm__grid {
  display: grid;
  grid-template-columns: minmax(0, 8fr) minmax(15.625rem, 3fr);
  column-gap: calc(var(--space-8) + var(--space-6));
  align-items: start;
}

.beginners-rhythm__main {
  width: 100%;
  max-width: 45rem;
}

.beginners-rhythm__note {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: var(--space-4);
}

.beginners-rhythm__note > * {
  margin: 0;
}

.beginners-rhythm__note blockquote {
  font-size: clamp(1.15rem, 1.9vw, 1.4rem);
}

.beginners-rhythm__independence {
  border-top: var(--border-subtle);
  padding-top: var(--space-3);
  color: var(--color-sepia);
  font-size: var(--text-small);
  line-height: var(--leading-small);
}

.beginners-steps h2,
.beginners-progress h2,
.beginners-mistakes h2,
.beginners-faq h2 {
  max-width: 42rem;
}

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

.beginners-step {
  width: 100%;
  border-left: var(--border-subtle);
  padding: 0 var(--space-6);
}

.beginners-step:first-child {
  border-left: 0;
  padding-left: 0;
}

.beginners-step:last-child {
  padding-right: 0;
}

.beginners-step__number,
.beginners-decision__number,
.beginners-mistake__number {
  margin-bottom: var(--space-2);
  color: var(--color-cherry);
  font-family: var(--font-heading);
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 0.9;
}

.beginners-step h3,
.beginners-decision h3,
.beginners-mistake h3 {
  font-size: clamp(1.35rem, 2vw, 1.5625rem);
}

.beginners-step__questions {
  margin-bottom: 0;
  border-top: var(--border-subtle);
  padding-top: var(--space-3);
  color: var(--color-sepia);
  font-size: var(--text-small);
  line-height: var(--leading-small);
}

.beginners-exploration__grid {
  display: grid;
  grid-template-columns: minmax(0, 5fr) 1px minmax(0, 6fr);
  column-gap: var(--space-8);
  align-items: start;
}

.beginners-exploration__copy {
  width: 100%;
  max-width: 35rem;
}

.beginners-exploration__figure {
  width: 100%;
}

.beginners-practice {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

.beginners-practice > * {
  margin: 0;
}

.beginners-practice ul {
  padding-left: 1.2em;
}

.beginners-practice li + li {
  margin-top: var(--space-2);
}

.beginners-progress__intro {
  width: 100%;
  max-width: 45rem;
}

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

.beginners-decision {
  width: 100%;
  border-left: var(--border-subtle);
  padding: 0 var(--space-6);
}

.beginners-decision:first-child {
  border-left: 0;
  padding-left: 0;
}

.beginners-decision:last-child {
  padding-right: 0;
}

.beginners-checklist {
  text-align: center;
}

.beginners-checklist__panel {
  display: flex;
  width: min(100%, 51.25rem);
  margin-inline: auto;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  text-align: left;
}

.beginners-checklist__panel > * {
  margin: 0;
}

.beginners-checklist__list {
  width: 100%;
  margin: 0;
  padding-left: 2.2em;
}

.beginners-checklist__list li {
  padding-left: var(--space-2);
}

.beginners-checklist__list li + li {
  margin-top: var(--space-3);
}

.beginners-checklist__note {
  width: 100%;
  border-top: var(--border-subtle);
  padding-top: var(--space-3);
  color: var(--color-sepia);
  font-size: var(--text-small);
  line-height: var(--leading-small);
}

.beginners-pause__grid {
  display: grid;
  grid-template-columns: minmax(0, 5fr) 1px minmax(0, 6fr);
  column-gap: var(--space-8);
  align-items: start;
}

.beginners-pause__copy {
  width: 100%;
  max-width: 35rem;
}

.beginners-pause__figure {
  width: 100%;
}

.beginners-pause__accent {
  color: var(--color-cherry);
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.2vw, 1.5rem);
  font-weight: 650;
  line-height: 1.2;
}

.beginners-pause__warning {
  border-top: var(--border-subtle);
  padding-top: var(--space-4);
}

.beginners-pause__warning h3 {
  margin-bottom: var(--space-3);
}

.beginners-pause__warning ul {
  margin-bottom: 0;
}

.beginners-pause__warning li + li {
  margin-top: var(--space-2);
}

.beginners-mistakes__intro,
.beginners-faq__intro {
  width: 100%;
  max-width: 45rem;
}

.beginners-mistakes__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: var(--space-8);
  border-top: var(--border-subtle);
}

.beginners-mistake {
  width: 100%;
  border-bottom: var(--border-subtle);
  padding: var(--space-6) var(--space-8);
}

.beginners-mistake:nth-child(odd) {
  border-right: var(--border-subtle);
  padding-left: 0;
}

.beginners-mistake:nth-child(even) {
  padding-right: 0;
}

.beginners-mistake__instead {
  margin-bottom: 0;
  color: var(--color-sepia);
  font-size: var(--text-small);
  line-height: var(--leading-small);
}

.beginners-faq__list {
  display: flex;
  width: min(100%, 57.5rem);
  margin-top: var(--space-8);
  margin-inline: auto;
  flex-direction: column;
  gap: 0;
  padding: 0;
}

.beginners-faq__item {
  width: 100%;
  border-bottom: var(--border-subtle);
}

.beginners-faq__item:last-child {
  border-bottom: 0;
}

.beginners-faq__item h3 {
  margin: 0;
}

.beginners-faq__item button {
  display: flex;
  width: 100%;
  min-width: 0;
  min-height: 3rem;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  border: 0;
  background: transparent;
  padding: var(--space-4) 0;
  color: var(--color-ink);
  font-family: var(--font-heading);
  font-size: clamp(1.2rem, 2vw, 1.45rem);
  font-weight: 650;
  line-height: 1.15;
  text-align: left;
}

.beginners-faq__item button span {
  flex: 0 0 auto;
  color: var(--color-cherry);
  font-family: var(--font-ui);
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1;
}

.beginners-faq__item button[aria-expanded="true"] span {
  transform: rotate(45deg);
}

.beginners-faq__answer {
  max-width: 38.75rem;
  padding-bottom: var(--space-6);
}

.beginners-faq__answer p {
  margin: 0;
}

.beginners-verdict__panel {
  display: grid;
  grid-template-columns: minmax(0, 7fr) 1px minmax(13.75rem, 3fr);
  column-gap: var(--space-8);
  width: min(100%, 65rem);
  margin-inline: auto;
  border: var(--border-strong);
  background: var(--color-ink);
  padding: var(--space-8);
  color: var(--color-paper);
}

.beginners-verdict__copy,
.beginners-verdict__action {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
}

.beginners-verdict__copy > *,
.beginners-verdict__action > * {
  margin: 0;
}

.beginners-verdict__copy h2,
.beginners-verdict__copy p {
  color: var(--color-paper);
}

.beginners-verdict__copy h2 {
  max-width: 40rem;
}

.beginners-verdict__copy .editorial-label {
  color: var(--color-paper-alt);
}

.beginners-verdict__divider {
  background: var(--color-paper-alt);
  opacity: 0.65;
}

.beginners-verdict__action {
  justify-content: center;
}

.beginners-verdict__action .button {
  width: 100%;
}

.beginners-verdict__note {
  border-top: 1px solid rgb(232 229 218 / 55%);
  padding-top: var(--space-3);
  color: var(--color-paper-alt);
  font-family: var(--font-ui);
  font-size: var(--text-meta);
  letter-spacing: 0.03em;
  line-height: var(--leading-meta);
}

.beginners-lightbox {
  width: min(92vw, 70rem);
  max-width: none;
  border: var(--border-strong);
  border-radius: var(--radius-panel);
  background: var(--color-paper);
  padding: 0;
  color: var(--color-ink);
}

.beginners-lightbox::backdrop {
  background: rgb(28 34 30 / 76%);
}

.beginners-lightbox__panel {
  position: relative;
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-3);
  padding: var(--space-6);
}

.beginners-lightbox__image {
  width: 100%;
  max-width: 100%;
  max-height: 72vh;
  object-fit: contain;
}

.beginners-lightbox__caption {
  margin: 0;
  padding-right: 3rem;
  color: var(--color-sepia);
  font-family: var(--font-ui);
  font-size: var(--text-meta);
  letter-spacing: 0.04em;
  line-height: var(--leading-meta);
}

.beginners-lightbox__close {
  position: absolute;
  top: var(--space-2);
  right: var(--space-2);
  z-index: 1;
  width: 2.75rem;
  min-width: 2.75rem;
  height: 2.75rem;
  border: var(--border-subtle);
  border-radius: var(--radius-control);
  background: var(--color-paper);
  color: var(--color-ink);
  font-family: var(--font-ui);
  font-size: 2rem;
  line-height: 1;
}

.beginners-lightbox__close:hover {
  background: var(--color-cherry);
  color: var(--color-on-cherry);
}

@media (max-width: 1050px) {
  .beginners-steps__grid,
  .beginners-decisions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .beginners-step,
  .beginners-decision {
    border-top: var(--border-subtle);
    padding: var(--space-6);
  }

  .beginners-step:first-child,
  .beginners-decision:first-child {
    border-top: 0;
    padding-left: 0;
  }

  .beginners-step:nth-child(2),
  .beginners-decision:nth-child(2) {
    border-top: 0;
    padding-right: 0;
  }

  .beginners-step:nth-child(3),
  .beginners-decision:nth-child(3) {
    grid-column: 1 / -1;
    border-left: 0;
    padding-right: 0;
    padding-left: 0;
  }
}

@media (max-width: 980px) {
  .beginners-hero__grid,
  .beginners-exploration__grid,
  .beginners-pause__grid {
    grid-template-columns: minmax(0, 1fr);
    row-gap: var(--space-6);
  }

  .beginners-hero__divider,
  .beginners-exploration__divider,
  .beginners-pause__divider {
    display: none;
  }

  .beginners-hero__figure {
    width: min(100%, 31.25rem);
    justify-self: start;
  }

  .beginners-exploration__copy,
  .beginners-pause__copy {
    max-width: 45rem;
  }

  .beginners-exploration__figure,
  .beginners-pause__figure {
    max-width: 45rem;
  }
}

@media (max-width: 900px) {
  .beginners-rhythm__grid {
    grid-template-columns: minmax(0, 1fr);
    row-gap: var(--space-6);
  }

  .beginners-rhythm__note {
    max-width: 45rem;
  }

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

  .beginners-mistake,
  .beginners-mistake:nth-child(odd),
  .beginners-mistake:nth-child(even) {
    border-right: 0;
    padding: var(--space-6) 0;
  }
}

@media (max-width: 840px) {
  .beginners-verdict__panel {
    grid-template-columns: minmax(0, 1fr);
    row-gap: var(--space-6);
  }

  .beginners-verdict__divider {
    display: none;
  }

  .beginners-verdict__action {
    width: 100%;
  }
}

@media (max-width: 760px) {
  .beginners-section {
    padding-block: var(--space-12);
  }

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

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

  .beginners-step,
  .beginners-step:first-child,
  .beginners-step:nth-child(2),
  .beginners-step:nth-child(3),
  .beginners-decision,
  .beginners-decision:first-child,
  .beginners-decision:nth-child(2),
  .beginners-decision:nth-child(3) {
    grid-column: auto;
    border-top: var(--border-subtle);
    border-left: 0;
    padding: var(--space-6) 0;
  }

  .beginners-step:first-child,
  .beginners-decision:first-child {
    border-top: 0;
    padding-top: 0;
  }

  .beginners-verdict__panel {
    padding: var(--space-6) var(--space-4);
  }
}

@media (max-width: 767px) {
  .beginners-hero__copy h1 {
    font-size: clamp(3rem, 14vw, 3.7rem);
  }

  .beginners-hero__lead {
    max-width: 100%;
  }

  .beginners-hero__meta {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
  }

  .beginners-hero__meta span {
    display: none;
  }

  .beginners-hero__figure,
  .beginners-exploration__figure,
  .beginners-pause__figure {
    width: 100%;
    max-width: 100%;
  }

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

  .beginners-checklist__list {
    padding-left: 1.8em;
  }

  .beginners-faq__list {
    width: 100%;
    padding: var(--space-4);
  }

  .beginners-faq__item button {
    min-height: 3.5rem;
    padding-block: var(--space-4);
  }

  .beginners-lightbox {
    width: calc(100% - 2rem);
  }

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

@media (prefers-reduced-motion: no-preference) {
  .beginners-media-button__label,
  .beginners-faq__item button span {
    transition: background-color 160ms ease, color 160ms ease, transform 160ms ease;
  }
}


.owk-page {
  min-width: 0;
  background-color: var(--color-paper);
  background-image: radial-gradient(rgb(72 60 50 / 4%) 0.55px, transparent 0.65px);
  background-size: 7px 7px;
}

.owk-page .owk-section {
  min-width: 0;
  padding-block: var(--space-16);
}

.owk-page .owk-section + .owk-section {
  border-top: var(--border-subtle);
}

.owk-page .owk-chapter-head {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-2);
  margin-bottom: var(--space-8);
}

.owk-page .owk-chapter-head > * {
  min-width: 0;
  margin: 0;
}

.owk-page .owk-hero {
  padding-top: var(--space-16);
  padding-bottom: var(--space-12);
}

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

.owk-page .owk-hero__copy,
.owk-page .owk-hero__figure,
.owk-page .owk-opening__copy,
.owk-page .owk-margin-note,
.owk-page .owk-space__copy,
.owk-page .owk-observation,
.owk-page .owk-watch,
.owk-page .owk-raccoon__figure,
.owk-page .owk-raccoon__copy,
.owk-page .owk-rhythm__item,
.owk-page .owk-gallery__card,
.owk-page .owk-tip,
.owk-page .owk-verdict__copy,
.owk-page .owk-verdict__action {
  min-width: 0;
  width: 100%;
}

.owk-page .owk-hero__copy {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
  max-width: 43.75rem;
  padding-right: var(--space-6);
  border-right: var(--border-subtle);
}

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

.owk-page .owk-hero__mast {
  display: flex;
  min-width: 0;
  align-items: start;
  justify-content: space-between;
  gap: var(--space-4);
}

.owk-page .owk-hero__mast > * {
  min-width: 0;
  margin: 0;
}

.owk-page .owk-issue {
  max-width: 12rem;
  text-align: right;
}

.owk-page .owk-hero__lead {
  max-width: 38.75rem;
}

.owk-page .owk-hero__meta {
  max-width: 40rem;
}

.owk-page .owk-hero__figure,
.owk-page .owk-space__figure,
.owk-page .owk-raccoon__figure,
.owk-page .owk-gallery__card {
  margin: 0;
}

.owk-page .owk-hero__figure img,
.owk-page .owk-space__figure img,
.owk-page .owk-raccoon__figure img,
.owk-page .owk-gallery__button img {
  width: 100%;
  max-width: 100%;
  border: var(--border-subtle);
  object-fit: cover;
}

.owk-page .owk-hero__figure img,
.owk-page .owk-raccoon__figure img {
  aspect-ratio: 4 / 3;
}

.owk-page .owk-space__figure img {
  aspect-ratio: 16 / 9;
}

.owk-page .owk-opening__grid {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 3fr) minmax(0, 2fr);
  gap: var(--space-6);
  align-items: start;
}

.owk-page .owk-opening__copy {
  grid-column: 1 / span 1;
  max-width: 43.75rem;
}

.owk-page .owk-opening__copy h3 {
  margin-top: var(--space-8);
}

.owk-page .owk-opening__copy h3:first-child {
  margin-top: 0;
}

.owk-page .owk-margin-note {
  grid-column: 2 / span 1;
  background: var(--color-paper-alt);
  border: var(--border-subtle);
  padding: var(--space-6);
}

.owk-page .owk-margin-note p:last-child {
  margin-bottom: 0;
}

.owk-page .owk-pullquote {
  width: min(100% - 16.666%, 38.75rem);
  margin: var(--space-12) auto 0;
  border-top: var(--border-strong);
  border-bottom: var(--border-strong);
  border-left: 0;
  padding: var(--space-6) 0;
  text-align: center;
}

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

.owk-page .owk-space__copy {
  max-width: 43.75rem;
}

.owk-page .owk-observation {
  border-left: var(--border-subtle);
  padding-left: var(--space-6);
}

.owk-page .owk-space__figure {
  width: 100%;
  margin-top: var(--space-8);
}

.owk-page .owk-space__after-grid {
  grid-template-columns: minmax(0, 7fr) minmax(0, 4fr);
  margin-top: var(--space-8);
}

.owk-page .owk-watch {
  max-width: 21.25rem;
  justify-self: end;
}

.owk-page .owk-watch h3 {
  margin-bottom: var(--space-4);
}

.owk-page .owk-watch ul {
  margin-bottom: 0;
}

.owk-page .owk-watch li + li {
  margin-top: var(--space-3);
}

.owk-page .owk-raccoon__grid {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
  gap: var(--space-6);
  align-items: start;
}

.owk-page .owk-raccoon__figure {
  padding-right: var(--space-6);
  border-right: var(--border-subtle);
}

.owk-page .owk-raccoon__copy {
  max-width: 38.75rem;
}

.owk-page .owk-raccoon__copy h3 + p,
.owk-page .owk-raccoon__copy p + h3 {
  margin-top: var(--space-6);
}

.owk-page .owk-accent-line {
  border-bottom: 2px solid var(--color-cherry);
}

.owk-page .owk-detail-list {
  max-width: 35rem;
  margin-bottom: 0;
}

.owk-page .owk-detail-list li + li {
  margin-top: var(--space-3);
}

.owk-page .owk-rhythm__head {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-4);
  max-width: 43.75rem;
  margin-bottom: var(--space-8);
}

.owk-page .owk-rhythm__head > * {
  min-width: 0;
  margin: 0;
}

.owk-page .owk-rhythm__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  border-top: var(--border-subtle);
  border-bottom: var(--border-subtle);
}

.owk-page .owk-rhythm__item {
  padding: var(--space-6);
}

.owk-page .owk-rhythm__item + .owk-rhythm__item {
  border-left: var(--border-subtle);
}

.owk-page .owk-rhythm__item > *:last-child {
  margin-bottom: 0;
}

.owk-page .owk-roman {
  margin-bottom: var(--space-3);
  color: var(--color-cherry);
  font-family: var(--font-ui);
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 0.1em;
}

.owk-page .owk-gallery__intro {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-3);
  max-width: 38.75rem;
  margin-bottom: var(--space-8);
}

.owk-page .owk-gallery__intro > * {
  min-width: 0;
  margin: 0;
}

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

.owk-page .owk-gallery__button {
  display: block;
  width: 100%;
  min-width: 0;
  border: 0;
  background: transparent;
  padding: 0;
  text-align: left;
}

.owk-page .owk-gallery__button img {
  aspect-ratio: 4 / 3;
  transition: border-color 160ms ease, filter 160ms ease;
}

.owk-page .owk-gallery__button:hover img {
  border-color: var(--color-cherry);
  filter: sepia(0.15);
}

.owk-page .owk-gallery__card figcaption {
  max-width: 21.875rem;
}

.owk-page .owk-dialog {
  width: min(92vw, 62rem);
  max-width: 100%;
  border: var(--border-strong);
  border-radius: var(--radius-panel);
  background: var(--color-paper);
  color: var(--color-ink);
  padding: 0;
}

.owk-page .owk-dialog::backdrop {
  background: rgb(28 34 30 / 72%);
}

.owk-page .owk-dialog__inner {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-4);
  padding: var(--space-6);
}

.owk-page .owk-dialog__inner > * {
  min-width: 0;
  margin: 0;
}

.owk-page .owk-dialog__close {
  align-self: flex-end;
}

.owk-page .owk-dialog__image {
  width: 100%;
  max-width: 100%;
  max-height: 70vh;
  border: var(--border-subtle);
  object-fit: contain;
}

.owk-page .owk-dialog__caption {
  max-width: 45rem;
  color: var(--color-sepia);
  font-size: var(--text-small);
  line-height: var(--leading-small);
}

.owk-page .owk-tips__intro {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-3);
  max-width: 43.75rem;
  margin-bottom: var(--space-8);
}

.owk-page .owk-tips__intro > * {
  min-width: 0;
  margin: 0;
}

.owk-page .owk-tips__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  border-top: var(--border-subtle);
  border-left: var(--border-subtle);
}

.owk-page .owk-tip {
  display: grid;
  grid-template-columns: 3.5rem minmax(0, 1fr);
  gap: var(--space-4);
  border-right: var(--border-subtle);
  border-bottom: var(--border-subtle);
  padding: var(--space-6);
}

.owk-page .owk-tip--last {
  border-top: 2px solid var(--color-cherry);
}

.owk-page .owk-tip__number {
  min-width: 0;
  margin: 0;
  color: var(--color-cherry);
  font-family: var(--font-heading);
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
}

.owk-page .owk-tip__copy {
  min-width: 0;
  max-width: 30rem;
}

.owk-page .owk-tip__copy > *:last-child {
  margin-bottom: 0;
}

.owk-page .owk-faq {
  background: var(--color-paper-alt);
}

.owk-page .owk-faq__intro {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-3);
  max-width: 43.75rem;
  margin-bottom: var(--space-8);
}

.owk-page .owk-faq__intro > * {
  min-width: 0;
  margin: 0;
}

.owk-page .owk-faq__list {
  width: min(100%, 51.667rem);
  margin-inline: auto;
  border-top: var(--border-subtle);
}

.owk-page .owk-faq__list details {
  border-bottom: var(--border-subtle);
  padding: 0;
}

.owk-page .owk-faq__list summary {
  display: flex;
  min-width: 0;
  min-height: 3rem;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  padding: var(--space-4) 3.5rem var(--space-4) 0;
  color: var(--color-ink);
  cursor: pointer;
  font-family: var(--font-heading);
  font-size: var(--text-h3);
  font-weight: 650;
  line-height: 1.12;
  list-style: none;
  position: relative;
}

.owk-page .owk-faq__list summary::-webkit-details-marker {
  display: none;
}

.owk-page .owk-faq__list summary::after {
  display: grid;
  width: 2.75rem;
  min-width: 2.75rem;
  height: 2.75rem;
  place-items: center;
  border: var(--border-subtle);
  content: "+";
  font-family: var(--font-ui);
  font-size: 1.25rem;
  line-height: 1;
  position: absolute;
  right: 0;
}

.owk-page .owk-faq__list details[open] summary::after {
  content: "−";
  color: var(--color-cherry);
}

.owk-page .owk-faq__list details p {
  max-width: 40rem;
  margin-bottom: var(--space-6);
}

.owk-page .owk-verdict {
  padding-bottom: var(--space-24);
}

.owk-page .owk-verdict__panel {
  display: grid;
  grid-template-columns: minmax(0, 8fr) minmax(0, 4fr);
  gap: 0;
  border: 2px solid var(--color-sepia);
  background: var(--color-ink);
  color: var(--color-paper);
}

.owk-page .owk-verdict__copy,
.owk-page .owk-verdict__action {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-4);
  padding: var(--space-8);
}

.owk-page .owk-verdict__copy > *,
.owk-page .owk-verdict__action > * {
  min-width: 0;
  margin: 0;
}

.owk-page .owk-verdict__copy {
  max-width: 46rem;
}

.owk-page .owk-verdict__copy h2 {
  color: var(--color-paper);
}

.owk-page .owk-verdict__copy .editorial-label,
.owk-page .owk-verdict__action .editorial-label {
  color: var(--color-paper-alt);
}

.owk-page .owk-verdict__action {
  border-left: 1px solid var(--color-paper-alt);
}

.owk-page .owk-verdict__action .button {
  min-height: 3rem;
}

.owk-page .owk-verdict__note {
  max-width: 18.75rem;
  color: var(--color-paper-alt);
  font-size: var(--text-small);
  line-height: var(--leading-small);
}

@media (max-width: 1099px) {
  .owk-page .owk-hero__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .owk-page .owk-hero__copy {
    max-width: 43.75rem;
    padding-right: 0;
    border-right: 0;
  }

  .owk-page .owk-hero__figure {
    max-width: 50rem;
  }

  .owk-page .owk-opening__grid {
    grid-template-columns: minmax(0, 5fr) minmax(0, 3fr);
  }

  .owk-page .owk-opening__copy {
    grid-column: 1;
  }

  .owk-page .owk-margin-note {
    grid-column: 2;
  }

  .owk-page .owk-space__intro-grid,
  .owk-page .owk-space__after-grid {
    grid-template-columns: minmax(0, 5fr) minmax(0, 3fr);
  }

  .owk-page .owk-raccoon__grid {
    grid-template-columns: minmax(0, 3fr) minmax(0, 5fr);
  }

  .owk-page .owk-rhythm__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .owk-page .owk-rhythm__item:nth-child(3) {
    grid-column: 1 / span 2;
    border-top: var(--border-subtle);
    border-left: 0;
  }

  .owk-page .owk-gallery__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .owk-page .owk-tips__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .owk-page .owk-verdict__panel {
    grid-template-columns: minmax(0, 5fr) minmax(0, 3fr);
  }
}

@media (max-width: 959px) {
  .owk-page .owk-space__intro-grid,
  .owk-page .owk-space__after-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .owk-page .owk-observation {
    max-width: 28rem;
    border-top: var(--border-subtle);
    border-left: 0;
    padding-top: var(--space-4);
    padding-left: 0;
  }

  .owk-page .owk-watch {
    max-width: 100%;
    justify-self: stretch;
  }

  .owk-page .owk-tips__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

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

  .owk-page .owk-hero {
    padding-top: var(--space-12);
  }

  .owk-page .owk-hero__copy {
    gap: var(--space-4);
  }

  .owk-page .owk-hero__mast {
    display: block;
  }

  .owk-page .owk-issue {
    display: none;
  }

  .owk-page .owk-hero__figure {
    max-width: none;
  }

  .owk-page .owk-opening__grid,
  .owk-page .owk-raccoon__grid,
  .owk-page .owk-verdict__panel {
    grid-template-columns: minmax(0, 1fr);
  }

  .owk-page .owk-opening__copy,
  .owk-page .owk-margin-note {
    grid-column: 1;
  }

  .owk-page .owk-margin-note {
    padding: var(--space-4);
  }

  .owk-page .owk-pullquote {
    width: 100%;
    margin-top: var(--space-8);
    padding-block: var(--space-4);
    text-align: left;
  }

  .owk-page .owk-raccoon__figure {
    padding-right: 0;
    border-right: 0;
  }

  .owk-page .owk-raccoon__copy h3 + p,
  .owk-page .owk-raccoon__copy p + h3 {
    margin-top: var(--space-4);
  }

  .owk-page .owk-rhythm__grid,
  .owk-page .owk-gallery__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .owk-page .owk-rhythm__item,
  .owk-page .owk-rhythm__item + .owk-rhythm__item,
  .owk-page .owk-rhythm__item:nth-child(3) {
    grid-column: 1;
    border-left: 0;
    border-top: var(--border-subtle);
    padding-inline: 0;
  }

  .owk-page .owk-rhythm__item:first-child {
    border-top: 0;
  }

  .owk-page .owk-gallery__card figcaption {
    max-width: none;
  }

  .owk-page .owk-dialog {
    width: min(94vw, 62rem);
  }

  .owk-page .owk-dialog__inner {
    padding: var(--space-4);
  }

  .owk-page .owk-tip {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-2);
    padding: var(--space-4);
  }

  .owk-page .owk-tip__copy {
    max-width: none;
  }

  .owk-page .owk-faq__list {
    width: 100%;
  }

  .owk-page .owk-faq__list summary {
    min-height: 3rem;
    padding-right: 3.25rem;
    font-size: 1.375rem;
  }

  .owk-page .owk-verdict__copy,
  .owk-page .owk-verdict__action {
    padding: var(--space-6) var(--space-4);
  }

  .owk-page .owk-verdict__action {
    border-top: 1px solid var(--color-paper-alt);
    border-left: 0;
  }

  .owk-page .owk-verdict__note {
    max-width: none;
  }
}


main.thank-you-page {
  display: grid;
  min-height: calc(100vh - 18rem);
  place-items: center;
  padding-block: var(--space-16);
}

.thank-you-page__confirmation {
  width: min(100%, 52rem);
  border-top: var(--border-strong);
  border-bottom: var(--border-strong);
  padding-block: var(--space-12);
  text-align: center;
}

.thank-you-page__eyebrow {
  margin-bottom: var(--space-3);
}

.thank-you-page__title {
  margin-bottom: var(--space-6);
}

.thank-you-page__copy {
  max-width: 42rem;
  margin-inline: auto;
  text-align: center;
}

.thank-you-page__copy p:last-child {
  margin-bottom: 0;
}

.thank-you-page__next-step {
  max-width: 38rem;
  margin: var(--space-8) auto 0;
  border: var(--border-subtle);
  background: var(--color-paper-alt);
  padding: var(--space-6);
  text-align: center;
}

.thank-you-page__next-step-title {
  margin-bottom: var(--space-2);
  font-family: var(--font-ui);
  font-size: var(--text-meta);
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: var(--leading-meta);
  text-transform: uppercase;
}

.thank-you-page__next-step p:last-child {
  margin-bottom: 0;
}

.thank-you-page__actions {
  justify-content: center;
  margin-top: var(--space-8);
}

.thank-you-page__actions .button {
  min-width: 13.5rem;
}

@media (max-width: 767px) {
  main.thank-you-page {
    min-height: auto;
    padding-block: var(--space-12);
  }

  .thank-you-page__confirmation {
    padding-block: var(--space-8);
  }

  .thank-you-page__next-step {
    padding: var(--space-4);
  }

  .thank-you-page__actions {
    align-items: stretch;
    flex-direction: column;
  }

  .thank-you-page__actions .button {
    width: 100%;
  }
}