/* About page presentation. Shared header, CTAs and footer remain component-owned. */
.story .eyebrow,
.foundation .eyebrow,
.why .eyebrow{font-size:18px;margin-bottom:24px}
.why .eyebrow{letter-spacing:.24em}

.hero{--hero-inset:130px;position:relative;min-height:535px;background:#f4eee5;overflow:hidden}
.hero-image-card{position:absolute;inset:0 var(--hero-inset);display:flex;align-items:center;justify-content:center;pointer-events:none}
.hero-image-card img{width:auto;height:auto;max-width:100%;max-height:100%;border-radius:18px;box-shadow:0 28px 55px rgba(76,57,36,.24),0 12px 22px rgba(76,57,36,.16),0 3px 7px rgba(76,57,36,.12)}
.hero .shell{position:relative;z-index:1;min-height:535px;display:flex;align-items:center}
.hero-copy{width:47%;margin-left:175px;padding:49px 36px 57px 0;display:flex;flex-direction:column;justify-content:center}
.hero h1{margin:0;font:400 58px/.97 var(--serif);letter-spacing:-.035em}
.hero-subtitle{margin:10px 0 0;color:var(--bronze);font:italic 400 24px/1.25 var(--serif)}
.hero-credentials{margin:-10px 0 0;font:500 16px/1.55 var(--sans);color:#403a34}
.hero-intro{max-width:540px;margin:14px 0 0;font:italic 400 18px/1.5 var(--serif);color:#5e554c}
.hero-intro-mobile{display:none}

.story{padding:88px 0 92px;background:var(--white)}
.story-grid{display:grid;grid-template-columns:34% 66%;gap:68px;align-items:center}
.story-copy{max-width:700px}
.story-copy p{margin:0 0 14px}
.story-copy a{color:var(--bronze);text-decoration:underline;text-decoration-color:rgba(166,124,55,.36);text-underline-offset:3px}
.story-quote{max-width:680px;margin:24px 0 0;padding:2px 0 2px 22px;border-left:2px solid var(--gold);font:italic 400 21px/1.45 var(--serif);color:#5b4d3c}
.story-quote cite{display:block;margin-top:10px;font:600 13px/1.2 var(--sans);font-style:normal;letter-spacing:.17em;text-transform:uppercase;color:var(--gold-dark)}

.foundation{padding:86px 0 88px;background:var(--soft)}
.foundation-head{text-align:center;margin-top:-30px;margin-bottom:30px}
.foundation-head .section-title{max-width:760px;margin:0 auto}
.foundation-sub{color:var(--muted);font:400 16px/1.6 var(--sans);margin:2px 0 0;align-self:start;max-width:330px}
.foundation-sub p{margin:0 0 16px}
.foundation-sub p:nth-child(2){margin-top:1.6em}
.foundation-sub p:last-child{margin-bottom:0}
.foundation-grid{display:grid;grid-template-columns:31% 31.5% 37.5%;column-gap:20px;align-items:center;margin-top:36px}
.foundation-stat{height:220px;padding-right:42px;border-right:1px solid var(--gold);display:grid;grid-template-columns:auto 1fr;column-gap:20px;row-gap:34px;align-items:center}
.compact-boards,.stat-divider{display:none}
.big-stat{color:var(--gold);font:400 82px/.86 var(--serif);justify-self:center}
.stat-label{margin-top:0;color:#746a60;font:600 15px/1.45 var(--sans);letter-spacing:.14em;text-transform:uppercase}
.years{color:#746a60;font:600 15px/1.45 var(--sans);letter-spacing:.14em;text-transform:uppercase;display:contents}
.years strong{color:var(--gold);font:400 82px/.86 var(--serif);letter-spacing:0;text-transform:none}
.years span{display:block}
.board-list{height:220px;display:grid;border-right:1px solid var(--gold);padding-right:16px;align-self:center}
.board-heading{display:block;color:#9a8b76;font:600 10px/1 var(--sans);letter-spacing:.17em;text-transform:uppercase}
.board{padding:14px 0 16px;border-bottom:1px solid var(--gold);width:330px;max-width:100%}
.board:first-of-type{padding-top:0}
.board:last-child{border-bottom:0;padding-bottom:0}
.board strong{font:400 22px/1.26 var(--serif)}

.why{padding:68px 0 28px;background:var(--ivory)}
.why-grid{display:grid;grid-template-columns:64% 36%;background:#f6f1e9;align-items:stretch;overflow:hidden}
.why-copy{padding:50px 46px 50px 52px}
.why-copy .gold-rule{margin-bottom:29px}
.why-copy .body-copy{font:400 15.5px/1.78 var(--sans);max-width:655px;margin-top:10px}
.why-copy p{margin:0 0 21px}
.why-copy p:last-child{margin-bottom:0}
.why-image{min-height:430px;position:relative;overflow:hidden;background:#ded3c4}
.why-image img{width:100%;height:100%;object-fit:cover;object-position:90% 35%}
.why-image:before{content:'';position:absolute;z-index:2;left:0;top:0;bottom:0;width:12%;background:linear-gradient(90deg,#f6f1e9,rgba(246,241,233,.5),transparent);pointer-events:none}

.final-cta{padding:74px 0 40px;background:var(--ivory);text-align:center}
.final-cta .eyebrow{margin-bottom:22px;font-size:14px;letter-spacing:.25em}
.final-cta .section-title{font-size:42px}
.final-cta p{max-width:545px;margin:18px auto 20px;color:#554d45;font:400 14px/1.65 var(--sans)}
.cta-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}

@media(min-width:901px) and (max-width:1100px){
  .hero{min-height:470px}
  .hero-image-card{inset:-28px 38px 28px}
  .hero .shell{min-height:470px;align-items:flex-start}
  .hero-copy{width:46%;margin-left:95px;padding:89px 20px 0 0}
  .hero h1{font-size:46px}
  .hero-subtitle{margin-top:8px;font-size:20px}
  .hero-copy .gold-rule{margin:16px 0}
  .hero-credentials{margin:0;font-size:13.5px;line-height:1.42;white-space:nowrap}
  .hero-intro{max-width:none;margin-top:12px;font-size:15.5px;line-height:1.4;white-space:nowrap}
  .story{padding:72px 0 76px}
  .story-grid{grid-template-columns:minmax(0,31%) minmax(0,1fr);gap:42px}
  .story .eyebrow{font-size:15px}
  .story .section-title{font-size:38px}
  .story-copy{max-width:none;font-size:14px;line-height:1.68}
  .story-quote{font-size:18px}
  .foundation{padding:72px 0 76px}
  .foundation-head{margin-top:-14px;margin-bottom:22px}
  .foundation .eyebrow{font-size:15px}
  .foundation-head .section-title{font-size:38px}
  .foundation-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1.05fr);column-gap:14px;margin-top:28px}
  .foundation-stat{height:208px;padding-right:14px;column-gap:12px;row-gap:28px}
  .big-stat,.years strong{font-size:66px}
  .stat-label,.years{font-size:12px;letter-spacing:.12em}
  .board-list{height:208px;padding-right:12px}
  .board{width:100%;padding:10px 0 12px}
  .board-heading{font-size:8.5px;letter-spacing:.13em}
  .board strong{font-size:18px;line-height:1.24}
  .foundation-sub{font-size:13.5px;line-height:1.55;max-width:none}
  .foundation-sub p{margin-bottom:12px}
  .foundation-sub p:nth-child(2){margin-top:1.25em}
  .why{padding:58px 0 24px}
  .why-grid{grid-template-columns:62% 38%}
  .why-copy{padding:40px 34px 42px 40px}
  .why .eyebrow{font-size:15px;letter-spacing:.20em;margin-bottom:20px}
  .why .section-title{font-size:36px}
  .why-copy .gold-rule{margin:18px 0 24px}
  .why-copy .body-copy{font-size:14px;line-height:1.72;max-width:none;margin-top:8px}
  .why-copy p{margin-bottom:17px}
  .why-image{min-height:410px}
  .final-cta{padding:62px 0 38px}
  .final-cta .section-title{font-size:38px}
}

@media(min-width:821px) and (max-width:900px){
  .hero{min-height:455px;background:#f4eee5}
  .hero-image-card{display:flex;inset:-20px 30px 20px}
  .hero .shell{min-height:455px;align-items:flex-start}
  .hero-copy{width:48%;margin-left:46px;padding:76px 18px 32px 0}
  .hero h1{font-size:43px}
  .hero-subtitle{margin-top:7px;font-size:19px}
  .hero-copy .gold-rule{margin:14px 0}
  .hero-credentials{margin:0;white-space:normal;font-size:13px;line-height:1.45;max-width:320px}
  .hero-intro{max-width:320px;margin-top:10px;white-space:normal;font-size:14.5px;line-height:1.42}
  .story{padding:64px 0 68px}
  .story-grid{grid-template-columns:minmax(0,29%) minmax(0,1fr);gap:30px;align-items:center}
  .story .eyebrow{font-size:14px;margin-bottom:20px}
  .story .section-title{font-size:34px}
  .story-copy{max-width:none;font-size:13.2px;line-height:1.64}
  .story-copy p{margin-bottom:12px}
  .story-quote{margin-top:20px;font-size:17px}
  .foundation{padding:64px 0 68px}
  .foundation-head{margin-top:-8px;margin-bottom:20px}
  .foundation .eyebrow{font-size:14px;margin-bottom:20px}
  .foundation-head .section-title{font-size:34px}
  .foundation-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:30px 34px;align-items:start;margin-top:24px}
  .foundation-stat{height:auto;min-height:220px;padding-right:30px;column-gap:16px;row-gap:30px}
  .big-stat,.years strong{font-size:68px}
  .stat-label,.years{font-size:12px;letter-spacing:.12em}
  .board-list{height:auto;min-height:220px;padding-right:0;border-right:0}
  .board{width:100%;padding:12px 0 14px}
  .board-heading{font-size:9px;letter-spacing:.13em;margin-bottom:8px}
  .board strong{font-size:19px;line-height:1.24}
  .foundation-sub{grid-column:1/-1;max-width:700px;margin:0 auto;padding-top:4px;font-size:14px;line-height:1.65;text-align:center}
  .foundation-sub p{margin-bottom:12px}
  .foundation-sub p:nth-child(2){margin-top:0}
  .why{padding:56px 0 24px}
  .why-grid{grid-template-columns:1fr}
  .why-copy{padding:38px 34px 36px}
  .why .eyebrow{font-size:14px;letter-spacing:.18em;margin-bottom:18px}
  .why .section-title{font-size:34px}
  .why-copy .gold-rule{margin:16px 0 22px}
  .why-copy .body-copy{font-size:13.5px;line-height:1.68;max-width:none;margin-top:0}
  .why-copy p{margin-bottom:15px}
  .why-image{min-height:360px}
  .why-image img{object-position:50% 35%}
  .why-image:before{display:none}
  .final-cta{padding:52px 0 44px}
  .final-cta .section-title{font-size:34px}
}

@media(max-width:820px){
  .hero{min-height:0;padding:24px 0;background:#f4eee5;display:grid;overflow:visible}
  .hero .shell{grid-area:1/1;position:relative;z-index:2;min-height:0;display:flex;align-items:center;width:min(100% - 28px,680px);pointer-events:none}
  .hero-copy{width:57%;margin:0;padding:31px 0 25px 24px;display:block;text-align:left;pointer-events:auto}
  .hero .eyebrow{margin-bottom:2px;font-size:10px;letter-spacing:.2em;transform:translateY(-16px)}
  .hero-subtitle span{display:block}
  .hero-subtitle{transform:translateY(18px);margin:8px 0 18px;font-size:clamp(16px,3.5vw,20px);line-height:1.2;color:inherit}
  .hero-copy .gold-rule{display:block;width:72px;margin:13px 0 15px;transform:translateY(20px)}
  .hero-credentials{transform:translateY(20px)}
  .hero h1{font-size:clamp(31px,6.4vw,40px);line-height:.98;white-space:normal;display:flex;align-items:center;gap:9px}
  .hero h1 br{display:none}
  .hero-dr{color:var(--gold-dark);font-size:1.46em;line-height:.82;letter-spacing:-.055em;text-transform:uppercase}
  .hero-name{display:flex;flex-direction:column;line-height:.92}
  .hero-name>span{display:block}
  .hero-credentials{max-width:300px;margin:0;font-size:12px;line-height:1.42;white-space:normal}
  .hero-credentials .credential-exp{margin-bottom:8px}
  .hero-credentials .credential-main,.hero-credentials .credential-exp{display:block;white-space:normal}
  .hero-credentials .credential-sep{display:none}
  .hero-intro{max-width:300px;margin:14px 0 0;font-size:13.5px;line-height:1.38;white-space:normal}
  .hero-intro{display:none}
  .hero-intro-desktop,.hero-intro-mobile{display:none}
  .hero-image-card{display:block;position:relative;grid-area:1/1;inset:auto;width:min(100% - 28px,680px);height:auto;aspect-ratio:4/3;margin:0 auto;overflow:hidden;border-radius:16px;box-shadow:0 18px 38px rgba(76,57,36,.18)}
  .hero-image-card img{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:92% 34%;border-radius:0;box-shadow:none}
  .story{padding:44px 0 50px}
  .story .shell,.foundation .shell{width:min(100% - 36px,680px)}
  .story-grid{grid-template-columns:1fr;gap:14px;align-items:start}
  .story-grid>div:first-child{text-align:center}
  .story .eyebrow{font-size:13px;margin-bottom:15px}
  .story .section-title{font-size:clamp(32px,8.7vw,38px);line-height:1.05}
  .story .section-title br{display:none}
  .story .section-title em{display:block;margin-top:3px}
  .story .gold-rule{margin:17px auto 4px}
  .story-copy{max-width:none;font-size:15px;line-height:1.68}
  .story-copy p{margin-bottom:15px}
  .story-quote{margin-top:20px;padding:2px 0 2px 16px;font-size:18px;line-height:1.48}
  .story-quote cite{font-size:11px;line-height:1.35;letter-spacing:.13em}
  .foundation{padding:46px 0 50px}
  .foundation-head{margin:0 0 22px;text-align:center}
  .foundation .eyebrow{font-size:13px;margin-bottom:15px}
  .foundation-head .section-title{font-size:clamp(31px,8.4vw,37px);line-height:1.08;max-width:520px}
  .foundation-head .section-title em{display:block}
  .foundation-grid{grid-template-columns:1fr;gap:22px;margin-top:0}
  .foundation-stat{height:auto;padding:0 0 22px;border-right:0;border-bottom:0;position:relative;grid-template-columns:124px max-content;justify-content:center;column-gap:18px;row-gap:18px}
  .foundation-stat:after{display:none}
  .compact-boards{display:grid;grid-column:2;gap:3px;margin-top:-12px;color:#2d2925;font:400 15px/1.28 var(--serif)}
  .compact-boards span{display:block;position:relative;padding-left:17px}
  .compact-boards span:before{content:'✦';position:absolute;left:0;top:.18em;color:var(--gold);font:400 9px/1 var(--serif)}
  .stat-divider{grid-column:1/-1;display:flex;align-items:center;gap:8px;margin:0 0 -2px;color:var(--gold);font:400 12px/1 var(--serif)}
  .stat-divider:before,.stat-divider:after{content:'';height:1px;flex:1;background:rgba(201,154,61,.7)}
  .stat-divider span{width:26px;height:26px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center}
  .years{grid-column:1/-1;display:grid;grid-template-columns:124px max-content;justify-content:center;column-gap:18px;align-items:center}
  .board-list{display:none}
  .big-stat,.years strong{font-size:clamp(54px,15vw,66px)}
  .stat-label,.years{font-size:11px;line-height:1.4;letter-spacing:.1em}
  .board-list{height:auto;border-right:0;padding:0}
  .board{width:100%;padding:13px 0 15px;border-bottom:0;position:relative}
  .board:not(:last-child):after{content:'';position:absolute;left:0;bottom:0;width:120px;height:1px;background:var(--gold)}
  .board-heading{font-size:10px;line-height:1.3;letter-spacing:.13em;margin-bottom:7px;color:var(--gold-dark)}
  .board:first-of-type{padding-top:0}
  .board strong{font-size:20px;line-height:1.28}
  .foundation-sub{max-width:none;margin:0;padding-top:0;font-size:15px;line-height:1.65}
  .foundation-sub p{margin-bottom:14px}
  .foundation-sub p:nth-child(2){margin-top:0}
  .why{padding:32px 0 0}
  .why-grid{grid-template-columns:1fr;width:100%;margin-left:0}
  .why-copy{padding:28px 18px 26px}
  .why .eyebrow{font-size:12px;line-height:1.35;letter-spacing:.16em;margin-bottom:14px;text-align:center}
  .why .section-title{font-size:clamp(31px,8.5vw,37px);line-height:1.08;text-align:center}
  .why-copy .gold-rule{margin:14px auto 18px}
  .why-copy .body-copy{max-width:none;margin-top:0;font-size:15px;line-height:1.66;text-align:left}
  .why-copy p{margin-bottom:14px}
  .why-image{min-height:0;aspect-ratio:4/3}
  .why-image img{width:100%;height:100%;object-fit:cover;object-position:64% 35%}
  .why-image:before{display:none}
  .final-cta{padding:32px 0 36px;margin-top:0}
  .final-cta .shell{width:min(100% - 36px,680px)}
  .final-cta .eyebrow{font-size:11px;line-height:1.4;margin-bottom:13px;letter-spacing:.2em}
  .final-cta .section-title{font-size:clamp(30px,8vw,35px);line-height:1.08}
  .final-cta p{max-width:520px;margin:13px auto 18px;font-size:14px;line-height:1.58}
  .cta-actions{display:grid;grid-template-columns:1fr;gap:10px;width:min(100%,225px);margin:0 auto}
  .cta-actions .pb-btn{display:flex;width:100%;height:48px;min-width:0}
  .explore-link{display:inline-block;margin-top:20px;padding:8px 4px}
}

@media(max-width:420px){
  .hero{padding:18px 0}
  .hero .shell{width:calc(100% - 24px)}
  .hero h1{font-size:29px}
  .hero-image-card{width:calc(100% - 24px);aspect-ratio:4/3;border-radius:14px}
  .hero-copy{width:58%;padding:20px 0 22px 14px}.hero .eyebrow{font-size:9px;margin-bottom:-1px;transform:translateY(-16px)}.hero-subtitle{font-size:15px}.hero-credentials{font-size:10.5px;line-height:1.35}.hero-intro{font-size:12px;margin-top:10px}.hero-copy .gold-rule{margin:10px 0 11px}.hero-image-card img{object-position:94% 34%}.story .shell,.foundation .shell,.final-cta .shell{width:calc(100% - 30px)}
  .story{padding:40px 0 44px}
  #story-title br{display:block}
  #story-title .story-title-space{display:none}
  #story-title em{display:block}
  .story-copy,.foundation-sub,.why-copy .body-copy{font-size:14.5px}
  .story-quote{font-size:17px}
  .foundation{padding:42px 0 46px}
  .foundation-stat{grid-template-columns:110px max-content;justify-content:center;column-gap:15px}
  .big-stat,.years strong{font-size:56px}
  .board strong{font-size:19px}
  .why{padding-top:26px}
  .why-copy{padding:26px 16px 24px}
  .why-image{aspect-ratio:1/1}
  .why-image img{object-position:66% 35%}
  .final-cta{padding:28px 0 34px}
}

@media(min-width:821px){.hero h1{display:block}.hero-dr{color:inherit;font-size:inherit;line-height:inherit;letter-spacing:inherit;text-transform:none}.hero-dr:after{content:" "}.hero-name{display:inline;line-height:inherit}.hero-name>span{display:inline}.hero-name>span:first-child:after{content:" "}}

@media(min-width:1101px){
  .story{padding:68px 0 72px}
  .foundation{padding:52px 0}
  .foundation-head{margin-top:-18px;margin-bottom:22px}
  .foundation-grid{width:min(1210px,100%);margin:24px auto 0;grid-template-columns:31% 29% 40%;column-gap:24px;align-items:stretch}
  .foundation-stat{height:auto;min-height:300px;padding-right:34px;align-self:stretch;position:relative;border-right:0}
  .foundation-stat:after{content:'';position:absolute;top:18px;bottom:4px;right:0;width:1px;background:var(--gold)}
  .board-list{height:auto;min-height:300px;display:grid;grid-template-rows:auto 1fr 1.35fr 1fr;align-self:stretch;padding:0 34px 0 0;position:relative;border-right:0}
  .board-list:after{content:'';position:absolute;top:18px;bottom:4px;right:0;width:1px;background:var(--gold)}
  .board-heading{font-size:15px;line-height:1.3;letter-spacing:.13em;margin:0;color:var(--gold-dark);font-weight:600;align-self:start}
  .board{width:100%;max-width:300px;display:flex;align-items:center;padding:0}
  .board-pediatrics{border-bottom:1px solid var(--gold)}
  .board-gastro{border-bottom:1px solid var(--gold)}
  .board-obesity{border-bottom:0;align-items:center}
  .board strong{font-size:22px;line-height:1.28}
  .foundation-sub{width:auto;max-width:none;margin:0;padding:18px 0 0 8px;align-self:start;transform:none;font-size:15px;line-height:1.65}
  .foundation-sub p{margin-bottom:16px}
  .foundation-sub p:nth-child(2){margin-top:1.1em}
  .foundation-sub p:nth-child(3){margin-top:18px}
  .final-cta{padding:48px 0 30px}
  .final-cta .eyebrow{margin-bottom:18px}
  .final-cta p{margin:15px auto 18px}
  .explore-link{margin-top:22px}
}