@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');
:root{--paper:#f7f4ed;--ink:#0a2338;--muted:#626961;--gold:#b3832e;--line:#d9ddd0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--gold);outline-offset:6px}.skip{position:absolute;left:10px;top:-100px;background:white;padding:10px;z-index:10}.skip:focus{top:10px}header{display:flex;align-items:center;justify-content:space-between;max-width:1440px;margin:auto;padding:25px 6%}.brand{display:flex;align-items:center;gap:13px;font-family:Georgia,serif;font-size:17px;line-height:1.25}nav{display:flex;gap:34px;font-size:13px}nav a:hover{text-decoration:underline;text-underline-offset:5px}.hero{position:relative;max-width:1440px;margin:auto;display:grid;grid-template-columns:1.2fr 1fr;padding:45px 6% 80px;gap:40px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:2.2px;font-size:11px;font-weight:600;margin:0 0 24px;color:var(--gold)}h1,h2{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400;line-height:1.02;letter-spacing:-1.8px;margin:0}h1{font-size:clamp(58px,6.8vw,102px)}em{font-weight:400;color:var(--gold)}.intro{max-width:470px;color:var(--muted);font-size:17px;margin:27px 0 30px}.button{display:inline-flex;gap:36px;align-items:center;background:var(--ink);color:white;padding:15px 23px;font-size:13px}.button:hover{background:#37584b}.hero-note{font-size:11px;margin-top:28px;color:var(--muted)}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--gold);margin-right:8px;vertical-align:middle}.landscape{position:relative;height:510px;overflow:hidden;border-radius:220px 220px 5px 5px;background:linear-gradient(#c1b694,#e9d5a7 42%,#e2bd7f 70%)}.sun{position:absolute;width:125px;height:125px;top:145px;left:50%;transform:translateX(-50%);border-radius:50%;background:#fae7b0;box-shadow:0 0 75px 35px #f7ddb077}.ridge{position:absolute;width:130%;left:-15%;bottom:0;clip-path:polygon(0 38%,12% 30%,27% 46%,45% 8%,61% 35%,73% 19%,89% 42%,100% 26%,100% 100%,0 100%)}.ridge-back{height:280px;background:#8c947b;bottom:30px}.ridge-mid{height:245px;background:#526e5b;transform:scaleX(-1);bottom:-10px}.ridge-front{height:170px;background:#253f35;clip-path:polygon(0 22%,20% 38%,45% 13%,64% 39%,82% 24%,100% 41%,100% 100%,0 100%)}.landscape-label{position:absolute;bottom:30px;text-align:center;width:100%;color:#eee3c9;font-family:Georgia,serif;font-style:italic;font-size:21px}.hero-index{position:absolute;bottom:25px;left:6%;font-size:9px;letter-spacing:2px;color:#7d8277}.section{padding:90px 8%;max-width:1440px;margin:auto}h2{font-size:clamp(44px,5vw,67px)}.premise{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;border-top:1px solid var(--line)}.premise-copy p{margin-top:0;color:var(--muted);font-size:15px}.premise-copy .large{font-size:23px;color:var(--ink);line-height:1.5}.premise-copy .signature{font-family:Georgia,serif;color:var(--gold);font-style:italic;font-size:18px;margin-top:28px;margin-bottom:0}.principles{display:grid;grid-template-columns:repeat(3,1fr);padding-top:0;gap:50px}.principle{border-top:1px solid var(--line);padding-top:22px}.principle>span{font-size:10px;color:var(--gold);letter-spacing:2px}h3{font-family:Georgia,serif;font-size:23px;font-weight:400;margin:14px 0}.principle p{font-size:14px;color:var(--muted);margin:0}.book{background:#eaece3;display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.book-art{display:flex;justify-content:center;padding:20px;perspective:1000px}.book-cover{width:290px;height:422px;background:var(--ink);padding:33px 25px 25px;color:#f8f3e9;text-align:center;border-left:7px solid #182e26;box-shadow:18px 25px 35px #20362e33;transform:rotate(-5deg);display:flex;flex-direction:column;align-items:center}.book-cover p{font-family:Georgia,serif;font-size:30px;letter-spacing:2px;line-height:1.25;margin:24px 0 15px}.book-cover em{color:#d7ba89}.cover-rule{width:45px;height:1px;background:#b99c6b;margin-bottom:18px}.book-cover small{font-size:8px;letter-spacing:1.7px;line-height:1.8}.book-cover>span{font-size:10px;letter-spacing:2px;margin-top:auto}.book-copy>p:not(.eyebrow){font-size:14px;color:var(--muted)}.book-copy strong{color:var(--ink);font-size:17px}.book-copy h2{margin-bottom:26px}.book-copy .companion{padding-top:15px;border-top:1px solid #cfd5c8}.book-copy .button{margin-top:10px}.book-copy .release-note{font-size:11px;margin:10px 0 0}.connect{text-align:center;padding-top:100px;padding-bottom:100px}.connect>p:not(.eyebrow){color:var(--muted);font-size:15px;margin:25px 0 32px}.socials{display:flex;justify-content:center;gap:15px}.social{display:flex;align-items:center;justify-content:space-between;gap:28px;border:1px solid #c8cfc2;padding:16px 22px;min-width:220px;font-size:14px}.social span{font-size:10px;color:var(--muted)}footer{border-top:1px solid var(--line);padding:30px 6%;display:flex;align-items:center;justify-content:space-between;font-size:11px}footer .brand{font-size:14px}footer p{color:var(--muted)}@media(max-width:800px){header{padding:20px 6%}nav{gap:18px;font-size:11px}.hero{grid-template-columns:1fr;gap:40px;padding-top:30px}.hero-copy{max-width:600px}.landscape{height:380px;max-width:500px;width:100%;margin:auto}.section{padding:65px 7%}.premise{grid-template-columns:1fr;gap:30px}.principles{padding-top:0;gap:25px}.book{gap:25px;grid-template-columns:1fr 1.1fr}.book-cover{width:230px;height:370px}.book-art{padding:0}.book-cover p{font-size:24px}.book-copy h2{font-size:45px}footer{gap:15px;flex-wrap:wrap}}@media(max-width:520px){.brand{font-size:14px}.brand img{width:38px;height:38px}nav a:first-child{display:none}nav{gap:14px}h1{font-size:62px}.eyebrow{font-size:9px;letter-spacing:1.8px}.hero-note{font-size:10px}.landscape{height:355px}.principles{grid-template-columns:1fr;gap:30px}.book{grid-template-columns:1fr;gap:55px}.book-cover{width:270px;height:405px}.book-copy h2{font-size:51px}.socials{flex-direction:column;align-items:center}.social{width:100%;max-width:320px}.desktop{display:none}footer .brand{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

header .brand img,footer .brand img{mix-blend-mode:multiply;object-fit:contain}header .brand img{width:64px;height:64px}.book{background:#e9e9e5}.actual-cover{display:block;width:min(100%,320px);height:auto;box-shadow:18px 25px 35px #0a233833;transform:rotate(-3deg)}.full-logo{display:block;width:175px;height:auto;margin-top:30px;mix-blend-mode:multiply}.button:hover{background:#173c58}.social:hover{border-color:var(--gold);background:#efe8d9}@media(max-width:520px){header .brand img{width:48px;height:48px}.actual-cover{width:270px}.full-logo{width:145px}}

.hero-art{position:relative;width:min(100%,360px);justify-self:center;padding:12px 0 24px}.hero-art img{display:block;width:100%;height:auto;box-shadow:0 22px 60px #0a233835;border-radius:3px}.cover-caption{display:block;text-align:center;margin-top:20px;font-size:9px;letter-spacing:2px;color:var(--muted)}.hero{grid-template-columns:1.2fr 1fr}.hero h1{font-size:clamp(54px,6vw,88px)}.brand img{flex-shrink:0}.full-logo{width:210px}.book-art{min-width:0}.actual-cover{max-width:100%}@media(max-width:800px){.hero{grid-template-columns:1fr}.hero-art{width:min(75%,330px)}.hero h1{font-size:clamp(48px,10vw,76px)}}@media(max-width:520px){header{align-items:flex-start;gap:12px}nav{padding-top:12px}.hero h1{font-size:clamp(45px,12vw,62px)}.brand{font-size:12px}.section h2{font-size:clamp(38px,10vw,51px)}.book-copy h2{font-size:45px}}
