:root{--ink:#151515;--paper:#f5f5f3;--line:#8e8b84;--muted:#64625d;--white:#f5f5f3}
html{scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink)}
.shell{width:min(calc(100% - 40px),1440px)}
.nav{height:64px;border-bottom:1px solid var(--ink)}
.logo{width:110px;height:44px}
.nav-links{gap:24px}
.nav-links a{transition:opacity .2s}
.nav-links a:hover,.nav-links a:focus-visible{opacity:.52}
.article-head{border-top:0;border-bottom:1px solid var(--ink);padding:0 0 28px}
.article-head .eyebrow{min-height:42px;align-items:center;border-bottom:1px solid var(--ink);letter-spacing:.02em}
.article-head h1{max-width:1260px;margin:72px 0 30px;font-size:clamp(64px,9.2vw,142px);line-height:.76;letter-spacing:-.082em}
.article-head .dek{max-width:720px;font-size:clamp(20px,2vw,30px);line-height:1;letter-spacing:-.045em}
.hero-image,.hero-wrap,.video-stage{margin-top:12px}
.hero-image{width:100%;max-height:880px;background:#e7e7e3}
.hero-wrap,.video-stage{background:var(--paper);padding:12px}
.article-layout{grid-template-columns:minmax(150px,1fr) minmax(0,2.35fr);gap:0;padding:0;border-left:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.article-layout>.aside{padding:22px 16px;border-right:1px solid var(--ink)}
.article-layout>.prose{max-width:none;padding:52px clamp(28px,6vw,96px) 88px}
.article-layout>.prose p,.article-layout>.prose li{font-size:20px;line-height:1.55}
.article-layout>.prose h2{font-size:clamp(38px,4.4vw,64px);line-height:.9;letter-spacing:-.065em;margin-top:74px}
.pullquote,.observation{font-size:clamp(34px,4vw,58px);line-height:.95;text-transform:uppercase}
.market-gallery{gap:12px}
.market-gallery figure{background:var(--paper)}
.article-end{border-left:1px solid var(--ink);border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:18px 14px}
.related-articles{border:1px solid var(--ink);border-bottom:0}
.related-heading{min-height:72px;padding:14px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;border-bottom:1px solid var(--ink);text-transform:uppercase}
.related-heading h2{margin:0;font-size:clamp(30px,4vw,58px);line-height:.85;letter-spacing:-.06em;font-weight:400}
.related-heading a{font-size:10px;text-decoration:none;white-space:nowrap}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.related-card{display:block;padding:10px 10px 18px;text-decoration:none;border-right:1px solid var(--ink)}
.related-card:last-child{border-right:0}
.related-card img{display:block;width:100%;height:clamp(220px,27vw,400px);object-fit:cover;margin-bottom:10px;background:#e7e7e3}
.related-card span,.related-card b{display:block;font-size:9px;line-height:1.2;text-transform:uppercase;font-weight:400}
.related-card h3{margin:10px 0 24px;font-size:clamp(24px,2.6vw,40px);line-height:.92;letter-spacing:-.055em;font-weight:400}
.related-card:hover img,.related-card:focus-visible img{filter:grayscale(1)}
.article-kicker{height:42px;border-top:0}
.article-masthead{display:none}
.lead-grid{display:flex;flex-direction:column;border-left:0;background:var(--paper)}
.lead-media,.gallery figure{background:var(--paper)}
.lead-media{order:2;min-height:0;height:min(70vw,900px);padding:12px;border-left:1px solid var(--ink);border-right:1px solid var(--ink)}
.lead-media img,.lead-media video{min-height:0;max-height:none;height:100%;object-fit:cover}
.lead-media img.portrait,.lead-media video{object-fit:contain}
.lead-panel{order:1;display:grid;grid-template-columns:1.35fr .65fr;border-right:0;background:var(--paper);padding:0 0 28px}
.panel-meta{grid-column:1/-1;min-height:42px;align-items:center;padding:0;border-bottom:1px solid var(--ink)}
.lead-panel h1{grid-column:1;margin:0;padding:72px 30px 0 0;font-size:clamp(64px,9.2vw,142px);line-height:.76;letter-spacing:-.082em}
.lead-panel .dek{grid-column:2;align-self:end;margin:72px 0 0;padding:0 0 0 28px;border-top:0;font-size:clamp(20px,2vw,30px);line-height:1}
.article-grid{grid-template-columns:.55fr 1.65fr .8fr}
.article-grid>.prose{padding:48px clamp(28px,5vw,82px) 84px}
.article-grid>.prose h2{font-size:clamp(38px,4.4vw,64px);line-height:.9}
.quote{font-size:clamp(30px,3.2vw,50px);line-height:.94}
.media-strip-title{padding:14px}
.gallery{grid-template-columns:repeat(3,1fr);gap:0}
.gallery figure:nth-child(n){grid-column:span 1}
.gallery figure:nth-child(1),.gallery figure:nth-child(7){grid-column:span 2}
.gallery img{height:430px}
.footer{min-height:82px;align-items:center;border-top:0}
@media(max-width:900px){
  .article-layout{grid-template-columns:1fr}
  .article-layout>.aside{border-right:0;border-bottom:1px solid var(--ink)}
  .article-layout>.prose{padding:42px 24px 64px}
  .lead-media{min-height:0;border-right:1px solid var(--ink)}
  .lead-media img,.lead-media video{min-height:0;height:auto;max-height:none}
  .lead-media{height:auto}
  .lead-panel{grid-template-columns:1fr}
  .lead-panel h1,.lead-panel .dek{grid-column:1}
  .lead-panel .dek{margin-top:28px;padding-left:0}
  .article-grid{grid-template-columns:1fr}
  .article-meta,.prose,.margin-note{grid-column:1}
  .gallery{grid-template-columns:1fr 1fr}
  .gallery figure:nth-child(n){grid-column:span 1}
}
@media(max-width:780px){
  .shell{width:calc(100% - 28px)}
  .nav{height:auto;min-height:64px;align-items:flex-start;padding:9px 0}
  .logo{width:90px;height:38px}
  .nav-links{gap:10px;flex-wrap:wrap;justify-content:flex-end;max-width:250px;font-size:9px}
  .article-head h1{margin-top:54px;font-size:16vw}
  .article-head .dek{font-size:18px}
  .hero-wrap,.video-stage{padding:7px}
  .lead-panel h1{padding-top:54px;font-size:16vw}
  .article-grid>.prose,.article-layout>.prose{padding:34px 18px 54px}
  .article-grid>.prose p,.article-layout>.prose p,.article-layout>.prose li{font-size:18px}
  .margin-note{min-height:240px}
  .gallery{grid-template-columns:1fr}
  .gallery figure:nth-child(n){grid-column:1}
  .gallery img{height:auto;max-height:76vh}
  .related-heading{min-height:62px;align-items:center}
  .related-grid{grid-template-columns:1fr}
  .related-card{display:grid;grid-template-columns:40% 1fr;column-gap:12px;border-right:0;border-bottom:1px solid var(--ink);padding:8px}
  .related-card:last-child{border-bottom:0}
  .related-card img{grid-row:1/5;height:150px;margin:0}
  .related-card h3{margin:8px 0 18px;font-size:25px}
  .footer{gap:18px;flex-wrap:wrap;padding:20px 0}
}