@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@400;500;600;700&display=swap');
:root{--navy:#142847;--ink:#273344;--gold:#b58b4c;--cream:#faf7f1;--sand:#efe5d5;--burgundy:#763d3d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;line-height:1.7}a{color:inherit}img{display:block;max-width:100%}.wrap{max-width:1120px;margin:auto;padding:0 26px}.site-header{background:var(--navy);color:white;position:relative;z-index:2}.head-inner{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{font-family:'Playfair Display',Georgia,serif;font-size:27px;letter-spacing:.065em;text-decoration:none;white-space:nowrap}.brand span{display:block;font-family:'DM Sans',sans-serif;font-size:9px;letter-spacing:.35em;text-align:center;color:#e8c78f}.nav{display:flex;gap:28px;align-items:center}.nav a{font-size:13px;text-decoration:none;letter-spacing:.05em}.nav a:hover,.nav a:focus{color:#f1cb89}.hero{background:linear-gradient(125deg,#142847,#243e58 65%,#654c48);color:white;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center;padding-top:76px;padding-bottom:82px}.eyebrow{text-transform:uppercase;letter-spacing:.23em;font-size:12px;font-weight:700;color:var(--gold)}.hero .eyebrow{color:#eac48b}.stars{letter-spacing:14px;color:#e8bd76;font-size:17px;margin:0 0 24px}.hero h1,.section h2,.page-intro h1{font-family:'Playfair Display',Georgia,serif;font-weight:500;line-height:1.12}.hero h1{font-size:clamp(43px,5vw,70px);margin:12px 0 22px}.hero h1 em{font-weight:400;color:#f1ce95}.hero p{font-size:17px;color:#f2eae0;max-width:490px}.release{display:inline-block;border:1px solid #d7ad74;color:#f7dfb6;padding:9px 15px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin:16px 0}.btn{display:inline-block;text-decoration:none;background:#e7c38c;color:#142847;font-weight:700;font-size:13px;letter-spacing:.06em;padding:13px 21px;border-radius:3px;margin-top:20px}.btn:hover{background:white}.btn-outline{background:transparent;color:var(--navy);border:1px solid var(--gold)}.cover-frame{max-width:430px;margin:auto;padding:13px;background:rgba(255,255,255,.1);box-shadow:0 22px 70px #0b152b80;transform:rotate(1deg)}.cover-frame img{width:100%;height:auto}.section{padding:90px 0}.section h2{font-size:clamp(32px,4vw,48px);color:var(--navy);margin:12px 0 22px}.section p{max-width:690px}.section-soft{background:#f0e8dc}.split{display:grid;grid-template-columns:1fr 1fr;gap:78px;align-items:center}.workbook-cover{max-width:390px;margin:auto;box-shadow:0 16px 40px #3c2d2340}.photo{display:block;width:auto;max-width:100%;height:auto;max-height:590px;object-fit:contain;object-position:center center;margin:0 auto;border-radius:3px}.quote{font-family:'Playfair Display',Georgia,serif;font-size:clamp(23px,3vw,34px);line-height:1.4;color:var(--navy)}.about-strip{background:var(--navy);color:white;text-align:center;padding:78px 24px}.about-strip h2{color:white;font-family:'Playfair Display',Georgia,serif;font-size:40px;font-weight:400;margin:5px 0 12px}.about-strip p{max-width:710px;margin:0 auto;color:#eee4d8}.about-strip .stars{margin:0 0 12px}.site-footer{background:#0d1c31;color:#d7d9df;padding:36px 0;font-size:13px}.footer-inner{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.footer-inner a{color:#f1d09b}.page-intro{background:var(--navy);color:white;text-align:center;padding:76px 20px}.page-intro h1{font-size:clamp(42px,5vw,62px);margin:8px}.page-intro p{margin:auto;max-width:670px;color:#e7dcd0}.small{font-size:13px;color:#666}.pill{display:inline-block;color:#764b27;background:#f2e4cb;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.book-detail{max-width:380px;margin:auto;box-shadow:0 15px 42px #15253b33}.family{max-height:530px}@media(max-width:760px){.head-inner{flex-direction:column;padding-top:17px;padding-bottom:16px;gap:12px}.nav{gap:17px;flex-wrap:wrap;justify-content:center}.nav a{font-size:12px}.hero-grid,.split{grid-template-columns:1fr;gap:40px}.hero-grid{padding-top:50px;padding-bottom:58px}.hero h1{font-size:45px}.cover-frame{max-width:315px}.section{padding:60px 0}.photo{max-height:500px;height:auto}.split .photo{order:0}.footer-inner{flex-direction:column}.brand{font-size:25px}}