/* Inner page — About Us (Poseidon layout) */
.page-hero{
  position:relative;
  min-height:280px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#fff;
  background:#0a1a2e center/cover no-repeat;
}
.page-hero::before{
  content:'';
  position:absolute;
  inset:0;
  background:rgba(10,26,46,.55);
}
.page-hero .inner{position:relative;z-index:2;padding:60px 20px;}
.page-hero h1{
  font-family:'Montserrat',sans-serif;
  font-size:clamp(32px,5vw,48px);
  font-weight:800;
  margin-bottom:8px;
  text-shadow:0 2px 12px rgba(0,0,0,.4);
}
.page-hero .breadcrumb{
  font-size:12px;
  letter-spacing:2px;
  text-transform:uppercase;
  color:var(--accent);
  font-family:'Montserrat',sans-serif;
  font-weight:700;
}
.page-hero .breadcrumb a{color:var(--accent);}
.page-hero .breadcrumb span{color:rgba(255,255,255,.5);margin:0 8px;}

.page-intro{padding:80px 20px;background:#fff;}
.page-intro .wrap{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}
.page-intro .text h2{
  font-family:'Montserrat',sans-serif;
  font-size:28px;font-weight:800;color:#1a2e4a;margin-bottom:20px;line-height:1.3;
}
.page-intro .text p{color:var(--muted);line-height:1.85;margin-bottom:16px;font-size:14px;}
.page-intro .media img{width:100%;height:380px;object-fit:cover;border-radius:4px;box-shadow:0 8px 28px rgba(0,0,0,.12);}

.stats-strip{background:var(--navy);padding:50px 20px;}
.stats-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:30px;text-align:center;}
.stat-item{color:#fff;padding:20px;}
.stat-item .num{
  font-family:'Montserrat',sans-serif;font-size:42px;font-weight:800;color:var(--accent);line-height:1;margin-bottom:8px;
}
.stat-item .label{
  font-family:'Montserrat',sans-serif;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;line-height:1.5;
}
.stat-item .sub{font-size:12px;color:rgba(255,255,255,.55);margin-top:6px;}

.story-section{padding:80px 20px;background:var(--light);}
.story-wrap{max-width:1200px;margin:0 auto;}
.story-wrap .section-head{text-align:center;margin-bottom:48px;}
.story-wrap .section-head .eyebrow{
  font-family:'Montserrat',sans-serif;font-size:11px;font-weight:700;color:var(--blue);
  letter-spacing:3px;text-transform:uppercase;margin-bottom:10px;
}
.story-wrap .section-head h2{
  font-family:'Montserrat',sans-serif;font-size:30px;font-weight:800;color:#1a2e4a;margin-bottom:12px;
}
.story-wrap .section-head h3{
  font-family:'Montserrat',sans-serif;font-size:16px;font-weight:600;color:var(--muted);
}
.story-content{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start;}
.story-content p{color:var(--muted);line-height:1.85;margin-bottom:16px;font-size:14px;}

.timeline-section{padding:80px 20px;background:#fff;}
.timeline-wrap{max-width:900px;margin:0 auto;}
.timeline-wrap h2{
  font-family:'Montserrat',sans-serif;font-size:28px;font-weight:800;color:#1a2e4a;
  text-align:center;margin-bottom:48px;
}
.timeline{position:relative;padding-left:40px;border-left:3px solid var(--blue);}
.timeline::before{
  content:'';position:absolute;left:-8px;top:0;width:13px;height:13px;
  background:var(--accent);border-radius:50%;
}
.tl-item{position:relative;padding-bottom:36px;padding-left:24px;}
.tl-item::before{
  content:'';position:absolute;left:-49px;top:4px;width:11px;height:11px;
  background:var(--blue);border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 2px var(--blue);
}
.tl-item:last-child{padding-bottom:0;}
.tl-year{
  font-family:'Montserrat',sans-serif;font-size:22px;font-weight:800;color:var(--blue);margin-bottom:6px;
}
.tl-title{
  font-family:'Montserrat',sans-serif;font-size:15px;font-weight:700;color:#1a2e4a;margin-bottom:6px;
}
.tl-item p{color:var(--muted);font-size:13px;line-height:1.75;}

.ports-section{padding:70px 20px;background:var(--light);}
.ports-wrap{max-width:1200px;margin:0 auto;}
.ports-wrap h2{
  font-family:'Montserrat',sans-serif;font-size:26px;font-weight:800;color:#1a2e4a;
  text-align:center;margin-bottom:12px;
}
.ports-wrap>.sub{text-align:center;color:var(--muted);font-size:14px;margin-bottom:32px;max-width:720px;margin-left:auto;margin-right:auto;line-height:1.8;}
.port-pills{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;}
.port-pill{
  background:#fff;padding:10px 18px;border-radius:3px;font-size:12px;font-weight:600;
  font-family:'Montserrat',sans-serif;color:#1a2e4a;box-shadow:0 2px 8px rgba(0,0,0,.06);
  transition:all .2s;
}
.port-pill:hover{background:var(--blue);color:#fff;}

.nav-item.active>a,.submenu a.active{color:var(--blue);}

@media(max-width:960px){
  .page-intro .wrap,.story-content{grid-template-columns:1fr;}
  .stats-grid{grid-template-columns:1fr;}
  .page-intro .media img{height:280px;}
}