:root{
  --cream:#F4F2E1;
  --ink:#0C0C0B;
  --amber:#FBB315;
  --orange:#E29700;
  --cyan:#0FBCEC;
  --imax-blue:#13548E;
  --rose:#BC1F49;
  --coral:#F26B6B;

  /* Per-section brand-derived backgrounds */
  --bg-hero:#0B0D11;       /* ink with a hint of navy */
  --bg-covered:#0D1F33;    /* deep IMAX navy-cyan */
  --bg-about:#1F140E;      /* warm sepia / cinema lobby */
  --bg-cta:#4E0712;        /* deep Kodachrome red */

  /* Light leak palette */
  --leak-hot:#FF7858;
  --leak-bright:#E04848;
  --leak-mid:#9A2A3F;
  --leak-deep:#3C1B3F;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;scroll-padding-top:120px;}
body{
  background:var(--ink);color:var(--cream);
  font-family:'Plus Jakarta Sans',-apple-system,system-ui,sans-serif;
  -webkit-font-smoothing:antialiased;line-height:1.6;
  /* iOS standalone-mode safe areas. When added to the home screen, the
     viewport extends all the way under the status bar / notch / Dynamic
     Island — without this padding, the perforation strip + sticky nav
     would render under the system UI. env(safe-area-inset-top) returns
     0 in normal Safari, so this is a no-op outside standalone. */
  padding-top:env(safe-area-inset-top);
  padding-left:env(safe-area-inset-left);
  padding-right:env(safe-area-inset-right);
}
img{max-width:100%;display:block;}

/* ─────── Perforation strip: seamlessly-tileable cropped asset ─────── */
.reel{
  width:100%;height:22px;
  background-image:url("https://alexwalker.co/img/cinemaxxing-perf-strip.png");
  background-size:auto 22px;background-repeat:repeat-x;background-position:left center;
  position:relative;z-index:5;
  /* Dim the strip: brings down both the navy AND the cream perforation
     squares so they read as a subdued accent rather than a bright strip. */
  filter:brightness(0.55) saturate(0.85);
  opacity:.85;
}

/* ─────── Film grain (visible analog texture for every section bg) ─────── */
/* Bi-directional grain rendered as a real PNG with both INK and CREAM
   specks on transparent. No blend mode — just normal opacity. Visible on
   any background regardless of color, because the specks themselves carry
   their own opaque colors. */
.grain{
  position:absolute;inset:0;pointer-events:none;z-index:1;
  background-image:url("https://alexwalker.co/img/cinemaxxing-grain.png");
  background-size:240px 240px;
  background-repeat:repeat;
  opacity:.22;
}
.grain.heavy{opacity:.32;}
.grain.heaviest{opacity:.45;}

/* ─────── Section transitions: gradient-baked, no separate leak elements ──
   Each section's bg includes a vertical linear gradient plus optional
   radial-gradient coral hot-spot overlays at the top and bottom.
   At each section boundary, TWO sections share the EXACT same anchor color
   (purple-maroon, coral, or warm), so transitions are seamless by
   construction — no hard edges possible. */
:root{
  --anchor-hero-cov:#2B0D2E;       /* purple-maroon between hero and covered */
  --anchor-cov-about:#3F1126;      /* deeper purple between covered and about */
  --anchor-about-cta:#7A1428;      /* warm red between about and cta */
}
section.has-leak-above{padding-top:9rem;}
section.has-leak-below{padding-bottom:9rem;}

/* ────────── NAV ────────── */
nav{
  position:sticky;top:0;z-index:50;
  padding:1.1rem 2rem;display:flex;align-items:center;justify-content:space-between;
  background:rgba(11,13,17,0.78);backdrop-filter:blur(8px);
  border-bottom:1px solid rgba(244,242,225,0.08);
}
nav .nav-logo{display:inline-flex;align-items:center;text-decoration:none;}
nav .nav-logo img{height:30px;width:30px;border-radius:6px;}
nav .nav-right{display:flex;align-items:center;gap:1.1rem;}
nav .nav-link{
  font-family:'Plus Jakarta Sans',sans-serif;font-size:.72rem;font-weight:700;
  letter-spacing:.18em;text-transform:uppercase;
  color:rgba(244,242,225,0.72);text-decoration:none;transition:color .25s cubic-bezier(0.4,0,0.2,1);
}
nav .nav-link:hover{color:var(--amber);}
nav .nav-link.is-current{color:var(--amber);}
nav .nav-btn{
  /* Solid amber pill — inline-flex + align-items:center keeps the uppercase
     text reliably centered regardless of font metrics. */
  display:inline-flex;align-items:center;justify-content:center;
  height:32px;padding:0 1.15rem;line-height:1;
  text-decoration:none;font-family:'Plus Jakarta Sans',sans-serif;font-size:.72rem;
  letter-spacing:.18em;text-transform:uppercase;
  color:#0B0D11;background:var(--amber);
  border:1px solid var(--amber);border-radius:999px;font-weight:700;
  /* Zero-baseline text-shadow so the chromatic aberration on hover
     interpolates from a matching shadow list rather than `none`. */
  text-shadow:0 0 0 rgba(228,72,72,0),0 0 0 rgba(80,200,255,0);
  transition:background .35s cubic-bezier(0.4,0,0.2,1),
             box-shadow .45s cubic-bezier(0.4,0,0.2,1),
             text-shadow .35s cubic-bezier(0.4,0,0.2,1),
             transform .35s cubic-bezier(0.4,0,0.2,1);
}
nav .nav-btn:hover{
  background:#FFC845;
  /* Chromatic aberration on the SUBSCRIBE text */
  text-shadow:
    -0.4px 0 0 rgba(228,72,72,0.5),
    0.4px 0 0 rgba(80,200,255,0.5);
  /* Four-layer amber phosphor halo — keeps the original amber palette,
     just gives it depth: tight inner glow → mid → wide outer → soft cast */
  box-shadow:
    0 0 1px rgba(251,179,21,0.85),
    0 0 6px rgba(251,179,21,0.55),
    0 0 22px rgba(251,179,21,0.42),
    0 6px 16px -8px rgba(251,179,21,0.5);
  transform:translateY(-1px);
}
@media (prefers-reduced-motion:reduce){
  nav .nav-btn,nav .nav-btn:hover{transition:none;transform:none;box-shadow:none;text-shadow:none;}
}

/* ────────── HERO ────────── */
.hero{
  position:relative;overflow:hidden;color:var(--cream);
  padding:6rem 2rem 8rem;text-align:center;
  background:
    /* Coral hot spot — peak 10% BELOW section bottom so brightest point is
       hidden; we only see the smooth falloff inside the section. */
    radial-gradient(ellipse 120% 60% at 50% 110%,
      rgba(228,72,72,0.50) 0%,
      rgba(228,72,72,0.35) 15%,
      rgba(228,72,72,0.20) 30%,
      rgba(228,72,72,0.10) 45%,
      rgba(228,72,72,0.04) 60%,
      transparent 75%),
    /* Multi-stop linear: ink stays solid through middle, anchors at edge */
    linear-gradient(to bottom,
      var(--bg-hero) 0%,
      var(--bg-hero) 45%,
      #14101A 70%,
      #1F0E25 88%,
      var(--anchor-hero-cov) 100%);
}
.hero > *{position:relative;z-index:2;}
.hero > .grain{position:absolute;inset:0;z-index:1;}
.hero .inner{max-width:880px;margin:0 auto;}
.hero .eyebrow{
  font-family:'Plus Jakarta Sans',sans-serif;font-size:.72rem;font-weight:700;
  letter-spacing:.22em;text-transform:uppercase;color:var(--amber);margin-bottom:1.8rem;
}
/* Hero logo wrapped in .cmx-logo for fade-in + one-shot pulse + hover glow.
   Hover/pulse timings match the rest of the landing's interactive elements
   (.who-pill / .form-wrap button / .nav-btn): a 0.45s glow fade on the
   smooth cubic-bezier(0.4,0,0.2,1) curve, and a sinusoidal cubic-bezier
   (0.45,0,0.55,1) ease-in-out on the one-shot pulse so both the in and
   out halves feel natural rather than snapping. */
.cmx-logo{
  display:inline-block;line-height:0;border-radius:6px;max-width:380px;width:100%;
  margin:0 auto 2rem;
  opacity:0;transform:translateY(10px);
  /* Six-layer filter baseline so the hover transition interpolates
     smoothly between matching drop-shadow() lists:
       layers 1-2  chromatic aberration (red + cyan offsets)
       layers 3-6  phosphor halation (tight inner → wide outer)
     All at zero opacity at rest; hover/pulse fades them in. The shared
     blue palette stays — analog effect just sits on top of it. */
  filter:
    drop-shadow(0 0 0 rgba(228,72,72,0))
    drop-shadow(0 0 0 rgba(80,200,255,0))
    drop-shadow(0 0 0 rgba(144,200,240,0))
    drop-shadow(0 0 0 rgba(144,200,240,0))
    drop-shadow(0 0 0 rgba(144,200,240,0))
    drop-shadow(0 0 0 rgba(144,200,240,0));
  transition:filter .45s cubic-bezier(0.4,0,0.2,1),
             transform .35s cubic-bezier(0.4,0,0.2,1);
  will-change:filter,transform,opacity;
}
.cmx-logo.is-loaded{
  opacity:1;transform:translateY(0);
  transition:opacity .6s cubic-bezier(0.4,0,0.2,1),
             transform .6s cubic-bezier(0.4,0,0.2,1),
             filter .45s cubic-bezier(0.4,0,0.2,1);
}
.cmx-logo img{display:block;width:100%;height:auto;opacity:.94;transition:opacity .45s cubic-bezier(0.4,0,0.2,1);margin:0 auto;}
.cmx-logo:hover{
  filter:
    drop-shadow(-0.6px 0 0 rgba(228,72,72,0.35))
    drop-shadow(0.6px 0 0 rgba(80,200,255,0.35))
    drop-shadow(0 0 1px rgba(144,200,240,0.7))
    drop-shadow(0 0 6px rgba(144,200,240,0.55))
    drop-shadow(0 0 16px rgba(144,200,240,0.5))
    drop-shadow(0 0 32px rgba(144,200,240,0.28));
  transform:translateY(-1px);
}
.cmx-logo:hover img{opacity:1;}
@keyframes cmx-pulse{
  0%,100%{
    filter:
      drop-shadow(0 0 0 rgba(228,72,72,0))
      drop-shadow(0 0 0 rgba(80,200,255,0))
      drop-shadow(0 0 0 rgba(120,200,255,0))
      drop-shadow(0 0 0 rgba(120,200,255,0))
      drop-shadow(0 0 0 rgba(120,200,255,0))
      drop-shadow(0 0 0 rgba(120,200,255,0));
  }
  50%{
    filter:
      drop-shadow(-0.5px 0 0 rgba(228,72,72,0.28))
      drop-shadow(0.5px 0 0 rgba(80,200,255,0.28))
      drop-shadow(0 0 1px rgba(120,200,255,0.55))
      drop-shadow(0 0 6px rgba(120,200,255,0.45))
      drop-shadow(0 0 12px rgba(120,200,255,0.45))
      drop-shadow(0 0 30px rgba(120,200,255,0.25));
  }
}
.cmx-logo.is-pulsing{animation:cmx-pulse 2.6s cubic-bezier(0.45,0,0.55,1) 1;}
@media (prefers-reduced-motion:reduce){
  .cmx-logo,.cmx-logo img{transition-duration:0.1s;}
  .cmx-logo:hover{transform:none;}
  .cmx-logo.is-pulsing{animation:none;}
}
/* CTA back-to-top logo — same glow/pulse/hover treatment as hero, just smaller */
.cmx-logo.cta-logo{max-width:300px;margin:0 auto;cursor:pointer;text-decoration:none;}
.cmx-logo.cta-logo img{opacity:.92;}

/* "Who are we??" pill above the bottom logo — sized to read as the
   primary About entry point, matched to the amber accent so it
   visually echoes the hero Subscribe button. */
.who-pill-wrap{text-align:center;margin-bottom:2.75rem;}
.who-pill{
  display:inline-flex;align-items:center;justify-content:center;
  font-family:'Plus Jakarta Sans',sans-serif;font-size:.85rem;font-weight:700;
  letter-spacing:.2em;text-transform:uppercase;
  color:#3A0810;background:var(--amber);
  border:1.5px solid var(--amber);border-radius:999px;
  /* Asymmetric horizontal padding compensates for the .2em letter-spacing's
     trailing whitespace after the last "?" — the pill's intrinsic width
     includes that trailing space, which shifts the visible text left
     within the pill and makes the whole pill read as right-of-center
     relative to the symmetric Cinemaxxing logo below. Adding ~0.18em
     to the left and trimming the same from the right re-centers the
     visible glyphs against the pill box. */
  padding:.95rem 1.78rem .95rem 2.12rem;line-height:1;text-decoration:none;
  text-shadow:0 0 0 rgba(228,72,72,0),0 0 0 rgba(80,200,255,0);
  transition:background .35s cubic-bezier(0.4,0,0.2,1),
             box-shadow .5s cubic-bezier(0.4,0,0.2,1),
             text-shadow .35s cubic-bezier(0.4,0,0.2,1),
             transform .35s cubic-bezier(0.4,0,0.2,1);
}
.who-pill:hover{
  background:#FFC845;transform:translateY(-2px);
  text-shadow:
    -0.5px 0 0 rgba(228,72,72,0.5),
    0.5px 0 0 rgba(80,200,255,0.5);
  box-shadow:
    0 0 1px rgba(251,179,21,0.9),
    0 0 8px rgba(251,179,21,0.65),
    0 0 36px rgba(251,179,21,0.45),
    0 12px 28px -10px rgba(251,179,21,0.55);
}
@media (prefers-reduced-motion:reduce){
  .who-pill,.who-pill:hover{transition:none;transform:none;box-shadow:none;text-shadow:none;}
}

/* Format pills — solid colored fills with dark text. Bouncy hover scale +
   tilt + colored glow shadow. The bouncy cubic-bezier(.34,1.56,.64,1) is
   intentional design — overshoot adds character — but the box-shadow and
   filter transitions ride the smoother .4,0,.2,1 curve so the glow itself
   feels natural rather than springy. */
.pills{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap;margin:2.25rem auto 0;}
.pill{
  display:inline-flex;align-items:center;justify-content:center;
  font-family:'Plus Jakarta Sans',sans-serif;font-size:.82rem;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;padding:.5rem 1rem;line-height:1;
  border-radius:4px;border:1.5px solid transparent;cursor:default;
  transform-origin:center;color:#0B0D11;
  /* --pill-glow is set per-pill below to the pill's BG color so every
     hover glow has the same visibility and renders in the pill's own
     palette (rather than using currentColor, which is the text color
     and was producing white glows on the dark-bg pills + nearly invisible
     dark glows on the light-bg pills). */
  --pill-glow:#FBB315;
  text-shadow:0 0 0 rgba(228,72,72,0),0 0 0 rgba(80,200,255,0);
  transition:transform .42s cubic-bezier(.34,1.56,.64,1),
             box-shadow .45s cubic-bezier(0.4,0,0.2,1),
             text-shadow .35s cubic-bezier(0.4,0,0.2,1),
             filter .35s cubic-bezier(0.4,0,0.2,1);
  will-change:transform,box-shadow,filter;
}
/* Touch-class state — always live. JS toggles .is-touched on the pill
   under a finger so dragging across the row lights each pill up in
   sequence. Lives in its own rule (not chained with :hover) because
   iOS Safari treats a touch as activating :hover on the first-tapped
   element and doesn't dismiss it until another element is touched —
   that was making the first pill stay glowing after the JS already
   moved .is-touched off it. */
.pill.is-touched{
  transform:scale(1.16) translateY(-2px) rotate(-1.5deg);
  text-shadow:
    -0.4px 0 0 rgba(228,72,72,0.55),
    0.4px 0 0 rgba(80,200,255,0.55);
  box-shadow:
    0 0 1px var(--pill-glow),
    0 0 6px var(--pill-glow),
    0 0 22px -2px var(--pill-glow),
    0 8px 20px -8px var(--pill-glow);
  filter:brightness(1.08);
}
/* Desktop hover — gated behind (hover: hover) so it only fires on
   devices with a real mouse pointer. Touch devices skip this entirely
   and use the .is-touched class above instead. */
@media (hover:hover){
  .pill:hover{
    transform:scale(1.16) translateY(-2px) rotate(-1.5deg);
    text-shadow:
      -0.4px 0 0 rgba(228,72,72,0.55),
      0.4px 0 0 rgba(80,200,255,0.55);
    box-shadow:
      0 0 1px var(--pill-glow),
      0 0 6px var(--pill-glow),
      0 0 22px -2px var(--pill-glow),
      0 8px 20px -8px var(--pill-glow);
    filter:brightness(1.08);
  }
}
@media (prefers-reduced-motion:reduce){.pill,.pill:hover{transition:none;transform:none;box-shadow:none;filter:none;text-shadow:none;}}
.p-70mm-imax{background:var(--cyan);border-color:var(--cyan);--pill-glow:var(--cyan);}
/* Standard 70mm — fresh teal, sits in the cool-color family alongside the
   IMAX 70mm cyan and IMAX blue but visually distinct from both. */
.p-70mm{background:#1FCDA4;border-color:#1FCDA4;--pill-glow:#1FCDA4;}
.p-imax{background:#3574B9;border-color:#3574B9;color:#F4F2E1;--pill-glow:#3574B9;}
.p-35mm{background:var(--amber);border-color:var(--amber);--pill-glow:var(--amber);}
.p-dolby{background:#EE475E;border-color:#EE475E;color:#F4F2E1;--pill-glow:#EE475E;}
.p-hdr{background:var(--coral);border-color:var(--coral);--pill-glow:var(--coral);}
.p-event{background:#9DEBF4;border-color:#9DEBF4;--pill-glow:#9DEBF4;}
.hero h1{
  font-family:'Sansita',Georgia,serif;font-weight:800;
  font-size:clamp(1.3rem,2.4vw,1.7rem);line-height:1.2;letter-spacing:-.012em;
  max-width:24ch;margin:0 auto 2.5rem;color:var(--cream);
}
/* Highlight on "70mm, IMAX, or repertory screening." — subtle chromatic
   aberration (red/cyan misregistration) layered under a marquee-phosphor
   warm-white halation glow. The combination reads as analog film bloom
   without the gold-italic AI-marketing tell. */
.hero h1 i{
  font-style:italic;font-weight:800;color:#FFFEF7;
  text-shadow:
    -0.5px 0 0 rgba(228,72,72,0.7),
    0.5px 0 0 rgba(80,200,255,0.7),
    0 0 1px rgba(255,255,255,0.85),
    0 0 5px rgba(255,235,200,0.55),
    0 0 14px rgba(255,200,150,0.30),
    0 0 28px rgba(255,170,110,0.15);
}
.hero-sub{font-family:'Plus Jakarta Sans',sans-serif;font-size:1rem;color:rgba(244,242,225,0.75);max-width:54ch;margin:0 auto 1.5rem;line-height:1.7;}
.hero-tagline{font-family:'Sansita',Georgia,serif;font-style:italic;font-weight:800;font-size:1.4rem;color:var(--coral);margin:0 0 2.5rem;}
/* The hero/cta Subscribe form wrapped in #subscribe so the nav-bar
   Subscribe link can anchor here. scroll-padding-top on <html> handles
   the actual anchor offset (see html rule near top) — keeps the form
   well clear of the sticky nav AND of the page edge so the eyebrow +
   logo remain partially visible above. */
.form-block{scroll-margin-top:140px;}
.form-note{
  font-family:'Sansita',Georgia,serif;font-style:italic;font-weight:400;
  font-size:.72rem;color:rgba(244,242,225,0.38);
  margin:1.65rem auto 0;max-width:46ch;letter-spacing:.02em;
}
.form-wrap{display:flex;gap:.5rem;max-width:420px;margin:0 auto;}
.form-wrap input{
  flex:1;padding:.85rem 1.25rem;
  /* Solid dark background + stronger cream border so the input is clearly
     readable against the grain-overlaid section bg. */
  background:rgba(0,0,0,0.45);border:1px solid rgba(244,242,225,0.55);
  border-radius:999px;color:var(--cream);
  font-family:'Plus Jakarta Sans',sans-serif;font-size:.9rem;outline:none;
  transition:border-color .2s,background .2s;
}
.form-wrap input::placeholder{color:rgba(244,242,225,0.6);}
.form-wrap input:focus{border-color:var(--amber);background:rgba(0,0,0,0.6);}
.form-wrap button{
  display:inline-flex;align-items:center;justify-content:center;
  padding:.85rem 1.6rem;background:var(--amber);color:#0B0D11;border:none;border-radius:999px;
  font-family:'Plus Jakarta Sans',sans-serif;font-size:.85rem;font-weight:700;cursor:pointer;letter-spacing:.05em;
  text-shadow:0 0 0 rgba(228,72,72,0),0 0 0 rgba(80,200,255,0);
  transition:background .35s cubic-bezier(0.4,0,0.2,1),
             box-shadow .45s cubic-bezier(0.4,0,0.2,1),
             text-shadow .35s cubic-bezier(0.4,0,0.2,1),
             transform .35s cubic-bezier(0.4,0,0.2,1);
}
.form-wrap button:hover{
  background:#FFC845;transform:translateY(-1px);
  text-shadow:
    -0.4px 0 0 rgba(228,72,72,0.5),
    0.4px 0 0 rgba(80,200,255,0.5);
  box-shadow:
    0 0 1px rgba(251,179,21,0.85),
    0 0 7px rgba(251,179,21,0.6),
    0 0 28px rgba(251,179,21,0.42),
    0 8px 22px -10px rgba(251,179,21,0.5);
}
@media (prefers-reduced-motion:reduce){
  .form-wrap button,.form-wrap button:hover{transition:none;transform:none;box-shadow:none;text-shadow:none;}
}

/* ────────── COVERED (IMAX-blue tinted) ────────── */
.covered{
  position:relative;overflow:hidden;color:var(--cream);
  padding:8rem 2rem 8rem;
  background:
    /* Top hot spot — peak 10% ABOVE section top, hidden offscreen */
    radial-gradient(ellipse 120% 55% at 50% -10%,
      rgba(228,72,72,0.50) 0%,
      rgba(228,72,72,0.35) 15%,
      rgba(228,72,72,0.20) 30%,
      rgba(228,72,72,0.10) 45%,
      rgba(228,72,72,0.04) 60%,
      transparent 75%),
    /* Bottom hot spot — peak 10% BELOW section bottom */
    radial-gradient(ellipse 120% 55% at 50% 110%,
      rgba(228,72,72,0.55) 0%,
      rgba(228,72,72,0.38) 15%,
      rgba(228,72,72,0.22) 30%,
      rgba(228,72,72,0.10) 45%,
      rgba(228,72,72,0.04) 60%,
      transparent 75%),
    /* Multi-stop linear — bottom now anchors at the CTA's warm-red top color
       (Covered sits directly above CTA on the home page after About moved
       to its own page). */
    linear-gradient(to bottom,
      var(--anchor-hero-cov) 0%,
      #1F0E25 8%,
      #15172E 20%,
      var(--bg-covered) 35%,
      var(--bg-covered) 60%,
      #2A1428 78%,
      #50121E 92%,
      var(--anchor-about-cta) 100%);
}
.covered > *{position:relative;z-index:2;}
.covered > .grain{position:absolute;inset:0;z-index:1;}
.covered .inner{max-width:980px;margin:0 auto;}
.covered h2{
  font-family:'Sansita',Georgia,serif;font-weight:800;
  font-size:clamp(2.2rem,5vw,3.4rem);letter-spacing:-.012em;
  margin-bottom:.4rem;line-height:1;text-align:center;
  /* Same analog-film treatment as the hero h1 highlight: chromatic
     aberration (red/cyan ±0.5px misregistration) layered under a
     marquee-phosphor warm-white halation. Reads as 35mm bloom against
     the IMAX-navy section background rather than a flat cream heading. */
  color:#FFFEF7;
  text-shadow:
    -0.5px 0 0 rgba(228,72,72,0.7),
    0.5px 0 0 rgba(80,200,255,0.7),
    0 0 1px rgba(255,255,255,0.85),
    0 0 5px rgba(255,235,200,0.55),
    0 0 14px rgba(255,200,150,0.30),
    0 0 28px rgba(255,170,110,0.15);
}
.covered .sec-sub{
  font-family:'Sansita',Georgia,serif;font-style:italic;font-weight:400;
  color:rgba(244,242,225,0.6);font-size:1.05rem;margin:0 auto 2.75rem;
  max-width:46ch;text-align:center;
}
.cov-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2.5rem;}
.cov-group{border-top:1px solid rgba(244,242,225,0.18);padding-top:1.25rem;text-align:center;}
.cov-num{font-family:'Sansita',Georgia,serif;font-style:italic;font-weight:800;font-size:2rem;margin-bottom:.35rem;display:block;line-height:1;}
.cov-group:nth-child(1) .cov-num{color:var(--cyan);}
.cov-group:nth-child(2) .cov-num{color:var(--amber);}
.cov-group:nth-child(3) .cov-num{color:var(--coral);}
.cov-group h3{font-family:'Sansita',Georgia,serif;font-weight:800;font-size:1.55rem;margin-bottom:.4rem;color:var(--cream);letter-spacing:-.005em;}
.cov-desc{font-family:'Plus Jakarta Sans',sans-serif;font-size:.9rem;color:rgba(244,242,225,0.65);line-height:1.55;margin:0 auto 1.4rem;max-width:34ch;}
/* Lists stay left-aligned (bullets need it) but the list block itself is
   inline-flex inside a text-align:center column, so the block centers
   horizontally while its rows stay left-aligned. */
.cov-list{list-style:none;display:inline-flex;flex-direction:column;gap:.6rem;font-family:'Plus Jakarta Sans',sans-serif;text-align:left;}
.cov-list li{font-size:.9rem;line-height:1.4;padding-left:.85rem;position:relative;color:rgba(244,242,225,0.95);}
.cov-list li::before{content:'';position:absolute;left:0;top:.55rem;width:4px;height:4px;border-radius:50%;background:rgba(244,242,225,0.4);}
.cov-list li span{display:block;font-size:.76rem;color:rgba(244,242,225,0.5);margin-top:.15rem;}
.cov-footer{font-family:'Plus Jakarta Sans',sans-serif;font-size:.85rem;color:rgba(244,242,225,0.55);margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid rgba(244,242,225,0.12);line-height:1.65;max-width:760px;}
.cov-footer strong{color:var(--cream);font-weight:600;}

/* ────────── ABOUT (warm sepia) ────────── */
.about{
  position:relative;overflow:hidden;color:var(--cream);
  padding:8rem 2rem 8rem;
  background:
    /* Top hot spot — peak hidden above section */
    radial-gradient(ellipse 120% 55% at 50% -10%,
      rgba(228,72,72,0.55) 0%,
      rgba(228,72,72,0.38) 15%,
      rgba(228,72,72,0.22) 30%,
      rgba(228,72,72,0.10) 45%,
      rgba(228,72,72,0.04) 60%,
      transparent 75%),
    /* Bottom hot spot — matched falloff to CTA's top (identical ellipse
       height + identical stops + symmetric peak offset) so the opacity at
       the boundary is identical from both sides → no step / no line. */
    radial-gradient(ellipse 130% 70% at 50% 115%,
      rgba(255,120,88,0.75) 0%,
      rgba(255,120,88,0.55) 15%,
      rgba(255,120,88,0.35) 30%,
      rgba(255,120,88,0.18) 45%,
      rgba(255,120,88,0.06) 60%,
      transparent 78%),
    linear-gradient(to bottom,
      var(--anchor-cov-about) 0%,
      #2D1010 8%,
      #25140E 20%,
      var(--bg-about) 35%,
      var(--bg-about) 65%,
      #2A140F 80%,
      #4C1418 92%,
      var(--anchor-about-cta) 100%);
}
/* Standalone variant — used on the dedicated /about page where the section
   isn't flanked by the covered (purple) and CTA (red) anchors. Self-contained
   gradient: warm darks at top/bottom transitioning into the sepia middle,
   with subtle coral hot-spots so it still feels alive. */
.about.standalone{
  padding:6rem 2rem 7rem;
  background:
    radial-gradient(ellipse 120% 55% at 50% -10%,
      rgba(228,72,72,0.42) 0%,
      rgba(228,72,72,0.22) 30%,
      rgba(228,72,72,0.08) 55%,
      transparent 75%),
    radial-gradient(ellipse 120% 55% at 50% 110%,
      rgba(255,120,88,0.45) 0%,
      rgba(255,120,88,0.22) 30%,
      rgba(255,120,88,0.08) 55%,
      transparent 75%),
    linear-gradient(to bottom,
      #16100C 0%,
      #1A120D 14%,
      var(--bg-about) 32%,
      var(--bg-about) 68%,
      #1A120D 86%,
      #14100C 100%);
}
.about > *{position:relative;z-index:2;}
.about > .grain{position:absolute;inset:0;z-index:1;}
.about .inner{max-width:920px;margin:0 auto;}
.about h2{
  font-family:'Sansita',Georgia,serif;font-weight:800;
  font-size:clamp(2.2rem,5vw,3.2rem);letter-spacing:-.012em;
  margin-bottom:.4rem;line-height:1;text-align:center;
  /* Analog film highlight — same chromatic aberration + warm-white
     marquee phosphor halation as the hero h1 italic and the
     "What's covered" h2. Reads as 35mm bloom against the warm sepia
     about-section background. */
  color:#FFFEF7;
  text-shadow:
    -0.5px 0 0 rgba(228,72,72,0.7),
    0.5px 0 0 rgba(80,200,255,0.7),
    0 0 1px rgba(255,255,255,0.85),
    0 0 5px rgba(255,235,200,0.55),
    0 0 14px rgba(255,200,150,0.30),
    0 0 28px rgba(255,170,110,0.15);
}
.about .sec-sub{font-family:'Sansita',Georgia,serif;font-style:italic;font-weight:400;color:rgba(244,242,225,0.62);font-size:1.05rem;margin:0 auto 2.5rem;max-width:42ch;text-align:center;}
.about-lead{
  font-family:'Plus Jakarta Sans',sans-serif;font-size:1.2rem;line-height:1.55;
  max-width:62ch;color:var(--cream);font-weight:300;margin-bottom:3rem;
}
/* Drop-cap: sized so the cap-height spans two lines of body text. Sansita
   italic has a deep descender slot, so we use line-height .85 to crop
   the descender's contribution to the glyph box, and a small positive
   padding-top to push the cap's visual TOP down to line 1's cap line. */
.about-lead::first-letter{
  font-family:'Sansita',Georgia,serif;font-size:4rem;font-weight:800;font-style:italic;
  line-height:.85;float:left;padding:.05rem .55rem 0 0;color:var(--amber);
  /* Same chromatic + halation family as the other headlines, but the
     halation glow is tuned amber (rgba(251,179,21,…)) instead of warm-
     white so the C keeps reading as gold — analog film bloom in the
     C's own brand color. Chromatic offsets stay red/cyan as on every
     other treatment so it sits in the same effect family. */
  text-shadow:
    -0.5px 0 0 rgba(228,72,72,0.7),
    0.5px 0 0 rgba(80,200,255,0.7),
    0 0 1px rgba(251,179,21,0.85),
    0 0 5px rgba(251,179,21,0.55),
    0 0 14px rgba(251,179,21,0.32),
    0 0 28px rgba(251,179,21,0.16);
}
.bios{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:3rem 4rem;margin-bottom:3rem;}
.bio{padding-top:1.5rem;border-top:1px solid rgba(244,242,225,0.18);}
.bio h3{
  font-family:'Sansita',Georgia,serif;font-size:1.6rem;font-weight:800;
  margin-bottom:.85rem;letter-spacing:-.005em;
  /* Same analog highlight family — applies to "Alex Walker" + "Alex
     Anderson" names so they read with the same film-bloom treatment
     as the rest of the page's headlines. Tuned slightly tighter
     (lighter shadow opacities) since the name is smaller than an h2. */
  color:#FFFEF7;
  text-shadow:
    -0.4px 0 0 rgba(228,72,72,0.6),
    0.4px 0 0 rgba(80,200,255,0.6),
    0 0 1px rgba(255,255,255,0.75),
    0 0 4px rgba(255,235,200,0.45),
    0 0 12px rgba(255,200,150,0.25),
    0 0 24px rgba(255,170,110,0.12);
}
.bio p{font-family:'Plus Jakarta Sans',sans-serif;font-size:.95rem;color:rgba(244,242,225,0.72);line-height:1.7;margin-bottom:.75rem;}
.bio-favs-label{display:block;font-family:'Sansita',Georgia,serif;font-style:italic;font-size:.85rem;color:rgba(244,242,225,0.5);margin-bottom:.15rem;font-weight:400;}
.bio-favs{font-family:'Plus Jakarta Sans',sans-serif;font-size:.88rem;color:rgba(244,242,225,0.72);}
/* Bio social icon links — full-color brand icons by default with a subtle
   per-brand glow + lift on hover. Transitions match the rest of the
   landing's interactive vocabulary: cubic-bezier(0.4,0,0.2,1) for the
   glow, slightly longer (.45s) so the box-shadow unfurls rather than
   snaps; brand colors are set as the box-shadow target so each icon
   glows in its own palette. */
.bio-handles{margin-top:1.1rem;display:flex;gap:.85rem;align-items:center;}
.bio-handles a{
  display:inline-flex;align-items:center;justify-content:center;
  width:34px;height:34px;border-radius:50%;
  background:rgba(244,242,225,0.06);border:1px solid rgba(244,242,225,0.12);
  transition:background .35s cubic-bezier(0.4,0,0.2,1),
             border-color .35s cubic-bezier(0.4,0,0.2,1),
             box-shadow .45s cubic-bezier(0.4,0,0.2,1),
             transform .35s cubic-bezier(0.4,0,0.2,1),
             filter .35s cubic-bezier(0.4,0,0.2,1);
}
.bio-handles a:hover{
  filter:brightness(1.08);
  background:rgba(244,242,225,0.10);
  border-color:rgba(244,242,225,0.30);
  transform:translateY(-1px);
}
.bio-handles a svg{display:block;width:18px;height:18px;}
.bio-handles a.lb{width:auto;height:34px;padding:0 .6rem;border-radius:18px;}
.bio-handles a.lb svg{width:30px;height:14px;}
/* Per-brand glow tints, same analog-film treatment family as the rest of
   the page: a four-layer phosphor halation in each icon's own brand color
   (tight inner → mid → wide outer → soft cast). The "aw" wordmark also
   gets a chromatic-aberration text-shadow on hover since it's text and
   can carry the ±0.3px red/cyan offset. The IG + LB icons are SVG so
   they take just the layered box-shadow. */
.bio-handles a[aria-label="Instagram"]:hover{
  box-shadow:
    0 0 1px rgba(225,48,108,0.8),
    0 0 6px rgba(225,48,108,0.55),
    0 0 18px rgba(225,48,108,0.42),
    0 6px 16px -8px rgba(225,48,108,0.40);
}
.bio-handles a.lb:hover{
  box-shadow:
    0 0 1px rgba(64,188,244,0.8),
    0 0 6px rgba(64,188,244,0.55),
    0 0 18px rgba(64,188,244,0.42),
    0 6px 16px -8px rgba(64,188,244,0.40);
}
.bio-handles a.aw{
  font-family:'Sansita',Georgia,serif;font-style:italic;font-weight:800;
  font-size:14px;letter-spacing:-.02em;color:var(--amber);
  text-decoration:none;line-height:1;
  text-shadow:0 0 0 rgba(228,72,72,0),0 0 0 rgba(80,200,255,0);
  transition:background .35s cubic-bezier(0.4,0,0.2,1),
             border-color .35s cubic-bezier(0.4,0,0.2,1),
             box-shadow .45s cubic-bezier(0.4,0,0.2,1),
             text-shadow .35s cubic-bezier(0.4,0,0.2,1),
             transform .35s cubic-bezier(0.4,0,0.2,1),
             filter .35s cubic-bezier(0.4,0,0.2,1);
}
.bio-handles a.aw:hover{
  text-shadow:
    -0.3px 0 0 rgba(228,72,72,0.5),
    0.3px 0 0 rgba(80,200,255,0.5);
  box-shadow:
    0 0 1px rgba(251,179,21,0.85),
    0 0 6px rgba(251,179,21,0.6),
    0 0 18px rgba(251,179,21,0.45),
    0 6px 16px -8px rgba(251,179,21,0.40);
}
@media (prefers-reduced-motion:reduce){
  .bio-handles a,.bio-handles a:hover{transition:none;transform:none;box-shadow:none;filter:none;text-shadow:none;}
}
.about-closing{
  font-family:'Sansita',Georgia,serif;font-style:italic;font-weight:400;
  font-size:1.1rem;color:rgba(244,242,225,0.78);max-width:60ch;line-height:1.55;
  text-align:center;margin-left:auto;margin-right:auto;
}

/* ────────── CTA — DEEP KODAK RED ────────── */
.cta{
  position:relative;overflow:hidden;color:var(--cream);
  padding:10rem 2rem 6rem;text-align:center;
  background:
    /* Top hot coral — matched falloff to about's bottom (identical ellipse
       height + identical stops + symmetric peak offset) so boundary opacity
       matches exactly from both sides. No more step at the seam. */
    radial-gradient(ellipse 130% 70% at 50% -15%,
      rgba(255,120,88,0.75) 0%,
      rgba(255,120,88,0.55) 15%,
      rgba(255,120,88,0.35) 30%,
      rgba(255,120,88,0.18) 45%,
      rgba(255,120,88,0.06) 60%,
      transparent 78%),
    linear-gradient(to bottom,
      var(--anchor-about-cta) 0%,
      #5C1018 10%,
      var(--bg-cta) 30%,
      var(--bg-cta) 100%);
}
.cta > *{position:relative;z-index:2;}
.cta > .grain{position:absolute;inset:0;z-index:1;}
.cta .inner{max-width:680px;margin:0 auto;}
.cta h2{
  font-family:'Sansita',Georgia,serif;font-weight:800;
  font-size:clamp(2.4rem,5.4vw,3.8rem);letter-spacing:-.012em;
  margin-bottom:1rem;color:var(--cream);line-height:1.02;
}
.cta p{
  font-family:'Sansita',Georgia,serif;font-style:italic;font-weight:400;
  color:rgba(244,242,225,0.78);margin-bottom:2.25rem;font-size:1.1rem;
}
.cta .form-wrap{justify-content:center;margin:0 auto;}
.cta .form-wrap input{
  background:rgba(0,0,0,0.6);border:1px solid rgba(244,242,225,0.55);color:var(--cream);
}
.cta .form-wrap input::placeholder{color:rgba(244,242,225,0.62);}
.cta .form-wrap input:focus{border-color:var(--amber);background:rgba(0,0,0,0.75);}
.cta .form-wrap button{background:var(--amber);color:#3A0810;font-weight:700;}

/* ────────── EMAIL PREVIEW SECTION ────────── */
.preview{
  position:relative;overflow:hidden;color:var(--cream);
  padding:7rem 2rem 7rem;
  background:
    /* Top coral hot spot — matches hero bottom */
    radial-gradient(ellipse 100% 30% at 50% 0%,
      rgba(228,72,72,0.50) 0%,
      rgba(228,72,72,0.30) 20%,
      rgba(228,72,72,0.12) 45%,
      transparent 70%),
    /* Bottom coral hot spot — matches covered top */
    radial-gradient(ellipse 100% 30% at 50% 100%,
      rgba(228,72,72,0.50) 0%,
      rgba(228,72,72,0.30) 20%,
      rgba(228,72,72,0.12) 45%,
      transparent 70%),
    /* Smooth ink color in middle, anchors at edges */
    linear-gradient(to bottom,
      var(--anchor-hero-cov) 0%,
      #15101A 12%,
      var(--bg-hero) 30%,
      var(--bg-hero) 70%,
      #15101A 88%,
      var(--anchor-hero-cov) 100%);
}
.preview > *{position:relative;z-index:2;}
.preview > .grain{position:absolute;inset:0;z-index:1;}
.preview .section-label{
  font-family:'Plus Jakarta Sans',sans-serif;font-size:.95rem;font-weight:700;
  letter-spacing:.22em;text-transform:uppercase;color:var(--amber);
  text-align:center;margin-bottom:2.25rem;
}
.preview .section-inner{max-width:820px;margin:0 auto;}

/* Email mock — copied verbatim from existing landing for fidelity */
.email-mock{background:#0e0e0e;border-radius:12px;overflow:hidden;border:1px solid #303030;max-width:640px;margin:0 auto;font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;box-shadow:0 30px 80px -30px rgba(0,0,0,0.7);}
.mock-chrome{background:#161616;padding:.5rem 1rem;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid #2a2a2a;}
.dots{display:flex;gap:5px;}
.dot{width:10px;height:10px;border-radius:50%;}
.mock-addr{flex:1;background:rgba(255,255,255,.06);border-radius:3px;padding:.2rem .75rem;font-size:.68rem;color:#888;text-align:center;}
.ep-fade{position:relative;max-height:980px;overflow:hidden;}
.ep-fade::after{content:'';position:absolute;left:0;right:0;bottom:0;height:280px;background:linear-gradient(to bottom, rgba(14,14,14,0) 0%, rgba(14,14,14,.85) 60%, rgba(14,14,14,1) 100%);pointer-events:none;}
.ep-content{padding:24px 16px;display:flex;flex-direction:column;gap:16px;}
.ep-card{background:#161616;border:1px solid #303030;border-radius:12px;overflow:hidden;}
.ep-header{padding:32px 28px 28px;text-align:center;position:relative;}
.ep-edition{font-family:'Plus Jakarta Sans',sans-serif;position:absolute;top:14px;left:18px;font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#f0f0f0;}
.ep-pills{display:flex;justify-content:center;gap:8px;margin-bottom:22px;}
.ep-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid #303030;border-radius:999px;padding:5px 12px;font-size:11px;font-weight:500;letter-spacing:.2px;color:#f0f0f0;text-decoration:none;opacity:.85;}
.ep-pill svg{flex-shrink:0;display:block;}
.ep-eyebrow{font-family:'Plus Jakarta Sans',sans-serif;font-size:11px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:#f0f0f0;margin-bottom:12px;}
.ep-logo{display:block;width:280px;max-width:80%;height:auto;margin:0 auto 8px;}
.ep-dates{font-size:14px;color:#f0f0f0;margin:0;}
.ep-accent{display:inline-block;width:40px;height:2px;background:linear-gradient(90deg,#E29700,#FBB315);border-radius:1px;margin:16px auto 0;}
.ep-subtag{text-align:center;font-size:11px;font-style:italic;font-weight:300;color:#f0f0f0;margin:18px 0 0;letter-spacing:.3px;}
.ep-credit{text-align:center;margin:6px 0 0;font-size:11px;line-height:1.6;color:#f0f0f0;}
.ep-credit a{color:#54D0ED;text-decoration:none;}
.ep-credit-plus{color:#a0a0a0;margin:0 6px;}
.ep-stats{display:flex;gap:8px;padding:6px 0;}
.ep-stat{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:22px 6px;border-radius:8px;border:1.5px solid #303030;background:#1c1c1c;}
.ep-stat.is-zero{opacity:.4;}
.ep-stat-num{font-family:'Sansita',Georgia,'Times New Roman',serif;display:inline-flex;align-items:center;justify-content:center;gap:5px;font-size:22px;font-weight:800;line-height:1.1;letter-spacing:-.5px;}
.ep-stat-label{font-family:'Plus Jakarta Sans',sans-serif;font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-top:6px;opacity:.85;}
.ep-s-70mm{border-color:#0FBCEC;color:#54D0ED;background-color:rgba(15,188,236,0.10);}
.ep-s-imax{border-color:#3574B9;color:#54D0ED;}
.ep-s-35mm{border-color:#E29700;color:#FBB315;}
.ep-s-dolby{border-color:#9B1B32;color:#EE475E;}
.ep-s-hdr{background:#1c1c1c;border:1.5px solid #F26B6B;color:#F26B6B;}
.ep-frown{display:inline-flex;align-items:center;opacity:.7;}
.ep-section-head{padding:20px 28px;background:#131313;border-bottom:1px solid #2a2a2a;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:96px;box-sizing:border-box;}
.ep-section-name{font-family:'Sansita',Georgia,'Times New Roman',serif;font-size:22px;font-weight:800;color:#f4f4f4;letter-spacing:-.5px;flex:1;margin:0;}
.ep-section-desc{font-size:11px;font-weight:300;color:#f0f0f0;margin-left:6px;}
.ep-section-logo{flex-shrink:0;opacity:.55;}
.ep-films{padding:12px 16px;}
.ep-film{padding:14px 12px;border-radius:8px;margin-bottom:10px;background:#1c1c1c;border:1px solid #303030;}
.ep-film:last-child{margin-bottom:0;}
.ep-film.is-imax{border:2px solid #13548E;}
.ep-film-row{display:flex;align-items:flex-start;gap:12px;}
.ep-poster{width:56px;height:83px;border-radius:4px;flex-shrink:0;object-fit:cover;display:block;opacity:.95;}
.ep-film-info{flex:1;min-width:0;}
.ep-film-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:2px;}
.ep-film-title{font-family:'Sansita',Georgia,'Times New Roman',serif;font-size:13px;font-weight:800;color:#f0f0f0;line-height:18px;display:inline-block;vertical-align:middle;}
.ep-badge{display:inline-block;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:3px 7px;line-height:10px;border-radius:3px;white-space:nowrap;vertical-align:middle;}
.ep-badge-imax{background:linear-gradient(135deg,#13548E,#3574B9);color:#F4F2E1;}
.ep-theater-attr{font-size:10px;color:#f0f0f0;margin:2px 0 6px;line-height:1.3;}
.ep-theater-attr a{color:#f0f0f0;text-decoration:none;}
.ep-days{display:flex;flex-direction:column;gap:8px;margin-top:8px;}
.ep-day{background:#232323;border:1px solid #303030;border-radius:10px;padding:10px 12px;}
.ep-day-date{font-size:10px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:#f0f0f0;opacity:.7;margin-bottom:7px;}
.ep-day-times{display:flex;flex-wrap:wrap;gap:5px;}
.ep-day-tix{text-align:right;margin-top:8px;}
.ep-day-inline{display:flex;align-items:center;justify-content:space-between;gap:8px;}
.ep-time-chip{display:inline-block;font-size:11px;font-weight:600;color:#f0f0f0;background:#161616;border-radius:5px;line-height:14px;padding:3px 9px;vertical-align:middle;}
.ep-tickets-link{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.5px;color:#f0f0f0;border:1px solid #4a4a4a;border-radius:3px;line-height:14px;padding:2px 9px;flex-shrink:0;text-decoration:none;vertical-align:middle;}
.ep-badge-imax70{background-color:#0C0C0B;background-image:repeating-linear-gradient(90deg,transparent 0 2px,#0FBCEC 2px 5px),repeating-linear-gradient(90deg,transparent 0 2px,#0FBCEC 2px 5px);background-size:5px 2px,5px 2px;background-position:0 0,0 100%;background-repeat:repeat-x,repeat-x;color:#54D0ED;border:1px solid #0FBCEC;padding:3px 9px;line-height:10px;}
/* Standard 70mm badge — teal sprocket-edged film-strip, matching the
   IMAX 70mm and 35mm badges. */
.ep-badge-70mm{background-color:#0C0C0B;background-image:repeating-linear-gradient(90deg,transparent 0 2px,#1FCDA4 2px 5px),repeating-linear-gradient(90deg,transparent 0 2px,#1FCDA4 2px 5px);background-size:5px 2px,5px 2px;background-position:0 0,0 100%;background-repeat:repeat-x,repeat-x;color:#4FE0BD;border:1px solid #1FCDA4;padding:3px 9px;line-height:10px;}
.ep-theater-label{display:block;font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:#f0f0f0;opacity:.6;text-align:right;margin-bottom:4px;}

/* ────────── FOOTER ────────── */
footer{
  background:#08080A;padding:2.5rem 2rem;text-align:center;
  font-family:'Plus Jakarta Sans',sans-serif;font-size:.85rem;color:rgba(244,242,225,0.45);
}
footer a{color:rgba(244,242,225,0.65);text-decoration:none;}
footer a:hover{color:var(--amber);}

/* ────────── MOBILE ────────── */
@media (max-width:600px){
  .hero{padding:5rem 1.25rem 2rem;}
  .covered,.about,.cta{padding:4rem 1.25rem;}
  .about.standalone{padding:3.5rem 1.25rem 4.5rem;}
  .hero-logo{max-width:280px;}
  .hero h1{font-size:1.3rem;}
  .form-wrap{flex-direction:column;}
  .cov-grid{gap:2rem;}
  nav .nav-right{gap:.7rem;}
}

.success-msg{display:none;text-align:center;margin-top:.85rem;font-family:'Plus Jakarta Sans',sans-serif;font-size:.9rem;color:var(--amber);}