/* Selected Letter Index layout; the full edition keeps its existing styles. */
.letter-index {--letter-serif:"Cormorant Garamond",serif}
.letter-index h1,.letter-index h2,.letter-index h3 {font-family:var(--letter-serif);font-weight:500;line-height:1.18}
.letter-index .letter-wrap {width:calc(100% - 112px);max-width:1200px;padding-inline:0}
.letter-index .letter-nav {min-height:0;padding:26px 56px;gap:30px}
.letter-index .letter-nav img {width:118px;height:22px}
.letter-index .letter-nav a {font:10px/1.6 var(--mono);text-transform:uppercase}
.letter-index .letter-nav nav {gap:32px}
.letter-index .letter-eyebrow {font:10px/1.7 var(--mono);color:#526979}
.letter-index .letter-invitation {display:block;min-height:0;max-width:none!important;padding:54px 0 0;text-align:left}
.letter-index .letter-invitation::before {content:none}
.letter-index .letter-invitation h1 {font-size:64px;line-height:1.08;margin-top:24px}
.letter-index .letter-invitation h1 em {font-weight:500}
.letter-index .invitation-deck {display:flex;justify-content:space-between;align-items:center;gap:32px;margin-top:20px}
.letter-index .invitation-copy {font-size:17px;line-height:1.75;max-width:43ch;margin:0}
.letter-index .invitation-actions {display:flex;align-items:center;justify-content:flex-end;gap:26px;flex-wrap:wrap}
.letter-index .letter-text-link {font:14px/1.6 var(--ui);border-color:#c9c2b7;gap:20px;padding:8px 0}
.letter-index .letter-early-signup {display:inline-flex;align-items:center;gap:20px;min-height:44px;padding:13px 18px;background:transparent;color:var(--ink);border:1px solid #c9c2b7;border-radius:2px;font:14px/1.6 var(--ui)}
.letter-index .letter-early-signup:hover {background:#f5f2ec;border-color:#a69d90}
.letter-index .index-image {width:100%;height:200px;object-fit:cover;object-position:50% 53%;margin-top:34px}
.letter-index .letter-about,.letter-index .letter-why {grid-template-columns:1fr 1fr;gap:85px;padding-block:85px}
.letter-index .letter-about h2,.letter-index .letter-why h2,.letter-index .letter-subscribe h2 {font-size:40px;margin-top:24px}
.letter-index .letter-about-copy>p,.letter-index .letter-why>div>p:not(.letter-eyebrow) {font-size:17px;line-height:1.75;margin-bottom:22px}
.letter-index .letter-why .letter-welcome {font:italic 26px/1.5 var(--letter-serif);color:var(--ink);margin-top:32px}
.letter-index .letter-contents {background:var(--bg);border-block:1px solid #c9c2b7;padding-block:75px}
.letter-index .letter-contents>.letter-wrap {display:grid;grid-template-columns:1fr 1fr;gap:85px}
.letter-index .letter-contents h2 {font-size:40px;line-height:1.18;margin-top:24px}
.letter-index .letter-rhythm {display:block;margin:0}
.letter-index .letter-rhythm li {padding-block:24px;border-color:#c9c2b7}
.letter-index .letter-rhythm li:first-child {padding-top:0;border-top:0}
.letter-index .letter-rhythm li:last-child {padding-bottom:0}
.letter-index .letter-rhythm h3 {font-size:28px}
.letter-index .letter-rhythm p {font-size:16px;line-height:1.75}
.letter-index .letter-archive {padding-block:80px;border-color:#c9c2b7}
.letter-index .archive-heading {margin-bottom:45px;gap:50px}
.letter-index .archive-heading h2 {font-size:40px;margin-top:24px}
.letter-index .archive-heading>p {max-width:32ch;font-size:14px;color:#655e54}
.letter-index .edition-grid {display:block}
.letter-index .edition-preview {display:grid;grid-template-columns:140px 1fr;gap:55px;align-items:center;max-width:none;border-block:1px solid #c9c2b7;padding-block:30px}
.letter-index .edition-cover img {width:140px;height:170px;aspect-ratio:auto;object-fit:cover;object-position:50% 75%}
.letter-index .edition-meta {justify-content:start;gap:20px;margin:0 0 16px;color:#526979}
.letter-index .edition-preview h3 {font-size:28px}
.letter-index .edition-preview p {max-width:56ch;font-size:16px}
.letter-index .letter-subscribe {background:var(--bg);border-top:1px solid #c9c2b7;padding-block:75px}
.letter-index .subscribe-inner {grid-template-columns:1fr 1fr;gap:85px}
.letter-index .letter-subscribe form {max-width:none}
.letter-index .letter-form-line {gap:0;border-bottom:1px solid #c9c2b7}
.letter-index .letter-form-line input {border:0;border-radius:0;background:transparent;padding:15px 6px 15px 0}
.letter-index .letter-form-line button {border:0;background:transparent;color:var(--ink);font-size:13px;flex-shrink:1;padding:12px 0 12px 20px;text-align:right}
.letter-index .letter-form-line button:hover {text-decoration:underline}
.letter-index .signup-note {text-align:left;color:#655e54}
.letter-index .letter-subscribe .field label {color:var(--ink)}
.letter-index .letter-footer {align-items:start;padding-block:55px;border-color:#c9c2b7}
.letter-index .letter-footer>div>p:not(.letter-eyebrow) {max-width:32ch;margin:20px 0 30px;font-size:14px;color:var(--ink)}
.letter-index .letter-footer nav {flex-direction:column;gap:18px;min-width:140px}
@media(max-width:1000px) {
 .letter-index .invitation-deck {align-items:start}
 .letter-index .invitation-actions {min-width:190px;gap:12px}
 .letter-index .letter-form-line {flex-direction:column}
 .letter-index .letter-form-line button {text-align:left;padding:12px 0}
}
@media(max-width:800px) {
 .letter-index .letter-wrap {width:calc(100% - 48px)}
 .letter-index .letter-nav {padding:23px 24px;gap:20px}.letter-home-link {display:none}
 .letter-index .letter-nav nav {gap:18px}
 .letter-index .letter-invitation {padding-top:40px}
 .letter-index .letter-invitation h1 {font-size:48px;max-width:none;margin-inline:0}
 .letter-index .invitation-deck {display:block}
 .letter-index .invitation-actions {justify-content:start;margin-top:20px;gap:24px}
 .letter-index .index-image {height:150px;margin-top:24px}
 .letter-index .letter-about,.letter-index .letter-why {grid-template-columns:1fr;gap:30px;padding-block:55px}
 .letter-index .letter-about h2,.letter-index .letter-why h2,.letter-index .letter-contents h2,.letter-index .archive-heading h2,.letter-index .letter-subscribe h2 {font-size:34px}
 .letter-index .letter-contents {padding-block:55px}.letter-index .letter-contents>.letter-wrap {display:block}
 .letter-index .letter-rhythm {margin-top:32px}
 .letter-index .archive-heading {display:block}.letter-index .archive-heading>p {margin-top:22px}
 .letter-index .letter-archive {padding-block:55px}
 .letter-index .edition-preview {gap:25px}
 .letter-index .letter-subscribe {padding-block:55px}.letter-index .subscribe-inner {grid-template-columns:1fr;gap:30px}
 .letter-index .letter-footer {gap:40px;padding-block:40px}
}
@media(max-width:420px) {
 .letter-index .letter-wrap {width:calc(100% - 44px)}
 .letter-index .letter-nav {padding:20px 22px;gap:14px}.letter-index .letter-nav img {width:84px;height:18px}
 .letter-index .letter-nav nav {gap:14px}.letter-index .letter-nav a {font-size:9px}
 .letter-index .letter-invitation {padding-top:32px}.letter-index .letter-invitation h1 {font-size:44px;margin-top:20px}
 .letter-index .invitation-copy {font-size:16px;line-height:1.6}
 .letter-index .invitation-actions {gap:10px 24px;margin-top:16px}
 .letter-index .letter-early-signup {padding:10px 14px}
 .letter-index .index-image {height:90px;margin-top:24px}
 .letter-index .letter-about h2,.letter-index .letter-why h2,.letter-index .letter-contents h2,.letter-index .archive-heading h2,.letter-index .letter-subscribe h2 {font-size:32px}
 .letter-index .edition-preview {grid-template-columns:1fr}
 .letter-index .edition-cover img {width:100%;height:210px;object-position:50% 60%}
}