/* Story, founder and correspondence share the original paper / ink / thread system. */
founder-note, story-cover, story-chapter, chapter-signup { display:block; }
.sr-only { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0; }
[aria-current="page"] { text-decoration:underline;text-underline-offset:6px; }
.founder-section { padding-block:70px 110px;border-top:1px solid var(--line); }
.founder-layout { display:grid;grid-template-columns: .95fr 1fr;gap:clamp(40px,8vw,130px);align-items:center;margin-top:45px; }
.founder-photo { position:relative;max-width:550px; }
.founder-photo::before { content:"";position:absolute;inset:18px -14px -14px 18px;border:1px solid var(--line);z-index:-1; }
.founder-photo img { width:100%;aspect-ratio:4/5;object-fit:cover; }
.founder-section figcaption,.story-cover figcaption,.jessica-section figcaption,.belonging-chapter figcaption { font-size:9px;letter-spacing:.08em;text-transform:uppercase;margin-top:12px;line-height:1.6;color:var(--muted); }
.founder-copy h2 { font-size:clamp(58px,6.5vw,98px);margin:22px 0 32px; }
.founder-copy>p:not(.micro) { max-width:390px;margin-bottom:18px; }
.founder-signature { border-top:1px dashed var(--line);margin:32px 0;padding-top:24px; }
.founder-signature span { display:block;font:italic 44px var(--serif);color:var(--red); }
.founder-signature small { display:block;margin-top:4px;font-size:9px;text-transform:uppercase;letter-spacing:.12em; }
.founder-copy .text-link { font-size:12px; }
.footer-links { display:flex;gap:28px;flex-wrap:wrap;padding-block:24px;border-top:1px solid var(--line);font-size:12px; }
.signup-section { background:#dfdcd1;padding-block:100px;position:relative;isolation:isolate; }
.signup-section::before { content:"";position:absolute;inset:12px 0;border-block:1px dashed #b5b1a5;pointer-events:none; }
.signup-layout { display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,6vw,110px);align-items:center; }
.signup-heading h2 { font-size:clamp(50px,5.2vw,80px);margin:24px 0; }
.signup-heading>p:not(.micro) { line-height:1.8; }
.letter-mark { width:92px;height:92px;margin-top:36px;color:var(--red);transform:rotate(-8deg);stroke-width:1; }
.signup-paper { background:#f7f3ea;padding:32px 38px;box-shadow:0 16px 36px #24251f0d;position:relative;border-top:3px solid var(--red); }
.signup-paper::after { content:"";position:absolute;right:0;bottom:0;border-top:24px solid #e2ddd1;border-right:24px solid #dfdcd1; }
.paper-top { display:flex;justify-content:space-between;align-items:center;margin-bottom:26px; }
.paper-top svg { width:36px;height:36px;color:var(--red); }
.signup-paper h3 { font:500 34px/.98 var(--serif);letter-spacing:-.03em;max-width:270px; }
.signup-note { font-size:12px;line-height:1.7;margin:18px 0 24px;max-width:360px; }
.signup-paper fieldset { border:0;margin:0;padding:0;min-width:0; }
.signup-paper label { display:block;font-size:12px; }
.signup-paper input[type="email"] { font:16px var(--body);width:100%;padding:15px 0;margin:5px 0 20px;background:transparent;border:0;border-bottom:1px solid var(--ink);border-radius:0;color:var(--ink); }
.signup-paper input:focus-visible { outline:2px solid var(--red);outline-offset:5px; }
.signup-paper input:disabled { opacity:.65;cursor:not-allowed;-webkit-text-fill-color:var(--muted); }
.interest-options { display:flex;flex-wrap:wrap;gap:12px 22px;margin-bottom:24px; }
.interest-options p { width:100%;font-size:11px; }
.interest-options p span { color:var(--muted); }
.interest-options label { display:flex;gap:8px;align-items:center;min-height:32px; }
.interest-options input { width:17px;height:17px;margin:0;accent-color:var(--red); }
.signup-paper button { background:var(--red);color:var(--paper);padding:16px 20px;min-height:54px;width:100%;text-align:left;display:flex;justify-content:space-between;font-size:12px; }
.signup-paper button:disabled { opacity:.65;cursor:not-allowed; }
.signup-paper button:focus-visible { outline-offset:4px; }
.signup-status:empty { height:0;margin:0;padding:0;border:0; }
.signup-status { font-size:12px;border-left:2px solid var(--red);margin-top:20px;padding-left:14px; }
.paper-foot { font:italic 20px var(--serif);margin-top:26px; }
join-ribbon { display:none; }
.preview-banner { padding:20px;background:var(--ink);color:var(--paper);font-size:12px; }
.preview-banner a { text-decoration:underline;float:right; }
.story-cover { padding-top:28px; }
.story-masthead { display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:20px; }
.story-masthead a { font-size:11px; }
.story-cover h1 { font:500 clamp(80px,11.5vw,174px)/.83 var(--serif);letter-spacing:-.065em;margin:50px 0 45px;position:relative;z-index:1; }
.story-cover h1 em { color:var(--red);margin-left:18%; }
.story-collage { display:grid;grid-template-columns:4fr 1fr;gap:35px;align-items:end; }
.story-wide img { width:100%;aspect-ratio:3/2;object-fit:cover; }
.collage-note { padding-bottom:40px; }
.collage-note svg { width:70px;height:70px;margin-bottom:35px; }
.collage-note p { font:26px/1.15 var(--serif); }
.story-cover-foot { border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding-block:28px;font-size:10px;text-transform:uppercase;letter-spacing:.1em; }
.name-chapter { display:grid;grid-template-columns:1fr 3fr;gap:35px;padding-block:120px; }
.name-chapter h2 { font-size:clamp(52px,6.5vw,96px);margin-bottom:40px; }
.chapter-lead { font:500 clamp(28px,3vw,40px)/1.15 var(--serif);letter-spacing:-.025em;margin-bottom:22px; }
.chapter-prose { display:grid;grid-template-columns:1fr 1fr;gap:35px;max-width:790px; }
.chapter-prose p { max-width:360px; }
.jessica-section { background:#e4dfd3;padding-block:90px; }
.jessica-spread { display:grid;grid-template-columns:.8fr 1.15fr 1fr;gap:45px;align-items:start; }
.jessica-title h2 { font-size:clamp(55px,6.5vw,96px);margin:25px 0; }
.jessica-title svg { width:70px;height:70px;margin-top:20px;color:var(--red); }
.jessica-still { margin-top:60px;transform:rotate(-2deg); }
.jessica-still img { aspect-ratio:4/5;object-fit:cover;width:100%; }
.jessica-letter { padding-top:180px; }
.jessica-letter>p:not(.chapter-lead) { margin-bottom:18px; }
.jessica-letter .founder-signature { margin-bottom:0; }
.belonging-chapter { display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,9vw,140px);align-items:center;padding-block:120px; }
.belonging-chapter figure { max-width:500px; }
.belonging-chapter img { width:100%;aspect-ratio:4/5;object-fit:cover; }
.belonging-chapter h2 { font-size:clamp(48px,5.8vw,86px);margin:24px 0 32px; }
.belonging-chapter p:not(.micro) { max-width:380px;margin-bottom:20px; }
.belonging-chapter .text-link { margin-top:24px;font-size:12px; }
@media(min-width:701px) and (max-width:1000px) {
 .jessica-spread { grid-template-columns:1fr 1fr;gap:35px; }
 .jessica-still { grid-column:2;grid-row:1 / 3; }
 .jessica-letter { padding:0;grid-column:1; }
 .signup-paper { padding:28px; }
 .founder-layout { gap:35px; }
 .name-chapter { grid-template-columns:1fr 3fr; }
 .story-collage { grid-template-columns:4fr 1fr;gap:20px; }
 .collage-note p { font-size:20px; }
}
@media(max-width:700px) {
 html:has(join-ribbon:not([hidden])) { scroll-padding-bottom:calc(80px + env(safe-area-inset-bottom)); }
 .founder-section { padding-block:45px 65px; }
 .founder-section .section-index { gap:20px;font-size:9px;align-items:start; }
 .founder-section .section-index span:last-child { max-width:130px;text-align:right; }
 .founder-layout { grid-template-columns:1fr;gap:34px;margin-top:28px; }
 .founder-photo { width:86%; }
 .founder-copy { padding-left:10%; }
 .founder-copy h2 { font-size:60px;margin-top:16px; }
 .founder-signature { margin:24px 0; }
 .signup-section { padding-block:60px; }
 .signup-layout { grid-template-columns:1fr;gap:30px; }
 .signup-heading { position:relative; }
 .signup-heading h2 { font-size:50px; }
 .signup-heading .letter-mark { position:absolute;right:0;bottom:0;width:60px;height:60px;margin:0; }
 .signup-heading>p:not(.micro) { font-size:12px;max-width:230px; }
 .signup-paper { padding:26px 24px; }
 .signup-paper h3 { font-size:34px; }
 .signup-paper input[type="email"] { font-size:16px; }
 .footer-links { gap:20px;font-size:11px; }
 join-ribbon:not([hidden]) { display:block;position:fixed;bottom:max(12px,env(safe-area-inset-bottom));left:20px;right:20px;background:var(--ink);color:var(--paper);z-index:15;box-shadow:0 5px 20px #0002; }
 join-ribbon a { display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:12px 18px;gap:15px; }
 join-ribbon span { font-size:9px;letter-spacing:.08em;text-transform:uppercase; }
 join-ribbon strong { font-size:12px;font-weight:500; }
 body:has(join-ribbon) { padding-bottom:70px; }
 body:has(dialog[open]) join-ribbon { display:none; }
 .story-cover { padding-top:14px; }
 .story-masthead { gap:15px; }
 .story-masthead .micro { font-size:8px; }
 .story-masthead a { font-size:10px;white-space:nowrap; }
 .story-cover h1 { font-size:clamp(57px,14vw,98px);margin:40px 0 30px;letter-spacing:-.06em;line-height:.93; }
 .story-cover h1 em { margin-left:7%; }
 .story-collage { display:block; }
 .story-wide img { aspect-ratio:1/1;object-position:50%; }
 .collage-note { display:flex;align-items:center;justify-content:space-between;padding:24px 0 0; }
 .collage-note svg { width:45px;height:45px;margin:0; }
 .collage-note p { font-size:25px; }
 .story-cover-foot { font-size:8px; }
 .name-chapter { grid-template-columns:1fr;gap:25px;padding-block:65px; }
 .name-chapter h2 { font-size:53px;margin-bottom:28px; }
 .chapter-prose { grid-template-columns:1fr;gap:20px; }
 .jessica-section { padding-block:55px; }
 .jessica-spread { grid-template-columns:1fr;gap:30px; }
 .jessica-title { position:relative; }
 .jessica-title h2 { font-size:70px;margin:18px 0 0; }
 .jessica-title svg { position:absolute;right:20px;bottom:10px;width:55px;height:55px; }
 .jessica-still { margin:0 10% 0 0;transform:rotate(-2deg); }
 .jessica-letter { padding:10px 0 0 10%; }
 .belonging-chapter { grid-template-columns:1fr;gap:35px;padding-block:65px; }
 .belonging-chapter figure { width:86%;margin-left:auto; }
 .belonging-chapter h2 { font-size:54px; }
 .preview-banner a { display:block;float:none;margin-top:6px; }
}
@media(prefers-reduced-motion:no-preference) {
 .signup-paper:focus-within .paper-top svg { transform:rotate(25deg); }
 .paper-top svg { transition:transform .45s var(--ease); }
 .founder-photo img,.belonging-chapter img { transition:filter .5s var(--ease); }
 .founder-photo:hover img,.belonging-chapter figure:hover img { filter:brightness(1.04); }
}
@media(prefers-reduced-motion:reduce) { .jessica-still { transform:none; } }

.founder-section .section-index { color:var(--muted); }