/* About-page composition based on the supplied desktop reference. */
.about-page { background: #fbfdff; }
.about-page .site-header--light { position: relative; background: #fff; color: var(--color-ink); }
.about-page .site-header__inner { min-height: 5rem; }
.about-page .site-header--light .nav-toggle { color: var(--color-ink); border-color: var(--color-border); }
.about-page .button--primary,.about-page .header-cta { border-radius: 999px; background: linear-gradient(100deg,#0085ff,#0063c8); }
.about-page .eyebrow { margin-bottom: 1rem; font-size: .76rem; font-weight: 500; letter-spacing: .17em; }
.about-page .eyebrow::after { content: ''; display: block; width: 2.2rem; height: 3px; margin-top: .5rem; border-radius: 2px; background: linear-gradient(90deg,#087cf0,#11d7dc); }
.about-hero { position: relative; isolation: isolate; overflow: hidden; background: #edf6ff; }
.about-hero__image { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; object-position: center 57%; }
.about-hero::after { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(100deg,#eff7ff 0%,#eff7fff5 30%,#eff7ffce 39%,transparent 65%,#00152cbb 100%); }
.about-hero__content { padding-block: 1.8rem; }
.about-hero h1 { max-width: 16ch; margin-bottom: .85rem; font-size: clamp(2.25rem,3.4vw,3.2rem); letter-spacing: -.045em; line-height: 1.02; }
.about-hero__content > p:not(.eyebrow) { max-width: 29rem; margin-bottom: 1rem; font-size: 1rem; line-height: 1.3; }
.about-hero .button { font-size: .86rem; min-height: 2.85rem; }
.about-hero__statement { position: absolute; right: max(2rem,calc((100vw - 1200px)/2)); bottom: 1.7rem; margin: 0; color: white; font-size: .88rem; line-height: 1.65; letter-spacing: .17em; text-transform: uppercase; }
.about-hero__statement::after { content: ''; display: block; width: 2.5rem; height: 3px; background: #087cf0; margin-top: 1rem; }
.about-history { padding-block: 1.8rem; }
.about-history .about-split { display: grid; grid-template-columns: 1.08fr 1fr .55fr; align-items: center; gap: 2.5rem; }
.about-history__visual { position: relative; align-self: stretch; min-height: 19rem; overflow: hidden; border-radius: .85rem; }
.about-history__visual .about-image { width: 100%; height: 100%; object-fit: cover; }
.about-history__visual::after { content: ''; position: absolute; inset: 45% 0 0; background: linear-gradient(transparent,#00162bcc); }
.about-history__caption { position: absolute; z-index: 1; bottom: 1rem; left: 1.2rem; margin: 0; color: white; font-size: 1.15rem; font-weight: 600; line-height: 1.12; }
.about-history__caption::before { content: ''; display: block; width: 1.8rem; height: 3px; background: #00acff; margin-bottom: .7rem; }
.about-history h2 { font-size: clamp(1.55rem,2.15vw,2rem); letter-spacing: -.035em; margin-bottom: .9rem; }
.about-history .about-split > div > p:not(.eyebrow):not(.about-history__caption) { font-size: .83rem; line-height: 1.3; margin-bottom: .75rem; }
.about-history p a { color: var(--color-blue-600); text-underline-offset: .15em; }
.about-quote { margin: 0; padding: 1.5rem 1.2rem; border-radius: .85rem; background: #edf6ff; }
.about-quote::before { content: '“'; display: block; height: 2rem; font-size: 3.5rem; color: #087cf0; font-weight: 800; line-height: 1; }
.about-quote blockquote { margin: .6rem 0 1.8rem; color: var(--color-ink); font-size: .96rem; line-height: 1.25; }
.about-quote figcaption { display: grid; font-size: .78rem; }
.about-quote figcaption span { color: var(--color-text); }
.about-values { padding-block: 1.8rem; background: #edf6ff; }
.about-values > .container { display: grid; grid-template-columns: 1fr 4fr; gap: 1.5rem; align-items: center; }
.about-heading { margin: 0; text-align: left; }
.about-heading h2 { max-width: 10ch; font-size: clamp(1.8rem,2.6vw,2.4rem); letter-spacing: -.035em; margin: 0; }
.about-values__grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1rem; }
.about-value { padding: .9rem .7rem; border: 0; border-radius: .75rem; box-shadow: none; background: #ffffffd9; }
.about-value > img { width: 4.8rem; height: 3.6rem; object-fit: contain; margin: 0 auto .55rem; }
.about-value h3 { font-size: .92rem; letter-spacing: -.035em; margin-bottom: .45rem; }
.about-value p { font-size: .88rem; line-height: 1.25; margin: 0; }
.about-mission { position: relative; isolation: isolate; overflow: hidden; padding-block: 2.4rem; background: #032139; color: white; }
.about-mission > .about-image { position: absolute; z-index: -2; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 58%; }
.about-mission::after { content: ''; position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg,#001b3055,#001b30f2 25%,#001b30f5 80%,#001b30c9); }
.about-mission__grid { display: grid; grid-template-columns: 1.05fr 1.3fr .4fr; gap: 2.5rem; padding-left: 14rem; align-items: center; }
.about-mission h2 { margin: 0; color: white; font-size: 1.65rem; letter-spacing: -.04em; }
.about-mission .eyebrow { color: white; }
.about-mission__grid > p { margin: 0; border-left: 1px solid #b3c9db; padding: 1.5rem 0 1.5rem 2.5rem; font-size: .9rem; line-height: 1.4; }
.about-signature { margin: 0; padding: 0; list-style: none; font-size: .72rem; letter-spacing: .2em; line-height: 1.9; text-transform: uppercase; }
.about-signature::after { content: ''; display: block; width: 2.5rem; height: 3px; margin-top: 1rem; background: #0085ff; }
.about-page-trail { padding-block: 1rem; }
.about-breadcrumb { font-size: .8rem; }
.about-breadcrumb ol { display: flex; flex-wrap: wrap; gap: .6rem; margin: 0; padding: 0; list-style: none; }
.about-breadcrumb li + li::before { content: '/'; margin-right: .6rem; }
@media(max-width:64rem) {
 .about-page .site-nav { color: white; }
 .about-history .about-split { grid-template-columns: 1fr 1fr; gap: 1.5rem; }
 .about-quote { grid-column: 1/-1; }
 .about-quote blockquote { margin-bottom: 1rem; }
 .about-values > .container { grid-template-columns: 1fr; }
 .about-heading h2 { max-width: none; }
 .about-mission__grid { padding-left: 5rem; gap: 1.5rem; }
 .about-mission__grid > p { padding-left: 1.5rem; }
}
@media(max-width:48rem) {
 .about-hero__statement { display: none; }
 .about-hero::after { display: none; }
 .about-hero__image { position: relative; height: auto; object-fit: contain; }
 .about-hero__content > p:not(.eyebrow) { max-width: none; line-height: 1.5; }
 .about-hero h1 { font-size: clamp(2.3rem,7vw,3rem); }
 .about-history .about-split { grid-template-columns: 1fr; }
 .about-history__visual { min-height: 0; aspect-ratio: 1.5; }
 .about-quote { grid-column: auto; }
 .about-values__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .about-mission__grid { grid-template-columns: 1fr; padding-left: 0; }
 .about-mission__grid > p { border-left: 0; border-top: 1px solid #b3c9db; padding: 1.5rem 0 0; }
 .about-signature { display: flex; flex-wrap: wrap; gap: 1rem; }
 .about-signature::after { display: none; }
}
@media(max-width:36rem) {
 .about-values__grid { grid-template-columns: 1fr; }
 .about-hero .button { width: 100%; }
}