/* One panoramic opening, then section navigation and readable editorial content. */
.ag-about-page .page-title{min-height:420px;min-height:clamp(330px,37vw,470px);padding-top:70px;padding-bottom:52px;background:linear-gradient(90deg,rgba(8,27,40,.68),rgba(8,27,40,.08) 78%),url('assets/customer-visuals/about-port.jpg') center 52%/cover;color:#fff}
.ag-about-page .page-title h1{font-size:clamp(38px,4.5vw,62px);line-height:1.12;max-width:20ch}
.ag-about-page .article-body{max-width:1440px;padding-top:0}
.ag-about-page .ag-about-nav{margin:0 0 38px;padding:12px 0;gap:0 26px;border-bottom:1px solid #e6e7e6}
.ag-about-page .ag-about-nav a{font-size:13px;padding:15px 0;color:#394e5b}
.ag-about-page .ag-about-intro p{font-size:clamp(21px,2.1vw,28px);line-height:1.5;max-width:60ch;margin:0 0 40px}
.ag-about-page .ag-about-section{grid-template-columns:minmax(180px,240px) minmax(0,1fr);gap:clamp(30px,5vw,76px);padding:44px 0}
.ag-about-page .ag-about-section>h2{font-size:25px;color:#142e41}
.ag-about-page .ag-about-section__body>p{font-size:16px;line-height:1.85;max-width:90ch}
.ag-about-page .ag-about-section__body li{font-size:16px;line-height:1.8}
@media(max-width:760px){.ag-about-page .page-title{min-height:290px;padding:60px 26px 34px;background-position:60% center}.ag-about-page .page-title h1{font-size:38px}.ag-about-page .ag-about-nav{flex-wrap:nowrap;overflow-x:auto;gap:24px;margin-bottom:28px}.ag-about-page .ag-about-nav a{flex:none;white-space:nowrap}.ag-about-page .ag-about-section{grid-template-columns:1fr;gap:20px;padding:30px 0}.ag-about-page .ag-about-intro p{font-size:22px;margin-bottom:30px}}