.home-main{width:min(100%,var(--layout-max));margin:0 auto;padding:24px var(--page-pad) 48px}
.commonplace-spread{box-sizing:border-box;padding:18px clamp(18px,3.4vw,44px) 30px;border:1px solid var(--line);border-radius:8px;background:#f8f6f0;transition:background-color .16s ease}
.commonplace-spread[data-tone="1"]{background:#f2f5ef}
.commonplace-spread[data-tone="2"]{background:#f6f1ee}
.commonplace-spread[data-tone="3"]{background:#f0f3f5}
.commonplace-spread[data-tone="4"]{background:#f5f1f5}
.quote-controls{display:flex;justify-content:flex-end;gap:8px;align-items:center;flex-wrap:wrap}
.quote-next{display:inline-flex;align-items:center;gap:12px;min-height:42px;padding:8px 16px;border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.4);color:var(--teal);font:500 13px var(--sans);cursor:pointer;transition:background .16s}
.quote-next:hover{background:rgba(255,255,255,.8)}
.quote-next span{font-size:20px;line-height:1}
.quote-next:focus-visible,.home-links a:focus-visible{outline:2px solid var(--teal);outline-offset:4px}
.spread{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-height:clamp(300px,46svh,430px);margin-top:10px}
/* Running heads line up across the spread; each line and its source sit centred beneath. */
.spread-page{min-width:0;margin:0;padding:22px clamp(16px,3vw,44px) 6px;display:grid;grid-template-rows:auto 1fr auto auto 1fr;row-gap:18px}
.spread-kind{grid-row:1}.spread-page blockquote{grid-row:3}.spread-page figcaption{grid-row:4}
.spread-page+.spread-page{border-left:1px solid var(--line)}
.spread-kind{margin:0;display:flex;align-items:center;gap:9px;font:500 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)}
.spread-kind::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--teal)}
.spread-page--principle .spread-kind::before{background:var(--saffron)}
.spread-page blockquote{margin:0;padding:0;border:0;font-family:var(--display);font-size:clamp(22px,2.25vw,31px);font-weight:400;line-height:1.3;letter-spacing:-.02em;text-wrap:pretty;color:var(--ink);overflow-wrap:anywhere}
#featured-quote{text-indent:-.42em}#featured-quote::before{content:'“'}#featured-quote::after{content:'”'}
.spread-page figcaption{font:400 13px/1.7 var(--sans);color:var(--ink-soft)}
.spread-page figcaption .entry-work{display:block;font-size:12px;font-style:italic}
.spread-page figcaption a{color:inherit;text-decoration:none;text-underline-offset:4px}
.spread-page figcaption a:hover{text-decoration:underline}
.home-about{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:42px;padding:24px 0 0;border-top:1px solid var(--line)}
.home-about h1{max-width:600px;margin:0;font:400 15px/1.8 var(--sans);letter-spacing:0;color:var(--ink-soft)}
.home-links{display:flex;flex-wrap:wrap;gap:10px;flex-shrink:0}
.home-links a{display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border-radius:24px;border:1px solid transparent;font:500 12px var(--sans);text-decoration:none;transition:transform .16s,background .16s}
.home-links a:hover{transform:translateY(-2px)}
.home-links a:nth-child(1){color:#24649a;background:#e8eff6}
.home-links a:nth-child(2){color:#61517a;background:#eee9f3}
.home-links a:nth-child(3){color:#995336;background:#f6eae1}
.home-links svg{width:18px;height:18px;flex-shrink:0}
@media(max-width:700px){.home-main{padding-top:16px}.commonplace-spread{padding:14px 18px 22px}.spread{grid-template-columns:minmax(0,1fr);min-height:0}.spread-page{padding:22px 4px;grid-template-rows:auto auto auto}.spread-page blockquote{grid-row:2}.spread-page figcaption{grid-row:3}.spread-page+.spread-page{border-left:0;border-top:1px solid var(--line)}.spread-page blockquote{font-size:clamp(21px,5.6vw,26px)}.home-about{display:flex;flex-direction:column;align-items:flex-start;gap:20px;margin-top:28px}.home-about h1{font-size:14px}}
@media(prefers-reduced-motion:reduce){.commonplace-spread,.quote-next,.home-links a{transition:none}}
.quote-collection{margin-right:auto;font-size:12px;color:var(--ink-soft);text-decoration:none;min-height:44px;display:inline-flex;align-items:center;gap:8px}
.quote-next{min-height:44px}.quote-next:disabled{opacity:.4;cursor:default}.quote-next:active:not(:disabled){transform:translateY(1px)}
.home-discovery{display:grid;grid-template-columns:1fr 1.25fr;gap:48px;margin-top:64px;padding-top:32px;border-top:1px solid var(--line)}
.discovery-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}
.discovery-heading h2{font:500 14px var(--sans);margin:0}.discovery-heading a{font:400 12px var(--sans);color:var(--ink-soft);min-height:44px;display:inline-flex;align-items:center;text-underline-offset:5px}
.home-writing,.home-reading{min-width:0}.home-writing .writing-tile{min-height:255px}.home-writing h3{font:400 clamp(24px,2.3vw,32px)/1.15 var(--display);position:relative;z-index:1;margin:0;max-width:360px}
.home-books{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
.home-books .book-card{display:block;min-width:0;text-decoration:none;transition:transform 160ms ease;transform:rotate(var(--book-lean));color:var(--cover-ink)}
.home-books .book-face{position:relative;min-height:255px;padding:18px 14px 20px 19px;background:linear-gradient(90deg,#0002,transparent 5%,#fff2 7%,transparent 13%),var(--cover-bg);border:1px solid #0002;border-radius:2px 6px 6px 2px;box-shadow:3px 6px 10px #29201418;overflow:hidden}
.home-books .book-rank{font:500 10px var(--sans);opacity:.8}.home-books .book-cover-marks{float:right;font-size:12px}.home-books .book-cover-copy{display:flex;flex-direction:column;gap:18px;margin-top:28px}.home-books .book-cover-title{font:500 clamp(17px,1.5vw,23px)/1.18 var(--display);overflow-wrap:anywhere}.home-books .book-cover-author{font:400 11px/1.5 var(--sans)}
.home-books .cover-ornament{position:absolute;width:65px;height:65px;border:1px solid currentColor;border-radius:50%;right:-30px;top:-30px;opacity:.25}
@media(hover:hover){.home-books .book-card:hover{transform:translateY(-3px)}.quote-collection:hover{text-decoration:underline;text-underline-offset:5px}}
.home-books .book-card:active{transform:translateY(1px)}
@media(max-width:900px){.home-discovery{gap:32px;grid-template-columns:1fr}.home-books .book-face{min-height:235px}.home-books .book-cover-title{font-size:22px}}
@media(max-width:480px){.quote-controls{gap:6px}.quote-collection{flex-basis:100%;margin-bottom:2px}.home-discovery{margin-top:40px}.home-books{gap:10px}.home-books .book-face{padding:14px 10px;min-height:220px}.home-books .book-cover-title{font-size:16px}.home-books .book-cover-author{font-size:10px}.home-books .book-cover-copy{margin-top:22px;gap:12px}}
@media(prefers-reduced-motion:reduce){.home-books .book-card{transition:none;transform:none!important}}