/* A4 article: existing Miktera tokens and CMS blocks, scoped to this page. */
.page-a4 .cat-hero {
  height: auto;
  min-height: 0;
  position: relative;
  padding: clamp(116px, 12vw, 164px) var(--pad) clamp(48px, 7vw, 96px);
  background: var(--orange);
  color: #151618;
  display: flex;
  flex-direction: column;
  gap: clamp(32px, 5vw, 64px);
}
.page-a4 .cat-hero-in { order: 0; width: min(100%, 1100px); margin: 0 auto; min-height: 0; padding: 0; }
.page-a4 .cat-h1 {
  font: 500 clamp(3rem, 8vw, 6rem)/1.02 var(--display);
  letter-spacing: -0.04em;
  margin-bottom: 24px;
  max-width: none;
}
.page-a4 .cat-hero > .stage-lines, .page-a4 .cat-hero #gl { display: none !important; }
.page-a4 .cat-h1 .ln, .page-a4 .cat-h1 .ln > span { display: inline; opacity: 1; transform: none; }
.page-a4 .hero-foot { position: static; display: block; }
.page-a4 .hero-foot .lead { max-width: 62ch; font-size: clamp(1.1rem, 2vw, 1.35rem); line-height: 1.55; }
.page-a4 .btns { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 28px; }
.page-a4 .stage-poster {
  display: block !important;
  position: static !important;
  order: 1;
  width: min(100%, 1100px);
  height: auto;
  max-height: none;
  object-fit: contain;
  transform: none !important;
  opacity: 1 !important;
  margin: 0 auto;
  border: 1px solid rgba(21, 22, 24, .25);
  border-radius: 12px;
  box-shadow: 0 22px 48px -28px rgba(0, 0, 0, .5);
}
.page-a4 .cat-hero > .stage-lines,
.page-a4 .cat-hero .ch-label,
.page-a4 .cat-hero .fig-note,
.page-a4 .about-head,
.page-a4 .gets-fig,
.page-a4 .gets-n,
.page-a4 .order .sec-label,
.page-a4 .step-n,
.page-a4 .acc-n { display: none; }
.page-a4 .sec { padding-block: clamp(56px, 7vw, 100px); }
.page-a4 .wrap { max-width: 1180px; }
.page-a4 .h2 { font-size: clamp(2rem, 4vw, 3.4rem); line-height: 1.12; letter-spacing: -.03em; }
.page-a4 .words { max-width: 65ch; font: 400 clamp(1.15rem, 2.2vw, 1.5rem)/1.55 var(--text); letter-spacing: 0; }
.page-a4 .words span { opacity: 1 !important; color: inherit !important; }
.page-a4 .gets { display: block; margin-top: 48px; padding-block: 0; min-height: 0; }
.page-a4 .gets-body { width: 100%; }
.page-a4 .gets-body .h2 { margin-bottom: 28px; }
.page-a4 .gets-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 48px; margin-top: 28px; }
.page-a4 .gets-list li { display: block; padding: 24px 0; opacity: 1; transform: none; }
.page-a4 .gets-list h3 { font: 500 1.25rem/1.3 var(--display); margin-bottom: 10px; }
.page-a4 .gets-list p { max-width: 48ch; line-height: 1.6; }
.page-a4 .sec-head { margin-bottom: 32px; }
.page-a4 .steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px; margin-bottom: 48px; }
.page-a4 .steps::before { display: none; }
.page-a4 .step { padding-right: 0; }
.page-a4 .step h3 { font: 500 1.4rem/1.3 var(--display); margin-bottom: 12px; }
.page-a4 .step p { color: var(--dim-d); max-width: 52ch; line-height: 1.6; }
.page-a4 .acc-btn { grid-template-columns: 1fr 44px; padding: 24px 0; }
.page-a4 .acc-t { font-size: clamp(1.15rem, 2.5vw, 1.65rem); line-height: 1.3; }
.page-a4 .acc-pi > * { padding-left: 0; }
.page-a4 .faq-t { color: var(--dim-d); max-width: 70ch; line-height: 1.65; }
.page-a4 .faq-t a { color: var(--orange-hi); text-underline-offset: 3px; }
.page-a4 .cta { padding-block: clamp(56px, 7vw, 100px); }
.page-a4 .cta-in { display: block; min-height: 0; padding-block: 0; }
.page-a4 .cta-h { font-size: clamp(2rem, 4.5vw, 4rem); line-height: 1.1; letter-spacing: -.03em; }
.page-a4 .cta-fig, .page-a4 .cta-lines { display: none; }
.page-a4 [data-reveal], .page-a4 [data-reveal-group] > * { opacity: 1 !important; transform: none !important; }
@media (max-width: 700px) {
  .page-a4 .gets-list, .page-a4 .steps { grid-template-columns: 1fr; }
  .page-a4 .steps { gap: 28px; }
  .page-a4 .btns { align-items: stretch; }
  .page-a4 .btns .btn { white-space: normal; text-align: center; padding: 14px 20px; }
}