: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}
.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}.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 65px}.detail-cover{width:min(280px,78vw);margin:auto}.detail h1{font-size:clamp(2.9rem,14vw,4.3rem)}.footer-row,.book-nav{flex-direction:column}.book-nav a:last-child{text-align:right}}