/* /the-lab/max-sundell/ AI-analyst page: section styles from the batch-2 master
   the-lab-max-sundell.html. Global chrome (nav/footer/buttons .cta|.btn-*), reset, body,
   .wrap, h1-h3, .eyebrow + responsive hero type come from style.css + responsive.css; only
   this page's section vocabulary lives here. NO stat band: 100svh full-viewport content hero, NOT the .hero-unit system. The master's .hero is renamed .ac-hero so
   responsive header.ac-hero h1{var(--hero-h1)} governs heading size (master 88vh + the h1
   clamp dropped). responsive.css relaxes header.ac-hero to min-height:auto at <=860; this
   sheet loads after, so the refills below keep the hero at 100svh (and fill on phone). The
   only border-radius is the .mono identity circle. */

  /* Hero (100svh content hero; h1 size via responsive.css; warm gradient, no scrim/image). */
  .ac-hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden;background:radial-gradient(100% 115% at 80% -5%, rgba(201,166,115,.18), rgba(201,166,115,0) 55%),linear-gradient(165deg,#3a2c1b 0%,#2b2015 60%,#241b12 100%);}
  @media(max-width:860px){ header.ac-hero{ min-height:100svh; } }
  @media(max-width:600px){ header.ac-hero{ min-height:100svh; } }
  .ac-hero .inner{position:relative;padding-bottom:74px;width:100%;}
  .crumb{font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.65);margin-bottom:30px;}
  .crumb a{color:rgba(255,255,255,.65);text-decoration:none;}
  .crumb a:hover{color:#e8c79a;}
  .ac-hero .mono{width:96px;height:96px;border-radius:50%;border:1px solid rgba(232,199,154,.5);display:flex;align-items:center;justify-content:center;font-family:'Fraunces';font-style:italic;font-size:2.4rem;color:#e8c79a;margin-bottom:30px;}
  .ac-hero h1{color:#fff;margin-bottom:14px;}
  .ac-hero .role{font-family:'Archivo';font-weight:400;font-size:1.1rem;letter-spacing:.04em;color:#e8c79a;margin-bottom:24px;}
  .ac-hero .sub{color:rgba(255,255,255,.86);font-size:1.2rem;max-width:58ch;}
  .ac-hero .sub em{font-family:'Fraunces';font-style:italic;color:#d9b783;}
  .ac-hero .aiflag{margin-top:26px;display:inline-block;border:1px solid rgba(232,199,154,.45);color:#e8c79a;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;padding:9px 18px;}

  .sec{padding:110px 0;}
  .sec-head{max-width:50ch;margin-bottom:50px;}
  .sec-head h2{font-size:clamp(1.9rem,4vw,3rem);margin:18px 0;}
  .sec-head h2 em{font-family:'Fraunces';font-style:italic;color:var(--accent);}
  .sec-head p{color:var(--ink-soft);font-size:1.1rem;}
  .lead p{color:var(--ink-soft);font-size:1.16rem;max-width:64ch;margin-bottom:22px;}
  .lead p em{font-family:'Fraunces';font-style:italic;color:var(--accent);}
  .lead p strong{font-weight:400;color:var(--ink);}

  /* DATA FEATURE */
  .data{background:radial-gradient(90% 120% at 82% -10%, rgba(201,166,115,.14), rgba(201,166,115,0) 55%),linear-gradient(165deg,#352819 0%,#271d12 100%);color:var(--night-text);}
  .data .eyebrow{color:#c79a5e;}
  .data-grid{display:grid;grid-template-columns:auto 1fr;gap:56px;align-items:center;}
  .data .big{font-family:'Fraunces';font-style:italic;font-weight:300;font-size:clamp(5rem,12vw,9rem);line-height:.85;color:#e8c79a;}
  .data .big span{display:block;font-size:.26em;letter-spacing:.16em;text-transform:uppercase;color:#9b8e74;margin-top:14px;font-family:'Archivo';font-style:normal;font-weight:500;}
  .data h2{color:#efe4d2;font-size:clamp(1.8rem,3.6vw,2.6rem);margin-bottom:20px;max-width:22ch;}
  .data h2 em{font-family:'Fraunces';font-style:italic;color:#d9b783;}
  .data p{color:#b3a78f;font-size:1.1rem;max-width:54ch;}
  .data p strong{color:#efe4d2;font-weight:400;}
  @media(max-width:760px){.data-grid{grid-template-columns:1fr;gap:30px;}}

  /* HUMAN + AI */
  .pair{background:var(--paper-deep);}
  .pair-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin-top:50px;}
  .pair-grid>div{background:var(--paper);padding:42px 40px;}
  .pair-grid .role{font-family:'Archivo';font-weight:500;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:14px;}
  .pair-grid h3{font-size:1.5rem;margin-bottom:14px;}
  .pair-grid p{color:var(--ink-soft);font-size:1rem;}
  .pair .joiner{text-align:center;margin-top:40px;font-family:'Fraunces';font-style:italic;font-size:clamp(1.4rem,2.6vw,1.9rem);color:var(--ink);max-width:40ch;margin-left:auto;margin-right:auto;}
  .pair .joiner em{color:var(--accent);}
  @media(max-width:680px){.pair-grid{grid-template-columns:1fr;}}

  /* DOMAINS + STANDARDS */
  .cols{display:grid;grid-template-columns:1fr 1fr;gap:56px;}
  .cols .col h3{font-size:1.3rem;margin-bottom:22px;}
  .cols ul{list-style:none;}
  .cols li{padding:13px 0;border-top:1px solid var(--line);color:var(--ink-soft);font-size:.98rem;}
  .cols li b{color:var(--ink);font-weight:400;}
  @media(max-width:680px){.cols{grid-template-columns:1fr;gap:30px;}}

  /* LINEAGE */
  .lineage{background:var(--paper-deep);}
  .lin-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:50px;}
  .lin-card{background:var(--paper);border:1px solid var(--line);padding:40px 38px;}
  .lin-card .yr{font-family:'Fraunces';font-style:italic;color:var(--accent);font-size:1rem;}
  .lin-card h3{font-size:1.5rem;margin:8px 0 12px;}
  .lin-card p{color:var(--ink-soft);font-size:1rem;}
  .lin-note{margin-top:36px;font-family:'Fraunces';font-style:italic;color:var(--ink-soft);font-size:1.15rem;max-width:56ch;}
  .lin-note em{color:var(--accent);}
  @media(max-width:680px){.lin-grid{grid-template-columns:1fr;}}

  /* PRINCIPLES + SCOPE */
  .principles ol{list-style:none;counter-reset:p;max-width:70ch;}
  .principles li{counter-increment:p;padding:22px 0 22px 54px;border-top:1px solid var(--line);position:relative;color:var(--ink-soft);font-size:1.05rem;}
  .principles li::before{content:counter(p,decimal-leading-zero);position:absolute;left:0;top:22px;font-family:'Fraunces';font-style:italic;color:var(--accent);font-size:1.1rem;}
  .principles li b{color:var(--ink);font-weight:400;}

  .scope{background:var(--paper-deep);}
  .scope .narrow{max-width:760px;}
  .scope .eyebrow{margin-bottom:24px;}
  .scope ul{list-style:none;}
  .scope li{padding:16px 0 16px 26px;border-top:1px solid var(--line);color:var(--ink-soft);font-size:1rem;position:relative;}
  .scope li::before{content:"";position:absolute;left:0;top:25px;width:12px;height:1px;background:var(--accent);}
  .scope .lead-line{font-family:'Fraunces';font-style:italic;color:var(--ink);font-size:1.2rem;margin-bottom:30px;max-width:60ch;}

  .final{background:var(--night);color:var(--night-text);text-align:center;padding:120px 0;}
  .final .eyebrow{color:#c79a5e;}
  .final h2{color:#efe4d2;font-size:clamp(2rem,4.4vw,3.2rem);margin:22px auto;max-width:24ch;}
  .final h2 em{font-family:'Fraunces';font-style:italic;color:#d9b783;}
  .final p{color:#a89c84;max-width:50ch;margin:0 auto 30px;}

  .reveal{opacity:0;transform:translateY(28px);transition:opacity 1s cubic-bezier(.2,.7,.3,1),transform 1s cubic-bezier(.2,.7,.3,1);}
  .reveal.in{opacity:1;transform:none;}
  :target{scroll-margin-top:90px;}
  @media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none;}}