.home-main{width:min(100%,var(--layout-max));margin:0 auto;padding:24px var(--page-pad) 48px}
.quote-stage{box-sizing:border-box;min-height:clamp(360px,58svh,500px);padding:20px clamp(22px,5vw,64px) 36px;display:grid;grid-template-rows:auto minmax(0,1fr);border:1px solid var(--line);border-radius:8px;background:#f8f6f0;transition:background-color .16s ease}
.quote-stage[data-tone="1"]{background:#f2f5ef}
.quote-stage[data-tone="2"]{background:#f6f1ee}
.quote-stage[data-tone="3"]{background:#f0f3f5}
.quote-stage[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}
.quote-frame{min-height:0;margin:0;display:flex;flex-direction:column;justify-content:center;gap:26px;text-align:center;opacity:1;transition:opacity .16s ease;overflow:visible}
.quote-stage.is-changing .quote-frame{opacity:0}
#featured-quote{max-width:920px;margin:0 auto;padding:0;border:0;font-family:var(--display);font-size:clamp(28px,3.4vw,46px);font-weight:400;line-height:1.25;letter-spacing:-.025em;text-wrap:balance;color:var(--ink)}
#quote-source{font:400 13px/1.7 var(--sans);color:var(--ink-soft)}
#quote-source span{display:block;font-size:12px;font-style:italic}
#quote-source a{color:inherit;text-decoration:none;text-underline-offset:4px}
#quote-source 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}.quote-stage{min-height:360px;padding:16px 22px 28px}.quote-frame{gap:24px}#featured-quote{font-size:clamp(23px,6.4vw,30px)}.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){.quote-stage,.quote-frame,.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)}
.quote-frame{padding:36px 0;overflow-wrap:anywhere}
.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)}
.quotes-main{width:min(100%,820px);margin:0 auto;padding:32px var(--page-pad) 64px}.collection-back{display:inline-flex;align-items:center;min-height:44px;font-size:13px;color:var(--ink-soft);text-underline-offset:5px}.quotes-main h1{font:400 clamp(32px,5vw,48px)/1.15 var(--display);margin:24px 0 48px}.quote-list{list-style:none;padding:0;margin:0;counter-reset:quotes}.quote-list li{border-top:1px solid var(--line);padding:32px 0;display:grid;grid-template-columns:28px 1fr;gap:18px;counter-increment:quotes;scroll-margin-top:90px}.quote-list li:before{content:counter(quotes,decimal-leading-zero);font:400 11px var(--sans);color:var(--ink-soft);padding-top:7px}.quote-list figure{margin:0}.quote-list blockquote{margin:0 0 20px;font:400 clamp(21px,3vw,28px)/1.4 var(--display);overflow-wrap:anywhere}.quote-list figcaption{font:400 12px/1.7 var(--sans);color:var(--ink-soft)}.quote-work{display:block;font-style:italic}.quote-list figcaption a{text-underline-offset:4px}
@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}.quote-list li{gap:10px;grid-template-columns:22px 1fr}}
@media(prefers-reduced-motion:reduce){.home-books .book-card{transition:none;transform:none!important}}