body.about-page{background:#fff;color:#202723}
.about-page .brand{color:#fff}
.about-page .site-header .brand__eye--dark{opacity:0!important}
.about-page .site-header .brand__eye--light{opacity:1!important}
.about-page.past-about-hero .brand{color:#202723}
.about-page.past-about-hero .site-header .brand__eye--dark{opacity:1!important}
.about-page.past-about-hero .site-header .brand__eye--light{opacity:0!important}
.about-hero{position:relative;isolation:isolate;min-height:100svh;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(155px,20vh,210px) max(24px,6vw) 40px;color:#fff;background:#123b54}
.about-hero-image{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center}
.about-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(6,20,29,.24),rgba(6,20,29,.12) 52%,rgba(6,20,29,.72))}
.about-hero-copy{width:100%;max-width:1040px;margin:0 auto;text-align:center}
.about-eyebrow{font:italic 29px/1.3 'Instrument Serif',serif;color:#fff;margin:0 0 22px}
.about-hero h1{font:400 clamp(44px,5.8vw,88px)/1.19 'Anton',sans-serif;text-transform:uppercase;letter-spacing:0;max-width:1000px;margin:0 auto;text-wrap:balance}
.about-principles{width:100%;max-width:1280px;margin:80px auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,4vw,60px)}
.principle-panel{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;justify-items:center;text-align:center;gap:9px;color:inherit;text-decoration:none;padding:20px 0 5px;border:0;min-width:0}
.about-verb{font:italic clamp(32px,4.8vw,70px)/1.15 'Instrument Serif',serif;transition:color .25s,text-shadow .25s}
.about-role{grid-column:1;grid-row:2;font:400 13px/1.5 'Instrument Sans',sans-serif}

.principle-panel:hover .about-verb{color:#fff4d8;text-shadow:0 0 22px #f5e3b070}.about-role{transition:color .25s,text-shadow .25s}.principle-panel:hover .about-role{color:#fff4d8;text-shadow:0 0 16px #f5e3b050}

.about-introduction{display:grid;grid-template-columns:1.35fr 1fr;gap:clamp(30px,6vw,85px);max-width:1440px;margin:0 auto;padding:56px max(24px,6vw)}
.about-introduction p{font:400 16px/1.8 'Instrument Sans',sans-serif;margin:0;max-width:650px}
.about-introduction p:last-child{color:#5c6056}
@media(max-width:750px){.about-hero{padding-top:165px;padding-bottom:30px}.about-hero h1{font-size:clamp(37px,7.5vw,56px)}.about-eyebrow{font-size:25px}.about-introduction{grid-template-columns:1fr;gap:22px;padding-block:40px}.about-principles{gap:15px;margin-top:100px}.about-verb{font-size:clamp(26px,6vw,40px)}.about-role{font-size:11px}.about-hero-image{object-position:60% center}}
@media(prefers-reduced-motion:reduce){.about-role,.about-verb{transition:none}}