#offline-pokerestek-page {
  background: var(--color-ash-void);
}

#offline-pokerestek-page .ope-hero,
#offline-pokerestek-page .ope-atmosphere,
#offline-pokerestek-page .ope-kitchen,
#offline-pokerestek-page .ope-details {
  position: relative;
}

#offline-pokerestek-page .ope-kicker,
#offline-pokerestek-page .ope-card-meta,
#offline-pokerestek-page .ope-location-label {
  margin: 0;
  font-size: var(--text-meta);
  font-weight: 700;
  letter-spacing: 0.12em;
  line-height: var(--leading-meta);
  text-transform: uppercase;
}

#offline-pokerestek-page .ope-kicker--scarlet { color: var(--color-scarlet-flame); }
#offline-pokerestek-page .ope-card-meta { color: var(--color-relic-gold); }
#offline-pokerestek-page .ope-card-meta--cyan,
#offline-pokerestek-page .ope-location-label { color: var(--color-arcane-cyan); }
#offline-pokerestek-page .ope-card-meta--scarlet { color: var(--color-scarlet-flame); }

#offline-pokerestek-page .ope-hero {
  padding-block: var(--space-9) var(--space-10);
  background:
    linear-gradient(118deg, var(--color-ember-night) 0%, var(--color-ash-void) 58%, var(--color-ember-night) 100%);
}

#offline-pokerestek-page .ope-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  align-items: center;
  gap: var(--space-7);
}

#offline-pokerestek-page .ope-hero__copy,
#offline-pokerestek-page .ope-atmosphere__copy,
#offline-pokerestek-page .ope-kitchen__copy,
#offline-pokerestek-page .ope-details__copy,
#offline-pokerestek-page .ope-contact__copy,
#offline-pokerestek-page .ope-contact__actions {
  min-width: 0;
}

#offline-pokerestek-page .ope-hero__copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-5);
}

#offline-pokerestek-page .ope-hero__copy > * { margin: 0; }
#offline-pokerestek-page .ope-hero__copy h1 { max-width: 12ch; }
#offline-pokerestek-page .ope-hero__lead { max-width: 57ch; font-size: var(--text-lead); line-height: var(--leading-lead); }
#offline-pokerestek-page .ope-hero__actions { width: 100%; }

#offline-pokerestek-page .ope-media {
  width: 100%;
  overflow: hidden;
  border: var(--border-default);
  background: var(--color-ember-night);
  box-shadow: var(--shadow-panel);
}

#offline-pokerestek-page .ope-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#offline-pokerestek-page .ope-hero__media {
  min-width: 0;
  aspect-ratio: 16 / 9;
  position: relative;
}

#offline-pokerestek-page .ope-hero__media::after,
#offline-pokerestek-page .ope-atmosphere__media::after,
#offline-pokerestek-page .ope-kitchen__media::after,
#offline-pokerestek-page .ope-details__media::after {
  position: absolute;
  inset: 0;
  content: "";
  pointer-events: none;
  background: linear-gradient(135deg, rgba(11, 12, 16, 0.44), rgba(255, 42, 75, 0.08) 58%, rgba(11, 12, 16, 0.22));
}

#offline-pokerestek-page .ope-section-intro { min-width: 0; }
#offline-pokerestek-page .ope-section-intro > :last-child { margin-block-end: 0; }
#offline-pokerestek-page .ope-pillars__intro { max-width: 66ch; }
#offline-pokerestek-page .ope-pillars__intro p:not(.eyebrow) { max-width: 66ch; }

#offline-pokerestek-page .ope-pillars__grid,
#offline-pokerestek-page .ope-principles__grid,
#offline-pokerestek-page .ope-audience__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-5);
  margin-top: var(--space-7);
}

#offline-pokerestek-page .ope-info-card,
#offline-pokerestek-page .ope-principle-card,
#offline-pokerestek-page .ope-audience-card {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-4);
  padding: var(--space-6);
  border: var(--border-default);
  border-radius: var(--radius-lg);
  background: var(--color-basalt-deep);
  box-shadow: var(--shadow-panel);
  transition: border-color var(--transition-fast), background-color var(--transition-fast);
}

#offline-pokerestek-page .ope-info-card > *,
#offline-pokerestek-page .ope-principle-card > *,
#offline-pokerestek-page .ope-audience-card > * { margin: 0; }
#offline-pokerestek-page .ope-info-card:hover,
#offline-pokerestek-page .ope-principle-card:hover,
#offline-pokerestek-page .ope-audience-card:hover { border-color: var(--color-relic-gold); background: var(--color-basalt-raised); }

#offline-pokerestek-page .ope-atmosphere__grid {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 4fr);
  column-gap: 8.333%;
  align-items: center;
}

#offline-pokerestek-page .ope-atmosphere__media { position: relative; aspect-ratio: 3 / 2; min-width: 0; }
#offline-pokerestek-page .ope-atmosphere__copy { max-width: 60ch; }
#offline-pokerestek-page .ope-atmosphere__highlight { max-width: 50ch; padding-left: var(--space-5); border-left: 2px solid var(--color-scarlet-flame); font-size: var(--text-lead); line-height: var(--leading-lead); }
#offline-pokerestek-page .ope-atmosphere__closing { padding-top: var(--space-5); border-top: var(--border-default); }
#offline-pokerestek-page .ope-atmosphere__closing > :last-child { margin-bottom: 0; }

#offline-pokerestek-page .ope-timeline { background: linear-gradient(180deg, transparent, rgba(26, 22, 34, 0.42), transparent); }
#offline-pokerestek-page .ope-timeline__intro { max-width: 65ch; }
#offline-pokerestek-page .ope-timeline__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-5); margin-top: var(--space-7); }
#offline-pokerestek-page .ope-timeline__item { position: relative; display: grid; grid-template-columns: minmax(0, 1fr); min-width: 0; gap: var(--space-4); padding-top: var(--space-5); border-top: var(--border-default); }
#offline-pokerestek-page .ope-timeline__item::before { position: absolute; top: -2px; left: 0; width: 36px; height: 3px; content: ""; background: var(--color-relic-gold); }
#offline-pokerestek-page .ope-timeline__number { color: var(--color-relic-gold); font-family: var(--font-heading); font-size: 2rem; font-weight: 700; line-height: 1; }
#offline-pokerestek-page .ope-timeline__number--cyan { color: var(--color-arcane-cyan); }
#offline-pokerestek-page .ope-timeline__content { min-width: 0; }
#offline-pokerestek-page .ope-timeline__content > :last-child { margin-bottom: 0; }
#offline-pokerestek-page .ope-location-label { margin-bottom: var(--space-2); }
#offline-pokerestek-page .ope-text-link { display: inline-block; color: var(--color-arcane-cyan); font-weight: 700; }

#offline-pokerestek-page .ope-kitchen__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); column-gap: 8.333%; align-items: start; }
#offline-pokerestek-page .ope-kitchen__copy { max-width: 58ch; }
#offline-pokerestek-page .ope-kitchen__media { position: relative; min-width: 0; aspect-ratio: 4 / 5; margin-top: var(--space-7); }
#offline-pokerestek-page .ope-kitchen__quote { max-width: 40ch; margin-top: var(--space-6); }
#offline-pokerestek-page .ope-kitchen__closing { padding-top: var(--space-5); border-top: 1px solid color-mix(in srgb, var(--color-relic-gold) 45%, var(--color-border)); }
#offline-pokerestek-page .ope-kitchen__closing > :last-child { margin-bottom: 0; }

#offline-pokerestek-page .ope-principles { background: var(--color-ember-night); }
#offline-pokerestek-page .ope-principles__intro { max-width: 64ch; }
#offline-pokerestek-page .ope-responsibility { display: grid; grid-template-columns: 4px minmax(0, 1fr); gap: var(--space-5); align-items: start; min-width: 0; margin-top: var(--space-6); padding: var(--space-6); border: var(--border-default); background: var(--color-basalt-raised); box-shadow: var(--shadow-panel); }
#offline-pokerestek-page .ope-responsibility__mark { display: block; width: 4px; min-height: 100%; background: var(--color-scarlet-flame); }
#offline-pokerestek-page .ope-responsibility p { max-width: 70ch; margin: 0; font-size: var(--text-lead); line-height: var(--leading-lead); }

#offline-pokerestek-page .ope-audience__intro { max-width: 65ch; margin-inline: auto; text-align: center; }
#offline-pokerestek-page .ope-audience__intro p:not(.eyebrow) { max-width: 62ch; margin-inline: auto; }

#offline-pokerestek-page .ope-details__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 5fr); column-gap: 16.666%; align-items: center; }
#offline-pokerestek-page .ope-details__media { position: relative; min-width: 0; aspect-ratio: 1; }
#offline-pokerestek-page .ope-details__copy { max-width: 56ch; }
#offline-pokerestek-page .ope-detail-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-4); margin: var(--space-6) 0 0; padding: 0; list-style: none; }
#offline-pokerestek-page .ope-detail-list li { display: grid; grid-template-columns: 2.5rem minmax(0, 1fr); gap: var(--space-3); min-width: 0; padding-top: var(--space-4); border-top: var(--border-default); }
#offline-pokerestek-page .ope-detail-list li > div { min-width: 0; }
#offline-pokerestek-page .ope-detail-list h3 { margin-bottom: var(--space-2); }
#offline-pokerestek-page .ope-detail-list p { max-width: 38ch; margin-bottom: 0; }
#offline-pokerestek-page .ope-detail-list__index { color: var(--color-relic-gold); font-size: var(--text-nav); font-weight: 700; }
#offline-pokerestek-page .ope-detail-list__index--cyan { color: var(--color-arcane-cyan); }
#offline-pokerestek-page .ope-detail-list__index--scarlet { color: var(--color-scarlet-flame); }

#offline-pokerestek-page .ope-faq__wrap { width: min(100%, 50rem); margin-inline: auto; }
#offline-pokerestek-page .ope-faq__intro { max-width: 100%; }
#offline-pokerestek-page .ope-faq__list { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-3); margin-top: var(--space-6); }
#offline-pokerestek-page .ope-faq__item { min-width: 0; border: var(--border-default); background: var(--color-basalt-deep); }
#offline-pokerestek-page .ope-faq__item--responsible { border-left: 3px solid var(--color-scarlet-flame); }
#offline-pokerestek-page .ope-faq__item h3 { margin: 0; font-size: inherit; line-height: inherit; }
#offline-pokerestek-page .ope-faq__button { display: flex; width: 100%; min-width: 0; min-height: 3.5rem; align-items: center; justify-content: space-between; gap: var(--space-4); padding: var(--space-4) var(--space-5); background: transparent; color: var(--color-text); font-family: var(--font-heading); font-size: clamp(1.25rem, 2vw, 1.5rem); font-weight: 700; line-height: 1.2; text-align: left; }
#offline-pokerestek-page .ope-faq__button span { flex: 0 0 auto; color: var(--color-relic-gold); font-family: var(--font-body); font-size: 1.5rem; font-weight: 400; transition: transform var(--transition-fast); }
#offline-pokerestek-page .ope-faq__button[aria-expanded="true"] span { transform: rotate(45deg); }
#offline-pokerestek-page .ope-faq__panel { max-width: 60ch; padding: 0 var(--space-5) var(--space-5); }
#offline-pokerestek-page .ope-faq__panel p { margin: 0; }

#offline-pokerestek-page .ope-contact__panel { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 4fr); column-gap: 10%; width: min(100%, 62.5rem); margin-inline: auto; padding: var(--space-7); border: var(--border-default); background: var(--color-basalt-raised); box-shadow: var(--shadow-panel); }
#offline-pokerestek-page .ope-contact__copy { max-width: 56ch; }
#offline-pokerestek-page .ope-contact__copy > :last-child { margin-bottom: 0; }
#offline-pokerestek-page .ope-contact__actions { display: flex; flex-direction: column; align-items: stretch; gap: var(--space-5); justify-content: center; }
#offline-pokerestek-page .ope-contact__line { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-1); min-width: 0; padding-bottom: var(--space-4); border-bottom: var(--border-default); }
#offline-pokerestek-page .ope-contact__line span { color: var(--color-text-muted); font-size: var(--text-meta); font-weight: 700; letter-spacing: 0.12em; line-height: var(--leading-meta); text-transform: uppercase; }
#offline-pokerestek-page .ope-contact__line a { color: var(--color-arcane-cyan); font-size: var(--text-lead); font-weight: 600; overflow-wrap: anywhere; }
#offline-pokerestek-page .ope-contact__button { align-self: flex-start; min-height: 3rem; }

@media (max-width: 68rem) {
  #offline-pokerestek-page .ope-hero__grid { grid-template-columns: minmax(0, 1fr); gap: var(--space-6); }
  #offline-pokerestek-page .ope-hero__copy { max-width: 42rem; }
  #offline-pokerestek-page .ope-hero__media { aspect-ratio: 16 / 9; }
  #offline-pokerestek-page .ope-timeline__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 65rem) {
  #offline-pokerestek-page .ope-atmosphere__grid { grid-template-columns: minmax(0, 1fr); gap: var(--space-6); }
  #offline-pokerestek-page .ope-atmosphere__copy { width: min(100%, 42rem); }
  #offline-pokerestek-page .ope-kitchen__grid { grid-template-columns: minmax(0, 1fr); gap: var(--space-6); }
  #offline-pokerestek-page .ope-kitchen__copy { max-width: 42rem; }
  #offline-pokerestek-page .ope-kitchen__media { width: 100%; max-width: 42rem; margin-top: 0; }
}

@media (max-width: 61.25rem) {
  #offline-pokerestek-page .ope-pillars__grid,
  #offline-pokerestek-page .ope-principles__grid,
  #offline-pokerestek-page .ope-audience__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #offline-pokerestek-page .ope-pillars__grid > :nth-child(3),
  #offline-pokerestek-page .ope-principles__grid > :nth-child(3),
  #offline-pokerestek-page .ope-audience__grid > :nth-child(3) { grid-column: 1 / span 1; }
  #offline-pokerestek-page .ope-details__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--space-6); }
}

@media (max-width: 56.25rem) {
  #offline-pokerestek-page .ope-contact__panel { grid-template-columns: minmax(0, 1fr); gap: var(--space-6); }
  #offline-pokerestek-page .ope-contact__actions { max-width: 32rem; }
}

@media (max-width: 48rem) {
  #offline-pokerestek-page .ope-hero { padding-block: var(--space-8); }
  #offline-pokerestek-page .ope-hero__copy h1 { max-width: 13ch; }
  #offline-pokerestek-page .ope-hero__lead { max-width: 58ch; font-size: var(--text-body); line-height: var(--leading-body); }
  #offline-pokerestek-page .ope-hero__media { aspect-ratio: 4 / 5; }
  #offline-pokerestek-page .ope-hero__media img { object-position: center; }
  #offline-pokerestek-page .ope-pillars__grid,
  #offline-pokerestek-page .ope-principles__grid,
  #offline-pokerestek-page .ope-audience__grid,
  #offline-pokerestek-page .ope-timeline__grid,
  #offline-pokerestek-page .ope-details__grid { grid-template-columns: minmax(0, 1fr); }
  #offline-pokerestek-page .ope-pillars__grid > :nth-child(3),
  #offline-pokerestek-page .ope-principles__grid > :nth-child(3),
  #offline-pokerestek-page .ope-audience__grid > :nth-child(3) { grid-column: auto; }
  #offline-pokerestek-page .ope-info-card,
  #offline-pokerestek-page .ope-principle-card,
  #offline-pokerestek-page .ope-audience-card { padding: var(--space-5); }
  #offline-pokerestek-page .ope-atmosphere__media { aspect-ratio: 3 / 2; }
  #offline-pokerestek-page .ope-atmosphere__highlight { max-width: 100%; }
  #offline-pokerestek-page .ope-timeline__item { grid-template-columns: 3rem minmax(0, 1fr); align-items: start; }
  #offline-pokerestek-page .ope-timeline__number { grid-column: 1; }
  #offline-pokerestek-page .ope-timeline__content { grid-column: 2; }
  #offline-pokerestek-page .ope-kitchen__media { max-width: 100%; }
  #offline-pokerestek-page .ope-details__media { aspect-ratio: 1; }
  #offline-pokerestek-page .ope-details__copy { max-width: 100%; }
  #offline-pokerestek-page .ope-audience__intro { margin-inline: 0; text-align: left; }
  #offline-pokerestek-page .ope-audience__intro p:not(.eyebrow) { margin-inline: 0; }
  #offline-pokerestek-page .ope-responsibility { padding: var(--space-5); }
  #offline-pokerestek-page .ope-contact__panel { width: 100%; padding: var(--space-5); }
  #offline-pokerestek-page .ope-contact__button { width: 100%; min-height: 3rem; }
}

@media (max-width: 35rem) {
  #offline-pokerestek-page .ope-hero__actions { display: grid; grid-template-columns: minmax(0, 1fr); }
  #offline-pokerestek-page .ope-hero__actions .button { width: 100%; min-height: 3rem; }
  #offline-pokerestek-page .ope-timeline__item { grid-template-columns: minmax(0, 1fr); }
  #offline-pokerestek-page .ope-timeline__number,
  #offline-pokerestek-page .ope-timeline__content { grid-column: 1; }
  #offline-pokerestek-page .ope-faq__button { padding-inline: var(--space-4); }
  #offline-pokerestek-page .ope-faq__panel { padding-inline: var(--space-4); padding-bottom: var(--space-4); }
}

@media (prefers-reduced-motion: reduce) {
  #offline-pokerestek-page .ope-info-card,
  #offline-pokerestek-page .ope-principle-card,
  #offline-pokerestek-page .ope-audience-card,
  #offline-pokerestek-page .ope-faq__button span { transition: none; }
}