/* Layout: egy hosszú, ferde vágásokkal tagolt plakát – a hero a jobb oldalra kilógó oktatópárral, alatta átfedő kártyák és fotófal. */
:root{
  --ink:#070b1c;          /* éjszakai tinta – a kubai kék mélyre húzva */
  --ink-2:#0e1634;        /* egy fokkal világosabb felület */
  --cream:#f7ecd9;        /* a plakát krémje – fő szövegszín */
  --cream-dim:rgba(247,236,217,.68);
  --flame:#ff6a1f;        /* a logó lángja */
  --flame-2:#ffb21f;      /* a láng csúcsa */
  --red:#e3231b;          /* a plakát piros sávja */
  --azul:#2f7df6;         /* a láng kék belseje */
  --line:rgba(247,236,217,.14);
  --display:"Big Shoulders Display","Impact","Arial Narrow",sans-serif;
  --body:"Albert Sans","Helvetica Neue",Arial,sans-serif;
  --script:"Caveat","Segoe Script","Comic Sans MS",cursive;
  --gutter:clamp(16px,5vw,72px);
  --radius:22px;
  color-scheme:dark;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--cream);font-family:var(--body);font-size:17px;line-height:1.55;overflow-x:hidden;-webkit-font-smoothing:antialiased}
img,video{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--display);font-weight:900;line-height:.92;margin:0;text-wrap:balance;letter-spacing:.005em}
p{margin:0}
:focus-visible{outline:3px solid var(--flame-2);outline-offset:3px}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto}}