@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;1,500;1,600&family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap");:root{--bg:#f5f3ee;--surface:#fbfaf7;--surface-strong:#ffffff;--ink:#20231f;--muted:#777a72;--faint:#a7a9a0;--line:#deded6;--line-strong:#c9cbc1;--accent:#c96342;--accent-soft:#f1ddd3;--sans:"DM Sans",sans-serif;--serif:"Playfair Display",Georgia,serif;--quote:"Cormorant Garamond",Georgia,serif;--mono:"DM Mono",monospace}*,:after,:before{box-sizing:border-box}body,html{margin:0;min-height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none;transition:color .2s ease,opacity .2s ease,transform .2s ease}a:hover{color:var(--accent)}.font-serif{font-family:var(--serif)}.app-layout{min-height:100vh;display:flex;flex-direction:column}.main-content{width:100%;max-width:1180px;margin:0 auto;padding:0 2rem 6rem;flex:1}.site-header{position:sticky;top:0;z-index:100;background:rgba(245,243,238,.88);border-bottom:1px solid rgba(222,222,214,.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.header-content{max-width:1180px;margin:auto;padding:1.35rem 2rem;display:flex;justify-content:space-between;align-items:center}.header-brand{font:600 1.45rem/1 var(--serif);letter-spacing:-.035em}.header-brand span{color:var(--accent);font-style:italic;font-weight:500}.search-trigger-btn{display:flex;align-items:center;gap:.65rem;cursor:pointer;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);padding:.55rem .8rem .55rem 1rem;font:500 .78rem var(--sans);transition:border-color .2s ease,box-shadow .2s ease,color .2s ease}.search-trigger-btn:hover{color:var(--ink);border-color:var(--line-strong);box-shadow:0 4px 14px rgba(32,35,31,.06)}.search-shortcut-badge{color:var(--faint);font:.66rem var(--mono);letter-spacing:.02em}.home-page-container{width:100%}.hero-section{position:relative;padding:8rem 0 5.5rem;max-width:700px}.hero-section:before{content:"";position:absolute;width:150px;height:150px;right:4%;top:4.5rem;border-radius:50%;background:var(--accent-soft);opacity:.7;z-index:-1}.hero-kicker{display:flex;align-items:center;gap:.6rem;margin:0 0 1.6rem;color:var(--accent);font:500 .68rem var(--mono);letter-spacing:.13em;text-transform:uppercase}.hero-kicker:before{content:"";width:26px;height:1px;background:currentColor}.hero-title{max-width:680px;margin:0;font:500 clamp(3.3rem,7vw,5.8rem)/.98 var(--serif);letter-spacing:-.06em}.hero-title em{color:var(--accent);font-style:italic}.hero-subtitle{max-width:480px;margin:1.7rem 0 0;color:var(--muted);font-size:1.02rem;line-height:1.7}.directory-heading{display:flex;align-items:baseline;justify-content:space-between;padding-bottom:1rem;border-bottom:1px solid var(--line);margin-bottom:1.25rem}.directory-title{margin:0;font:500 1.45rem var(--serif);letter-spacing:-.025em}.directory-count{color:var(--faint);font:.68rem var(--mono);letter-spacing:.08em}.people-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem}.person-card{display:flex;align-items:center;gap:.85rem;min-width:0;padding:.95rem .8rem;border:1px solid transparent;border-radius:12px;background:rgba(251,250,247,.48)}.person-card:hover{background:var(--surface-strong);border-color:var(--line);box-shadow:0 8px 22px rgba(32,35,31,.05);transform:translateY(-2px)}.person-image-wrapper{flex:0 0 46px;width:46px;height:46px;overflow:hidden;border-radius:50%;background:var(--accent-soft)}.person-image{width:100%;height:100%;object-fit:cover;filter:saturate(.78)}.person-card:hover .person-image{filter:saturate(1)}.person-content{min-width:0}.person-name{color:var(--ink);font-size:.85rem;font-weight:600}.person-name,.person-profession{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.person-profession{color:var(--faint);font-size:.7rem}.book-header-section,.person-header{display:flex;align-items:center;gap:2rem;padding:2.2rem 0 2.6rem;border-bottom:1px solid var(--line);margin-bottom:3.2rem}.person-header-avatar{flex:0 0 112px;width:112px;height:112px;overflow:hidden;border-radius:50%;border:5px solid var(--surface);box-shadow:0 0 0 1px var(--line)}.person-header-avatar img{width:100%;height:100%;object-fit:cover}.book-title-row,.person-name-row{display:flex;align-items:flex-start;gap:.6rem}.person-summary-wrap{position:relative;display:inline-flex;flex-shrink:0;margin-top:.45rem}.person-info-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;border:1px solid var(--line-strong);background:var(--surface-strong);color:var(--muted);font:600 .68rem var(--sans);cursor:default;user-select:none}.person-summary-wrap:focus-within .person-info-icon,.person-summary-wrap:hover .person-info-icon{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.person-summary-tip{top:calc(100% + 8px);transform:translateX(-50%);width:min(320px,72vw);padding:.75rem .85rem;border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 28px rgba(32,35,31,.14);color:var(--ink);font:400 .84rem/1.6 var(--sans);opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease;z-index:10}.person-summary-tip,.person-summary-tip:before{position:absolute;left:50%;background:var(--surface-strong)}.person-summary-tip:before{content:"";top:-6px;transform:translateX(-50%) rotate(45deg);width:10px;height:10px;border-left:1px solid var(--line);border-top:1px solid var(--line)}.person-summary-wrap:focus-within .person-summary-tip,.person-summary-wrap:hover .person-summary-tip{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}@media(max-width:760px){.person-summary-tip{left:auto;right:0;transform:none}.person-summary-tip:before{left:auto;right:12px;transform:rotate(45deg)}.person-summary-wrap:focus-within .person-summary-tip,.person-summary-wrap:hover .person-summary-tip{transform:none}}.book-page-title,.person-info h1{margin:0;font:500 clamp(2.4rem,5vw,4rem)/1.05 var(--serif);letter-spacing:-.05em}.person-info .meta{margin:.55rem 0 0;color:var(--muted);font-size:.95rem}.book-page-author{margin:.55rem 0 0 .5rem;color:var(--muted);font-size:.95rem}.books-section{margin-top:1rem}.section-title{display:flex;align-items:center;gap:.65rem;margin:0 0 1.4rem;font:500 1.7rem var(--serif);letter-spacing:-.03em}.rec-count-badge{color:var(--faint);font:.68rem var(--mono)}.grid-books,.recommenders-grid{display:flex;flex-direction:column;gap:.75rem}.card.book,.recommender-card{display:flex;gap:1.3rem;padding:1rem;border:1px solid var(--line);border-radius:12px;background:rgba(251,250,247,.5);transition:background .2s ease,border-color .2s ease,transform .2s ease}.card.book:hover,.recommender-card:hover{background:var(--surface-strong);border-color:var(--line-strong);transform:translateY(-1px)}.book-cover-wrapper{flex:0 0 68px;width:68px;height:102px;overflow:hidden;border-radius:5px;background:var(--accent-soft);box-shadow:2px 3px 0 var(--line)}.book-cover-wrapper img,.book-page-cover img{width:100%;height:100%;object-fit:cover}.book-card-details,.recommender-content{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.book-title-link{font:500 1.22rem/1.25 var(--serif)}.book-meta{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center;margin-top:.25rem;color:var(--muted);font-size:.8rem}.category-tag{color:var(--accent);font:500 .63rem var(--mono);letter-spacing:.08em;text-transform:uppercase}.book-page-category:before{content:"\2022";display:inline-block;margin-right:.25rem;font-size:1rem;line-height:0;letter-spacing:0;vertical-align:middle}.recommendation-quote{margin:.85rem 0 0;padding:.1rem 0 .1rem .9rem;border-left:2px solid var(--accent);color:#62665d;font:400 .95rem/1.6 var(--sans);letter-spacing:0}.source-link-btn{display:inline-flex;align-items:center;gap:.3rem;margin-top:.65rem;color:var(--accent);font-size:.75rem;font-weight:600}.source-link-btn:hover{color:var(--ink)}.book-header-section{align-items:flex-start}.book-page-cover{flex:0 0 150px;width:150px;height:220px;overflow:hidden;border-radius:7px;background:var(--accent-soft);box-shadow:5px 6px 0 var(--line);position:relative}.book-page-info{flex:1;padding-top:.45rem}.book-page-description{max-width:650px;margin:1.3rem 0 0;color:var(--muted);line-height:1.7}.recommender-avatar{width:48px;height:48px;flex:0 0 48px;border-radius:50%;object-fit:cover}.recommender-name{font:500 1.15rem var(--serif)}.site-footer{border-top:1px solid var(--line);margin-top:auto}.footer-content{max-width:1180px;margin:auto;padding:2.2rem 2rem;color:var(--faint);font-size:.75rem}.footer-content p{margin:.15rem 0}.search-overlay{position:fixed;inset:0;z-index:2000;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:clamp(1rem,13vh,6rem) 1rem 1rem}.search-overlay-backdrop{position:fixed;inset:0;background:rgba(32,35,31,.35);backdrop-filter:blur(8px)}.search-overlay-content{position:relative;z-index:1;width:100%;max-width:560px;max-height:calc(100dvh - clamp(1rem, 13vh, 6rem) - 1rem);overflow:hidden;border:1px solid var(--line-strong);border-radius:14px;background:var(--surface);box-shadow:0 24px 60px rgba(32,35,31,.18)}.search-input-wrapper{display:flex;align-items:center;gap:.75rem;padding:1rem 1.15rem;border-bottom:1px solid var(--line)}.search-icon{color:var(--accent);flex:0 0 auto}.search-overlay-input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font:400 .95rem var(--sans)}.search-overlay-input::placeholder{color:var(--faint)}.search-overlay-results{max-height:min(340px,calc(100dvh - clamp(1rem, 13vh, 6rem) - 5.5rem));overflow-y:auto;padding:.45rem}.search-section-header{padding:.55rem .75rem .3rem;color:var(--faint);font:500 .63rem var(--mono);letter-spacing:.1em;text-transform:uppercase}.search-result-item{display:flex;align-items:center;gap:.75rem;padding:.65rem .75rem;border-radius:8px;color:var(--muted);font-size:.88rem}.search-result-item.selected,.search-result-item:hover{background:var(--accent-soft);color:var(--ink)}.search-no-results{padding:2rem 1rem;color:var(--muted);text-align:center;font-size:.85rem}@media (max-width:1024px){.people-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:760px){.main-content{padding:0 1rem 4rem}.header-content{padding:1.1rem 1rem}.hero-section{padding:5.5rem 0 4rem}.hero-section:before{width:100px;height:100px;top:3.5rem;right:0}.hero-title{font-size:clamp(3rem,14vw,4.8rem)}.people-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.person-card{padding:.75rem .6rem}.book-header-section,.person-header{flex-direction:column;align-items:flex-start;gap:1.25rem}.book-header-section{align-items:center;text-align:center}.book-page-info{width:100%;padding-top:0}.book-page-description{text-align:left}.recommender-card{align-items:flex-start}}@media (max-width:480px){.search-shortcut-badge,.search-trigger-text{display:none}.search-trigger-btn{padding:.65rem}.card.book{gap:1rem}}