/* ============================================================
   THE BRIEF — masthead, featured banner, archive
   (article cards inherit from global.css)
   ============================================================ */

.brief-masthead{text-align:center;padding-bottom:clamp(24px,3vw,40px);border-bottom:1px solid var(--line);margin-bottom:clamp(40px,5vw,72px);}
.brief-masthead .bm-title{font-family:var(--serif);font-weight:300;font-size:clamp(40px,8vw,110px);line-height:.92;letter-spacing:-0.03em;margin:0;}
.brief-masthead .bm-title em{font-style:italic;color:var(--accent);}
.brief-masthead .bm-sub{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:20px;}

.brief-featured{display:block;background:var(--ink);color:var(--bg);border:1px solid var(--ink);padding:clamp(32px,5vw,64px);transition:background .25s ease;margin-bottom:clamp(28px,4vw,48px);}
.brief-featured:hover{background:color-mix(in oklab,var(--ink) 90%,var(--accent));}
.brief-featured .bf-meta{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:10px;margin-bottom:24px;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;}
.brief-featured .bf-cat{color:var(--accent-2);}
.brief-featured .bf-date{color:color-mix(in oklab,var(--bg) 55%,var(--ink));}
.brief-featured h2{font-family:var(--serif);font-weight:300;font-size:clamp(26px,4vw,54px);line-height:1.04;letter-spacing:-0.02em;margin:0 0 18px;max-width:20ch;}
.brief-featured h2 em{font-style:italic;color:var(--accent-2);}
.brief-featured p{font-size:15px;line-height:1.62;color:color-mix(in oklab,var(--bg) 68%,var(--ink));max-width:60ch;margin:0 0 26px;}
.brief-featured .a-read{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;display:flex;align-items:center;gap:8px;color:var(--bg);}
.brief-featured .a-read::after{content:"→";color:var(--accent-2);transition:transform .25s ease;}
.brief-featured:hover .a-read::after{transform:translateX(4px);}

/* SUBSCRIBE */
.subscribe-block{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px);align-items:center;}
.subscribe-block h2{font-family:var(--serif);font-weight:300;font-size:clamp(28px,3.6vw,52px);line-height:1.04;letter-spacing:-0.02em;margin:0;}
.subscribe-block h2 em{font-style:italic;color:var(--accent);}
.subscribe-block .sub-copy p{font-size:14px;color:var(--ink-2);line-height:1.62;margin:0 0 18px;max-width:42ch;}
.subscribe-block .sub-attrib{font-family:var(--mono);font-size:10px;letter-spacing:.06em;color:var(--muted);margin-top:14px;}
.subscribe-block .sub-attrib strong{color:var(--accent);font-weight:500;}

/* ARCHIVE */
.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);}
.archive-card{background:var(--bg);padding:28px 24px;transition:background .22s ease;display:block;}
.archive-card:hover{background:var(--bg-soft);}
.archive-card .ar-no{font-family:var(--serif);font-weight:300;font-size:clamp(40px,5vw,68px);letter-spacing:-0.03em;line-height:1;color:var(--accent);}
.archive-card .ar-date{font-family:var(--mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:14px 0 8px;}
.archive-card h3{font-family:var(--serif);font-weight:400;font-size:18px;letter-spacing:-0.01em;line-height:1.2;margin:0;}

@media(max-width:860px){
  .subscribe-block{grid-template-columns:1fr;}
  .archive-grid{grid-template-columns:1fr;}
}