:root{
    --sand:#f9f5ed; --sand2:#fcf9f2; --paper:#fdfbf6; --card:#fffefb;
    --ink:#211f18; --ink2:#514c40; --mut:#8a8371; --line:#efe8db; --line2:#f5efe4;
    --gold:#a06d18; --gold2:#c1953a; --gold-soft:#f4ecd7;
    --sage:#5d6a52; --terra:#b5673d;
    --serif:'Playfair Display',Georgia,'Times New Roman',serif;
    --sans:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
    --mono:'IBM Plex Mono',monospace;
    --sh:0 1px 2px rgba(60,48,20,.05),0 10px 34px rgba(60,48,20,.07);
    --shl:0 2px 6px rgba(60,48,20,.06),0 22px 60px rgba(60,48,20,.12);
    --rad:20px;
  }
  *{box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{
    margin:0; background:var(--sand); color:var(--ink);
    font-family:var(--sans); line-height:1.62; font-size:17px;
    -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
    overflow-x:hidden;
  }
  .col{max-width:1180px; margin:0 auto; padding:0 26px}
  .num{font-variant-numeric:tabular-nums}
  a{color:inherit}
  h1,h2,h3{font-family:var(--serif); font-weight:500; letter-spacing:-.01em; text-wrap:balance; margin:0}
  ::selection{background:var(--gold-soft)}
  :focus-visible{outline:2px solid var(--gold); outline-offset:3px; border-radius:4px}
  .label{font-family:var(--mono); font-size:11px; letter-spacing:.14em; text-transform:uppercase}

  .nav{position:sticky; top:0; z-index:40; backdrop-filter:saturate(1.3) blur(10px); -webkit-backdrop-filter:saturate(1.3) blur(10px);
    background:rgba(249,245,237,.82); border-bottom:1px solid var(--line)}
  .nav .col{display:flex; align-items:center; justify-content:space-between; height:66px}
  .logo{font-family:var(--serif); font-size:23px; font-weight:600; letter-spacing:-.02em}
  .logo b{color:var(--gold)}
  .nav-mid{display:flex; gap:26px; font-size:14px; font-weight:600}
  .nav-mid a{text-decoration:none; color:var(--ink2); padding:7px 0; border-bottom:1px solid transparent; transition:color .15s,border-color .15s}
  .nav-mid a:hover{color:var(--gold); border-color:var(--gold2)}
  @media(max-width:980px){.nav-mid{display:none}}
  .nav-r{display:flex; align-items:center; gap:18px}
  .lang{display:flex; gap:2px; background:rgba(255,255,255,.45); border:1px solid var(--line);
    border-radius:999px; padding:3px}
  .lang a{font-family:var(--sans); font-size:12px; font-weight:600; letter-spacing:.03em; text-decoration:none;
    border:0; background:transparent; color:var(--mut); padding:5px 11px; border-radius:999px; display:inline-block; transition:all .15s}
  .lang a[aria-current="true"]{background:var(--ink); color:var(--paper)}

  .cta{position:relative; display:inline-flex; align-items:center; gap:8px; font-family:var(--sans); font-weight:600;
    font-size:14.5px; text-decoration:none; color:#341c02; white-space:nowrap; overflow:hidden;
    background:
      radial-gradient(38% 60% at 80% 88%, rgba(50,20,3,.62) 0%, rgba(50,20,3,0) 60%),
      radial-gradient(46% 70% at 12% 92%, rgba(255,196,110,.4) 0%, rgba(255,196,110,0) 55%),
      radial-gradient(55% 85% at 85% 8%, rgba(255,255,255,.42) 0%, rgba(255,255,255,0) 48%),
      radial-gradient(65% 100% at 15% -10%, rgba(255,241,210,.92) 0%, rgba(255,241,210,0) 40%),
      linear-gradient(128deg, rgba(242,200,105,.92) 0%, rgba(224,160,56,.92) 20%, rgba(201,118,28,.9) 42%, rgba(168,92,18,.9) 58%, rgba(124,63,10,.88) 78%, rgba(92,46,7,.88) 100%);
    border:1px solid rgba(255,214,150,.5);
    padding:11px 22px; border-radius:999px;
    box-shadow:
      inset 0 2px 3px rgba(255,240,210,.8),
      inset 2px 0 3px rgba(255,255,255,.2),
      inset -3px -9px 13px rgba(60,26,4,.62),
      0 3px 6px rgba(110,64,14,.32), 0 12px 26px rgba(150,90,20,.34);
    transition:transform .16s ease, box-shadow .16s ease, filter .16s ease}
  .cta::before{content:""; position:absolute; inset:0; pointer-events:none; mix-blend-mode:overlay; opacity:.88;
    background:
      linear-gradient(115deg, transparent 0%, transparent 28%, rgba(255,255,255,.5) 30%, rgba(255,255,255,.05) 32%, transparent 34%, transparent 52%, rgba(0,0,0,.35) 54%, transparent 57%),
      linear-gradient(48deg, transparent 0%, transparent 62%, rgba(255,255,255,.4) 65%, transparent 68%, transparent 82%, rgba(0,0,0,.22) 84%, transparent 87%),
      linear-gradient(172deg, transparent 0%, transparent 70%, rgba(255,255,255,.28) 73%, transparent 76%)}
  .cta::after{content:""; position:absolute; left:6%; top:4%; width:34%; height:30%; border-radius:50%;
    background:radial-gradient(circle, rgba(255,252,238,.95), rgba(255,252,238,0) 68%);
    filter:blur(0.5px); pointer-events:none}
  .cta:hover{transform:translateY(-2px); filter:brightness(1.05) saturate(1.1);
    box-shadow:
      inset 0 2px 3px rgba(255,248,224,.9),
      inset 0 -6px 10px rgba(90,50,10,.42),
      0 5px 10px rgba(120,74,18,.32), 0 18px 36px rgba(160,100,25,.4)}
  .cta:active{transform:translateY(0); filter:brightness(.97)}
  .cta.ghost{color:var(--ink); border:1px solid rgba(33,31,24,.5);
    background:linear-gradient(180deg, rgba(255,255,255,.6), rgba(255,255,255,.12));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.75), 0 4px 12px rgba(94,62,18,.1)}
  .cta.ghost:hover{background:var(--ink); color:var(--paper); border-color:var(--ink); transform:translateY(-2px);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.12), 0 12px 26px rgba(30,26,18,.3)}
  .cta.ghost:active{transform:translateY(0)}

  .hero{padding:clamp(56px,9vw,110px) 0 clamp(48px,7vw,80px); position:relative}
  .bg-field{position:fixed; inset:0; z-index:-1; overflow:hidden; pointer-events:none}
  .blob{position:absolute; border-radius:50%; filter:blur(72px)}
  .blob.bA{width:540px; height:540px; left:-130px; top:-90px; background:radial-gradient(circle,#ecc879,transparent 68%); opacity:.5}
  .blob.bB{width:620px; height:620px; right:-180px; top:30%; background:radial-gradient(circle,#c9d3e0,transparent 66%); opacity:.4}
  .blob.bC{width:500px; height:500px; left:18%; bottom:-160px; background:radial-gradient(circle,#f0d9a4,transparent 66%); opacity:.42}
  .ghost-word{position:absolute; right:-3%; top:22%; font-family:var(--serif); font-weight:600;
    font-size:30vw; line-height:.78; color:#9a7220; opacity:.055; letter-spacing:-.03em; white-space:nowrap}
  .cursor-glow{position:fixed; top:0; left:0; width:560px; height:560px; margin:-280px 0 0 -280px; z-index:-1;
    pointer-events:none; border-radius:50%; opacity:0; transition:opacity .5s ease; will-change:transform;
    background:radial-gradient(circle, rgba(228,184,90,.22), rgba(228,184,90,0) 60%)}

  .reveal{opacity:0; transform:translateY(38px); transition:opacity .7s cubic-bezier(.2,.7,.2,1), transform .7s cubic-bezier(.2,.7,.2,1)}
  .reveal.in{opacity:1; transform:none}
  .eyebrow{font-size:12px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:var(--gold); margin:0 0 22px}
  .eyebrow.mono{font-family:var(--mono); letter-spacing:.1em}
  .hero h1{font-size:clamp(40px,5.6vw,68px); line-height:1.05; max-width:19ch}
  .hero .lede{font-size:clamp(17px,2.1vw,20px); color:var(--ink2); max-width:56ch; margin:26px 0 0; line-height:1.55}
  .hero .acts{display:flex; flex-wrap:wrap; gap:13px; margin:36px 0 0; align-items:center}
  .hero .cta{font-size:15px; padding:14px 26px}
  .strapline{margin:44px 0 0; padding-top:22px; border-top:1px solid var(--line); font-family:var(--mono); font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:var(--mut)}

  section{position:relative}
  .band{padding:clamp(52px,8vw,92px) 0}
  .band.paper{background:rgba(253,251,246,.55); backdrop-filter:saturate(1.15) blur(10px); -webkit-backdrop-filter:saturate(1.15) blur(10px)}
  .sec-head{max-width:52ch; margin:0 0 40px}
  .sec-head .eyebrow{margin-bottom:14px}
  .sec-head h2{font-size:clamp(28px,4.2vw,42px); line-height:1.1}
  .sec-head p{color:var(--ink2); font-size:16.5px; margin:16px 0 0}

  /* flow diagram */
  .flow-wrap{margin-bottom:8px}
  .flow-tag{text-align:center; font-family:var(--mono); font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--mut)}
  .flowrow{display:flex; align-items:center; justify-content:center; gap:8px; margin:16px 0; flex-wrap:wrap}
  .flowrow .fnode{background:rgba(255,254,251,.8); border:1px solid var(--line2); border-radius:10px; padding:13px 18px; font-size:14px; font-weight:600; box-shadow:var(--sh)}
  .flowrow .arrow{color:var(--gold); font-size:16px}

  .cards3{display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-bottom:30px}
  .card{background:rgba(255,254,251,.72); border:1px solid var(--line2); border-radius:16px; padding:24px 22px; box-shadow:var(--sh)}
  .card .label{color:var(--gold); margin-bottom:10px; display:block}
  .card p{font-size:14.5px; color:var(--ink2); margin:0}
  .closing-line{font-family:var(--serif); font-size:20px; font-weight:600; border-left:3px solid var(--gold); padding-left:18px; max-width:700px}
  @media(max-width:860px){ .cards3{grid-template-columns:1fr} }

  /* what atlas sees */
  .seegrid{display:grid; grid-template-columns:repeat(5,1fr); gap:14px}
  .seegrid .card{padding:20px 18px}
  .seegrid .card h3{font-size:15px; margin-bottom:8px}
  .seegrid .card p{font-size:13px}
  @media(max-width:980px){ .seegrid{grid-template-columns:repeat(3,1fr)} }
  @media(max-width:620px){ .seegrid{grid-template-columns:1fr 1fr} }

  .objlist{display:flex; flex-wrap:wrap; gap:10px; margin-bottom:24px}
  .objlist span{background:rgba(255,254,251,.72); border:1px solid var(--line2); border-radius:20px; padding:8px 16px; font-size:13.5px}
  .note-box{background:var(--gold-soft); border-radius:12px; padding:16px 20px; font-size:14.5px; color:var(--ink2); max-width:820px}

  .cap-grid{display:grid; grid-template-columns:1fr 1fr; gap:20px}
  .capcard{background:rgba(255,254,251,.74); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px);
    border:1px solid var(--line2); border-radius:var(--rad); box-shadow:var(--sh); padding:26px 26px}
  .capcard .top{display:flex; justify-content:space-between; align-items:flex-start; gap:14px; margin-bottom:8px}
  .capcard h3{font-size:19px; line-height:1.2}
  .status{font-family:var(--mono); font-size:10px; letter-spacing:.08em; text-transform:uppercase; font-weight:600; padding:5px 11px; border-radius:20px; white-space:nowrap}
  .status.now{background:#e8efe4; color:var(--sage)}
  .status.bounded{background:var(--gold-soft); color:var(--gold)}
  .status.controlled{background:#e6edf3; color:#3f5e7d}
  .status.pilot{background:#f0e6f5; color:#7a4a9a}
  .capcard p{font-size:14.5px; color:var(--ink2); margin:0 0 10px}
  .capcard .out{font-size:13px; color:var(--mut)}
  .capcard .flag{font-size:12.5px; color:var(--gold); font-style:italic; margin-top:8px}
  @media(max-width:860px){ .cap-grid{grid-template-columns:1fr} }

  table{width:100%; border-collapse:collapse; background:rgba(255,254,251,.8); border:1px solid var(--line2); border-radius:16px; overflow:hidden; box-shadow:var(--sh)}
  th,td{padding:16px 22px; text-align:left; font-size:14.5px; border-bottom:1px solid var(--line)}
  th{background:var(--ink); color:var(--paper); font-family:var(--mono); font-size:11px; letter-spacing:.1em; text-transform:uppercase; font-weight:normal}
  tr:last-child td{border-bottom:none}
  td.trad{color:var(--mut)}
  td.atlas{font-weight:600}

  /* engagement */
  .steps{display:flex; align-items:stretch; gap:10px; counter-reset:s}
  .steps .step{flex:1; position:relative; padding:26px 20px; background:rgba(255,254,251,.72); border:1px solid var(--line2); border-radius:16px; box-shadow:var(--sh)}
  .steps .arrow{color:var(--gold); font-size:20px; align-self:center; flex:0 0 auto}
  .step::before{counter-increment:s; content:"0" counter(s); font-family:var(--serif); font-size:30px; color:var(--gold2); font-weight:600; display:block; margin-bottom:8px}
  .step h3{font-size:16.5px; margin:0 0 7px}
  .step p{margin:0; font-size:13px; color:var(--ink2)}
  @media(max-width:900px){ .steps{flex-direction:column} .steps .arrow{transform:rotate(90deg); margin:0 auto} }

  .status4{display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-bottom:26px}
  .status4 .s{background:rgba(255,254,251,.74); border:1px solid var(--line2); border-radius:14px; padding:20px; text-align:center}
  .status4 .s b{display:block; font-family:var(--mono); font-size:14px; letter-spacing:.05em; margin-bottom:6px}
  .status4 .s.observed b{color:var(--sage)}
  .status4 .s.derived b{color:#3f5e7d}
  .status4 .s.inferred b{color:var(--gold)}
  .status4 .s.unknown b{color:var(--terra)}
  .status4 .s span{font-size:12.5px; color:var(--mut)}
  ul.discipline{list-style:none; margin-top:16px; max-width:760px}
  ul.discipline li{font-size:14.5px; color:var(--ink2); padding-left:20px; position:relative; margin-bottom:8px}
  ul.discipline li:before{content:"◆"; color:var(--gold); position:absolute; left:0; font-size:10px; top:6px}
  @media(max-width:860px){ .status4{grid-template-columns:1fr 1fr} }

  /* previews */
  .preview-grid{display:grid; grid-template-columns:1fr 1fr; gap:20px}
  .example{background:rgba(255,254,251,.74); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px);
    border:1px solid var(--line2); border-radius:var(--rad); box-shadow:var(--sh); overflow:hidden; padding:clamp(24px,3vw,32px); display:flex; flex-direction:column}
  .example .kicker{font-size:12px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:var(--gold)}
  .example h3{font-size:clamp(20px,2.4vw,25px); margin:10px 0 0; line-height:1.15}
  .example .desc{color:var(--ink2); margin:14px 0 0; font-size:14.5px; flex:1}
  .example .cta{margin-top:20px; align-self:flex-start}
  .preview-disclaimer{font-size:12px; color:var(--mut); font-style:italic; margin-top:18px}
  @media(max-width:760px){ .preview-grid{grid-template-columns:1fr} }

  /* system map */
  .mapwrap{display:flex; justify-content:center; padding:20px 0}
  .sysmap-radial{position:relative; width:720px; height:720px; max-width:100%}
  .sysmap-radial svg{position:absolute; inset:0; width:100%; height:100%}
  .sysmap-radial svg line{stroke:var(--line); stroke-width:1; transition:stroke .2s}
  .sysmap-radial svg line.dashed{stroke:var(--gold2); stroke-dasharray:3 4; stroke-width:1.1}
  .sysmap-radial .center{position:absolute; left:360px; top:360px; transform:translate(-50%,-50%); width:96px; height:96px; border-radius:50%;
    background:var(--ink); color:var(--paper); display:flex; align-items:center; justify-content:center; font-family:var(--serif); font-size:16px; font-weight:600; box-shadow:var(--shl); z-index:2}
  .sysmap-radial .node{position:absolute; transform:translate(-50%,-50%); background:rgba(255,254,251,.9); border:1px solid var(--line2); border-radius:20px;
    padding:7px 13px; font-family:var(--mono); font-size:11.5px; color:var(--ink2); box-shadow:var(--sh); cursor:default; transition:all .18s; z-index:2}
  .sysmap-radial .node.outer{font-size:10.5px; opacity:.78}
  .sysmap-radial .node.mid{opacity:.9}
  .sysmap-radial .node:hover{background:var(--gold-soft); border-color:var(--gold2); color:var(--gold); font-weight:600; opacity:1; transform:translate(-50%,-50%) scale(1.08)}
  @media(max-width:760px){ .sysmap-radial{transform:scale(.5); margin:-180px -100px} }

  /* about */
  .about-block{max-width:64ch}
  .about-block p{font-size:16.5px; color:var(--ink2); margin:0 0 16px}
  .about-block .principle{font-family:var(--serif); font-size:21px; font-weight:600; color:var(--ink); margin:22px 0; border-left:3px solid var(--gold); padding-left:18px}

  .close{background:var(--ink); color:var(--paper); padding:clamp(70px,10vw,120px) 0; text-align:center}
  .close h2{font-size:clamp(32px,4.8vw,50px); color:var(--paper); max-width:18ch; margin:0 auto; line-height:1.1}
  .close p{color:rgba(246,242,233,.72); font-size:16.5px; max-width:46ch; margin:20px auto 0}
  .close .acts{margin-top:34px; display:flex; gap:13px; flex-wrap:wrap; justify-content:center}
  .close .cta.ghost{border-color:rgba(246,242,233,.4); color:var(--paper); background:linear-gradient(180deg, rgba(255,255,255,.1), rgba(255,255,255,.02))}
  .close .cta.ghost:hover{background:var(--gold); color:#341c02; border-color:var(--gold2)}

  footer{background:var(--ink); color:rgba(246,242,233,.6); padding:34px 0; border-top:1px solid rgba(246,242,233,.12); font-size:13.5px}
  footer .col{display:flex; flex-wrap:wrap; gap:20px; justify-content:space-between; align-items:center}
  footer a{color:rgba(246,242,233,.85); text-decoration:none}
  footer a:hover{color:var(--gold2)}
  footer .flinks{display:flex; gap:18px; flex-wrap:wrap}

  @media(prefers-reduced-motion:reduce){ *{scroll-behavior:auto!important; transition:none!important} }

  /* --- Foundation v1 additions (2026-09-12): same design language,
     new components needed for the research-library / research-page /
     evidence-standard / work / founder templates. --- */
  .research-card{display:block; text-decoration:none; color:inherit; background:rgba(255,254,251,.74); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); border:1px solid var(--line2); border-radius:var(--rad); box-shadow:var(--sh); padding:clamp(24px,3vw,32px); margin-bottom:22px; transition:box-shadow .18s, transform .18s}
  .research-card:hover{box-shadow:var(--shl); transform:translateY(-2px)}
  .research-card .rc-meta{font-family:var(--mono); font-size:11.5px; letter-spacing:.08em; text-transform:uppercase; color:var(--mut); margin-bottom:14px}
  .research-card h3{font-size:clamp(20px,2.6vw,26px); margin:0 0 12px}
  .research-card .finding{font-size:15px; color:var(--ink2); margin:0 0 16px; line-height:1.55}
  .research-card .rc-arrow{font-family:var(--mono); font-size:13px; color:var(--gold)}

  .research-meta-grid{display:flex; flex-wrap:wrap; gap:28px 40px; margin-top:30px}
  .research-meta-grid div dt{font-family:var(--mono); font-size:10.5px; letter-spacing:.08em; text-transform:uppercase; color:var(--mut); margin-bottom:5px}
  .research-meta-grid div dd{margin:0; font-size:14.5px; font-weight:600}

  .evidence-block{border-top:1px solid var(--line); padding:26px 0}
  .evidence-block:first-of-type{border-top:none}
  .tag-pill{display:inline-block; font-family:var(--mono); font-size:10.5px; letter-spacing:.08em; text-transform:uppercase; font-weight:600; padding:5px 12px; border-radius:20px; margin-bottom:12px}
  .tag-pill.observed{background:#e8efe4; color:var(--sage)}
  .tag-pill.derived{background:#e6edf3; color:#3f5e7d}
  .tag-pill.inferred{background:var(--gold-soft); color:var(--gold)}
  .tag-pill.unknown{background:#f5e6de; color:var(--terra)}
  .evidence-block p{margin:0 0 12px; color:var(--ink2); font-size:15px; line-height:1.62}
  .evidence-block p:last-child{margin-bottom:0}

  .disclosure-box{background:var(--gold-soft); border-radius:12px; padding:20px 24px; font-size:13.5px; color:var(--ink2); line-height:1.6; margin-top:28px}

  table.revision{width:100%; border-collapse:collapse; background:rgba(255,254,251,.8); border:1px solid var(--line2); border-radius:16px; overflow:hidden; box-shadow:var(--sh); font-size:14px}
  table.revision th,table.revision td{padding:14px 20px; text-align:left; border-bottom:1px solid var(--line)}
  table.revision th{background:var(--ink); color:var(--paper); font-family:var(--mono); font-size:10.5px; letter-spacing:.08em; text-transform:uppercase; font-weight:normal}
  table.revision tr:last-child td{border-bottom:none}

  .founder-row{display:grid; grid-template-columns:220px 1fr; gap:44px; align-items:start}
  @media(max-width:700px){.founder-row{grid-template-columns:1fr}}
  .founder-photo{
    position:relative; width:100%; aspect-ratio:3/4;
    display:flex; align-items:center; justify-content:center;
    font-family:var(--serif); color:var(--gold); font-size:2.6em;
  }
  .founder-photo img{
    width:100%; height:100%; object-fit:cover; display:block;
    filter:grayscale(1) sepia(.22) saturate(1.15) contrast(.94) brightness(1.06);
    -webkit-mask-image:
      radial-gradient(ellipse 74% 78% at 54% 48%, #000 34%, rgba(0,0,0,.55) 60%, transparent 90%),
      linear-gradient(to right, transparent 0%, #000 22%),
      linear-gradient(to bottom, transparent 0%, #000 20%);
    -webkit-mask-composite: source-in, source-in;
    mask-image:
      radial-gradient(ellipse 74% 78% at 54% 48%, #000 34%, rgba(0,0,0,.55) 60%, transparent 90%),
      linear-gradient(to right, transparent 0%, #000 22%),
      linear-gradient(to bottom, transparent 0%, #000 20%);
    mask-composite: intersect, intersect;
  }
  .founder-photo::after{
    content:""; position:absolute; inset:0; pointer-events:none;
    background:radial-gradient(120% 90% at 50% 100%, rgba(249,245,237,.5) 0%, rgba(249,245,237,0) 55%);
  }
  .founder-links{display:flex; gap:20px; margin-top:18px; font-size:14px}
  .founder-links a{color:var(--gold); text-decoration:none; border-bottom:1px solid var(--gold2)}

  .engagement-card{background:rgba(255,254,251,.74); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); border:1px solid var(--line2); border-radius:var(--rad); box-shadow:var(--sh); padding:clamp(28px,4vw,40px); margin-bottom:26px}
  .engagement-card .eng-duration{font-family:var(--mono); font-size:12.5px; color:var(--gold); letter-spacing:.06em; text-transform:uppercase; display:block; margin-bottom:10px}
  .engagement-card h3{font-size:clamp(22px,3vw,28px); margin:0 0 18px}
  .engagement-card ul{margin:0 0 18px; padding-left:20px; color:var(--ink2); font-size:14.5px; line-height:1.75}

  .q-card{border-left:2px solid var(--gold); padding-left:20px}
  .q-card h3{font-size:16.5px; margin:0 0 8px}
  .q-card p{margin:0; font-size:14.5px; color:var(--ink2)}

  @media print{
    .reveal{opacity:1 !important; transform:none !important; transition:none !important}
  }