/* Approved About component; shared navigation, capabilities and footer remain in the main layout. */
.fresh-about-scroll{padding-top:var(--fresh-header-height,62px)}
.fresh-about-scroll *{box-sizing:border-box}
html:has(.fresh-about-scroll){scroll-behavior:smooth;scroll-padding-top:62px}
.fresh-about-scroll{--header:62px;--gutter:32px;--section:48px;--ink:#212529;--lime:#9fc131}
#main-content .fresh-about-scroll .office-story{position:relative;background:#142024;color:#fff;isolation:isolate}
#main-content .fresh-about-scroll .office-backdrop{position:sticky;top:var(--header);height:calc(100svh - var(--header));width:100%;overflow:hidden;z-index:-1}
#main-content .fresh-about-scroll .office-backdrop img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 48%;transform:scale(var(--office-scale,1.025));will-change:transform}
#main-content .fresh-about-scroll .office-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,18,21,.84),rgba(8,18,21,.15) 85%),linear-gradient(0deg,rgba(8,18,21,.56),transparent 70%);opacity:var(--shade-opacity,.78)}
#main-content .fresh-about-scroll .story-scenes{position:relative;margin-top:calc(-100svh + var(--header))}
#main-content .fresh-about-scroll .story-scene{min-height:calc(100svh - var(--header));display:flex;align-items:center;padding:80px 0}
#main-content .fresh-about-scroll .scene-wrap{width:100%;max-width:1480px;margin:0 auto;padding:0 clamp(32px,6vw,110px)}
#main-content .fresh-about-scroll .opening{align-items:flex-end;padding-top:200px;padding-bottom:76px}
#main-content .fresh-about-scroll .opening h1{font:clamp(42px,5.1vw,80px)/1.03 FuturaBT-Bold,Arial,sans-serif;letter-spacing:-.035em;margin:0 0 24px;max-width:1000px}
#main-content .fresh-about-scroll .eyebrow{font:700 12px/1.3 Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;margin:0 0 24px;color:#d5e6ac}
#main-content .fresh-about-scroll .opening-copy{font:18px/1.65 Merriweather,Georgia,serif;max-width:57ch;margin:0 0 34px}
#main-content .fresh-about-scroll .scene-columns{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:center;gap:clamp(40px,6vw,96px)}
#main-content .fresh-about-scroll .story-copy h2{font:clamp(30px,3vw,46px)/1.12 FuturaBT-Bold,Arial,sans-serif;letter-spacing:-.02em;margin:0 0 24px}
#main-content .fresh-about-scroll .story-copy p:not(.eyebrow){font:17.6px/1.7 Merriweather,Georgia,serif;max-width:62ch;margin:0 0 20px}
#main-content .fresh-about-scroll .story-copy p:last-child{margin-bottom:0}
#main-content .fresh-about-scroll .story-stats{display:grid;gap:36px}
#main-content .fresh-about-scroll .story-stat{border-top:1px solid #ffffff70;padding-top:18px}
#main-content .fresh-about-scroll .stat-value{display:block;font:clamp(68px,7vw,110px)/1 FuturaBT-Bold,Arial,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.035em;white-space:nowrap}
#main-content .fresh-about-scroll .stat-label{display:block;font:16px/1.5 Arial,sans-serif;margin-top:12px}
#main-content .fresh-about-scroll .care-wrap{max-width:1480px}
#main-content .fresh-about-scroll .care-wrap h2{max-width:21ch}
#main-content .fresh-about-scroll .care-wrap p:not(.eyebrow){max-width:57ch}
#main-content .fresh-about-scroll .story-link{display:inline-flex;gap:24px;align-items:center;border-bottom:1px solid #fff;font:700 15px/1.5 Arial,sans-serif;margin-top:8px;padding:8px 0}
#main-content .fresh-about-scroll .story-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#ffffff20}
#main-content .fresh-about-scroll .story-progress span{display:block;width:100%;height:100%;background:var(--lime);transform:scaleX(var(--story-progress,0));transform-origin:left}
#main-content .fresh-about-scroll.motion-ready [data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .65s ease,transform .8s cubic-bezier(.2,.7,.3,1)}
#main-content .fresh-about-scroll.motion-ready [data-reveal].is-visible{opacity:1;transform:none}
@media (max-width:1100px){#main-content .fresh-about-scroll .scene-columns{grid-template-columns:1.25fr .75fr;gap:40px}}
@media (max-width:767px){.fresh-about-scroll{--gutter:20px;--section:32px}
#main-content .fresh-about-scroll .office-backdrop img{object-position:44% 48%}
#main-content .fresh-about-scroll .office-shade{background:linear-gradient(0deg,#071318e6,#07131838 92%)}
#main-content .fresh-about-scroll .scene-wrap{padding:0 24px}
#main-content .fresh-about-scroll .story-scene{padding:72px 0;min-height:calc(100svh - var(--header))}
#main-content .fresh-about-scroll .opening{padding-top:170px;padding-bottom:48px}
#main-content .fresh-about-scroll .opening h1{font-size:clamp(36px,9.7vw,56px);margin-bottom:20px}
#main-content .fresh-about-scroll .opening-copy{font-size:16px;line-height:1.65;max-width:36ch;margin-bottom:24px}
#main-content .fresh-about-scroll .eyebrow{font-size:10px;margin-bottom:20px}
#main-content .fresh-about-scroll .scene-columns{grid-template-columns:1fr;gap:32px}
#main-content .fresh-about-scroll .story-copy h2{font-size:30px;margin-bottom:20px}
#main-content .fresh-about-scroll .story-copy p:not(.eyebrow){font-size:16px;line-height:1.7;margin-bottom:16px}
#main-content .fresh-about-scroll .story-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
#main-content .fresh-about-scroll .story-stat{padding-top:16px}
#main-content .fresh-about-scroll .stat-value{font-size:clamp(36px,11vw,64px)}
#main-content .fresh-about-scroll .stat-label{font-size:14px;margin-top:8px}
#main-content .fresh-about-scroll .care-wrap h2{max-width:100%}}
@media (prefers-reduced-motion:reduce){#main-content .fresh-about-scroll .office-backdrop img{transform:none;will-change:auto}
#main-content .fresh-about-scroll.motion-ready [data-reveal]{opacity:1;transform:none;transition:none}}
.fresh-about-scroll{--fresh-body-size:1.1rem;--story-section-padding:48px;--story-heading-size:26px}
#main-content .fresh-about-scroll .story-scene:not(.opening){min-height:0;padding:var(--story-section-padding) 0}
#main-content .fresh-about-scroll .opening{min-height:calc(100svh - var(--header))}
#main-content .fresh-about-scroll .scene-columns{align-items:start}
#main-content .fresh-about-scroll .opening-copy,#main-content .fresh-about-scroll .story-copy p:not(.eyebrow){font-size:var(--fresh-body-size);line-height:1.6}
#main-content .fresh-about-scroll .story-copy h2{font-size:var(--story-heading-size);line-height:1.25;letter-spacing:normal;margin-bottom:16px}
#main-content .fresh-about-scroll .story-copy p:not(.eyebrow){margin-bottom:16px}
#main-content .fresh-about-scroll .story-copy p:last-child{margin-bottom:0}
#main-content .fresh-about-scroll .care-wrap h2{max-width:none}
#main-content .fresh-about-scroll .story-stats{gap:24px}
#main-content .fresh-about-scroll .stats-intro{grid-column:1/-1;margin:0;font:400 var(--fresh-body-size)/1.6 Merriweather,Georgia,serif}
#main-content .fresh-about-scroll .stat-label{font-size:16px;line-height:1.5;margin-top:8px}
@media (max-width:767px){.fresh-about-scroll{--story-section-padding:32px;--story-heading-size:22px}
#main-content .fresh-about-scroll .story-stats{gap:20px}
#main-content .fresh-about-scroll .scene-columns{gap:24px}
#main-content .fresh-about-scroll .story-copy h2{margin-bottom:16px}}
#main-content .fresh-about-scroll .story-link{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:64px;max-width:100%;padding:16px 24px;margin-top:16px;border:1px solid #ffffffb3;background:#14202470;font:400 22px/1.25 FuturaBT-Bold,Arial,sans-serif;text-decoration:none}
#main-content .fresh-about-scroll .story-link span{font:32px/1 Arial,sans-serif}
#main-content .fresh-about-scroll .story-link:hover{background:#ffffff1f;text-decoration:none;border-color:#fff}
@media (max-width:767px){#main-content .fresh-about-scroll .story-link{width:100%;font-size:20px;gap:20px;padding:16px 20px}}
#main-content .fresh-about-scroll .story-link,#main-content .fresh-about-scroll .scroll-cue{color:#fff}
#main-content .fresh-about-capabilities{padding-top:48px;padding-bottom:24px}
@media(max-width:767px){#main-content .fresh-about-capabilities{padding-top:32px}}
@media(prefers-reduced-motion:reduce){html:has(.fresh-about-scroll){scroll-behavior:auto}}

/* Numbered chapters share one reading rhythm; the opening keeps its generous lead-in. */
#main-content .fresh-about-scroll .story-scene:not(.opening) .eyebrow{margin-bottom:16px}
#main-content .fresh-about-scroll .story-scene:not(.opening) .story-copy h2{margin-bottom:16px}
@media(min-width:768px){
 #main-content .fresh-about-scroll #our-story .story-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(min-width:768px) and (max-width:991px){#main-content .fresh-about-scroll .stat-value{font-size:60px}}