/* A visual opening and a personal introduction, extending the established palette. */
:root{--script:'Allura','Segoe Script',cursive}
.brand-name,.header .brand-name,.footer .brand-name{font:400 2.8rem/1.25 var(--script);letter-spacing:0}
.header-inner{min-height:88px}.header .wordmark{gap:0}.footer .brand-name{color:#e9d4a6}
.hero{background:#f8f6f0;color:var(--navy)}
.hero-grid{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:54px;align-items:center;width:min(1280px,calc(100% - 112px));max-width:none;padding-top:48px;padding-bottom:43px;text-align:left;min-height:0}
.hero-copy{min-width:0;max-width:none}.salutation{font-size:1.4rem;margin-bottom:17px}
.hero-prelude{font-size:1rem;line-height:1.75;margin-bottom:14px;color:#526660}
.hero-display{font-size:clamp(3.35rem,5vw,4.85rem);line-height:1.02;font-weight:600;letter-spacing:-.035em}
.hero-display em{display:block;color:#93733f;font-weight:500}
.hero-postlude{font-size:clamp(1.65rem,2.15vw,1.95rem);line-height:1.25;max-width:490px;margin:18px 0 0}
.hero-action{align-items:flex-start;margin-top:27px;gap:11px}.hero-action .button{min-width:280px}
.hero-links,.advisor-links{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center;margin-top:26px}
.hero-links a,.advisor-links a{display:inline-flex;align-items:center;gap:10px;color:#56665c;font-size:.875rem;font-weight:600;text-decoration:none;border-bottom:1px solid #afac9970;padding-bottom:5px}
.hero-links a:hover,.advisor-links a:hover{color:#8d6b30;border-color:#8d6b30}
.hero-family{margin:0;min-width:0;background:#10292e;border:8px solid #fffdfa;box-shadow:0 18px 45px #10292e14;border-radius:5px;overflow:hidden}
.hero-family>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.hero-family figcaption{padding:23px 24px 24px;color:#f2e8d5}
.hero-family figcaption>span{font:500 2.1rem/1.15 var(--serif);display:block}
.hero-family figcaption>small{display:block;font:.875rem/1.65 var(--sans);margin-top:8px;color:#c6d1c6}
.hero-letter{max-width:830px;width:calc(100% - 112px);margin:0 auto;padding:30px 0 40px;text-align:center;border-top:1px solid #bca87850}
.hero-letter .intro{font-size:1rem;line-height:1.85;color:#56695f;margin-bottom:13px}.hero-letter .emphasis{font-size:1rem;line-height:1.7}
.freedom-grid{grid-template-columns:1fr 1fr;grid-template-areas:'intro intro' 'photo points';gap:36px 44px;align-items:center}
.freedom-intro{grid-area:intro;text-align:center;max-width:940px;margin:0 auto}
.freedom-intro h2{font-size:2.7rem;line-height:1.18;margin-bottom:23px}.freedom-intro>p{max-width:820px;margin-inline:auto}
.retirement-visual{grid-area:photo;margin:0;background:#fffdf7;padding:7px;border:1px solid #dadfce;border-radius:5px;overflow:hidden}
.retirement-visual>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.retirement-visual figcaption{padding:19px 16px 15px;font:500 1.6rem/1.3 var(--serif);color:#655531}
.freedom-points{grid-area:points;background:transparent;border:0;border-radius:0;padding:0 0 0 8px}
.freedom-points .copy-list li{padding-block:22px}
.advisor-introduction{padding-block:90px;background:#fbfaf6;border-top:1px solid #e2dfd2}
.advisor-grid{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:76px;align-items:center}
.advisor-portrait{margin:0;min-width:0}
.advisor-photo-mount{background:#e5e2d7;border:1px solid #d4cdba;border-bottom:none;padding:0 12px;overflow:hidden;border-radius:130px 130px 0 0}
.advisor-photo-mount img{display:block;width:100%;height:auto;max-height:625px;object-fit:contain;object-position:center bottom}
.advisor-portrait figcaption{display:flex;flex-direction:column;gap:5px;padding:23px 22px 24px;background:var(--navy);color:#c8d1c6;font-size:.875rem;line-height:1.6;text-align:center}
.advisor-portrait figcaption strong{font:500 1.55rem/1.3 var(--serif);color:#ebd5ac}
.advisor-copy{min-width:0}.advisor-copy>.eyebrow{margin-bottom:12px}
.advisor-copy h2{font:400 clamp(3.7rem,5.3vw,4.8rem)/1.2 var(--script);letter-spacing:0;margin:0 0 12px;color:var(--navy)}
.advisor-role{font-size:.875rem;line-height:1.75;font-weight:600;letter-spacing:.025em;color:#8b6f3d;margin-bottom:25px}
.advisor-personal{font-size:1rem;line-height:1.85;color:#53655d;margin-bottom:28px}
.advisor-values{list-style:none;padding:0;margin:0;border-top:1px solid #d9d8c9}
.advisor-values li{display:grid;grid-template-columns:145px minmax(0,1fr);gap:20px;padding:20px 0;border-bottom:1px solid #d9d8c9}
.advisor-values h3{font:600 1.55rem/1.25 var(--serif);margin:0;color:var(--navy)}
.advisor-values p{font-size:1rem;line-height:1.75;color:#617065;margin:0}
.advisor-links{margin-top:26px;gap:14px 23px}
.story{padding-block:65px}.story .reading{max-width:850px}.story-copy h2{font-size:2.6rem;max-width:750px}.story-cta{align-items:center}
.signoff .signature{font:400 3.5rem/1.2 var(--script);letter-spacing:0}
.appointment-person strong{font:400 2.55rem/1.2 var(--script);letter-spacing:0}
@media(min-width:1550px){.hero-grid{padding-top:64px;padding-bottom:52px;gap:65px}.hero-display{font-size:5.15rem}.hero-postlude{font-size:2.05rem}}
@media(max-width:1050px){.hero-grid{width:calc(100% - 72px);grid-template-columns:1fr 1fr;gap:30px;padding-top:36px;padding-bottom:33px}.hero-display{font-size:3.85rem}.hero-postlude{font-size:1.65rem}.hero-family figcaption{padding:20px}.hero-family figcaption>span{font-size:1.85rem}.hero-family figcaption>small{font-size:.8125rem}.hero-letter{width:calc(100% - 72px);padding-bottom:34px}.advisor-grid{gap:45px;grid-template-columns:.88fr 1.12fr}.advisor-copy h2{font-size:3.9rem}.advisor-values li{grid-template-columns:1fr;gap:8px;padding-block:18px}.advisor-introduction{padding-block:70px}.freedom-grid{gap:30px}.freedom-intro h2{font-size:2.55rem}.advisor-photo-mount{border-radius:100px 100px 0 0}}
@media(max-width:760px){.header-inner{min-height:70px;gap:13px}.header .brand-name{font-size:2.15rem;line-height:1.3}.header .header-cta{min-height:40px;padding:11px 13px;font-size:.75rem}.hero-grid{width:calc(100% - 32px);display:grid;grid-template-columns:1fr;gap:0;padding-top:18px;padding-bottom:26px;text-align:center}.hero-family{grid-row:1;border-width:5px;max-width:560px;width:100%;justify-self:center;margin-bottom:25px;box-shadow:0 8px 25px #10292e12}.hero-family>img{aspect-ratio:3/2}.hero-family figcaption{display:none}.hero-copy{grid-row:2;padding-inline:5px}.salutation{font-size:1.25rem;margin-bottom:12px}.hero-prelude{font-size:.875rem;line-height:1.7;margin-bottom:12px}.hero-display{font-size:clamp(2.95rem,10.3vw,3.8rem);line-height:1.02}.hero-display em{display:block}.hero-postlude{font-size:1.65rem;line-height:1.25;margin:14px auto 0;max-width:520px}.hero-action{align-items:center;margin-top:22px;gap:10px}.hero-action .button{width:min(350px,100%);min-width:0;min-height:55px}.hero-links{justify-content:center;gap:12px 22px;margin-top:23px}.hero-links a{font-size:.875rem}.hero-letter{width:calc(100% - 40px);max-width:560px;padding:25px 0 31px;text-align:left}.hero-letter .intro{font-size:1rem;line-height:1.85}.hero-letter .emphasis{font-size:1rem;line-height:1.7;margin-top:15px}.freedom-grid{grid-template-columns:1fr;grid-template-areas:'intro' 'photo' 'points';gap:25px}.freedom-intro{text-align:left}.freedom-intro h2{font-size:2.3rem;line-height:1.2}.retirement-visual{padding:5px}.retirement-visual figcaption{font-size:1.55rem;padding:17px 13px 14px}.freedom-points{padding:0}.freedom-points .copy-list li{padding-block:20px}.advisor-introduction{padding-block:48px}.advisor-grid{display:grid;grid-template-columns:1fr;gap:0}.advisor-copy{display:contents}.advisor-copy>.eyebrow{grid-row:1;text-align:center;margin-bottom:8px}.advisor-copy h2{grid-row:2;font-size:3.75rem;text-align:center;margin:0 0 23px;line-height:1.2}.advisor-portrait{grid-row:3;width:min(380px,100%);justify-self:center;margin-bottom:25px}.advisor-photo-mount{border-radius:110px 110px 0 0;padding-inline:12px}.advisor-photo-mount img{max-height:510px}.advisor-portrait figcaption{padding:18px 16px;font-size:.8125rem}.advisor-portrait figcaption strong{font-size:1.4rem}.advisor-role{grid-row:4;font-size:.875rem;text-align:center;margin-bottom:22px}.advisor-personal{grid-row:5;font-size:1rem;line-height:1.85;margin-bottom:26px}.advisor-values{grid-row:6}.advisor-values li{grid-template-columns:1fr;gap:9px;padding-block:21px}.advisor-values h3{font-size:1.7rem}.advisor-values p{font-size:1rem;line-height:1.8}.advisor-links{grid-row:7;gap:15px 25px;justify-content:center;margin-top:27px}.advisor-links a{font-size:.875rem}.story{padding-block:48px}.story-copy h2{font-size:2.35rem}.appointment-person strong{font-size:2.3rem}.signoff .signature{font-size:3.2rem}.footer .brand-name{font-size:2.7rem}}
@media(max-width:380px){.header .brand-name{font-size:1.95rem}.header .header-cta{font-size:.75rem;padding:10px 11px}.hero-display{font-size:2.9rem}.hero-postlude{font-size:1.53rem}.hero-links{gap:12px 17px}.hero-links a{font-size:.8125rem}.advisor-copy h2{font-size:3.35rem}}

/* Mobile visual QA: keep the wordmark and appointment label legible on narrow screens. */
@media(max-width:760px){
  .header-inner{min-height:70px;gap:8px 10px;flex-wrap:wrap;padding-block:8px}
  .header .wordmark{max-width:100%;min-height:44px;white-space:normal}
  .header .brand-name{font-size:clamp(1.6rem,8vw,2.15rem);line-height:1.3;overflow-wrap:anywhere}
  .header .header-cta{flex:0 0 auto;min-height:44px;padding:10px 12px;font-size:.875rem;letter-spacing:0;white-space:nowrap}
  .advisor-copy h2,.signoff .signature{font-size:clamp(2.35rem,12vw,3rem)}
  .hero-links a,.advisor-links a{min-height:44px;padding-block:10px;font-size:.875rem}
  .footer a{min-height:44px}
}
