* { box-sizing:border-box; margin:0; padding:0; }
html { scroll-behavior:smooth; }
body { background:#fbfbfb; color:#111111; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:17px;
  line-height:1.62; -webkit-font-smoothing:antialiased; }
img { display:block; max-width:100%; }
a { color:#d81f3c; text-decoration:none; }
a:hover { text-decoration:underline; }

.paper { max-width:1040px; margin:0 auto; padding:clamp(18px,4vw,44px)
  clamp(16px,4vw,44px) 60px; }

/* masthead */
.masthead { border-bottom:3px double #111111; padding-bottom:14px; }
.mtop { display:flex; justify-content:space-between; font-family:'Courier New', Courier, monospace;
  font-size:12px; letter-spacing:0.12em; text-transform:uppercase; color:#767676;
  border-bottom:1px solid rgba(17,17,17,0.15); padding-bottom:8px; }
.nameplate { font-family:Baskerville, 'Baskerville Old Face', 'Palatino Linotype', Georgia, serif; font-weight:800; text-align:center;
  font-size:clamp(2.6rem,10vw,6.2rem); line-height:0.95; letter-spacing:-0.02em;
  margin:14px 0 12px; }
.dateline { display:flex; justify-content:center; gap:16px; align-items:center;
  font-family:'Courier New', Courier, monospace; font-size:12px; letter-spacing:0.16em; color:#767676;
  text-transform:uppercase; }
.dateline .mid { color:#d81f3c; }

/* deck */
.deck { text-align:center; padding:26px 0 20px; border-bottom:1px solid rgba(17,17,17,0.15); }
.deck h2 { font-family:Baskerville, 'Baskerville Old Face', 'Palatino Linotype', Georgia, serif; font-weight:400; font-style:italic;
  font-size:clamp(1.3rem,3.2vw,2rem); line-height:1.3; max-width:40ch; margin:0 auto; }
.readmore { display:inline-block; margin-top:16px; font-family:'Courier New', Courier, monospace; font-size:13px;
  letter-spacing:0.1em; text-transform:uppercase; }

/* lead art full width */
.lead-art { margin:24px 0; }
.lead-art img { width:100%; height:clamp(240px,40vw,520px); object-fit:cover;
  filter:grayscale(0.15); }
.lead-art figcaption, .inline-art figcaption { font-family:'Courier New', Courier, monospace; font-size:12px;
  color:#767676; margin-top:8px; letter-spacing:0.04em; }

/* the flowing story */
.story { column-count:3; column-gap:36px; column-rule:1px solid rgba(17,17,17,0.28);
  text-align:justify; hyphens:auto; padding-top:12px; }
.story p { margin-bottom:1rem; }
.story p strong { font-family:Baskerville, 'Baskerville Old Face', 'Palatino Linotype', Georgia, serif; }
.lede { }
.dropcap { float:left; font-family:Baskerville, 'Baskerville Old Face', 'Palatino Linotype', Georgia, serif; font-weight:800; font-size:4.6rem;
  line-height:0.78; padding:4px 10px 0 0; color:#d81f3c; }
.pullquote { break-inside:avoid; font-family:Baskerville, 'Baskerville Old Face', 'Palatino Linotype', Georgia, serif; font-weight:700;
  font-size:1.35rem; line-height:1.25; text-align:left; color:#111111;
  border-top:3px solid #111111; border-bottom:3px solid #111111; padding:16px 0;
  margin:8px 0 16px; }
.pullquote span { display:block; font-family:'Courier New', Courier, monospace; font-weight:400; font-size:12px;
  color:#767676; margin-top:10px; letter-spacing:0.1em; text-transform:uppercase; }
.inline-art { break-inside:avoid; margin:8px 0 14px; }
.inline-art img { width:100%; height:180px; object-fit:cover; }

/* classifieds */
.classifieds { margin-top:44px; border-top:3px double #111111; padding-top:20px; }
.secline { font-family:Baskerville, 'Baskerville Old Face', 'Palatino Linotype', Georgia, serif; font-weight:800; text-transform:uppercase;
  letter-spacing:0.06em; font-size:1.1rem; text-align:center; margin-bottom:20px; }
.cols { display:grid; grid-template-columns:repeat(3,1fr); gap:0; }
.ad { padding:16px 20px; border-left:1px solid rgba(17,17,17,0.28); }
.ad:first-child { border-left:0; }
.ad b { font-family:Baskerville, 'Baskerville Old Face', 'Palatino Linotype', Georgia, serif; display:block; margin-bottom:8px; letter-spacing:0.02em; }
.ad p { color:#767676; font-size:0.95rem; }

.colophon { text-align:center; font-family:'Courier New', Courier, monospace; font-size:12px; color:#767676;
  letter-spacing:0.08em; margin-top:34px; padding-top:16px; border-top:1px solid rgba(17,17,17,0.15); }

@media (max-width:900px){ .story{ column-count:2; } }
@media (max-width:600px){
  .story{ column-count:1; }
  .cols{ grid-template-columns:1fr; }
  .ad{ border-left:0; border-top:1px solid rgba(17,17,17,0.28); }
  .ad:first-child{ border-top:0; }
}


.xq{box-sizing:border-box;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;color:#111111;padding:56px 24px;width:100%}
.xq *{box-sizing:border-box;margin:0}
.xq .xq-wrap{max-width:1060px;margin:0 auto}
.xq h2{font-family:Baskerville, 'Baskerville Old Face', 'Palatino Linotype', Georgia, serif;font-size:1.7rem;line-height:1.2;margin-bottom:8px}
.xq .xq-kick{display:block;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:#d81f3c;margin-bottom:10px;font-weight:700}

.xq-teamgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:20px;margin-top:22px}
.xq-person img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:0px;display:block;filter:saturate(.9)}
.xq-person figcaption{padding-top:10px}
.xq-person strong{display:block;font-family:Baskerville, 'Baskerville Old Face', 'Palatino Linotype', Georgia, serif}
.xq-person span{font-size:.82rem;color:#767676}


/* =====================================================
   DESIGN DNA: luxe-noir
   Whole-page visual system applied over the layout
   archetype. Appended last so it wins the cascade.
   ===================================================== */
html::after{content:'';position:fixed;inset:0;z-index:99990;pointer-events:none;border:none;background:none;border-left:1px solid rgba(216,31,60,.55);border-right:1px solid rgba(216,31,60,.55);margin:0 16px}
h1,h2,h3{font-family:Garamond, 'EB Garamond', 'Times New Roman', serif !important;text-transform:uppercase !important;letter-spacing:.3em !important;font-weight:500 !important}
h2::after{content:'';display:block;width:3.2rem;height:1px;background:#d81f3c;margin-top:.7rem}
img{filter:grayscale(.35) contrast(1.06);border-radius:0 !important}
a[class*="btn"],button,span[class*="btn"]{border-radius:0 !important;letter-spacing:.28em;text-transform:uppercase;font-size:.78em;border:1px solid #d81f3c !important;box-shadow:none !important}
div[class*="card"]:not([class*="cards"]),article[class*="card"],a[class*="card"],figure[class*="card"],li[class*="card"]{border-radius:0 !important;border:1px solid rgba(216,31,60,.4) !important;box-shadow:none !important}