:root {
  --color-night-vault: #0f0d1b;
  --color-fortress: #1f1b2c;
  --color-steel-silver: #c3c7db;
  --color-steel-muted: #969bb5;
  --color-rare-loot-violet: #a855f7;
  --color-violet-ink: #160d25;
  --color-iron-line: #4b465f;
  --color-deep-overlay: rgba(15, 13, 27, 0.78);
  --color-success-ember: #76bfa3;
  --color-danger-rune: #e07a8d;

  --font-body: Inter, ui-sans-serif, system-ui, sans-serif;
  --font-heading: Oxanium, "Arial Narrow", sans-serif;

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

  --container-max: 80rem;
  --container-padding: 2rem;
  --article-max: 46.25rem;
  --content-max: 56.25rem;

  --radius-none: 0;
  --radius-sm: 0.125rem;
  --radius-md: 0.25rem;

  --border-default: 1px solid var(--color-iron-line);
  --border-accent: 2px solid var(--color-rare-loot-violet);

  --shadow-panel: 0 10px 30px rgba(0, 0, 0, 0.28);
  --shadow-accent: 0 0 18px rgba(168, 85, 247, 0.2);

  --transition-fast: 160ms ease-out;
  --transition-base: 200ms ease-out;

  --focus-ring: 2px solid var(--color-rare-loot-violet);
  --focus-offset: 3px;
}

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

html {
  min-width: 0;
  color-scheme: dark;
  background: var(--color-night-vault);
  scroll-behavior: smooth;
  text-size-adjust: 100%;
}

body {
  min-width: 0;
  min-height: 100vh;
  margin: 0;
  overflow-x: hidden;
  background: var(--color-night-vault);
  color: var(--color-steel-silver);
  font-family: var(--font-body);
  font-size: 1rem;
  line-height: 1.6;
  text-rendering: optimizeLegibility;
}

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

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

img,
video {
  height: auto;
  background: var(--color-fortress);
  object-fit: cover;
}

svg {
  fill: currentColor;
}

iframe {
  border: 0;
}

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

button,
select {
  text-transform: none;
}

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

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

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

input,
select,
textarea {
  width: 100%;
  border: var(--border-default);
  border-radius: var(--radius-none);
  background: var(--color-fortress);
  color: var(--color-steel-silver);
}

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

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

select {
  appearance: auto;
}

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

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

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

label {
  display: inline-block;
  margin-block-end: var(--space-2);
  color: var(--color-steel-silver);
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.4;
}

fieldset {
  margin: 0 0 var(--space-5);
  padding: var(--space-5);
  border: var(--border-default);
}

legend {
  padding-inline: var(--space-2);
  color: var(--color-steel-silver);
  font-family: var(--font-heading);
  font-weight: 700;
}

a {
  color: var(--color-rare-loot-violet);
  overflow-wrap: anywhere;
  text-decoration-color: currentColor;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.18em;
  transition: color var(--transition-fast), text-decoration-color var(--transition-fast);
}

a:hover {
  color: var(--color-steel-silver);
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-block: 0 var(--space-4);
  color: var(--color-steel-silver);
  font-family: var(--font-heading);
  font-weight: 700;
  letter-spacing: 0.01em;
  overflow-wrap: anywhere;
}

h1 {
  font-size: clamp(2.25rem, 5vw, 4rem);
  line-height: 1.02;
}

h2 {
  font-size: clamp(1.75rem, 3vw, 2.625rem);
  line-height: 1.08;
}

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

h4 {
  font-size: clamp(1.0625rem, 1.5vw, 1.25rem);
  line-height: 1.2;
}

h5,
h6 {
  font-size: 1rem;
  line-height: 1.25;
}

p {
  margin-block: 0 var(--space-4);
  color: var(--color-steel-silver);
  line-height: 1.6;
}

small {
  font-size: 0.8125rem;
  line-height: 1.4;
}

strong,
b {
  font-weight: 700;
}

em,
i {
  font-style: italic;
}

hr {
  height: 1px;
  margin-block: var(--space-7);
  border: 0;
  background: linear-gradient(
    90deg,
    var(--color-iron-line) 0,
    var(--color-iron-line) 48%,
    var(--color-rare-loot-violet) 48%,
    var(--color-rare-loot-violet) 52%,
    var(--color-iron-line) 52%,
    var(--color-iron-line) 100%
  );
}

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

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

blockquote {
  margin: 0 0 var(--space-5);
  padding: var(--space-4) var(--space-5);
  border-inline-start: 2px solid var(--color-rare-loot-violet);
  background: rgba(31, 27, 44, 0.72);
  color: var(--color-steel-silver);
}

blockquote p:last-child {
  margin-block-end: 0;
}

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

figcaption {
  margin-block-start: var(--space-2);
  color: var(--color-steel-muted);
  font-size: 0.8125rem;
  line-height: 1.4;
}

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

code,
kbd,
samp {
  padding: 0.1em 0.3em;
  border: 1px solid var(--color-iron-line);
  border-radius: var(--radius-sm);
  background: var(--color-fortress);
  font-size: 0.9em;
}

pre {
  margin: 0 0 var(--space-5);
  padding: var(--space-4);
  overflow: auto;
  border: var(--border-default);
  background: var(--color-fortress);
}

pre code {
  padding: 0;
  border: 0;
  background: transparent;
}

table {
  width: 100%;
  margin-block-end: var(--space-5);
  border-collapse: collapse;
  border: var(--border-default);
}

th,
td {
  padding: var(--space-3) var(--space-4);
  border: 1px solid var(--color-iron-line);
  text-align: start;
  vertical-align: top;
}

th {
  color: var(--color-steel-silver);
  font-family: var(--font-heading);
  font-weight: 700;
}

td {
  color: var(--color-steel-muted);
}

details {
  margin-block-end: var(--space-4);
  border: var(--border-default);
  background: var(--color-fortress);
}

summary {
  padding: var(--space-3) var(--space-4);
  color: var(--color-steel-silver);
  cursor: pointer;
  font-family: var(--font-heading);
  font-weight: 700;
}

details > :not(summary) {
  margin-inline: var(--space-4);
}

details > :last-child {
  margin-block-end: var(--space-4);
}

::selection {
  background: var(--color-rare-loot-violet);
  color: var(--color-violet-ink);
}

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

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

.article-width {
  max-width: var(--article-max);
}

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

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

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

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

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

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

.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--spread {
  justify-content: space-between;
}

.panel,
.card {
  min-width: 0;
  border: var(--border-default);
  border-radius: var(--radius-none);
  background: var(--color-fortress);
}

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

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

.panel--accent,
.card--featured {
  border-color: var(--color-rare-loot-violet);
}

.card {
  padding: var(--space-4);
  transition: border-color var(--transition-base), transform var(--transition-base);
}

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

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

.eyebrow,
.meta {
  color: var(--color-steel-muted);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.4;
  text-transform: uppercase;
}

.eyebrow {
  color: var(--color-rare-loot-violet);
}

.lead {
  color: var(--color-steel-silver);
  font-size: clamp(1.1875rem, 2vw, 1.3125rem);
  line-height: 1.5;
}

.tag {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  min-height: 1.75rem;
  padding: 0.25rem 0.5rem;
  border: 1px solid var(--color-iron-line);
  border-radius: var(--radius-none);
  color: var(--color-steel-silver);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.2;
  overflow-wrap: anywhere;
  text-transform: uppercase;
}

.tag--accent {
  border-color: var(--color-rare-loot-violet);
  color: var(--color-rare-loot-violet);
}

.button {
  display: inline-flex;
  min-width: 0;
  min-height: 2.75rem;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  padding: 0.75rem 1rem;
  border: 1px solid var(--color-rare-loot-violet);
  border-radius: var(--radius-none);
  background: var(--color-rare-loot-violet);
  color: var(--color-violet-ink);
  font-family: var(--font-body);
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  transition: background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);
}

.button:hover {
  background: var(--color-steel-silver);
  border-color: var(--color-steel-silver);
  color: var(--color-violet-ink);
  box-shadow: var(--shadow-accent);
}

.button:active {
  background: var(--color-rare-loot-violet);
  border-color: var(--color-rare-loot-violet);
  color: var(--color-violet-ink);
  transform: translateY(1px);
}

.button:disabled,
.button[aria-disabled="true"] {
  border-color: var(--color-iron-line);
  background: var(--color-iron-line);
  color: var(--color-steel-muted);
  box-shadow: none;
  pointer-events: none;
}

.button--secondary {
  background: transparent;
  color: var(--color-rare-loot-violet);
}

.button--secondary:hover {
  border-color: var(--color-rare-loot-violet);
  background: rgba(168, 85, 247, 0.12);
  color: var(--color-steel-silver);
}

.button--quiet {
  border-color: var(--color-iron-line);
  background: var(--color-fortress);
  color: var(--color-steel-silver);
}

.button--quiet:hover {
  border-color: var(--color-rare-loot-violet);
  background: var(--color-fortress);
  color: var(--color-rare-loot-violet);
}

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

.form-field > label {
  margin-block-end: 0;
}

.form-hint {
  margin: 0;
  color: var(--color-steel-muted);
  font-size: 0.8125rem;
  line-height: 1.4;
}

.form-error {
  margin: 0;
  color: var(--color-danger-rune);
  font-size: 0.8125rem;
  line-height: 1.4;
}

.input-error {
  border-color: var(--color-danger-rune);
}

.status-success {
  color: var(--color-success-ember);
}

.status-danger {
  color: var(--color-danger-rune);
}

.skip-link {
  position: fixed;
  z-index: 1000;
  top: var(--space-3);
  left: var(--space-3);
  padding: var(--space-3) var(--space-4);
  transform: translateY(-200%);
  border: 1px solid var(--color-rare-loot-violet);
  background: var(--color-rare-loot-violet);
  color: var(--color-violet-ink);
  font-weight: 700;
  text-decoration: none;
  transition: transform var(--transition-fast);
}

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

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

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

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

  body {
    font-size: 1rem;
  }

  h1 {
    font-size: clamp(2rem, 10vw, 3rem);
  }

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

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

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

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

  .button {
    width: 100%;
  }

  .cluster .button {
    flex: 1 1 12rem;
  }
}

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

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


.site-header {
  position: sticky;
  z-index: 90;
  top: 0;
  width: 100%;
  border-bottom: 1px solid var(--color-iron-line);
  background: rgba(15, 13, 27, 0.96);
  box-shadow: 0 1px 0 rgba(168, 85, 247, 0.08);
}

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

.site-header__brand {
  display: inline-flex;
  min-width: 0;
  flex: 0 1 auto;
  align-items: center;
  gap: var(--space-3);
  color: var(--color-steel-silver);
  font-family: var(--font-heading);
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  line-height: 1.1;
  text-decoration: none;
  white-space: nowrap;
}

.site-header__brand:hover {
  color: var(--color-rare-loot-violet);
}

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

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

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

.site-header__list {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: var(--space-4);
  margin: 0;
  padding: 0;
  list-style: none;
}

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

.site-header__link {
  display: inline-flex;
  min-height: 2.75rem;
  align-items: center;
  color: var(--color-steel-silver);
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  white-space: nowrap;
}

.site-header__link:hover,
.site-header__link[aria-current="page"] {
  color: var(--color-rare-loot-violet);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.28em;
}

.site-header__link--contact {
  padding-inline: var(--space-3);
  border: 1px solid var(--color-rare-loot-violet);
  background: var(--color-rare-loot-violet);
  color: var(--color-violet-ink);
  text-decoration: none;
}

.site-header__link--contact:hover,
.site-header__link--contact[aria-current="page"] {
  background: var(--color-steel-silver);
  border-color: var(--color-steel-silver);
  color: var(--color-violet-ink);
  text-decoration: none;
}

.site-header__toggle {
  display: none;
  width: 2.75rem;
  height: 2.75rem;
  flex: 0 0 2.75rem;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  padding: 0;
  border: 1px solid var(--color-iron-line);
  border-radius: var(--radius-none);
  background: var(--color-fortress);
  color: var(--color-steel-silver);
}

.site-header__toggle:hover,
.site-header__toggle[aria-expanded="true"] {
  border-color: var(--color-rare-loot-violet);
  color: var(--color-rare-loot-violet);
}

.site-header__toggle-icon,
.site-header__toggle-icon::before,
.site-header__toggle-icon::after {
  display: block;
  width: 1.125rem;
  height: 2px;
  background: currentColor;
  content: "";
  transition: transform var(--transition-fast), opacity var(--transition-fast);
}

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

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

.site-header__toggle-icon::before {
  top: -0.375rem;
}

.site-header__toggle-icon::after {
  top: 0.375rem;
}

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

.site-header__toggle[aria-expanded="true"] .site-header__toggle-icon::before {
  top: 0;
  transform: rotate(45deg);
}

.site-header__toggle[aria-expanded="true"] .site-header__toggle-icon::after {
  top: 0;
  transform: rotate(-45deg);
}

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

  .site-header__inner {
    min-height: 4.25rem;
    gap: var(--space-3);
  }

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

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

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

  .site-header__nav {
    position: fixed;
    z-index: 89;
    top: 4.25rem;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    overflow-y: auto;
    overscroll-behavior: contain;
    border-top: 1px solid var(--color-iron-line);
    background: var(--color-fortress);
  }

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

  .site-header__list {
    display: grid;
    gap: 0;
    width: min(100%, 40rem);
    margin: 0 auto;
    padding: var(--space-5) var(--container-padding) calc(var(--space-7) + env(safe-area-inset-bottom));
  }

  .site-header__list li {
    border-bottom: 1px solid var(--color-iron-line);
  }

  .site-header__link {
    width: 100%;
    min-height: 3.25rem;
    padding-inline: var(--space-2);
    font-family: var(--font-heading);
    font-size: 1rem;
  }

  .site-header__link--contact {
    justify-content: center;
    width: auto;
    margin-top: var(--space-4);
    border: 1px solid var(--color-rare-loot-violet);
  }
}

@media (max-width: 22rem) {
  .site-header__brand-text {
    font-size: 0;
  }

  .site-header__brand-text::after {
    /* content: "PDN"; */
    font-size: 1rem;
  }
}


.site-footer {
  margin-top: var(--space-8);
  border-top: 1px solid var(--color-iron-line);
  background: #14111f;
  color: var(--color-steel-muted);
}

.site-footer__inner {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) repeat(2, minmax(0, 0.75fr));
  gap: var(--space-6);
  padding-block: var(--space-7) var(--space-6);
}

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

.site-footer__brand > :last-child,
.site-footer__column > :last-child {
  margin-block-end: 0;
}

.site-footer__mark {
  display: inline-flex;
  align-items: center;
  gap: var(--space-3);
  margin-bottom: var(--space-4);
  color: var(--color-steel-silver);
  font-family: var(--font-heading);
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.1;
  text-decoration: none;
}

.site-footer__mark:hover {
  color: var(--color-rare-loot-violet);
}

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

.site-footer__copy {
  max-width: 34rem;
  margin-bottom: 0;
  color: var(--color-steel-muted);
}

.site-footer__title {
  margin: 0 0 var(--space-3);
  color: var(--color-steel-silver);
  font-size: 0.875rem;
  line-height: 1.3;
  text-transform: uppercase;
}

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

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

.site-footer__list a {
  color: var(--color-steel-muted);
  text-decoration-color: var(--color-iron-line);
}

.site-footer__list a:hover {
  color: var(--color-rare-loot-violet);
  text-decoration-color: currentColor;
}

.site-footer__bottom {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: var(--space-3);
  padding-block: var(--space-4);
  border-top: 1px solid var(--color-iron-line);
  color: var(--color-steel-muted);
  font-size: 0.8125rem;
}

.site-footer__bottom p {
  margin: 0;
  color: inherit;
}

.site-consent {
  position: fixed;
  z-index: 80;
  right: max(var(--space-4), env(safe-area-inset-right));
  bottom: max(var(--space-4), env(safe-area-inset-bottom));
  width: min(100% - (var(--space-4) * 2), 32rem);
  border: 1px solid var(--color-rare-loot-violet);
  background: var(--color-fortress);
  box-shadow: var(--shadow-panel), var(--shadow-accent);
  transition: opacity var(--transition-base), transform var(--transition-base);
}

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

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

.site-consent__body {
  padding: var(--space-5);
}

.site-consent__title {
  margin: 0 0 var(--space-2);
  color: var(--color-steel-silver);
  font-size: 1rem;
}

.site-consent__copy {
  margin: 0;
  color: var(--color-steel-muted);
  font-size: 0.875rem;
  line-height: 1.5;
}

.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: 43.75rem) {
  .site-footer__inner {
    grid-template-columns: 1fr;
    gap: var(--space-5);
    padding-block: var(--space-6);
  }

  .site-footer__bottom {
    display: grid;
  }

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

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

  .site-consent__actions .button {
    width: auto;
  }
}


.privacy-page {
  min-width: 0;
  background: var(--color-night-vault);
}

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

.privacy-page__intro-inner {
  min-width: 0;
}

.privacy-page__title-block {
  width: min(100%, var(--content-max));
  min-width: 0;
}

.privacy-page__title-block > .eyebrow {
  margin: 0 0 var(--space-2);
}

.privacy-page__title-block h1 {
  max-width: 56.25rem;
  margin-block-end: var(--space-5);
}

.privacy-page__title-block .lead {
  max-width: 42.5rem;
  margin-block-end: var(--space-4);
}

.privacy-page__scope-copy {
  max-width: 46.25rem;
  margin-block-end: 0;
  color: var(--color-steel-muted);
}

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

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

.privacy-page__document-layout > .privacy-index {
  grid-column: 1;
  min-width: 0;
  width: 100%;
}

.privacy-page__document-layout > .privacy-document {
  grid-column: 2;
  min-width: 0;
  width: 100%;
  max-width: 46.25rem;
}

.privacy-index__inner {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-3);
  padding: var(--space-4);
  border: var(--border-default);
  background: var(--color-fortress);
}

@media (min-width: 67.5rem) and (min-height: 45rem) {
  .privacy-index__inner {
    position: sticky;
    top: var(--space-6);
  }
}

.privacy-index__inner > .eyebrow {
  margin: 0;
}

.privacy-index__list {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-2);
  margin: 0;
  padding-inline-start: 1.5rem;
}

.privacy-index__list > li {
  min-width: 0;
  padding-inline-start: var(--space-1);
  color: var(--color-rare-loot-violet);
}

.privacy-index__list a {
  display: inline-block;
  min-height: 1.75rem;
  color: var(--color-steel-silver);
  text-decoration-color: var(--color-rare-loot-violet);
  text-decoration-thickness: 1px;
  text-underline-offset: 0.2em;
}

.privacy-index__list a:hover {
  color: var(--color-rare-loot-violet);
}

.privacy-document {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-8);
}

.privacy-document__section {
  position: relative;
  min-width: 0;
  scroll-margin-top: var(--space-8);
}

.privacy-document__section:not(.privacy-document__section--opening)::before {
  display: block;
  width: 100%;
  height: 1px;
  margin-block-end: var(--space-7);
  background: linear-gradient(
    90deg,
    var(--color-iron-line) 0,
    var(--color-iron-line) 47%,
    var(--color-rare-loot-violet) 47%,
    var(--color-rare-loot-violet) 53%,
    var(--color-iron-line) 53%,
    var(--color-iron-line) 100%
  );
  content: "";
}

.privacy-document__section h2 {
  max-width: 46.25rem;
}

.privacy-document__section > p {
  max-width: 46.25rem;
}

.privacy-definitions {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-4);
  margin-block: var(--space-5);
}

.privacy-definitions > .privacy-definition {
  width: 100%;
  min-width: 0;
  padding: var(--space-5);
  border: var(--border-default);
  background: rgba(31, 27, 44, 0.72);
}

.privacy-definition h3 {
  margin-block-end: var(--space-3);
}

.privacy-definition p {
  max-width: 42.5rem;
  margin-block-end: 0;
}

.privacy-purpose-list,
.privacy-rights-list {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-3);
  width: 100%;
  margin-block: var(--space-5);
  padding-inline-start: 1.4rem;
}

.privacy-purpose-list > li,
.privacy-rights-list > li {
  min-width: 0;
  padding-inline-start: var(--space-1);
}

.privacy-purpose-list > li::marker,
.privacy-rights-list > li::marker {
  color: var(--color-rare-loot-violet);
}

.privacy-note {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-3);
  width: 100%;
  margin-block: var(--space-5);
  padding: var(--space-5);
  border: var(--border-default);
  background: var(--color-fortress);
}

.privacy-note h3,
.privacy-note p {
  margin: 0;
}

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

.privacy-note--external {
  border-inline-start: 2px solid var(--color-rare-loot-violet);
}

.privacy-note__guidance {
  color: var(--color-steel-muted);
}

.privacy-document__section--cookie {
  padding-block-start: var(--space-2);
}

.privacy-cookie-panel {
  width: 100%;
  min-width: 0;
  padding: var(--space-6);
  border: var(--border-default);
  border-inline-start: 2px solid var(--color-rare-loot-violet);
  background: var(--color-fortress);
  box-shadow: var(--shadow-panel);
}

.privacy-cookie-panel__content {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  max-width: 41.25rem;
}

.privacy-cookie-panel__content > p,
.privacy-cookie-panel__content > ul {
  margin: 0;
}

.privacy-cookie-panel__link {
  display: inline-flex;
  min-width: 0;
  min-height: 2.75rem;
  align-items: center;
  padding-block: var(--space-2);
  color: var(--color-rare-loot-violet);
  font-weight: 700;
  text-decoration-thickness: 2px;
  text-underline-offset: 0.22em;
}

.privacy-cookie-panel__content > ul {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-3);
  width: 100%;
  padding-inline-start: 1.4rem;
}

.privacy-cookie-panel__content > ul > li {
  min-width: 0;
  padding-inline-start: var(--space-1);
}

.privacy-cookie-panel__content > ul > li::marker {
  color: var(--color-rare-loot-violet);
}

.privacy-document__closing {
  min-width: 0;
  margin-block-start: var(--space-8);
  padding-block-start: var(--space-7);
  border-top: 1px solid var(--color-iron-line);
}

.privacy-document__closing h2,
.privacy-document__closing p {
  max-width: 46.25rem;
}

.privacy-document__closing p {
  margin-block-end: 0;
}

@media (max-width: 67.4375rem) {
  .privacy-page__document-layout {
    grid-template-columns: minmax(0, 1fr);
    row-gap: var(--space-6);
  }

  .privacy-page__document-layout > .privacy-index,
  .privacy-page__document-layout > .privacy-document {
    grid-column: 1;
  }

  .privacy-index__inner {
    width: 100%;
  }

  .privacy-index__list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-2) var(--space-4);
    padding-inline-start: 1.25rem;
  }

  .privacy-index__list > li {
    width: 100%;
  }
}

@media (max-width: 64rem) {
  .privacy-page__intro {
    padding-block: var(--space-8) var(--space-6);
  }

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

@media (max-width: 43.75rem) {
  .privacy-page__intro {
    padding-block: var(--space-7) var(--space-5);
  }

  .privacy-page__title-block h1 {
    font-size: clamp(2.25rem, 10vw, 2.625rem);
  }

  .privacy-page__title-block .lead {
    font-size: 1.1875rem;
  }

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

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

  .privacy-index__inner {
    gap: var(--space-3);
    padding: var(--space-4);
  }

  .privacy-index__list {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
  }

  .privacy-index__list a {
    display: flex;
    width: 100%;
    min-height: 2.75rem;
    align-items: center;
  }

  .privacy-document {
    gap: var(--space-7);
  }

  .privacy-document__section:not(.privacy-document__section--opening)::before {
    margin-block-end: var(--space-6);
  }

  .privacy-definitions {
    gap: var(--space-3);
    margin-block: var(--space-4);
  }

  .privacy-definitions > .privacy-definition,
  .privacy-note,
  .privacy-cookie-panel {
    padding: var(--space-4);
  }

  .privacy-purpose-list,
  .privacy-rights-list {
    gap: var(--space-3);
    margin-block: var(--space-4);
  }

  .privacy-document__closing {
    margin-block-start: var(--space-7);
    padding-block-start: var(--space-6);
  }
}


.regulamin-page {
  min-width: 0;
  background: var(--color-night-vault);
}

.regulamin-page__intro {
  padding-block-start: var(--space-8);
  padding-block-end: var(--space-7);
}

.regulamin-page__intro-panel {
  position: relative;
  width: 100%;
  min-width: 0;
  padding: clamp(2rem, 4vw, 3rem);
  border-inline-start: 2px solid var(--color-rare-loot-violet);
}

.regulamin-page__intro-copy {
  display: flex;
  width: 100%;
  max-width: 56.25rem;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
}

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

.regulamin-page__intro-copy .lead {
  max-width: 51.25rem;
}

.regulamin-page__reading-note {
  display: flex;
  max-width: 42.5rem;
  min-width: 0;
  align-items: flex-start;
  gap: var(--space-2);
  color: var(--color-steel-muted);
  font-size: 0.9375rem;
  line-height: 1.6;
}

.regulamin-page__reading-note span {
  flex: 0 0 auto;
  color: var(--color-rare-loot-violet);
  line-height: 1.6;
}

.regulamin-page__document {
  padding-block-start: var(--space-5);
  padding-block-end: var(--space-9);
}

.regulamin-page__layout {
  display: grid;
  width: 100%;
  min-width: 0;
  grid-template-columns: minmax(17.5rem, 18.75rem) minmax(0, 46.25rem);
  align-items: start;
  justify-content: start;
  gap: clamp(3rem, 5vw, 4rem);
}

.regulamin-page__contents {
  position: sticky;
  top: calc(var(--space-8) + var(--space-4));
  width: 100%;
  min-width: 0;
  padding: var(--space-5);
}

.regulamin-page__contents-inner {
  display: flex;
  width: 100%;
  min-width: 0;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-4);
}

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

.regulamin-page__contents h2 {
  font-size: clamp(1.5rem, 2vw, 1.9rem);
}

.regulamin-page__toc-nav {
  display: flex;
  width: 100%;
  min-width: 0;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-1);
}

.regulamin-page__toc-link {
  display: grid;
  width: 100%;
  min-width: 0;
  min-height: 2.75rem;
  grid-template-columns: 2rem minmax(0, 1fr) 1rem;
  align-items: center;
  column-gap: var(--space-2);
  padding: var(--space-2) 0 var(--space-2) var(--space-3);
  border-inline-start: 2px solid transparent;
  color: var(--color-steel-silver);
  font-size: 0.8125rem;
  line-height: 1.35;
  text-decoration: none;
}

.regulamin-page__toc-link span {
  min-width: 0;
  color: var(--color-steel-muted);
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.08em;
}

.regulamin-page__toc-link strong {
  min-width: 0;
  font-weight: 700;
}

.regulamin-page__toc-link b {
  min-width: 0;
  color: var(--color-steel-muted);
  font-weight: 400;
  text-align: end;
}

.regulamin-page__toc-link:hover,
.regulamin-page__toc-link.is-active {
  border-inline-start-color: var(--color-rare-loot-violet);
  background: rgba(168, 85, 247, 0.1);
  color: var(--color-rare-loot-violet);
}

.regulamin-page__toc-link.is-active span,
.regulamin-page__toc-link.is-active b {
  color: var(--color-rare-loot-violet);
}

.regulamin-page__article {
  display: flex;
  width: 100%;
  max-width: 46.25rem;
  min-width: 0;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-8);
}

.regulamin-page__chapter {
  position: relative;
  width: 100%;
  min-width: 0;
  scroll-margin-top: 7rem;
}

.regulamin-page__chapter + .regulamin-page__chapter {
  padding-block-start: var(--space-8);
  border-block-start: 1px solid transparent;
  border-image: linear-gradient(90deg, var(--color-rare-loot-violet) 0 8%, var(--color-iron-line) 8% 100%) 1;
}

.regulamin-page__chapter h2 {
  margin-block-end: var(--space-5);
}

.regulamin-page__chapter h3 {
  margin-block-start: var(--space-5);
}

.regulamin-page__chapter h2 + h3 {
  margin-block-start: 0;
}

.regulamin-page__chapter p,
.regulamin-page__chapter li,
.regulamin-page__chapter dd {
  line-height: 1.65;
}

.regulamin-page__definitions {
  display: flex;
  width: 100%;
  min-width: 0;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-4);
  margin-block: var(--space-5);
  padding: var(--space-5);
  border: var(--border-default);
  background: rgba(31, 27, 44, 0.6);
}

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

.regulamin-page__definitions dl {
  display: flex;
  width: 100%;
  min-width: 0;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-3);
}

.regulamin-page__definitions dl > div {
  display: grid;
  width: 100%;
  min-width: 0;
  grid-template-columns: minmax(9rem, 11rem) minmax(0, 1fr);
  gap: var(--space-3);
  padding-block-end: var(--space-3);
  border-block-end: 1px solid rgba(75, 70, 95, 0.7);
}

.regulamin-page__definitions dl > div:last-child {
  padding-block-end: 0;
  border-block-end: 0;
}

.regulamin-page__definitions dt,
.regulamin-page__definitions dd {
  min-width: 0;
  margin: 0;
}

.regulamin-page__definitions dt {
  color: var(--color-rare-loot-violet);
  font-family: var(--font-heading);
  font-weight: 700;
}

.regulamin-page__definitions dd {
  color: var(--color-steel-silver);
}

.regulamin-page__rune {
  width: 100%;
  height: 1px;
  margin-block: var(--space-5);
  background: linear-gradient(90deg, var(--color-rare-loot-violet) 0 2.5rem, var(--color-iron-line) 2.5rem 100%);
}

.regulamin-page__rules-list {
  display: flex;
  width: 100%;
  min-width: 0;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-3);
  margin-block-end: var(--space-5);
}

.regulamin-page__rules-list li {
  min-width: 0;
  padding-inline-start: var(--space-1);
}

.regulamin-page__rules-list li::marker {
  color: var(--color-rare-loot-violet);
  font-weight: 700;
}

.regulamin-page__important,
.regulamin-page__external,
.regulamin-page__changes {
  display: flex;
  width: 100%;
  min-width: 0;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-3);
  margin-block: var(--space-4);
}

.regulamin-page__important > *,
.regulamin-page__external > *,
.regulamin-page__changes > * {
  min-width: 0;
  margin: 0;
}

.regulamin-page__external ul {
  display: flex;
  width: 100%;
  min-width: 0;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-2);
  margin: 0;
}

.regulamin-page__usage-card {
  display: grid;
  width: 100%;
  min-width: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-4);
  margin-block: var(--space-4) var(--space-5);
  padding: var(--space-5);
  border: var(--border-default);
  background: var(--color-fortress);
}

.regulamin-page__usage-card > section {
  display: flex;
  width: 100%;
  min-width: 0;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-3);
}

.regulamin-page__usage-card > section + section {
  padding-inline-start: var(--space-4);
  border-inline-start: 1px solid var(--color-iron-line);
}

.regulamin-page__usage-card h4,
.regulamin-page__usage-card ul {
  min-width: 0;
  margin: 0;
}

.regulamin-page__usage-card ul {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

.regulamin-page__usage-card li {
  min-width: 0;
}

.regulamin-page__changes {
  border-color: rgba(195, 199, 219, 0.48);
}

.regulamin-page__end-label {
  margin-block: var(--space-6) 0;
}

.regulamin-page__rune--end {
  margin-block-end: 0;
}

@media (max-width: 63.9375rem) {
  .regulamin-page__intro {
    padding-block-start: var(--space-7);
  }

  .regulamin-page__layout {
    grid-template-columns: minmax(0, 46.25rem);
    gap: var(--space-6);
  }

  .regulamin-page__contents {
    position: static;
    max-width: 46.25rem;
  }

  .regulamin-page__article {
    max-width: 46.25rem;
  }
}

@media (max-width: 43.75rem) {
  .regulamin-page__intro {
    padding-block-start: var(--space-6);
    padding-block-end: var(--space-5);
  }

  .regulamin-page__intro-panel {
    padding: 1.5rem 1.25rem;
  }

  .regulamin-page__intro-copy {
    gap: var(--space-3);
  }

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

  .regulamin-page__reading-note {
    font-size: 0.875rem;
  }

  .regulamin-page__document {
    padding-block-start: var(--space-4);
    padding-block-end: var(--space-8);
  }

  .regulamin-page__layout {
    gap: var(--space-5);
  }

  .regulamin-page__contents {
    padding: 1.25rem;
  }

  .regulamin-page__toc-link {
    min-height: 2.75rem;
  }

  .regulamin-page__article {
    gap: var(--space-7);
  }

  .regulamin-page__chapter + .regulamin-page__chapter {
    padding-block-start: var(--space-7);
  }

  .regulamin-page__chapter h2 {
    font-size: clamp(1.75rem, 8vw, 2rem);
  }

  .regulamin-page__definitions,
  .regulamin-page__usage-card {
    padding: var(--space-4);
  }

  .regulamin-page__definitions dl > div {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-1);
  }

  .regulamin-page__important,
  .regulamin-page__external,
  .regulamin-page__changes {
    padding: 1.25rem;
  }

  .regulamin-page__usage-card {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-4);
  }

  .regulamin-page__usage-card > section + section {
    padding-block-start: var(--space-4);
    padding-inline-start: 0;
    border-block-start: 1px solid var(--color-iron-line);
    border-inline-start: 0;
  }
}


#kontakt-page {
  min-width: 0;
  background: var(--color-night-vault);
}

#kontakt-page .kontakt-intro {
  min-height: 20rem;
  padding-block: var(--space-8) var(--space-7);
  border-block-end: 1px solid var(--color-iron-line);
  background-image: linear-gradient(90deg, transparent 0, transparent 48%, rgba(168, 85, 247, 0.82) 48%, rgba(168, 85, 247, 0.82) 52%, transparent 52%, transparent 100%);
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: 100% 1px;
}

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

#kontakt-page .kontakt-intro__copy {
  display: flex;
  min-width: 0;
  max-width: 42.5rem;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  grid-column: 1;
}

#kontakt-page .kontakt-intro__copy > * {
  min-width: 0;
  margin: 0;
}

#kontakt-page .kontakt-intro__copy .lead {
  max-width: 42.5rem;
}

#kontakt-page .kontakt-intro__space {
  min-width: 0;
  min-height: 1px;
  grid-column: 2;
}

#kontakt-page .kontakt-intro__action {
  width: auto;
}

#kontakt-page .kontakt-submission {
  padding-block: var(--space-9);
}

#kontakt-page .kontakt-submission__heading {
  display: flex;
  min-width: 0;
  max-width: 45rem;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  margin-block-end: var(--space-6);
}

#kontakt-page .kontakt-submission__heading > * {
  margin: 0;
}

#kontakt-page .kontakt-submission__heading > p:not(.eyebrow) {
  max-width: 45rem;
}

#kontakt-page .kontakt-submission__layout {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(20rem, 5fr) minmax(30rem, 7fr);
  align-items: start;
  gap: var(--space-5);
}

#kontakt-page .kontakt-category-panel,
#kontakt-page .kontakt-form-panel {
  min-width: 0;
  width: 100%;
}

#kontakt-page .kontakt-category-panel {
  grid-column: 1;
}

#kontakt-page .kontakt-form-panel {
  grid-column: 2;
  padding: var(--space-6);
}

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

#kontakt-page .kontakt-category-panel__content > *,
#kontakt-page .kontakt-form-panel__intro > *,
#kontakt-page .kontakt-success > * {
  margin: 0;
}

#kontakt-page .kontakt-category-panel__content > p:not(.eyebrow) {
  max-width: 28.75rem;
}

#kontakt-page .kontakt-category-list {
  display: flex;
  min-width: 0;
  width: 100%;
  flex-direction: column;
  gap: var(--space-3);
  margin-block-start: var(--space-2);
}

#kontakt-page .kontakt-category-choice {
  display: flex;
  min-width: 0;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-1);
  padding: var(--space-3);
  border: var(--border-default);
  border-radius: var(--radius-none);
  background: rgba(15, 13, 27, 0.32);
  color: var(--color-steel-silver);
  text-align: left;
  transition: border-color var(--transition-fast), background-color var(--transition-fast), transform var(--transition-fast);
}

#kontakt-page .kontakt-category-choice > * {
  min-width: 0;
}

#kontakt-page .kontakt-category-choice span {
  font-family: var(--font-heading);
  font-size: 0.95rem;
  font-weight: 700;
  line-height: 1.25;
}

#kontakt-page .kontakt-category-choice small {
  color: var(--color-steel-muted);
  font-size: 0.78rem;
  line-height: 1.4;
}

#kontakt-page .kontakt-category-choice:hover {
  border-color: var(--color-rare-loot-violet);
  background: rgba(168, 85, 247, 0.08);
  transform: translateY(-1px);
}

#kontakt-page .kontakt-form-panel__intro {
  margin-block-end: var(--space-5);
}

#kontakt-page .kontakt-form-panel__intro > p:not(.eyebrow) {
  width: 100%;
}

#kontakt-page .kontakt-form__summary {
  margin-block-end: var(--space-4);
  padding: var(--space-3) var(--space-4);
  border-inline-start: 2px solid var(--color-danger-rune);
  background: rgba(224, 122, 141, 0.08);
}

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

#kontakt-page .kontakt-form__grid {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-4);
}

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

#kontakt-page .kontakt-form__field--category,
#kontakt-page .kontakt-form__field--other,
#kontakt-page .kontakt-form__field--message {
  grid-column: 1 / -1;
}

#kontakt-page .kontakt-form input,
#kontakt-page .kontakt-form select {
  min-height: 3rem;
}

#kontakt-page .kontakt-form textarea {
  min-height: 11rem;
}

#kontakt-page .kontakt-required {
  color: var(--color-steel-muted);
  font-size: 0.78rem;
  font-weight: 600;
}

#kontakt-page .kontakt-optional {
  color: var(--color-steel-muted);
  font-size: 0.78rem;
  font-weight: 500;
}

#kontakt-page .kontakt-message-meta {
  display: flex;
  min-width: 0;
  width: 100%;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-3);
}

#kontakt-page .kontakt-message-meta > * {
  min-width: 0;
  margin: 0;
}

#kontakt-page .kontakt-message-meta .form-hint {
  max-width: 70%;
}

#kontakt-page .kontakt-character-count {
  flex: 0 0 auto;
  color: var(--color-steel-muted);
  font-size: 0.8125rem;
  line-height: 1.4;
  text-align: end;
}

#kontakt-page .kontakt-privacy {
  display: flex;
  min-width: 0;
  width: 100%;
  flex-direction: column;
  gap: var(--space-5);
  padding: var(--space-5);
  background: rgba(31, 27, 44, 0.72);
}

#kontakt-page .kontakt-privacy__copy {
  display: flex;
  min-width: 0;
  max-width: 43.75rem;
  flex-direction: column;
  gap: var(--space-3);
}

#kontakt-page .kontakt-privacy__copy > * {
  margin: 0;
}

#kontakt-page .kontakt-consent {
  display: flex;
  min-width: 0;
  width: 100%;
  flex-direction: column;
  gap: var(--space-2);
  padding-block-start: var(--space-4);
  border-block-start: 1px solid var(--color-iron-line);
}

#kontakt-page .kontakt-consent label {
  display: flex;
  min-width: 0;
  width: 100%;
  align-items: flex-start;
  gap: var(--space-3);
  margin: 0;
  font-weight: 600;
}

#kontakt-page .kontakt-consent input {
  flex: 0 0 1rem;
  margin-block-start: 0.2rem;
}

#kontakt-page .kontakt-consent span {
  min-width: 0;
}

#kontakt-page .kontakt-form__submit {
  align-self: flex-start;
  width: auto;
}

#kontakt-page .kontakt-success {
  max-width: 38.75rem;
  padding-block: var(--space-2);
}

#kontakt-page .kontakt-success > p:not(.eyebrow) {
  max-width: 38.75rem;
}

#kontakt-page .kontakt-guidance {
  padding-block: var(--space-8);
}

#kontakt-page .kontakt-guidance__heading {
  display: flex;
  min-width: 0;
  max-width: 45rem;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  margin-block-end: var(--space-6);
}

#kontakt-page .kontakt-guidance__heading > * {
  margin: 0;
}

#kontakt-page .kontakt-guidance__heading > p:not(.eyebrow) {
  max-width: 45rem;
}

#kontakt-page .kontakt-guidance__cards {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-5);
}

#kontakt-page .kontakt-guidance-card {
  display: flex;
  min-width: 0;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
}

#kontakt-page .kontakt-guidance-card > * {
  margin: 0;
}

#kontakt-page .kontakt-guidance-card ul {
  display: flex;
  min-width: 0;
  width: 100%;
  flex-direction: column;
  gap: var(--space-2);
  padding-inline-start: 1.25rem;
}

#kontakt-page .kontakt-guidance-card li {
  min-width: 0;
  color: var(--color-steel-silver);
}

#kontakt-page .kontakt-process {
  padding-block: var(--space-8) var(--space-9);
}

#kontakt-page .kontakt-process__heading {
  display: flex;
  min-width: 0;
  max-width: 46.25rem;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  margin-block-end: var(--space-6);
}

#kontakt-page .kontakt-process__heading > * {
  margin: 0;
}

#kontakt-page .kontakt-process__heading > p:not(.eyebrow) {
  max-width: 46.25rem;
}

#kontakt-page .kontakt-process__list {
  display: flex;
  min-width: 0;
  max-width: 53rem;
  flex-direction: column;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

#kontakt-page .kontakt-process__item {
  display: grid;
  min-width: 0;
  grid-template-columns: 5.5rem minmax(0, 46.25rem);
  gap: var(--space-4);
  padding-block: var(--space-5);
  border-block-start: 1px solid var(--color-iron-line);
}

#kontakt-page .kontakt-process__item:last-child {
  border-block-end: 1px solid var(--color-iron-line);
}

#kontakt-page .kontakt-process__number {
  min-width: 0;
  color: var(--color-rare-loot-violet);
  font-family: var(--font-heading);
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: 0.08em;
}

#kontakt-page .kontakt-process__content {
  display: flex;
  min-width: 0;
  max-width: 46.25rem;
  flex-direction: column;
  gap: var(--space-3);
}

#kontakt-page .kontakt-process__content > * {
  margin: 0;
}

@media (max-width: 63.9375rem) {
  #kontakt-page .kontakt-submission__layout {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-5);
  }

  #kontakt-page .kontakt-category-panel,
  #kontakt-page .kontakt-form-panel {
    grid-column: 1;
  }

  #kontakt-page .kontakt-category-panel__content > p:not(.eyebrow) {
    max-width: 28.75rem;
  }

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

@media (max-width: 43.75rem) {
  #kontakt-page .kontakt-intro {
    min-height: 16.25rem;
    padding-block: var(--space-7) var(--space-6);
  }

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

  #kontakt-page .kontakt-intro__copy {
    grid-column: 1;
    max-width: none;
  }

  #kontakt-page .kontakt-intro__copy .lead {
    max-width: none;
    font-size: clamp(1.125rem, 4.8vw, 1.1875rem);
  }

  #kontakt-page .kontakt-intro__space {
    display: none;
  }

  #kontakt-page .kontakt-submission {
    padding-block: var(--space-8);
  }

  #kontakt-page .kontakt-form-panel {
    padding: var(--space-4);
  }

  #kontakt-page .kontakt-form__grid,
  #kontakt-page .kontakt-guidance__cards {
    grid-template-columns: minmax(0, 1fr);
  }

  #kontakt-page .kontakt-form__field--subject,
  #kontakt-page .kontakt-form__field--email,
  #kontakt-page .kontakt-form__field--name,
  #kontakt-page .kontakt-form__field--game {
    grid-column: 1;
  }

  #kontakt-page .kontakt-form textarea {
    min-height: 10rem;
  }

  #kontakt-page .kontakt-message-meta {
    flex-direction: column;
    align-items: flex-start;
  }

  #kontakt-page .kontakt-message-meta .form-hint {
    max-width: none;
  }

  #kontakt-page .kontakt-character-count {
    text-align: start;
  }

  #kontakt-page .kontakt-privacy {
    padding: var(--space-4);
  }

  #kontakt-page .kontakt-consent label {
    gap: var(--space-2);
  }

  #kontakt-page .kontakt-form__submit {
    width: 100%;
  }

  #kontakt-page .kontakt-success {
    max-width: none;
  }

  #kontakt-page .kontakt-success > p:not(.eyebrow) {
    max-width: none;
  }

  #kontakt-page .kontakt-process__item {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-2);
  }

  #kontakt-page .kontakt-process__number {
    grid-column: 1;
  }

  #kontakt-page .kontakt-process__content {
    grid-column: 1;
    max-width: none;
  }
}


.cookie-policy-page {
  background: var(--color-night-vault);
}

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

.cookie-policy-intro {
  display: flex;
  width: min(100%, 56.25rem);
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
}

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

.cookie-policy-intro h1 {
  font-size: clamp(2.25rem, 5vw, 4rem);
}

.cookie-policy-intro .lead {
  max-width: 46.25rem;
  font-size: clamp(1.125rem, 2vw, 1.3125rem);
  line-height: 1.5;
}

.cookie-policy-intro__scope {
  padding-top: var(--space-2);
  border-top: 1px solid var(--color-iron-line);
  color: var(--color-steel-muted);
  font-size: 0.8125rem;
  line-height: 1.5;
}

.cookie-policy-intro__scope span {
  color: var(--color-rare-loot-violet);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.cookie-policy-toc {
  display: flex;
  width: min(100%, var(--article-max));
  min-width: 0;
  flex-direction: column;
  gap: var(--space-3);
  margin-top: var(--space-7);
  padding: var(--space-5);
  box-shadow: var(--shadow-panel);
}

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

.cookie-policy-toc h2 {
  font-size: clamp(1.25rem, 2vw, 1.5rem);
}

.cookie-policy-toc__list {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-1);
  margin: 0;
  padding: 0;
  list-style: none;
}

.cookie-policy-toc__list > li {
  width: 100%;
  min-width: 0;
}

.cookie-policy-toc__list a {
  display: flex;
  min-width: 0;
  min-height: 2.75rem;
  align-items: center;
  padding: var(--space-2) var(--space-3);
  border-inline-start: 2px solid transparent;
  color: var(--color-steel-silver);
  text-decoration: underline;
  text-decoration-color: var(--color-rare-loot-violet);
  text-decoration-thickness: 1px;
  text-underline-offset: 0.2em;
  transition: border-color var(--transition-fast), background-color var(--transition-fast), color var(--transition-fast);
}

.cookie-policy-toc__list a:hover,
.cookie-policy-toc__list a.is-active {
  border-inline-start-color: var(--color-rare-loot-violet);
  background: rgba(168, 85, 247, 0.08);
  color: var(--color-rare-loot-violet);
}

.cookie-policy-document {
  width: min(100%, var(--article-max));
  min-width: 0;
  margin-top: var(--space-8);
}

.cookie-policy-section {
  position: relative;
  width: 100%;
  min-width: 0;
  padding-top: var(--space-8);
}

.cookie-policy-section::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, var(--color-iron-line) 0, var(--color-iron-line) calc(50% - 13px), var(--color-rare-loot-violet) calc(50% - 13px), var(--color-rare-loot-violet) calc(50% + 13px), var(--color-iron-line) calc(50% + 13px), var(--color-iron-line) 100%);
  content: "";
}

.cookie-policy-section > h2,
.cookie-policy-section > h3,
.cookie-policy-section > p,
.cookie-policy-section__intro,
.cookie-policy-subsection,
.cookie-policy-conditional-copy,
.cookie-policy-practice,
.cookie-policy-warning,
.cookie-policy-note,
.cookie-policy-purpose-list,
.cookie-policy-steps {
  max-width: var(--article-max);
}

.cookie-policy-section > h2 {
  margin-bottom: var(--space-4);
  font-size: clamp(1.75rem, 3vw, 2.5rem);
}

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

.cookie-policy-definition-grid {
  display: grid;
  width: 100%;
  min-width: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-4);
  margin-top: var(--space-5);
}

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

.cookie-policy-definition-card {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-3);
  padding: var(--space-4);
  border: var(--border-default);
  background: var(--color-fortress);
}

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

.cookie-policy-definition-card h3 {
  font-size: clamp(1.1875rem, 2vw, 1.375rem);
}

.cookie-policy-definition-card p:not(.eyebrow) {
  color: var(--color-steel-silver);
  line-height: 1.6;
}

.cookie-policy-note,
.cookie-policy-practice,
.cookie-policy-conditional-copy,
.cookie-policy-warning {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-2);
  margin-top: var(--space-5);
  padding: var(--space-4) var(--space-5);
  border-inline-start: 2px solid var(--color-rare-loot-violet);
  background: rgba(31, 27, 44, 0.72);
}

.cookie-policy-note > *,
.cookie-policy-practice > *,
.cookie-policy-conditional-copy > *,
.cookie-policy-warning > * {
  min-width: 0;
  margin: 0;
}

.cookie-policy-note p:not(.eyebrow),
.cookie-policy-practice p:not(.eyebrow),
.cookie-policy-conditional-copy p:not(.eyebrow),
.cookie-policy-warning p:not(.eyebrow) {
  line-height: 1.65;
}

.cookie-policy-purpose-list {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-3);
  margin-top: var(--space-5);
  margin-bottom: var(--space-5);
}

.cookie-policy-purpose-list > li {
  min-width: 0;
  padding-inline-start: var(--space-1);
}

.cookie-policy-purpose-list li::marker {
  color: var(--color-rare-loot-violet);
}

.cookie-policy-section--categories {
  width: min(100%, 61.25rem);
}

.cookie-policy-section__intro {
  width: min(100%, var(--article-max));
}

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

.cookie-policy-category-grid {
  display: grid;
  width: 100%;
  min-width: 0;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr);
  gap: var(--space-4);
  margin-top: var(--space-5);
}

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

.cookie-policy-category-card {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-3);
  padding: var(--space-5);
  border: var(--border-default);
  background: var(--color-fortress);
}

.cookie-policy-category-card--essential {
  grid-column: 1 / 2;
  grid-row: 1 / 3;
  border-color: var(--color-rare-loot-violet);
}

.cookie-policy-category-card:nth-child(2) {
  grid-column: 2 / 4;
  grid-row: 1 / 2;
}

.cookie-policy-category-card:nth-child(3) {
  grid-column: 2 / 4;
  grid-row: 2 / 3;
}

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

.cookie-policy-category-card h3 {
  font-size: clamp(1.25rem, 2vw, 1.5rem);
}

.cookie-policy-category-card p:not(.eyebrow) {
  line-height: 1.6;
}

.cookie-policy-status {
  color: var(--color-steel-muted) !important;
  font-size: 0.8125rem;
  line-height: 1.45 !important;
}

.cookie-policy-status strong {
  color: var(--color-steel-silver);
}

.cookie-policy-category-settings {
  grid-column: 1 / 4;
  grid-row: 3;
  width: 100%;
  min-width: 0;
  padding: var(--space-4) var(--space-5);
  border: var(--border-default);
  background: rgba(31, 27, 44, 0.72);
}

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

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

.cookie-policy-steps {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-4);
  margin-top: var(--space-5);
  margin-bottom: var(--space-5);
  padding: 0;
  list-style: none;
}

.cookie-policy-steps > li {
  display: grid;
  width: 100%;
  min-width: 0;
  grid-template-columns: 2.25rem minmax(0, 1fr);
  gap: var(--space-3);
  padding-bottom: var(--space-4);
  border-bottom: 1px solid var(--color-iron-line);
}

.cookie-policy-steps > li:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.cookie-policy-step__number {
  display: flex;
  width: 2.25rem;
  min-width: 2.25rem;
  height: 2.25rem;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--color-rare-loot-violet);
  color: var(--color-rare-loot-violet);
  font-family: var(--font-heading);
  font-weight: 700;
}

.cookie-policy-step__copy {
  min-width: 0;
}

.cookie-policy-step__copy strong {
  display: block;
  color: var(--color-steel-silver);
}

.cookie-policy-step__copy p {
  margin: var(--space-1) 0 0;
  color: var(--color-steel-silver);
  line-height: 1.6;
}

.cookie-policy-section--retention {
  width: min(100%, 53.75rem);
}

.cookie-policy-table-wrap {
  width: 100%;
  min-width: 0;
  margin-top: var(--space-5);
  overflow-x: auto;
  border: var(--border-default);
  background: var(--color-fortress);
}

.cookie-policy-table-wrap table {
  width: 100%;
  min-width: 43.75rem;
  margin: 0;
  border: 0;
}

.cookie-policy-table-wrap th,
.cookie-policy-table-wrap td {
  min-width: 0;
}

.cookie-policy-table-wrap th:nth-child(1),
.cookie-policy-table-wrap td:nth-child(1) {
  width: 20%;
}

.cookie-policy-table-wrap th:nth-child(2),
.cookie-policy-table-wrap td:nth-child(2) {
  width: 48%;
}

.cookie-policy-table-wrap th:nth-child(3),
.cookie-policy-table-wrap td:nth-child(3) {
  width: 32%;
}

.cookie-policy-table-note {
  margin-top: var(--space-2);
  color: var(--color-steel-muted);
  font-size: 0.8125rem;
  line-height: 1.4;
}

.cookie-policy-subsection {
  margin-top: var(--space-7);
}

.cookie-policy-subsection h3 {
  font-size: clamp(1.25rem, 2vw, 1.625rem);
}

.cookie-policy-section--changes {
  padding-bottom: 0;
}

@media (max-width: 63rem) {
  .cookie-policy-category-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .cookie-policy-category-card--essential {
    grid-column: 1 / 3;
    grid-row: 1;
  }

  .cookie-policy-category-card:nth-child(2) {
    grid-column: 1 / 2;
    grid-row: 2;
  }

  .cookie-policy-category-card:nth-child(3) {
    grid-column: 2 / 3;
    grid-row: 2;
  }

  .cookie-policy-category-settings {
    grid-column: 1 / 3;
    grid-row: 3;
  }
}

@media (max-width: 43.75rem) {
  .cookie-policy-page__container {
    padding-block: var(--space-7) var(--space-8);
  }

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

  .cookie-policy-intro .lead {
    max-width: none;
    font-size: 1.125rem;
  }

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

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

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

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

  .cookie-policy-definition-card {
    padding: var(--space-4);
  }

  .cookie-policy-note,
  .cookie-policy-practice,
  .cookie-policy-conditional-copy,
  .cookie-policy-warning {
    padding: var(--space-4);
  }

  .cookie-policy-section--categories,
  .cookie-policy-section--retention {
    width: 100%;
  }

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

  .cookie-policy-category-card--essential,
  .cookie-policy-category-card:nth-child(2),
  .cookie-policy-category-card:nth-child(3),
  .cookie-policy-category-settings {
    grid-column: 1;
    grid-row: auto;
  }

  .cookie-policy-category-card {
    padding: var(--space-4);
  }

  .cookie-policy-category-settings {
    padding: var(--space-4);
  }

  .cookie-policy-table-wrap th,
  .cookie-policy-table-wrap td {
    padding: var(--space-3);
  }
}

@media (max-width: 35rem) {
  .cookie-policy-table-wrap {
    position: relative;
  }

  .cookie-policy-table-wrap::after {
    position: sticky;
    right: 0;
    display: block;
    width: 2rem;
    height: 100%;
    margin-left: auto;
    background: linear-gradient(90deg, transparent, rgba(15, 13, 27, 0.8));
    content: "";
    pointer-events: none;
  }
}

@media (max-width: 26.25rem) {
  .cookie-policy-steps > li {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-2);
  }
}


.premiere-calendar-page { min-width: 0; }
.premiere-calendar-page .section + .section { position: relative; }
.premiere-calendar-page .section + .section::before { content: ""; position: absolute; top: 0; left: 50%; width: min(100% - 4rem, 80rem); height: 1px; transform: translateX(-50%); background: linear-gradient(90deg, var(--color-iron-line) 0 47%, var(--color-rare-loot-violet) 47% 53%, var(--color-iron-line) 53% 100%); }
.premiere-hero { position: relative; min-height: 37.5rem; isolation: isolate; overflow: hidden; display: grid; grid-template-columns: minmax(0, 1fr); align-items: end; }
.premiere-hero__image, .premiere-hero__shade { position: absolute; inset: 0; width: 100%; height: 100%; }
.premiere-hero__image { object-position: 78% center; z-index: -2; }
.premiere-hero__shade { z-index: -1; background: linear-gradient(90deg, rgba(15,13,27,.9) 0%, rgba(15,13,27,.56) 47%, rgba(15,13,27,.18) 100%), linear-gradient(0deg, rgba(15,13,27,.96) 0%, rgba(15,13,27,.18) 58%); }
.premiere-hero__container { width: 100%; min-width: 0; display: flex; justify-content: flex-end; align-items: end; padding-block: var(--space-6); }
.premiere-hero__panel { width: min(100%, 35.625rem); min-width: 0; padding: var(--space-6); background: rgba(31,27,44,.96); border-color: var(--color-rare-loot-violet); }
.premiere-hero__copy { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-4); }
.premiere-hero__copy > * { margin: 0; min-width: 0; }
.premiere-hero__copy .lead { max-width: 35rem; }
.premiere-hero__note { max-width: 34rem; color: var(--color-steel-muted); font-size: .8125rem; line-height: 1.45; }
.premiere-filters { display: grid; grid-template-columns: minmax(16.25rem, 30%) minmax(0, 70%); gap: var(--space-6); padding: var(--space-6); }
.premiere-filters__intro, .premiere-filter-form, .premiere-filter-group, .premiere-section-heading__copy, .premiere-months__intro, .premiere-date-guide__intro, .premiere-discovery__intro, .premiere-routine__copy, .premiere-final__copy { min-width: 0; }
.premiere-filters__intro { max-width: 38.75rem; }
.premiere-filter-form { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); align-content: start; }
.premiere-filter-group { margin: 0; padding: 0; border: 0; display: flex; flex-direction: column; gap: var(--space-2); }
.premiere-filter-group legend { padding: 0; }
.premiere-filter-options { display: flex; min-width: 0; flex-wrap: wrap; gap: var(--space-2); }
.premiere-toggle { display: inline-flex; min-width: 0; min-height: 2.75rem; align-items: center; margin: 0; border: var(--border-default); background: var(--color-fortress); color: var(--color-steel-silver); font-size: .8125rem; font-weight: 700; }
.premiere-toggle input { position: absolute; opacity: 0; pointer-events: none; }
.premiere-toggle span { display: flex; min-height: 2.75rem; min-width: 0; align-items: center; padding: var(--space-2) var(--space-3); overflow-wrap: anywhere; }
.premiere-toggle input:checked + span { background: var(--color-rare-loot-violet); color: var(--color-violet-ink); }
.premiere-toggle:has(input:focus-visible) { outline: var(--focus-ring); outline-offset: var(--focus-offset); }
.premiere-filter-form__clear { align-self: end; width: max-content; }
.premiere-section-heading { display: flex; min-width: 0; align-items: end; justify-content: space-between; gap: var(--space-5); margin-bottom: var(--space-6); }
.premiere-section-heading__copy { max-width: 42.5rem; }
.premiere-result-count { flex: 0 1 14rem; margin: 0; color: var(--color-steel-muted); font-size: .8125rem; font-weight: 700; text-align: right; }
.premiere-nearby__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25rem; }
.premiere-entry { min-width: 0; display: flex; flex-direction: column; gap: var(--space-3); }
.premiere-entry--featured { grid-column: span 2; padding: var(--space-5); }
.premiere-entry > * { margin: 0; }
.premiere-entry__meta, .premiere-entry__actions { display: flex; min-width: 0; flex-wrap: wrap; align-items: center; gap: var(--space-2); }
.premiere-entry__platforms { color: var(--color-steel-muted); font-size: .8125rem; font-weight: 700; }
.premiere-entry__actions { margin-top: auto; justify-content: space-between; }
.premiere-watch { min-height: 2.25rem; padding: var(--space-2); border: 1px solid var(--color-iron-line); background: transparent; color: var(--color-rare-loot-violet); font-size: .8125rem; font-weight: 700; text-decoration: underline; text-underline-offset: .18em; }
.premiere-watch[aria-pressed="true"] { border-color: var(--color-success-ember); color: var(--color-success-ember); }
.premiere-empty-state { max-width: 42rem; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); }
.premiere-empty-state > * { margin: 0; }
.premiere-status-legend { display: flex; min-width: 0; flex-wrap: wrap; gap: var(--space-3); margin-top: var(--space-5); padding: var(--space-3) var(--space-4); border: var(--border-default); color: var(--color-steel-muted); font-size: .8125rem; line-height: 1.45; }
.premiere-status-legend strong, .premiere-status-legend b { color: var(--color-steel-silver); }
.premiere-months__intro { max-width: 45rem; margin-bottom: var(--space-6); }
.premiere-months__list { display: flex; min-width: 0; flex-direction: column; gap: var(--space-5); }
.premiere-month-panel { padding: var(--space-5); }
.premiere-month-panel__header { display: flex; min-width: 0; align-items: end; justify-content: space-between; gap: var(--space-4); padding-bottom: var(--space-4); border-bottom: var(--border-default); }
.premiere-month-panel__header > * { min-width: 0; }
.premiere-month-panel__header h3, .premiere-month-panel__header p { margin-bottom: 0; }
.premiere-month-panel__records { display: flex; min-width: 0; flex-direction: column; }
.premiere-month-record { display: grid; grid-template-columns: 7.5rem minmax(16.25rem, 2fr) minmax(8.125rem, 1fr) minmax(11.25rem, 1.3fr) 8.125rem max-content; gap: var(--space-3); min-width: 0; align-items: center; padding-block: var(--space-4); border-bottom: 1px solid var(--color-iron-line); }
.premiere-month-record > * { min-width: 0; }
.premiere-month-record h4 { margin: 0; }
.premiere-month-record strong, .premiere-month-record span:not(.meta) { overflow-wrap: anywhere; }
.premiere-month-record__date, .premiere-month-record__material, .premiere-month-record__platforms, .premiere-month-record__status { display: flex; flex-direction: column; gap: var(--space-1); }
.premiere-month-record__link { font-size: .8125rem; font-weight: 700; white-space: nowrap; }
.premiere-date-guide__layout { display: grid; grid-template-columns: minmax(18.75rem, 34%) minmax(0, 66%); gap: var(--space-6); align-items: start; }
.premiere-date-guide__intro { max-width: 35rem; }
.premiere-date-guide__stages { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-4); }
.premiere-stage { min-width: 0; display: flex; flex-direction: column; gap: var(--space-3); }
.premiere-stage > * { margin: 0; }
.premiere-discovery { position: relative; isolation: isolate; overflow: hidden; }
.premiere-discovery__image, .premiere-discovery__overlay { position: absolute; inset: 0; width: 100%; height: 100%; }
.premiere-discovery__image { z-index: -2; object-position: center center; }
.premiere-discovery__overlay { z-index: -1; background: rgba(15,13,27,.86); }
.premiere-discovery__container { display: flex; min-width: 0; flex-direction: column; gap: var(--space-6); }
.premiere-discovery__intro { max-width: 45rem; }
.premiere-discovery__cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); }
.premiere-path { min-width: 0; display: flex; flex-direction: column; gap: var(--space-3); background: rgba(31,27,44,.96); }
.premiere-path > * { margin: 0; }
.premiere-path__links { display: flex; min-width: 0; flex-wrap: wrap; gap: var(--space-3); margin-top: auto; }
.premiere-routine__layout { display: grid; grid-template-columns: minmax(0, 42%) minmax(26.875rem, 58%); padding: 0; overflow: hidden; }
.premiere-routine__media { min-width: 0; height: 23.75rem; }
.premiere-routine__media img { width: 100%; height: 100%; object-position: center; }
.premiere-routine__copy { display: flex; flex-direction: column; justify-content: center; gap: var(--space-4); padding: var(--space-6); }
.premiere-routine__copy > * { margin: 0; }
.premiere-routine__copy .lead { max-width: 38.75rem; }
.premiere-routine__copy ol { padding-inline-start: 1.5rem; }
.premiere-routine__copy li + li { margin-top: var(--space-2); }
.premiere-final__panel { max-width: 61.25rem; margin-inline: auto; display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: var(--space-6); padding: var(--space-6); }
.premiere-final__copy { max-width: 38.75rem; }
.premiere-final__actions { display: flex; min-width: 0; flex: 0 1 15rem; flex-direction: column; gap: var(--space-3); }
.premiere-final__actions .button { width: 100%; }
@media (max-width: 67.5rem) { .premiere-nearby__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .premiere-entry--featured { grid-column: 1 / -1; } .premiere-month-record { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3) var(--space-5); } .premiere-month-record__date { grid-column: 1; } .premiere-month-record__status { grid-column: 2; } .premiere-month-record__title { grid-column: 1 / -1; } .premiere-month-record__material, .premiere-month-record__platforms { grid-column: auto; } .premiere-month-record__link { grid-column: 1 / -1; } }
@media (max-width: 64rem) { .premiere-hero__container { justify-content: center; } .premiere-hero__panel { width: min(70%, 42rem); } .premiere-filters { grid-template-columns: minmax(0, 1fr); } .premiere-filter-form { grid-template-columns: repeat(3, minmax(0, 1fr)); } .premiere-date-guide__layout { grid-template-columns: minmax(0, 1fr); } .premiere-date-guide__intro { max-width: 35rem; } }
@media (max-width: 60rem) { .premiere-discovery__cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } .premiere-discovery__cards > :last-child { grid-column: 1 / -1; } }
@media (max-width: 56.25rem) { .premiere-routine__layout { grid-template-columns: minmax(0, 1fr); } .premiere-routine__media { height: 18rem; } }
@media (max-width: 52rem) { .premiere-final__panel { flex-direction: column; align-items: stretch; } .premiere-final__actions { flex: 0 0 auto; width: 100%; flex-direction: row; } .premiere-final__actions > * { flex: 1 1 0; min-width: 0; } }
@media (max-width: 43.75rem) { .premiere-calendar-page .section + .section::before { width: calc(100% - 2rem); } .premiere-hero { min-height: 28.75rem; } .premiere-hero__image { object-position: center; } .premiere-hero__container { padding-block: var(--space-4); } .premiere-hero__panel { width: 100%; padding: var(--space-5); } .premiere-hero__copy .lead { max-width: none; } .premiere-filters { padding: var(--space-5); gap: var(--space-5); } .premiere-filter-form { grid-template-columns: minmax(0, 1fr); gap: var(--space-4); } .premiere-filter-form__clear { width: 100%; } .premiere-section-heading { flex-direction: column; align-items: stretch; gap: var(--space-3); } .premiere-result-count { flex: 0 0 auto; text-align: left; } .premiere-nearby__grid, .premiere-date-guide__stages, .premiere-discovery__cards { grid-template-columns: minmax(0, 1fr); } .premiere-entry--featured, .premiere-discovery__cards > :last-child { grid-column: auto; } .premiere-status-legend { flex-direction: column; } .premiere-month-panel { padding: var(--space-4); } .premiere-month-panel__header { flex-direction: column; align-items: stretch; } .premiere-month-panel__header .button { width: 100%; } .premiere-month-record { grid-template-columns: minmax(0, 1fr); padding: var(--space-4) 0; } .premiere-month-record__date, .premiere-month-record__status, .premiere-month-record__title, .premiere-month-record__material, .premiere-month-record__platforms, .premiere-month-record__link { grid-column: auto; } .premiere-routine__media { height: 13.75rem; } .premiere-routine__copy { padding: var(--space-5); } .premiere-final__panel { padding: var(--space-5); } .premiere-final__actions { flex-direction: column; } }
@media (prefers-reduced-motion: no-preference) { .premiere-toggle, .premiere-watch { transition: border-color var(--transition-fast), background-color var(--transition-fast), color var(--transition-fast); } }


.indie-page {
  overflow: hidden;
}

.indie-page__hero {
  position: relative;
  min-height: 37.5rem;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: end;
}

.indie-page__hero-image,
.indie-page__hero-shade {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.indie-page__hero-image {
  z-index: -2;
  object-position: left center;
}

.indie-page__hero-shade {
  z-index: -1;
  background: linear-gradient(90deg, rgba(15, 13, 27, 0.46), rgba(15, 13, 27, 0.16) 52%, rgba(15, 13, 27, 0.82)), linear-gradient(0deg, rgba(15, 13, 27, 0.94), transparent 62%);
}

.indie-page__hero-container {
  width: min(100%, calc(var(--container-max) + (var(--container-padding) * 2)));
  min-width: 0;
  padding-block: var(--space-6);
}

.indie-page__hero-panel {
  width: min(52%, 38.75rem);
  min-width: 29.375rem;
  margin-inline-start: auto;
  padding: var(--space-6);
  background: rgba(31, 27, 44, 0.96);
  border-color: var(--color-rare-loot-violet);
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
}

.indie-page__hero-intro,
.indie-page__hero-feature,
.indie-page__card-flow,
.indie-page__section-heading {
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
}

.indie-page__hero-intro > *,
.indie-page__hero-feature > *,
.indie-page__card-flow > *,
.indie-page__section-heading > * {
  margin: 0;
}

.indie-page__hero-intro h1 {
  font-size: clamp(2.5rem, 5.5vw, 4.75rem);
}

.indie-page__hero-intro .lead {
  max-width: 58ch;
}

.indie-page__hero-feature {
  padding-top: var(--space-5);
  border-top: var(--border-default);
}

.indie-page__hero-feature h2 {
  font-size: clamp(1.35rem, 2vw, 1.8rem);
}

.indie-page__hero-feature p:not(.meta) {
  max-width: 55ch;
}

.indie-page__section-heading {
  position: relative;
  padding-top: var(--space-4);
  margin-bottom: var(--space-6);
}

.indie-page__section-heading::before {
  content: "";
  position: absolute;
  inset: 0 auto auto 0;
  width: min(100%, 16rem);
  height: 1px;
  background: linear-gradient(90deg, var(--color-rare-loot-violet) 0 3rem, var(--color-iron-line) 3rem 100%);
}

.indie-page__section-heading h2 {
  margin: 0;
}

.indie-page__section-heading p {
  margin: 0;
}

.indie-page__text-link {
  font-weight: 700;
}

.indie-page__signals-heading { max-width: 68ch; }
.indie-page__signals-heading p { max-width: 68ch; }
.indie-page__radar-heading { max-width: 45rem; }
.indie-page__radar-heading p { max-width: 45rem; }
.indie-page__opinion-heading { max-width: 42.5rem; }
.indie-page__opinion-heading p { max-width: 42.5rem; }
.indie-page__timeline-heading { max-width: 43.75rem; }
.indie-page__timeline-heading p { max-width: 43.75rem; }
.indie-page__ideas-heading { max-width: 45rem; }
.indie-page__ideas-heading p { max-width: 45rem; }
.indie-page__archive-heading { max-width: 43.75rem; }
.indie-page__archive-heading p { max-width: 43.75rem; }
.indie-page__paths-heading { max-width: 37.5rem; }
.indie-page__paths-heading p { max-width: 37.5rem; }

.indie-page__editor-note {
  color: var(--color-steel-muted);
  font-size: 0.875rem;
}

.indie-page__signals-grid {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 6fr) minmax(0, 3fr) minmax(0, 3fr);
  gap: var(--space-5);
}

.indie-page__signals-grid > *,
.indie-page__radar-grid > *,
.indie-page__opinion-grid > *,
.indie-page__ideas-grid > *,
.indie-page__archive-grid > *,
.indie-page__paths-grid > * {
  min-width: 0;
  width: 100%;
}

.indie-page__signal-card,
.indie-page__archive-card,
.indie-page__radar-stack > .card,
.indie-page__ideas-stack > .card,
.indie-page__opinion-grid > .card {
  height: 100%;
}

.indie-page__card-flow {
  height: 100%;
}

.indie-page__card-flow > .indie-page__text-link:last-child,
.indie-page__card-flow > .button:last-child {
  margin-top: auto;
}

.indie-page__radar-grid,
.indie-page__ideas-grid {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  gap: var(--space-5);
}

.indie-page__radar-stack,
.indie-page__ideas-stack {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: var(--space-4);
}

.indie-page__visual-card {
  padding: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.indie-page__visual-card > img {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.indie-page__ideas .indie-page__visual-card > img {
  aspect-ratio: 3 / 2;
  object-position: center;
}

.indie-page__visual-card > .indie-page__card-flow {
  padding: var(--space-5);
}

.indie-page__opinion-grid {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 7fr) minmax(0, 2.5fr) minmax(0, 2.5fr);
  gap: var(--space-5);
}

.indie-page__deep-read blockquote {
  width: 100%;
  max-width: 46ch;
  margin: 0;
}

.indie-page__deep-read blockquote p {
  margin: 0;
}

.indie-page__timeline-list {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: var(--border-default);
}

.indie-page__timeline-item {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 15fr) minmax(0, 48fr) minmax(0, 27fr) minmax(4.5rem, 10fr);
  align-items: center;
  gap: var(--space-4);
  padding: var(--space-5) 0;
  border-bottom: var(--border-default);
}

.indie-page__timeline-item > * {
  min-width: 0;
  margin: 0;
}

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

.indie-page__timeline-main h3,
.indie-page__timeline-main p {
  margin: 0;
}

.indie-page__timeline-note {
  color: var(--color-steel-muted);
  line-height: 1.55;
}

.indie-page__filters {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-3);
  margin-bottom: var(--space-5);
}

.indie-page__filter {
  min-width: 0;
  min-height: 2.75rem;
  padding: var(--space-3) var(--space-4);
  border: var(--border-default);
  border-radius: var(--radius-none);
  background: var(--color-fortress);
  color: var(--color-steel-silver);
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1.2;
  transition: border-color var(--transition-fast), background-color var(--transition-fast), color var(--transition-fast);
}

.indie-page__filter:hover,
.indie-page__filter[aria-pressed="true"] {
  border-color: var(--color-rare-loot-violet);
  background: var(--color-rare-loot-violet);
  color: var(--color-violet-ink);
}

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

.indie-page__load-wrap {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: center;
  gap: var(--space-3);
  padding-top: var(--space-6);
}

.indie-page__archive-status {
  min-height: 1.5rem;
  margin: 0;
  color: var(--color-steel-muted);
  text-align: center;
}

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

.indie-page__path-card {
  display: flex;
  min-width: 0;
  min-height: 13rem;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  padding: var(--space-5);
  border: var(--border-default);
  background: var(--color-fortress);
  color: var(--color-steel-silver);
  text-decoration: none;
  transition: border-color var(--transition-base), transform var(--transition-base);
}

.indie-page__path-card:hover {
  border-color: var(--color-rare-loot-violet);
  color: var(--color-steel-silver);
  transform: translateY(-2px);
}

.indie-page__path-card h3,
.indie-page__path-card p {
  margin: 0;
}

.indie-page__path-card > span:last-child {
  margin-top: auto;
  color: var(--color-rare-loot-violet);
  font-weight: 700;
}

@media (max-width: 68.75rem) {
  .indie-page__opinion-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .indie-page__deep-read {
    grid-column: 1 / -1;
  }
}

@media (max-width: 64rem) {
  .indie-page__hero {
    min-height: 33.75rem;
  }

  .indie-page__hero-panel {
    width: min(78%, 38.75rem);
    min-width: 0;
    margin-inline: auto;
  }

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

  .indie-page__signals-grid > :first-child {
    grid-column: 1 / -1;
  }

  .indie-page__radar-grid,
  .indie-page__ideas-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

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

  .indie-page__timeline-item {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: start;
  }

  .indie-page__timeline-date,
  .indie-page__timeline-main {
    grid-column: span 1;
  }

  .indie-page__timeline-note {
    grid-column: 1 / -1;
  }
}

@media (max-width: 50rem) {
  .indie-page__radar-grid,
  .indie-page__ideas-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .indie-page__radar-stack,
  .indie-page__ideas-stack {
    grid-template-rows: none;
  }

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

  .indie-page__paths-grid > :last-child {
    grid-column: 1 / -1;
  }
}

@media (max-width: 43.75rem) {
  .indie-page__hero {
    min-height: 29rem;
  }

  .indie-page__hero-image {
    object-position: center;
  }

  .indie-page__hero-container {
    padding-block: var(--space-4);
  }

  .indie-page__hero-panel {
    width: 100%;
    margin-inline: 0;
    padding: var(--space-5);
    gap: var(--space-4);
  }

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

  .indie-page__section-heading {
    margin-bottom: var(--space-5);
  }

  .indie-page__signals-grid,
  .indie-page__opinion-grid,
  .indie-page__archive-grid,
  .indie-page__paths-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .indie-page__signals-grid > :first-child,
  .indie-page__deep-read,
  .indie-page__paths-grid > :last-child {
    grid-column: auto;
  }

  .indie-page__visual-card > img,
  .indie-page__ideas .indie-page__visual-card > img {
    aspect-ratio: 16 / 10;
  }

  .indie-page__timeline-item {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-3);
    padding: var(--space-4);
    margin-bottom: var(--space-3);
    border: var(--border-default);
    background: var(--color-fortress);
  }

  .indie-page__timeline-list {
    border-top: 0;
  }

  .indie-page__timeline-date,
  .indie-page__timeline-main,
  .indie-page__timeline-note {
    grid-column: auto;
  }

  .indie-page__filters {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    gap: var(--space-3);
  }

  .indie-page__filter {
    width: 100%;
  }

  .indie-page__filter:last-child {
    grid-column: 1 / -1;
  }

  .indie-page__load-wrap,
  .indie-page__load-more {
    width: 100%;
  }

  .indie-page__path-card {
    min-height: 0;
    padding: var(--space-5);
  }
}

@media (prefers-reduced-motion: reduce) {
  .indie-page__path-card,
  .indie-page__filter {
    transition: none;
  }
}


.home-page {
  overflow: clip;
}

.home-hero {
  position: relative;
  min-width: 0;
  min-height: 37.5rem;
  isolation: isolate;
  background: var(--color-fortress);
}

.home-hero__image,
.home-hero__shade {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.home-hero__image {
  z-index: -2;
  object-position: right center;
}

.home-hero__shade {
  z-index: -1;
  background: linear-gradient(90deg, rgba(15, 13, 27, 0.92) 0%, rgba(15, 13, 27, 0.72) 37%, rgba(15, 13, 27, 0.16) 72%), linear-gradient(0deg, rgba(15, 13, 27, 0.93) 0%, rgba(15, 13, 27, 0.1) 52%);
}

.home-hero__inner {
  display: flex;
  min-width: 0;
  min-height: 37.5rem;
  align-items: flex-end;
  justify-content: flex-end;
  padding-block: var(--space-6);
}

.home-hero__panel {
  display: flex;
  width: min(100%, 35rem);
  min-width: 26.25rem;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  padding: var(--space-6);
  border: var(--border-default);
  border-color: var(--color-iron-line);
  background: rgba(31, 27, 44, 0.96);
  box-shadow: var(--shadow-panel);
  transition: transform var(--transition-base), border-color var(--transition-base);
}

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

.home-hero__panel:hover {
  border-color: var(--color-rare-loot-violet);
  transform: translateY(-2px);
}

.home-hero__panel h1 {
  max-width: 24ch;
  font-size: clamp(2.5rem, 5vw, 4.75rem);
  line-height: 0.98;
}

.home-hero__panel .lead {
  max-width: 54ch;
  font-size: clamp(1.125rem, 1.8vw, 1.3125rem);
}

.home-hero__action {
  width: auto;
}

.home-hero__meta {
  margin-top: var(--space-1) !important;
}

.home-section-heading {
  display: flex;
  min-width: 0;
  align-items: end;
  justify-content: space-between;
  gap: var(--space-5);
  margin-bottom: var(--space-5);
  padding-bottom: var(--space-4);
  border-bottom: 1px solid var(--color-iron-line);
}

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

.home-section-heading h2 {
  margin-bottom: 0;
}

.home-inline-link,
.home-text-action {
  font-weight: 700;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.24em;
}

.home-inline-link {
  flex: 0 0 auto;
}

.home-news__grid {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(13rem, auto));
  gap: var(--space-4);
}

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

.home-news-card {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  padding: var(--space-5);
  border: var(--border-default);
  background: var(--color-fortress);
  color: inherit;
  text-decoration: none;
  transition: border-color var(--transition-base), transform var(--transition-base), background-color var(--transition-base);
}

.home-news-card > * {
  margin: 0;
}

.home-news-card:hover {
  border-color: var(--color-rare-loot-violet);
  background: #252037;
  color: inherit;
  transform: translateY(-2px);
}

.home-news-card h3 {
  width: 100%;
}

.home-news-card p {
  color: var(--color-steel-silver);
}

.home-news-card--featured {
  grid-column: 1 / span 2;
  grid-row: 1 / span 2;
  justify-content: center;
  padding: var(--space-6);
  border-color: var(--color-rare-loot-violet);
}

.home-news-card--featured h3 {
  font-size: clamp(1.6rem, 2.6vw, 2.2rem);
}

.home-card-meta {
  margin-top: auto !important;
  color: var(--color-steel-muted);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.4;
  text-transform: uppercase;
}

.home-editorial__intro {
  max-width: 47.5rem;
  margin-bottom: var(--space-6);
}

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

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

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

.home-editorial-card {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  padding: var(--space-5);
  border: var(--border-default);
  background: var(--color-fortress);
}

.home-editorial-card > * {
  margin: 0;
}

.home-editorial-card blockquote {
  width: 100%;
}

.home-editorial-card .home-text-action {
  margin-top: auto;
}

.home-editorial-card--review {
  border-top: 2px solid var(--color-rare-loot-violet);
}

.home-radar__layout {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(16.25rem, 3fr) minmax(0, 7fr);
  gap: var(--space-7);
  align-items: start;
}

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

.home-radar__intro {
  max-width: 26.25rem;
}

.home-radar__intro .button {
  margin-top: var(--space-2);
  width: auto;
}

.home-radar__panel {
  min-width: 0;
  padding: var(--space-5);
  border: var(--border-default);
  background: var(--color-fortress);
}

.home-radar__tabs {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin-bottom: var(--space-5);
  padding-bottom: var(--space-4);
  border-bottom: 1px solid var(--color-iron-line);
}

.home-radar__tabs > button {
  min-width: 0;
  min-height: 2.5rem;
  padding: var(--space-2) var(--space-4);
  border: 1px solid var(--color-iron-line);
  border-radius: 0;
  background: transparent;
  color: var(--color-steel-silver);
  font-size: 0.8125rem;
  font-weight: 700;
}

.home-radar__tabs > button[aria-selected="true"] {
  border-color: var(--color-rare-loot-violet);
  background: var(--color-rare-loot-violet);
  color: var(--color-violet-ink);
}

.home-radar__groups,
.home-radar__group {
  min-width: 0;
}

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

.home-release-row {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(5.5rem, 0.8fr) minmax(0, 3.6fr) minmax(9rem, 1.4fr);
  gap: var(--space-4);
  align-items: start;
  padding: var(--space-4) 0;
  border-bottom: 1px solid var(--color-iron-line);
  color: inherit;
  text-decoration: none;
}

.home-release-row:last-child {
  border-bottom: 0;
}

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

.home-release-row:hover {
  color: var(--color-steel-silver);
}

.home-release-row__label,
.home-release-row__meta {
  color: var(--color-steel-muted);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.4;
  text-transform: uppercase;
}

.home-release-row__label {
  color: var(--color-rare-loot-violet);
}

.home-release-row__copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-1);
}

.home-release-row__copy strong {
  color: var(--color-steel-silver);
  font-family: var(--font-heading);
  font-size: 1.05rem;
  line-height: 1.2;
}

.home-release-row__copy span {
  color: var(--color-steel-muted);
  line-height: 1.5;
}

.home-review-feature__layout {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 2fr) minmax(17.5rem, 1fr);
  gap: var(--space-5);
  align-items: center;
}

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

.home-review-feature__main {
  position: relative;
  display: block;
  min-width: 0;
  min-height: 30rem;
  overflow: hidden;
  border: var(--border-default);
  background: var(--color-fortress);
  color: inherit;
  text-decoration: none;
}

.home-review-feature__main > img,
.home-review-feature__overlay {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.home-review-feature__main > img {
  object-position: center;
  transition: transform var(--transition-base);
}

.home-review-feature__overlay {
  background: linear-gradient(0deg, rgba(15, 13, 27, 0.96) 0%, rgba(15, 13, 27, 0.72) 43%, rgba(15, 13, 27, 0.1) 100%);
}

.home-review-feature__main:hover {
  border-color: var(--color-rare-loot-violet);
  color: inherit;
}

.home-review-feature__main:hover > img {
  transform: scale(1.015);
}

.home-review-feature__copy {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  padding: var(--space-6);
}

.home-review-feature__title {
  max-width: 25ch;
  color: var(--color-steel-silver);
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 3vw, 2.6rem);
  font-weight: 700;
  line-height: 1.08;
}

.home-review-feature__lead {
  max-width: 58ch;
  color: var(--color-steel-silver);
  line-height: 1.55;
}

.home-review-feature__copy .button {
  width: auto;
}

.home-indie-card {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  padding: var(--space-5);
  border: var(--border-default);
  background: var(--color-fortress);
  color: inherit;
  text-decoration: none;
  transition: border-color var(--transition-base), transform var(--transition-base);
}

.home-indie-card > * {
  margin: 0;
}

.home-indie-card:hover {
  border-color: var(--color-rare-loot-violet);
  color: inherit;
  transform: translateY(-2px);
}

.home-indie-card .home-text-action {
  margin-top: auto;
}

.home-paths__intro {
  max-width: 42.5rem;
  margin-bottom: var(--space-6);
}

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

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

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

.home-path-card {
  display: flex;
  min-width: 0;
  min-height: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  padding: var(--space-5);
  border: var(--border-default);
  background: var(--color-fortress);
  color: inherit;
  text-decoration: none;
  transition: border-color var(--transition-base), transform var(--transition-base);
}

.home-path-card > * {
  margin: 0;
}

.home-path-card:hover {
  border-color: var(--color-rare-loot-violet);
  color: inherit;
  transform: translateY(-2px);
}

.home-path-card .home-text-action {
  margin-top: auto;
}

.home-path-card--guide {
  border-top: 2px solid var(--color-rare-loot-violet);
}

.home-archive__shell {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 1.38fr) minmax(18.75rem, 1fr);
  border: var(--border-default);
  background: var(--color-fortress);
}

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

.home-archive__manifest {
  position: relative;
  min-height: 27rem;
  overflow: hidden;
  border-right: 1px solid var(--color-iron-line);
}

.home-archive__manifest::after {
  position: absolute;
  inset: 0;
  content: "";
  background: linear-gradient(90deg, rgba(31, 27, 44, 0.98) 0%, rgba(31, 27, 44, 0.9) 58%, rgba(31, 27, 44, 0.62) 100%);
}

.home-archive__manifest > img {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 48%;
  max-width: 48%;
  height: 100%;
  opacity: 0.28;
  object-position: center;
}

.home-archive__manifest-copy {
  position: relative;
  z-index: 1;
  max-width: 38.75rem;
  padding: var(--space-6);
}

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

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

.home-recommendation {
  display: flex;
  min-width: 0;
  flex: 1 1 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  padding: var(--space-4);
  border: var(--border-default);
  background: rgba(15, 13, 27, 0.42);
  color: inherit;
  text-decoration: none;
  transition: border-color var(--transition-base), transform var(--transition-base);
}

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

.home-recommendation:hover {
  border-color: var(--color-rare-loot-violet);
  color: inherit;
  transform: translateY(-2px);
}

.home-next__panel {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: center;
  gap: var(--space-6);
  padding: var(--space-7);
  border: var(--border-default);
  background: var(--color-fortress);
  text-align: center;
}

.home-next__copy {
  max-width: 42.5rem;
  margin-inline: auto;
}

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

.home-next__actions {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--space-3);
}

.home-next__actions > * {
  min-width: 10.625rem;
  width: auto;
}

@media (max-width: 65rem) {
  .home-news__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: auto;
  }

  .home-news-card--featured {
    grid-column: 1 / -1;
    grid-row: auto;
  }
}

@media (max-width: 61.25rem) {
  .home-hero {
    min-height: 35rem;
  }

  .home-hero__inner {
    min-height: 35rem;
    justify-content: center;
  }

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

  .home-editorial-card--review {
    grid-column: 1 / -1;
  }
}

@media (max-width: 57.5rem) {
  .home-radar__layout {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-5);
  }

  .home-radar__intro {
    max-width: 42rem;
  }

  .home-review-feature__layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .home-indie-card {
    max-width: none;
  }

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

  .home-path-card--guide {
    grid-column: 1 / -1;
  }

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

  .home-archive__manifest {
    border-right: 0;
    border-bottom: 1px solid var(--color-iron-line);
  }
}

@media (max-width: 43.75rem) {
  .home-hero {
    min-height: 28.75rem;
  }

  .home-hero__image {
    object-position: 63% center;
  }

  .home-hero__inner {
    min-height: 28.75rem;
    padding-block: var(--space-4);
  }

  .home-hero__panel {
    width: 100%;
    min-width: 0;
    gap: var(--space-3);
    padding: var(--space-5);
  }

  .home-hero__panel h1 {
    max-width: 21ch;
    font-size: clamp(2.5rem, 11vw, 3rem);
  }

  .home-hero__panel .lead {
    max-width: none;
    font-size: 1.125rem;
  }

  .home-section-heading {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-3);
  }

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

  .home-editorial-card--review,
  .home-path-card--guide {
    grid-column: auto;
  }

  .home-news-card,
  .home-news-card--featured,
  .home-editorial-card,
  .home-path-card {
    padding: var(--space-5);
  }

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

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

  .home-release-row__meta {
    order: 3;
  }

  .home-review-feature__main {
    min-height: 31.25rem;
  }

  .home-review-feature__copy {
    padding: var(--space-5);
  }

  .home-review-feature__title {
    max-width: 20ch;
    font-size: clamp(1.75rem, 8vw, 2.125rem);
  }

  .home-review-feature__lead {
    max-width: none;
  }

  .home-archive__manifest {
    min-height: auto;
  }

  .home-archive__manifest > img {
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    height: 7.5rem;
    opacity: 0.18;
  }

  .home-archive__manifest::after {
    background: linear-gradient(0deg, rgba(31, 27, 44, 0.98) 0%, rgba(31, 27, 44, 0.94) 60%, rgba(31, 27, 44, 0.8) 100%);
  }

  .home-archive__manifest-copy {
    max-width: none;
    padding: var(--space-5);
  }

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

  .home-next__panel {
    padding: var(--space-5);
  }

  .home-next__actions {
    width: 100%;
    flex-direction: column;
  }

  .home-next__actions > * {
    width: 100%;
  }
}


.reviews-page { overflow: clip; }
.reviews-page .section + .section { border-top: 1px solid var(--color-iron-line); position: relative; }
.reviews-page .section + .section::before { content: ''; position: absolute; top: -1px; left: 50%; width: 48px; height: 1px; transform: translateX(-50%); background: var(--color-rare-loot-violet); }
.reviews-hero { position: relative; min-height: 600px; display: grid; grid-template-columns: minmax(0, 1fr); align-items: end; isolation: isolate; }
.reviews-hero__image, .reviews-hero__shade { position: absolute; inset: 0; width: 100%; height: 100%; }
.reviews-hero__image { object-fit: cover; object-position: 68% center; z-index: -2; }
.reviews-hero__shade { z-index: -1; background: linear-gradient(90deg, rgba(15,13,27,.88) 0%, rgba(15,13,27,.58) 48%, rgba(15,13,27,.12) 100%), linear-gradient(0deg, rgba(15,13,27,.9) 0%, transparent 58%); }
.reviews-hero__container { width: min(100%, calc(var(--container-max) + (var(--container-padding) * 2))); display: grid; grid-template-columns: minmax(0, 1fr); padding-block: var(--space-6); }
.reviews-hero__panel { width: min(54%, 42rem); min-width: 520px; justify-self: end; background: rgba(31,27,44,.96); padding: var(--space-6); }
.reviews-hero__copy, .reviews-feature-card__content, .reviews-list-card__content, .reviews-indie-card__content, .reviews-next__panel { display: flex; flex-direction: column; min-width: 0; align-items: flex-start; gap: var(--space-4); }
.reviews-hero__copy > *, .reviews-feature-card__content > *, .reviews-list-card__content > *, .reviews-indie-card__content > *, .reviews-next__panel > * { margin: 0; }
.reviews-hero__copy .lead { max-width: 39ch; }
.reviews-hero__actions, .reviews-next__actions { display: flex; min-width: 0; flex-wrap: wrap; align-items: center; gap: var(--space-3); }
.reviews-hero__actions > *, .reviews-next__actions > * { min-width: 0; }
.reviews-text-link { font-weight: 700; text-decoration-thickness: 1px; text-underline-offset: .2em; }
.reviews-section-intro { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-3); }
.reviews-section-intro > * { margin: 0; }
.reviews-feature__container, .reviews-catalog-tools__container, .reviews-results__container, .reviews-indie__container, .reviews-genres__container, .reviews-timeline__container { display: flex; min-width: 0; flex-direction: column; align-items: stretch; gap: var(--space-6); }
.reviews-feature__intro { max-width: 58rem; }
.reviews-feature__intro p { max-width: 68ch; }
.reviews-feature-card { display: grid; grid-template-columns: minmax(360px, 42fr) minmax(360px, 1fr) minmax(190px, 220px); min-width: 0; border: var(--border-default); background: var(--color-fortress); color: inherit; text-decoration: none; transition: border-color var(--transition-base), transform var(--transition-base); }
.reviews-feature-card:hover { border-color: var(--color-rare-loot-violet); color: inherit; transform: translateY(-2px); }
.reviews-feature-card__media { min-width: 0; height: 100%; background: var(--color-fortress); }
.reviews-feature-card__media img { width: 100%; max-width: 100%; height: 100%; min-height: 27rem; object-fit: cover; }
.reviews-feature-card__content { padding: var(--space-5); justify-content: center; }
.reviews-feature-card__topline { display: flex; min-width: 0; flex-wrap: wrap; gap: var(--space-2); align-items: center; }
.reviews-feature-card__body { max-width: 62ch; }
.reviews-feature-card__body p:last-child { margin-bottom: 0; }
.reviews-verdict { min-width: 190px; padding: var(--space-5); border-left: var(--border-default); display: flex; flex-direction: column; justify-content: center; gap: var(--space-3); background: rgba(15,13,27,.35); }
.reviews-verdict > * { margin: 0; }
.reviews-verdict strong { color: var(--color-rare-loot-violet); font-family: var(--font-heading); font-size: 1.25rem; }
.reviews-verdict p { color: var(--color-steel-muted); font-size: .875rem; }
.reviews-catalog-tools__intro { max-width: 48rem; }
.reviews-catalog-tools__intro p { max-width: 72ch; }
.reviews-filter-form { display: flex; min-width: 0; flex-wrap: wrap; align-items: end; gap: var(--space-4); padding: var(--space-5); }
.reviews-filter-form__search { flex: 1 1 280px; min-width: 240px; }
.reviews-filter-form__field { flex: 0 1 11rem; min-width: 9.5rem; }
.reviews-filter-form__clear { flex: 0 0 auto; min-width: 0; }
.reviews-results-status { margin: 0; color: var(--color-steel-muted); font-size: .875rem; }
.reviews-results__intro { max-width: 49rem; }
.reviews-results__intro p { max-width: 72ch; }
.reviews-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); min-width: 0; gap: var(--space-5); }
.reviews-card-grid > * { min-width: 0; width: 100%; }
.reviews-list-card { display: flex; min-width: 0; flex-direction: column; padding: 0; overflow: hidden; }
.reviews-list-card__media { width: 100%; min-width: 0; aspect-ratio: 3 / 2; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #2a253b, #151222); color: var(--color-steel-muted); font-family: var(--font-heading); font-size: .8125rem; letter-spacing: .08em; text-transform: uppercase; }
.reviews-list-card__content { flex: 1 1 auto; padding: var(--space-4); }
.reviews-list-card__content h3 { font-size: clamp(1.25rem, 2vw, 1.55rem); }
.reviews-list-card__content > a { margin-top: auto; }
.reviews-list-card__content .meta { color: var(--color-steel-muted); }
.reviews-list-card__verdict { width: 100%; padding: var(--space-3); border-left: 2px solid var(--color-rare-loot-violet); background: rgba(15,13,27,.44); display: flex; min-width: 0; flex-direction: column; gap: var(--space-1); }
.reviews-list-card__verdict span { color: var(--color-steel-muted); font-size: .8125rem; }
.reviews-results__empty { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-4); max-width: 42rem; }
.reviews-results__empty > * { margin: 0; }
.reviews-results__load { display: flex; min-width: 0; justify-content: center; }
.reviews-indie__intro { max-width: 45rem; }
.reviews-indie__intro p { max-width: 64ch; }
.reviews-indie-card { display: grid; grid-template-columns: minmax(360px, 41fr) minmax(420px, 59fr); min-width: 0; padding: 0; overflow: hidden; }
.reviews-indie-card__media { min-width: 0; }
.reviews-indie-card__media img { width: 100%; height: 100%; min-height: 29rem; object-fit: cover; object-position: 65% center; }
.reviews-indie-card__content { padding: var(--space-6); justify-content: center; }
.reviews-indie-card__content > p:not(.eyebrow) { max-width: 65ch; }
.reviews-indie-card__paths { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); width: 100%; min-width: 0; }
.reviews-indie-card__paths > a { min-width: 0; padding: 0 var(--space-3); display: flex; flex-direction: column; gap: var(--space-2); text-decoration: none; }
.reviews-indie-card__paths > a:first-child { padding-left: 0; }
.reviews-indie-card__paths > a + a { border-left: var(--border-default); }
.reviews-indie-card__paths span { color: var(--color-steel-muted); font-size: .875rem; line-height: 1.5; }
.reviews-genres__intro { max-width: 45rem; }
.reviews-genres__intro p { max-width: 65ch; }
.reviews-genre-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); min-width: 0; gap: var(--space-4); }
.reviews-genre-card { min-width: 0; min-height: 100%; padding: var(--space-4); border: var(--border-default); background: var(--color-fortress); display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); text-decoration: none; transition: border-color var(--transition-base), transform var(--transition-base); }
.reviews-genre-card:hover { border-color: var(--color-rare-loot-violet); color: inherit; transform: translateY(-2px); }
.reviews-genre-card > * { margin: 0; }
.reviews-genre-card > span:last-child { margin-top: auto; color: var(--color-rare-loot-violet); font-weight: 700; }
.reviews-genres__note { max-width: 65ch; margin: 0; color: var(--color-steel-muted); }
.reviews-methodology__container { display: grid; grid-template-columns: minmax(0, 1fr); }
.reviews-methodology__column { width: min(900px, 100%); min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-5); }
.reviews-methodology__column > * { margin: 0; }
.reviews-methodology__column > .lead { max-width: 68ch; }
.reviews-methodology__column blockquote { max-width: 52rem; }
.reviews-methodology__column details { width: 100%; }
.reviews-methodology__column summary { min-height: 3.25rem; display: flex; align-items: center; justify-content: space-between; }
.reviews-methodology__column summary::after { content: '+'; color: var(--color-rare-loot-violet); font-size: 1.35rem; }
.reviews-methodology__column details[open] summary::after { content: '−'; }
.reviews-methodology__details { max-width: 68ch; }
.reviews-methodology__details p { margin-top: var(--space-4); }
.reviews-timeline__intro { max-width: 48rem; }
.reviews-timeline__intro p { max-width: 65ch; }
.reviews-timeline-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); min-width: 0; gap: var(--space-4); }
.reviews-timeline-grid > * { min-width: 0; }
.reviews-timeline-card { grid-column: span 3; display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-3); }
.reviews-timeline-card--main { grid-column: span 6; }
.reviews-timeline-card > * { margin: 0; }
.reviews-timeline-card > a { margin-top: auto; font-weight: 700; }
.reviews-timeline__note { max-width: 680px; margin: 0; color: var(--color-steel-muted); }
.reviews-next__container { display: flex; min-width: 0; justify-content: center; }
.reviews-next__panel { width: min(820px, 100%); padding: var(--space-6); }
.reviews-next__panel p:not(.eyebrow) { max-width: 65ch; }

@media (max-width: 70rem) {
  .reviews-feature-card { grid-template-columns: minmax(300px, 42fr) minmax(0, 1fr); }
  .reviews-verdict { grid-column: 2; grid-row: 1; min-width: 0; border-left: 0; border-top: var(--border-default); }
  .reviews-feature-card__content { grid-column: 2; grid-row: 1; padding-bottom: 11.5rem; }
  .reviews-indie-card__paths { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3); }
  .reviews-indie-card__paths > a { padding: 0; }
  .reviews-indie-card__paths > a + a { border-left: 0; }
  .reviews-indie-card__paths > a:nth-child(2) { border-left: var(--border-default); padding-left: var(--space-3); }
  .reviews-indie-card__paths > a:nth-child(3) { grid-column: span 2; border-top: var(--border-default); padding-top: var(--space-3); }
}
@media (max-width: 64rem) {
  .reviews-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .reviews-genre-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .reviews-timeline-card--main { grid-column: span 12; }
  .reviews-timeline-card { grid-column: span 6; }
}
@media (max-width: 56.25rem) {
  .reviews-hero { min-height: 520px; }
  .reviews-hero__panel { width: 100%; min-width: 0; justify-self: stretch; }
  .reviews-hero__container { padding-top: 7rem; }
  .reviews-feature-card { grid-template-columns: minmax(0, 1fr); }
  .reviews-feature-card__media img { min-height: 0; aspect-ratio: 16 / 10; }
  .reviews-feature-card__content, .reviews-verdict { grid-column: 1; grid-row: auto; }
  .reviews-feature-card__content { padding-bottom: var(--space-5); }
  .reviews-verdict { border-top: var(--border-default); }
  .reviews-indie-card { grid-template-columns: minmax(0, 1fr); }
  .reviews-indie-card__media img { min-height: 0; aspect-ratio: 16 / 10; }
}
@media (max-width: 43.75rem) {
  .reviews-hero { min-height: 470px; }
  .reviews-hero__image { object-position: 68% center; }
  .reviews-hero__container { padding-block: var(--space-4); }
  .reviews-hero__panel { padding: var(--space-4); }
  .reviews-hero__copy { gap: var(--space-3); }
  .reviews-hero__copy h1 { font-size: clamp(2.5rem, 12vw, 3rem); }
  .reviews-hero__copy .lead { font-size: 1.125rem; }
  .reviews-hero__actions, .reviews-next__actions { width: 100%; flex-direction: column; align-items: stretch; }
  .reviews-hero__actions > *, .reviews-next__actions > * { width: 100%; }
  .reviews-feature__container, .reviews-catalog-tools__container, .reviews-results__container, .reviews-indie__container, .reviews-genres__container, .reviews-timeline__container { gap: var(--space-5); }
  .reviews-feature-card__content, .reviews-indie-card__content { padding: var(--space-4); }
  .reviews-verdict { padding: var(--space-4); }
  .reviews-filter-form { flex-direction: column; align-items: stretch; padding: var(--space-4); }
  .reviews-filter-form__search, .reviews-filter-form__field, .reviews-filter-form__clear { width: 100%; min-width: 0; flex: 0 0 auto; }
  .reviews-card-grid, .reviews-genre-grid { grid-template-columns: minmax(0, 1fr); gap: var(--space-4); }
  .reviews-list-card__content { padding: var(--space-4); gap: var(--space-3); }
  .reviews-results__load, .reviews-results__load .button { width: 100%; }
  .reviews-indie-card__paths { grid-template-columns: minmax(0, 1fr); }
  .reviews-indie-card__paths > a:nth-child(2), .reviews-indie-card__paths > a:nth-child(3) { grid-column: auto; border-left: 0; border-top: var(--border-default); padding: var(--space-3) 0 0; }
  .reviews-methodology__column { gap: var(--space-4); }
  .reviews-timeline-grid { grid-template-columns: minmax(0, 1fr); }
  .reviews-timeline-card, .reviews-timeline-card--main { grid-column: 1; }
  .reviews-next__panel { padding: var(--space-5); }
}


[data-wiadomosci-page] {
  --wiadomosci-section-gap: var(--space-9);
  overflow: clip;
}

[data-wiadomosci-page] .wiadomosci-hero {
  position: relative;
  min-height: 37.5rem;
  display: flex;
  align-items: flex-end;
  isolation: isolate;
  background: var(--color-fortress);
}

[data-wiadomosci-page] .wiadomosci-hero__media,
[data-wiadomosci-page] .wiadomosci-hero__media img,
[data-wiadomosci-page] .wiadomosci-hero__overlay {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

[data-wiadomosci-page] .wiadomosci-hero__media img {
  object-position: 72% center;
}

[data-wiadomosci-page] .wiadomosci-hero__overlay {
  z-index: 1;
  background: linear-gradient(90deg, rgba(15, 13, 27, 0.94) 0%, rgba(15, 13, 27, 0.73) 42%, rgba(15, 13, 27, 0.22) 76%), linear-gradient(0deg, rgba(15, 13, 27, 0.9) 0%, transparent 55%);
}

[data-wiadomosci-page] .wiadomosci-hero__container {
  position: relative;
  z-index: 2;
  width: 100%;
  padding-block: var(--space-6);
}

[data-wiadomosci-page] .wiadomosci-hero__panel {
  width: clamp(28.75rem, 44vw, 38.75rem);
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  padding: var(--space-6);
  border: var(--border-default);
  border-inline-start: var(--border-accent);
  background: rgba(31, 27, 44, 0.96);
  box-shadow: var(--shadow-panel);
}

[data-wiadomosci-page] .wiadomosci-hero__panel > * { margin: 0; }
[data-wiadomosci-page] .wiadomosci-hero__title { font-size: clamp(2.5rem, 6vw, 4.75rem); line-height: .98; }
[data-wiadomosci-page] .wiadomosci-hero__lead { max-width: 62ch; font-size: clamp(1.0625rem, 1.6vw, 1.3125rem); line-height: 1.5; }

[data-wiadomosci-page] .wiadomosci-reading-map {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-2);
  padding-block-start: var(--space-4);
  border-top: 1px solid var(--color-iron-line);
}

[data-wiadomosci-page] .wiadomosci-reading-map a { min-width: 0; font-size: .8125rem; font-weight: 700; }
[data-wiadomosci-page] .wiadomosci-hero__action { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3); }
[data-wiadomosci-page] .wiadomosci-hero__action small { max-width: 30ch; color: var(--color-steel-muted); }

[data-wiadomosci-page] .wiadomosci-section { padding-block: var(--wiadomosci-section-gap); }
[data-wiadomosci-page] .wiadomosci-section + .wiadomosci-section { border-top: 1px solid var(--color-iron-line); }
[data-wiadomosci-page] .wiadomosci-section + .wiadomosci-section::before { content: ""; display: block; width: 4rem; height: 2px; margin-top: calc(var(--wiadomosci-section-gap) * -1 - 1px); background: var(--color-rare-loot-violet); }

[data-wiadomosci-page] .wiadomosci-section-head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(15rem, 23.75rem); gap: var(--space-6); align-items: end; margin-bottom: var(--space-6); }
[data-wiadomosci-page] .wiadomosci-section-head > * { min-width: 0; }
[data-wiadomosci-page] .wiadomosci-section-head p { margin: 0; max-width: 62ch; }
[data-wiadomosci-page] .wiadomosci-kicker { margin: 0 0 var(--space-2); color: var(--color-rare-loot-violet); font-size: .75rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }

[data-wiadomosci-page] .wiadomosci-feature-grid { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: var(--space-5); }
[data-wiadomosci-page] .wiadomosci-feature-grid > * { min-width: 0; }
[data-wiadomosci-page] .wiadomosci-feature-card { display: grid; grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); min-width: 0; padding: 0; overflow: hidden; text-decoration: none; }
[data-wiadomosci-page] .wiadomosci-feature-card__image { min-width: 0; min-height: 100%; }
[data-wiadomosci-page] .wiadomosci-feature-card__image img { width: 100%; height: 100%; min-height: 23rem; object-position: center; }
[data-wiadomosci-page] .wiadomosci-feature-card__copy { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); padding: var(--space-5); }
[data-wiadomosci-page] .wiadomosci-feature-card__copy > * { margin: 0; }
[data-wiadomosci-page] .wiadomosci-feature-card__copy p { max-width: 58ch; }
[data-wiadomosci-page] .wiadomosci-meta { color: var(--color-steel-muted); font-size: .75rem; font-weight: 700; letter-spacing: .06em; line-height: 1.4; text-transform: uppercase; }
[data-wiadomosci-page] .wiadomosci-text-link { font-weight: 700; }

[data-wiadomosci-page] .wiadomosci-source-note { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); padding: var(--space-5); }
[data-wiadomosci-page] .wiadomosci-source-note > * { margin: 0; }
[data-wiadomosci-page] .wiadomosci-source-note p { max-width: 40ch; }

[data-wiadomosci-page] .wiadomosci-feed-head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: var(--space-5); margin-bottom: var(--space-6); }
[data-wiadomosci-page] .wiadomosci-feed-head > * { min-width: 0; }
[data-wiadomosci-page] .wiadomosci-feed-intro { flex: 1 1 26.25rem; max-width: 40rem; }
[data-wiadomosci-page] .wiadomosci-feed-intro > * { margin-block: 0 var(--space-3); }
[data-wiadomosci-page] .wiadomosci-feed-intro > :last-child { margin-bottom: 0; }
[data-wiadomosci-page] .wiadomosci-filters { flex: 0 1 auto; min-width: 0; display: flex; flex-direction: column; gap: var(--space-3); }
[data-wiadomosci-page] .wiadomosci-filter-list { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: var(--space-2); }
[data-wiadomosci-page] .wiadomosci-filter { min-width: 0; min-height: 2.75rem; padding: .625rem .75rem; border: var(--border-default); border-radius: 0; background: transparent; color: var(--color-steel-silver); font-size: .8125rem; font-weight: 700; }
[data-wiadomosci-page] .wiadomosci-filter[aria-pressed="true"] { border-color: var(--color-rare-loot-violet); background: var(--color-rare-loot-violet); color: var(--color-violet-ink); }
[data-wiadomosci-page] .wiadomosci-status { margin: 0; color: var(--color-steel-muted); font-size: .8125rem; text-align: right; }

[data-wiadomosci-page] .wiadomosci-feed-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-4); }
[data-wiadomosci-page] .wiadomosci-feed-grid > * { min-width: 0; }
[data-wiadomosci-page] .wiadomosci-news-card { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); min-width: 0; padding: var(--space-4); }
[data-wiadomosci-page] .wiadomosci-news-card > * { margin: 0; }
[data-wiadomosci-page] .wiadomosci-news-card p { color: var(--color-steel-muted); }
[data-wiadomosci-page] .wiadomosci-news-card h3 { font-size: clamp(1.1875rem, 1.65vw, 1.375rem); }
[data-wiadomosci-page] .wiadomosci-news-card[hidden] { display: none; }
[data-wiadomosci-page] .wiadomosci-more { display: flex; flex-direction: column; align-items: center; gap: var(--space-3); margin-top: var(--space-6); text-align: center; }
[data-wiadomosci-page] .wiadomosci-more > * { margin: 0; }
[data-wiadomosci-page] .wiadomosci-more p { color: var(--color-steel-muted); }

[data-wiadomosci-page] .wiadomosci-release-head { max-width: 45rem; margin-bottom: var(--space-6); }
[data-wiadomosci-page] .wiadomosci-release-head > * { margin-block: 0 var(--space-3); }
[data-wiadomosci-page] .wiadomosci-release-head > :last-child { margin-bottom: 0; }
[data-wiadomosci-page] .wiadomosci-release-grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--space-5); }
[data-wiadomosci-page] .wiadomosci-release-grid > * { min-width: 0; }
[data-wiadomosci-page] .wiadomosci-release-image { position: relative; min-height: 21.25rem; margin: 0; border: var(--border-default); overflow: hidden; }
[data-wiadomosci-page] .wiadomosci-release-image img { width: 100%; height: 100%; position: absolute; inset: 0; object-position: center; }
[data-wiadomosci-page] .wiadomosci-release-image figcaption { position: absolute; inset: auto var(--space-4) var(--space-4); margin: 0; }
[data-wiadomosci-page] .wiadomosci-release-panel { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); }
[data-wiadomosci-page] .wiadomosci-release-panel > * { margin: 0; }
[data-wiadomosci-page] .wiadomosci-release-panel > p { max-width: 65ch; }
[data-wiadomosci-page] .wiadomosci-release-statuses { width: 100%; display: grid; grid-template-columns: 1fr; }
[data-wiadomosci-page] .wiadomosci-release-status { min-width: 0; padding-block: var(--space-4); border-top: 1px solid var(--color-iron-line); }
[data-wiadomosci-page] .wiadomosci-release-status:last-child { border-bottom: 1px solid var(--color-iron-line); }
[data-wiadomosci-page] .wiadomosci-release-status > * { margin-block: 0 var(--space-2); }
[data-wiadomosci-page] .wiadomosci-release-status > :last-child { margin-bottom: 0; }
[data-wiadomosci-page] .wiadomosci-release-status p { max-width: 55ch; color: var(--color-steel-muted); }

[data-wiadomosci-page] .wiadomosci-indie-intro { max-width: 50rem; margin-bottom: var(--space-6); }
[data-wiadomosci-page] .wiadomosci-indie-intro > * { margin-block: 0 var(--space-3); }
[data-wiadomosci-page] .wiadomosci-indie-intro > :last-child { margin-bottom: 0; }
[data-wiadomosci-page] .wiadomosci-indie-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); }
[data-wiadomosci-page] .wiadomosci-indie-grid > * { min-width: 0; }
[data-wiadomosci-page] .wiadomosci-indie-card { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); padding: var(--space-5); text-decoration: none; }
[data-wiadomosci-page] .wiadomosci-indie-card > * { margin: 0; }
[data-wiadomosci-page] .wiadomosci-indie-card p { color: var(--color-steel-muted); }
[data-wiadomosci-page] .wiadomosci-indie-footer { display: flex; justify-content: flex-end; margin-top: var(--space-5); }

[data-wiadomosci-page] .wiadomosci-platform-intro { max-width: 47.5rem; margin-bottom: var(--space-6); }
[data-wiadomosci-page] .wiadomosci-platform-intro > * { margin-block: 0 var(--space-3); }
[data-wiadomosci-page] .wiadomosci-platform-intro > :last-child { margin-bottom: 0; }
[data-wiadomosci-page] .wiadomosci-platform-card { padding: var(--space-5); }
[data-wiadomosci-page] .wiadomosci-platform-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
[data-wiadomosci-page] .wiadomosci-platform-grid > * { min-width: 0; padding: var(--space-3) var(--space-5); border-inline-start: 1px solid var(--color-iron-line); }
[data-wiadomosci-page] .wiadomosci-platform-grid > :first-child { padding-inline-start: 0; border-inline-start: 0; }
[data-wiadomosci-page] .wiadomosci-platform-grid > :last-child { padding-inline-end: 0; }
[data-wiadomosci-page] .wiadomosci-platform-grid h3 { margin-block: 0 var(--space-3); }
[data-wiadomosci-page] .wiadomosci-platform-grid p { margin: 0; color: var(--color-steel-muted); }
[data-wiadomosci-page] .wiadomosci-platform-note { max-width: 40rem; margin: var(--space-5) 0 0; color: var(--color-steel-muted); }

[data-wiadomosci-page] .wiadomosci-context-copy { max-width: 47.5rem; }
[data-wiadomosci-page] .wiadomosci-context-copy > * { margin-block: 0 var(--space-3); }
[data-wiadomosci-page] .wiadomosci-context-copy > :last-child { margin-bottom: 0; }
[data-wiadomosci-page] .wiadomosci-editorial-quote { max-width: 47.5rem; margin: var(--space-6) 0; padding: var(--space-5); border: var(--border-default); border-inline-start: var(--border-accent); background: rgba(31, 27, 44, .72); }
[data-wiadomosci-page] .wiadomosci-editorial-quote p { margin: 0 0 var(--space-3); font-family: var(--font-heading); font-size: clamp(1.5rem, 2.6vw, 2rem); line-height: 1.25; }
[data-wiadomosci-page] .wiadomosci-editorial-quote cite { color: var(--color-steel-muted); font-size: .8125rem; font-style: normal; }
[data-wiadomosci-page] .wiadomosci-directions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-5); }
[data-wiadomosci-page] .wiadomosci-directions > * { min-width: 0; }
[data-wiadomosci-page] .wiadomosci-direction { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); padding: var(--space-5); }
[data-wiadomosci-page] .wiadomosci-direction > * { margin: 0; }
[data-wiadomosci-page] .wiadomosci-direction p { max-width: 55ch; color: var(--color-steel-muted); }

[data-wiadomosci-page] .wiadomosci-topics-intro { max-width: 45rem; margin-bottom: var(--space-6); }
[data-wiadomosci-page] .wiadomosci-topics-intro > * { margin-block: 0 var(--space-3); }
[data-wiadomosci-page] .wiadomosci-topics-intro > :last-child { margin-bottom: 0; }
[data-wiadomosci-page] .wiadomosci-topics-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-4); }
[data-wiadomosci-page] .wiadomosci-topics-grid > * { min-width: 0; }
[data-wiadomosci-page] .wiadomosci-topic { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-2); min-width: 0; padding: var(--space-4); border: var(--border-default); background: rgba(31, 27, 44, .5); }
[data-wiadomosci-page] .wiadomosci-topic p { margin: 0; color: var(--color-steel-muted); font-size: .875rem; }
[data-wiadomosci-page] .wiadomosci-topic .tag { min-height: 2.75rem; }
[data-wiadomosci-page] .wiadomosci-topic .tag:hover { border-color: var(--color-rare-loot-violet); }
[data-wiadomosci-page] .wiadomosci-topic-note { max-width: 38.75rem; margin: var(--space-5) 0 0; color: var(--color-steel-muted); }

[data-wiadomosci-page] .wiadomosci-final { padding-top: var(--space-8); }
[data-wiadomosci-page] .wiadomosci-final-card { width: 100%; max-width: 56.25rem; margin-inline: auto; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-5); padding: clamp(2rem, 4vw, 2.5rem); border: 1px solid var(--color-rare-loot-violet); background: var(--color-fortress); box-shadow: var(--shadow-panel); }
[data-wiadomosci-page] .wiadomosci-final-card > * { margin: 0; }
[data-wiadomosci-page] .wiadomosci-final-copy { max-width: 40.625rem; }
[data-wiadomosci-page] .wiadomosci-final-copy > * { margin-block: 0 var(--space-3); }
[data-wiadomosci-page] .wiadomosci-final-copy > :last-child { margin-bottom: 0; }
[data-wiadomosci-page] .wiadomosci-final-actions { display: flex; flex-wrap: wrap; gap: var(--space-3); }
[data-wiadomosci-page] .wiadomosci-final-actions > * { min-width: 0; }

@media (max-width: 72.5rem) {
  [data-wiadomosci-page] .wiadomosci-feed-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 64rem) {
  [data-wiadomosci-page] { --wiadomosci-section-gap: var(--space-8); }
  [data-wiadomosci-page] .wiadomosci-feature-grid { grid-template-columns: 1fr; }
  [data-wiadomosci-page] .wiadomosci-feature-card { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); }
  [data-wiadomosci-page] .wiadomosci-release-grid { grid-template-columns: 1fr; }
  [data-wiadomosci-page] .wiadomosci-release-image { min-height: 25rem; }
}

@media (max-width: 56.25rem) {
  [data-wiadomosci-page] .wiadomosci-section-head { grid-template-columns: 1fr; gap: var(--space-3); }
  [data-wiadomosci-page] .wiadomosci-feed-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  [data-wiadomosci-page] .wiadomosci-indie-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  [data-wiadomosci-page] .wiadomosci-platform-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-5) 0; }
  [data-wiadomosci-page] .wiadomosci-platform-grid > :nth-child(3) { padding-inline-start: 0; border-inline-start: 0; }
  [data-wiadomosci-page] .wiadomosci-topics-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 52.5rem) {
  [data-wiadomosci-page] .wiadomosci-hero { min-height: 31rem; }
  [data-wiadomosci-page] .wiadomosci-hero__panel { width: 100%; }
  [data-wiadomosci-page] .wiadomosci-hero__media img { object-position: center; }
  [data-wiadomosci-page] .wiadomosci-feature-card { grid-template-columns: 1fr; }
  [data-wiadomosci-page] .wiadomosci-feature-card__image img { min-height: 19rem; }
  [data-wiadomosci-page] .wiadomosci-directions { grid-template-columns: 1fr; }
}

@media (max-width: 43.75rem) {
  [data-wiadomosci-page] { --wiadomosci-section-gap: var(--space-7); }
  [data-wiadomosci-page] .wiadomosci-hero { min-height: 29.375rem; }
  [data-wiadomosci-page] .wiadomosci-hero__container { padding-block: var(--space-4); }
  [data-wiadomosci-page] .wiadomosci-hero__panel { gap: var(--space-3); padding: var(--space-5); }
  [data-wiadomosci-page] .wiadomosci-hero__title { font-size: clamp(2.625rem, 12vw, 3rem); }
  [data-wiadomosci-page] .wiadomosci-reading-map { grid-template-columns: 1fr; }
  [data-wiadomosci-page] .wiadomosci-hero__action { width: 100%; }
  [data-wiadomosci-page] .wiadomosci-hero__action .button { width: 100%; }
  [data-wiadomosci-page] .wiadomosci-section-head { margin-bottom: var(--space-5); }
  [data-wiadomosci-page] .wiadomosci-feed-head { align-items: stretch; }
  [data-wiadomosci-page] .wiadomosci-filters { width: 100%; }
  [data-wiadomosci-page] .wiadomosci-filter-list { justify-content: flex-start; }
  [data-wiadomosci-page] .wiadomosci-filter { flex: 1 1 calc(50% - var(--space-2)); }
  [data-wiadomosci-page] .wiadomosci-status { text-align: left; }
  [data-wiadomosci-page] .wiadomosci-feed-grid,
  [data-wiadomosci-page] .wiadomosci-indie-grid,
  [data-wiadomosci-page] .wiadomosci-platform-grid,
  [data-wiadomosci-page] .wiadomosci-topics-grid { grid-template-columns: 1fr; }
  [data-wiadomosci-page] .wiadomosci-feature-card__copy,
  [data-wiadomosci-page] .wiadomosci-source-note,
  [data-wiadomosci-page] .wiadomosci-indie-card,
  [data-wiadomosci-page] .wiadomosci-direction { padding: var(--space-5); }
  [data-wiadomosci-page] .wiadomosci-release-image { min-height: 14rem; }
  [data-wiadomosci-page] .wiadomosci-platform-card { padding: var(--space-5); }
  [data-wiadomosci-page] .wiadomosci-platform-grid { gap: 0; }
  [data-wiadomosci-page] .wiadomosci-platform-grid > * { padding: var(--space-4) 0; border-inline-start: 0; border-top: 1px solid var(--color-iron-line); }
  [data-wiadomosci-page] .wiadomosci-platform-grid > :first-child { padding-top: 0; border-top: 0; }
  [data-wiadomosci-page] .wiadomosci-indie-footer { justify-content: flex-start; }
  [data-wiadomosci-page] .wiadomosci-final-actions { width: 100%; flex-direction: column; }
  [data-wiadomosci-page] .wiadomosci-final-actions .button { width: 100%; }
}


.guides-page {
  overflow: clip;
}

.guides-page .guides-hero {
  position: relative;
  min-height: 37.5rem;
  isolation: isolate;
  background: var(--color-fortress);
}

.guides-page .guides-hero__image,
.guides-page .guides-hero__shade {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.guides-page .guides-hero__image {
  z-index: -2;
  object-position: 68% center;
}

.guides-page .guides-hero__shade {
  z-index: -1;
  background: linear-gradient(90deg, rgba(15, 13, 27, 0.9) 0%, rgba(15, 13, 27, 0.58) 45%, rgba(15, 13, 27, 0.18) 100%), linear-gradient(0deg, rgba(15, 13, 27, 0.94) 0%, rgba(15, 13, 27, 0.08) 58%);
}

.guides-page .guides-hero__container {
  display: flex;
  min-height: 37.5rem;
  align-items: flex-end;
  justify-content: flex-end;
  padding-block: var(--space-6);
}

.guides-page .guides-hero__panel {
  width: clamp(27.5rem, 46%, 38.75rem);
  min-width: 0;
  padding: var(--space-6);
  background: rgba(31, 27, 44, 0.96);
}

.guides-page .guides-hero__copy,
.guides-page .guides-card__body,
.guides-page .guides-archive__intro,
.guides-page .guides-archive__tools,
.guides-page .guides-method__intro,
.guides-page .guides-context__intro,
.guides-page .guides-release__heading,
.guides-page .guides-principles__heading,
.guides-page .guides-final__copy,
.guides-page .guides-meta-legend__intro {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
}

.guides-page .guides-hero__copy > *,
.guides-page .guides-card__body > *,
.guides-page .guides-archive__intro > *,
.guides-page .guides-archive__tools > *,
.guides-page .guides-method__intro > *,
.guides-page .guides-context__intro > *,
.guides-page .guides-release__heading > *,
.guides-page .guides-principles__heading > *,
.guides-page .guides-final__copy > *,
.guides-page .guides-meta-legend__intro > * {
  margin: 0;
}

.guides-page .guides-hero__copy p:not(.eyebrow):not(.lead):not(.guides-hero__hint) {
  max-width: 52ch;
}

.guides-page .guides-hero__hint,
.guides-page .guides-final__hint,
.guides-page .guides-static-note {
  color: var(--color-steel-muted);
  font-size: 0.8125rem;
  line-height: 1.45;
}

.guides-page .guides-section-heading {
  display: flex;
  max-width: 40rem;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  margin-block-end: var(--space-6);
}

.guides-page .guides-section-heading > * { margin: 0; }

.guides-page .guides-latest__grid {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-template-rows: repeat(2, auto);
  gap: var(--space-5);
}

.guides-page .guides-latest__feature {
  grid-column: 1 / span 6;
  grid-row: 1 / span 2;
  min-width: 0;
  padding: var(--space-5);
}

.guides-page .guides-latest__card {
  grid-column: 7 / span 6;
  min-width: 0;
  padding: var(--space-5);
}

.guides-page .guides-card__body { height: 100%; }
.guides-page .guides-card__body a:last-child { margin-top: auto; }

.guides-page .guides-paths__top {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  gap: var(--space-6);
  align-items: stretch;
  margin-block-end: var(--space-5);
}

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

.guides-page .guides-paths__intro > * { margin: 0; }
.guides-page .guides-paths__intro .lead { max-width: 55ch; }

.guides-page .guides-paths__explore {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  padding: 0;
  overflow: hidden;
}

.guides-page .guides-paths__explore > img {
  width: 100%;
  height: 100%;
  min-height: 17rem;
  object-position: center;
}

.guides-page .guides-paths__explore .guides-card__body { padding: var(--space-5); }

.guides-page .guides-paths__grid {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-5);
}

.guides-page .guides-paths__card { min-width: 0; padding: var(--space-5); }

.guides-page .guides-archive { padding: var(--space-6); }

.guides-page .guides-archive__top {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  gap: var(--space-6);
  align-items: start;
}

.guides-page .guides-archive__intro .lead { max-width: 39ch; }

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

.guides-page .guides-filter {
  min-width: 2.75rem;
  min-height: 2.75rem;
  padding: var(--space-2) var(--space-3);
  border: var(--border-default);
  border-radius: var(--radius-none);
  background: transparent;
  color: var(--color-steel-silver);
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1.2;
  transition: border-color var(--transition-fast), background-color var(--transition-fast), color var(--transition-fast);
}

.guides-page .guides-filter:hover,
.guides-page .guides-filter.is-active {
  border-color: var(--color-rare-loot-violet);
}

.guides-page .guides-filter.is-active {
  background: var(--color-rare-loot-violet);
  color: var(--color-violet-ink);
}

.guides-page .guides-search-field { width: 100%; }
.guides-page .guides-results-status { margin-block: var(--space-5); color: var(--color-steel-muted); font-size: 0.8125rem; }

.guides-page .guides-results {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-5);
}

.guides-page .guides-result { min-width: 0; padding: var(--space-5); }

.guides-page .guides-empty,
.guides-page .guides-load-panel {
  display: flex;
  max-width: 32.5rem;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  margin-block-start: var(--space-5);
  padding: var(--space-5);
  border: var(--border-default);
  background: rgba(15, 13, 27, 0.35);
}

.guides-page .guides-empty > *,
.guides-page .guides-load-panel > * { margin: 0; }

.guides-page .guides-method__panel {
  display: grid;
  max-width: 63.75rem;
  min-width: 0;
  grid-template-columns: minmax(0, 38fr) minmax(0, 62fr);
  gap: var(--space-6);
  margin-inline: auto;
  padding: var(--space-6);
}

.guides-page .guides-method__intro .lead { max-width: 28.75rem; }

.guides-page .guides-method__steps {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-4);
}

.guides-page .guides-step {
  display: grid;
  min-width: 0;
  grid-template-columns: 2.5rem minmax(0, 1fr);
  gap: var(--space-3);
  padding: var(--space-4);
  border-inline-start: 1px solid var(--color-iron-line);
  background: rgba(15, 13, 27, 0.28);
}

.guides-page .guides-step__number { color: var(--color-rare-loot-violet); font-family: var(--font-heading); font-weight: 700; }
.guides-page .guides-step div { min-width: 0; }
.guides-page .guides-step h3 { margin-block-end: var(--space-2); }
.guides-page .guides-step p { margin: 0; }

.guides-page .guides-context__grid {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
  gap: var(--space-6);
  align-items: start;
}

.guides-page .guides-context__intro .lead { max-width: 32.5rem; }

.guides-page .guides-context__cards {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-5);
}

.guides-page .guides-mechanics {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 55fr) minmax(0, 45fr);
  padding: 0;
  overflow: hidden;
}

.guides-page .guides-mechanics .guides-card__body { padding: var(--space-5); }
.guides-page .guides-mechanics img { width: 100%; height: 100%; min-height: 18rem; object-position: 62% center; }

.guides-page .guides-context__small-grid {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-5);
}

.guides-page .guides-context__small-grid .card { min-width: 0; padding: var(--space-5); }
.guides-page .guides-context__quote { width: min(100%, 46rem); margin: 0; }

.guides-page .guides-release__heading {
  max-width: 43.75rem;
  margin-block-end: var(--space-6);
}

.guides-page .guides-release__grid {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-5);
  align-items: stretch;
}

.guides-page .guides-release__grid .card { min-width: 0; padding: var(--space-5); }
.guides-page .guides-release__grid .card--featured { border-width: 2px; }

.guides-page .guides-principles__container {
  width: min(100%, calc(67.5rem + (var(--container-padding) * 2)));
  margin-inline: auto;
  padding-inline: var(--container-padding);
}

.guides-page .guides-principles__heading { max-width: 42.5rem; margin-block-end: var(--space-6); }

.guides-page .guides-principles__grid {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-5);
}

.guides-page .guides-principles__grid .card { min-width: 0; padding: var(--space-5); }

.guides-page .guides-final__panel {
  padding: clamp(var(--space-6), 4vw, 2.5rem);
  border-inline-start-width: 3px;
}

.guides-page .guides-final__copy { max-width: 42.5rem; }

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

.guides-page .guides-final__actions > * { min-width: 0; }

.guides-page .guides-meta-legend {
  padding-block: var(--space-7);
  border-top: var(--border-default);
  background: rgba(31, 27, 44, 0.42);
}

.guides-page .guides-meta-legend__inner {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
  gap: var(--space-6);
}

.guides-page .guides-meta-legend__intro { max-width: 26.25rem; }

.guides-page .guides-meta-legend__definitions {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-3);
}

.guides-page .guides-meta-legend__definitions > div {
  min-width: 0;
  padding-inline-start: var(--space-3);
  border-inline-start: 1px solid var(--color-iron-line);
}

.guides-page .guides-meta-legend__definitions p { margin: 0; }
.guides-page .guides-meta-legend__definitions p + p { margin-block-start: var(--space-2); color: var(--color-steel-muted); font-size: 0.9375rem; line-height: 1.5; }

.guides-page .card:hover,
.guides-page .guides-mechanics:hover,
.guides-page .guides-paths__explore:hover {
  border-color: var(--color-rare-loot-violet);
}

@media (max-width: 61.25rem) {
  .guides-page .guides-paths__top,
  .guides-page .guides-context__grid,
  .guides-page .guides-archive__top {
    grid-template-columns: minmax(0, 1fr);
  }

  .guides-page .guides-paths__intro,
  .guides-page .guides-context__intro,
  .guides-page .guides-archive__intro { max-width: 40rem; }

  .guides-page .guides-paths__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .guides-page .guides-latest__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: auto; }
  .guides-page .guides-latest__feature { grid-column: 1 / -1; grid-row: auto; }
  .guides-page .guides-latest__card { grid-column: auto; }
}

@media (max-width: 56.25rem) {
  .guides-page .guides-method__panel { grid-template-columns: minmax(0, 1fr); }
  .guides-page .guides-method__intro { max-width: 30rem; }
  .guides-page .guides-release__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .guides-page .guides-release__grid .card--featured { grid-column: 1 / -1; grid-row: 1; }
  .guides-page .guides-principles__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .guides-page .guides-meta-legend__inner { grid-template-columns: minmax(0, 1fr); }
  .guides-page .guides-meta-legend__intro { max-width: 32rem; }
  .guides-page .guides-meta-legend__definitions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 52.5rem) {
  .guides-page .guides-hero,
  .guides-page .guides-hero__container { min-height: 30rem; }

  .guides-page .guides-hero__container { align-items: flex-end; padding-block: var(--space-4); }
  .guides-page .guides-hero__panel { width: 100%; padding: var(--space-5); }
  .guides-page .guides-hero__image { object-position: center; }
  .guides-page .guides-hero__shade { background: linear-gradient(0deg, rgba(15,13,27,0.95) 0%, rgba(15,13,27,0.44) 65%, rgba(15,13,27,0.2) 100%); }
}

@media (max-width: 45rem) {
  .guides-page .guides-mechanics { grid-template-columns: minmax(0, 1fr); }
  .guides-page .guides-mechanics img { grid-row: 1; min-height: 0; aspect-ratio: 3 / 2; height: auto; object-position: center; }
  .guides-page .guides-mechanics .guides-card__body { grid-row: 2; }
}

@media (max-width: 43.75rem) {
  .guides-page .guides-latest__grid,
  .guides-page .guides-paths__grid,
  .guides-page .guides-results,
  .guides-page .guides-context__small-grid,
  .guides-page .guides-release__grid,
  .guides-page .guides-principles__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .guides-page .guides-latest__card,
  .guides-page .guides-latest__feature { grid-column: auto; }
  .guides-page .guides-release__grid .card--featured { grid-column: auto; grid-row: auto; }
  .guides-page .guides-paths__explore { grid-template-columns: minmax(0, 1fr); }
  .guides-page .guides-paths__explore > img { min-height: 0; aspect-ratio: 4 / 3; height: auto; }
  .guides-page .guides-archive,
  .guides-page .guides-method__panel { padding: var(--space-5); }
  .guides-page .guides-method__steps { grid-template-columns: minmax(0, 1fr); }
  .guides-page .guides-final__actions { width: 100%; flex-direction: column; align-items: stretch; }
  .guides-page .guides-final__actions .button { width: 100%; }
}

@media (max-width: 38.75rem) {
  .guides-page .guides-meta-legend__definitions { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 23.75rem) {
  .guides-page .guides-step { grid-template-columns: minmax(0, 1fr); }
  .guides-page .guides-step__number { width: 100%; }
}

@media (prefers-reduced-motion: no-preference) {
  .guides-page .guides-result { transition: opacity var(--transition-fast), transform var(--transition-fast); }
}


main.zapowiedzi-page {
  overflow: clip;
}

.zapowiedzi-page .zapowiedzi-hero {
  position: relative;
  min-height: 37.5rem;
  isolation: isolate;
  background: var(--color-fortress);
}

.zapowiedzi-page .zapowiedzi-hero__media,
.zapowiedzi-page .zapowiedzi-hero__media img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.zapowiedzi-page .zapowiedzi-hero__media img {
  object-position: 35% center;
}

.zapowiedzi-page .zapowiedzi-hero::before,
.zapowiedzi-page .zapowiedzi-hero::after {
  position: absolute;
  z-index: 1;
  inset: 0;
  content: '';
  pointer-events: none;
}

.zapowiedzi-page .zapowiedzi-hero::before {
  background: linear-gradient(90deg, rgba(15, 13, 27, 0.84) 0%, rgba(15, 13, 27, 0.35) 48%, rgba(15, 13, 27, 0.18) 100%), linear-gradient(0deg, rgba(15, 13, 27, 0.92) 0%, rgba(15, 13, 27, 0.12) 57%);
}

.zapowiedzi-page .zapowiedzi-hero::after {
  opacity: 0.06;
  background-image: repeating-linear-gradient(0deg, transparent 0, transparent 3px, rgba(195, 199, 219, 0.45) 4px);
}

.zapowiedzi-page .zapowiedzi-hero__inner {
  position: relative;
  z-index: 2;
  display: flex;
  width: min(100%, calc(var(--container-max) + (var(--container-padding) * 2)));
  min-height: 37.5rem;
  margin-inline: auto;
  padding: var(--space-6) var(--container-padding);
  align-items: flex-end;
  justify-content: flex-end;
}

.zapowiedzi-page .zapowiedzi-hero__panel {
  display: flex;
  width: clamp(27.5rem, 42vw, 36.25rem);
  min-width: 0;
  flex-direction: column;
  gap: var(--space-3);
  padding: var(--space-6);
  border: var(--border-default);
  border-inline-start: var(--border-accent);
  background: rgba(31, 27, 44, 0.96);
  box-shadow: var(--shadow-panel);
}

.zapowiedzi-page .zapowiedzi-hero__panel h1,
.zapowiedzi-page .zapowiedzi-hero__panel h2,
.zapowiedzi-page .zapowiedzi-hero__panel p {
  margin: 0;
}

.zapowiedzi-page .zapowiedzi-hero__intro {
  max-width: 40ch;
  font-size: 1.0625rem;
}

.zapowiedzi-page .zapowiedzi-hero__feature {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-2);
  padding-block-start: var(--space-4);
  border-block-start: 1px solid var(--color-iron-line);
}

.zapowiedzi-page .zapowiedzi-hero__feature h2 {
  font-size: clamp(1.25rem, 2.2vw, 1.75rem);
}

.zapowiedzi-page .zapowiedzi-hero__feature-copy {
  max-width: 46ch;
}

.zapowiedzi-page .zapowiedzi-meta-row {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  gap: var(--space-2);
  color: var(--color-steel-muted);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.4;
  text-transform: uppercase;
}

.zapowiedzi-page .zapowiedzi-rule {
  position: relative;
  height: 1px;
  margin: 0;
  border: 0;
  background: var(--color-iron-line);
}

.zapowiedzi-page .zapowiedzi-rule::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 4.5rem;
  height: 1px;
  content: '';
  background: var(--color-rare-loot-violet);
}

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

.zapowiedzi-page .zapowiedzi-section-heading h2,
.zapowiedzi-page .zapowiedzi-section-heading p {
  margin: 0;
}

.zapowiedzi-page .zapowiedzi-section-heading > p {
  max-width: 68ch;
}

.zapowiedzi-page .zapowiedzi-explainer-grid {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-5);
  margin-block-start: var(--space-5);
}

.zapowiedzi-page .zapowiedzi-explainer-grid > article {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-3);
  padding: var(--space-5);
}

.zapowiedzi-page .zapowiedzi-explainer-grid h3,
.zapowiedzi-page .zapowiedzi-explainer-grid p {
  margin: 0;
}

.zapowiedzi-page .zapowiedzi-explainer-grid p {
  max-width: 60ch;
}

.zapowiedzi-page .zapowiedzi-card {
  position: relative;
  overflow: hidden;
  border: var(--border-default);
  background: var(--color-fortress);
  color: var(--color-steel-silver);
  text-decoration: none;
  transition: border-color var(--transition-base), transform var(--transition-base), background-color var(--transition-base);
}

.zapowiedzi-page .zapowiedzi-card::before {
  position: absolute;
  top: 0;
  right: 0;
  width: 1rem;
  height: 1rem;
  content: '';
  border-inline-start: 1px solid var(--color-iron-line);
  border-block-end: 1px solid var(--color-iron-line);
  background: var(--color-night-vault);
}

.zapowiedzi-page .zapowiedzi-card:hover,
.zapowiedzi-page .zapowiedzi-card:focus-visible {
  border-color: var(--color-rare-loot-violet);
}

.zapowiedzi-page .zapowiedzi-card:hover {
  transform: translateY(-2px);
}

.zapowiedzi-page .zapowiedzi-card:focus-visible {
  outline: var(--focus-ring);
  outline-offset: var(--focus-offset);
}

.zapowiedzi-page .zapowiedzi-card__body {
  display: flex;
  min-width: 0;
  height: 100%;
  flex-direction: column;
  gap: var(--space-3);
  padding: var(--space-5);
}

.zapowiedzi-page .zapowiedzi-card__body h3,
.zapowiedzi-page .zapowiedzi-card__body p {
  margin: 0;
}

.zapowiedzi-page .zapowiedzi-card__body h3 {
  font-size: clamp(1.1875rem, 2vw, 1.625rem);
}

.zapowiedzi-page .zapowiedzi-card__body p {
  max-width: 62ch;
}

.zapowiedzi-page .zapowiedzi-card__action {
  margin-block-start: auto;
  color: var(--color-rare-loot-violet);
  font-size: 0.875rem;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 0.2em;
}

.zapowiedzi-page .zapowiedzi-latest__top {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  align-items: end;
  justify-content: space-between;
  gap: var(--space-4);
}

.zapowiedzi-page .zapowiedzi-latest__top > * {
  min-width: 0;
}

.zapowiedzi-page .zapowiedzi-latest__top > a {
  flex: 0 0 auto;
  font-weight: 700;
}

.zapowiedzi-page .zapowiedzi-latest-grid {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-5);
  margin-block-start: var(--space-5);
}

.zapowiedzi-page .zapowiedzi-latest-grid > * {
  min-width: 0;
}

.zapowiedzi-page .zapowiedzi-feature-card {
  grid-column: 1 / span 7;
  grid-row: 1 / span 3;
  border: var(--border-accent);
}

.zapowiedzi-page .zapowiedzi-feature-card__media {
  width: 100%;
  aspect-ratio: 4 / 3;
  background: var(--color-fortress);
}

.zapowiedzi-page .zapowiedzi-feature-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.zapowiedzi-page .zapowiedzi-feature-card__body {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-3);
  padding: var(--space-5);
}

.zapowiedzi-page .zapowiedzi-feature-card__body h3,
.zapowiedzi-page .zapowiedzi-feature-card__body p {
  margin: 0;
}

.zapowiedzi-page .zapowiedzi-feature-card__body p {
  max-width: 63ch;
}

.zapowiedzi-page .zapowiedzi-latest-grid > .zapowiedzi-card:nth-child(2) { grid-column: 8 / span 5; grid-row: 1; }
.zapowiedzi-page .zapowiedzi-latest-grid > .zapowiedzi-card:nth-child(3) { grid-column: 8 / span 5; grid-row: 2; }
.zapowiedzi-page .zapowiedzi-latest-grid > .zapowiedzi-card:nth-child(4) { grid-column: 8 / span 5; grid-row: 3; }

.zapowiedzi-page .zapowiedzi-radar-panel {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 3fr) minmax(0, 4.5fr) minmax(0, 4.5fr);
  gap: var(--space-5);
  padding: var(--space-5);
}

.zapowiedzi-page .zapowiedzi-radar-panel > * {
  min-width: 0;
}

.zapowiedzi-page .zapowiedzi-radar-intro {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-3);
}

.zapowiedzi-page .zapowiedzi-radar-intro h2,
.zapowiedzi-page .zapowiedzi-radar-intro p {
  margin: 0;
}

.zapowiedzi-page .zapowiedzi-radar-intro p {
  max-width: 52ch;
}

.zapowiedzi-page .zapowiedzi-radar-segment {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-3);
  padding-inline-start: var(--space-5);
  border-inline-start: 1px solid var(--color-iron-line);
}

.zapowiedzi-page .zapowiedzi-radar-segment h3 {
  margin: 0;
}

.zapowiedzi-page .zapowiedzi-radar-cards {
  display: grid;
  min-width: 0;
  grid-template-columns: 1fr;
  gap: var(--space-3);
}

.zapowiedzi-page .zapowiedzi-radar-cards > article {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-2);
  padding: var(--space-4);
  border: var(--border-default);
  background: rgba(15, 13, 27, 0.42);
}

.zapowiedzi-page .zapowiedzi-radar-cards h4,
.zapowiedzi-page .zapowiedzi-radar-cards p {
  margin: 0;
}

.zapowiedzi-page .zapowiedzi-radar-cards p {
  max-width: 62ch;
}

.zapowiedzi-page .zapowiedzi-analysis-grid {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  gap: var(--space-5);
  margin-block-start: var(--space-5);
}

.zapowiedzi-page .zapowiedzi-analysis-grid > * {
  min-width: 0;
}

.zapowiedzi-page .zapowiedzi-analysis-card__media {
  width: 100%;
  aspect-ratio: 3 / 2;
}

.zapowiedzi-page .zapowiedzi-analysis-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

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

.zapowiedzi-page .zapowiedzi-watch-list li {
  min-width: 0;
  padding-inline-start: var(--space-4);
  color: var(--color-steel-silver);
  line-height: 1.5;
}

.zapowiedzi-page .zapowiedzi-watch-list li::before {
  display: inline-block;
  width: var(--space-4);
  margin-inline-start: calc(var(--space-4) * -1);
  color: var(--color-rare-loot-violet);
  content: '▸';
}

.zapowiedzi-page .zapowiedzi-quote {
  margin: 0;
  padding: var(--space-4) var(--space-5);
}

.zapowiedzi-page .zapowiedzi-quote p {
  max-width: 42ch;
  margin: 0;
  font-family: var(--font-heading);
  font-size: 1.125rem;
  line-height: 1.45;
}

.zapowiedzi-page .zapowiedzi-indie-grid {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-5);
  margin-block-start: var(--space-5);
}

.zapowiedzi-page .zapowiedzi-indie-grid > * {
  min-width: 0;
}

.zapowiedzi-page .zapowiedzi-indie-grid > :nth-child(1) { grid-column: 1 / span 6; }
.zapowiedzi-page .zapowiedzi-indie-grid > :nth-child(2) { grid-column: 7 / span 3; }
.zapowiedzi-page .zapowiedzi-indie-grid > :nth-child(3) { grid-column: 10 / span 3; }

.zapowiedzi-page .zapowiedzi-indie-card__media {
  width: 100%;
  aspect-ratio: 3 / 2;
}

.zapowiedzi-page .zapowiedzi-indie-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.zapowiedzi-page .zapowiedzi-archive-header {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  gap: var(--space-5);
  align-items: end;
}

.zapowiedzi-page .zapowiedzi-archive-header > * {
  min-width: 0;
}

.zapowiedzi-page .zapowiedzi-result-count {
  margin: 0;
  color: var(--color-steel-muted);
  font-size: 0.875rem;
  font-weight: 700;
  text-align: end;
}

.zapowiedzi-page .zapowiedzi-filter-form {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(3, minmax(11.875rem, 1fr)) max-content;
  gap: var(--space-4);
  align-items: end;
  margin-block-start: var(--space-5);
  padding: var(--space-5);
  border: var(--border-default);
  background: var(--color-fortress);
}

.zapowiedzi-page .zapowiedzi-filter-form > * {
  min-width: 0;
}

.zapowiedzi-page .zapowiedzi-filter-form .button {
  width: auto;
}

.zapowiedzi-page .zapowiedzi-archive-grid {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-5);
  margin-block-start: var(--space-5);
}

.zapowiedzi-page .zapowiedzi-archive-grid > article {
  min-width: 0;
}

.zapowiedzi-page .zapowiedzi-archive-grid > article[hidden] {
  display: none;
}

.zapowiedzi-page .zapowiedzi-load-more {
  display: flex;
  min-width: 0;
  justify-content: center;
  margin-block-start: var(--space-5);
}

.zapowiedzi-page .zapowiedzi-next-grid {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-5);
  margin-block-start: var(--space-5);
}

.zapowiedzi-page .zapowiedzi-next-grid > a {
  display: flex;
  min-width: 0;
  min-height: 14rem;
  flex-direction: column;
  gap: var(--space-3);
  padding: var(--space-5);
}

.zapowiedzi-page .zapowiedzi-next-grid h3,
.zapowiedzi-page .zapowiedzi-next-grid p {
  margin: 0;
}

.zapowiedzi-page .zapowiedzi-next-grid p {
  max-width: 60ch;
}

.zapowiedzi-page .zapowiedzi-manifest-layout {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.zapowiedzi-page .zapowiedzi-manifest-panel {
  display: flex;
  min-width: 0;
  grid-column: 1 / span 8;
  flex-direction: column;
  gap: var(--space-3);
  padding: var(--space-6);
}

.zapowiedzi-page .zapowiedzi-manifest-panel h2,
.zapowiedzi-page .zapowiedzi-manifest-panel p {
  margin: 0;
}

.zapowiedzi-page .zapowiedzi-manifest-panel p {
  max-width: 62ch;
}

@media (max-width: 63.75rem) {
  .zapowiedzi-page .zapowiedzi-latest-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .zapowiedzi-page .zapowiedzi-feature-card {
    grid-column: 1 / -1;
    grid-row: auto;
  }

  .zapowiedzi-page .zapowiedzi-latest-grid > .zapowiedzi-card:nth-child(2) { grid-column: 1; grid-row: auto; }
  .zapowiedzi-page .zapowiedzi-latest-grid > .zapowiedzi-card:nth-child(3) { grid-column: 2; grid-row: auto; }
  .zapowiedzi-page .zapowiedzi-latest-grid > .zapowiedzi-card:nth-child(4) { grid-column: 1 / -1; grid-row: auto; }

  .zapowiedzi-page .zapowiedzi-radar-panel {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .zapowiedzi-page .zapowiedzi-radar-intro {
    grid-column: 1 / -1;
  }

  .zapowiedzi-page .zapowiedzi-radar-segment {
    padding-inline-start: 0;
    border-inline-start: 0;
    border-block-start: 1px solid var(--color-iron-line);
    padding-block-start: var(--space-5);
  }

  .zapowiedzi-page .zapowiedzi-indie-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .zapowiedzi-page .zapowiedzi-indie-grid > :nth-child(1) { grid-column: 1; }
  .zapowiedzi-page .zapowiedzi-indie-grid > :nth-child(2) { grid-column: 2; }
  .zapowiedzi-page .zapowiedzi-indie-grid > :nth-child(3) { grid-column: 1 / -1; }
}

@media (max-width: 61.25rem) {
  .zapowiedzi-page .zapowiedzi-hero__inner {
    justify-content: center;
  }

  .zapowiedzi-page .zapowiedzi-hero__panel {
    width: min(100%, 42.5rem);
  }
}

@media (max-width: 56.25rem) {
  .zapowiedzi-page .zapowiedzi-analysis-grid {
    grid-template-columns: 1fr;
  }

  .zapowiedzi-page .zapowiedzi-archive-header {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .zapowiedzi-page .zapowiedzi-result-count {
    text-align: start;
  }
}

@media (max-width: 50rem) {
  .zapowiedzi-page .zapowiedzi-filter-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .zapowiedzi-page .zapowiedzi-filter-form > .form-field:nth-child(3) {
    grid-column: 1 / -1;
  }

  .zapowiedzi-page .zapowiedzi-archive-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 48.75rem) {
  .zapowiedzi-page .zapowiedzi-explainer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .zapowiedzi-page .zapowiedzi-explainer-grid > :nth-child(3) {
    grid-column: 1 / -1;
  }

  .zapowiedzi-page .zapowiedzi-next-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 43.75rem) {
  .zapowiedzi-page .zapowiedzi-hero,
  .zapowiedzi-page .zapowiedzi-hero__inner {
    min-height: 29rem;
  }

  .zapowiedzi-page .zapowiedzi-hero__inner {
    padding: var(--space-4) var(--container-padding);
  }

  .zapowiedzi-page .zapowiedzi-hero__media img {
    object-position: 35% center;
  }

  .zapowiedzi-page .zapowiedzi-hero::before {
    background: linear-gradient(0deg, rgba(15, 13, 27, 0.96) 0%, rgba(15, 13, 27, 0.64) 54%, rgba(15, 13, 27, 0.16) 100%);
  }

  .zapowiedzi-page .zapowiedzi-hero__panel {
    width: 100%;
    padding: var(--space-5);
  }

  .zapowiedzi-page .zapowiedzi-hero__panel h1 {
    font-size: clamp(2.625rem, 12vw, 3rem);
  }

  .zapowiedzi-page .zapowiedzi-hero__intro {
    font-size: 1.125rem;
  }

  .zapowiedzi-page .zapowiedzi-explainer-grid,
  .zapowiedzi-page .zapowiedzi-latest-grid,
  .zapowiedzi-page .zapowiedzi-radar-panel,
  .zapowiedzi-page .zapowiedzi-indie-grid,
  .zapowiedzi-page .zapowiedzi-archive-grid,
  .zapowiedzi-page .zapowiedzi-filter-form {
    grid-template-columns: 1fr;
  }

  .zapowiedzi-page .zapowiedzi-explainer-grid > :nth-child(3),
  .zapowiedzi-page .zapowiedzi-latest-grid > .zapowiedzi-card:nth-child(2),
  .zapowiedzi-page .zapowiedzi-latest-grid > .zapowiedzi-card:nth-child(3),
  .zapowiedzi-page .zapowiedzi-latest-grid > .zapowiedzi-card:nth-child(4),
  .zapowiedzi-page .zapowiedzi-indie-grid > :nth-child(1),
  .zapowiedzi-page .zapowiedzi-indie-grid > :nth-child(2),
  .zapowiedzi-page .zapowiedzi-indie-grid > :nth-child(3),
  .zapowiedzi-page .zapowiedzi-filter-form > .form-field:nth-child(3) {
    grid-column: auto;
  }

  .zapowiedzi-page .zapowiedzi-radar-segment {
    padding-block-start: var(--space-4);
  }

  .zapowiedzi-page .zapowiedzi-filter-form .button {
    width: 100%;
  }

  .zapowiedzi-page .zapowiedzi-manifest-layout {
    grid-template-columns: 1fr;
  }

  .zapowiedzi-page .zapowiedzi-manifest-panel {
    grid-column: 1;
    padding: var(--space-5);
  }

  .zapowiedzi-page .zapowiedzi-feature-card__media,
  .zapowiedzi-page .zapowiedzi-analysis-card__media,
  .zapowiedzi-page .zapowiedzi-indie-card__media {
    aspect-ratio: 16 / 10;
  }
}

@media (prefers-reduced-motion: reduce) {
  .zapowiedzi-page .zapowiedzi-card {
    transition: none;
  }

  .zapowiedzi-page .zapowiedzi-card:hover {
    transform: none;
  }
}


.thank-you-page {
  display: grid;
  min-height: clamp(32rem, 72vh, 46rem);
  place-items: center;
  padding-block: var(--space-8);
}

.thank-you-page__panel {
  position: relative;
  width: min(100%, 48rem);
  padding: clamp(var(--space-6), 5vw, var(--space-8));
  border: var(--border-default);
  border-top: var(--border-accent);
  background: var(--color-fortress);
  box-shadow: var(--shadow-panel);
  text-align: center;
}

.thank-you-page__panel::before,
.thank-you-page__panel::after {
  position: absolute;
  width: 0.75rem;
  height: 0.75rem;
  border-color: var(--color-rare-loot-violet);
  content: "";
}

.thank-you-page__panel::before {
  top: 0.75rem;
  left: 0.75rem;
  border-top: 1px solid;
  border-left: 1px solid;
}

.thank-you-page__panel::after {
  right: 0.75rem;
  bottom: 0.75rem;
  border-right: 1px solid;
  border-bottom: 1px solid;
}

.thank-you-page__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-5);
}

.thank-you-page__status {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  margin: 0;
  color: var(--color-success-ember);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.4;
  text-transform: uppercase;
}

.thank-you-page__status::before {
  width: 0.625rem;
  height: 0.625rem;
  border: 1px solid currentColor;
  background: currentColor;
  box-shadow: 0 0 0 3px rgba(118, 191, 163, 0.12);
  content: "";
}

.thank-you-page__title {
  margin: 0;
}

.thank-you-page__copy {
  max-width: 38rem;
  margin: 0;
  margin-inline: auto;
  color: var(--color-steel-silver);
  font-size: clamp(1.0625rem, 2vw, 1.25rem);
  line-height: 1.55;
  text-align: center;
}

.thank-you-page__detail {
  max-width: 34rem;
  margin: 0;
  margin-inline: auto;
  color: var(--color-steel-muted);
  text-align: center;
}

.thank-you-page__actions {
  justify-content: center;
  margin-top: var(--space-2);
}

@media (max-width: 43.75rem) {
  .thank-you-page {
    min-height: auto;
    padding-block: var(--space-7);
  }

  .thank-you-page__panel {
    padding: var(--space-6) var(--space-5);
  }

  .thank-you-page__actions {
    width: 100%;
  }
}