*,*::before,*::after{box-sizing:border-box}
/* Palette sampled down the book cover itself, which runs as a sky-to-sea
   gradient: ice blue at the top, soft sky through the middle, a rich royal
   blue at the base, with the title's orange and the gold of the hourglass. */
:root{
  --ice:#DBE9EA; --sky:#A0BFD9; --sky-mid:#7EA1CE;
  --blue:#3B6EC0; --blue-bright:#4278C6; --blue-deep:#3464BF; --deep:#3464BF;
  --ink:#1D3A6E; --ink-soft:#46587A; --muted:#7889A0;
  --paper:#F7FBFC; --paper-2:#E4EFF5; --line:#D2E2EC;
  --ember:#CE5D23; --gold:#ECA761;
  --wrap:1220px; --pad:clamp(20px,5vw,40px);
}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);
  font:400 17.5px/1.72 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;height:auto;display:block}
a{color:var(--ember)}
p{margin:0 0 1.15em}
.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding-inline:var(--pad)}
.wrap.narrow{max-width:760px}
.centered{text-align:center}
.skip{position:absolute;left:-9999px}
.skip:focus{left:14px;top:14px;background:#fff;padding:10px 16px;z-index:99;border-radius:6px}
.display{font-family:Fraunces,Georgia,"Times New Roman",serif;font-weight:600;
  font-variation-settings:"SOFT" 0,"WONK" 0;letter-spacing:-.022em;line-height:1.02;
  margin:0 0 .28em;font-size:clamp(2.9rem,7.2vw,5.4rem)}
.display em{font-style:italic;font-weight:500;color:var(--ember)}
.display--md{font-size:clamp(2rem,4.2vw,3.1rem);line-height:1.08}
.display--sm{font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.1}
h3{font-family:Fraunces,Georgia,serif;font-weight:600;font-size:1.22rem;line-height:1.25;
  letter-spacing:-.01em;margin:0 0 .4em}
.kicker{font:600 11.5px/1.5 Inter,sans-serif;letter-spacing:.26em;text-transform:uppercase;
  color:var(--ember);margin:0 0 1.15em}
.kicker.centered{text-align:center}
.sub{font-family:Fraunces,Georgia,serif;font-style:italic;font-size:1.24rem;color:var(--muted);
  margin:-.2em 0 1.1em}
/* masthead */
.masthead{position:fixed;top:0;left:0;right:0;z-index:50;padding:20px 0;
  transition:background .28s,padding .28s,box-shadow .28s}
.masthead.is-stuck{background:rgba(246,250,252,.94);backdrop-filter:saturate(180%) blur(10px);
  padding:12px 0;box-shadow:0 1px 0 var(--line)}
.masthead__in{display:flex;align-items:center;gap:26px}
.wordmark{font-family:Fraunces,Georgia,serif;font-weight:600;font-size:1.36rem;letter-spacing:-.02em;
  color:var(--ink);text-decoration:none;white-space:nowrap}
.nav{display:flex;gap:26px;margin-left:auto}
.nav a{font-size:14.5px;font-weight:500;color:var(--ink);text-decoration:none;padding:3px 0;
  border-bottom:1px solid transparent;transition:.15s;white-space:nowrap}
.nav a:hover,.nav a[aria-current]{border-color:var(--ember);color:var(--ember)}
body.nav-over-photo .masthead:not(.is-stuck) .wordmark,
body.nav-over-photo .masthead:not(.is-stuck) .nav a{color:#fff;text-shadow:0 1px 14px rgba(0,0,0,.4)}
body.nav-over-photo .masthead:not(.is-stuck) .nav a:hover,
body.nav-over-photo .masthead:not(.is-stuck) .nav a[aria-current]{color:#fff;border-color:#fff}
body.nav-over-photo .masthead:not(.is-stuck) .burger span{background:#fff}
body.nav-over-photo .masthead:not(.is-stuck){
  background:linear-gradient(180deg,rgba(22,35,44,.55),rgba(22,35,44,0))}
.burger{display:none;margin-left:auto;background:none;border:0;padding:10px;cursor:pointer}
.burger span{display:block;width:24px;height:2px;background:var(--ink);margin:5px 0}
/* buttons */
.pill{display:inline-block;border-radius:999px;padding:15px 32px;font:600 15px Inter,sans-serif;
  text-decoration:none;background:var(--ember);color:#fff;border:1.5px solid var(--ember);
  transition:.18s;cursor:pointer}
.pill:hover{background:#A94216;border-color:#A94216;transform:translateY(-1px)}
.pill--ghost{background:transparent;color:var(--ink);border-color:var(--ink)}
.pill--ghost:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.pill--light{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.pill--light:hover{background:#fff;border-color:#fff;color:var(--ink)}
.pill--ghost-light{background:transparent;color:var(--paper);border-color:rgba(246,250,252,.55)}
.pill--ghost-light:hover{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.pill--sm{padding:10px 20px;font-size:13.5px}
.row{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}
.row--center{justify-content:center}
/* hero */
.hero{position:relative;min-height:min(92vh,860px);display:flex;align-items:center;
  padding:150px 0 90px;overflow:hidden;
  background:linear-gradient(180deg,#FFFFFF 0%,var(--paper) 34%,var(--paper-2) 78%,#D8E7F2 100%)}
.hero__media{position:absolute;inset:0 0 0 auto;width:52%;max-width:760px}
.hero__media img{width:100%;height:100%;object-fit:cover;object-position:50% 18%}
.hero__media::after{content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,var(--paper) 2%,rgba(246,250,252,.86) 26%,rgba(246,250,252,0) 66%)}
.hero__in{position:relative;z-index:2}
.hero__copy{max-width:640px}
.hero__sub{font-size:1.2rem;line-height:1.62;color:var(--ink-soft);max-width:30ch;margin-top:.4em}
/* statement */
.statement{padding:clamp(76px,10vw,130px) 0 clamp(50px,6vw,80px)}
.statement__lede{font-family:Fraunces,Georgia,serif;font-size:clamp(1.3rem,2.5vw,1.72rem);
  line-height:1.5;text-align:center;color:var(--ink);font-weight:400}
/* quote bands */
.quote{padding:clamp(80px,10vw,132px) 0;text-align:center;position:relative}
.quote .wrap{max-width:960px}
.quote__mark{font-family:Fraunces,Georgia,serif;font-size:8rem;line-height:.6;color:var(--ember);
  opacity:.18;margin:0 0 .1em}
.quote blockquote{margin:0}
.quote__text{font-family:Fraunces,Georgia,serif;font-style:italic;font-weight:400;
  font-size:clamp(1.6rem,3.9vw,2.75rem);line-height:1.32;letter-spacing:-.015em;margin:0 0 1.1em}
.quote footer{font:600 11.5px/1.6 Inter,sans-serif;letter-spacing:.2em;text-transform:uppercase;
  color:var(--muted);display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}
.rule{display:inline-block;width:46px;height:1px;background:var(--ember)}
.quote--paper{background:var(--paper-2)}
.quote--ink{background:var(--deep);color:#fff}
.quote--blue{background:var(--blue-bright);color:#fff}
.quote--blue .quote__mark{color:#fff;opacity:.34}
.quote--blue footer{color:rgba(255,255,255,.85)}
.quote--blue .rule{background:var(--gold)}
.quote--ink .quote__mark{color:var(--gold);opacity:.5}
.quote--ink footer{color:rgba(246,250,252,.62)}
.quote--ink .rule{background:var(--gold)}
/* generic bands */
.band{padding:clamp(70px,9vw,120px) 0}
.band--paper{background:var(--paper-2)}
.sechead{text-align:center;max-width:680px;margin:0 auto clamp(38px,5vw,58px)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(34px,6vw,80px)}
.list{list-style:none;margin:0;padding:0}
.list li{position:relative;padding:0 0 15px 26px;color:var(--ink-soft);line-height:1.62}
.list li::before{content:"";position:absolute;left:0;top:11px;width:8px;height:8px;
  border-radius:50%;background:var(--blue)}
/* feature (book + copy) */
.feature{padding:clamp(70px,9vw,124px) 0}
.feature--tight{padding-top:clamp(40px,5vw,64px)}
.feature__in{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(36px,6vw,86px);align-items:center}
.feature__in--wide{grid-template-columns:1.1fr .9fr}
.feature__art{background:#fff;border-radius:14px;padding:clamp(22px,3vw,40px);
  box-shadow:0 24px 60px rgba(22,35,44,.12);border:1px solid rgba(228,218,202,.7)}
.feature__art img{border-radius:2px}
.feature__art--photo{background:none;border:0;padding:0;box-shadow:none}
.feature__art--photo img{border-radius:12px;box-shadow:0 26px 60px rgba(22,35,44,.2)}
.pq{font-family:Fraunces,Georgia,serif;font-style:italic;font-size:1.26rem;line-height:1.5;
  color:var(--ink);border-left:2px solid var(--ember);padding-left:22px;margin:1.4em 0}
.pq--center{border:0;padding:0;text-align:center;font-size:clamp(1.35rem,2.6vw,1.75rem);
  margin:1.2em auto .4em;max-width:24ch}
.pq__who{font:600 11.5px/1.6 Inter,sans-serif;letter-spacing:.2em;text-transform:uppercase;
  color:var(--muted);margin-bottom:2.2em}
/* quote cards */
.qgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:clamp(16px,2vw,26px)}
.qcard{margin:0;background:#fff;border-radius:10px;padding:34px 30px 28px;
  border:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}
.qcard p{font-family:Fraunces,Georgia,serif;font-style:italic;font-size:1.14rem;line-height:1.46;
  margin:0 0 18px}
.qcard cite{font:600 10.5px/1.6 Inter,sans-serif;letter-spacing:.18em;text-transform:uppercase;
  color:var(--muted);font-style:normal}
/* chapters */
.part{margin:clamp(44px,5vw,64px) 0 22px;text-align:center}
.part:first-child{margin-top:0}
.chaps{list-style:none;margin:0 0 10px;padding:0;counter-reset:c}
.chap{display:grid;grid-template-columns:64px 1fr;gap:18px;align-items:baseline;
  padding:24px 0;border-top:1px solid var(--line)}
.chap__n{font-family:Fraunces,Georgia,serif;font-size:1.5rem;color:var(--ember);opacity:.55}
.chap p{font-family:Fraunces,Georgia,serif;font-style:italic;color:var(--ink-soft);margin:0;
  font-size:1.06rem;line-height:1.5}
/* praise */
.praise{padding:clamp(70px,9vw,120px) 0;text-align:center;background:var(--paper)}
.praise__text{font-family:Fraunces,Georgia,serif;font-size:clamp(1.4rem,3vw,2.05rem);
  line-height:1.4;margin:0 0 .8em}
.praise__who{font:600 11.5px/1.6 Inter,sans-serif;letter-spacing:.2em;text-transform:uppercase;
  color:var(--muted)}
/* author + portrait */
.author{padding:clamp(70px,9vw,124px) 0;background:var(--paper-2)}
.author__in{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(34px,6vw,80px);align-items:center}
.author__art img{border-radius:10px;box-shadow:0 26px 60px rgba(22,35,44,.2)}
.portrait-band{padding:clamp(48px,6vw,80px) 0 clamp(70px,9vw,110px)}
.portrait-band__in{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(34px,6vw,74px);
  align-items:start}
.portrait-band__art img{border-radius:10px;box-shadow:0 22px 54px rgba(22,35,44,.18)}
.prose p{color:var(--ink-soft);line-height:1.75}
.prose .drop{font-family:Fraunces,Georgia,serif;font-size:1.34rem;line-height:1.5;color:var(--ink)}
/* page head */
.pagehead{padding:clamp(130px,15vw,190px) 0 clamp(34px,5vw,56px);text-align:center}
.pagehead__sub{font-family:Fraunces,Georgia,serif;font-style:italic;font-size:1.28rem;
  color:var(--muted);margin:0}
/* full-bleed photo header */
.shot{position:relative;min-height:min(74vh,660px);display:flex;align-items:flex-end;overflow:hidden}
.shot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 32%}
.shot__over{position:relative;z-index:2;width:100%;padding:0 0 clamp(38px,6vw,72px);
  background:linear-gradient(180deg,rgba(22,35,44,0),rgba(22,35,44,.82))}
.shot__over .kicker{color:#F0B27A;padding-top:150px;margin-bottom:.7em}
.shot__over .display{color:#fff;margin:0}
/* talks */
.talks{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(18px,2.4vw,28px)}
.talk{background:#fff;border:1px solid var(--line);border-radius:10px;padding:34px 32px}
.talk p{color:var(--ink-soft)}
.talk__q{font-family:Fraunces,Georgia,serif;font-style:italic;color:var(--ink);
  border-top:1px solid var(--line);padding-top:16px;margin:18px 0 0;font-size:1.06rem;line-height:1.5}
/* form */
.form label{display:block;font:500 14px Inter,sans-serif;color:var(--ink);margin-bottom:16px}
.form input{display:block;width:100%;margin-top:8px;padding:14px 16px;border:1px solid var(--line);
  border-radius:8px;font:400 16px Inter,sans-serif;background:#fff;color:var(--ink)}
.form input:focus{outline:none;border-color:var(--ember);box-shadow:0 0 0 3px rgba(198,80,28,.14)}
.form__row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form .pill{margin-top:8px;border:0}
.note{font-size:13.5px;color:var(--muted);margin-top:14px}
/* cta */
.cta{background:var(--deep);color:#fff;padding:clamp(74px,9vw,120px) 0;text-align:center}
.cta .display{color:#fff}
.cta p{color:rgba(246,250,252,.78)}
.cta .note{color:rgba(246,250,252,.6)}

/* marquee: quiet motion under the hero */
.marquee{overflow:hidden;background:var(--deep);padding:15px 0;white-space:nowrap}
.marquee__track{display:inline-block;animation:slide 58s linear infinite}
.marquee span{font-family:Fraunces,Georgia,serif;font-style:italic;font-size:1.05rem;
  color:#fff;padding:0 20px}
.marquee .dot{color:var(--gold);font-style:normal}
@keyframes slide{from{transform:translateX(0)}to{transform:translateX(-50%)}}
/* the big number */
.stat{text-align:center;padding:clamp(78px,10vw,124px) 0;background:var(--paper-2)}
.stat__big{font-family:Fraunces,Georgia,serif;font-weight:700;line-height:.86;
  font-size:clamp(5rem,17vw,13rem);color:var(--ember);margin:0 0 .1em;letter-spacing:-.04em}
.stat__line{font-family:Fraunces,Georgia,serif;font-size:clamp(1.4rem,3.4vw,2.3rem);
  line-height:1.24;color:var(--ink);margin:0 0 .5em}
.stat__line em{font-style:italic;color:var(--blue)}
.stat__sub{font-size:1.05rem;color:var(--ink-soft);margin:0}
/* the people who kept going */
.figures{padding:clamp(76px,9vw,124px) 0}
.figs{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:clamp(22px,3vw,40px)}
.fig{border-top:2px solid var(--ember);padding-top:22px}
.fig__n{font-family:Fraunces,Georgia,serif;font-weight:700;font-size:clamp(3.6rem,7vw,5.4rem);
  line-height:.9;color:var(--blue);margin:0 0 .16em;letter-spacing:-.04em}
.fig h3{font-size:1.3rem;margin-bottom:.5em}
.fig__d{color:var(--ink-soft);font-size:15.5px;line-height:1.65;margin-bottom:1em}
.fig__q{font-family:Fraunces,Georgia,serif;font-style:italic;font-size:1.08rem;line-height:1.45;
  color:var(--ink);margin:0;padding-left:16px;border-left:2px solid var(--sky)}
/* the declaration */
.manifesto{background:var(--deep);color:#fff;text-align:center;position:relative;overflow:hidden;
  padding:clamp(84px,11vw,150px) 0}
.manifesto::before{content:"";position:absolute;top:50%;left:50%;width:min(560px,86vw);
  height:min(560px,86vw);transform:translate(-50%,-50%);
  background:url('/img/hourglass.png') center/contain no-repeat;opacity:.13;pointer-events:none}
.manifesto .wrap{position:relative;z-index:2}
.manifesto .kicker{color:var(--gold)}
.manifesto__text{font-family:Fraunces,Georgia,serif;font-style:italic;font-weight:400;
  font-size:clamp(1.5rem,3.6vw,2.5rem);line-height:1.34;letter-spacing:-.015em;margin:0 0 1.1em}
.manifesto__cite{font:600 11.5px/1.6 Inter,sans-serif;letter-spacing:.2em;text-transform:uppercase;
  color:rgba(255,255,255,.6);margin:0}
/* footer: light and calm, no dark slab under the dark CTA */
.foot{background:var(--paper-2);color:var(--ink-soft);
  padding:clamp(58px,7vw,86px) 0 26px;border-top:1px solid var(--line)}
.foot__grid{display:grid;grid-template-columns:1.35fr .8fr .9fr 1.25fr;gap:clamp(28px,4vw,52px)}
.wordmark--foot{color:var(--ink);font-size:clamp(1.5rem,2.6vw,2rem);margin:0}
.foot__nav h4,.foot__connect h4{font:600 10.5px/1.6 Inter,sans-serif;letter-spacing:.2em;
  text-transform:uppercase;color:var(--ink);margin:0 0 1.5em}
.foot__nav a{display:block;color:var(--ink-soft);text-decoration:none;padding:6px 0;font-size:15px}
.foot__nav a:hover{color:var(--ember)}
.foot__connect p{font-size:15px;margin:0 0 1em;max-width:32ch}
.subscribe label{display:block;font:600 10.5px/1.6 Inter,sans-serif;letter-spacing:.14em;
  text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.subscribe input{width:100%;max-width:290px;border:0;border-bottom:1px solid var(--ink);
  background:none;padding:8px 2px;font:400 16px Inter,sans-serif;color:var(--ink)}
.subscribe input:focus{outline:none;border-bottom-color:var(--ember)}
.subscribe .pill{margin-top:20px}
.foot__connect .fine{margin-top:16px;font-size:12.5px;color:var(--muted)}
.foot__base{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;
  border-top:1px solid var(--line);margin-top:clamp(40px,5vw,60px);padding-top:22px}
.foot__base p{margin:0;font-size:13px;color:var(--muted)}
.foot__base a{color:var(--muted);text-decoration:underline}
.foot__base a:hover{color:var(--ember)}
/* reveal */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none;transition:none}
  .marquee__track{animation:none}
  html{scroll-behavior:auto}
}
/* responsive */
@media (max-width:980px){
  .nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);
    flex-direction:column;gap:0;padding:10px var(--pad) 20px;box-shadow:0 12px 30px rgba(22,35,44,.1)}
  body.menu-open .nav{display:flex}
  .burger{display:block}
  .masthead__in .pill--sm{display:none}
  .hero{min-height:auto;padding:118px 0 0;display:block}
  .hero__media{position:relative;width:100%;max-width:none;margin-top:34px;height:56vw;max-height:440px}
  .hero__media img{object-position:50% 14%}
  .hero__media::after{background:linear-gradient(180deg,var(--paper),rgba(246,250,252,0) 34%)}
  .hero__sub{max-width:none}
  .feature__in,.feature__in--wide,.author__in,.portrait-band__in,.split{grid-template-columns:1fr}
  .foot__grid{grid-template-columns:1fr;gap:34px}
  .feature__art,.author__art,.portrait-band__art{max-width:360px}
  .author__in{gap:34px}
  .form__row{grid-template-columns:1fr}
  .chap{grid-template-columns:44px 1fr;gap:12px}
  .shot{min-height:auto;padding-top:0}
  .shot__over .kicker{padding-top:200px}
}

/* ---- breadcrumbs ---- */
/* the masthead is fixed, so the trail has to clear it and then hand its top
   space back to the page header that follows */
.crumbs{padding:clamp(104px,12vw,146px) 0 0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;font-size:.78rem;letter-spacing:.04em;
  text-transform:uppercase;color:#5c6b7a}
.crumbs a{color:var(--deep);text-decoration:none}
.crumbs a:hover{text-decoration:underline}
.crumbs span[aria-hidden]{margin:0 .5em;opacity:.5}
.crumbs + .pagehead{padding-top:clamp(20px,2.6vw,34px)}
/* this audience is 50+, so anything you tap gets a 44px target */
.crumbs a{display:inline-block;padding:12px 2px;margin:-12px 0}
.foot__nav a{min-height:44px;display:flex;align-items:center}
.burger{min-width:44px;min-height:44px}
.qa summary{min-height:44px}
.wordmark{min-height:44px;display:inline-flex;align-items:center}
.subscribe .pill{min-height:44px}

/* ---- direct-answer block (AEO) ---- */
.answer{padding:64px 0 56px;background:var(--ice)}
.answer--plain{background:#fff}
.answer__q{font-family:Fraunces,Georgia,"Times New Roman",serif;font-size:clamp(1.5rem,3.2vw,2.1rem);line-height:1.15;
  color:var(--deep);margin:0 0 18px;font-weight:600}
.answer__a{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;font-size:clamp(1.02rem,1.5vw,1.16rem);line-height:1.66;
  color:#26333f;margin:0;max-width:62ch}
.answer + .quote{margin-top:0}

/* ---- FAQ (AEO) ---- */
.qas{border-top:1px solid rgba(52,100,191,.22)}
.qa{border-bottom:1px solid rgba(52,100,191,.22)}
.qa summary{list-style:none;cursor:pointer;padding:22px 44px 22px 0;position:relative;
  display:block}
.qa summary::-webkit-details-marker{display:none}
.qa summary h3{margin:0;font-family:Fraunces,Georgia,"Times New Roman",serif;font-size:clamp(1.06rem,1.9vw,1.28rem);
  line-height:1.3;color:var(--deep);font-weight:600}
.qa summary::after{content:"+";position:absolute;right:6px;top:50%;transform:translateY(-50%);
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;font-size:1.5rem;line-height:1;color:var(--ember);font-weight:300}
.qa[open] summary::after{content:"\2212"}
.qa summary:hover h3{color:var(--blue-bright)}
.qa__a{padding:0 0 24px;max-width:66ch}
.qa__a p{margin:0 0 12px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;font-size:1rem;line-height:1.68;color:#33404c}
.qa__a p:last-child{margin-bottom:0}
.qa__a a{color:var(--blue-bright)}

/* ---- chapter rows on /book/ ---- */
.chap p.chap__asks{font-style:normal;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;font-size:.98rem;line-height:1.5;color:var(--blue-bright);
  margin:.35em 0 .5em;font-weight:500}
.chap p.chap__opens{font-style:normal;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;font-size:.93rem;line-height:1.55;color:#4c5a67;
  margin:0 0 .8em}
.chap__lab{display:inline-block;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;
  color:#8a97a4;margin-right:.5em}
.chap__q{margin:0;padding:12px 0 0 16px;border-left:2px solid var(--gold)}
.chap__q p{margin:0;font-family:Fraunces,Georgia,"Times New Roman",serif;font-style:italic;font-size:1.02rem;
  line-height:1.45;color:var(--deep)}
.chap__q cite{display:block;margin-top:.5em;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;font-style:normal;
  font-size:.74rem;letter-spacing:.09em;text-transform:uppercase;color:#8a97a4}

/* ---- order block ---- */
.order{padding:96px 0;background:#fff}
.fmts{list-style:none;padding:0;margin:34px 0 30px;border-top:1px solid rgba(52,100,191,.22)}
.fmts li{display:grid;grid-template-columns:1fr auto;gap:4px 18px;padding:16px 0;
  border-bottom:1px solid rgba(52,100,191,.22);align-items:baseline}
.fmt__n{font-family:Fraunces,Georgia,"Times New Roman",serif;font-size:1.14rem;color:var(--deep);font-weight:600}
.fmt__p{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;font-size:1.06rem;color:var(--ember);font-weight:600;
  text-align:right}
.fmt__i{grid-column:1/-1;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;font-size:.74rem;letter-spacing:.07em;
  text-transform:uppercase;color:#98a4b0}

/* ---- quote library ---- */
.qgroup{margin:0 0 64px}
.qgroup h2{margin:0 0 26px;color:var(--deep)}
.qnote{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;font-size:.93rem;line-height:1.6;color:#5c6b7a;
  margin:-12px 0 24px;max-width:60ch}
.qrow{margin:0 0 26px;padding:0 0 0 22px;border-left:3px solid var(--sky)}
.qrow--other{border-left-color:var(--gold)}
.qrow__t{margin:0;font-family:Fraunces,Georgia,"Times New Roman",serif;font-size:clamp(1.12rem,2.1vw,1.42rem);
  line-height:1.36;color:var(--deep)}
.qrow__c{display:block;margin-top:.6em;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;font-style:normal;
  font-size:.74rem;letter-spacing:.09em;text-transform:uppercase;color:#8a97a4}
.cite{padding:72px 0;background:var(--ice)}
.cite p{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;font-size:.97rem;line-height:1.7;color:#33404c;margin:12px 0 0}
.cite a{color:var(--blue-bright)}
@media(max-width:720px){
  .answer{padding:48px 0 42px}
  .order{padding:64px 0}
  .qgroup{margin-bottom:44px}
}