@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap";html{min-width:320px}body{min-width:320px;margin:0}:root{color:#282520;font-synthesis:none;background:#f9f7f2;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}.site{overflow:hidden}.navbar{border-bottom:1px solid #e9e4da;justify-content:space-between;align-items:center;height:94px;padding:0 7%;display:flex}.brand{letter-spacing:2px;font-size:17px;font-weight:700}.brand span{color:#b38a5c}nav{gap:38px;display:flex}nav a,.footer-right a{color:#68635c;font-size:13px;transition:color .2s}nav a:hover,.footer-right a:hover{color:#b38a5c}.nav-button,.primary-button{color:#fff;letter-spacing:.5px;background:#292620;padding:16px 26px;font-size:12px;font-weight:600;transition:background .2s,transform .2s}.nav-button:hover,.primary-button:hover{background:#a37b4e;transform:translateY(-2px)}.hero{grid-template-columns:1fr 1fr;min-height:690px;display:grid}.hero-content{flex-direction:column;justify-content:center;align-items:flex-start;padding:110px 8% 100px 14%;display:flex}.eyebrow,.section-label{letter-spacing:3px;color:#a17c51;font-size:11px;font-weight:700}h1,h2{letter-spacing:-2.5px;font-family:Playfair Display,Georgia,serif;font-weight:400}h1{margin:32px 0;font-size:clamp(64px,6vw,104px);line-height:1.09}h1 em,h2 em{color:#ae875c;font-weight:400}.hero-content p{color:#777168;max-width:440px;font-size:15px;line-height:1.9}.hero-actions{align-items:center;gap:32px;margin-top:32px;display:flex}.primary-button span{margin-left:24px}.text-button{border-bottom:1px solid #b38a5c;padding-bottom:8px;font-size:13px;font-weight:600}.hero-visual{background:#e9e2d6;flex-direction:column;justify-content:center;align-items:center;padding:75px 30px;display:flex}.book-mockup{aspect-ratio:2/3;color:#f5e9d5;text-align:center;background:linear-gradient(135deg,#40372e,#1f1c19);flex-direction:column;justify-content:space-between;align-items:center;width:min(310px,80%);padding:42px 15px;display:flex;transform:rotate(-5deg);box-shadow:22px 28px 35px #63574655,inset 7px 0 9px #ffffff12}.book-top,.book-author{letter-spacing:3px;font-size:10px}.book-title{font-family:Playfair Display,serif;font-size:clamp(39px,4vw,57px);line-height:1.15}.book-title i{color:#c7a579}.visual-caption{letter-spacing:3px;color:#84796b;margin-top:60px;font-size:10px}.section{padding:130px 9%}.intro{grid-template-columns:1fr 2fr;gap:60px;display:grid}.intro-content{max-width:720px}h2{margin:0 0 30px;font-size:clamp(48px,5vw,78px);line-height:1.2}.intro p,.author p{color:#777168;max-width:560px;font-size:16px;line-height:2}.muted{font-style:italic}.quote-section{color:#f9f5ec;text-align:center;background:#302b25;padding:120px 20px}.quote-section span,.quote-section p{letter-spacing:3px;color:#c6a780;font-size:11px}.quote-section h2{margin:35px 0}.author{grid-template-columns:1fr 1fr;align-items:center;gap:12%;display:grid}.author-image{aspect-ratio:4/5;color:#a89b8a;letter-spacing:3px;background:#e5ddd0;justify-content:center;align-items:center;font-size:11px;display:flex}.author-copy h2{margin-top:28px}.author-copy .text-button{margin-top:28px;display:inline-block}.book-cta{text-align:center;background:#eee8dd;padding:115px 20px}.book-cta h2{margin:30px 0}.book-cta p{color:#777168}.availability{letter-spacing:1px;border:1px solid #bca88f;margin-top:25px;padding:15px 25px;font-size:12px;display:inline-block}footer{flex-wrap:wrap;justify-content:space-between;gap:50px;padding:70px 9% 25px;display:flex}footer p{color:#827b70;font-size:13px}.footer-right{align-items:flex-start;gap:30px;display:flex}.copyright{color:#9c9489;border-top:1px solid #e6e0d6;width:100%;padding-top:25px;font-size:11px}@media (width<=800px){.navbar{height:76px;padding:0 6%}nav{display:none}.brand{font-size:13px}.nav-button{padding:13px 15px;font-size:11px}.hero{grid-template-columns:1fr}.hero-content{padding:85px 7%}.hero-visual{min-height:570px}h1{font-size:clamp(56px,11vw,85px)}.intro,.author{grid-template-columns:1fr;gap:35px}.section{padding:85px 7%}.author-image{width:100%;max-width:480px}.hero-actions{flex-wrap:wrap}footer{padding:60px 7% 25px}.footer-right{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important}}@media (width>=768px) and (width<=1023px){.navbar{padding:0 5%}.hero-content{padding:75px 7%}.hero-content h1{font-size:clamp(54px,6vw,75px)}.section{padding:90px 6%}}@media (width<=767px){.navbar{height:70px;padding:0 20px}.brand{letter-spacing:1px;font-size:12px}.nav-button{padding:12px 14px;font-size:10px}.hero{flex-direction:column;display:flex}.hero-content{align-items:flex-start;padding:75px 24px 65px}.hero-content h1{letter-spacing:-2px;margin:25px 0;font-size:clamp(49px,12vw,70px);line-height:1.12}.hero-content p{font-size:14px;line-height:1.8}.hero-actions{flex-direction:column;align-items:stretch;gap:25px;width:100%;display:flex}.primary-button{justify-content:space-between;align-items:center;padding:19px 22px;display:flex}.text-button{align-self:flex-start}.hero-visual{min-height:480px;padding:65px 20px}.book-mockup{width:min(250px,75%)}.visual-caption{text-align:center;margin-top:45px}.section{padding:80px 24px}.intro,.author{flex-direction:column;gap:35px;display:flex}h2{letter-spacing:-1.5px;font-size:clamp(43px,10vw,60px)}.intro p,.author p{font-size:14px;line-height:1.9}.quote-section{padding:95px 24px}.author-image{width:100%}.book-cta{padding:95px 24px}footer{flex-direction:column;gap:35px;padding:55px 24px 25px}.footer-right{flex-direction:column;gap:20px}}
