#offline-pokerestek-page {
  background: var(--color-night-950);
}

#offline-pokerestek-page .section {
  position: relative;
  overflow: clip;
}

#offline-pokerestek-page .op-hero {
  padding-block: clamp(4rem, 8vw, 8rem);
  background:
    radial-gradient(circle at 83% 30%, rgb(255 63 164 / 16%), transparent 30%),
    radial-gradient(circle at 60% 80%, rgb(57 230 208 / 10%), transparent 34%),
    linear-gradient(120deg, var(--color-night-950), var(--color-violet-700) 62%, var(--color-night-900));
}

#offline-pokerestek-page .op-hero::before,
#offline-pokerestek-page .op-hero::after {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
}

#offline-pokerestek-page .op-hero::before {
  opacity: .04;
  background: repeating-linear-gradient(0deg, transparent 0 3px, #fff 4px);
}

#offline-pokerestek-page .op-hero__grid,
#offline-pokerestek-page .op-details__grid,
#offline-pokerestek-page .op-coverage__grid,
#offline-pokerestek-page .op-enquiry__grid {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  gap: 24px;
  align-items: center;
}

#offline-pokerestek-page .op-hero__grid > *,
#offline-pokerestek-page .op-details__grid > *,
#offline-pokerestek-page .op-coverage__grid > *,
#offline-pokerestek-page .op-enquiry__grid > * {
  min-width: 0;
  width: 100%;
}

#offline-pokerestek-page .op-hero__copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  max-width: 590px;
}

#offline-pokerestek-page .op-hero__copy > * { margin: 0; }
#offline-pokerestek-page .op-hero__copy h1 { max-width: 11ch; }
#offline-pokerestek-page .op-hero__copy .lead { max-width: 54ch; }

#offline-pokerestek-page .op-hero__actions {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  min-width: 0;
  width: 100%;
}

#offline-pokerestek-page .op-hero__note {
  max-width: 43ch;
  color: var(--color-lavender-300);
  font-size: var(--text-small);
}

#offline-pokerestek-page .op-hero__media {
  min-height: 580px;
  margin: 8px 0 0;
  overflow: hidden;
}

#offline-pokerestek-page .op-hero__media img,
#offline-pokerestek-page .op-details__media img,
#offline-pokerestek-page .op-coverage__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#offline-pokerestek-page .op-hero__media img { object-position: 62% center; }

#offline-pokerestek-page .op-pillars { background: var(--color-night-950); }
#offline-pokerestek-page .op-pillars__intro { width: 33.333%; max-width: 470px; }
#offline-pokerestek-page .op-pillars__intro p:last-child { max-width: 42ch; }

#offline-pokerestek-page .op-pillars__cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  margin-top: 48px;
}

#offline-pokerestek-page .op-pillars__cards > * { min-width: 0; width: 100%; }

#offline-pokerestek-page .op-pillar {
  display: flex;
  min-height: 330px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  padding: 32px;
  border: 1px solid var(--color-border-subtle);
  background: var(--color-night-900);
  box-shadow: var(--inner-highlight);
}

#offline-pokerestek-page .op-pillar > * { margin: 0; }
#offline-pokerestek-page .op-pillar__number { font-family: var(--font-pixel); color: var(--color-hot-pink-500); font-size: 1rem; }
#offline-pokerestek-page .op-pillar--turquoise .op-pillar__number { color: var(--color-turquoise-400); }
#offline-pokerestek-page .op-pillar--yellow .op-pillar__number { color: var(--color-warm-yellow-300); }
#offline-pokerestek-page .op-pillar__signal { margin-top: auto; font-family: var(--font-pixel); font-size: .65rem; color: var(--color-lavender-300); }

#offline-pokerestek-page .op-details { background: linear-gradient(135deg, var(--color-night-900), var(--color-night-950)); }
#offline-pokerestek-page .op-details__grid { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); }
#offline-pokerestek-page .op-details__media { min-height: 500px; margin: 0; border: 1px solid var(--color-border); }
#offline-pokerestek-page .op-details__media img { object-position: center; }

#offline-pokerestek-page .op-details__copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  max-width: 510px;
  padding: 32px;
  background: var(--color-night-900);
  border: 1px solid var(--color-border-subtle);
  box-shadow: var(--inner-highlight);
}

#offline-pokerestek-page .op-details__copy > * { margin: 0; }
#offline-pokerestek-page .op-details__copy .lead { max-width: 48ch; }
#offline-pokerestek-page .op-details__copy > p:not(.lead) { max-width: 44ch; }

#offline-pokerestek-page .op-details__note {
  width: min(280px, 100%);
  margin: 4px -12px -52px auto;
  padding: 16px;
  background: var(--color-warm-yellow-300);
  color: var(--color-night-950);
  font-weight: 700;
  line-height: 1.4;
}

#offline-pokerestek-page .op-audiences { background: var(--color-night-950); }
#offline-pokerestek-page .op-audiences__heading { width: 41.666%; max-width: 560px; }
#offline-pokerestek-page .op-audiences__heading p:last-child { max-width: 46ch; }

#offline-pokerestek-page .op-audiences__cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(360px, 1fr));
  gap: 24px;
  margin-top: 48px;
}

#offline-pokerestek-page .op-audiences__cards > * { min-width: 0; width: 100%; }

#offline-pokerestek-page .op-audience-card {
  display: flex;
  min-height: 390px;
  flex-direction: column;
  justify-content: space-between;
  gap: 32px;
  padding: 32px;
  border: 1px solid var(--color-border);
  background: linear-gradient(135deg, rgb(84 42 145 / 58%), var(--color-night-900));
  box-shadow: var(--shadow-panel), var(--inner-highlight);
}

#offline-pokerestek-page .op-audience-card--corporate { border-color: var(--color-turquoise-400); }
#offline-pokerestek-page .op-audience-card--private { border-color: rgb(255 214 90 / 75%); }
#offline-pokerestek-page .op-audience-card__body { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; }
#offline-pokerestek-page .op-audience-card__body > * { margin: 0; }
#offline-pokerestek-page .op-audience-card__body p:not(.pixel-label) { max-width: 34ch; }
#offline-pokerestek-page .op-audience-card__link,
#offline-pokerestek-page .op-flow__link { display: inline-flex; min-height: 44px; align-items: center; gap: 8px; font-weight: 700; }

#offline-pokerestek-page .op-flow { background: var(--color-night-900); }
#offline-pokerestek-page .op-flow__intro { max-width: 620px; }
#offline-pokerestek-page .op-flow__intro p:last-child { max-width: 48ch; }

#offline-pokerestek-page .op-flow__timeline {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
  margin-top: 48px;
}

#offline-pokerestek-page .op-flow__timeline > * { min-width: 0; width: 100%; }
#offline-pokerestek-page .op-flow-step { position: relative; border-top: 1px solid var(--color-chrome-300); }
#offline-pokerestek-page .op-flow-step__button {
  display: grid;
  grid-template-columns: 1fr 32px;
  width: 100%;
  min-width: 0;
  padding: 16px 0;
  background: transparent;
  color: var(--color-lavender-100);
  text-align: left;
}

#offline-pokerestek-page .op-flow-step__number { grid-column: 1 / -1; color: var(--color-warm-yellow-300); font-family: var(--font-pixel); font-size: .8rem; }
#offline-pokerestek-page .op-flow-step__title { font-family: var(--font-heading); font-size: 1.15rem; font-weight: 700; }
#offline-pokerestek-page .op-flow-step__toggle { justify-self: end; color: var(--color-turquoise-400); font-size: 1.4rem; }
#offline-pokerestek-page .op-flow-step__detail p { max-width: 28ch; color: var(--color-lavender-300); font-size: 1rem; }
#offline-pokerestek-page .op-flow__link { margin-top: 32px; }

#offline-pokerestek-page .op-coverage { background: linear-gradient(120deg, var(--color-night-950), var(--color-violet-700) 140%); }
#offline-pokerestek-page .op-coverage__copy { max-width: 540px; }
#offline-pokerestek-page .op-coverage__copy > p:first-of-type { max-width: 42ch; }
#offline-pokerestek-page .op-coverage__media { min-height: 560px; margin: -12px 0 0; overflow: hidden; }
#offline-pokerestek-page .op-coverage__media img { object-position: center top; }

#offline-pokerestek-page .op-coverage__list { display: flex; flex-direction: column; width: 100%; margin-top: 24px; border-top: 1px solid var(--color-border-subtle); }
#offline-pokerestek-page .op-coverage__list > div { display: grid; grid-template-columns: 32px minmax(0, 1fr); gap: 12px; width: 100%; min-width: 0; padding: 12px 0; border-bottom: 1px solid var(--color-border-subtle); }
#offline-pokerestek-page .op-coverage__list span { color: var(--color-turquoise-400); }
#offline-pokerestek-page .op-coverage__list p { max-width: 40ch; margin: 0; font-size: 1rem; }
#offline-pokerestek-page .op-coverage__highlight { max-width: 38ch; margin-top: 24px; color: var(--color-turquoise-400); font-weight: 600; }

#offline-pokerestek-page .op-fit { background: var(--color-night-950); }
#offline-pokerestek-page .op-fit__heading { width: 41.666%; max-width: 560px; }
#offline-pokerestek-page .op-fit__panels { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 24px; margin-top: 48px; }
#offline-pokerestek-page .op-fit__panels > * { min-width: 0; width: 100%; }
#offline-pokerestek-page .op-fit-panel { padding: 32px; border: 1px solid var(--color-border-subtle); background: var(--color-night-900); }
#offline-pokerestek-page .op-fit-panel--space { background: linear-gradient(135deg, var(--color-violet-700), var(--color-night-900)); }
#offline-pokerestek-page .op-fit-panel p { max-width: 44ch; }
#offline-pokerestek-page .op-fit__quote { max-width: 62ch; margin: 24px auto 0; padding: 24px; border: 1px solid var(--color-border); background: transparent; text-align: center; }
#offline-pokerestek-page .op-fit__quote p { margin: 0; }

#offline-pokerestek-page .op-faq { background: var(--color-night-900); }
#offline-pokerestek-page .op-faq__heading { max-width: 680px; margin-inline: auto; text-align: center; }
#offline-pokerestek-page .op-faq__heading p:last-child { max-width: 52ch; margin-inline: auto; }
#offline-pokerestek-page .op-faq__accordion { width: min(820px, 66.666%); margin: 48px auto 0; }
#offline-pokerestek-page .op-faq-item { border-bottom: 1px solid var(--color-border); }
#offline-pokerestek-page .op-faq-item h3 { margin: 0; }
#offline-pokerestek-page .op-faq-item button { display: grid; grid-template-columns: minmax(0, 1fr) 44px; width: 100%; min-height: 56px; padding: 12px 0; background: transparent; color: var(--color-white); text-align: left; }
#offline-pokerestek-page .op-faq-item button span { justify-self: end; color: var(--color-turquoise-400); font-size: 1.4rem; }
#offline-pokerestek-page .op-faq-item__answer { padding: 0 44px 20px 0; }
#offline-pokerestek-page .op-faq-item__answer p { max-width: 56ch; margin: 0; color: var(--color-lavender-300); }

#offline-pokerestek-page .op-enquiry { background: linear-gradient(135deg, var(--color-violet-700), var(--color-night-950) 68%); }
#offline-pokerestek-page .op-enquiry__grid { grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); align-items: start; }
#offline-pokerestek-page .op-enquiry__invitation { max-width: 410px; }
#offline-pokerestek-page .op-enquiry__invitation .lead { max-width: 38ch; }
#offline-pokerestek-page .op-enquiry__invitation ul { max-width: 36ch; }
#offline-pokerestek-page .op-form-panel { max-width: 760px; justify-self: end; padding: 32px; }
#offline-pokerestek-page .op-form-panel__intro { display: flex; flex-direction: column; gap: 12px; }
#offline-pokerestek-page .op-form-panel__intro > * { margin: 0; }
#offline-pokerestek-page .op-form-panel__intro p { max-width: 55ch; }
#offline-pokerestek-page .op-form-summary { width: 100%; margin-top: 20px; }
#offline-pokerestek-page .op-form-grid { display: grid; grid-template-columns: repeat(2, minmax(250px, 1fr)); gap: 20px 24px; margin-top: 24px; }
#offline-pokerestek-page .op-form-grid > * { min-width: 0; width: 100%; }
#offline-pokerestek-page .op-form-field--full { grid-column: 1 / -1; }
#offline-pokerestek-page .op-form-field label { font-size: 1rem; }
#offline-pokerestek-page .op-optional { color: var(--color-lavender-300); font-weight: 400; }
#offline-pokerestek-page .op-form-help { margin: 8px 0 0; color: var(--color-lavender-100); font-size: .875rem; }
#offline-pokerestek-page .op-field-error { min-height: 1.35em; margin: 4px 0 0; color: var(--color-danger-400); font-size: .875rem; font-weight: 600; }
#offline-pokerestek-page .op-form-panel__actions { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; margin-top: 24px; }
#offline-pokerestek-page .op-form-panel__actions > * { margin: 0; }
#offline-pokerestek-page .op-form-panel__privacy { max-width: 58ch; color: var(--color-lavender-100); font-size: .875rem; }
#offline-pokerestek-page .op-form-success { display: flex; flex-direction: column; gap: 8px; margin-top: 24px; padding: 16px; background: var(--color-success-400); color: var(--color-night-950); }
#offline-pokerestek-page .op-form-success > * { margin: 0; }

#offline-pokerestek-page .op-closing { background: linear-gradient(110deg, var(--color-violet-700), var(--color-night-900)); }
#offline-pokerestek-page .op-closing__content { display: flex; flex-direction: column; align-items: center; gap: 16px; max-width: 700px; margin-inline: auto; text-align: center; }
#offline-pokerestek-page .op-closing__content > * { margin: 0; }
#offline-pokerestek-page .op-closing__content h2 { font-size: clamp(1.75rem, 3vw, 2.5rem); }

@media (max-width: 1023px) {
  #offline-pokerestek-page .op-hero__grid,
  #offline-pokerestek-page .op-details__grid,
  #offline-pokerestek-page .op-coverage__grid,
  #offline-pokerestek-page .op-enquiry__grid { grid-template-columns: minmax(0, 1fr); }
  #offline-pokerestek-page .op-hero__copy { max-width: 620px; }
  #offline-pokerestek-page .op-hero__media { min-height: auto; aspect-ratio: 16 / 9; margin-top: 0; }
  #offline-pokerestek-page .op-pillars__intro,
  #offline-pokerestek-page .op-audiences__heading,
  #offline-pokerestek-page .op-fit__heading { width: 50%; }
  #offline-pokerestek-page .op-pillars__cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #offline-pokerestek-page .op-pillars__cards > :last-child { grid-column: 1 / -1; }
  #offline-pokerestek-page .op-audiences__cards { grid-template-columns: minmax(0, 1fr); }
  #offline-pokerestek-page .op-flow__timeline { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #offline-pokerestek-page .op-details__copy { max-width: 620px; }
  #offline-pokerestek-page .op-coverage__copy { max-width: 620px; }
  #offline-pokerestek-page .op-coverage__media { min-height: auto; aspect-ratio: 16 / 9; margin: 0; }
  #offline-pokerestek-page .op-fit__panels { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #offline-pokerestek-page .op-faq__accordion { width: min(820px, 83.333%); }
  #offline-pokerestek-page .op-form-panel { justify-self: start; max-width: none; }
}

@media (max-width: 767px) {
  #offline-pokerestek-page .op-hero { padding-block: 64px; }
  #offline-pokerestek-page .op-hero__copy { gap: 20px; }
  #offline-pokerestek-page .op-hero__copy h1 { max-width: 12ch; font-size: clamp(2.25rem, 11vw, 3rem); }
  #offline-pokerestek-page .op-hero__copy .lead { max-width: 34ch; font-size: 1.1875rem; }
  #offline-pokerestek-page .op-hero__media { aspect-ratio: 16 / 10; }
  #offline-pokerestek-page .op-pillars__intro,
  #offline-pokerestek-page .op-audiences__heading,
  #offline-pokerestek-page .op-fit__heading { width: 100%; }
  #offline-pokerestek-page .op-pillars__intro p:last-child { max-width: 36ch; }
  #offline-pokerestek-page .op-pillars__cards,
  #offline-pokerestek-page .op-flow__timeline,
  #offline-pokerestek-page .op-fit__panels,
  #offline-pokerestek-page .op-form-grid { grid-template-columns: minmax(0, 1fr); }
  #offline-pokerestek-page .op-pillars__cards { margin-top: 32px; gap: 16px; }
  #offline-pokerestek-page .op-pillars__cards > :last-child { grid-column: auto; }
  #offline-pokerestek-page .op-pillar { min-height: 0; padding: 24px; }
  #offline-pokerestek-page .op-details__media { min-height: auto; aspect-ratio: 4 / 3; }
  #offline-pokerestek-page .op-details__copy { gap: 16px; padding: 24px; }
  #offline-pokerestek-page .op-details__copy .lead,
  #offline-pokerestek-page .op-details__copy > p:not(.lead) { max-width: 38ch; }
  #offline-pokerestek-page .op-details__note { margin: 0; }
  #offline-pokerestek-page .op-audiences__cards { margin-top: 32px; gap: 16px; }
  #offline-pokerestek-page .op-audience-card { min-height: 0; padding: 24px; }
  #offline-pokerestek-page .op-audience-card__body p:not(.pixel-label) { max-width: 40ch; }
  #offline-pokerestek-page .op-flow__timeline { gap: 0; margin-top: 32px; }
  #offline-pokerestek-page .op-flow-step { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 12px; padding: 12px 0; }
  #offline-pokerestek-page .op-flow-step__button { grid-column: 1 / -1; grid-template-columns: 44px minmax(0, 1fr) 32px; padding: 0; }
  #offline-pokerestek-page .op-flow-step__number { grid-column: 1; grid-row: 1 / span 2; align-self: center; }
  #offline-pokerestek-page .op-flow-step__title { grid-column: 2; }
  #offline-pokerestek-page .op-flow-step__toggle { grid-column: 3; grid-row: 1; }
  #offline-pokerestek-page .op-flow-step__detail { grid-column: 2; }
  #offline-pokerestek-page .op-flow-step__detail p { max-width: 37ch; margin: 0; }
  #offline-pokerestek-page .op-coverage__media { aspect-ratio: 3 / 4; }
  #offline-pokerestek-page .op-coverage__list p { max-width: 36ch; }
  #offline-pokerestek-page .op-fit__panels { gap: 16px; margin-top: 32px; }
  #offline-pokerestek-page .op-fit-panel { padding: 24px; }
  #offline-pokerestek-page .op-fit-panel p { max-width: 39ch; }
  #offline-pokerestek-page .op-fit__quote { padding: 20px; }
  #offline-pokerestek-page .op-faq__heading { text-align: center; }
  #offline-pokerestek-page .op-faq__accordion { width: 100%; margin-top: 32px; }
  #offline-pokerestek-page .op-faq-item button { min-height: 52px; }
  #offline-pokerestek-page .op-faq-item__answer { padding-right: 0; }
  #offline-pokerestek-page .op-faq-item__answer p { max-width: 39ch; }
  #offline-pokerestek-page .op-enquiry__invitation .lead { max-width: 38ch; }
  #offline-pokerestek-page .op-form-panel { padding: 24px 16px; }
  #offline-pokerestek-page .op-form-field--full { grid-column: auto; }
  #offline-pokerestek-page .op-form-grid { gap: 16px; }
  #offline-pokerestek-page .op-form-panel__actions { align-items: stretch; }
  #offline-pokerestek-page .op-form-panel__actions .button { width: 100%; min-height: 48px; }
  #offline-pokerestek-page .op-closing__content { max-width: 34ch; }
  #offline-pokerestek-page .op-closing__content .button { width: min(100%, 320px); }
}

@media (prefers-reduced-motion: reduce) {
  #offline-pokerestek-page .op-hero::before { display: none; }
}