/* loader */
  .loader{position:fixed;inset:0;background:var(--bg);display:flex;align-items:center;justify-content:center;z-index:999;transition:opacity .6s ease;}
  .loader.hide{opacity:0;pointer-events:none;}
  .loader-lines{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;}
  .loader-lines span{font-family:var(--font-display);font-weight:300;font-size:clamp(22px,6vw,36px);letter-spacing:-0.01em;color:var(--ink);opacity:0;transform:translateY(10px);animation:loadIn .7s ease forwards;}
  .loader-lines .l1{animation-delay:.1s;} .loader-lines .l2{animation-delay:.28s;} .loader-lines .l3{animation-delay:.46s;font-weight:800;}
  @keyframes loadIn{to{opacity:1;transform:translateY(0);}}

  /* hero */
  .hero{padding:20px 0 44px;position:relative;}
  .eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;color:var(--blue);text-transform:uppercase;margin:0;}
  .subhead{font-size:16px;color:var(--ink-muted);max-width:560px;line-height:1.6;margin:0 0 4px;}
  .avatar-inline{width:1.15em;height:1.15em;border-radius:50%;object-fit:cover;vertical-align:-0.18em;margin-right:8px;border:2px solid var(--card);}
  .headline{font-family:var(--font-display);font-weight:620;font-size:clamp(28px,5.2vw,60px);line-height:1.22;margin:6px 0 22px;letter-spacing:-0.01em;transition:font-weight .4s ease;}
  .headline:hover{font-weight:820;}
  .headline .accent{color:var(--blue);}
  .tag-list{font-family:var(--font-body);font-weight:600;font-size:16px;color:var(--ink);margin:0 0 28px;line-height:1.7;}
  .tag-list .dot{color:var(--ink-muted);font-weight:400;margin:0 8px;}

  /* narrative */
  .narrative{padding:8px 0 34px;font-size:17px;line-height:1.8;color:var(--ink);}
  .narrative p{margin:0 0 18px;}
  .co-link{text-decoration:none;color:inherit;}
  .co-link:hover .co{color:var(--blue);}
  .logo-chip{height:1.1em;width:auto;max-width:2.6em;vertical-align:-0.2em;margin:0 3px -1px 2px;object-fit:contain;}
  .co{font-weight:700;transition:color .15s ease;}


  /* split */
  .split{margin:44px 0 10px;}
  .split-group{margin-bottom:34px;}
  @media (min-width:820px){ .split{display:grid;grid-template-columns:1fr 1fr;gap:0 48px;} .split-group{margin-bottom:0;} }
  .split-title{font-family:var(--font-display);font-weight:650;font-size:20px;margin:0 0 4px;}
  .split-sub{font-size:12.5px;color:var(--ink-muted);margin:0 0 16px;}
  .card-row{display:flex;flex-direction:column;}
  .list-row{display:flex;align-items:center;gap:16px;padding:16px 2px;border-bottom:1px solid rgba(27,27,27,0.12);text-decoration:none;color:inherit;transition:background-color .15s ease;}
  .card-row .list-row:last-child{border-bottom:none;}
  .list-row:hover{background:rgba(37,84,199,0.06);}
  .list-logo{height:30px;max-width:72px;width:auto;object-fit:contain;flex-shrink:0;}
  .list-body{flex:1;min-width:0;}
  .list-name{font-weight:700;font-size:15px;margin:0 0 2px;}
  .list-desc{font-size:13.5px;color:var(--ink-muted);line-height:1.5;margin:0;}
  .list-arrow{flex-shrink:0;color:var(--ink-muted);font-size:16px;transition:transform .15s ease, color .15s ease;}
  .list-row:hover .list-arrow{transform:translateX(3px);color:var(--blue);}

  /* track */
  .track{margin:30px 0 50px;}
  .track-row{display:grid;grid-template-columns:64px 1fr auto;gap:14px;align-items:baseline;padding:12px 0;border-bottom:1px solid rgba(27,27,27,0.1);}
  .track-num{font-family:var(--font-display);font-weight:700;color:var(--blue);font-size:19px;}
  .track-desc{font-size:13.5px;}
  .track-ctx{font-family:var(--font-mono);font-size:10.5px;color:var(--ink-muted);text-align:right;}



  .portrait-break{display:flex;justify-content:center;margin:10px 0 44px;}
  .portrait-photo{width:100%;max-width:300px;height:auto;border-radius:16px;object-fit:cover;box-shadow:0 14px 32px rgba(27,27,27,0.14);}

  /* home-only overrides of shared rules */
  .page-home .measure{margin-left:auto;margin-right:auto;}
  .page-home .tag-label{margin:22px 0 8px;}
  .page-home .section-label{text-align:center;}
  .page-home .hl{white-space:nowrap;}
  .list-logo.mono{display:inline-flex;align-items:center;justify-content:center;width:30px;font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--blue);}
  .no-js .loader, .seen .loader{display:none;}
  @media (prefers-reduced-motion: reduce){ .loader{display:none;} }