.letter-hero{padding-top:88px;padding-bottom:58px}
.letter-eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 29px}
.letter-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:9vw;align-items:end}
.letter-heading h1{font-size:clamp(72px,8.1vw,116px);font-weight:450;letter-spacing:-.075em;line-height:1.03;margin:0}
.letter-heading h1 span,.letter-origin-mark span{color:var(--accent)}
.letter-intro>p:first-child{font-size:clamp(24px,2.35vw,34px);line-height:1.35;letter-spacing:-.035em;color:var(--ink);margin-bottom:17px}
.letter-intro .letter-description{font-size:16px;line-height:1.7;max-width:31ch;margin-bottom:28px}
.letter-subscribe{display:inline-flex;min-height:50px;align-items:center;justify-content:center;padding:14px 23px;border-radius:100px;background:var(--ink);color:#161715;text-decoration:none;font-size:13px;font-weight:600;transition:background .2s,transform .2s;white-space:nowrap}
.letter-subscribe:hover{background:#dcded5;color:#111211}
.letter-subscribe:active{transform:scale(.98)}
.letter-byline{display:flex;align-items:center;gap:14px;margin-top:48px}
.letter-byline img{display:block;width:48px;height:48px;object-fit:cover;border-radius:50%;filter:grayscale(1)}
.letter-byline p{font-size:13px;line-height:1.65;color:var(--ink);margin:0}
.letter-byline p span{display:block;font-size:11px;color:var(--muted)}
.letter-byline>a{margin-left:auto;font-size:12px;min-height:44px;display:flex;align-items:center;text-decoration:none;border-bottom:1px solid var(--line)}
.letter-issues{scroll-margin-top:30px;padding-bottom:90px}
.letter-section-label{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:24px;margin-bottom:30px;border-top:1px solid var(--line)}
.letter-section-label h2{font-size:12px;font-weight:500;letter-spacing:0;margin:0;color:var(--muted)}
.letter-section-label>a{display:flex;align-items:center;min-height:44px;font-size:12px;text-decoration:none}
.letter-feature{display:grid;grid-template-columns:1.72fr 1fr;gap:52px;align-items:center}
.letter-feature-image{display:block;overflow:hidden;background:#292924;border-radius:4px}
.letter-feature-image img{width:100%;height:auto;display:block;transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.letter-feature-image:hover img{transform:scale(1.018)}
.letter-date{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center;font-size:11px;color:var(--muted);line-height:1.7;margin:0 0 25px}
.letter-date span{color:#c6c9c0}
.letter-feature h3{font-size:clamp(32px,3.2vw,46px);letter-spacing:-.05em;line-height:1.12;margin-bottom:24px}
.letter-feature h3 a,.letter-article h3 a{text-decoration:none}
.letter-feature-copy>p:not(.letter-date){font-size:15px;line-height:1.75;max-width:31ch;margin-bottom:24px}
.letter-read{display:inline-flex;min-height:46px;align-items:center;text-decoration:none;border-bottom:1px solid #7d8175;font-size:13px}
.letter-read:hover{border-color:var(--accent)}
.letter-archive{display:grid;grid-template-columns:1.12fr 1fr;gap:8vw;margin-top:64px;border-top:1px solid var(--line);padding-top:48px}
.letter-article{display:grid;grid-template-columns:150px 1fr;gap:28px;align-items:start}
.letter-thumbnail{display:block;overflow:hidden;border-radius:3px}
.letter-thumbnail img{display:block;aspect-ratio:1;object-fit:cover;object-position:center;width:100%;transition:transform .4s}
.letter-thumbnail:hover img{transform:scale(1.025)}
.letter-article .letter-date{margin-bottom:18px}
.letter-article h3{font-size:28px;line-height:1.23;letter-spacing:-.045em;margin:0 0 18px}
.letter-article p:not(.letter-date){font-size:14px;line-height:1.8;max-width:34ch;margin-bottom:14px}
.letter-origin{grid-template-columns:120px 1fr}
.letter-origin-mark{font-size:35px;font-weight:500;line-height:1.08;letter-spacing:-.065em;padding-top:4px;color:#b6b9ad}
.letter-closing{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-top:64px;padding-bottom:76px;border-top:1px solid var(--line)}
.letter-closing h2{font-size:clamp(42px,5vw,64px);letter-spacing:-.055em;margin:0 0 18px}
.letter-closing p:last-child{font-size:15px;margin:0}
.letter-closing .letter-eyebrow{margin-bottom:22px}
.letter-journal-promo{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-top:-15px;margin-bottom:55px;padding-top:32px;padding-bottom:32px;background:#191b18;border-block:1px solid #353830}
.letter-journal-promo .letter-eyebrow{margin:0 0 13px}
.letter-journal-promo h2{font-size:34px;letter-spacing:-.04em;margin:0 0 12px}
.letter-journal-promo p:last-child{font-size:14px;line-height:1.7;margin:0;color:var(--muted)}
.letter-journal-promo .letter-read{flex:none}
@media(max-width:1100px){.letter-heading{gap:6vw;grid-template-columns:1.2fr 1fr}.letter-heading h1{font-size:clamp(64px,8vw,90px)}.letter-feature{gap:36px;grid-template-columns:1.35fr 1fr}.letter-archive{gap:42px}.letter-article{grid-template-columns:1fr}.letter-thumbnail{width:180px}.letter-thumbnail img{aspect-ratio:1.6}.letter-origin-mark{min-height:112px;font-size:44px}.letter-article h3{font-size:30px}}
@media(max-width:700px){.letter-hero{padding-top:48px;padding-bottom:40px}.letter-eyebrow{margin-bottom:25px;font-size:10px}.letter-heading{grid-template-columns:1fr;gap:30px}.letter-heading h1{font-size:clamp(60px,15.1vw,92px);line-height:1.04;letter-spacing:-.065em}.letter-intro>p:first-child{font-size:24px;line-height:1.4;margin-bottom:14px}.letter-intro .letter-description{font-size:15px;max-width:33ch;margin-bottom:25px}.letter-byline{margin-top:32px;gap:12px}.letter-byline>a{display:none}.letter-byline img{width:42px;height:42px}.letter-byline p{font-size:12px}.letter-issues{padding-bottom:54px;scroll-margin-top:15px}.letter-section-label{padding-top:14px;margin-bottom:18px}.letter-feature{grid-template-columns:1fr;gap:26px}.letter-feature h3{font-size:38px;max-width:18ch;margin-bottom:18px}.letter-feature .letter-date{margin-bottom:18px}.letter-feature-copy>p:not(.letter-date){max-width:34ch;font-size:15px;margin-bottom:14px}.letter-archive{grid-template-columns:1fr;gap:34px;margin-top:38px;padding-top:32px}.letter-article{grid-template-columns:1fr;gap:24px}.letter-thumbnail{width:100%}.letter-thumbnail img{aspect-ratio:1.65;object-fit:cover}.letter-article h3{font-size:31px;max-width:21ch;margin-bottom:17px}.letter-article p:not(.letter-date){font-size:15px;max-width:35ch}.letter-origin{padding-top:32px;border-top:1px solid var(--line)}.letter-origin-mark{display:none}.letter-closing{display:block;padding-top:42px;padding-bottom:54px}.letter-closing .letter-eyebrow{margin-bottom:18px}.letter-closing h2{font-size:42px;margin-bottom:17px}.letter-closing .letter-subscribe{margin-top:27px}.letter-journal-promo{display:block;margin-top:0;margin-bottom:32px;padding-top:29px;padding-bottom:31px}.letter-journal-promo h2{font-size:29px}.letter-journal-promo .letter-read{margin-top:15px}}
@media(prefers-reduced-motion:reduce){.letter-feature-image img,.letter-thumbnail img,.letter-subscribe{transition:none;transform:none!important}}