.reader-personas{background:#f1eee5;padding-block:78px;overflow:hidden}
.personas-heading{text-align:center}.personas-heading .eyebrow{font-size:11px;letter-spacing:.17em;color:var(--gold);margin-bottom:15px}
.personas-heading h2{font-size:37px;letter-spacing:.025em;margin:0}.personas-heading h2 span{color:var(--ink)}
.personas-heading>p:not(.eyebrow){font-size:15px;line-height:2;color:var(--muted);margin-top:20px}
.persona-sample{display:block;margin-top:18px;font-size:11px;color:#6b7167;line-height:1.8}
.persona-viewport{margin-top:38px;overflow-x:auto;touch-action:pan-y pinch-zoom;scrollbar-width:none}
.persona-viewport.swipe-ready{overflow:hidden;cursor:grab}.persona-viewport.is-dragging{cursor:grabbing;user-select:none}
.persona-track{display:flex;gap:18px;will-change:transform}
.persona-card{flex:0 0 460px;background:#fffefa;border:1px solid #e1dfd3;border-radius:14px;overflow:hidden;min-width:0;box-shadow:0 6px 15px #28463b07}
.persona-photo{position:relative;height:220px;background:#e6e6dc}.persona-photo img{width:100%;height:100%;object-fit:cover;object-position:center 37%;display:block;pointer-events:none}
.persona-number{position:absolute;left:20px;top:18px;z-index:1;padding:6px 15px;border-radius:25px;background:#284b40;color:#fffefa;font:italic 15px/1.4 "Nana Cormorant",Georgia,serif;letter-spacing:.06em}.persona-number b{font-size:22px;font-weight:400;margin-left:6px}
.persona-body{padding:25px 27px 22px}.persona-body h3{font:500 24px/1.5 var(--serif);margin:0 0 7px}
.persona-profile{font-size:12px;line-height:1.8;color:#727b71}.persona-thought{font:400 19px/1.85 var(--serif);margin-top:21px;padding-bottom:20px;border-bottom:1px solid #e3e5da}
.persona-routine{list-style:none;margin:18px 0;padding:0;display:grid;gap:14px}.persona-routine li{display:flex;gap:12px;align-items:baseline}.persona-routine span{flex:0 0 38px;border-radius:3px;background:#eff1e8;text-align:center;color:#4b6659;font-size:11px;padding:3px 0}.persona-routine p{font-size:13px;line-height:1.8;color:var(--muted)}
.persona-theme{border-top:1px solid #e3e5da;padding-top:17px}.persona-theme>span{font-size:10px;color:#947c54;letter-spacing:.06em}.persona-theme p{font:400 18px/1.8 var(--serif);margin-top:5px}
.persona-footer{display:flex;align-items:center;justify-content:space-between;margin-top:24px;gap:10px}.persona-footer>span{font-size:11px;color:var(--muted);letter-spacing:.05em}.persona-footer>span>span{margin-left:7px;font-size:17px}
.persona-controls{display:flex;align-items:center;gap:18px}.persona-controls button{width:38px;height:38px;border:1px solid #bfcbbb;background:transparent;border-radius:50%;color:var(--ink);cursor:pointer;font-size:18px}.persona-controls button:disabled{opacity:.25;cursor:default}.persona-controls>span{font:400 14px/1.4 "Nana Cormorant",Georgia,serif;letter-spacing:.1em}
@media(min-width:761px){.persona-viewport,.persona-footer{max-width:740px}.persona-card{flex-basis:calc(100% - 100px)}.persona-photo{height:260px}.persona-body{padding:26px 35px}.persona-routine{grid-template-columns:1fr 1fr;gap:24px}.persona-routine li{display:block}.persona-routine span{display:inline-block;width:42px;margin-bottom:7px}.persona-thought br{display:none}}
@media(max-width:760px){
.reader-personas{padding-block:63px 54px}.personas-heading h2{font-size:28px;letter-spacing:.01em}.personas-heading>p:not(.eyebrow){font-size:13px;margin-top:18px}.persona-sample{font-size:10px;margin-top:17px}.persona-viewport{margin-top:28px}.persona-card{flex-basis:calc(100% - 24px);border-radius:12px}.persona-photo{height:180px}.persona-number{top:14px;left:15px;padding:3px 12px;font-size:14px}.persona-number b{font-size:20px}.persona-body{padding:20px 19px 19px}.persona-body h3{font-size:21px}.persona-profile{font-size:10px}.persona-thought{font-size:16px;line-height:1.9;margin-top:17px;padding-bottom:17px;letter-spacing:-.025em}.persona-routine{gap:12px;margin-block:16px}.persona-routine li{gap:9px}.persona-routine span{flex-basis:32px;font-size:10px}.persona-routine p{font-size:12px;line-height:1.9}.persona-theme{padding-top:14px}.persona-theme p{font-size:16px}.persona-footer{margin-top:20px}.persona-footer>span{font-size:10px;letter-spacing:0}.persona-controls{gap:11px}.persona-controls button{width:32px;height:32px;font-size:16px}}
@media(max-width:360px){.personas-heading h2{font-size:25px}.persona-photo{height:165px}.persona-body{padding-inline:15px}.persona-thought{font-size:14px}.persona-body h3{font-size:19px}.persona-profile{font-size:9px}.persona-routine p{font-size:11px}.persona-theme p{font-size:14px}.persona-footer>span>span{display:none}.persona-controls{gap:8px}}
@media(prefers-reduced-motion:reduce){.persona-track{transition:none!important}}
@media(min-width:761px){.persona-photo{height:280px}.persona-photo img{object-position:center 14%}}


/* Original full-screen chapter layout, with gesture-aware stops at each scene. */
.story-snap-point{display:none}
.chapter-stops-enabled .story-snap-point{display:block;position:absolute;left:0;right:0;height:1px;pointer-events:none}
@media(max-width:760px){.personas-heading h2 span{display:block}}
@media(min-width:761px){
.photo-refined .community-gallery-three .community-photo-table{margin-top:0}
.photo-refined .community-gallery-three .community-photo:last-child{grid-column:1/-1;width:calc((100% - 42px)/2);justify-self:center;margin-top:0}
}

/* Added copy uses the existing palette and type; photo cards and swipe stay unchanged. */
.copy-bridge{padding-block:28px 88px;text-align:center;font:500 clamp(22px,2.7vw,32px)/1.95 var(--serif);letter-spacing:.025em}
.copy-question{max-width:800px;margin:0 auto 68px;font:500 clamp(20px,2.4vw,28px)/1.95 var(--serif);letter-spacing:.025em;text-align:center}
.persona-thought>p+p{margin-top:14px}
.persona-thought+.persona-theme{border-top:0}
.persona-close{text-align:center;margin-top:34px;font:400 19px/1.9 var(--serif)}
@media(max-width:760px){.copy-bridge{padding-block:22px 60px}.copy-question{margin-bottom:44px;text-align:left;font-size:20px;letter-spacing:0}.persona-close{font-size:17px;margin-top:28px}}

/* Blend into the learning section without a contrasting divider. */
.photo-refined .difference-section{border-top:0;background:linear-gradient(to bottom,var(--paper),#fffdf8 100px)}

/* A quiet editorial pause that separates the question from the adjacent cream sections. */
.stock-question-band{background:#294c42;color:#fbf8ee;padding-block:64px 68px;position:relative}
.stock-question-band .wrap{max-width:900px}
.stock-question-band p{margin:0;font:500 clamp(21px,2.3vw,29px)/2 var(--serif);letter-spacing:.025em;text-align:center;text-wrap:balance}
.stock-question-band p::before{content:"";display:block;width:36px;height:1px;background:#bdab7c;margin:0 auto 27px}
.question-response{white-space:nowrap}
.photo-refined .difference-section{background:#fffdf8}
.photo-refined .community-section{border-top:0;background:linear-gradient(to bottom,var(--soft),#f6f0e4 110px)}
@media(max-width:760px){
  .stock-question-band{padding-block:43px 46px}
  .stock-question-band p{font-size:20px;line-height:2.05;text-align:left;letter-spacing:.015em;text-wrap:wrap}
  .stock-question-band p::before{margin:0 0 23px;width:30px}
}

/* Make the learning benefits a clear, self-contained chapter. */
#features{background:#f5f1e7}
#features>.wrap.section{padding-block:86px 74px}
#features .learning-heading{max-width:920px;margin:0 auto;text-align:center}
#features .chapter-label{justify-content:center;margin-bottom:27px}
#features .chapter-label::after{display:none}
#features .learning-heading h2{font:500 clamp(28px,3.5vw,42px)/1.65 var(--serif);letter-spacing:.03em;margin:0}
#features .learning-intro{font:400 22px/1.9 var(--serif);color:var(--muted);margin-top:23px}
#features .difference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:none;margin-top:48px}
#features .channel-card{display:block;position:relative;grid-column:auto;padding:35px 28px 34px;background:#fffdf8;border:0;border-radius:4px;box-shadow:0 8px 30px #23483f05;min-width:0;opacity:1;transform:none;transition:none}
#features .channel-card-letter{background:#294c42;color:#fbf8ee}
#features .channel-card-time{background:#e6ecdf}
#features .learning-point{display:flex;align-items:baseline;gap:10px;color:#968052;padding-bottom:18px;margin-bottom:23px;border-bottom:1px solid #c9c2a75e}
#features .learning-point small{font:500 9px/1.3 var(--sans);letter-spacing:.15em}
#features .learning-point b{font:italic 400 49px/1 "Nana Cormorant",Georgia,serif}
#features .channel-card-letter .learning-point{color:#d9cda5;border-bottom-color:#a6b7a44a}
#features .channel-card h3{font:500 23px/1.8 var(--serif);margin-bottom:22px}
#features .channel-card>p{font-size:14px;line-height:2.1;color:var(--muted)}
#features .channel-card-letter>p{color:#f0f2e9}
#features .difference-close{font-size:23px;margin-top:39px}
@media(max-width:760px){
  #features>.wrap.section{padding-block:56px 50px}
  #features .chapter-label{margin-bottom:23px;font-size:11px}
  #features .learning-heading h2{font-size:clamp(22px,6.15vw,28px);letter-spacing:.02em;white-space:nowrap}
  #features .learning-intro{font-size:18px;line-height:2;margin-top:20px;letter-spacing:0}
  #features .difference-grid{grid-template-columns:1fr;gap:18px;margin-top:33px}
  #features .channel-card{padding:26px 25px 28px;border-radius:3px}
  #features .learning-point{gap:9px;padding-bottom:14px;margin-bottom:20px}
  #features .learning-point b{font-size:42px}
  #features .channel-card h3{font-size:22px;line-height:1.8;margin-bottom:14px}
  #features .channel-card>p{font-size:14px;line-height:2}
  #features .difference-close{font-size:20px;line-height:2.1;margin-top:32px}
}
@media(max-width:360px){
  #features .learning-intro{font-size:16px}
  #features .channel-card{padding-inline:22px}
  #features .channel-card h3{font-size:20px}
}

/* A gentle transition from the FAQ to the signup chapter. */
.photo-refined .signup-section{border-top:0;background:linear-gradient(to bottom,var(--paper),#e6eadf 125px)}

/* A warm, high-contrast floating action that stays legible over green sections. */
.mobile-register.button{background:#e5ce92;color:#23483f;border:1px solid #fff8e2;border-radius:999px;min-height:58px;gap:12px;padding:13px 20px;font-size:14px;font-weight:600;box-shadow:0 0 0 3px #fbf9f34d,0 8px 26px #132f294d;bottom:max(17px,env(safe-area-inset-bottom));transition:opacity .2s,visibility .2s,background .2s,transform .2s}
.mobile-register.button::after{content:"→";display:grid;place-items:center;flex:0 0 29px;height:29px;border:1px solid #23483f47;border-radius:50%;font-size:18px;font-weight:400;line-height:1}
.mobile-register.button:hover{background:#eddba9;color:#18392f}
.mobile-register.button.is-at-form{opacity:0;visibility:hidden;pointer-events:none}
@media(max-width:360px){.mobile-register.button{left:14px;right:14px;font-size:13px;padding-inline:14px;gap:9px}}

/* Let the question itself, rather than a flat color band, carry the emphasis. */
.stock-question-band{padding-block:58px;background:#294c42}
.stock-question-band .wrap{max-width:980px}
.stock-question-card{position:relative;isolation:isolate;padding:42px 46px 45px;background:#fcf9ef;border:1px solid #d6c79c;border-radius:4px;box-shadow:0 18px 45px #122c2624;color:#23483f}
.stock-question-band .stock-question-card p{font-size:21px;line-height:1.95;text-align:center;letter-spacing:.015em;text-wrap:wrap;position:relative;z-index:1}
.stock-question-band .stock-question-card p::before{display:none}
.question-preface{display:block;font-size:16px;letter-spacing:.12em;color:#677363;margin-bottom:15px}
.question-quote{display:block;font:500 clamp(25px,3vw,35px)/1.8 var(--serif);letter-spacing:.01em;color:#23483f;text-wrap:balance}
.question-quote>span{display:inline-block}
.question-ending{display:block;margin-top:19px}
.question-mark{position:absolute;right:29px;top:7px;font:italic 140px/1 Georgia,serif;color:#b6a16724;z-index:0;user-select:none}
@media(max-width:760px){
  .stock-question-band{padding-block:34px}
  .stock-question-card{padding:27px 21px 30px}
  .stock-question-band .stock-question-card p{font-size:16px;line-height:2;text-align:left;letter-spacing:0}
  .question-preface{font-size:13px;margin-bottom:13px}
  .question-quote{font-size:clamp(22px,6.6vw,28px);line-height:1.85}
  .question-ending{margin-top:17px}
  .question-mark{font-size:110px;right:17px;top:9px}
}

/* A small animated moment, with a fully readable static fallback. */
.copy-bridge{position:relative;isolation:isolate;padding-block:62px 78px;font-size:clamp(24px,3.1vw,38px);line-height:1.95}
.copy-bridge p{position:relative;z-index:1;margin:0}
.possibility-line{display:block}
.possibility-key{position:relative;white-space:nowrap}
.possibility-key::after{content:"";position:absolute;left:9%;right:9%;height:.2em;bottom:.02em;background:#cbb77b5e;z-index:-1;transform-origin:left}
.possibility-orbit{position:absolute;inset:20px 12% 26px;border:1px solid #b8c2a84d;border-radius:50%;transform:rotate(-8deg);pointer-events:none;z-index:-1}
.possibility-orbit::after{content:"";position:absolute;top:16%;left:9%;width:6px;height:6px;border-radius:50%;background:#b7a267}
.copy-bridge.reveal-ready:not(.is-revealed) .possibility-line{opacity:0;transform:translateY(21px)}
.copy-bridge.reveal-ready:not(.is-revealed) .possibility-orbit{opacity:0;transform:rotate(-14deg) scale(.94)}
.copy-bridge.reveal-ready:not(.is-revealed) .possibility-key::after{transform:scaleX(0)}
.copy-bridge.reveal-ready .possibility-line{transition:opacity .7s ease,transform .8s cubic-bezier(.2,.65,.25,1)}
.copy-bridge.reveal-ready .possibility-line:nth-child(2){transition-delay:.16s}
.copy-bridge.reveal-ready .possibility-orbit{transition:opacity 1s ease,transform 1.3s cubic-bezier(.2,.65,.25,1)}
.copy-bridge.reveal-ready .possibility-key::after{transition:transform .85s .45s cubic-bezier(.2,.65,.25,1)}
@media(max-width:760px){
  .copy-bridge{padding-block:54px 65px;font-size:clamp(21px,5.9vw,27px);line-height:2.15;letter-spacing:0}
  .possibility-orbit{inset:24px 1% 32px;transform:rotate(-10deg)}
}
@media(prefers-reduced-motion:reduce){
  .copy-bridge .possibility-line,.copy-bridge .possibility-orbit{opacity:1!important;transition:none!important}
  .copy-bridge .possibility-line{transform:none!important}
  .copy-bridge .possibility-key::after{transform:none!important;transition:none!important}
  .mobile-register.button{transition:none}
}

/* Keep the action gently present without distracting from the reading. */
@keyframes cta-soft-float{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-3px)}
}
@media(prefers-reduced-motion:no-preference){
  .mobile-register.button:not(.is-at-form){animation:cta-soft-float 3.8s ease-in-out infinite}
  .mobile-register.button:hover,.mobile-register.button:focus-visible,.mobile-register.button:active{animation-play-state:paused}
}

/* A brief look at everyday changes, kept lighter than the numbered learning points. */
#features>.wrap.section{padding-bottom:52px}
.learning-life{background:linear-gradient(to bottom,#f5f1e7,var(--paper) 100px);padding:14px 0 66px}
.learning-life-heading{text-align:center}
.life-eyebrow{font-size:11px;letter-spacing:.08em;color:#8b794f;margin-bottom:15px}
.learning-life-heading h2{font:500 clamp(22px,2.5vw,30px)/1.9 var(--serif);letter-spacing:.02em;text-wrap:balance;margin:0}
.life-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:37px auto 0;max-width:1040px}
.life-note{padding:0 27px;border-left:1px solid #d9ddcf}
.life-note:first-child{padding-left:0;border-left:0}
.life-note:last-child{padding-right:0}
.life-moment{font-size:11px;color:#897b58;letter-spacing:.035em;margin-bottom:11px}
.life-note h3{font:500 21px/1.8 var(--serif);margin:0 0 11px;text-wrap:balance}
.life-note>p:last-child{font-size:14px;line-height:2;color:var(--muted);margin:0}
@media(max-width:760px){
  #features>.wrap.section{padding-bottom:35px}
  .learning-life{padding-block:12px 48px}
  .life-eyebrow{font-size:10px;margin-bottom:12px}
  .learning-life-heading h2{font-size:22px;line-height:1.95;letter-spacing:0}
  .life-notes{display:block;margin-top:27px}
  .life-note,.life-note:first-child,.life-note:last-child{padding:20px 0;border:0;border-top:1px solid #d9ddcf}
  .life-note:last-child{padding-bottom:0}
  .life-moment{font-size:10px;margin-bottom:7px}
  .life-note h3{font-size:20px;line-height:1.7;margin-bottom:7px;text-wrap:wrap}
  .life-note>p:last-child{font-size:13px;line-height:1.95}
}
@media(max-width:360px){
  .learning-life-heading h2{font-size:20px}
  .life-note h3{font-size:18px}
}

/* Tighten the three concern cards after removing their footer copy. */
.persona-thought{border-bottom:0;padding-bottom:0}
/* A subordinate, two-line caption with room above the image stack. */
.results-caption{margin:0 0 18px;color:var(--ink);text-align:center}
.results-caption-kicker{display:block;font:400 11px/1.8 var(--sans);letter-spacing:.055em;color:var(--muted)}
.results-caption-title{display:block;font:500 20px/1.7 var(--serif);letter-spacing:.055em;margin-top:4px}
@media(max-width:760px){
  .results-caption{margin:26px 0 0}
  .results-caption-kicker{font-size:11px;letter-spacing:.045em}
  .results-caption-title{font-size:18px;margin-top:3px}
  .results-board{height:clamp(220px,calc(44vw + 50px),385px);margin:19px 0 14px}
}
/* One visual pause, without turning the everyday notes into photo cards. */
.learning-life-photo{max-width:1040px;margin:29px auto 0;overflow:hidden;border-radius:3px}
.learning-life-photo img{display:block;width:100%;height:290px;object-fit:cover;object-position:50% 49%}
.learning-life-photo+.life-notes{margin-top:31px}
@media(max-width:760px){
  .learning-life-photo{margin-top:24px}
  .learning-life-photo img{height:auto;aspect-ratio:3/2;object-position:center}
  .learning-life-photo+.life-notes{margin-top:9px}
  .learning-life-photo+.life-notes .life-note:first-child{border-top:0}
}
/* Show the interaction before reading; retire the hint after the first slide. */
.persona-swipe-hint{display:flex;justify-content:flex-end;align-items:center;gap:9px;max-width:740px;margin-top:26px;color:#6b796b;font:400 11px/1.6 var(--sans);letter-spacing:.04em;transition:opacity .3s ease}
.swipe-hint-arrow{font-size:22px;line-height:1}
.persona-viewport{margin-top:10px}
.persona-footer{justify-content:flex-end}
.has-swiped .persona-swipe-hint{opacity:0}
@media(max-width:760px){.persona-card{flex-basis:calc(100% - 44px)}.persona-swipe-hint{margin-top:22px;font-size:10px;gap:7px}}
@media(prefers-reduced-motion:reduce){.persona-swipe-hint{transition:none}}

/* Keep the achievement line subordinate to the opening headline. */
.hero-copy .hero-journey{font:400 17px/1.9 var(--serif);color:var(--muted);letter-spacing:.015em;margin:-8px 0 23px}
.hero-journey>span{display:inline-block}
@media(max-width:760px){.hero-copy .hero-journey{font-size:15px;line-height:1.9;margin:-7px 0 20px;letter-spacing:0}}
@media(max-width:360px){.hero-copy .hero-journey{font-size:14px}}
/* A single, small reveal as the photograph and notes enter view. */
@media(prefers-reduced-motion:no-preference){
  .life-motion-ready{opacity:0;transform:translateY(14px);transition:opacity .65s ease,transform .8s cubic-bezier(.2,.65,.25,1)}
  .learning-life-heading.life-motion-ready{transform:translateY(8px)}
  .life-motion-ready.is-life-visible{opacity:1;transform:none}
  .learning-life-photo.life-motion-ready img{transform:scale(1.025);transition:transform 1.25s cubic-bezier(.2,.65,.25,1)}
  .learning-life-photo.is-life-visible img{transform:scale(1)}
}
@media(min-width:761px) and (prefers-reduced-motion:no-preference){
  .life-note.life-motion-ready:nth-child(2){transition-delay:.08s}
  .life-note.life-motion-ready:nth-child(3){transition-delay:.16s}
}
@media(prefers-reduced-motion:reduce){
  .life-motion-ready,.learning-life-photo img{opacity:1!important;transform:none!important;transition:none!important}
}

/* Requested 1.5x subtitle size; natural two-line wrap on narrow screens. */
.hero-copy .hero-journey{font-size:25.5px;line-height:1.7;margin:-4px 0 25px}
@media(max-width:760px){.hero-copy .hero-journey{font-size:22.5px;line-height:1.75;margin:-3px 0 23px}}
@media(max-width:360px){.hero-copy .hero-journey{font-size:21px}}
/* Preserve the ellipse styling and let only its outline sway slightly. */
.copy-bridge{--orbit-tilt:-8deg}
@media(max-width:760px){.copy-bridge{--orbit-tilt:-10deg}}
@keyframes possibility-sway{
  0%,100%{transform:rotate(var(--orbit-tilt)) translateY(0)}
  50%{transform:rotate(calc(var(--orbit-tilt) + 2deg)) translateY(-3px)}
}
@media(prefers-reduced-motion:no-preference){
  .copy-bridge.is-revealed .possibility-orbit{animation:possibility-sway 8s ease-in-out infinite;animation-play-state:paused}
  .copy-bridge.is-revealed.is-in-view .possibility-orbit{animation-play-state:running}
}
@media(prefers-reduced-motion:reduce){.copy-bridge .possibility-orbit{animation:none!important}}

/* Keep the subtitle on one mobile line and add a small reading pause below it. */
.hero-copy .hero-journey{font-size:20px;line-height:1.8;margin-bottom:44px;letter-spacing:0}
@media(max-width:760px){
  .hero-copy .hero-journey{font-size:clamp(13px,4.1vw,18px);white-space:nowrap;line-height:1.8;margin-bottom:42px;letter-spacing:0}
}
/* Reuse the existing chapter footer; keep the cue above the fixed signup button. */
.story-scroll-cue{display:inline-flex;align-items:center;gap:8px;font:400 12px/1.6 var(--sans);letter-spacing:.035em;color:#dbe5cc}
.story-cue-arrow{display:inline-block;font-size:17px;line-height:1}
.motion-on .story-footer{padding-block:12px;bottom:32px}
@media(max-width:760px){
  .story-scroll-cue{font-size:11px;gap:7px;letter-spacing:.02em}
  .motion-on .story-footer{bottom:calc(112px + env(safe-area-inset-bottom,0px));padding-block:10px}
}
@keyframes chapter-scroll-nudge{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}
@media(prefers-reduced-motion:no-preference){.motion-on .story-cue-arrow{animation:chapter-scroll-nudge 2.4s ease-in-out infinite}}
@media(prefers-reduced-motion:reduce){.story-cue-arrow{animation:none!important}}

/* One quiet signup opportunity before the newsletter examples. */
.letters-invitation{background:var(--paper);padding:0 0 64px;text-align:center}
.letters-invitation-button{width:100%;max-width:400px;gap:15px;min-height:56px}
.letters-invitation-button>span{font-size:21px;line-height:1}
@media(max-width:760px){
  .letters-invitation{padding-bottom:48px}
  .letters-invitation-button{font-size:14px;padding-inline:12px;gap:12px}
}

/* Four equally weighted learning points: two rows on wide screens. */
@media(min-width:761px){#features .difference-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1040px;margin-inline:auto}}
#features .channel-card-future{background:#eee5d5}

/* Quiet, even-height figures within the original serif subtitle. */
.hero-journey .hero-amount{font-family:var(--sans);font-size:.94em;font-weight:400;font-variant-numeric:lining-nums proportional-nums;letter-spacing:.015em}