.kulisy-page {
  overflow: clip;
}

.kulisy-page .section {
  padding-block: clamp(var(--space-8), 7vw, var(--space-9));
}

.kulisy-page .eyebrow .combo-number {
  margin-inline-end: var(--space-2);
}

.kulisy-hero {
  padding-block: clamp(var(--space-7), 7vw, var(--space-9)) var(--space-7);
  background:
    radial-gradient(circle at 78% 34%, rgb(255 181 71 / 16%), transparent 34rem),
    radial-gradient(circle at 58% 16%, rgb(157 140 255 / 10%), transparent 26rem),
    var(--color-ink-950);
}

.kulisy-hero__grid {
  display: grid;
  grid-template-columns: minmax(460px, 42fr) minmax(0, 58fr);
  align-items: center;
  gap: clamp(var(--space-6), 4vw, var(--space-8));
}

.kulisy-hero__copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  max-width: 42.5rem;
}

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

.kulisy-hero__copy h1 {
  max-width: 40rem;
  font-size: clamp(2.75rem, 4.2vw, 3rem);
  line-height: 1.083;
}

.kulisy-hero__lead {
  max-width: 39rem;
  font-size: var(--text-lg);
  line-height: var(--leading-lg);
}

.kulisy-hero__promise {
  max-width: 39rem;
  padding-inline-start: var(--space-3);
  border-inline-start: 2px solid var(--color-ember);
  color: var(--color-paper-muted);
}

.kulisy-hero__brief {
  display: grid;
  grid-template-columns: 1.5rem minmax(0, 1fr);
  gap: var(--space-3);
  width: 100%;
  max-width: 39rem;
  padding: var(--space-4);
  border: 1px solid var(--color-line);
  border-radius: var(--radius-md);
  background: var(--color-ink-900);
}

.kulisy-hero__brief > svg {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--color-ember);
  fill: none;
  stroke: currentColor;
  stroke-width: 1.75;
}

.kulisy-hero__brief > div { min-width: 0; }
.kulisy-hero__brief strong { display: block; margin-block-end: var(--space-1); }
.kulisy-hero__brief p { margin: 0; color: var(--color-paper-muted); font-size: var(--text-sm); line-height: var(--leading-sm); }

.kulisy-anchor,
.kulisy-text-link {
  color: var(--color-paper);
  font-weight: 700;
  text-decoration-color: var(--color-ember);
}

.kulisy-anchor:hover,
.kulisy-text-link:hover { color: var(--color-ember); }
.kulisy-anchor span,
.kulisy-text-link span { display: inline-block; margin-inline-start: var(--space-1); transition: transform var(--transition-fast); }
.kulisy-anchor:hover span,
.kulisy-text-link:hover span { transform: translateY(2px); }

.kulisy-hero__media {
  width: 100%;
  min-width: 0;
  margin: 0;
  border: 1px solid var(--color-line);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-panel);
}

.kulisy-hero__media > img { min-height: 31.25rem; object-position: 72% center; }
.kulisy-hero__media figcaption { padding: 0 var(--space-3) var(--space-3); }

.kulisy-section-intro { min-width: 0; }
.kulisy-section-intro > *:last-child { margin-block-end: 0; }

.kulisy-cycle__intro { width: min(100%, 42.5rem); }
.kulisy-tap__intro { width: min(100%, 43.75rem); }
.kulisy-priorities__intro { width: min(100%, 43.75rem); }
.kulisy-serving__intro { width: min(100%, 41.25rem); }
.kulisy-combo__intro { width: min(100%, 42.5rem); }
.kulisy-upgrades__intro { width: min(100%, 43.125rem); }

.kulisy-cycle__steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(250px, 1fr));
  gap: var(--space-5);
  margin-block-start: var(--space-6);
}

.kulisy-process-card {
  position: relative;
  min-width: 0;
  padding: var(--space-5);
  border: 1px solid var(--color-line);
  border-radius: var(--radius-md);
  background: var(--color-ink-900);
}

.kulisy-process-card__number {
  display: block;
  margin-block-end: var(--space-4);
  color: var(--color-ember);
  font-family: var(--font-heading);
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}

.kulisy-process-card .tag { margin-block-end: var(--space-3); }
.kulisy-process-card h3 { max-width: 17ch; }
.kulisy-process-card p { color: var(--color-paper-muted); }
.kulisy-process-card__success { margin-block-end: 0 !important; padding-block-start: var(--space-3); border-block-start: 2px solid var(--color-lime); color: var(--color-lime) !important; font-weight: 700; }
.kulisy-cycle__quote { width: min(100%, 47.5rem); margin-block: var(--space-6) 0; }

.kulisy-tap { background: var(--color-ink-900); }
.kulisy-tap__cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(260px, 1fr));
  gap: var(--space-5);
  margin-block-start: var(--space-6);
}

.kulisy-rule-card {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  padding: var(--space-5);
}

.kulisy-rule-card > * { margin: 0; }
.kulisy-rule-card__icon { color: var(--color-violet); font-family: var(--font-heading); font-size: 1.75rem; font-weight: 700; line-height: 1; }
.kulisy-rule-card p { color: var(--color-paper-muted); }
.kulisy-rule-card__rhythm { margin-block-start: auto !important; color: var(--color-paper) !important; font-family: var(--font-heading); font-size: var(--text-lg); font-weight: 700; }
.kulisy-rule-card__rhythm span { color: var(--color-ember); }

.kulisy-training {
  display: grid;
  grid-template-columns: 4rem minmax(0, 1fr);
  gap: var(--space-4);
  align-items: start;
  width: 100%;
  margin-block-start: var(--space-5);
  padding: var(--space-5);
  border: 1px solid var(--color-line);
  border-radius: var(--radius-md);
  background: var(--color-ink-950);
}

.kulisy-training__number { color: var(--color-ember); font-family: var(--font-heading); font-size: 4rem; font-weight: 700; line-height: .8; font-variant-numeric: tabular-nums; }
.kulisy-training > div { min-width: 0; }
.kulisy-training h3 { margin-block-end: var(--space-2); }
.kulisy-training p { margin: 0; color: var(--color-paper-muted); }

.kulisy-priority-board { display: flex; min-width: 0; flex-direction: column; margin-block-start: var(--space-6); border-block: 1px solid var(--color-line); }
.kulisy-priority-row {
  display: grid;
  grid-template-columns: 5.5rem minmax(0, 42.5rem) minmax(0, 11.25rem);
  column-gap: var(--space-4);
  align-items: start;
  min-width: 0;
  padding-block: var(--space-5);
  border-block-end: 1px solid var(--color-line);
}
.kulisy-priority-row:last-child { border-block-end: 0; }
.kulisy-priority-row__index { color: var(--color-ember); font-family: var(--font-heading); font-size: 2.25rem; font-weight: 700; line-height: 1; font-variant-numeric: tabular-nums; }
.kulisy-priority-row__index--violet { color: var(--color-violet); }
.kulisy-priority-row__index--lime { color: var(--color-lime); }
.kulisy-priority-row__content { min-width: 0; }
.kulisy-priority-row__content h3 { margin-block-end: var(--space-2); }
.kulisy-priority-row__content p { margin: 0; color: var(--color-paper-muted); }
.kulisy-priority-row__tag { justify-self: end; }
.kulisy-priorities__note { width: min(100%, 42.5rem); margin-block: var(--space-5) 0; color: var(--color-paper-muted); }
.kulisy-priorities__note strong { color: var(--color-paper); }

.kulisy-scenario { background: var(--color-ink-900); }
.kulisy-scenario__heading { width: min(100%, 43.75rem); }
.kulisy-scenario__top { display: grid; grid-template-columns: minmax(420px, 1fr) minmax(380px, 1fr); gap: var(--space-6); align-items: center; margin-block-start: var(--space-6); }
.kulisy-scenario__copy { min-width: 0; max-width: 41.25rem; }
.kulisy-scenario__copy p { margin-block-end: 0; color: var(--color-paper-muted); }
.kulisy-scenario__media { width: 100%; min-width: 0; margin: 0; border: 1px solid var(--color-line); }
.kulisy-scenario__media > img { aspect-ratio: 4 / 3; object-position: 65% center; }
.kulisy-scenario__media figcaption { padding: 0 var(--space-3) var(--space-3); }
.kulisy-scenario__moves { display: grid; grid-template-columns: repeat(3, minmax(240px, 1fr)); gap: var(--space-5); margin-block-start: var(--space-6); }
.kulisy-move { min-width: 0; padding-block-start: var(--space-4); border-block-start: 2px solid var(--color-line); }
.kulisy-move > span { display: block; margin-block-end: var(--space-3); color: var(--color-ember); font-family: var(--font-heading); font-size: 1.75rem; font-weight: 700; line-height: 1; }
.kulisy-move h3 { max-width: 18ch; }
.kulisy-move p { margin-block-end: 0; color: var(--color-paper-muted); }
.kulisy-move--chili { border-color: var(--color-chili); }.kulisy-move--chili > span { color: var(--color-chili); }
.kulisy-move--violet { border-color: var(--color-violet); }.kulisy-move--violet > span { color: var(--color-violet); }
.kulisy-move--lime { border-color: var(--color-lime); }.kulisy-move--lime > span { color: var(--color-lime); }

.kulisy-serving__cards { display: grid; grid-template-columns: repeat(4, minmax(240px, 1fr)); gap: var(--space-5); margin-block-start: var(--space-6); }
.kulisy-serving-card { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-3); padding: var(--space-5); }
.kulisy-serving-card > * { margin: 0; }
.kulisy-serving-card__number { color: var(--color-ember); font-family: var(--font-heading); font-size: 2rem; font-weight: 700; line-height: 1; }
.kulisy-serving-card__number--violet { color: var(--color-violet); }.kulisy-serving-card__number--chili { color: var(--color-chili); }.kulisy-serving-card__number--lime { color: var(--color-lime); }
.kulisy-serving-card p { color: var(--color-paper-muted); }

.kulisy-combo { background: var(--color-ink-900); }
.kulisy-combo__cards { display: grid; grid-template-columns: repeat(2, minmax(320px, 1fr)); gap: var(--space-5); margin-block-start: var(--space-6); }
.kulisy-combo-card { min-width: 0; padding: var(--space-5); border: 1px solid var(--color-line); border-radius: var(--radius-md); background: var(--color-ink-950); }
.kulisy-combo-card h3 { text-transform: uppercase; }
.kulisy-combo-card p { margin: 0; color: var(--color-paper-muted); }
.kulisy-combo-card--build { border-block-start: 3px solid var(--color-violet); }.kulisy-combo-card--build h3 { color: var(--color-violet); }
.kulisy-combo-card--break { border-block-start: 3px solid var(--color-chili); }.kulisy-combo-card--break h3 { color: var(--color-chili); }
.kulisy-combo .kulisy-text-link { display: inline-block; margin-block-start: var(--space-5); }

.kulisy-upgrades__items { display: grid; grid-template-columns: repeat(3, minmax(250px, 1fr)); gap: var(--space-5); margin-block-start: var(--space-6); }
.kulisy-upgrade-item { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-3); padding: 0 var(--space-4) 0 0; border-inline-start: 1px solid var(--color-line); padding-inline-start: var(--space-4); }
.kulisy-upgrade-item > * { margin: 0; }
.kulisy-upgrade-item > span:first-child:not(.tag) { color: var(--color-lime); font-family: var(--font-heading); font-size: 1.75rem; font-weight: 700; line-height: 1; }
.kulisy-upgrade-item p { color: var(--color-paper-muted); }
.kulisy-upgrades__cta { width: fit-content; margin-block-start: var(--space-6); }
.kulisy-upgrades__cta:hover { border-color: var(--color-ember); }

.kulisy-checklist { background: var(--color-ink-900); }
.kulisy-checklist__panel { display: flex; min-width: 0; flex-direction: column; gap: var(--space-5); width: min(100%, 53.75rem); margin-inline: auto; padding: var(--space-7); border: 1px solid var(--color-line); border-radius: var(--radius-lg); border-block-start: 3px solid var(--color-ember); background: var(--color-ink-950); box-shadow: var(--shadow-panel); }
.kulisy-checklist__intro { width: min(100%, 40.625rem); }
.kulisy-checklist__intro > *:last-child { margin-block-end: 0; }
.kulisy-checklist__list { display: flex; flex-direction: column; gap: var(--space-4); margin: 0; padding: 0; list-style: none; }
.kulisy-checklist__list > li { display: grid; grid-template-columns: 2rem minmax(0, 1fr); gap: var(--space-3); align-items: start; min-width: 0; padding-block-end: var(--space-4); border-block-end: 1px solid var(--color-line); }
.kulisy-checklist__list > li:last-child { padding-block-end: 0; border-block-end: 0; }
.kulisy-checklist__list > li > span { display: grid; width: 2rem; min-width: 2rem; height: 2rem; place-items: center; border-radius: var(--radius-sm); background: var(--color-lime); color: var(--color-lime-ink); font-weight: 700; }
.kulisy-checklist__list div { min-width: 0; }.kulisy-checklist__list h3 { margin-block-end: var(--space-1); }.kulisy-checklist__list p { margin: 0; color: var(--color-paper-muted); }
.kulisy-checklist__cta { width: fit-content; }

.kulisy-final { padding-block-start: var(--space-7) !important; }
.kulisy-final__panel { padding: var(--space-8); border: 1px solid var(--color-line); border-radius: var(--radius-lg); background: radial-gradient(circle at 50% 0%, rgb(255 181 71 / 16%), transparent 30rem), var(--color-ink-900); box-shadow: var(--shadow-panel); }
.kulisy-final__content { display: flex; min-width: 0; flex-direction: column; align-items: center; gap: var(--space-5); width: min(100%, 38.75rem); margin-inline: auto; text-align: center; }
.kulisy-final__content > * { margin: 0; }.kulisy-final__content h2 { padding-block-start: var(--space-4); border-block-start: 2px solid var(--color-ember); }.kulisy-final__content p { color: var(--color-paper-muted); }
.kulisy-play-button { width: fit-content; min-height: 3rem; }.kulisy-play-button__short { display: none; }
.kulisy-final__links { display: flex; min-width: 0; flex-wrap: wrap; justify-content: center; gap: var(--space-3); color: var(--color-paper); font-size: var(--text-sm); font-weight: 700; }.kulisy-final__links a { text-decoration-color: var(--color-ember); }.kulisy-final__links a:hover { color: var(--color-ember); }.kulisy-final__links > span { width: 1px; min-width: 1px; height: 1.25rem; background: var(--color-line); }

@media (max-width: 1100px) {
  .kulisy-hero__grid { grid-template-columns: minmax(0, 1fr); }.kulisy-hero__copy { max-width: 42.5rem; }.kulisy-hero__media > img { min-height: 24rem; object-position: center; }
  .kulisy-serving__cards { grid-template-columns: repeat(2, minmax(240px, 1fr)); }
}

@media (max-width: 959px) {
  .kulisy-tap__cards { grid-template-columns: repeat(2, minmax(260px, 1fr)); }.kulisy-tap__cards > :nth-child(3) { grid-column: 1 / -1; }
  .kulisy-cycle__steps { grid-template-columns: repeat(2, minmax(250px, 1fr)); }.kulisy-cycle__steps > :nth-child(3) { grid-column: 1 / -1; }
  .kulisy-upgrades__items { grid-template-columns: repeat(2, minmax(250px, 1fr)); }.kulisy-upgrades__items > :nth-child(3) { grid-column: 1 / -1; }
}

@media (max-width: 899px) {
  .kulisy-priority-row { grid-template-columns: 5.5rem minmax(0, 1fr); }.kulisy-priority-row__tag { grid-column: 1 / -1; justify-self: start; margin-inline-start: 5.5rem; }
  .kulisy-scenario__top { grid-template-columns: minmax(0, 1fr); }.kulisy-scenario__copy { max-width: 41.25rem; }.kulisy-scenario__moves { grid-template-columns: repeat(2, minmax(240px, 1fr)); }.kulisy-scenario__moves > :nth-child(3) { grid-column: 1 / -1; }
}

@media (max-width: 759px) {
  .kulisy-combo__cards { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 699px) {
  .kulisy-hero { padding-block: var(--space-7); }.kulisy-hero__grid { gap: var(--space-6); }.kulisy-hero__copy { gap: var(--space-4); }.kulisy-hero__copy h1 { font-size: 2.25rem; line-height: 1.111; }.kulisy-hero__lead { font-size: var(--text-lg); line-height: var(--leading-lg); }.kulisy-hero__media > img { min-height: 14.5rem; aspect-ratio: 16 / 10; }
  .kulisy-cycle__steps,.kulisy-tap__cards,.kulisy-serving__cards,.kulisy-upgrades__items,.kulisy-scenario__moves { grid-template-columns: minmax(0, 1fr); gap: var(--space-4); }.kulisy-cycle__steps > :nth-child(3),.kulisy-tap__cards > :nth-child(3),.kulisy-upgrades__items > :nth-child(3),.kulisy-scenario__moves > :nth-child(3) { grid-column: auto; }
  .kulisy-process-card,.kulisy-rule-card,.kulisy-serving-card { padding: var(--space-5); }.kulisy-cycle__quote { margin-block-start: var(--space-5); }
  .kulisy-training { grid-template-columns: 3rem minmax(0, 1fr); padding: var(--space-4); }.kulisy-training__number { font-size: 3rem; }
  .kulisy-priority-row { grid-template-columns: minmax(0, 1fr); gap: var(--space-3); }.kulisy-priority-row__index { font-size: 2rem; }.kulisy-priority-row__tag { grid-column: auto; justify-self: start; margin-inline-start: 0; }
  .kulisy-scenario__top { margin-block-start: var(--space-5); gap: var(--space-5); }.kulisy-scenario__moves { margin-block-start: var(--space-5); }.kulisy-scenario__media > img { min-height: 13.75rem; }.kulisy-move { padding-block: var(--space-4); }
  .kulisy-upgrade-item { padding: 0 0 var(--space-5) var(--space-4); border-block-end: 1px solid var(--color-line); }.kulisy-upgrade-item:last-child { padding-block-end: 0; border-block-end: 0; }.kulisy-upgrades__cta { width: 100%; }
  .kulisy-checklist__panel { width: 100%; padding: var(--space-5); gap: var(--space-5); }.kulisy-checklist__list > li { grid-template-columns: 1.75rem minmax(0, 1fr); }.kulisy-checklist__list > li > span { width: 1.75rem; min-width: 1.75rem; height: 1.75rem; }.kulisy-checklist__cta { width: 100%; }
  .kulisy-final__panel { padding: var(--space-6) var(--space-5); }.kulisy-final__content { gap: var(--space-4); }.kulisy-play-button { width: 100%; min-height: 3rem; }.kulisy-play-button__full { display: none; }.kulisy-play-button__short { display: inline; }.kulisy-final__links { flex-direction: column; align-items: stretch; }.kulisy-final__links > span { display: none; }.kulisy-final__links a { min-height: 2.75rem; display: inline-flex; align-items: center; justify-content: center; }
}

@media (prefers-reduced-motion: reduce) {
  .kulisy-anchor span,.kulisy-text-link span { transition: none; }.kulisy-anchor:hover span,.kulisy-text-link:hover span { transform: none; }
}
