/* American Malinois — Cinema Proof Home (framed chapters) */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.cinema{margin:0;background:#050505;color:#fff;font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
img,video{display:block;max-width:100%}
a{color:inherit}
.skip{position:absolute;left:-999px;top:auto}
.skip:focus{left:12px;top:12px;z-index:100;background:#fff;color:#000;padding:8px 12px}

.am-compare-bar{position:sticky;top:0;z-index:50;display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:space-between;padding:8px 16px;background:#0a0a0a;border-bottom:1px solid rgba(255,255,255,.12);font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:700}
.am-compare-bar a{color:#fff;text-decoration:none;opacity:.7}
.am-compare-bar a.is-on{opacity:1;color:#fff;border-bottom:1px solid rgba(255,255,255,.55)}
.am-compare-bar a:hover{opacity:1}

.cnav{position:fixed;inset:36px 0 auto;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:14px clamp(16px,3vw,28px);background:linear-gradient(180deg,rgba(0,0,0,.72),transparent);transition:background .25s,top .2s}
.cnav.is-scrolled{background:rgba(0,0,0,.88);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.08)}
.cnav__brand{font-size:11px;letter-spacing:.22em;text-transform:uppercase;font-weight:800;text-decoration:none}
.cnav__links{display:flex;align-items:center;gap:clamp(14px,2vw,26px)}
.cnav__links a{font-size:11px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;opacity:.78;font-weight:600}
.cnav__links a:hover{opacity:1}
.cnav__cta{border:1px solid rgba(255,255,255,.45);padding:8px 12px;opacity:1 !important}
.cnav__toggle{display:none;background:none;border:0;width:40px;height:40px;padding:10px;cursor:pointer}
.cnav__toggle span{display:block;height:1px;background:#fff;margin:7px 0}

/* Framed chapters — hard edges + gap, not glued full-bleeds */
.cinema-main{display:flex;flex-direction:column;gap:18px;padding:18px clamp(12px,2.5vw,28px) 28px;background:#050505}
.chapter{position:relative;min-height:calc(100svh - 72px);display:grid;place-items:center;overflow:hidden;isolation:isolate;border:1px solid rgba(255,255,255,.16);background:#000;box-shadow:0 0 0 1px rgba(0,0,0,.85)}
.chapter--hero{min-height:unset;width:100%;aspect-ratio:16/9;max-height:calc(100svh - 72px)}
.chapter__media{position:absolute;inset:0;z-index:0;background:#000}
.chapter__media img,.chapter__video{width:100%;height:100%;object-fit:cover;object-position:center center;filter:brightness(.78)}
.chapter--hero .chapter__video{object-fit:cover;filter:brightness(.95)}
/* Default chapter: light top/bottom veil */
.chapter__scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.38) 0%,transparent 38%,transparent 58%,rgba(0,0,0,.68) 100%);pointer-events:none}
.chapter__scrim--heavy{background:rgba(0,0,0,.58)}
/* Hero: no full-frame scrim — subtle bottom gradient only behind copy */
.chapter--hero .chapter__scrim{background:linear-gradient(180deg,transparent 0%,transparent 48%,rgba(0,0,0,.22) 72%,rgba(0,0,0,.58) 100%)}
.chapter__copy{position:relative;z-index:2;width:min(720px,90%);padding:72px 24px 64px;text-align:left}
.chapter__copy--center{text-align:center}
.chapter__copy--wide{width:min(860px,92%)}
/* Hero copy: lower-left anchor, compact */
.chapter--hero{place-items:end start}
.chapter--hero .chapter__copy{
  width:min(520px,88%);
  padding:0 0 clamp(28px,4vw,48px) clamp(20px,3vw,36px);
  margin:0;
  text-align:left;
  align-self:end;
  justify-self:start;
}
.chapter--hero .chapter__title{
  font-size:clamp(22px,3.2vw,40px);
  font-weight:600;
  letter-spacing:-.03em;
  line-height:1.12;
  max-width:16ch;
}
.chapter--hero .chapter__n{margin:0 0 8px;font-size:10px;letter-spacing:.26em;opacity:.7}
.chapter--hero .chapter__cap{margin:10px 0 0;font-size:clamp(13px,1.2vw,15px);max-width:34ch;opacity:.72;line-height:1.45}
.chapter--hero .chapter__actions{margin-top:16px}
.chapter--hero .chapter__foot{opacity:.4}
.chapter__n{margin:0 0 14px;font-size:11px;letter-spacing:.28em;text-transform:uppercase;font-weight:800;opacity:.72}
.chapter__title{margin:0;font-size:clamp(34px,6vw,68px);font-weight:600;letter-spacing:-.04em;line-height:1.05;text-wrap:balance}
.chapter__title--sm{font-size:clamp(28px,4.6vw,52px)}
.chapter__cap{margin:16px 0 0;font-size:clamp(14px,1.4vw,17px);line-height:1.55;letter-spacing:.02em;opacity:.78;max-width:42ch}
.chapter__copy--center .chapter__cap{margin-left:auto;margin-right:auto}
.chapter__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.chapter__copy--center .chapter__actions{justify-content:center}
.chapter__foot{position:absolute;left:clamp(16px,3vw,28px);right:clamp(16px,3vw,28px);bottom:22px;z-index:2;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.2em;text-transform:uppercase;opacity:.55;font-weight:700}

.cbtn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 18px;border:1px solid rgba(255,255,255,.7);background:#fff;color:#000;font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:800;text-decoration:none}
.cbtn--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.45)}

.cproof{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(255,255,255,.14);background:#0a0a0a}
.cproof__item{padding:18px 16px;text-align:center;border-right:1px solid rgba(255,255,255,.08)}
.cproof__item:last-child{border-right:0}
.cproof strong{display:block;font-size:12px;letter-spacing:.16em;text-transform:uppercase}
.cproof span{display:block;margin-top:6px;font-size:11px;opacity:.55;letter-spacing:.1em;text-transform:uppercase}

.csteps{list-style:none;display:flex;flex-wrap:wrap;gap:10px 18px;margin:28px 0 0;padding:0}
.csteps li{font-size:12px;letter-spacing:.14em;text-transform:uppercase;opacity:.8;font-weight:600}
.csteps span{opacity:.45;margin-right:8px}

.cinquire{padding:clamp(72px,12vw,120px) 24px;text-align:center;background:#070707;border:1px solid rgba(255,255,255,.14)}
.cinquire .chapter__cap{margin-left:auto;margin-right:auto}
.cmail{margin-top:18px;font-size:13px;opacity:.55}
.cmail a{text-decoration:none;border-bottom:1px solid rgba(255,255,255,.25)}

.cfoot{padding:28px 20px 40px;text-align:center;font-size:11px;letter-spacing:.08em;opacity:.45;background:#050505}

.cgov{position:fixed;right:16px;bottom:16px;z-index:35;width:150px;padding:10px 12px;background:rgba(0,0,0,.86);border:1px solid rgba(255,255,255,.2);text-decoration:none;font-size:9px;letter-spacing:.12em;text-transform:uppercase}
.cgov strong{display:block;font-size:9px;margin-bottom:4px}
.cgov span{opacity:.6}

/* LE tactical extensions (cinema system) */
body.cinema-leo{background:#07080a}
body.cinema-leo .cinema-main{background:#07080a}
body.cinema-leo .chapter{border-color:rgba(180,190,170,.14);background:#0a0b0c}
body.cinema-leo .chapter--hero .chapter__video{filter:brightness(.9) saturate(.85)}
body.cinema-leo .chapter__n{letter-spacing:.32em;opacity:.65;color:#c5cfc0}
body.cinema-leo .cproof{background:#0c0e0c;border-color:rgba(180,190,170,.12)}
body.cinema-leo .cinquire{background:#0a0c0a;border-color:rgba(180,190,170,.14)}
.cspec{display:grid;grid-template-columns:repeat(2,1fr);gap:0;margin-top:28px;border:1px solid rgba(180,190,170,.18);background:rgba(8,10,9,.72);width:min(720px,100%)}
.cspec__row{display:grid;grid-template-columns:140px 1fr;gap:12px;padding:14px 16px;border-bottom:1px solid rgba(180,190,170,.12);border-right:1px solid rgba(180,190,170,.12)}
.cspec__row:nth-child(2n){border-right:0}
.cspec__row:nth-last-child(-n+2){border-bottom:0}
.cspec__k{font-size:10px;letter-spacing:.2em;text-transform:uppercase;font-weight:800;opacity:.55;align-self:start;padding-top:2px}
.cspec__v{font-size:13px;line-height:1.5;opacity:.85;margin:0}
.chapter--spec{place-items:center start}
.chapter--spec .chapter__copy{width:min(900px,92%)}
.cleo-partners{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px;width:min(900px,100%)}
.cleo-partner{border:1px solid rgba(180,190,170,.16);background:rgba(10,12,11,.75);padding:18px}
.cleo-partner img{width:100%;height:220px;object-fit:cover;object-position:center top;margin-bottom:14px;filter:brightness(.85) saturate(.8)}
.cleo-partner h3{margin:0 0 8px;font-size:18px;font-weight:600;letter-spacing:-.02em}
.cleo-partner p{margin:0;font-size:13px;line-height:1.55;opacity:.72}
.cleo-partner .cleo-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.cleo-partner .cleo-links a{font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;text-decoration:none;border:1px solid rgba(255,255,255,.28);padding:8px 12px;opacity:.85}
.cleo-partner .cleo-links a:hover{opacity:1}
.chapter--text-dark{background:#0b0d0c}
.chapter--text-dark .chapter__media img{filter:brightness(.35) saturate(.7)}

@media(max-width:900px){
  .cnav{inset:0 0 auto}
  .cnav__toggle{display:block;z-index:60}
  .cnav__links{position:fixed;inset:0;background:#000;flex-direction:column;justify-content:center;gap:28px;transform:translateY(-110%);opacity:0;visibility:hidden;transition:.35s}
  .cnav.is-open .cnav__links{transform:none;opacity:1;visibility:visible}
  .cinema-main{gap:14px;padding:12px}
  /* Phone: full-height chapters; hero can use portrait reel */
  .chapter{min-height:calc(100svh - 48px)}
  .chapter--hero{aspect-ratio:unset;min-height:calc(100svh - 48px);max-height:none}
  .chapter--hero .chapter__copy{
    width:min(100%,92%);
    padding:0 14px calc(14px + env(safe-area-inset-bottom));
    /* keep block short so most of the reel stays clear */
    max-width:280px;
  }
  .chapter--hero .chapter__n{margin:0 0 6px;font-size:9px}
  .chapter--hero .chapter__title{font-size:clamp(18px,5.6vw,24px);max-width:14ch;line-height:1.15}
  .chapter--hero .chapter__cap{display:none} /* keep mobile hero compact — video readable */
  .chapter--hero .chapter__actions{margin-top:10px}
  .chapter--hero .chapter__actions .cbtn{min-height:36px;padding:8px 12px;font-size:10px}
  .cproof{grid-template-columns:1fr 1fr}
  .cproof__item:nth-child(2){border-right:0}
  .cgov{width:132px;right:12px;bottom:12px}
  .cspec{grid-template-columns:1fr}
  .cspec__row{grid-template-columns:110px 1fr;border-right:0}
  .cspec__row:nth-last-child(1){border-bottom:0}
  .cspec__row:nth-last-child(2){border-bottom:1px solid rgba(180,190,170,.12)}
  .cleo-partners{grid-template-columns:1fr}
}
@media(max-width:520px){
  .chapter__foot{display:none}
  .cproof{grid-template-columns:1fr}
  .cproof__item{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}
  .am-compare-bar{font-size:9px;padding:8px 10px}
}