/* GENERATED FILE - do not edit by hand.
 * Structure "magazine" landing + chrome rules.
 * Source: landing.css
 * Rebuild: php tools/build-landing-css.php
 */

.ln-mag { background: var(--bsp-bg); }
.ln-mag-masthead { text-align: center; padding: 1.8rem 22px 1rem; border-bottom: 4px double var(--bsp-ink); max-width: 1080px; margin: 0 auto; }
.ln-mag-date { font-size: .74rem; letter-spacing: .12em; text-transform: uppercase; color: var(--bsp-muted); }
.ln-mag-name { font-size: 2.6rem; font-weight: 800; letter-spacing: -.02em; line-height: 1.1; margin: .3rem 0; }
.ln-mag-sub { font-size: .85rem; color: var(--bsp-muted); font-style: italic; }
/* Page h1. The visual masthead lives in the chrome header, so the landing's
   single h1 is the edition line: brand + what this issue is. */
.ln-mag-issue { text-align: center; font-size: .92rem; font-weight: 400; font-style: italic; color: var(--bsp-muted); margin: 1.5rem 22px 0; line-height: 1.6; }
.ln-mag-issue-kicker { display: block; font-size: .72rem; font-style: normal; font-weight: 700; text-transform: uppercase; letter-spacing: .12em; color: var(--bsp-accent-text); margin-bottom: .3rem; }
.ln-mag-front { display: grid; grid-template-columns: minmax(0, 1.6fr) 300px; gap: 30px; align-items: start; padding-top: 1.6rem; }
.ln-mag-lead-story { display: block; text-decoration: none; color: inherit; position: relative; }
.ln-mag-lead-story img { width: 100%; aspect-ratio: 21/10; object-fit: cover; display: block; border-radius: 2px; }
.ln-mag-lead-story h1 { font-size: 1.9rem; line-height: 1.2; margin: .8rem 0 .3rem; letter-spacing: -.015em; }
.ln-mag-lead-story h2 { font-size: 1.9rem; line-height: 1.2; margin: .8rem 0 .3rem; letter-spacing: -.015em; }
.ln-mag-lead-story:hover h1, .ln-mag-lead-story:hover h2 { color: var(--bsp-accent); }
a.ln-mag-title { color: inherit; text-decoration: none; }
a.ln-mag-title:hover { color: var(--bsp-accent); }
.ln-mag-meta { display: block; color: var(--bsp-muted); font-size: .78rem; text-transform: uppercase; letter-spacing: .06em; }
.ln-mag-lead-story p { font-size: 1rem; line-height: 1.65; color: color-mix(in srgb, currentColor 78%, transparent); margin: .5rem 0 0; }
.ln-mag-col { margin-top: 1.6rem; display: grid; gap: 1.1rem; }
.ln-mag-story { display: block; text-decoration: none; color: inherit; padding: .9rem 0; border-top: 1px solid var(--bsp-line); position: relative; }
.ln-mag-story h3 { font-size: 1.05rem; margin: 0 0 .2rem; line-height: 1.3; }
.ln-mag-story:hover h3 { color: var(--bsp-accent); }
.ln-mag-story .ln-mag-meta { margin-bottom: .3rem; }
.ln-mag-story p { margin: 0; font-size: .88rem; line-height: 1.6; color: color-mix(in srgb, currentColor 70%, transparent); }
.ln-mag-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 16px; }
.ln-mag .lnf-card { border-radius: 2px; background: var(--bsp-bg); }
.ln-mag .ln-band { background: var(--bsp-ink); }

.lnch-mag-top { background: var(--bsp-bg); }
.lnch-mag-strip { display: flex; justify-content: space-between; max-width: 1080px; margin: 0 auto; padding: 10px 22px 6px; font-size: .74rem; letter-spacing: .1em; text-transform: uppercase; color: var(--bsp-muted); border-bottom: 1px solid var(--bsp-line); }
.lnch-mag-strip a { color: var(--bsp-accent); text-decoration: none; font-weight: 700; }
.lnch-mag-name { display: block; text-align: center; font-size: 2.4rem; font-weight: 800; letter-spacing: -.02em; padding: .5rem 22px .7rem; color: inherit; text-decoration: none; }
.lnch-mag-name:hover, .lnch-mag-name:focus-visible { color: var(--bsp-accent-text); }
.lnch-mag-foot { background: color-mix(in srgb, var(--bsp-ink) 92%, var(--bsp-bg)); color: color-mix(in srgb, var(--bsp-ink) 60%, #fff); padding: 2rem 22px 1.2rem; margin-top: 2.4rem; text-align: center; }
.lnch-mag-colophon strong { color: #fff; font-size: 1.05rem; }
.lnch-mag-colophon p { max-width: 460px; margin: .3rem auto 1rem; font-size: .85rem; line-height: 1.6; }
.lnch-mag-foot .lnf-farms { justify-content: center; margin-bottom: 1rem; }
.lnch-mag-foot small { font-size: .74rem; opacity: .7; }

html[data-bsp-style="magazine"] .bsp-card { border-radius: 0; border-top: 4px double var(--bsp-ink); }
html[data-bsp-style="magazine"] .bsp-card h2 { font-family: Georgia, serif; letter-spacing: -.01em; }
html[data-bsp-style="magazine"] .btn-primary { border-radius: 2px; }