/* COASTAL POLYTECHNIC - PROFESSIONAL ABOUT PAGE */
.cp-about{
 --about-navy:#061525;--about-blue:#0969e8;--about-cyan:#43c4ff;
 --about-text:#152438;--about-muted:#6b7787;--about-light:#f5f7fa;
 --about-border:#e4e9ef;background:#fff;color:var(--about-text);
 font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif;overflow:hidden
}
.cp-about *{box-sizing:border-box}.cp-about a{text-decoration:none}

/* HERO */
.about-pro-hero{position:relative;min-height:570px;display:flex;align-items:center;color:#fff;background:var(--about-navy);overflow:hidden}
.about-pro-hero-image{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,14,27,.97),rgba(4,24,42,.87) 50%,rgba(4,24,42,.55)),url("../Image/mission.png") center/cover no-repeat}
.about-pro-hero:before{content:"";position:absolute;width:560px;height:560px;border:1px solid rgba(255,255,255,.1);border-radius:50%;right:-220px;top:-210px;box-shadow:0 0 0 80px rgba(255,255,255,.025),0 0 0 160px rgba(255,255,255,.018)}
.about-pro-hero .container{position:relative;z-index:2;width:100%}
.about-pro-hero-content{max-width:780px;padding:105px 0 80px}
.about-pro-eyebrow{display:flex;align-items:center;gap:11px;color:#a9e5ff;font-size:11px;font-weight:800;letter-spacing:2.1px;margin-bottom:19px}
.about-pro-eyebrow span{width:31px;height:2px;background:var(--about-cyan)}
.about-pro-hero h1{margin:0 0 23px;color:#fff;font-size:clamp(45px,6vw,76px);line-height:.98;letter-spacing:-3.5px;font-weight:850}
.about-pro-hero h1 em{color:#42c3ff;font-style:normal}
.about-pro-hero-content>p{max-width:650px;color:#c9d5e1;font-size:16px;line-height:1.85;margin:0 0 31px}
.about-pro-hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.about-pro-btn{min-height:51px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:0 22px;border-radius:4px;font-size:11px;font-weight:800;transition:.25s ease}
.about-pro-btn-primary{background:var(--about-blue);color:#fff!important;box-shadow:0 12px 30px rgba(9,105,232,.25)}
.about-pro-btn-primary:hover{background:#247ff0;transform:translateY(-2px)}
.about-pro-btn-outline{color:#fff!important;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.05)}
.about-pro-btn-outline:hover{color:var(--about-navy)!important;background:#fff}
.about-pro-hero-bottom{position:absolute;left:0;right:0;bottom:25px;display:flex;justify-content:space-between;align-items:end;border-top:1px solid rgba(255,255,255,.15);padding-top:17px}
.about-pro-hero-bottom div{display:flex;align-items:center;gap:10px}.about-pro-hero-bottom strong{font-size:22px;letter-spacing:1px}.about-pro-hero-bottom span{color:#a9dfff;font-size:9px;letter-spacing:2px}.about-pro-hero-bottom p{margin:0;color:#aab8c6;font-size:10px;letter-spacing:1.2px;text-transform:uppercase}

/* BREADCRUMB */
.about-pro-breadcrumb{background:#fff;border-bottom:1px solid var(--about-border)}
.about-pro-breadcrumb .container{min-height:58px;display:flex;align-items:center;gap:13px;font-size:11px}
.about-pro-breadcrumb a{color:var(--about-blue)!important;font-weight:700}.about-pro-breadcrumb i{color:#b4bec8;font-size:9px}.about-pro-breadcrumb span{color:var(--about-muted)}

/* COMMON */
.about-pro-who,.about-pro-story{padding:100px 0}
.about-pro-section-intro{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;margin-bottom:62px}
.about-pro-label{display:inline-flex;align-items:center;gap:9px;color:var(--about-blue);font-size:10px;font-weight:850;letter-spacing:1.9px;text-transform:uppercase;margin-bottom:14px}
.about-pro-label:before{content:"";width:28px;height:2px;background:var(--about-blue)}
.about-pro-section-intro h2{max-width:680px;color:var(--about-navy);font-size:clamp(36px,4.5vw,55px);line-height:1.04;letter-spacing:-2.4px;margin:0}
.about-pro-section-intro h2 em,.about-pro-story-copy h2 em,.about-pro-values-heading h2 em{color:var(--about-blue);font-style:normal}
.about-pro-section-intro>p{max-width:540px;color:var(--about-muted);font-size:14px;line-height:1.9;margin:0}

/* WHO */
.about-pro-who-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:90px;align-items:center}
.about-pro-image-column{position:relative}.about-pro-main-image{position:relative;height:500px;overflow:hidden;background:#dfe6ec}
.about-pro-main-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,18,31,.35),transparent 50%)}
.about-pro-main-image img{width:100%;height:100%;display:block;object-fit:cover;object-position:center top}
.about-pro-image-tag{position:absolute;z-index:2;left:25px;bottom:24px;min-width:235px;padding:17px 19px;display:flex;align-items:center;gap:13px;color:#fff;background:var(--about-blue);box-shadow:0 15px 35px rgba(5,65,140,.25)}
.about-pro-image-tag strong{font-size:25px;letter-spacing:-1px}.about-pro-image-tag span{padding-left:13px;border-left:1px solid rgba(255,255,255,.35);font-size:8px;line-height:1.5;font-weight:800;letter-spacing:1px}
.about-pro-image-caption{position:absolute;width:220px;right:-48px;bottom:55px;padding:18px;background:#fff;border:1px solid var(--about-border);box-shadow:0 15px 35px rgba(5,20,35,.1)}
.about-pro-image-caption span{color:var(--about-blue);font-size:8px;font-weight:900;letter-spacing:1.5px}.about-pro-image-caption p{color:var(--about-text);font-size:10px;line-height:1.55;margin:7px 0 0}
.about-pro-who-content .about-pro-lead{color:var(--about-navy);font-size:19px;line-height:1.65;margin:0 0 20px}
.about-pro-who-content>p:not(.about-pro-lead){color:var(--about-muted);font-size:13px;line-height:1.85;margin:0 0 30px}
.about-pro-check-list{border-top:1px solid var(--about-border);margin-bottom:28px}.about-pro-check-list>div{display:flex;gap:14px;padding:17px 0;border-bottom:1px solid var(--about-border)}
.about-pro-check-list>div>span{width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;border-radius:50%;background:#eaf4ff;color:var(--about-blue);font-size:10px}
.about-pro-check-list strong{display:block;color:var(--about-navy);font-size:12px;margin-bottom:4px}.about-pro-check-list small{color:var(--about-muted);font-size:10px;line-height:1.5}
.about-pro-text-link{display:inline-flex;align-items:center;gap:10px;color:var(--about-blue)!important;font-size:11px;font-weight:850}

/* PILLARS */
.about-pro-pillars{padding:100px 0;background:var(--about-navy);color:#fff}
.about-pro-section-intro-light h2{color:#fff}.about-pro-section-intro-light>p{color:#aebdca}.about-pro-section-intro-light .about-pro-label{color:#9ddfff}.about-pro-section-intro-light .about-pro-label:before{background:var(--about-cyan)}
.about-pro-pillar-grid{display:grid;grid-template-columns:1.05fr 1fr 1fr}
.about-pro-pillar{min-height:355px;padding:30px;border:1px solid rgba(255,255,255,.12);border-right:0;background:rgba(255,255,255,.025)}
.about-pro-pillar:last-child{border-right:1px solid rgba(255,255,255,.12)}
.about-pro-pillar-featured{background:linear-gradient(145deg,#0d5fbe,#0b3c72);border-color:#1673dc}
.pillar-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:55px}.pillar-number{color:#80b9eb;font-size:10px;font-weight:800;letter-spacing:1px}.pillar-top i{color:#5ccaff;font-size:22px}
.pillar-kicker{display:block;color:#8bd9ff;font-size:9px;font-weight:900;letter-spacing:1.5px;margin-bottom:10px}
.about-pro-pillar h3{color:#fff;font-size:25px;line-height:1.2;letter-spacing:-.6px;margin:0 0 16px}.about-pro-pillar h3 em{color:#54c7ff;font-style:normal}
.about-pro-pillar p{color:#aebdca;font-size:11px;line-height:1.8;margin:0}.about-pro-pillar-featured p{color:#d3e4f2}

/* STATS */
.about-pro-stats{background:#fff;border-bottom:1px solid var(--about-border)}.about-pro-stats-grid{display:grid;grid-template-columns:repeat(5,1fr)}
.about-pro-stat{min-height:150px;display:flex;flex-direction:column;justify-content:center;padding:20px 24px;border-right:1px solid var(--about-border)}
.about-pro-stat:last-child{border-right:0}.about-pro-stat span{color:var(--about-blue);font-size:15px;margin-bottom:12px}.about-pro-stat strong{color:var(--about-navy);font-size:22px;letter-spacing:-.7px;margin-bottom:4px}.about-pro-stat small{color:var(--about-muted);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.8px}

/* STORY */
.about-pro-story{background:var(--about-light)}.about-pro-story-grid{display:grid;grid-template-columns:1.1fr .8fr .55fr;gap:40px;align-items:center}
.about-pro-story-copy h2{color:var(--about-navy);font-size:clamp(35px,4vw,51px);line-height:1.05;letter-spacing:-2.2px;margin:0 0 22px}
.about-pro-story-copy p{color:var(--about-muted);font-size:13px;line-height:1.85;margin:0 0 17px}.about-pro-story-copy .story-lead{color:var(--about-text);font-size:15px}
.about-pro-btn-dark{margin-top:14px;color:#fff!important;background:var(--about-navy)}.about-pro-btn-dark:hover{background:var(--about-blue);transform:translateY(-2px)}
.about-pro-story-visual{position:relative;padding:15px}.story-photo{height:410px;overflow:hidden;background:#dce4eb}.story-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:center top}
.story-year{position:absolute;left:-20px;bottom:0;width:180px;padding:19px;background:var(--about-blue);color:#fff;box-shadow:0 15px 35px rgba(5,65,140,.22)}
.story-year span{display:block;color:#a8e4ff;font-size:8px;font-weight:900;letter-spacing:1.5px}.story-year strong{display:block;font-size:19px;margin:3px 0 8px}.story-year small{color:#d9f3ff;font-size:8px}
.about-pro-philosophy{padding:30px;background:#fff;border:1px solid var(--about-border);box-shadow:0 15px 35px rgba(5,20,35,.05)}
.philosophy-icon{width:50px;height:50px;display:grid;place-items:center;color:var(--about-blue);background:#edf5ff;border-radius:50%;margin-bottom:28px}
.about-pro-philosophy>span{color:var(--about-blue);font-size:9px;font-weight:900;letter-spacing:1.5px}.about-pro-philosophy h3{color:var(--about-navy);font-size:23px;line-height:1.2;letter-spacing:-.5px;margin:10px 0 13px}.about-pro-philosophy p{color:var(--about-muted);font-size:11px;line-height:1.8;margin:0}

/* VALUES */
.about-pro-values{padding:85px 0;background:#fff}.about-pro-values-heading{margin-bottom:40px}.about-pro-values-heading h2{color:var(--about-navy);font-size:45px;line-height:1;letter-spacing:-1.8px;margin:0}
.about-pro-values-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--about-border);border-bottom:1px solid var(--about-border)}
.about-pro-values-grid>div{padding:27px 24px;border-right:1px solid var(--about-border)}.about-pro-values-grid>div:last-child{border-right:0}
.about-pro-values-grid b{display:block;color:var(--about-blue);font-size:9px;margin-bottom:25px}.about-pro-values-grid strong{display:block;color:var(--about-navy);font-size:17px;margin-bottom:8px}.about-pro-values-grid span{color:var(--about-muted);font-size:10px;line-height:1.65}

/* CTA */
.about-pro-cta{padding:75px 0;color:#fff;background:linear-gradient(105deg,rgba(4,17,31,.98),rgba(7,57,99,.96)),url("../Image/mission.png") center/cover no-repeat}
.about-pro-cta-inner{display:flex;justify-content:space-between;align-items:center;gap:50px}.about-pro-label-light{color:#9edfff}.about-pro-label-light:before{background:var(--about-cyan)}
.about-pro-cta h2{color:#fff;font-size:clamp(36px,4.5vw,55px);line-height:.98;letter-spacing:-2px;margin:0 0 13px}.about-pro-cta h2 em{color:#45c4ff;font-style:normal}
.about-pro-cta p{color:#b9c8d5;font-size:12px;line-height:1.7;margin:0}.about-pro-cta-actions{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.about-pro-btn-white{background:#fff;color:var(--about-navy)!important}.about-pro-btn-white:hover{background:#e9f7ff;color:var(--about-navy)!important;transform:translateY(-2px)}
.about-pro-cta-link{color:#a9e4ff!important;font-size:10px;font-weight:800}

/* RESPONSIVE */
@media(max-width:1100px){
 .about-pro-who-grid{gap:55px}.about-pro-story-grid{grid-template-columns:1fr 1fr}.about-pro-philosophy{grid-column:1/-1}
}
@media(max-width:991px){
 .about-pro-section-intro{grid-template-columns:1fr;gap:22px}.about-pro-who-grid{grid-template-columns:1fr;gap:55px}
 .about-pro-image-caption{right:20px}.about-pro-pillar-grid{grid-template-columns:1fr}
 .about-pro-pillar,.about-pro-pillar:last-child{border-right:1px solid rgba(255,255,255,.12);border-bottom:0}
 .about-pro-pillar:last-child{border-bottom:1px solid rgba(255,255,255,.12)}
 .about-pro-stats-grid{grid-template-columns:repeat(3,1fr)}.about-pro-stat:nth-child(3){border-right:0}.about-pro-stat:nth-child(-n+3){border-bottom:1px solid var(--about-border)}
 .about-pro-story-grid{grid-template-columns:1fr}.about-pro-story-visual,.about-pro-philosophy{max-width:620px}.about-pro-values-grid{grid-template-columns:1fr 1fr}
 .about-pro-values-grid>div:nth-child(2){border-right:0}.about-pro-values-grid>div:nth-child(-n+2){border-bottom:1px solid var(--about-border)}
 .about-pro-cta-inner{flex-direction:column;align-items:flex-start}.about-pro-cta-actions{width:100%}
}
@media(max-width:767px){
 .about-pro-hero{min-height:620px}.about-pro-hero-content{padding:85px 0 90px}.about-pro-hero h1{font-size:44px;letter-spacing:-2.2px}
 .about-pro-hero-actions{flex-direction:column}.about-pro-btn{width:100%}.about-pro-hero-bottom p{display:none}
 .about-pro-who,.about-pro-story,.about-pro-pillars{padding:75px 0}.about-pro-main-image{height:430px}
 .about-pro-image-caption{position:relative;right:auto;bottom:auto;width:100%;margin-top:12px}
 .about-pro-stats-grid{grid-template-columns:1fr 1fr}.about-pro-stat{min-height:125px}
 .about-pro-stat:nth-child(odd){border-right:1px solid var(--about-border)}.about-pro-stat:nth-child(even){border-right:0}
 .about-pro-stat:nth-child(3){border-right:1px solid var(--about-border)}
 .about-pro-story-visual{padding:5px}.story-photo{height:350px}.story-year{left:0}
 .about-pro-values-grid{grid-template-columns:1fr}.about-pro-values-grid>div,.about-pro-values-grid>div:nth-child(2){border-right:0;border-bottom:1px solid var(--about-border)}
 .about-pro-values-grid>div:last-child{border-bottom:0}.about-pro-values-heading h2{font-size:36px}
}
@media(max-width:430px){
 .about-pro-hero h1{font-size:39px}.about-pro-hero-content>p{font-size:14px}.about-pro-main-image{height:370px}
 .about-pro-stats-grid{grid-template-columns:1fr}.about-pro-stat,.about-pro-stat:nth-child(3){border-right:0;border-bottom:1px solid var(--about-border)}
 .about-pro-stat:last-child{border-bottom:0}
}