.standard-page-content { width: 100vw; max-width: none; margin: 0; padding: 0; }
.about-page { width: 100%; margin: 0; padding: 0; }
.about-hero { display: grid; width: 100%; min-height: 315px; place-items: center; padding: 45px 20px; background: linear-gradient(115deg, #087ff5 0%, #086cc5 100%); box-shadow: inset 0 10px 18px rgb(0 42 100 / 12%); text-align: center; }
.about-hero h1 { margin: 0; color: #fff; font-family: 'DM Sans', system-ui, sans-serif; font-size: clamp(3.2rem, 5vw, 4.5rem); font-weight: 800; letter-spacing: -.025em; line-height: 1.05; }
.about-who { width: 100%; padding: 55px 20px 68px; border-bottom: 7px solid #087ff5; background: #fff; }
.about-who__inner { display: grid; width: min(100%, 1160px); margin: 0 auto; align-items: center; grid-template-columns: 1fr 1fr; gap: 54px; }
.about-who__eyebrow { display: flex; align-items: center; gap: 42px; margin: 0 0 9px; color: #0873aa; font-size: .96rem; font-weight: 800; letter-spacing: .13em; line-height: 1.2; text-transform: uppercase; }
.about-who__eyebrow span { display: block; width: 57px; height: 1px; background: #087ff5; }
.about-who h2 { max-width: 570px; margin: 0 0 23px; color: #202020; font-family: 'DM Sans', system-ui, sans-serif; font-size: clamp(2.35rem, 3.3vw, 3.15rem); font-weight: 700; line-height: .98; }
.about-who__copy > p:not(.about-who__eyebrow) { margin: 0 0 15px; color: #3f4a54; font-size: .9rem; line-height: 1.75; }
.about-who__copy > p:last-child { margin-bottom: 0; }
.about-who__image { height: 430px; margin: 0; overflow: hidden; }
.about-who__image img { width: 100%; height: 100%; object-fit: cover; }
.about-statements { width: 100%; padding: 130px 20px 120px; background: #f5f5f5; }
.about-statements__inner { display: grid; width: min(100%, 1160px); margin: 0 auto; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.about-statement { display: flex; min-height: 225px; align-items: center; justify-content: center; flex-direction: column; padding: 42px 55px; border-bottom: 7px solid #087ff5; background: #fff; text-align: center; }
.about-statement h2 { margin: 0 0 24px; color: #111; font-family: 'DM Sans', system-ui, sans-serif; font-size: 1.55rem; font-weight: 800; letter-spacing: .055em; line-height: 1.25; }
.about-statement p { max-width: 490px; margin: 0; color: #262626; font-size: .92rem; line-height: 1.65; }
.about-team { width: 100%; padding: 48px 20px 55px; background: #fff; }
.about-team__inner { width: min(100%, 1180px); margin: 0 auto; }
.about-team__intro { max-width: 1160px; margin: 0 auto 80px; color: #65717c; font-size: .88rem; line-height: 1.8; text-align: center; }
.about-team__intro strong { color: #4b555e; font-weight: 800; }
.about-team__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px; }
.team-profile { text-align: center; }
.team-profile img { display: block; width: 100%; height: 490px; border-radius: 74px 0 74px 0; filter: grayscale(1); object-fit: cover; object-position: center top; transition: filter .35s ease, transform .35s ease; }
.team-profile:hover img, .team-profile:focus-within img { filter: grayscale(0); transform: scale(1.015); }
.team-profile h2 { margin: 18px 0 10px; color: #202020; font-family: 'DM Sans', system-ui, sans-serif; font-size: 1.35rem; font-weight: 500; letter-spacing: .04em; line-height: 1.25; }
.team-profile p { max-width: 340px; margin: 0 auto; color: #c6c9ce; font-size: .82rem; line-height: 1.5; }
.team-profile .team-profile__role { color: #c9cbd0; }
.team-profile > span { display: block; width: 72px; height: 1px; margin: 9px auto 8px; background: #7ab95a; }
.about-certificate { width: 100%; padding: 34px 20px 32px; background: #087ff5; color: #fff; }
.about-certificate__inner { display: grid; width: min(100%, 1160px); margin: 0 auto; align-items: center; grid-template-columns: .95fr 1.05fr; gap: 70px; }
.about-certificate__copy h2 { margin: 0 0 22px; color: #fff; font-family: 'DM Sans', system-ui, sans-serif; font-size: clamp(2.5rem, 4vw, 3.25rem); font-weight: 700; letter-spacing: -.02em; line-height: .95; }
.about-certificate__copy p { max-width: 560px; margin: 0 0 17px; color: #fff; font-size: .94rem; line-height: 1.55; }
.about-certificate__copy p:last-child { margin-bottom: 0; }
.about-certificate__image { display: block; overflow: hidden; background: #fff; box-shadow: 0 5px 12px rgb(0 35 90 / 38%); }
.about-certificate__image img { display: block; width: 100%; height: auto; transition: transform .3s ease; }
.about-certificate__image:hover img { transform: scale(1.012); }
.about-beliefs { width: 100%; padding: 42px 20px 75px; background: #fff; }
.about-beliefs__inner { width: min(100%, 1180px); margin: 0 auto; }
.about-beliefs__header { margin-bottom: 55px; }
.about-beliefs__header h2 { margin: 0; color: #202020; font-family: 'DM Sans', system-ui, sans-serif; font-size: clamp(2.5rem, 4vw, 3.2rem); font-weight: 700; line-height: 1.15; }
.about-beliefs__header span { display: block; width: 90px; height: 1px; margin-top: 20px; background: #087ff5; }
.beliefs-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.belief-flip { min-height: 275px; outline: none; perspective: 1200px; }
.belief-flip__inner { position: relative; width: 100%; height: 100%; min-height: inherit; transform-style: preserve-3d; transition: transform .65s cubic-bezier(.2,.72,.25,1); }
.belief-flip:hover .belief-flip__inner, .belief-flip:focus .belief-flip__inner, .belief-flip:focus-within .belief-flip__inner { transform: rotateY(180deg); }
.belief-flip__face { position: absolute; display: flex; inset: 0; align-items: center; justify-content: center; flex-direction: column; padding: 38px 42px; border-bottom: 4px solid #087ff5; backface-visibility: hidden; -webkit-backface-visibility: hidden; }
.belief-flip__front { background: #f7f9fb; color: #252525; text-align: center; }
.belief-flip__front i { margin-bottom: 22px; color: #087ff5; font-size: 2.25rem; }
.belief-flip__face h3 { margin: 0; font-family: 'DM Sans', system-ui, sans-serif; font-size: clamp(1.25rem, 2vw, 1.55rem); font-weight: 800; letter-spacing: .03em; line-height: 1.3; }
.belief-flip__front > span { margin-top: 22px; color: #75818c; font-size: .72rem; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
.belief-flip__back { background: #087ff5; color: #fff; text-align: left; transform: rotateY(180deg); }
.belief-flip__back h3 { width: 100%; margin-bottom: 18px; color: #fff; }
.belief-flip__back p { margin: 0; color: #fff; font-size: .9rem; line-height: 1.7; }
.belief-flip:nth-child(even) .belief-flip__face { border-bottom-color: #e4ae24; }
.site-header + .standard-page-content { margin-top: 0; padding-top: 0; }
.page-hero--split { position: relative; left: 0; display: grid; width: 100vw; max-width: none; min-height: clamp(590px, 70vh, 760px); margin: 0; padding: 0; grid-template-columns: 1fr 1fr; overflow: hidden; background: #f7eee6; }
.page-hero__copy { position: relative; display: flex; align-items: center; overflow: hidden; background: #f7eee6; color: var(--green-950); }
.page-hero__copy-inner { position: relative; z-index: 2; width: min(100% - 70px, 680px); margin-left: max(35px, calc((100vw - 1500px) / 2)); padding: 70px 0 90px; animation: splitHeroCopy .8s .12s ease-out both; }
.page-hero__eyebrow { display: flex; align-items: center; gap: 13px; margin: 0 0 26px; color: #14745b; font-size: .76rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.page-hero__eyebrow span { width: 39px; height: 2px; background: var(--gold); }
.page-hero h1 { max-width: 700px; margin: 0; color: var(--green-950) !important; font-family: 'Playfair Display', Georgia, serif; font-size: clamp(4rem, 6.6vw, 7rem); letter-spacing: -.055em; line-height: .92; text-wrap: balance; }
.page-hero__summary { max-width: 650px; margin: 34px 0 0; color: #334c44; font-size: clamp(1.02rem, 1.4vw, 1.22rem); line-height: 1.7; }
.page-hero__meta { display: flex; align-items: center; gap: 12px; margin-top: 39px; color: #677b74; font-size: .67rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.page-hero__meta span { display: grid; width: 35px; height: 35px; place-items: center; border: 1px solid rgb(13 53 43 / 28%); border-radius: 50%; color: var(--green-800); font-family: 'Playfair Display', Georgia, serif; font-size: .85rem; letter-spacing: 0; }
.page-hero__rings { position: absolute; z-index: 1; left: -165px; bottom: -190px; width: 355px; height: 355px; border: 47px solid rgb(225 182 87 / 42%); border-radius: 50%; }
.page-hero__rings::after { content: ''; position: absolute; inset: 37px; border: 2px solid rgb(21 123 93 / 20%); border-radius: inherit; }
.page-hero__visual { position: relative; min-width: 0; min-height: inherit; overflow: hidden; background: var(--green-900); }
.page-hero__image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; animation: splitHeroImage 1.1s ease-out both, splitHeroDrift 18s 1.1s ease-in-out infinite alternate; }
.page-hero__visual-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgb(7 38 29 / 12%), transparent 35%); pointer-events: none; }

@keyframes splitHeroCopy { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } }
@keyframes splitHeroImage { from { opacity: 0; transform: scale(1.07); } to { opacity: 1; transform: scale(1.02); } }
@keyframes splitHeroDrift { from { transform: scale(1.02) translateX(0); } to { transform: scale(1.07) translateX(-.7%); } }

@media (max-width: 980px) {
	.page-hero--split { min-height: 680px; grid-template-columns: 53% 47%; }
	.page-hero__copy-inner { width: calc(100% - 50px); margin-left: 28px; }
	.page-hero h1 { font-size: clamp(3.6rem, 8vw, 5.3rem); }
	.page-hero__summary { font-size: 1rem; }
}

@media (max-width: 700px) {
	.about-hero { min-height: 220px; }
	.about-hero h1 { font-size: clamp(2.65rem, 13vw, 3.5rem); }
	.about-who { padding: 45px 20px 50px; }
	.about-who__inner { grid-template-columns: 1fr; gap: 32px; }
	.about-who__eyebrow { gap: 18px; }
	.about-who h2 { font-size: 2.3rem; line-height: 1.05; }
	.about-who__image { height: auto; aspect-ratio: 4 / 3; }
	.about-statements { padding: 65px 20px; }
	.about-statements__inner { grid-template-columns: 1fr; gap: 18px; }
	.about-statement { min-height: 215px; padding: 36px 25px; }
	.about-team { padding: 45px 20px 55px; }
	.about-team__intro { margin-bottom: 45px; }
	.about-team__grid { grid-template-columns: 1fr; gap: 42px; }
	.team-profile { max-width: 430px; margin: 0 auto; }
	.team-profile img { height: auto; aspect-ratio: 3 / 4; }
	.about-certificate { padding: 55px 20px; }
	.about-certificate__inner { grid-template-columns: 1fr; gap: 35px; }
	.about-certificate__copy h2 { font-size: 2.5rem; }
	.about-beliefs { padding: 50px 20px 60px; }
	.about-beliefs__header { margin-bottom: 35px; }
	.beliefs-grid { grid-template-columns: 1fr; }
	.belief-flip { min-height: 310px; }
	.belief-flip__face { padding: 32px 25px; }
	.page-hero--split { min-height: 0; grid-template-columns: 1fr; }
	.page-hero__copy { min-height: 500px; }
	.page-hero__copy-inner { width: min(calc(100% - 38px), 620px); margin: 0 auto; padding: 67px 0 88px; }
	.page-hero h1 { font-size: clamp(3.4rem, 15vw, 5rem); }
	.page-hero__summary { margin-top: 25px; line-height: 1.58; }
	.page-hero__meta { margin-top: 29px; }
	.page-hero__visual { min-height: 390px; }
	.page-hero__image { position: absolute; object-position: center; }
	.page-hero__visual-shade { background: linear-gradient(180deg, rgb(7 38 29 / 10%), transparent 30%); }
}

@media (max-width: 420px) {
	.page-hero__copy { min-height: 480px; }
	.page-hero h1 { font-size: 3.2rem; }
	.page-hero__eyebrow { font-size: .68rem; letter-spacing: .11em; }
	.page-hero__rings { left: -205px; }
	.page-hero__visual { min-height: 310px; }
}

@media (prefers-reduced-motion: reduce) {
	.page-hero__copy-inner, .page-hero__image { animation: none; }
	.belief-flip__inner { transition: none; }
}