:root{font-synthesis:none}
:root{color-scheme:light;--ink:#191c18;--paper:#f6f4ee;--line:#cbc8bd;--accent:#b8684e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:1rem;line-height:1.65}img{display:block;max-width:100%}a{color:inherit}h1,h2,p,figure{margin:0}h1,h2{font-family:'Playfair Display',Georgia,serif;font-weight:400;line-height:1.1;letter-spacing:-.045em}h1 em,h2 em{font-weight:400;color:var(--accent)}.site-header{height:96px;display:flex;justify-content:space-between;align-items:center;padding:0 clamp(24px,5vw,84px);border-bottom:1px solid var(--line)}.brand{display:block;width:124px}.brand img,.footer-logo img{mix-blend-mode:multiply}.site-header nav{display:flex;gap:clamp(18px,3vw,48px)}.site-header nav a,footer a{text-decoration:none;font-size:.86rem;font-weight:600}.site-header a:hover,footer a:hover,.text-link:hover{text-decoration:underline;text-underline-offset:5px}.hero{position:relative;display:grid;grid-template-columns:53% 47%;min-height:min(740px,calc(100svh - 96px));background:#e6e3da}.hero-copy{padding:clamp(54px,9vw,150px) 9vw clamp(70px,7vw,110px) clamp(24px,8vw,132px);align-self:center}.eyebrow,.section-index,figcaption,.side-label{text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:600}.hero h1{font-size:clamp(4.4rem,8vw,9rem);margin:26px 0 34px}.hero-copy>p:not(.eyebrow){max-width:530px;font-size:clamp(1.05rem,1.4vw,1.25rem);line-height:1.65}.text-link{display:inline-flex;gap:28px;margin-top:38px;font-size:.9rem;font-weight:600;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:9px}.hero-photo{overflow:hidden}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 42%}.side-label{position:absolute;left:20px;bottom:18px;writing-mode:vertical-rl;transform:rotate(180deg)}.section-wrap{padding:clamp(72px,10vw,150px) clamp(24px,8vw,132px)}.section-index{color:#686960;margin-bottom:48px}.intro-main{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.intro h2,.milestones h2,.closing h2,.contact h2{font-size:clamp(3.4rem,6vw,7rem)}.body-copy p+p{margin-top:24px}.body-copy{max-width:620px;font-size:1.12rem}.founders{position:relative;background:#d9d5ce}.founders img{width:100%;max-height:790px;object-fit:cover}.founders-caption{position:absolute;left:8vw;bottom:46px;font-family:'Playfair Display',Georgia,serif;font-size:2rem;line-height:1.1}.founders-caption span{font:500 .8rem 'DM Sans',Arial,sans-serif;text-transform:uppercase;letter-spacing:.15em}.milestones{background:#eae7df}.milestone-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.milestone-grid p,.book-grid p,.closing p,.future p,.contact p{font-size:1.12rem;max-width:620px;margin-top:34px}.milestone-grid figure img{width:100%;aspect-ratio:4/3;object-fit:cover}.milestone-grid figure,.book-grid figure{max-width:620px}figcaption{margin-top:12px;color:#6c6b64}.book-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;margin-top:120px}.book-grid figure{width:72%;justify-self:center}.book-grid figure img{width:100%;aspect-ratio:3/4;object-fit:contain}.book-grid p{margin:0}.closing{display:grid;grid-template-columns:25% 1fr;border-bottom:1px solid var(--line)}.closing .section-index{margin-top:12px}.closing p{max-width:760px}.closing .signature{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-size:2.2rem;margin-top:38px}.future{background:var(--ink);color:var(--paper);padding:clamp(84px,11vw,160px) clamp(24px,8vw,132px)}.future-inner{max-width:1000px}.future h2{font-size:clamp(3.4rem,6.5vw,7.8rem);margin:24px 0 45px}.future h2 em{color:#dda78d}.future p:not(.eyebrow){max-width:760px}.future p+p{margin-top:20px}.button{display:inline-flex;gap:30px;align-items:center;margin-top:42px;background:var(--paper);color:var(--ink);padding:16px 24px;text-decoration:none;font-weight:600}.button:hover{background:#e8d1bf}.contact{display:grid;grid-template-columns:25% 1fr}.contact .section-index{margin-top:12px}.contact-mail{display:inline-block;margin-top:30px;font-size:clamp(1.2rem,3vw,2rem);text-underline-offset:6px}footer{border-top:1px solid var(--line);padding:45px clamp(24px,8vw,132px);display:flex;align-items:center;gap:36px;font-size:.8rem}footer .footer-logo{width:92px}footer div{display:flex;gap:24px;margin-left:auto}footer span{color:#6c6b64}@media(max-width:760px){.site-header{height:72px;padding:0 22px}.brand{width:96px}.site-header nav{gap:16px}.site-header nav a{font-size:.72rem}.site-header nav a:first-child{display:none}.hero{display:flex;flex-direction:column-reverse;min-height:0}.hero-photo{height:48vh;min-height:350px}.hero-copy{padding:56px 24px 72px}.hero h1{font-size:clamp(4rem,16vw,6rem);margin:16px 0 22px}.side-label{display:none}.section-wrap{padding:76px 24px}.section-index{margin-bottom:30px}.intro-main,.milestone-grid,.book-grid,.closing,.contact{display:block}.intro h2,.milestones h2,.closing h2,.contact h2{font-size:clamp(3.2rem,11vw,5.2rem)}.body-copy{margin-top:34px}.founders img{min-height:340px;object-fit:cover;object-position:65% center}.founders-caption{left:24px;bottom:20px;font-size:1.5rem}.milestone-grid figure{margin-top:38px}.book-grid{margin-top:70px}.book-grid figure{width:70%;margin:0 auto 34px}.closing .section-index,.contact .section-index{margin-top:0}.future{padding:78px 24px}.future h2{font-size:clamp(3.2rem,11vw,5.2rem)}footer{padding:32px 24px;flex-wrap:wrap;gap:14px}footer div{margin-left:0;width:100%}}@media(max-width:390px){.site-header nav a:last-child{display:none}.hero-photo{min-height:300px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Desktop reading rhythm */
@media(min-width:761px){
  .site-header{height:78px}
  .brand{width:108px}
  .hero{grid-template-columns:51% 49%;min-height:clamp(540px,calc(100svh - 78px),680px)}
  .hero-copy{padding:48px 5vw 52px 7vw}
  .hero h1{font-size:clamp(4.1rem,5.8vw,7rem);margin:16px 0 20px}
  .hero-copy>p:not(.eyebrow){font-size:1.06rem;line-height:1.55}
  .text-link{margin-top:22px}
  .section-wrap{padding-top:clamp(80px,7vw,115px);padding-bottom:clamp(80px,7vw,115px)}
  .intro h2,.milestones h2,.closing h2,.contact h2{font-size:clamp(3.4rem,5vw,5.8rem)}
  .future h2{font-size:clamp(3.4rem,5.6vw,6.4rem)}
}

/* Book and logo refinements */
.book-copy h3{font-family:'Playfair Display',Georgia,serif;font-size:clamp(2.5rem,3.6vw,4.5rem);font-weight:400;line-height:1.12;letter-spacing:-.035em;margin:14px 0 26px}
.book-copy .eyebrow{font-size:.72rem;color:#686960}
.book-grid .book-copy p+p{margin-top:20px}
.book-grid .book-copy .book-facts{font-size:.9rem;color:#62635d;border-top:1px solid var(--line);padding-top:18px;margin-top:28px}
@media(min-width:761px){
  .site-header{height:104px}
  .brand{width:76px}
  .hero{min-height:clamp(540px,calc(100svh - 104px),680px)}
}
@media(max-width:760px){
  .site-header{height:88px}
  .brand{width:66px}
  .book-copy{margin-top:30px}
  .book-copy h3{font-size:clamp(2.5rem,10vw,3.7rem)}
}

/* Keep the desktop hero within the viewport; crop the portrait photo inside it. */
@media(min-width:761px){
  .hero{grid-template-columns:55% 45%;height:clamp(520px,calc(100svh - 104px),680px);min-height:0}
  .hero-photo{position:relative;min-height:0}
  .hero-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 18%}
}