:root{--forest:#123e32;--deep:#092d25;--cream:#fcf2d9;--gold:#f2cd68;--rust:#a94724}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--cream);color:var(--forest);font-family:Arial,Helvetica,sans-serif;font-size:18px;line-height:1.65}a{color:inherit}a:focus-visible{outline:3px solid var(--rust);outline-offset:6px}header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 5.5%;background:var(--forest);color:var(--cream);border-bottom:1px solid #ffffff26}.brand{font-size:12px;letter-spacing:2px;font-weight:bold;text-decoration:none}.brand span{margin:0 14px;color:var(--gold)}.header-link{font-size:14px;text-underline-offset:5px}.hero{position:relative;display:grid;grid-template-columns:1.15fr 1fr;gap:7%;padding:72px 8% 95px;background:radial-gradient(ellipse at 80% 38%,#32664b 0,transparent 48%),var(--forest);color:var(--cream);overflow:hidden}.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:2.4px;font-weight:bold;margin:0 0 25px}.hero .eyebrow{color:var(--gold)}h1,h2,h3,p,figure{margin-top:0}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:normal;line-height:1.08}h1{font-size:clamp(40px,4.5vw,70px);letter-spacing:-1.7px;margin-bottom:10px}h1 em{display:block;color:var(--gold);font-size:1.36em;font-style:normal}h2{font-size:clamp(38px,4.5vw,65px);letter-spacing:-1.6px}h2 em{font-weight:normal}h3{font-size:34px;margin-bottom:22px}.subtitle{font-family:Georgia,serif;font-size:29px;color:var(--gold);margin-bottom:12px}.byline{font-size:15px;letter-spacing:.6px;margin-bottom:29px}.promise{font-size:19px;line-height:1.65;margin:28px 0}.button{display:inline-flex;align-items:center;gap:30px;justify-content:space-between;background:var(--gold);color:var(--deep);text-decoration:none;padding:16px 25px;font-size:16px;font-weight:bold;border-radius:3px;transition:background .2s,transform .2s}.button:hover{background:#ffe19a;transform:translateY(-2px)}.read-on{display:block;width:fit-content;font-size:14px;margin-top:23px;text-underline-offset:5px;color:#e1e5ce}.hero-book{align-self:center;margin:0 auto;width:100%;max-width:420px;will-change:transform}.cover-frame{box-shadow:18px 28px 50px #001a2480;border:1px solid #e4d59350;line-height:0}.cover-frame img{display:block;width:100%;height:auto}figcaption{font-family:Georgia,serif;font-style:italic;text-align:center;font-size:15px;margin-top:22px;color:#efe5c9}.section-no{position:absolute;bottom:24px;left:8%;font-size:11px;letter-spacing:2px;color:#c7d1b8}.intro{padding:110px 9% 100px}.intro>.eyebrow{color:var(--rust)}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.intro-grid h2{margin:0}.intro-grid h2 em{color:var(--rust)}.intro-grid p{font-size:19px;margin-bottom:20px}.intro-grid p:last-child{margin-bottom:0}.troubles{background:#eadbaa;padding:65px 9% 85px}.section-top{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #123e3250;margin-bottom:45px}.section-top>span{font-size:11px;letter-spacing:1.5px}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6%}.number{display:block;font-family:Georgia,serif;font-size:30px;color:var(--rust);margin-bottom:20px}.theme-grid p{font-size:17px;margin-bottom:0}.heart{text-align:center;padding:115px 24px 105px;background:var(--deep);color:var(--cream)}.heart .eyebrow{color:var(--gold)}.heart h2{max-width:850px;margin:0 auto 30px}.heart h2 em{color:var(--gold)}.heart>p:not(.eyebrow){max-width:620px;margin:0 auto;font-size:19px}.rule{width:65px;height:1px;background:var(--gold);margin:36px auto}.heart .reader{color:#d6dfcd;font-size:17px!important}.final{display:grid;grid-template-columns:240px 1fr;align-items:center;justify-content:center;gap:75px;padding:100px max(8%,calc((100% - 950px)/2))}.final>img{width:240px;height:auto;box-shadow:12px 18px 30px #123e322b}.final .eyebrow{color:var(--rust);margin-bottom:18px}.final h2{font-size:48px;margin-bottom:16px}.final-hook{font-family:Georgia,serif;font-style:italic;font-size:23px;margin-bottom:25px}.book-name{font-size:14px;line-height:1.5;margin-bottom:8px}.final .byline{margin-bottom:25px}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #123e3230;padding:26px 6%;font-size:13px}footer>span:first-child{font-weight:bold;letter-spacing:2px}footer a{text-underline-offset:4px}.skip{position:absolute;top:-100px;left:20px;background:var(--gold);padding:10px;z-index:10}.skip:focus{top:10px}@media(min-width:1600px){.hero{padding-left:calc((100% - 1350px)/2);padding-right:calc((100% - 1350px)/2)}}@media(max-width:850px){.hero{gap:5%;padding:55px 6% 75px}h1{font-size:42px}.hero .eyebrow{font-size:10px}.promise{font-size:17px}.button{padding:15px 18px;font-size:14px;gap:15px}.intro{padding:75px 7%}.intro-grid{gap:7%}.intro-grid p{font-size:17px}.troubles{padding:55px 7% 65px}.theme-grid{gap:5%}h3{font-size:27px}.final{gap:40px;padding:75px 7%;grid-template-columns:200px 1fr}.final>img{width:200px}.final h2{font-size:38px}}@media(max-width:600px){header{padding:20px 6%}.brand{font-size:11px;letter-spacing:1.3px}.brand span{margin:0 6px}.brand{max-width:170px}.header-link{font-size:13px;white-space:nowrap}.hero{grid-template-columns:1fr;padding:44px 7% 68px;gap:42px}h1{font-size:46px;letter-spacing:-1px}.hero .eyebrow{font-size:10px;letter-spacing:1.6px}.subtitle{font-size:27px}.promise{font-size:18px}.hero-book{max-width:310px;transform:none!important}.button{font-size:16px}.section-no{font-size:10px}.intro-grid{grid-template-columns:1fr;gap:30px}.intro{padding:65px 7%}.intro-grid h2{font-size:42px}.intro-grid p{font-size:18px}.section-top>span{display:none}.theme-grid{grid-template-columns:1fr;gap:35px}.theme-grid article+article{border-top:1px solid #123e3230;padding-top:25px}.number{margin-bottom:8px}h3{font-size:32px}.theme-grid h3 br{display:none}.heart{padding:75px 7%}.heart h2{font-size:43px}.heart>p:not(.eyebrow){font-size:18px}.final{grid-template-columns:1fr;text-align:center;gap:35px;padding:65px 7%}.final>img{width:185px;margin:auto}.final h2{font-size:39px}.final-hook{font-size:21px}.final .button{max-width:100%}footer{flex-wrap:wrap;justify-content:center;text-align:center;font-size:12px}footer a{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.hero-book{transform:none!important}}
