@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Playfair+Display:wght@600;700&display=swap');
:root{--navy:#092e70;--purple:#8113a4;--ink:#132a50;--muted:#4b5364;--paper:#fffaf4;--pink:#ed2369;--green:#20a957;--blue:#dce8fb}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:#fffaf4;font-size:14px}.topbar{height:72px;position:sticky;top:0;z-index:30;background:linear-gradient(180deg,#fff8ef 0%,#fff5e9 78%,#fff0df 100%);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,5vw,75px);box-shadow:0 1px 8px #7d5c3410}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--navy)}.logo{width:62px;height:50px;display:grid;place-items:center;font-size:40px;color:#f2a900}.logo img{width:100%;height:100%;object-fit:contain;display:block;mix-blend-mode:multiply}.logo svg{width:62px;height:54px}.brandtext{font-family:'Playfair Display',Georgia,serif;font-size:26px;font-weight:700;line-height:1.03;display:flex;flex-direction:column}.brandtext strong{font-size:24px;color:var(--purple)}.desktop-nav{display:flex;align-items:center;gap:clamp(14px,2.6vw,38px)}.desktop-nav a{color:#0c2857;text-decoration:none;font-size:14px;font-weight:600;white-space:nowrap;padding:10px 0}.desktop-nav a.active,.desktop-nav a:hover{color:var(--purple);border-bottom:3px solid var(--purple)}.menu-btn,.mobile-nav{display:none}.hero{height:clamp(300px,22vw,360px);position:relative;overflow:hidden;background-color:#ffefd9;background-image:linear-gradient(90deg,#fff2e1 0%,rgba(255,239,216,.97) 25%,rgba(255,235,207,.82) 39%,rgba(255,231,197,.28) 58%,rgba(255,231,197,0) 75%),url('./assets/hero-landscape.jpg');background-size:100% 100%,72% 100%;background-position:center,right center;background-repeat:no-repeat}
.hero-bg{position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,246,233,.18) 0%,transparent 20%,transparent 78%,rgba(249,217,185,.12) 100%);z-index:1;pointer-events:none}.hero-copy{position:relative;z-index:4;padding:22px 0 0 clamp(26px,9.4vw,195px);max-width:860px}.hero h1{font-family:'Playfair Display',Georgia,serif;font-size:clamp(34px,3.6vw,52px);line-height:1.01;margin:0 0 17px;color:var(--navy);letter-spacing:-1px}.hero h1 em{font-style:normal;position:relative;color:var(--navy)}.hero h1 em:after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:5px;border-radius:50%;border-bottom:4px solid var(--purple);transform:rotate(-4deg)}.hero-copy>p{font-size:clamp(15px,1.25vw,20px);line-height:1.4;margin:0 0 14px;color:#132e56}.benefits{display:flex;gap:26px;align-items:center}.benefits span{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:800;line-height:1.15}.benefits b{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;color:white;font-size:25px;font-weight:500}.heart{background:#ed477b}.leaf{background:#20ad60}.people{background:#663ee8}.hiker{display:none}.hiker:before{content:none}.hiker .sun{display:none}.mountain{display:none;position:absolute;bottom:-80px;width:130%;height:190px;border-radius:50% 50% 0 0}.m1{left:-25%;background:#b0c9a2;transform:rotate(-9deg)}.m2{right:-35%;bottom:-105px;background:#6c875d;transform:rotate(10deg)}.person{display:none;position:absolute;right:23%;top:27px;color:#1b2c36;font-size:26px;z-index:3}.person:before{content:"";position:absolute;top:20px;left:-13px;width:38px;height:85px;background:#243440;border-radius:15px 15px 4px 4px;transform:rotate(-8deg)}.person:after{content:"";position:absolute;top:27px;left:-39px;width:92px;height:19px;background:#293e49;border-radius:15px;transform:rotate(26deg)}.person span:before,.person span:after{content:"";position:absolute;top:90px;left:-14px;width:16px;height:65px;background:#1b2932;transform:rotate(20deg);border-radius:8px}.person span:after{left:10px;transform:rotate(-16deg)}
.shelf-wrap{position:relative;margin-top:0;padding:0 clamp(16px,4vw,60px) 14px;background:linear-gradient(180deg,#f9d9b9 0%,#fff0df 30%,#f8e2d3 100%)}.book-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;align-items:stretch}.book-card{position:relative;min-width:0;background:rgba(255,255,255,.94);border-radius:18px;padding:12px 10px 13px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 5px 20px #4d3d2812;border:1px solid #ffffffc9;overflow:hidden}.book-card:first-child{z-index:2}.cover-box{height:155px;width:100%;display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:8px}.cover-img{height:100%;max-width:87%;object-fit:contain;box-shadow:0 5px 12px #0003;border-radius:3px}.book-num{position:absolute;top:0;left:2px;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#c4d6f1;color:#142f5a;font-size:15px;font-weight:800;z-index:2}.book-card:first-child .book-num{background:#ffb900;color:#151515}.coming-cover{height:145px;width:78%;max-width:150px;border-radius:4px;box-shadow:0 5px 12px #0003;display:flex;align-items:center;justify-content:center;flex-direction:column;color:white;position:relative;overflow:hidden;background:linear-gradient(150deg,var(--c1),var(--c2))}.coming-cover:before,.coming-cover:after{content:"";position:absolute;width:145px;height:145px;border:1px solid #ffffff70;border-radius:50%}.coming-cover:after{width:105px;height:105px}.coming-cover .book-symbol{font-size:25px;position:relative;z-index:1}.coming-cover strong{font-size:11px;letter-spacing:.08em;position:relative;z-index:1;margin-top:7px}.book-title{font-size:12px;line-height:1.22;font-weight:800;color:#111c30;margin:0 0 3px}.book-subtitle{font-size:10px;line-height:1.2;color:#182b4a;margin:0 0 7px}.book-author{font-size:9px;color:#687083;margin:0 0 8px}.buy-button,.soon-button{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;max-width:190px;min-height:34px;border:0;border-radius:999px;text-decoration:none;background:linear-gradient(90deg,#f0447c,#df0e5b);color:white;font-size:11px;font-weight:800;margin-top:auto}.soon-button{background:#d9e3f3;color:#152c56}.book-card .book-desc{display:none}.special-section{padding:48px clamp(16px,4vw,60px) 52px;background:linear-gradient(120deg,#f8e4ff,#fdf7e8 45%,#e6f6e9)}.special-head{display:flex;justify-content:space-between;align-items:center;gap:20px;max-width:1300px;margin:0 auto 25px}.kicker{font-size:10px;font-weight:800;letter-spacing:.17em;color:#8245a0;margin:0 0 5px}.special-head h2{font-family:'Playfair Display',Georgia,serif;font-size:34px;color:#12316b;margin:0 0 5px}.special-head p:not(.kicker){margin:0;color:#4f5d70;font-size:13px}.price-mark{border-radius:17px;background:#fff7d8;border:1px solid #f0d58c;color:#825b10;padding:12px 20px;font-size:27px;font-weight:800;white-space:nowrap}.price-mark small{display:block;font-size:10px;text-align:center;font-weight:600}.special-grid{max-width:1300px;margin:auto;grid-template-columns:repeat(6,minmax(0,1fr))}.special-grid .book-card{min-height:255px}.special-grid .cover-box{height:135px}.special-grid .coming-cover{height:125px}.special-grid .book-title{font-size:11px}.special-grid .buy-button{background:#193e7d}.bottom-info{display:grid;grid-template-columns:1.1fr 1fr;gap:35px;padding:28px clamp(20px,6vw,90px);background:linear-gradient(100deg,#dbe9fb,#fbe2ef)}.author-mini{display:grid;grid-template-columns:88px 1fr;gap:22px;align-items:center}.author-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#e4ba9c,#577d7d);display:grid;place-items:center;color:white;font-family:Georgia,serif;font-weight:bold;font-size:24px;border:4px solid #ffffffb0}.author-mini h2,.policy-mini h2{font-size:20px;color:#10316b;margin:0 0 3px}.author-mini strong{font-size:13px;color:#111c30}.author-mini p{font-size:11px;line-height:1.4;margin:4px 0 10px;max-width:470px}.outline-btn{display:inline-block;border:1px solid #2862d9;color:#173c85;border-radius:999px;padding:8px 18px;font-size:11px;font-weight:800;background:#ffffff60}.policy-mini{border-left:1px solid #7b91b9;padding-left:35px}.policy-links{display:flex;gap:20px;flex-wrap:wrap;margin-top:14px}.policy-links a{display:flex;align-items:center;gap:8px;text-decoration:none;color:#12316b;font-size:22px}.policy-links span{font-size:11px;font-weight:700}.author-details,.policies-details{padding:35px clamp(20px,6vw,90px);background:#fffdf9}.author-details{display:none}.author-details:target{display:block}.author-details h2{font-family:'Playfair Display',serif;color:#153875}.author-details p,.policies-details p{font-size:12px;line-height:1.7;color:#586273;max-width:900px}.policies-details{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;background:#fff9f3}.policies-details h3{color:#173875;font-size:13px}footer{padding:20px clamp(20px,5vw,75px);display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fffaf3;color:#687386;font-size:11px}footer .brandtext{font-size:16px}footer .brandtext strong{font-size:15px}footer .logo{width:35px;height:35px}footer .logo img{width:35px;height:35px;object-fit:contain}footer .logo svg{width:35px;height:35px}
@media(max-width:1100px){.book-grid,.special-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-copy{padding-left:7vw}.hiker{width:42%}.cover-box{height:170px}.special-grid .cover-box{height:155px}}
@media(max-width:700px){.topbar{height:70px;padding:0 14px}.brandtext{font-size:20px}.brandtext strong{font-size:18px}.logo,.logo svg{width:46px;height:43px}.desktop-nav{display:none}.menu-btn{display:block;border:0;border-radius:10px;background:#e9e7ff;color:#173875;padding:10px 12px;font-size:18px}.mobile-nav.open{display:flex;position:sticky;top:70px;z-index:25;background:#fffaf4;padding:13px 18px;gap:18px;flex-wrap:wrap;box-shadow:0 4px 12px #0001}.mobile-nav a{font-size:12px;color:#153875;text-decoration:none;font-weight:700}.hero{height:auto;min-height:315px;background-size:100% 100%,70% 100%;background-position:center,right center}.hero-copy{padding:24px 20px 22px;max-width:100%}.hero h1{font-size:32px}.hero-copy>p{font-size:13px;max-width:65%}.desktop-only{display:none}.benefits{gap:12px;max-width:65%}.benefits span{font-size:9px;gap:5px}.benefits b{width:29px;height:29px;font-size:18px}.hiker{width:42%;height:100%;opacity:.9}.person{right:15%;transform:scale(.7);transform-origin:top right}.book-grid,.special-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.shelf-wrap{padding:0 10px 12px}.book-card{padding:10px 8px 11px;border-radius:13px}.cover-box{height:160px}.coming-cover{height:145px}.book-title{font-size:11px}.book-subtitle{font-size:9px}.buy-button,.soon-button{font-size:10px;min-height:32px}.special-section{padding:35px 10px}.special-head{padding:0 7px}.special-head h2{font-size:29px}.price-mark{font-size:20px;padding:9px 13px}.special-grid .cover-box{height:145px}.bottom-info{grid-template-columns:1fr;gap:22px;padding:25px 20px}.policy-mini{border-left:0;border-top:1px solid #7b91b9;padding:20px 0 0}.policy-links{gap:14px}.policies-details{grid-template-columns:1fr;padding:28px 20px;gap:12px}footer{flex-direction:column;text-align:center}.author-mini{grid-template-columns:64px 1fr;gap:13px}.author-avatar{width:60px;height:60px}.author-mini h2,.policy-mini h2{font-size:17px}}
@media(max-width:390px){.book-grid,.special-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cover-box{height:130px}.coming-cover{height:120px}.hero h1{font-size:32px}.hero-copy>p{max-width:70%}.benefits{max-width:72%;gap:6px}}

/* Final compact hero adjustment: reduce above-the-fold height substantially. */
@media(min-width:701px){.hero{height:clamp(300px,21vw,350px)}.hero-copy{padding-top:20px}.hero h1{font-size:clamp(34px,3.5vw,50px);margin-bottom:12px}.hero-copy>p{margin-bottom:10px}.benefits{gap:20px}.benefits b{width:36px;height:36px}}
@media(max-width:700px){.hero{min-height:300px}.hero-copy{padding-top:22px;padding-bottom:18px}.hero h1{font-size:31px;margin-bottom:12px}.hero-copy>p{max-width:68%}.benefits{max-width:68%}}

/* Five individual titles in the Special Edition shelf. */
@media(min-width:1101px){.special-grid{grid-template-columns:repeat(6,minmax(0,1fr));max-width:none}}

footer .rights{color:#687386;font-size:11px;text-align:center}

/* Contact links in footer */
.contact-links{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.contact-links a{color:#173c85;text-decoration:none;font-weight:700}.contact-links a:hover{text-decoration:underline}@media(max-width:700px){.contact-links{align-items:center;text-align:center}}