/* About (/about): page rules layered on home.css; the homepage design system is unchanged. */
:root{--stone:#e5e1d8;--line-stone:#c9c2b3}
h1,h2,h3,h4{text-wrap:balance}
p,li{text-wrap:pretty}

/* Tap targets: nav and footer links reach 44px without changing their look */
@media(min-width:981px){
  .nav-links a{display:inline-block;padding:12px 0}
  .nav-links a.nav-cta{padding:12px 16px}
}
.foot-links a{display:inline-flex;align-items:center;min-height:44px}
.nav-links a[aria-current="page"]{color:#fff}
.light--stone{background:var(--stone)}

/* 1 Hero */
.ab-hero{padding:152px 0 120px;overflow:hidden;background:radial-gradient(ellipse 55% 70% at 12% 4%,rgba(201,139,77,.12),transparent 62%),var(--ink)}
.ab-hero__path{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.ab-hero__path path{fill:none;stroke:var(--copper);stroke-width:1;opacity:.38}
.ab-hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:84px;align-items:center}
.ab-hero h1{font-size:clamp(3.4rem,7.4vw,7rem);margin-bottom:34px;line-height:1}
.ab-hero .lead{max-width:560px}
.ab-hero__photo{max-width:560px;justify-self:end;width:100%}

/* 2 Main story */
#story .h-lg{color:#0f0d0a;margin-bottom:72px}
.story{max-width:1000px}
.story p{color:#4a4339}
.story__open{max-width:820px}
.story__open p{font-size:1.2rem;line-height:1.7}
.story__open p+p{margin-top:24px}
.story__turn{margin:84px 0 0;padding-left:30px;border-left:2px solid var(--copper-deep);font-family:"Newsreader",Georgia,serif;font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.22;letter-spacing:-.015em;color:#0f0d0a!important;max-width:20em}
.story__men{margin:84px 0 0 clamp(0px,14vw,200px);max-width:660px}
.story__men p+p{margin-top:22px}
.story__need{margin:96px 0 0;max-width:660px}
.story__need-lead{font-family:"Newsreader",Georgia,serif;font-size:clamp(1.4rem,2.1vw,1.85rem);line-height:1.3;letter-spacing:-.01em;color:#1a1713!important;margin-bottom:34px}
.story__need p+p{margin-top:22px}
.creds{list-style:none;margin:104px 0 0;padding:0;border-top:1px solid var(--copper-deep);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.creds li{padding:34px 34px 4px 0;color:#2c2721;font-size:1rem;line-height:1.55}
.creds li+li{padding-left:34px;border-left:1px solid var(--line-light)}
.creds em{font-family:"Newsreader",Georgia,serif;font-size:1.08em}

/* 3 Three questions */
#questions .h-lg{margin-bottom:76px;max-width:14em}
.qs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px;border-top:1px solid var(--copper);padding-top:56px}
.q .mark{display:block;margin-bottom:26px;width:96px;height:96px}
.q__tag{font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:var(--copper2);margin-bottom:16px}
.q h3{font-size:clamp(1.5rem,2.1vw,1.95rem);line-height:1.15;margin-bottom:18px}
.q p:not(.q__tag){color:#bdb8af}
.qs__close{margin-top:88px;padding-top:44px;border-top:1px solid #3a3733;font-family:"Newsreader",Georgia,serif;font-size:clamp(1.3rem,2vw,1.75rem);line-height:1.38;color:var(--bone);max-width:34em}

/* 4 Ripple */
.rip-head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:56px;align-items:center;margin-bottom:72px}
#ripple .h-lg{color:#0f0d0a}
.rip-svg{width:100%;max-width:340px;height:auto;justify-self:center;fill:none;stroke:var(--copper-deep);stroke-width:1.2;display:block}
.rip-svg .rip-dot{fill:var(--copper-deep);stroke:none;opacity:1}
.rip{max-width:700px;margin-left:max(0px,calc((100% - 1000px) / 2))}
.rip p{color:#3f382f}
.rip p+p{margin-top:22px}
.rip__first{font-size:1.2rem;line-height:1.7}
.rip__beat{font-family:"Newsreader",Georgia,serif;font-size:clamp(1.5rem,2.3vw,2rem);line-height:1.25;color:#0f0d0a!important;margin-top:48px!important;margin-bottom:26px}
.pull{margin:96px 0 0;padding:6px 0 6px 38px;border-left:3px solid var(--copper-deep);max-width:900px}
.pull blockquote{margin:0}
.pull p{font-family:"Newsreader",Georgia,serif;font-size:clamp(1.7rem,3.2vw,2.8rem);line-height:1.2;letter-spacing:-.02em;color:#0f0d0a;font-style:italic}

/* 5 Testimonials */
#quotes .h-lg{margin-bottom:64px}
.tq{margin:0}
.tq blockquote{margin:0}
.tq figcaption{margin-top:26px;font-size:.84rem;letter-spacing:.09em;text-transform:uppercase;color:var(--copper2);font-weight:600}
.tq--feat{padding:52px 0 0;border-top:1px solid var(--copper);max-width:920px}
.tq__label{font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:var(--copper2);margin-bottom:30px}
.tq--feat blockquote p{font-family:"Newsreader",Georgia,serif;font-size:clamp(1.25rem,1.9vw,1.6rem);line-height:1.5;color:var(--bone);letter-spacing:-.005em}
.tq--feat blockquote p+p{margin-top:22px}
.tq-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px;margin-top:88px}
.tq-row .tq{padding-top:30px;border-top:1px solid #4a4339}
.tq-row blockquote p{color:#c9c4bc;font-size:1.02rem;line-height:1.7}

/* 6 Book */
.book{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:88px;align-items:center}
.book__cover{justify-self:center;width:100%;max-width:400px}
.book__cover img{width:100%;height:auto;aspect-ratio:1029/1528;box-shadow:0 38px 70px -34px rgba(26,23,19,.55)}
.book__label{font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:var(--copper-deep);margin-bottom:14px}
#book .h-lg{color:#0f0d0a;margin-bottom:18px}
.book__sub{font-family:"Newsreader",Georgia,serif;font-style:italic;font-size:clamp(1.25rem,1.9vw,1.6rem);line-height:1.3;color:#3f382f;max-width:30em;margin-bottom:34px}
.book__tag{font-family:"Newsreader",Georgia,serif;font-size:1.5rem;color:#0f0d0a;margin-bottom:16px}
.book__text p:not(.eyebrow):not(.book__label):not(.book__sub):not(.book__tag){color:#4a4339;max-width:620px}
.book__text p+p{margin-top:18px}
.book__text .book__tag,.book__text .book__sub,.book__text .book__label{margin-top:0}

/* 7 Newsletter (dark) */
#newsletter{background:#101214;color:var(--bone);padding:104px 0;border-top:1px solid #2a2520}
#newsletter .news-head h2{color:var(--bone)}
#newsletter .news p:not(.eyebrow){color:#c9c4bc}
#newsletter .news .eyebrow{color:var(--copper2)}
#newsletter .news-form input{background:#181a1c;border:1px solid #5a5247;color:var(--bone)}
#newsletter .news-form input::placeholder{color:#9a958d}
#newsletter .news-form input:focus-visible{outline-color:var(--copper2)}
#newsletter .news-form .btn:disabled{opacity:.6;cursor:default}
#newsletter-disclaimer{color:#a9a49c!important}

/* Responsive */
@media(max-width:980px){
  .story__men{margin-left:0}
  .ab-hero__path{display:none}
  .ab-hero{padding:128px 0 88px}
  .ab-hero__grid{grid-template-columns:1fr;gap:56px}
  .ab-hero__photo{justify-self:start;max-width:640px}
  .creds{grid-template-columns:1fr}
  .creds li,.creds li+li{padding:26px 0 26px;border-left:0;border-bottom:1px solid var(--line-light)}
  .creds li:last-child{border-bottom:0}
  .qs{grid-template-columns:1fr;gap:56px}
  .q{display:grid;grid-template-columns:96px minmax(0,1fr);column-gap:28px;align-items:start}
  .q .mark{grid-row:1/span 3;margin:0}
  .rip-head{grid-template-columns:1fr;gap:40px;margin-bottom:56px}
  .rip-svg{max-width:240px;justify-self:start}
  .tq-row{grid-template-columns:1fr;gap:48px;margin-top:64px}
  .book{grid-template-columns:1fr;gap:56px}
  .book__cover{justify-self:start;max-width:340px}
}
@media(max-width:700px){
  .ab-hero{padding:112px 0 72px}
  #story .h-lg{margin-bottom:48px}
  .story__turn{margin-top:56px;padding-left:20px}
  .story__men{margin-top:56px}
  .story__need{margin-top:64px}
  .story__open p{font-size:1.1rem}
  .creds{margin-top:72px}
  #questions .h-lg{margin-bottom:48px}
  .qs{padding-top:40px;gap:48px}
  .q{display:block}
  .q .mark{width:72px;height:72px;margin-bottom:20px}
  .qs__close{margin-top:56px;padding-top:32px}
  .rip__first{font-size:1.1rem}
  .rip__beat{margin-top:36px!important}
  .pull{margin-top:64px;padding-left:22px}
  .tq--feat{padding-top:36px}
  #newsletter{padding:80px 0}
}