.feature{padding:0 var(--edge) var(--space-xl)}
.feature__link{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;gap:var(--space-xl)}
.feature__media{display:block;aspect-ratio:4/3;overflow:hidden;border-radius:var(--radius);background:#d2d2cf}
.feature__media img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.feature__body{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-md)}
.feature__body .note__meta{width:100%}
.feature__title{text-transform:uppercase;font-size:var(--fs-2xl);font-weight:900;line-height:var(--lh-title);letter-spacing:var(--ls-title);text-decoration-thickness:.06em;text-underline-offset:.1em}
.feature__excerpt{font-size:var(--fs-lg);line-height:1.25;letter-spacing:-.02em}
.feature__body .text-link{margin-top:0}
.feature__link:hover .feature__media img,.feature__link:focus-visible .feature__media img{transform:scale(1.03)}
.feature__link:hover .feature__title,.feature__link:focus-visible .feature__title{text-decoration-line:underline}

.notes{columns:3;column-gap:var(--space-md);margin:0;padding:0;list-style:none}
.note{break-inside:avoid;margin-bottom:var(--space-lg)}
.note[hidden]{display:none}
.note__link{display:block}
.note__media{display:block;margin-bottom:var(--space-sm);overflow:hidden;border-radius:var(--radius);background:#d2d2cf}
.note__media img{width:100%;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.note__meta{display:flex;justify-content:space-between;gap:var(--space-sm)}
.note__title{text-transform:uppercase;margin-top:var(--space-xs);font-size:var(--fs-lg);font-weight:900;line-height:1.05;letter-spacing:-.04em;text-decoration-thickness:.06em;text-underline-offset:.12em}
.note__arrow{opacity:0;transition:opacity .2s}
.note__excerpt{margin-top:var(--space-sm);font-size:var(--fs-body);line-height:var(--lh-body)}
.note__link:hover .note__media img,.note__link:focus-visible .note__media img{transform:scale(1.04)}
.note__link:hover .note__title,.note__link:focus-visible .note__title{text-decoration-line:underline}
.note__link:hover .note__arrow,.note__link:focus-visible .note__arrow{opacity:1}

.note--quote figure{margin:0;padding:var(--space-lg) var(--space-md);border-radius:var(--radius)}
.note--blue figure{background:var(--blue);color:var(--paper)}
.note--dark figure{background:var(--ink);color:var(--paper)}
.note--quote blockquote{margin:var(--space-lg) 0}
.note--quote blockquote p{font-size:var(--fs-xl);font-weight:900;line-height:1.02;letter-spacing:var(--ls-title)}

.notes--row{columns:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md)}
.notes--row .note{margin:0}
.notes--row .note__media{aspect-ratio:4/3}
.notes--row .note__media img{height:100%;object-fit:cover}

.post__head{padding-bottom:var(--space-lg)}
.post__head .page-head__title{text-transform:uppercase}
.post__head .tag{transition:background .2s}
.post__byline{display:flex;flex-wrap:wrap;gap:var(--space-sm) var(--space-lg);margin-top:var(--space-lg)}
.post .post__cover{margin:0 var(--frame) var(--space-xl);border-radius:var(--radius)}
.post .post__cover img{width:100%;height:auto;border-radius:var(--radius)}
.post__layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,8fr);gap:var(--space-xl);padding:0 var(--edge) var(--space-xl)}
.post__aside{position:sticky;top:120px;align-self:start;display:grid;gap:var(--space-md)}
.post__aside .text-link{margin-top:0}
.post__facts{margin:0;border-top:1px solid var(--rule)}
.post__facts div{display:grid;grid-template-columns:90px minmax(0,1fr);gap:var(--space-sm);padding:var(--space-sm) 0;border-bottom:1px solid var(--rule-soft)}
.post__facts dt{padding-top:2px}
.post__facts dd{margin:0;font-size:var(--fs-body)}
.post__body{max-width:68ch}
.post__body>p{font-size:var(--fs-body);line-height:1.7}
.post__body>p+p{margin-top:var(--space-sm)}
.post__stat{display:grid;gap:var(--space-sm);margin-bottom:var(--space-lg)}
.post__stat-number{font-size:var(--fs-4xl);font-weight:900;line-height:.86;letter-spacing:var(--ls-display)}
.post__stat-caption{max-width:40ch;font-size:var(--fs-lg);line-height:1.25;letter-spacing:-.02em}
.post__body>.post__lead{margin-bottom:var(--space-md);font-size:var(--fs-lg);line-height:1.35;letter-spacing:-.02em}
.post__body h2{margin:var(--space-xl) 0 var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--rule);font-size:var(--fs-3xl);font-weight:900;line-height:var(--lh-display);letter-spacing:var(--ls-display)}
.post__body h3{margin:var(--space-lg) 0 var(--space-sm);font-size:var(--fs-xl);font-weight:900;line-height:1.02;letter-spacing:var(--ls-title)}
.post__body>.punchline{display:flex;align-items:baseline;gap:var(--space-sm);margin-top:var(--space-sm);font-size:var(--fs-body);font-weight:900}
.punchline::before{content:"";flex:none;width:10px;height:10px;border-top:2px solid currentColor;border-right:2px solid currentColor}
.post__body>.post__closing{margin-top:var(--space-lg);font-size:var(--fs-xl);font-weight:900;line-height:1.05;letter-spacing:var(--ls-title)}
.post__body>.post__note{margin-top:var(--space-lg)}
.post__body>.post__note.mono{font-size:var(--fs-body);line-height:1.7}

.post__body>.wp-block-image,.post__body>.wp-block-embed,.post__body>.wp-block-gallery{margin:var(--space-lg) 0}
.post__body .wp-block-image img{width:100%;border-radius:var(--radius)}
.post__body .wp-element-caption{margin-top:var(--space-xs);font:var(--fs-micro)/1.4 var(--font-mono);letter-spacing:.07em;text-transform:uppercase}
.post__body>h4,.post__body>h5{margin:var(--space-lg) 0 var(--space-sm);font-size:var(--fs-lg);font-weight:900;line-height:1.05;letter-spacing:-.03em}
.post__body>.wp-block-list{margin:var(--space-sm) 0;padding-left:1.2em;font-size:var(--fs-body);line-height:var(--lh-body)}
.post__body>.wp-block-quote{margin:var(--space-lg) 0;padding-left:var(--space-md);border-left:5px solid var(--blue);font-size:var(--fs-lg);line-height:1.25}
.post__body .wp-block-embed iframe{width:100%;border-radius:var(--radius)}
.post__body .wp-block-embed.is-type-video iframe{height:auto;aspect-ratio:16/9}
.post__tags a{margin-right:.4em;text-decoration-thickness:.06em;text-underline-offset:.12em}
.post__tags a:hover{text-decoration-line:underline}
.reading-progress{position:fixed;top:0;left:0;z-index:120;width:100%;height:var(--frame);background:var(--blue);transform:scaleX(0);transform-origin:0 50%}

.related{padding:0 var(--edge) var(--space-xl)}
.related__head{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--rule)}
.related__head .text-link{margin-top:0}

@media (max-width:1000px){
  .notes{columns:2}
}

@media (max-width:674px){
  .feature__link{grid-template-columns:1fr;gap:var(--space-md)}
  .notes{columns:1}
  .notes--row{grid-template-columns:1fr}
  .post__layout{grid-template-columns:1fr;gap:var(--space-lg)}
  .post__aside{position:static}
  .post .post__cover{margin-bottom:var(--space-lg)}
}

@media (prefers-reduced-motion:reduce){
  .feature__media img,.note__media img{transition:none}
}