:root{
    --ink:#0d1522; --ink2:#141f31; --ink3:#1c2b43;
    --bone:#f4efe4; --bone2:#ece4d4; --bone3:#e2d7c2;
    --card:#fffdf7;
    --warm:#171019; --soft:#514654; --whisper:#877b8c;
    --lime:#c8f135; --lime-deep:#5a7410;
    --sky:#3ab6ff;  --sky-deep:#176aad;
    --coral:#ff5533; --coral-deep:#cf3417;
    --gold:#f5a623; --gold-deep:#a86c0f;
    --line:rgba(23,16,25,.10); --line2:rgba(23,16,25,.15);
    --dline:rgba(244,239,228,.10); --dline2:rgba(244,239,228,.16);
    --display:'Bricolage Grotesque',system-ui,-apple-system,'Segoe UI',sans-serif;
    --body:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
    --ease:cubic-bezier(.32,.72,0,1);
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{background:var(--bone);color:var(--warm);font-family:var(--body);-webkit-font-smoothing:antialiased;line-height:1.55;overflow-x:hidden}
  .wrap{max-width:1200px;margin:0 auto;padding:0 26px}
  h1,h2,h3{font-family:var(--display);letter-spacing:-.028em;line-height:1.02;font-weight:700;text-wrap:balance}
  a{color:inherit;text-decoration:none}
  img{display:block;max-width:100%}
  p{text-wrap:pretty}
  .eyebrow{font-family:var(--body);font-weight:700;font-size:11px;letter-spacing:.16em;text-transform:uppercase;display:inline-flex;align-items:center;gap:.6em}
  .dot{width:6px;height:6px;border-radius:50%;display:inline-block}
  .tabnum{font-variant-numeric:tabular-nums}

  /* nav */
  nav{position:sticky;top:0;z-index:40;backdrop-filter:blur(16px);background:rgba(244,239,228,.8);border-bottom:1px solid var(--line)}
  .nav-in{display:flex;align-items:center;justify-content:space-between;height:70px}
  .logo{display:flex;align-items:center;gap:11px;font-family:var(--display);font-weight:800;font-size:20px;letter-spacing:-.03em}
  .mark{width:31px;height:31px;border-radius:9px;background:var(--coral-deep);display:grid;place-items:center;color:#fff;font-weight:800;font-size:17px}
  .nav-links{display:flex;gap:30px;font-size:14px;font-weight:600;color:var(--soft)}
  .nav-links a{transition:color .3s}.nav-links a:hover{color:var(--warm)}
  .btn{display:inline-flex;align-items:center;gap:11px;font-weight:700;font-size:14px;padding:12px 8px 12px 22px;border-radius:999px;cursor:pointer;border:none;font-family:var(--body);transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
  .btn .ic{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;transition:transform .5s var(--ease);flex:0 0 auto}
  .btn:hover{transform:translateY(-1px)}.btn:hover .ic{transform:translate(3px,-1px)}
  .btn:active{transform:scale(.98)}
  .btn-give{background:var(--coral-deep);color:#fff8f2;box-shadow:0 10px 30px rgba(207,52,23,.3)}.btn-give .ic{background:rgba(255,255,255,.2)}
  .btn-dark{background:var(--ink);color:var(--bone)}.btn-dark .ic{background:rgba(255,255,255,.14)}
  .btn-lime{background:var(--lime);color:#1a2400}.btn-lime .ic{background:rgba(26,36,0,.14)}
  .btn-sky{background:rgba(58,182,255,.16);color:var(--sky)}.btn-sky .ic{background:rgba(58,182,255,.2)}
  .btn-ghost{background:transparent;color:var(--warm);padding-left:2px}.btn-ghost .ic{background:rgba(23,16,25,.08)}
  .btn-outline{background:transparent;border:1px solid var(--dline2);color:var(--bone)}.btn-outline .ic{background:rgba(244,239,228,.1)}
  /* Keep section wayfinding reachable on mobile (no JS hamburger): a compact
     horizontal-scroll strip instead of hiding the links (#19). */
  @media(max-width:880px){
    .nav-links{gap:18px;font-size:13px;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:60vw;scrollbar-width:none}
    .nav-links::-webkit-scrollbar{display:none}
    .nav-links a{white-space:nowrap}
  }
  /* Visible keyboard focus across interactive elements (#15). */
  a:focus-visible,button:focus-visible,.tier:focus-visible,.nav-links a:focus-visible{
    outline:3px solid var(--sky);outline-offset:3px;border-radius:6px
  }

  /* hero */
  .hero{padding:66px 0 0}
  .hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:52px;align-items:center;padding-bottom:52px}
  .hero h1{font-size:clamp(2.7rem,5.7vw,4.6rem);margin:22px 0 24px;font-weight:700}
  .lede{font-size:clamp(1.08rem,1.55vw,1.3rem);color:var(--soft);max-width:40ch;font-weight:500;line-height:1.5}
  .hero-cta{display:flex;gap:14px;align-items:center;margin:32px 0 18px;flex-wrap:wrap}
  .trustline{font-size:12.5px;color:var(--whisper);font-weight:600}.trustline b{color:var(--coral-deep)}
  .hero-photo{aspect-ratio:5/6;border-radius:26px;position:relative;overflow:hidden;box-shadow:0 40px 90px -20px rgba(23,16,25,.4)}
  .hero-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}
  .hero-photo .scrim{position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(13,21,34,.42))}
  .chip{position:absolute;left:18px;bottom:18px;display:inline-flex;align-items:center;gap:9px;background:rgba(13,21,34,.62);backdrop-filter:blur(8px);border-radius:999px;padding:10px 16px;color:#fff;font-size:13px;font-weight:600}
  .float{position:absolute;right:-16px;top:40px;background:var(--card);border-radius:16px;padding:14px 18px;box-shadow:0 16px 40px rgba(23,16,25,.22)}
  .float .n{font-family:var(--display);font-weight:800;font-size:26px;line-height:1;color:var(--coral-deep)}
  .float .l{font-size:11px;font-weight:700;color:var(--soft);margin-top:3px}
  @media(max-width:880px){.hero-grid{grid-template-columns:1fr;gap:30px}.hero-photo{aspect-ratio:4/3.4;order:-1}.hero-photo img{object-position:50% 22%}.float{right:10px}}

  /* metrics strip */
  .strip{background:var(--ink);color:var(--bone)}
  .strip-in{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;padding:34px 0}
  .strip .n{font-family:var(--display);font-weight:800;font-size:clamp(1.8rem,2.7vw,2.2rem);color:var(--bone)}
  .strip .n b{color:var(--lime);font-weight:800}
  .strip .l{font-size:12.5px;color:rgba(244,239,228,.55);font-weight:600;margin-top:5px}
  .strip .note{grid-column:1/-1;font-size:12.5px;color:rgba(244,239,228,.62);font-weight:500;padding-top:8px;border-top:1px solid var(--dline);margin-top:6px}
  @media(max-width:680px){.strip-in{grid-template-columns:1fr 1fr;gap:26px 20px}}

  section{padding:100px 0}
  .kicker{display:flex;flex-direction:column;gap:15px;margin-bottom:44px;max-width:60ch}
  .kicker h2{font-size:clamp(2rem,4vw,3.2rem);font-weight:700}
  .kicker p{color:var(--soft);font-size:1.06rem;font-weight:500;max-width:56ch}
  .dark .kicker h2{color:var(--bone)}.dark .kicker p{color:rgba(244,239,228,.66)}

  /* pillars (type-only) */
  .pillars{display:grid;grid-template-columns:1fr 1fr;gap:22px}
  .pillar{border-radius:24px;padding:38px 36px;display:flex;flex-direction:column;gap:16px}
  .p-see{background:var(--card);border:1px solid var(--line)}
  .p-behind{background:var(--ink);color:var(--bone)}
  .pillar .badge{align-self:flex-start;font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;padding:6px 13px;border-radius:999px}
  .p-see .badge{background:rgba(207,52,23,.1);color:var(--coral-deep)}
  .p-behind .badge{background:rgba(58,182,255,.16);color:var(--sky)}
  .pillar h3{font-size:1.75rem;font-weight:700}.p-behind h3{color:var(--bone)}
  .pillar .intro{font-size:1rem;font-weight:500;line-height:1.5}.p-see .intro{color:var(--soft)}.p-behind .intro{color:rgba(244,239,228,.74)}
  .plist{list-style:none;display:flex;flex-direction:column;gap:0;margin-top:auto}
  .plist li{display:flex;gap:12px;font-size:.95rem;font-weight:600;align-items:flex-start;padding:14px 0;border-top:1px solid var(--line)}
  .p-behind .plist li{border-color:var(--dline)}
  .plist svg{flex:0 0 auto;margin-top:2px}.p-behind .plist li{color:rgba(244,239,228,.86)}
  @media(max-width:880px){.pillars{grid-template-columns:1fr}}

  /* gallery — portrait-safe framing */
  .gal{display:grid;grid-template-columns:6fr 6fr;gap:14px}
  .cell{border-radius:20px;overflow:hidden;position:relative}
  .cell figure{position:absolute;inset:0}
  .cell img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}
  .cell:hover img{transform:scale(1.04)}
  .cell .lbl{position:absolute;left:0;right:0;bottom:0;padding:20px;background:linear-gradient(to top,rgba(13,21,34,.82),transparent)}
  .cell .lbl .k{font-size:10.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
  .cell .lbl p{color:#fff;font-size:13.5px;font-weight:600;margin-top:5px}
  .gal .feature{grid-row:span 2;min-height:520px}
  .gal .subgrid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:14px}
  .gal .subgrid .cell{min-height:253px}
  .tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
  .tag2{font-size:12px;font-weight:600;color:var(--soft);background:rgba(23,16,25,.04);border:1px solid var(--line);padding:7px 14px;border-radius:999px}
  @media(max-width:820px){.gal{grid-template-columns:1fr}.gal .feature{grid-row:auto;min-height:400px}}

  /* outcomes */
  .outs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
  .out{padding:4px 0}
  .out .k{font-size:10.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
  .out .big{font-family:var(--display);font-weight:800;font-size:clamp(2.6rem,4.5vw,3.6rem);line-height:1;margin:10px 0 2px}
  .out .ml{font-size:14px;color:var(--soft);font-weight:700}
  .out p{font-size:.92rem;color:var(--soft);font-weight:500;margin-top:12px;border-top:1px solid var(--line);padding-top:12px}
  @media(max-width:820px){.outs{grid-template-columns:1fr;gap:26px}}

  /* impact + directory */
  .stats4{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-bottom:40px;border-top:1px solid var(--dline)}
  .scard{padding:26px 24px 26px 0;border-bottom:1px solid var(--dline)}
  .scard .n{font-family:var(--display);font-weight:800;font-size:clamp(2.4rem,4vw,3.4rem);line-height:1}
  .scard .l{font-size:13px;color:rgba(244,239,228,.6);font-weight:600;margin-top:8px}
  @media(min-width:821px){.stats4 .scard{border-right:1px solid var(--dline);padding-left:24px}.stats4 .scard:first-child{padding-left:0}.stats4 .scard:last-child{border-right:none}}
  @media(max-width:820px){.stats4{grid-template-columns:1fr 1fr}}
  .dir{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
  .dcard{border-radius:16px;padding:22px;background:rgba(255,255,255,.03);border:1px solid var(--dline);transition:transform .5s var(--ease),background .3s;display:block}
  .dcard:hover{transform:translateY(-3px);background:rgba(255,255,255,.06)}
  .dcard .top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
  .dcard .ico{width:40px;height:40px;border-radius:11px;background:rgba(255,255,255,.05);display:grid;place-items:center}
  .dcard .live{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
  .dcard .nm{font-size:15px;font-weight:700;color:var(--bone)}
  .dcard .go{font-size:12px;color:rgba(244,239,228,.5);font-weight:600;margin-top:4px}
  .apibar{margin-top:14px;border-radius:16px;padding:24px 26px;background:rgba(58,182,255,.06);border:1px solid rgba(58,182,255,.18);display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap}
  .apibar h3{color:var(--bone);font-size:1.2rem;font-weight:700}.apibar p{color:rgba(244,239,228,.6);font-size:.92rem;font-weight:500;margin-top:5px}
  @media(max-width:820px){.dir{grid-template-columns:1fr 1fr}}

  /* tech explainer */
  .tech{background:linear-gradient(180deg,#0f1a2c,#0d1522)}.tech .eyebrow{color:var(--sky)}
  .tcards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
  .tcard{background:rgba(255,255,255,.035);border:1px solid var(--dline);border-radius:20px;padding:30px 28px;display:flex;flex-direction:column;gap:13px}
  .tcard .step{font-family:var(--display);font-weight:800;font-size:1.4rem}
  .tcard h3{font-size:1.15rem;color:var(--bone);font-weight:700}.tcard p{font-size:.94rem;color:rgba(244,239,228,.66);font-weight:500;line-height:1.55}
  @media(max-width:820px){.tcards{grid-template-columns:1fr}}

  /* money list */
  .money{display:flex;flex-direction:column;border-top:1px solid var(--line2)}
  .mrow{display:grid;grid-template-columns:200px 1fr auto;gap:28px;align-items:center;padding:26px 6px;border-bottom:1px solid var(--line2);transition:background .4s,padding-left .5s var(--ease)}
  .mrow:hover{background:rgba(207,52,23,.03);padding-left:14px}
  .mrow .amt{font-family:var(--display);font-weight:800;font-size:clamp(2rem,3.4vw,2.9rem);line-height:1}
  .mrow .txt{font-size:1.02rem;font-weight:500;color:var(--soft);max-width:52ch}
  .mrow .give-link{font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--coral-deep);white-space:nowrap;display:inline-flex;gap:6px;align-items:center}
  @media(max-width:820px){.mrow{grid-template-columns:1fr;gap:8px;padding:22px 6px}.mrow .give-link{margin-top:6px}}

  /* gateway */
  .gw{background:var(--ink2)}
  .gw-head{display:grid;grid-template-columns:6fr 5fr;gap:44px;align-items:end;margin-bottom:38px}
  .gw h2{color:var(--bone);font-size:clamp(2.1rem,5vw,3.8rem);font-weight:700}
  .goal{border-radius:22px;padding:30px;background:var(--ink3);border:1px solid var(--dline)}
  .goal .row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:18px}
  .goal .g{font-family:var(--display);font-weight:800;font-size:clamp(2.6rem,4vw,3.4rem);line-height:1;color:var(--lime)}
  .goal .k{font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:rgba(244,239,228,.5);margin-bottom:7px}
  .goal .ph{font-family:var(--display);font-weight:800;color:var(--bone);text-align:right;line-height:1.1}
  .bar{height:8px;border-radius:999px;background:rgba(244,239,228,.06);border:1px solid var(--dline);overflow:hidden}
  .bar i{display:block;height:100%;width:2%;background:var(--lime);border-radius:999px}
  .goal .u{display:flex;justify-content:space-between;font-size:11.5px;color:rgba(244,239,228,.5);font-weight:600;margin-top:11px}
  .gpills{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
  .gp{border-radius:16px;padding:22px;border:1px solid var(--dline);background:rgba(255,255,255,.02);display:flex;flex-direction:column;gap:9px;min-height:180px}
  .gp h4{font-family:var(--display);font-size:1.08rem;font-weight:700}
  .gp p{font-size:12px;color:rgba(244,239,228,.55);font-weight:500}
  .gp .k{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin-top:auto;opacity:.75}
  @media(max-width:820px){.gw-head{grid-template-columns:1fr;gap:26px}.gpills{grid-template-columns:1fr 1fr}}

  /* credibility */
  .cred{display:grid;grid-template-columns:5fr 7fr;gap:20px;align-items:stretch}
  .founder-card{border-radius:22px;overflow:hidden;position:relative;background:var(--ink3);min-height:480px}
  .founder-card img{width:100%;height:100%;object-fit:cover;object-position:50% 26%;position:absolute;inset:0}
  .founder-card .lbl{position:absolute;left:0;right:0;bottom:0;padding:26px;background:linear-gradient(to top,rgba(13,21,34,.94),transparent 92%)}
  .founder-card .role{font-size:10.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--lime)}
  .founder-card .nm{font-family:var(--display);font-weight:800;font-size:1.6rem;color:#fff;margin-top:7px}
  .founder-card p{font-size:13px;color:rgba(244,239,228,.78);font-weight:500;margin-top:9px;max-width:40ch}
  .cred-right{display:flex;flex-direction:column;gap:16px}
  .panel{border-radius:20px;padding:28px;background:var(--card);border:1px solid var(--line)}
  .panel .ph{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
  .panel h3{font-size:1.25rem;font-weight:700}
  .in-form{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:5px 11px;border-radius:999px;background:rgba(245,166,35,.15);color:var(--gold-deep);white-space:nowrap}
  .panel .body{font-size:.96rem;color:var(--soft);font-weight:500;line-height:1.55}
  .lnk{color:var(--sky-deep);font-weight:700}
  .facts{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}
  .fact{border-radius:12px;padding:15px;background:var(--bone2)}
  .fact .k{font-size:9.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--whisper)}
  .fact .v{font-family:var(--display);font-weight:700;font-size:14px;margin-top:5px}
  .contracts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
  .ct{border-radius:14px;padding:19px;background:var(--bone2);border:1px solid var(--line)}
  .ct .k{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
  .ct .h{font-family:var(--display);font-weight:700;font-size:14.5px;margin:7px 0}.ct p{font-size:12px;color:var(--soft);font-weight:500;line-height:1.5}
  @media(max-width:820px){.cred{grid-template-columns:1fr}.founder-card{min-height:420px}.facts{grid-template-columns:1fr 1fr}.contracts{grid-template-columns:1fr}}

  /* give */
  .give{background:var(--bone2)}
  .give-top{display:grid;grid-template-columns:.92fr 1.08fr;gap:48px;align-items:center;margin-bottom:44px}
  .give h2{font-size:clamp(2rem,4vw,3.1rem);font-weight:700}
  blockquote{font-family:var(--display);font-weight:600;font-size:1.2rem;line-height:1.34;letter-spacing:-.015em;border-left:3px solid var(--coral-deep);padding-left:20px;margin-top:28px}
  blockquote cite{display:block;margin-top:15px;font-family:var(--body);font-style:normal;font-size:13.5px;font-weight:700;color:var(--soft)}
  .tiers{display:grid;grid-template-columns:1fr 1fr;gap:14px}
  .tier{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px 20px;cursor:pointer;position:relative;transition:transform .5s var(--ease),border-color .3s,box-shadow .5s var(--ease)}
  .tier:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(23,16,25,.12)}
  .tier.sel{border-color:var(--coral-deep);box-shadow:0 16px 40px rgba(207,52,23,.16)}
  .tier .amt{font-family:var(--display);font-weight:800;font-size:1.9rem;line-height:1}
  .tier .per{font-size:12px;color:var(--whisper);font-weight:700}
  .tier .what{font-size:12.5px;color:var(--soft);font-weight:600;margin-top:11px;line-height:1.45}
  .tier .star{position:absolute;top:14px;right:14px;font-size:9px;font-weight:800;letter-spacing:.1em;color:var(--coral-deep);background:rgba(207,52,23,.1);padding:4px 8px;border-radius:999px;text-transform:uppercase}
  .give-foot{margin-top:18px;font-size:12.5px;color:var(--whisper);font-weight:600}
  .ways{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
  .way{border-radius:16px;padding:22px;background:rgba(255,253,247,.6);border:1px solid var(--line);min-height:148px;display:flex;flex-direction:column;gap:8px;transition:transform .5s var(--ease)}
  .way:hover{transform:translateY(-3px)}
  .way h4{font-family:var(--display);font-size:1.08rem;font-weight:700}.way p{font-size:12.5px;color:var(--soft);font-weight:500;line-height:1.5}
  .way .cta{font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;margin-top:auto;display:inline-flex;gap:6px;align-items:center}
  @media(max-width:880px){.give-top{grid-template-columns:1fr;gap:32px}}
  @media(max-width:820px){.ways{grid-template-columns:1fr}}

  /* funders + final */
  .funders{background:var(--ink);color:var(--bone)}
  .fund-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
  .fund-grid h2{color:var(--bone);font-size:clamp(1.9rem,4vw,3rem);font-weight:700}
  .fund-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin-top:8px}
  .fund-list li{display:flex;gap:12px;font-size:.96rem;font-weight:500;color:rgba(244,239,228,.8);align-items:flex-start}
  .fund-list svg{flex:0 0 auto;margin-top:3px}
  @media(max-width:820px){.fund-grid{grid-template-columns:1fr;gap:28px}}
  .final{background:linear-gradient(160deg,#0f1a2c,#0d1522);color:var(--bone);text-align:center}
  .final h2{color:var(--bone);font-size:clamp(2.5rem,6vw,5rem);margin-bottom:22px;font-weight:700}
  .final p{max-width:54ch;margin:0 auto 30px;color:rgba(244,239,228,.72);font-size:1.08rem;font-weight:500}
  .final .row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

  footer{background:#0a1018;color:rgba(244,239,228,.7);padding:58px 0 42px}
  .foot-top{display:flex;justify-content:space-between;gap:32px;flex-wrap:wrap;padding-bottom:30px;border-bottom:1px solid var(--dline)}
  .foot-top .logo{color:var(--bone)}
  .foot-cols{display:flex;gap:56px;flex-wrap:wrap;font-size:14px}
  .foot-cols h4{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(244,239,228,.6);margin-bottom:14px;font-family:var(--body);font-weight:800}
  .foot-cols a{display:block;margin-bottom:9px;color:rgba(244,239,228,.72);font-weight:500;transition:color .3s}.foot-cols a:hover{color:var(--lime)}
  .foot-legal{margin-top:26px;font-size:12px;color:rgba(244,239,228,.62);font-weight:500;max-width:82ch;line-height:1.6}

  .reveal{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
  .reveal.in{opacity:1;transform:none}
  @media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}.cell img{transition:none}}