:root{--paper:#f4eedf;--ink:#173b49;--gold:#926222;--line:#c9bea7;--white:#fffaf0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.7}a{color:inherit}a:focus-visible{outline:3px solid #b77b27;outline-offset:6px}.skip{position:absolute;left:1rem;top:-100px;background:var(--white);z-index:10;padding:12px}.skip:focus{top:0}.masthead{padding:24px 6%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{text-decoration:none;letter-spacing:.19em;font-size:16px;font-weight:bold}.brand span{display:block;font-size:12px;letter-spacing:.06em;font-weight:normal}.nav-link{font-size:14px;text-decoration:none;border-bottom:1px solid var(--gold)}.hero{position:relative;isolation:isolate;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:6%;padding:66px 8% 80px;overflow:hidden}.ledger{position:absolute;inset:0 0 0 61%;z-index:-1;background-color:#e6ddc7;background-image:linear-gradient(#ab967c24 1px,transparent 1px),linear-gradient(90deg,#ab967c24 1px,transparent 1px);background-size:100% 32px,76px 100%;border-left:1px solid #c6b58f80}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:12px;font-weight:bold;color:var(--gold);margin:0 0 25px}h1,h2,h3,.statement p{font-family:Georgia,'Times New Roman',serif;font-weight:normal}h1{font-size:clamp(44px,4.8vw,76px);letter-spacing:-.045em;line-height:1.07;margin:0 0 24px}h1 em{display:block;color:var(--gold);font-weight:normal}h2{font-size:clamp(36px,3.6vw,54px);line-height:1.15;letter-spacing:-.03em;margin:0}h3{font-size:27px;line-height:1.2;margin:22px 0 14px}.subtitle{font-family:Georgia,serif;font-size:22px;line-height:1.45;max-width:420px;margin:0 0 16px}.byline{font-size:14px;letter-spacing:.08em;margin:12px 0 30px}.promise{font-size:18px;margin:30px 0}.button{display:inline-flex;gap:40px;align-items:center;background:var(--ink);color:var(--white);padding:15px 24px;text-decoration:none;font-size:15px;font-weight:bold;border:1px solid var(--ink);transition:background .2s,transform .2s}.button:hover{background:#285566;transform:translateY(-2px)}.text-link{display:block;width:fit-content;margin-top:20px;text-decoration:none;font-size:14px;border-bottom:1px solid var(--line)}.cover-stage{margin:0;max-width:390px;width:100%;justify-self:center}.cover-frame{box-shadow:12px 20px 34px #183b4938;border:1px solid #8f785c55;transform:rotate(2deg)}.cover-frame img{width:100%;height:auto;display:block}.cover-stage figcaption{font-size:12px;text-align:center;margin-top:24px;color:#526068}.wrap{max-width:1200px;margin:auto;padding-left:6%;padding-right:6%}.introduction{padding-top:100px;padding-bottom:100px}.split{display:grid;grid-template-columns:1fr 1fr;gap:10%}.split p{margin-top:0}.small-emphasis{font-family:Georgia,serif;font-style:italic;color:var(--gold);font-size:20px}.generations{padding:88px 0 70px;background:var(--ink);color:var(--paper)}.generations .eyebrow{color:#dbc091}.section-top{display:grid;grid-template-columns:1.25fr 1fr;gap:10%;align-items:end}.section-top p{margin:0;color:#d8dedb}.timeline{list-style:none;padding:0;margin:60px 0 45px;display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.timeline li{border-top:1px solid #98a5a470;padding-top:25px}.number{font-family:Georgia,serif;font-size:38px;color:#dbc091}.timeline p{font-size:16px;line-height:1.8;color:#d8dedb;margin-bottom:0}.parallel{display:flex;align-items:baseline;gap:36px;border-top:1px solid #98a5a470;padding-top:25px}.parallel .eyebrow{flex-shrink:0;margin:0}.parallel p{font-family:Georgia,serif;font-size:21px;margin:0}.method{padding-top:100px;padding-bottom:100px}.method h2 em{color:var(--gold)}.statement{position:relative;overflow:hidden;background:#dfd2b7;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:75px 24px;text-align:center}.statement-grid{position:absolute;inset:-70px 0;opacity:.35;background-image:linear-gradient(#ad9c7d44 1px,transparent 1px),linear-gradient(90deg,#ad9c7d44 1px,transparent 1px);background-size:100% 38px,110px 100%;pointer-events:none}.statement p{position:relative;font-size:clamp(33px,4vw,58px);line-height:1.25;margin:0;letter-spacing:-.02em}.statement em{color:#79501d}.closing{padding-top:100px;padding-bottom:100px;display:grid;grid-template-columns:220px 1fr;gap:75px;align-items:center;max-width:1030px}.closing>img{width:100%;height:auto;box-shadow:8px 12px 22px #173b4926}.book-name{font-family:Georgia,serif;font-size:20px;line-height:1.6;margin-top:25px}.closing .byline{margin-bottom:24px}footer{padding-top:24px;padding-bottom:30px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:12px}footer>span:first-child{font-family:Georgia,serif;font-size:18px}footer a{text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1500px){.hero{padding-left:calc((100vw - 1250px)/2);padding-right:calc((100vw - 1250px)/2)}}@media(max-width:760px){.masthead{padding:20px 6%}.brand{font-size:14px}.brand span{font-size:11px}.nav-link{font-size:12px}.hero{grid-template-columns:1fr;padding:48px 7% 56px;gap:48px}.hero-copy{max-width:540px}.ledger{inset:60% 0 0 0;border-left:0}.hero h1{font-size:clamp(43px,8.4vw,62px)}.cover-stage{max-width:290px}.subtitle{font-size:21px}.cover-frame{transform:rotate(1deg)}.split,.section-top{grid-template-columns:1fr;gap:28px}.wrap{padding-left:7%;padding-right:7%}.introduction,.method{padding-top:65px;padding-bottom:65px}.generations{padding:65px 0}.timeline{grid-template-columns:1fr;margin:35px 0;gap:25px}.timeline li{padding:20px 0 0;display:grid;grid-template-columns:38px 1fr;column-gap:15px}.timeline h3{margin:7px 0 12px}.timeline p{grid-column:2}.parallel{display:block}.parallel p{margin-top:12px}.statement{padding:58px 18px}.closing{grid-template-columns:1fr;gap:35px;padding-top:65px;padding-bottom:65px}.closing>img{max-width:160px}.closing h2{font-size:38px}.closing .eyebrow{margin-bottom:18px}footer{flex-wrap:wrap}footer a{margin-left:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.cover-stage,.statement-grid{transform:none!important}}
