/* ===== compact sticky header ===== */
  .site-header{
    display:flex;align-items:center;gap:24px;
    padding:14px 0;
    border-bottom:1px solid var(--rule);
    position:sticky;top:0;z-index:40;
    background:var(--ink);
  }
  .brand{
    display:flex;align-items:center;gap:9px;
    text-decoration:none;flex-shrink:0;
  }
  .brand-mark{
    width:26px;height:26px;border-radius:6px;
    background:var(--ochre);color:var(--ink);
    font-family:'Fraunces',serif;font-weight:900;font-size:15px;
    display:flex;align-items:center;justify-content:center;
    flex-shrink:0;
  }
  .brand-word{
    font-family:'Fraunces',serif;font-weight:600;font-size:17px;
    letter-spacing:-.01em;color:var(--parchment);
    white-space:nowrap;
  }

  /* ===== desk nav ===== */

  /* ===== front page grid (signature) ===== */
  .front{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    grid-template-rows:auto auto;
    gap:1px;background:var(--rule);
    margin-top:1px;
  }
  .front > *{background:var(--ink);display:flex;flex-direction:column;}
  .front-content{padding:20px 26px 26px;}
  .lead{grid-column:span 4;grid-row:span 2;}
  .lead .kicker{
    font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.1em;
    text-transform:uppercase;color:var(--ochre);
  }
  .lead h2{
    font-family:'Fraunces',serif;font-weight:600;
    font-size:clamp(30px,3.4vw,46px);line-height:1.05;margin:14px 0 16px;
  }
  .lead p{color:var(--parchment-dim);max-width:46ch;line-height:1.6;font-size:15px;}
  .side{grid-column:span 2;}
  .side .kicker{
    font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.1em;
    text-transform:uppercase;color:var(--teal);
  }
  .side h3{
    font-family:'Fraunces',serif;font-weight:600;font-size:19px;line-height:1.2;
    margin:10px 0 8px;
  }
  .side p{color:var(--parchment-dim);font-size:13.5px;line-height:1.55;margin:0;}

  /* ===== card imagery — muted duotone so stock photography reads as one publication ===== */
  .lead-img{width:100%;height:280px;object-fit:cover;display:block;
    filter:contrast(1.08) saturate(1.2) brightness(.94);}
  .side-img{width:100%;height:130px;object-fit:cover;display:block;
    filter:contrast(1.08) saturate(1.2) brightness(.94);}
  .story-img{width:100%;height:180px;object-fit:cover;display:block;margin-bottom:18px;
    filter:contrast(1.08) saturate(1.2) brightness(.94);
    transition:filter .35s ease;}
  .story-link:hover .story-img{filter:contrast(1.08) saturate(1.4) brightness(1.02);}

  /* ===== desk sections ===== */
  .desk{padding:64px 0;border-bottom:1px solid var(--rule);}
  .desk-head{
    display:flex;align-items:baseline;gap:16px;margin-bottom:34px;
  }
  .desk-head .desk-dot{
    width:9px;height:9px;border-radius:50%;background:var(--ochre);flex-shrink:0;
  }
  .desk-head h2{
    font-family:'Fraunces',serif;font-weight:600;font-size:30px;margin:0;
  }
  .desk-head .rule{flex:1;height:1px;background:var(--rule);}
  .stories{
    display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:36px;
  }
  .story .tag{
    display:inline-block;font-family:'IBM Plex Mono',monospace;font-size:10px;
    letter-spacing:.08em;text-transform:uppercase;color:var(--rose);
    border:1px solid var(--rose);padding:2px 8px;border-radius:2px;margin-bottom:14px;
  }
  .story h3{
    font-family:'Fraunces',serif;font-weight:600;font-size:21px;line-height:1.2;
    margin:0 0 10px;
  }
  .story p{color:var(--parchment-dim);font-size:14px;line-height:1.6;margin:0 0 12px;}
  .story .byline{
    font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--parchment-dim);
  }

  /* ===== footer ===== */

  @media (max-width:760px){
    .front{grid-template-columns:1fr;}
    .lead,.side{grid-column:span 1;}
    .stories{grid-template-columns:1fr;}
    .site-header{gap:14px;padding:11px 0;}
    .brand-word{font-size:15px;}
  }

  .story-link{text-decoration:none;color:inherit;display:block;}
  .story-link:hover h3{color:var(--ochre);}