:root{--ink:#24303a;--muted:#655f58;--gold:#9a6129;--line:#decdb7;--navy:#17364b;--serif:"Cormorant Garamond",Georgia,serif;--sans:Inter,system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.7;background-color:#c9a477;background-image:linear-gradient(rgba(158,103,55,.34),rgba(177,124,72,.38)),url("/light-crosscut-wood.png");background-position:center top;background-size:cover;background-attachment:fixed;background-repeat:no-repeat}a{color:inherit}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}
.nav{position:sticky;top:0;z-index:20;height:76px;display:flex;align-items:center;justify-content:space-between;background:rgba(255,251,243,.94);border-bottom:1px solid rgba(154,97,41,.22);box-shadow:0 5px 22px rgba(38,45,50,.06);backdrop-filter:blur(14px)}.nav-inner{display:flex;align-items:center;justify-content:space-between;width:min(1180px,calc(100% - 48px));margin:auto}.brand{font-family:var(--serif);font-size:1.35rem;font-weight:600;letter-spacing:.12em;text-decoration:none;color:var(--navy)}.links{display:flex;align-items:center;gap:25px}.links>a,.nav-dropdown summary{font-size:.77rem;font-weight:650;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;color:#4e5559;cursor:pointer;list-style:none}.nav-dropdown summary::-webkit-details-marker{display:none}.nav-dropdown summary:after{content:"⌄";margin-left:7px;color:var(--gold)}.nav-dropdown{position:relative}.dropdown-panel{position:absolute;top:34px;right:0;width:310px;padding:10px;background:#fffdf8;border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 40px rgba(45,44,40,.17)}.dropdown-panel a{display:block;padding:12px 14px;border-radius:8px;text-decoration:none;font-size:.9rem;line-height:1.35;color:var(--navy)}.dropdown-panel a:hover,.dropdown-panel a:focus{background:#f3e7d5}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:999px;background:var(--navy);border:1px solid var(--navy);color:#fff;text-decoration:none;font-weight:700;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 7px 18px rgba(23,54,75,.16)}.button.secondary{background:transparent;color:var(--navy);border-color:#8e9ca4;box-shadow:none}
.page-hero{padding:76px 0 45px}.eyebrow{margin:0 0 14px;color:var(--gold);font-size:.76rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.page-hero h1,.detail h1{margin:0;color:var(--navy);font-family:var(--serif);font-size:clamp(3.2rem,7vw,6rem);font-weight:600;line-height:.92;letter-spacing:-.035em}.page-hero p{max-width:730px;color:#565a59;font-size:1.08rem}
.catalog{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding-bottom:90px}.book-card{display:flex;flex-direction:column;overflow:hidden;background:rgba(255,253,248,.95);border:1px solid #e4d9c9;border-radius:12px;box-shadow:0 14px 34px rgba(71,55,38,.09);transition:.25s}.book-card:hover{transform:translateY(-6px);box-shadow:0 22px 44px rgba(71,55,38,.15)}.book-card>a{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:10/16;background:#ede0ce}.book-card img{display:block;width:100%;height:100%;object-fit:contain}.book-card-copy{display:flex;flex:1;flex-direction:column;min-height:350px;padding:19px 19px 22px}.meta{color:var(--gold);font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.book-card h2{margin:10px 0 9px;color:var(--navy);font-family:var(--serif);font-size:1.5rem;line-height:1.08}.book-card p{margin:0 0 17px;color:var(--muted);font-size:.92rem;line-height:1.55}.book-card .learn{margin-top:auto;color:var(--navy);font-weight:700;text-decoration:none}.book-card .learn:hover{text-decoration:underline;text-underline-offset:4px}
.detail{display:grid;grid-template-columns:minmax(250px,360px) 1fr;gap:70px;padding:78px 0 90px}.detail-cover img{display:block;width:100%;border-radius:5px;box-shadow:0 25px 55px rgba(40,42,39,.26),6px 6px 0 #d6b98f}.detail-copy{align-self:center}.detail h1{font-size:clamp(3rem,6vw,5.4rem)}.subtitle{margin:18px 0 8px;color:#4f5659;font-family:var(--serif);font-size:1.6rem;line-height:1.25}.description{max-width:760px;color:#555956;font-size:1.06rem}.facts{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.fact{padding:8px 12px;border-radius:999px;background:rgba(255,253,248,.86);border:1px solid var(--line);color:#5c554d;font-size:.82rem}.themes{margin:27px 0;padding:25px 28px;background:rgba(255,253,248,.88);border-left:4px solid var(--gold);border-radius:0 12px 12px 0}.themes h2{margin:0 0 8px;color:var(--navy);font-family:var(--serif);font-size:1.65rem}.themes ul{margin:0;padding-left:20px;color:#5d5a55}.actions{display:flex;gap:12px;flex-wrap:wrap}.book-nav{display:flex;justify-content:space-between;gap:20px;padding:28px 0 50px;border-top:1px solid rgba(154,97,41,.25)}.book-nav a{color:var(--navy);font-weight:700;text-decoration:none}.book-nav a:hover{text-decoration:underline;text-underline-offset:4px}
.book-page{padding-bottom:78px}.book-page .detail{padding-bottom:55px}.opening-question{max-width:760px;margin:28px 0 22px;padding:20px 24px;background:rgba(255,253,248,.82);border-left:3px solid var(--gold);color:var(--navy);font-family:var(--serif);font-size:1.55rem;font-weight:600;line-height:1.3}.book-section{max-width:780px;margin:32px 0}.book-section h2,.study-grid h2,.reader-benefit h2,.read-next h2{margin:0 0 10px;color:var(--navy);font-family:var(--serif);font-size:1.9rem;line-height:1.1}.book-section p,.reader-benefit p{margin:0 0 15px;color:#555956;font-size:1.02rem}.study-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:28px 0}.study-grid>div{padding:24px 26px;background:rgba(255,253,248,.84);border:1px solid var(--line);border-radius:10px}.study-grid ul{margin:0;padding-left:20px;color:#5d5a55}.study-grid li+li{margin-top:4px}.reader-benefit{max-width:780px;margin:28px 0 32px;padding-top:22px;border-top:1px solid rgba(154,97,41,.28)}.read-next{display:grid;grid-template-columns:1fr 128px;gap:34px;align-items:center;margin:0 0 12px;padding:32px 36px;background:rgba(255,253,248,.92);border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 32px rgba(71,55,38,.08)}.read-next h2{font-size:2.15rem}.read-next p:not(.eyebrow){max-width:760px;margin:0 0 14px;color:var(--muted)}.read-next img{display:block;width:100%;max-height:192px;object-fit:contain;box-shadow:0 10px 22px rgba(40,42,39,.18)}.read-next .learn{color:var(--navy);font-weight:700;text-decoration:none}.read-next .learn:hover{text-decoration:underline;text-underline-offset:4px}
.free-guide-callout{max-width:780px;margin:30px 0 32px;padding:27px 30px 29px;background:rgba(247,237,221,.94);border:1px solid #d4b78e;border-radius:12px;box-shadow:inset 4px 0 0 var(--gold),0 12px 28px rgba(71,55,38,.08)}.free-guide-callout h2{margin:0 0 9px;color:var(--navy);font-family:var(--serif);font-size:2rem;line-height:1.1}.free-guide-callout p:not(.eyebrow){margin:0 0 19px;color:#555956}.free-guide-callout .eyebrow{margin-bottom:8px}
.footer{padding:35px 0;background:var(--navy);color:#e3ded6}.footer-row{display:flex;justify-content:space-between;gap:25px;font-size:.82rem}
@media(max-width:850px){.catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.detail{grid-template-columns:280px 1fr;gap:40px}.study-grid{grid-template-columns:1fr}.links>a{display:none}}
@media(max-width:620px){body{background-attachment:scroll;background-size:auto 100vh}.wrap,.nav-inner{width:min(100% - 28px,1180px)}.nav{height:70px}.brand{font-size:1.02rem}.links{gap:12px}.links .button{display:none}.dropdown-panel{position:fixed;top:70px;left:14px;right:14px;width:auto}.page-hero{padding:55px 0 34px}.catalog{grid-template-columns:1fr;gap:24px;padding-bottom:65px}.book-card-copy{min-height:0}.detail{grid-template-columns:1fr;gap:42px;padding:50px 0 50px}.detail-cover{width:min(280px,78vw);margin:auto}.detail h1{font-size:clamp(2.9rem,14vw,4.3rem)}.opening-question{font-size:1.35rem}.study-grid>div{padding:21px}.read-next{grid-template-columns:1fr;padding:26px}.read-next img{width:110px;grid-row:1;justify-self:start}.footer-row,.book-nav{flex-direction:column}.book-nav a:last-child{text-align:right}}