:root{--paper:#f5f2e9;--ink:#203d35;--muted:#626b62;--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:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #8a602c;outline-offset:5px}.wrap{width:min(1160px,calc(100% - 96px));margin-inline:auto}.skip{position:absolute;top:-100px;left:20px;background:var(--ink);color:white;padding:15px;z-index:20}.skip:focus{top:15px}header{display:flex;justify-content:space-between;align-items:center;min-height:110px;border-bottom:1px solid var(--line)}.brand{font-family:Georgia,serif;font-size:26px;letter-spacing:-1px}.brand small{display:block;font-family:Arial,sans-serif;font-size:9px;letter-spacing:3px;margin-top:8px}nav{display:flex;align-items:center;gap:34px;font-size:13px}.outline{border:1px solid var(--ink);padding:13px 19px;border-radius:3px}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center;padding-block:77px 80px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2.3px;line-height:1.8;margin:0 0 24px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-2.7px}h1{font-size:clamp(56px,6.2vw,83px);line-height:1.04;margin-bottom:28px}h1 em,h2 em{font-weight:400;color:#61754c}p{font-size:15px;line-height:1.8;color:var(--muted)}.intro{max-width:390px;margin-bottom:30px}.button{display:inline-flex;align-items:center;gap:48px;background:var(--ink);color:var(--paper);padding:18px 24px;border-radius:3px;font-size:13px;transition:background .2s}.button:hover{background:#37594c}.note{font-size:11px;margin:16px 0 0}.scene{position:relative;height:530px;display:grid;place-items:center;background:#e8eadf;border-radius:48% 48% 4px 4px;overflow:hidden}.orbit{position:absolute;border:1px solid #d2d7c6;width:470px;height:470px;border-radius:50%;transform:rotate(-28deg) scaleX(.64)}.second{transform:rotate(32deg) scaleX(.68);width:580px;height:580px}.cover{width:278px;height:397px;transform:rotate(-8deg);box-shadow:20px 26px 30px #243c342a;border-left:5px solid #162e28;border-right:6px solid #dedacf;position:relative;background:var(--ink);color:var(--paper);padding:26px 24px;overflow:hidden}.cover-top{font-size:7px;letter-spacing:1.8px}.cover-title{font-family:Georgia,serif;font-size:40px;line-height:.98;letter-spacing:-1.7px;margin:20px 0 10px;color:var(--paper)}.cover-title em{color:#c4d59e}.subtitle{font-size:10px;line-height:1.45;margin:26px 0 0;color:var(--paper)}.cover-author{font-size:10px;letter-spacing:2px;position:absolute;bottom:25px}.scene-note{position:absolute;bottom:25px;font-size:8px;letter-spacing:2px}.strip{background:var(--ink);color:#e1e8d4}.strip .wrap{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-block:23px;font-size:10px;letter-spacing:2px}.strip span:nth-child(even){font-size:20px;color:#becd9d}.section{padding-block:88px}h2{font-size:clamp(36px,4.4vw,56px);line-height:1.1;margin-bottom:24px}.about{display:grid;grid-template-columns:1fr 1fr;gap:90px}h3{font-family:Georgia,serif;font-size:23px;line-height:1.4;font-weight:400;margin:4px 0 23px}.text-link{display:inline-block;font-size:12px;border-bottom:1px solid var(--ink);padding-block:8px}.topics{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;padding-bottom:86px}.topics article{border-top:1px solid #aeb8a5;padding-top:21px}.topics .eyebrow{font-size:9px;color:var(--muted)}.topics h3{margin:26px 0 15px}.topics p{font-size:13px;max-width:300px}.author{background:#e9ecdf;padding-block:72px}.author-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.monogram{font-family:Georgia,serif;font-style:italic;font-size:125px;letter-spacing:-12px;text-align:center;padding:38px 0;border:1px solid #d1d8c6;border-radius:50%;width:280px;height:280px;justify-self:center}.monogram small{display:block;font-family:Arial,sans-serif;font-style:normal;font-size:8px;letter-spacing:1.6px;margin-top:15px}.author-grid h2{font-size:47px}.author-grid p:last-child{margin-bottom:0}.find{text-align:center}.retailers{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:37px}.retailers a{display:flex;justify-content:space-between;align-items:center;text-align:left;border:1px solid #cbd2c0;padding:25px 24px;transition:background .2s}.retailers a:hover{background:#e5e9d9}.retailers a>span:first-child{font-family:Georgia,serif;font-size:24px}.retailers small{display:block;font-family:Arial,sans-serif;letter-spacing:2px;font-size:8px;margin-top:12px}footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-block:28px;font-size:10px;color:var(--muted)}.footer-brand{font-family:Georgia,serif;font-size:21px;color:var(--ink)}@media(max-width:850px){.wrap{width:calc(100% - 48px)}nav{gap:20px}.hero{gap:28px;padding-block:55px}.scene{height:450px}.cover{transform:rotate(-6deg) scale(.88)}.about,.author-grid{gap:35px}.topics{gap:22px}.retailers a{padding:22px 17px}.retailers a>span:first-child{font-size:21px}}@media(max-width:620px){.wrap{width:calc(100% - 40px)}header{min-height:90px}.brand{font-size:23px}nav>a:not(.outline){display:none}.outline{font-size:11px;padding:12px}.hero{grid-template-columns:1fr;padding-block:42px;gap:35px}h1{font-size:clamp(48px,12vw,64px)}.intro{max-width:100%}.scene{height:460px;max-width:400px;width:100%;justify-self:center}.strip .wrap{flex-wrap:wrap;justify-content:center;font-size:8px;gap:15px}.strip span:nth-child(6){display:none}.strip span:last-child{flex-basis:100%;text-align:center}.section{padding-block:56px}.about,.author-grid{grid-template-columns:1fr;gap:24px}h2{letter-spacing:-1.8px}.topics{grid-template-columns:1fr;gap:25px;padding-bottom:55px}.topics h3{margin-top:17px}.topics p{max-width:none;margin-bottom:0}.author{padding-block:45px}.monogram{width:210px;height:210px;font-size:90px;padding-top:28px;margin-bottom:15px}.monogram small{font-size:6px;letter-spacing:1px}.retailers{grid-template-columns:1fr}.retailers a{padding:20px 24px}.retailers small{margin-top:7px}footer{flex-wrap:wrap;gap:20px}.footer-brand{flex-basis:100%}footer>a:last-child{margin-left:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
