*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#f5f3ed;color:#14313f;font:17px/1.7 Arial,sans-serif}a{color:inherit;text-underline-offset:5px}a:hover{color:#6c573d}a:focus-visible,button:focus-visible{outline:3px solid #b28f54;outline-offset:6px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.12}h1{font-size:clamp(55px,7.5vw,108px);letter-spacing:-.045em;margin:27px 0 35px}h2{font-size:clamp(38px,4.7vw,67px);letter-spacing:-.025em}h3{font-size:30px}p{max-width:680px}header,footer,.wrap{width:min(1280px,calc(100% - 100px));margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:32px 0;border-bottom:1px solid #c8ceca;gap:24px}.brand{display:flex;align-items:center;gap:15px;text-decoration:none;letter-spacing:.16em;font-size:20px}.brand small{display:block;font-size:9px;letter-spacing:.22em;margin-top:2px}.mark{display:block;background:currentColor;mask:url('assets/mark.png') center/contain no-repeat;-webkit-mask:url('assets/mark.png') center/contain no-repeat}.brand .mark{width:34px;height:50px}nav{display:flex;gap:28px;font-size:14px}nav a{text-decoration:none}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:600}.hero{display:grid;grid-template-columns:1.3fr .7fr;gap:70px;align-items:center;padding:100px 0 105px}.lead{font:clamp(23px,2.3vw,31px)/1.45 Georgia,serif}.hero-art{min-height:500px;display:grid;place-content:center;border:1px solid #b9c5c6;position:relative;background:#e8edeb}.hero-art .mark{width:280px;height:370px;color:#14313f}.hero-art small{text-align:center;font-size:10px;letter-spacing:.2em;margin-top:28px}.actions{display:flex;gap:30px;align-items:center;flex-wrap:wrap;margin-top:35px}.button{display:inline-block;background:#14313f;color:#fff;padding:15px 24px;text-decoration:none;font-size:14px}.button:hover{background:#375562;color:white}.text-link{font-size:14px}.band{background:#14313f;color:#f5f3ed;padding:85px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:90px}.band .eyebrow{color:#adbfbe}.body-section{padding:95px 0}.principles{margin-top:55px}.principle{border-top:1px solid #bdc8c5;padding:32px 0;display:grid;grid-template-columns:70px 250px 1fr;gap:25px}.number{font:22px Georgia,serif;color:#557783}.principle h3{margin:0}.principle p{margin:0}.closing{border-top:1px solid #bdc8c5;padding:90px 0}.closing h2{max-width:800px}.book-line{font:22px Georgia,serif;border-left:2px solid #a8895c;padding:10px 0 10px 25px;margin:30px 0}footer{display:flex;justify-content:space-between;gap:40px;padding:45px 0;border-top:1px solid #bdc8c5;font-size:12px}footer p{margin:10px 0}footer .links{display:flex;gap:22px;flex-wrap:wrap;align-items:start}.skip{position:absolute;left:-999px}.skip:focus{left:10px;background:white;padding:12px;z-index:10}.menu{display:none}.essay{max-width:780px;margin:auto;padding:70px 0}.essay h2{font-size:32px;margin-top:40px}.essay h1{font-size:65px}.review{background:#e4e9e6;text-align:center;font-size:10px;letter-spacing:.13em;padding:7px 20px} @media(max-width:850px){header,footer,.wrap{width:calc(100% - 44px)}.hero{gap:30px;padding:65px 0;grid-template-columns:1fr}.hero-art{min-height:330px}.hero-art .mark{height:260px;width:200px}.split{grid-template-columns:1fr;gap:25px}.principle{grid-template-columns:35px 1fr;gap:15px}.principle p{grid-column:2}.body-section,.closing{padding:65px 0}header{flex-wrap:wrap}.menu{display:block;background:none;border:1px solid #aab8b8;color:inherit;padding:10px 14px}nav{display:none;width:100%;flex-direction:column;padding:15px 0}nav.open{display:flex}footer{flex-direction:column}.essay{padding:40px 0}.hero h1{font-size:clamp(52px,11vw,80px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.hero{display:block;max-width:1100px;padding:100px 0 110px}.hero h1{font-size:clamp(54px,7.6vw,104px);max-width:1080px}.hero .lead{max-width:790px}.hero h1 br:last-of-type{display:none}.hero h1 em:before{content:" "}@media(max-width:850px){.hero{padding:65px 0 75px}.hero h1{font-size:clamp(51px,10vw,78px)}}
