/* About-page additions. Load after the unchanged shared CSS files. */
.about-page .about-hero{min-height:690px;background:linear-gradient(90deg,#102638f2,#102638b8 52%,#10263820),url('../images/about/about-hero.webp') center/cover,var(--navy-deep)}
.about-page .hero-content{padding-top:130px;padding-bottom:50px}
.about-page .about-breadcrumb{font-size:13px;margin-bottom:22px}
.about-page .about-breadcrumb a:hover{text-decoration:underline}
.about-page h1{text-transform:none;font-size:clamp(42px,5vw,70px)}
.about-page .about-headline{font-size:clamp(26px,3vw,40px);line-height:1.14;max-width:640px;margin-top:16px}
.about-page .about-intro{max-width:630px;margin-top:24px}
.about-page .section{padding:45px 0}
.about-page .split>img{width:100%;height:auto;aspect-ratio:1.45}
.about-page .about-focus{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}
.about-page .about-focus article{border:1px solid var(--line);display:flex;flex-direction:column;min-width:0}
.about-page .about-focus img{width:100%;height:auto;aspect-ratio:2.4}
.about-page .about-focus-copy{padding:22px;display:flex;flex-direction:column;flex:1}
.about-page .about-focus h3{font-size:30px;margin-bottom:12px}
.about-page .about-focus h4{font-size:18px;line-height:1.4;margin:0 0 14px;font-weight:normal}
.about-page .about-focus p{font-size:16px}
.about-page .about-focus .actions{margin-top:auto;padding-top:24px;gap:12px}
.about-page .about-focus .button{font-size:13px;padding:10px 14px;gap:12px}
.about-page .about-focus .button-outline{color:var(--ink)}
.about-page .about-industry-intro{max-width:1000px}
.about-page .about-industries{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}
.about-page .about-industries figure{margin:0;background:var(--navy-deep);color:var(--ivory)}
.about-page .about-industries img{width:100%;height:auto;aspect-ratio:1.85}
.about-page .about-industries figcaption{padding:16px 20px;font-size:23px;border-bottom:2px solid var(--gold)}
.about-page .about-principles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.about-page .about-principles article+article{border-left:1px solid var(--line);padding-left:24px}
.about-page .about-number{font-size:36px;color:#946a2f}
.about-page .about-principles h3{font-size:24px;margin:15px 0 12px}
.about-page .about-principles p{font-size:16px}
.about-page .about-process{list-style:none;padding:0;margin:28px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.about-page .about-process li{display:flex;align-items:center;gap:16px;border-top:1px solid var(--line);padding-top:18px}
.about-page .about-process span{font-size:34px;color:#946a2f}
.about-page .about-closing{padding:50px 0;background:linear-gradient(#102638b8,#102638db),url('../images/about/about-closing-refinery.webp') center/cover,var(--navy-deep)}
.about-page .about-closing p{max-width:900px;margin-inline:auto}
.about-page .site-header [aria-current=page]{color:var(--gold);text-decoration:underline;text-underline-offset:8px}
@media(max-width:1000px){.about-page .about-principles,.about-page .about-process{grid-template-columns:repeat(2,minmax(0,1fr))}.about-page .about-principles article+article{border-left:0;padding-left:0}}
@media(max-width:760px){.about-page .about-hero{min-height:auto}.about-page .hero-content{padding-top:180px}.about-page .about-focus{grid-template-columns:1fr}.about-page .about-industries{grid-template-columns:1fr}.about-page .about-industries img{aspect-ratio:2.4}.about-page .section{padding:35px 0}}
@media(max-width:440px){.about-page .about-principles,.about-page .about-process{grid-template-columns:1fr}.about-page .about-focus-copy{padding:18px}}