/* =====================================================================
   MOTHERED — magazine design system (v1, October 2026)
   Loaded AFTER style.css. style.css still powers the cookie banner,
   download modal, subscribe popup, page-turn, stat wall and every page
   that has not been redesigned yet; this file restyles shared elements
   and adds the new magazine components (prefixed m- where a name could
   collide with style.css).
   ===================================================================== */
:root{
  --maroon:#4a101f;
  --maroon-deep:#360b16;
  --cashmire:#cfbfb5;
  --cashmere:#cfbfb5;
  --blush:#efe7e2;
  --paper:#fafaf8;
  --ink:#1c1a1a;
  --charcoal:#2a2422;
  --gray:#61676d;
  --rule:rgba(28,26,26,.14);
  --on-dark:#fafaf8;
  --on-dark-muted:rgba(250,250,248,.74);
  --serif:'Playfair Display', Didot, 'Bodoni 72', Georgia, serif;
  --sans:'Inter', -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif;
  --gutter:clamp(16px, 4vw, 40px);
  --col-gap:clamp(16px, 2.4vw, 32px);
}
body{background:var(--paper);color:var(--ink)}
.wrap{max-width:1280px;padding:0 var(--gutter)}
h1,h2,h3,h4{text-wrap:balance}
.kicker{font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--maroon)}
.m-meta{font-family:var(--sans);font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--gray)}
.m-skip{position:absolute;left:-9999px;top:0;background:var(--maroon);color:var(--on-dark);padding:10px 16px;z-index:200}
.m-skip:focus{left:16px;top:16px}

/* ---------- buttons ---------- */
.mbtn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 26px;border:1px solid var(--maroon);border-radius:0;background:var(--maroon);color:var(--on-dark);font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:background .25s,color .25s,border-color .25s,transform .15s;text-decoration:none}
.mbtn:hover{background:var(--maroon-deep);border-color:var(--maroon-deep)}
.mbtn:active{transform:scale(.98)}
.mbtn--outline{background:transparent;color:var(--maroon)}
.mbtn--outline:hover{background:var(--maroon);color:var(--on-dark)}
.mbtn--paper{background:var(--paper);color:var(--maroon);border-color:var(--paper)}
.mbtn--paper:hover{background:var(--cashmere);border-color:var(--cashmere);color:var(--maroon)}
.mbtn--ghost{background:transparent;color:var(--on-dark);border-color:rgba(250,250,248,.5)}
.mbtn--ghost:hover{background:var(--on-dark);color:var(--maroon);border-color:var(--on-dark)}
.mbtn--sm{padding:9px 16px;font-size:11px}
.m-arrow{font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--maroon);display:inline-flex;gap:8px;align-items:center;border-bottom:1px solid currentColor;padding-bottom:3px;transition:gap .2s}
.m-arrow:hover{gap:12px}

/* ---------- utility bar + masthead ---------- */
.m-util{background:var(--maroon);color:var(--on-dark)}
.m-util-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:38px;font-size:11px;letter-spacing:.16em;text-transform:uppercase}
.m-util-issue{display:flex;gap:10px;align-items:center;min-width:0;white-space:nowrap;overflow:hidden}
.m-util-issue em{font-family:var(--serif);font-style:italic;text-transform:none;letter-spacing:0;font-size:14px;color:var(--cashmere);overflow:hidden;text-overflow:ellipsis}
.m-util-links{display:flex;gap:22px;align-items:center;flex-shrink:0}
.m-util-links a:hover{color:var(--cashmere)}
.m-mast{border-bottom:1px solid var(--rule);background:var(--paper)}
.m-mast-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:clamp(14px,2.4vw,26px) 0 clamp(8px,1.4vw,14px)}
.m-mast-row .l,.m-mast-row .r{display:flex;gap:12px;align-items:center}
.m-mast-row .r{justify-content:flex-end}
.m-wordmark{display:block;font-family:var(--serif);font-weight:800;color:var(--maroon);font-size:clamp(44px,10.5vw,148px);line-height:.86;letter-spacing:.06em;text-transform:uppercase;padding-left:.06em}
.m-mast--inner .m-wordmark{font-size:clamp(36px,6vw,76px)}
.m-mast-tag{display:block;text-align:center;font-family:var(--serif);font-style:italic;font-size:clamp(13px,1.3vw,16px);color:var(--gray);margin-top:10px}
.m-mast--inner .m-mast-tag{display:none}
.m-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:0;background:none;cursor:pointer;color:var(--ink);padding:0}
.m-icon-btn:hover{color:var(--maroon)}
.m-nav{border-top:1px solid var(--rule)}
.m-nav ul{display:flex;justify-content:center;flex-wrap:wrap;gap:clamp(18px,3vw,40px);list-style:none;margin:0 auto;padding:14px var(--gutter)}
.m-nav a{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;padding:4px 0;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}
.m-nav a:hover{color:var(--maroon);border-bottom-color:var(--cashmere)}
.m-nav a.is-active{color:var(--maroon);border-bottom-color:var(--maroon)}
.m-menu-btn{display:none}
.m-minibar{position:fixed;left:0;right:0;top:0;z-index:70;background:rgba(250,250,248,.96);-webkit-backdrop-filter:saturate(180%) blur(8px);backdrop-filter:saturate(180%) blur(8px);border-bottom:1px solid var(--rule);transform:translateY(-110%);transition:transform .35s ease;padding-top:env(safe-area-inset-top,0px)}
.m-minibar.is-on{transform:none}
.m-minibar-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:56px}
.m-minibar .wm{font-family:var(--serif);font-weight:800;font-size:22px;letter-spacing:.14em;color:var(--maroon)}
.m-minibar nav ul{display:flex;gap:24px;list-style:none;margin:0;padding:0}
.m-minibar nav a{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.m-minibar nav a:hover,.m-minibar nav a.is-active{color:var(--maroon)}
.m-progress{position:absolute;left:0;bottom:-1px;height:2px;background:var(--maroon);width:0}
.m-drawer{position:fixed;inset:0;z-index:120;background:var(--maroon);color:var(--on-dark);padding:calc(24px + env(safe-area-inset-top,0px)) var(--gutter) 32px;display:flex;flex-direction:column;gap:28px;transform:translateX(-100%);transition:transform .35s ease;visibility:hidden;overflow-y:auto}
.m-drawer.is-open{transform:none;visibility:visible}
.m-drawer-top{display:flex;justify-content:space-between;align-items:center}
.m-drawer .wm{font-family:var(--serif);font-weight:800;font-size:26px;letter-spacing:.14em}
.m-drawer ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.m-drawer li a{font-family:var(--serif);font-size:32px;line-height:1.3}
.m-drawer .m-icon-btn{color:var(--on-dark)}
.m-drawer-social{display:flex;gap:10px;margin-top:auto}
.m-drawer-social a{width:40px;height:40px;border:1px solid rgba(250,250,248,.35);border-radius:50%;display:inline-flex;align-items:center;justify-content:center}
@media (max-width:900px){
  .m-nav,.m-minibar nav,.m-util-links .hide-sm,.m-util-issue em{display:none}
  .m-menu-btn{display:inline-flex}
}

/* ---------- floating socials ---------- */
.m-rail{position:fixed;left:0;top:50%;transform:translateY(-50%);z-index:60;display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 8px;background:rgba(250,250,248,.94);border:1px solid var(--rule);border-left:0}
.m-rail .m-meta{writing-mode:vertical-rl;transform:rotate(180deg);font-size:10px;margin-bottom:6px;color:var(--maroon)}
.m-rail a{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;color:var(--ink);transition:color .2s,transform .2s}
.m-rail a:hover{color:var(--maroon);transform:translateX(2px)}
@media (max-width:1180px){.m-rail{display:none}}

/* ---------- section scaffolding ---------- */
.m-sec{padding:clamp(56px,8vw,104px) 0}
.m-sec-head{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;border-top:2px solid var(--ink);padding-top:14px;margin-bottom:clamp(24px,3.5vw,40px)}
.m-sec-head h2{font-family:var(--serif);font-weight:700;font-size:clamp(28px,3.6vw,44px);line-height:1.05;margin:0}
.m-sec-head h2 em{font-weight:400}
.m-blush{background:var(--blush)}
.m-dark{background:var(--maroon);color:var(--on-dark)}
.m-dark .m-sec-head{border-top-color:var(--cashmere)}
.m-dark .kicker{color:var(--cashmere)}
.m-dark .m-arrow{color:var(--cashmere)}

/* ---------- page title (inner pages) ---------- */
.m-pagehead{padding:clamp(40px,6vw,72px) 0 clamp(24px,3vw,36px)}
.m-pagehead-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:var(--col-gap);align-items:end}
.m-pagehead h1{font-family:var(--serif);font-weight:700;font-size:clamp(52px,9vw,128px);line-height:.92;letter-spacing:-.01em;margin:10px 0 0}
.m-pagehead p{margin:0;color:var(--gray);font-size:16px;line-height:1.7;max-width:48ch}
.m-pagehead .deck{font-family:var(--serif);font-style:italic;font-size:clamp(19px,2vw,24px);line-height:1.4;color:#3d3838;margin:0 0 12px}
@media (max-width:820px){.m-pagehead-grid{grid-template-columns:1fr}}

/* ---------- home: cover hero (uses home.js mosaic ids/classes) ---------- */
.m-hero{position:relative;overflow:hidden;background:var(--ink);color:var(--on-dark);min-height:clamp(560px,84vh,800px);display:flex;align-items:flex-end;padding:0}
.m-hero .hero-mosaic{position:absolute;inset:0;display:grid;grid-template-columns:repeat(6,1fr);gap:3px;z-index:0}
.m-hero .hero-mosaic-col{padding:0!important;overflow:hidden;height:115%;opacity:1}
.m-hero .hero-mosaic-col:nth-child(odd){margin-top:-2%}
.m-hero .hero-mosaic-col img{width:100%;height:100%;object-fit:cover;filter:grayscale(.15) contrast(1.05)}
.m-hero-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(28,26,26,.6) 0%,rgba(28,26,26,.18) 60%,rgba(28,26,26,0) 100%),linear-gradient(180deg,rgba(28,26,26,.25) 0%,rgba(54,11,22,.6) 50%,rgba(54,11,22,.96) 100%)}
.m-hero-inner{position:relative;z-index:2;width:100%;padding-top:clamp(40px,7vw,88px);padding-bottom:clamp(40px,7vw,88px)}
.m-hero-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:var(--col-gap);align-items:end}
.m-hero .kicker{color:var(--on-dark);background:var(--maroon);padding:6px 10px;display:inline-block}
.m-hero h1{font-family:var(--serif);font-weight:700;font-size:clamp(46px,8vw,112px);line-height:.95;letter-spacing:-.01em;margin:16px 0 18px;color:var(--on-dark)}
.m-hero h1 em{font-weight:400}
.m-hero-deck{font-family:var(--serif);font-style:italic;font-size:clamp(18px,1.9vw,24px);line-height:1.4;color:var(--on-dark-muted);max-width:34ch;margin:0 0 28px}
.m-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.m-hero-inside{border-top:1px solid rgba(250,250,248,.35);padding-top:14px}
.m-hero-inside .m-meta{color:var(--cashmere)}
.m-hero-inside ol{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:12px}
.m-hero-inside li a{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;align-items:baseline}
.m-hero-inside .n{font-family:var(--serif);font-style:italic;color:var(--cashmere);font-size:15px}
.m-hero-inside .nm{font-family:var(--serif);font-size:20px;line-height:1.2}
.m-hero-inside .rl{display:block;font-size:12px;color:var(--on-dark-muted)}
.m-hero-inside li a:hover .nm{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
@media (max-width:860px){.m-hero-grid{grid-template-columns:1fr}.m-hero .hero-mosaic{grid-template-columns:repeat(3,1fr)}.m-hero .hero-mosaic-col:nth-child(n+4){display:none}}

/* ---------- issue band (inside the page-turn zone on Home) ---------- */
.m-turn-open{text-align:center}
.m-turn-open .num{display:block;font-family:var(--serif);font-weight:700;font-size:clamp(64px,13vw,190px);line-height:.9;color:var(--on-dark);margin:14px 0 10px}
.m-turn-open .num em{font-weight:400}
.m-turn-open .sub{font-family:var(--serif);font-style:italic;font-size:clamp(18px,2vw,24px);color:var(--cashmere)}
.m-issue{padding-top:clamp(16px,3vw,40px)}
.m-issue-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr) minmax(0,.9fr);gap:var(--col-gap);align-items:start;text-align:left}
.m-cover{display:block;position:relative;box-shadow:0 30px 60px -20px rgba(0,0,0,.55);transform:rotate(-1.2deg);transition:transform .5s}
.m-cover:hover{transform:rotate(0) translateY(-4px)}
.m-cover img{width:100%;display:block}
.m-cover-badge{position:absolute;left:12px;top:12px;background:var(--paper);color:var(--maroon);font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;padding:5px 9px}
.m-issue-copy h3{font-family:var(--serif);font-weight:700;font-size:clamp(34px,4.4vw,60px);line-height:1;margin:12px 0 18px;color:var(--on-dark)}
.m-issue-copy p{color:var(--on-dark-muted);font-size:16px;line-height:1.75;margin:0 0 26px;max-width:52ch}
.m-issue-facts{display:flex;gap:18px;flex-wrap:wrap;font-family:var(--serif);font-style:italic;color:var(--cashmere);font-size:15px;margin:0 0 18px}
.m-spreads{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:26px}
.m-spreads span{display:block;aspect-ratio:3/4;background-size:cover;background-position:center;opacity:.92}
.m-inside{border-top:1px solid rgba(250,250,248,.3);margin-top:10px}
.m-inside a{display:grid;grid-template-columns:60px minmax(0,1fr);gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid rgba(250,250,248,.18);color:var(--on-dark)}
.m-inside img{width:60px;height:76px;object-fit:cover}
.m-inside .nm{font-family:var(--serif);font-size:18px;line-height:1.2}
.m-inside .st{display:block;font-family:var(--serif);font-style:italic;color:var(--cashmere);font-size:14px;margin-top:3px}
.m-inside a:hover .nm{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.turn-zone .sound-toggle{z-index:6}
@media (max-width:1000px){.m-issue-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}.m-issue-grid .m-inside-col{grid-column:1/-1}}
@media (max-width:640px){.m-issue-grid{grid-template-columns:1fr}.m-cover{max-width:300px}.m-spreads{grid-template-columns:repeat(2,1fr)}}

/* ---------- back issues row ---------- */
.m-backissues{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--col-gap)}
.m-bi img{width:100%;aspect-ratio:3/4;object-fit:cover;box-shadow:0 18px 30px -16px rgba(28,26,26,.45);transition:transform .4s}
.m-bi a.c:hover img{transform:translateY(-4px)}
.m-bi .mo{display:flex;justify-content:space-between;align-items:baseline;margin-top:12px;gap:8px}
.m-bi .mo b{font-family:var(--serif);font-weight:600;font-size:18px}
.m-bi .mo span{font-size:11px;color:var(--gray);letter-spacing:.1em;text-transform:uppercase}
.m-bi .tt{display:block;font-family:var(--serif);font-style:italic;font-size:14px;color:#3d3838;margin-top:4px;line-height:1.35}
.m-bi .buy{display:inline-block;margin-top:10px;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--maroon);border-bottom:1px solid currentColor}
@media (max-width:900px){.m-backissues{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:560px){.m-backissues{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---------- story cards ---------- */
.m-story{display:block;color:inherit}
.m-story .ph{overflow:hidden;background:var(--blush);aspect-ratio:3/2}
.m-story .ph img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.m-story:hover .ph img{transform:scale(1.04)}
.m-story .kicker{display:block;margin:16px 0 8px}
.m-story h3{font-family:var(--serif);font-weight:600;font-size:21px;line-height:1.22;margin:0}
.m-story:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.m-story p{font-size:14.5px;color:var(--gray);margin:8px 0 0;line-height:1.55}
.m-story--lead .ph{aspect-ratio:4/3}
.m-story--lead h3{font-size:clamp(28px,3vw,40px);font-weight:700;line-height:1.08}
.m-story--lead p{font-family:var(--serif);font-style:italic;font-size:18px;color:#3d3838}
.m-river{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr) minmax(0,.85fr);gap:var(--col-gap)}
.m-stack{display:grid;gap:var(--col-gap);align-content:start}
.m-mostread{border-left:1px solid var(--rule);padding-left:var(--col-gap)}
.m-mostread h4{font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;padding-bottom:12px;border-bottom:2px solid var(--ink);margin:0}
.m-mostread ol{list-style:none;padding:0;margin:0;counter-reset:mr}
.m-mostread li{counter-increment:mr;border-bottom:1px solid var(--rule)}
.m-mostread li a{display:grid;grid-template-columns:34px minmax(0,1fr);gap:8px;padding:16px 0}
.m-mostread li a::before{content:counter(mr);font-family:var(--serif);font-style:italic;font-size:30px;line-height:1;color:var(--maroon)}
.m-mostread .kicker{font-size:10px;display:block;margin-bottom:5px}
.m-mostread .ttl{font-family:var(--serif);font-size:17px;line-height:1.28}
.m-mostread li a:hover .ttl{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
@media (max-width:1000px){.m-river{grid-template-columns:1fr 1fr}.m-mostread{grid-column:1/-1;border-left:0;padding-left:0}}
@media (max-width:640px){.m-river{grid-template-columns:1fr}}

/* ---------- women cards ---------- */
.m-wgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:40px var(--col-gap)}
.m-wgrid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.m-wcard{display:block;color:inherit}
.m-wcard .ph{aspect-ratio:3/4;overflow:hidden;background:var(--blush);position:relative}
.m-wcard img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.m-wcard:hover img{transform:scale(1.04)}
.m-wcard .tag{position:absolute;left:10px;top:10px;background:var(--paper);font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;padding:4px 8px;color:var(--maroon)}
.m-wcard h3{font-family:var(--serif);font-weight:600;font-size:21px;line-height:1.2;margin:14px 0 0}
.m-wcard .role{font-size:13px;color:var(--gray);margin:4px 0 0;line-height:1.45}
.m-wcard .st{display:block;font-family:var(--serif);font-style:italic;font-size:15px;margin-top:8px;color:#3d3838}
.m-wcard:hover h3{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
@media (max-width:900px){.m-wgrid--4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.m-wgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 14px}.m-wcard h3{font-size:18px}}

/* ---------- The Women page ---------- */
.m-highlights{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:var(--col-gap)}
.m-hl-main{position:relative;display:block;overflow:hidden;background:var(--ink);color:var(--on-dark);min-height:clamp(420px,52vw,640px)}
.m-hl-main img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.85;transition:transform .9s}
.m-hl-main:hover img{transform:scale(1.03)}
.m-hl-main .cap{position:absolute;left:0;right:0;bottom:0;padding:clamp(20px,3vw,32px);background:linear-gradient(180deg,transparent,rgba(54,11,22,.94) 55%)}
.m-hl-main .kicker{color:var(--cashmere)}
.m-hl-main h3{font-family:var(--serif);font-weight:700;font-size:clamp(28px,3.6vw,48px);line-height:1.04;margin:8px 0 6px;color:var(--on-dark)}
.m-hl-main .rl{font-size:13px;color:var(--on-dark-muted)}
.m-hl-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px var(--col-gap);align-content:start}
.m-toprow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--col-gap)}
.m-top a.c{display:block;color:inherit}
.m-top .ph{aspect-ratio:4/5;overflow:hidden;background:var(--blush)}
.m-top img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.m-top a.c:hover img{transform:scale(1.04)}
.m-top .kicker{display:block;margin:14px 0 6px}
.m-top h3{font-family:var(--serif);font-weight:600;font-size:20px;line-height:1.22;margin:0}
.m-top a.c:hover h3{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.m-top .m-meta{display:block;margin-top:8px}
.m-ad{background:var(--maroon);color:var(--on-dark);padding:24px;display:flex;flex-direction:column;justify-content:space-between;gap:18px;aspect-ratio:4/5;min-height:0}
.m-ad .m-meta{color:var(--cashmere)}
.m-ad h3{font-family:var(--serif);font-weight:700;font-size:clamp(24px,2.4vw,30px);line-height:1.08;color:var(--on-dark);margin:0}
.m-ad p{font-size:14px;color:var(--on-dark-muted);margin:0;line-height:1.55}
@media (max-width:1000px){.m-toprow{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:820px){.m-highlights{grid-template-columns:1fr}}
@media (max-width:480px){.m-ad{aspect-ratio:auto}}
.m-finder{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;padding:16px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin-bottom:24px;position:sticky;top:calc(56px + env(safe-area-inset-top,0px));background:var(--paper);z-index:30}
.m-search{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--ink);padding-bottom:4px;flex:1 1 220px;max-width:340px}
.m-search input{border:0;background:none;font:inherit;font-size:15px;width:100%;color:var(--ink);padding:4px 0}
.m-search input:focus{outline:none}
.m-search:focus-within{border-bottom-color:var(--maroon)}
.m-pills{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.m-pills .lab{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--gray);margin-right:6px}
.m-pill{border:1px solid var(--rule);background:none;padding:7px 14px;font-family:var(--sans);font-size:12px;letter-spacing:.06em;cursor:pointer;border-radius:999px;transition:all .2s;color:var(--ink)}
.m-pill:hover{border-color:var(--maroon);color:var(--maroon)}
.m-pill.is-on{background:var(--maroon);border-color:var(--maroon);color:var(--on-dark)}
.m-tally{font-size:12px;color:var(--gray);margin:0 0 20px;letter-spacing:.04em;display:flex;gap:16px;flex-wrap:wrap;align-items:baseline}
.m-tally a{color:var(--maroon);border-bottom:1px solid currentColor}
.m-empty{padding:40px 0;font-family:var(--serif);font-style:italic;font-size:20px;color:var(--gray)}
@media (max-width:820px){.m-finder{position:static}}

/* ---------- Insights ---------- */
.m-feed{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px var(--col-gap)}
.m-feed-foot{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:56px}
.m-loading{font-family:var(--serif);font-style:italic;color:var(--gray)}
.m-feed .m-story.is-new{animation:m-rise .6s ease both}
@keyframes m-rise{from{transform:translateY(16px);opacity:.2}to{transform:none;opacity:1}}
@media (max-width:900px){.m-feed{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.m-feed{grid-template-columns:1fr}}

/* ---------- Insight article ---------- */
.m-art-head{padding:clamp(36px,5vw,64px) 0 clamp(24px,3vw,36px)}
.m-art-head .inner{max-width:900px}
.m-art-head .kicker a:hover{text-decoration:underline}
.m-art-head h1{font-family:var(--serif);font-weight:700;font-size:clamp(38px,5.6vw,72px);line-height:1.02;margin:14px 0 18px}
.m-art-head .deck{font-family:var(--serif);font-style:italic;font-size:clamp(19px,2vw,25px);line-height:1.4;color:#3d3838;margin:0;max-width:42ch}
.m-byline{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;margin-top:22px;padding-top:16px;border-top:1px solid var(--rule)}
.m-art-figure{margin:0 0 clamp(32px,4vw,48px)}
.m-art-figure img{width:100%;max-height:640px;aspect-ratio:16/9;object-fit:cover}
.m-art{display:grid;grid-template-columns:72px minmax(0,700px) minmax(0,1fr);gap:var(--col-gap);align-items:start}
.m-share{position:sticky;top:96px;display:flex;flex-direction:column;gap:8px;align-items:center}
.m-share .m-meta{writing-mode:vertical-rl;transform:rotate(180deg);margin-bottom:6px}
.m-share a,.m-share button{width:40px;height:40px;border:1px solid var(--rule);display:inline-flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s;background:var(--paper);color:var(--ink);cursor:pointer;padding:0}
.m-share a:hover,.m-share button:hover{background:var(--maroon);color:var(--on-dark);border-color:var(--maroon)}
.m-share .copied{position:absolute;left:52px;white-space:nowrap;font-size:12px;background:var(--ink);color:var(--paper);padding:4px 8px}
.m-art-col{min-width:0}
.m-art-col .art-body{max-width:none;margin:0;padding:0}
.m-art-col .art-body p,.m-art-col .art-body li{font-size:18px;line-height:1.78}
.m-art-col > .art-body:first-child > p:first-child::first-letter{font-family:var(--serif);font-weight:700;color:var(--maroon);float:left;font-size:4.6em;line-height:.82;padding:.06em .1em 0 0}
.m-art-col .art-body h2{font-family:var(--serif);font-weight:700;font-size:clamp(26px,2.6vw,32px);line-height:1.15;margin:1.6em 0 .6em}
.m-art-col .art-body h3{font-family:var(--serif);font-weight:600;font-size:22px;margin:1.4em 0 .5em}
.m-art-col .art-body a{color:var(--maroon);text-decoration:underline;text-underline-offset:3px}
.m-art-col .pull-quote{max-width:none;margin:44px 0;padding:0;border:0;text-align:left;background:none;position:relative;padding-top:.5em}
.m-art-col .pull-quote p{font-family:var(--serif);font-style:italic;font-size:clamp(24px,2.8vw,34px);line-height:1.25;color:var(--ink);margin:0}
.m-art-col .pull-quote cite{display:block;margin-top:14px;font-family:var(--sans);font-style:normal;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--maroon)}
.m-art-col .art-toc,.m-art-col .art-takeaways,.m-art-col .art-faq{max-width:none;margin-left:0;margin-right:0}
.m-art-aside{position:sticky;top:96px}
.m-upnext{display:block;border-top:2px solid var(--ink);padding-top:12px}
.m-upnext .ph{aspect-ratio:3/2;overflow:hidden;margin:12px 0}
.m-upnext img{width:100%;height:100%;object-fit:cover}
.m-upnext h4{font-family:var(--serif);font-size:22px;line-height:1.2;margin:6px 0 0}
.m-upnext:hover h4{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.m-art-end{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;align-items:center;border-top:1px solid var(--rule);margin-top:40px;padding-top:20px}
.m-tagpill{border:1px solid var(--maroon);color:var(--maroon);border-radius:999px;padding:6px 14px;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.m-next{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:var(--col-gap);align-items:center;color:var(--on-dark)}
.m-next .ph{aspect-ratio:4/3;overflow:hidden}
.m-next img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.m-next:hover img{transform:scale(1.03)}
.m-next h3{font-family:var(--serif);font-weight:700;font-size:clamp(30px,4vw,52px);line-height:1.04;margin:10px 0 14px;color:var(--on-dark)}
.m-next p{color:var(--on-dark-muted);margin:0 0 20px;font-family:var(--serif);font-style:italic;font-size:18px}
@media (max-width:1000px){
  .m-art{grid-template-columns:minmax(0,1fr)}
  .m-share{position:static;flex-direction:row;order:-1}
  .m-share .m-meta{writing-mode:horizontal-tb;transform:none;margin:0 8px 0 0}
  .m-art-aside{position:static}
  .m-next{grid-template-columns:1fr}
}

/* ---------- home: stat wall + quotes + editor re-skin ---------- */
.stat-wall-head h2{font-family:var(--serif)}
.m-quotes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--col-gap)}
.m-quote{border-top:1px solid var(--ink);padding-top:18px;margin:0}
.m-quote p{font-family:var(--serif);font-style:italic;font-size:clamp(19px,1.8vw,23px);line-height:1.4;margin:0 0 16px}
.m-quote p::before{content:"\201C";color:var(--maroon)}
.m-quote p::after{content:"\201D";color:var(--maroon)}
.m-quote footer b{display:block;font-family:var(--serif);font-weight:600;font-size:17px}
.m-quote footer span{font-size:12px;color:var(--gray)}
@media (max-width:820px){.m-quotes{grid-template-columns:1fr}}
.m-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,72px);align-items:center}
.m-split h2{font-family:var(--serif);font-weight:700;font-size:clamp(34px,4.4vw,58px);line-height:1.02;margin:12px 0 18px}
.m-split p{font-size:16.5px;line-height:1.75;color:#3d3838;margin:0 0 16px;max-width:52ch}
.m-split .ph img{width:100%;aspect-ratio:4/5;object-fit:cover}
.m-dark .m-split h2{color:var(--on-dark)}
.m-dark .m-split p{color:var(--on-dark-muted)}
@media (max-width:820px){.m-split{grid-template-columns:1fr}}

/* ---------- footer ---------- */
.m-foot{background:var(--charcoal);color:var(--on-dark);padding:clamp(56px,7vw,88px) 0 28px}
.m-foot-wm{font-family:var(--serif);font-weight:800;font-size:clamp(48px,12.5vw,184px);letter-spacing:.06em;line-height:.85;color:var(--cashmere);margin-bottom:44px}
.m-foot-grid{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:var(--col-gap)}
.m-foot h5{font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--cashmere);margin:0 0 14px}
.m-foot ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:14px;color:var(--on-dark-muted)}
.m-foot ul a:hover{color:var(--on-dark)}
.m-foot .news .lede{font-family:var(--serif);font-style:italic;font-size:21px;line-height:1.35;margin:0 0 16px}
.m-foot .footer-subscribe-form{max-width:440px}
.m-foot .footer-subscribe-row{display:flex;border-bottom:1px solid var(--on-dark-muted);gap:10px}
.m-foot .footer-subscribe-input{flex:1;min-width:0;background:none;border:0;padding:10px 0;font:inherit;font-size:15px;color:var(--on-dark)}
.m-foot .footer-subscribe-input::placeholder{color:var(--on-dark-muted)}
.m-foot .footer-subscribe-btn{background:none;border:0;color:var(--cashmere);font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;padding:0}
.m-foot .footer-subscribe-gdpr{display:flex;gap:10px;align-items:flex-start;font-size:12px;color:var(--on-dark-muted);margin-top:12px;line-height:1.5}
.m-foot .footer-subscribe-gdpr a{text-decoration:underline}
.m-foot .footer-subscribe-success{display:none;color:var(--cashmere);font-size:14px;margin:10px 0 0}
.m-foot-social{display:flex;gap:8px;margin-top:18px}
.m-foot-social a{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(250,250,248,.25);border-radius:50%;color:var(--on-dark)}
.m-foot-social a:hover{background:var(--cashmere);color:var(--maroon)}
.m-foot-base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:56px;padding-top:20px;border-top:1px solid rgba(250,250,248,.15);font-size:12px;color:var(--on-dark-muted)}
.m-foot-base a:hover{color:var(--on-dark)}
@media (max-width:820px){.m-foot-grid{grid-template-columns:1fr 1fr}.m-foot .news{grid-column:1/-1}}

@media (prefers-reduced-motion:reduce){
  .m-story .ph img,.m-wcard img,.m-cover,.m-minibar,.m-drawer{transition:none!important}
  .m-feed .m-story.is-new{animation:none}
}

[hidden]{display:none!important}

/* style.css sets overflow-x:hidden on both html and body, which turns body into its own
   scroller: window scroll events never fire, so sticky bars, progress and parallax stall.
   clip keeps the "no sideways scroll" guarantee without creating a scroll container. */
html,body{overflow-x:clip;overflow-y:visible}
/* style.css gives every link a 44px min-height; text links in the new layout size to their text */
a:not(.mbtn){min-height:0}

/* ---------- home: issue opener + cover quote (replaces the page-turn) ---------- */
.m-issue .m-turn-open{padding:0 0 clamp(40px,6vw,72px)}
.m-issue-quote{margin:30px 0 0;padding:18px 0 0;border-top:1px solid rgba(250,250,248,.3);font-family:var(--serif);font-style:italic;font-size:clamp(20px,2vw,26px);line-height:1.35;color:var(--on-dark);max-width:34ch}
.m-issue-quote cite{display:block;margin-top:12px;font-family:var(--sans);font-style:normal;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--cashmere)}

/* ---------- home: research infographics ---------- */
.m-stats{border-top:1px solid var(--rule)}
.m-stats-head{text-align:center;max-width:820px;margin:0 auto clamp(40px,6vw,72px)}
.m-stats-head h2{font-family:var(--serif);font-weight:700;font-size:clamp(32px,4.4vw,58px);line-height:1.04;margin:14px 0 0}
.m-stats-head h2 em{font-weight:400;color:var(--maroon)}
.m-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:2px solid var(--ink)}
.m-stat{margin:0;padding:clamp(24px,3vw,40px) clamp(16px,2.4vw,32px) 8px;display:flex;flex-direction:column;gap:22px;min-width:0}
.m-stat + .m-stat{border-left:1px solid var(--rule)}
.m-viz{height:200px;position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:12px}
.m-num{font-family:var(--serif);font-weight:700;font-size:clamp(56px,6vw,84px);line-height:.9;color:var(--maroon);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.m-num small{font-size:.45em;font-weight:400;margin-left:2px;vertical-align:.9em}
.m-stat figcaption p{font-family:var(--serif);font-size:19px;line-height:1.4;margin:0 0 10px;color:var(--ink)}
.m-stat figcaption strong{font-weight:600;color:var(--maroon)}
.m-src{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gray)}
/* ring */
.m-ring{align-items:center;justify-content:center}
.m-ring svg{width:200px;height:200px;transform:rotate(-90deg)}
.m-ring circle{fill:none;stroke-width:6}
.m-ring .trk{stroke:var(--blush)}
.m-ring .val{stroke:var(--maroon);stroke-linecap:round;stroke-dasharray:326.7;stroke-dashoffset:calc(326.7 - 326.7 * var(--pct) / 100);transition:stroke-dashoffset 1.8s cubic-bezier(.2,.7,.2,1)}
.m-ring .m-num{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:clamp(48px,4.6vw,64px)}
/* horizontal bars */
.m-bar{display:grid;gap:6px}
.m-bar .lbl{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gray)}
.m-bar .fill{display:block;height:14px;width:var(--w);background:var(--cashmere);transition:width 1.6s cubic-bezier(.2,.7,.2,1)}
.m-bar.is-strong .fill{background:var(--maroon)}
.m-bar.is-strong .lbl{color:var(--maroon)}
/* columns */
.m-cols{flex-direction:row;align-items:flex-end;justify-content:space-between}
.m-colpair{display:flex;gap:22px;align-items:flex-end;height:180px}
.m-colpair .c{width:58px;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;position:relative}
.m-colpair .fill{display:block;width:100%;height:var(--h);background:var(--cashmere);transition:height 1.6s cubic-bezier(.2,.7,.2,1) .2s}
.m-colpair .is-strong .fill{background:var(--maroon)}
.m-colpair .lbl{position:absolute;bottom:-22px;font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gray);white-space:nowrap}
.m-colpair .is-strong .lbl{color:var(--maroon)}
.m-cols{padding-bottom:22px}
/* pre-animation state only when JS is running */
.m-js .m-stat:not(.is-on) .m-ring .val{stroke-dashoffset:326.7}
.m-js .m-stat:not(.is-on) .m-bar .fill{width:0}
.m-js .m-stat:not(.is-on) .m-colpair .fill{height:0}
.m-stats-strip{margin:clamp(40px,5vw,64px) 0 0;padding-top:24px;border-top:1px solid var(--rule);text-align:center;font-family:var(--serif);font-size:clamp(20px,2.2vw,28px);line-height:1.4;display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:center;align-items:baseline}
.m-stats-strip em{color:var(--maroon)}
@media (max-width:900px){.m-stats-grid{grid-template-columns:1fr}.m-stat + .m-stat{border-left:0;border-top:1px solid var(--rule)}.m-viz{height:auto;min-height:150px}.m-ring svg{width:170px;height:170px}}

/* ---------- home: "a taste of" (Hunger-style sticky cover + rolling columns) ---------- */
.m-taste-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;margin-bottom:clamp(20px,3vw,32px)}
.m-taste-head h2{font-family:var(--serif);font-weight:400;font-size:clamp(28px,3.4vw,44px);margin:0}
.m-taste-head h2 em{color:var(--maroon)}
.m-taste-grid{display:grid;grid-template-columns:min(48%, calc(clamp(420px, 100vh - 250px, 900px) * var(--ar, .75))) minmax(0,1fr) minmax(0,1fr);gap:var(--col-gap);align-items:start}
.m-taste-lead{position:sticky;top:calc(72px + env(safe-area-inset-top,0px))}
.m-taste-cover{display:inline-block;max-width:100%;box-shadow:0 30px 60px -28px rgba(28,26,26,.5);vertical-align:top}
.m-taste-cover{display:block}
.m-taste-cover img{display:block;width:100%;height:auto}
.m-taste-leadmeta{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:space-between;margin-top:16px}
.m-taste-leadmeta h3{font-family:var(--serif);font-weight:700;font-size:clamp(22px,2.2vw,30px);line-height:1.1;margin:0;flex:1 1 100%}
.m-taste-col{display:grid;gap:clamp(36px,4vw,56px);will-change:transform}
.m-taste-col--b{padding-top:clamp(60px,10vw,160px)}
.m-tcard a{display:block;color:inherit}
.m-tcard .ph{overflow:hidden;background:var(--blush);aspect-ratio:4/5}
.m-tcard--cover .ph{aspect-ratio:3/4;box-shadow:0 18px 30px -18px rgba(28,26,26,.45)}
.m-tcard img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.m-tcard a:hover img{transform:scale(1.04)}
.m-tcard h3{font-family:var(--serif);font-weight:600;font-size:clamp(19px,1.7vw,24px);line-height:1.2;margin:16px 0 12px}
.m-tcard a:hover h3{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.m-chips{display:flex;flex-wrap:wrap}
.m-chips span{border:1px solid var(--rule);margin:0 -1px -1px 0;padding:5px 10px;font-size:10px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--ink);background:var(--paper)}
.m-tbuy{display:inline-block;margin-top:10px;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--maroon);border-bottom:1px solid currentColor}
@media (max-width:900px){
  .m-taste-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .m-taste-lead{grid-column:1/-1;position:static}
  .m-taste-cover img{max-height:none;width:100%}
  .m-taste-col--b{padding-top:48px}
}
@media (max-width:480px){.m-tcard h3{font-size:17px}.m-chips span{font-size:9px;padding:4px 7px;letter-spacing:.14em}}

.m-tcard a.m-tbuy{display:inline-block}
.m-colpair .lbl{left:50%;transform:translateX(-50%)}

.m-taste-head .kicker{display:block;margin-bottom:8px}

/* ---------- home: full-screen montage that the page slides up over (Hunger-style) ---------- */
.m-cover-hero{position:sticky;top:0;height:100vh;height:100svh;min-height:520px;z-index:0;overflow:hidden;background:var(--ink);color:var(--on-dark);display:flex;align-items:center;justify-content:center}
.m-cover-hero .hero-mosaic{position:absolute;inset:0;display:grid;grid-template-columns:repeat(6,1fr);gap:3px}
.m-cover-hero .hero-mosaic-col{padding:0!important;overflow:hidden;height:118%;opacity:1}
.m-cover-hero .hero-mosaic-col:nth-child(odd){margin-top:-3%}
.m-cover-hero .hero-mosaic-col img{width:100%;height:100%;object-fit:cover}
.m-cover-hero .m-hero-shade{background:radial-gradient(ellipse at center,rgba(54,11,22,.55) 0%,rgba(28,26,26,.35) 55%,rgba(28,26,26,.6) 100%)}
.m-cover-hero-inner{position:relative;z-index:2;text-align:center;padding:0 var(--gutter)}
.m-cover-wm{font-family:var(--serif);font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding-left:.06em;font-size:clamp(46px,14vw,240px);line-height:.85;margin:0;color:var(--on-dark);text-shadow:0 6px 40px rgba(0,0,0,.25)}
.m-cover-tag{font-family:var(--serif);font-style:italic;font-size:clamp(17px,1.8vw,24px);line-height:1.4;max-width:44ch;margin:22px auto 0;color:var(--on-dark)}
.m-hero-menu{position:absolute;top:calc(14px + env(safe-area-inset-top,0px));left:14px;z-index:3;color:var(--on-dark)}
.m-hero-menu:hover{color:var(--cashmere)}
.m-scroll-cue{position:absolute;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--on-dark);font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}
.m-scroll-cue svg{animation:m-bob 1.8s ease-in-out infinite}
@keyframes m-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}
.m-home .m-util,.m-home .m-mast,.m-home main,.m-home .m-foot{position:relative;z-index:2}
.m-home main{background:var(--paper)}
.m-home .m-util{box-shadow:0 -20px 40px rgba(0,0,0,.25)}
@media (max-width:860px){.m-cover-hero .hero-mosaic{grid-template-columns:repeat(3,1fr)}.m-cover-hero .hero-mosaic-col:nth-child(n+4){display:none}}
@media (prefers-reduced-motion:reduce){.m-scroll-cue svg{animation:none}}

/* ---------- home: October cover-story spread ---------- */
.m-spread{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(28px,5vw,80px);align-items:start}
.m-spread-cover{display:block;box-shadow:0 40px 70px -30px rgba(0,0,0,.6)}
.m-spread-cover img{width:100%;display:block}
.m-spread-copy .kicker{color:var(--cashmere);line-height:1.8}
.m-spread-title{font-family:var(--serif);font-weight:700;font-size:clamp(44px,6.4vw,96px);line-height:.95;letter-spacing:-.01em;margin:14px 0 22px;color:var(--on-dark)}
.m-spread-title em{font-weight:400}
.m-spread-deck{font-size:16.5px;line-height:1.75;color:var(--on-dark-muted);margin:0 0 26px;max-width:56ch}
.m-toc{margin-top:clamp(32px,4vw,48px)}
.m-toc .m-meta{color:var(--cashmere);display:block;padding-bottom:10px;border-bottom:2px solid var(--cashmere)}
.m-toc ol{list-style:none;margin:0;padding:0}
.m-toc li a{display:grid;grid-template-columns:56px minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:baseline;padding:16px 0;border-bottom:1px solid rgba(250,250,248,.18);color:var(--on-dark)}
.m-toc .pg{font-family:var(--serif);font-style:italic;font-size:30px;line-height:1;color:var(--cashmere)}
.m-toc .nm{font-family:var(--serif);font-size:21px;line-height:1.2}
.m-toc .rl{display:block;font-family:var(--sans);font-size:12px;color:var(--on-dark-muted);margin-top:4px}
.m-toc .st{font-family:var(--serif);font-style:italic;font-size:16px;color:var(--cashmere)}
.m-toc li a:hover .nm{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.m-spread-quote{margin:clamp(48px,6vw,88px) auto 0;max-width:900px;text-align:center;font-family:var(--serif);font-style:italic;font-size:clamp(26px,3.4vw,46px);line-height:1.2;color:var(--on-dark);border-top:1px solid rgba(250,250,248,.3);padding-top:clamp(32px,4vw,48px)}
.m-spread-quote cite{display:block;margin-top:18px;font-family:var(--sans);font-style:normal;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--cashmere)}
@media (max-width:860px){.m-spread{grid-template-columns:1fr}.m-spread-cover{max-width:340px}.m-toc li a{grid-template-columns:44px minmax(0,1fr)}.m-toc .st{grid-column:2}}

/* home: the montage carries the big wordmark, so the header below it is just the nav */
.m-home .m-mast-row,.m-home .m-mast-tag{display:none}

/* ---------- home: October issue, wordier rolling layout ---------- */
.m-issue-open{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,80px);align-items:end;padding-bottom:clamp(40px,6vw,72px);margin-bottom:clamp(36px,5vw,56px);border-bottom:1px solid var(--cashmere)}
.m-issue-open .m-turn-open{text-align:left;padding:0}
.m-issue-open .m-turn-open .kicker{color:var(--cashmere)}
.m-issue-open .m-turn-open .num{font-size:clamp(72px,12vw,180px);margin:10px 0 12px}
.m-issue-intro .m-spread-title{font-size:clamp(38px,4.6vw,68px);margin:0 0 18px}
.m-issue-intro .m-spread-deck{margin-bottom:24px}
.m-issue-grid2 .m-taste-lead{top:calc(72px + env(safe-area-inset-top,0px))}
.m-chips--dark span{background:transparent;color:var(--on-dark);border-color:rgba(207,191,181,.45)}
.m-fcard a{display:block;color:var(--on-dark)}
.m-fcard .ph{aspect-ratio:4/5;overflow:hidden;background:var(--maroon-deep)}
.m-fcard img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.m-fcard a:hover img{transform:scale(1.04)}
.m-fcard-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:16px;padding-bottom:10px;border-bottom:1px solid var(--cashmere)}
.m-fcard .pg{font-family:var(--serif);font-style:italic;font-size:28px;line-height:1;color:var(--cashmere)}
.m-fcard .kicker{color:var(--cashmere)}
.m-fcard h3{font-family:var(--serif);font-weight:600;font-size:clamp(22px,2vw,28px);line-height:1.15;margin:14px 0 4px;color:var(--on-dark)}
.m-fcard .rl{display:block;font-size:12px;letter-spacing:.04em;color:var(--on-dark-muted)}
.m-fcard .st{font-family:var(--serif);font-style:italic;font-size:18px;line-height:1.35;color:var(--cashmere);margin:14px 0 10px}
.m-fcard .bl{font-size:14.5px;line-height:1.65;color:var(--on-dark-muted);margin:0 0 14px}
.m-fcard .m-arrow{color:var(--cashmere)}
.m-fcard a:hover h3{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.m-issue .m-spread-quote{margin-top:clamp(56px,7vw,96px)}
@media (max-width:900px){.m-issue-open{grid-template-columns:1fr;align-items:start}}

/* ---------- home hero: profession captions under each photo column ---------- */
.m-hero-caps{position:absolute;left:0;right:0;bottom:0;z-index:2;display:grid;grid-template-columns:repeat(6,1fr);gap:3px;padding-bottom:calc(18px + env(safe-area-inset-bottom,0px));pointer-events:none}
.m-hero-caps span{padding:0 14px;font-family:var(--serif);font-style:italic;font-size:14px;color:var(--on-dark-muted);line-height:1.3}
.m-hero-caps b{display:block;font-family:var(--sans);font-style:normal;font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--on-dark);margin-bottom:3px}
.m-cover-hero .m-scroll-cue{position:static;transform:none;margin:34px auto 0;display:inline-flex}
.m-cover-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:28%;z-index:1;background:linear-gradient(180deg,transparent,rgba(28,26,26,.7))}
@media (max-width:860px){.m-hero-caps{grid-template-columns:repeat(3,1fr)}.m-hero-caps span:nth-child(n+4){display:none}.m-hero-caps span{padding:0 8px;font-size:12px}}

/* ---------- Issues page: one band per issue, insight strips between (Vogue Business) ---------- */
.m-jump{position:sticky;top:calc(56px + env(safe-area-inset-top,0px));z-index:30;background:var(--paper);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.m-jump .wrap{display:flex;gap:6px 22px;align-items:center;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}
.m-jump a{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.m-jump a:hover{color:var(--maroon)}
.m-ib{padding:clamp(56px,8vw,104px) 0;scroll-margin-top:110px}
.m-ib-grid{display:grid;grid-template-columns:min(46%, calc(clamp(420px, 100vh - 200px, 860px) * var(--ar, .75))) minmax(0,1fr);gap:clamp(28px,4.5vw,72px);align-items:start}
.m-ib-left{position:sticky;top:calc(120px + env(safe-area-inset-top,0px))}
.m-ib-cover{display:block;box-shadow:0 40px 70px -30px rgba(28,26,26,.55);transition:transform .5s}
.m-ib-cover:hover{transform:translateY(-4px)}
.m-ib-cover img{width:100%;display:block}
.m-ib-right h3{font-family:var(--serif);font-weight:700;font-size:clamp(38px,4.8vw,72px);line-height:.98;letter-spacing:-.01em;margin:14px 0 20px}
.m-ib-right h3 a:hover{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
.m-ib-right > p{font-size:17px;line-height:1.75;color:#3d3838;margin:0 0 26px;max-width:58ch}
.m-ib-feats{margin-top:clamp(36px,4vw,56px)}
.m-ib-h{display:block;font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;padding-bottom:12px;border-bottom:2px solid var(--ink);margin:0 0 24px}
.m-ib-women{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px var(--col-gap)}
.m-iw{display:block;color:inherit}
.m-iw .ph{aspect-ratio:4/5;overflow:hidden;background:var(--blush)}
.m-iw img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.m-iw:hover img{transform:scale(1.04)}
.m-iw .kicker{display:block;margin:14px 0 6px;padding-bottom:8px;border-bottom:1px solid var(--cashmere)}
.m-iw h4{font-family:var(--serif);font-weight:600;font-size:clamp(20px,1.8vw,24px);line-height:1.15;margin:10px 0 4px}
.m-iw .rl{display:block;font-size:12.5px;color:var(--gray)}
.m-iw em{display:block;font-family:var(--serif);font-size:16px;color:#3d3838;margin-top:8px}
.m-iw:hover h4{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
@media (max-width:820px){.m-ib-grid{grid-template-columns:1fr}.m-ib-left{position:static;max-width:340px}}
@media (max-width:420px){.m-ib-women{gap:28px 14px}.m-iw h4{font-size:18px}}
.m-between{background:var(--blush);padding:clamp(48px,6vw,80px) 0}
.m-between-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--col-gap)}
@media (max-width:1000px){.m-between-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.m-ib-lead{grid-template-columns:1fr}.m-ib-cover{max-width:360px}}
@media (max-width:520px){.m-between-row{grid-template-columns:1fr}}

/* ---------- Back-issue catalog ---------- */
.m-catgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(40px,5vw,64px) var(--col-gap);border-top:2px solid var(--ink);padding-top:clamp(32px,4vw,48px)}
.m-cat{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--col-gap);align-items:start}
.m-cat-cover{display:block;box-shadow:0 26px 50px -24px rgba(28,26,26,.5);transition:transform .4s}
.m-cat-cover:hover{transform:translateY(-4px)}
.m-cat-cover img{width:100%;display:block}
.m-cat-body h2{font-family:var(--serif);font-weight:700;font-size:clamp(26px,2.6vw,36px);line-height:1.05;margin:16px 0 6px}
.m-cat-body p{font-size:14.5px;line-height:1.7;color:#3d3838;margin:14px 0 0}
.m-cat-feat b{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--maroon);margin-right:6px}
.m-cat-body .m-actions{margin-top:20px}
.m-cat-body .mbtn{padding:12px 18px}
@media (max-width:1000px){.m-catgrid{grid-template-columns:1fr}}
@media (max-width:520px){.m-cat{grid-template-columns:1fr}.m-cat-cover{max-width:260px}}

/* ---------- restyled pages (content kept, new chrome): lift legacy headings to the magazine scale ---------- */
.m-legacy h1{font-family:var(--serif);font-weight:700;font-size:clamp(44px,6.4vw,92px);line-height:.98;letter-spacing:-.01em;text-wrap:balance}
.m-legacy .eyebrow{font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}

/* =====================================================================
   RESTYLED PAGES: bring legacy page sections onto the magazine system
   (Be Featured, For Brands, Contact, About, profiles, issue pages, archive, legal)
   ===================================================================== */
/* heroes: maroon gradient blocks become paper editorial page heads */
.m-legacy :is(.gf-hero,.ctc-hero,.abt-hero,.page-hero,.profile-hero,.art-hero){background:var(--paper)!important;color:var(--ink)!important;min-height:0!important;padding:clamp(40px,6vw,80px) 0 clamp(32px,4vw,56px)!important;text-align:left!important;border-bottom:1px solid var(--rule)}
.m-legacy :is(.gf-hero,.ctc-hero,.abt-hero,.page-hero,.profile-hero,.art-hero)::before,
.m-legacy :is(.gf-hero,.ctc-hero,.abt-hero,.page-hero,.profile-hero,.art-hero)::after{display:none!important}
.m-legacy .gf-hero-bg{display:none!important}
.m-legacy :is(.gf-hero-inner,.abt-hero-inner,.page-hero-inner,.profile-hero-inner,.art-hero-inner,.ctc-hero-inner){max-width:1280px!important;margin:0 auto!important;padding-left:var(--gutter)!important;padding-right:var(--gutter)!important;text-align:left!important}
.m-legacy .ctc-hero > :not(.ctc-hero-inner){max-width:1280px;margin-left:auto!important;margin-right:auto!important;padding-left:var(--gutter);padding-right:var(--gutter);text-align:left!important}
.m-legacy :is(.gf-hero,.ctc-hero,.abt-hero,.page-hero,.profile-hero,.art-hero) :is(h1,h2,h3){color:var(--ink)!important;text-align:left!important;margin-left:0!important}
.m-legacy :is(.gf-hero,.ctc-hero,.abt-hero,.page-hero,.profile-hero,.art-hero) p{color:#3d3838!important;text-align:left!important;margin-left:0!important}
.m-legacy :is(.gf-hero-deck,.abt-hero-deck,.page-hero-inner > p,.profile-hero-role){font-family:var(--serif)!important;font-style:italic;font-size:clamp(19px,2vw,24px)!important;line-height:1.45!important;max-width:44ch}
.m-legacy :is(.gf-hero,.ctc-hero,.abt-hero,.page-hero,.profile-hero,.art-hero) :is(.eyebrow,.kicker,[class*="kicker"],[class*="eyebrow"]){color:var(--maroon)!important}
.m-legacy :is(.gf-hero,.ctc-hero,.abt-hero,.page-hero,.profile-hero,.art-hero) a:not(.hero-cta):not(.btn){color:var(--maroon)!important}
.m-legacy :is(.gf-hero,.ctc-hero,.abt-hero,.page-hero,.profile-hero,.art-hero) svg{color:currentColor}
.m-legacy :is(.gf-hero-actions,.abt-cta-actions){justify-content:flex-start!important}
.m-legacy .gf-hero-stats{justify-content:flex-start!important;gap:clamp(24px,5vw,72px)!important;border-top:1px solid var(--rule)!important;margin-left:0!important;max-width:none!important}
.m-legacy .gf-hero-stat,.m-legacy .abt-hero-stat{text-align:left!important}
.m-legacy :is(.gf-hero-stat,.abt-hero-stat,.ins-hero-stat,.iss-hero-stat) :is(span,strong,div):first-child{color:var(--maroon)!important;font-family:var(--serif)!important}
.m-legacy :is(.gf-hero-stat,.abt-hero-stat) :is(span,p,div) + :is(span,p,div){color:var(--gray)!important}
.m-legacy [class*="live-badge"],.m-legacy [class*="hero-badge"]{background:transparent!important;border:1px solid var(--maroon)!important;color:var(--maroon)!important;border-radius:999px}
.m-legacy .profile-hero-rule{background:var(--cashmere)!important}
.m-legacy .profile-hero :is(.profile-social a,[class*="social"] a){border-color:var(--rule)!important;color:var(--ink)!important}
.m-legacy .hero-photo-note{display:none}

/* buttons: legacy CTAs adopt the square magazine button */
.m-legacy .hero-cta{background:var(--maroon)!important;color:var(--paper)!important;border:1px solid var(--maroon)!important;border-radius:0!important;font-family:var(--sans)!important;font-size:12px!important;font-weight:600!important;letter-spacing:.16em!important;padding:14px 26px!important}
.m-legacy .hero-cta:hover{background:var(--maroon-deep)!important;border-color:var(--maroon-deep)!important;color:var(--paper)!important}
.m-legacy .hero-cta--ghost{background:transparent!important;color:var(--maroon)!important;border-color:transparent!important;padding-left:0!important;padding-right:0!important;text-decoration:underline;text-underline-offset:5px}
.m-legacy .hero-cta--ghost:hover{background:transparent!important;color:var(--maroon-deep)!important}
.m-legacy .btn{border-radius:0!important;font-size:12px!important;font-weight:600!important;letter-spacing:.16em!important}
.m-legacy :is(.gf-asset,.abt-cta,.gf-price-card--featured,.gf-price-card--cover,.ctc-info-card,.women-cta-section,[style*="background:var(--ink)"],[style*="background:var(--maroon)"],[style*="background: var(--maroon)"]) .hero-cta:not(.hero-cta--ghost){background:var(--paper)!important;color:var(--maroon)!important;border-color:var(--paper)!important}
.m-legacy :is(.gf-asset,.abt-cta,.gf-price-card--featured,.gf-price-card--cover,.women-cta-section) .hero-cta--ghost{color:var(--cashmere)!important}

/* section heads: centered titles become ruled, left-aligned magazine heads */
.m-legacy .section-head{text-align:left!important;margin-left:0!important;margin-right:0!important;max-width:none!important;border-top:2px solid var(--ink);padding-top:16px}
.m-legacy .section-head h2{font-family:var(--serif)!important;font-weight:700!important;font-size:clamp(30px,3.8vw,48px)!important;line-height:1.05!important;text-align:left!important}
.m-legacy .section-head p{text-align:left!important;margin-left:0!important;max-width:62ch}
.m-legacy :is(.gf-asset,.abt-cta,.women-cta-section,[style*="background:var(--ink)"],[style*="background:var(--maroon)"]) .section-head{border-top-color:var(--cashmere)}

/* surfaces: square cards, hairlines instead of shadows, blush instead of cashmere bands */
.m-legacy :is(.gf-channel-card,.gf-price-card,.gf-price-card-inner,.fb-asset-card,.gf-carousel-quote,.ctc-info-card,.gf-usage-item,.abt-pillar,[class*="pillar-card"],.gf-faq-item,[class*="accordion"]){border-radius:0!important;box-shadow:none!important}
.m-legacy .gf-channel-card{border:0!important;border-top:2px solid var(--ink)!important;padding-left:0!important;padding-right:0!important;background:transparent!important}
.m-legacy .gf-channel-card h3,.m-legacy .fb-asset-card h3,.m-legacy .gf-price-card h3{font-family:var(--serif)!important}
.m-legacy [class*="channel-icon"]{background:transparent!important;border:1px solid var(--cashmere)!important;color:var(--maroon)!important}
.m-legacy .gf-carousel-quote{border:0!important;border-top:1px solid var(--ink)!important;background:transparent!important}
.m-legacy .gf-carousel-quote p,.m-legacy .gf-carousel-quote blockquote{font-family:var(--serif)!important;font-style:italic;font-size:19px!important;line-height:1.45!important}
.m-legacy .gf-price-card{border:1px solid var(--rule)!important}
.m-legacy .gf-price-card--featured{border-color:var(--maroon)!important}
.m-legacy :is(.gf-narrative,.tw-how,[style*="background:var(--cashmire)"],[style*="background: var(--cashmire)"]){background:var(--blush)!important}
.m-legacy [style*="background:var(--ink)"]{background:var(--charcoal)!important}
.m-legacy .ctc-info-card{border-top:2px solid var(--cashmere)}
.m-legacy :is(.ctc-form label,.field-label){font-size:11px!important;font-weight:600!important;letter-spacing:.16em!important}
.m-legacy :is(.ctc-form input,.ctc-form select,.ctc-form textarea){border-radius:0!important}
.m-legacy .gf-hero-stats{max-width:1280px!important;margin:clamp(28px,4vw,48px) auto 0!important;padding:24px var(--gutter) 0!important;box-sizing:border-box}
.m-legacy :is(.gf-pricing:not(.gf-pricing--paper),.gf-faq){background:var(--blush)!important}
.m-legacy .tw-how-circle{background:transparent!important;width:auto!important;height:auto!important;border-radius:0!important;box-shadow:none!important;justify-content:flex-start!important;border-bottom:1px solid var(--cashmere);padding-bottom:10px;margin-bottom:14px}
.m-legacy .tw-how-gloss{display:none!important}
.m-legacy .tw-how-num{font-family:var(--serif)!important;font-style:italic!important;font-weight:400!important;font-size:clamp(44px,5vw,64px)!important;line-height:1!important;color:var(--maroon)!important}
.m-legacy .tw-how-text{border-left:0!important;padding-left:0!important}
.m-legacy .gf-usage-text{border-left-color:var(--cashmere)!important}
.m-legacy :is(.abt-pillars,.art-more,.art-toc,.home-featured-quotes){background:var(--blush)!important}

/* ---------- partner / distribution strip (Be Featured, For Brands) ---------- */
.m-partners{list-style:none;margin:8px auto 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:22px clamp(28px,5vw,64px);max-width:1100px}
.m-partner{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--on-dark)}
.m-partner b{font-family:var(--serif);font-weight:600;font-size:clamp(18px,1.8vw,22px);letter-spacing:.02em}
.m-partner img{height:clamp(26px,3vw,38px);width:auto;max-width:160px;object-fit:contain;filter:brightness(0) invert(1);opacity:.92;transition:opacity .2s}
.m-partner:hover img{opacity:1}
.m-partner span{font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--cashmere)}
.m-partner--more em{font-family:var(--serif);font-size:16px;color:var(--on-dark-muted)}
.m-partner + .m-partner:not(.has-logo):not(.m-partner--more)::before{content:none}

/* section rhythm fixes (Oct 10) */
.m-legacy--be-featured .gf-publication{background:var(--blush)!important}
.m-legacy--for-brands .gf-pricing + .gf-narrative{background:var(--paper)!important}
.m-legacy .abt-cta-actions{justify-content:center!important}

.m-partner img{height:auto;max-height:52px;max-width:150px;filter:none}
.m-partner img[alt="Philips"]{max-width:130px}
.m-partner img[alt="Wildflower Collective"]{max-height:58px;max-width:170px}
a.m-hl-main{min-height:clamp(420px,52vw,640px)}
@media (max-width:820px){a.m-hl-main{min-height:clamp(420px,120vw,560px)}}