/* Westcape About: editorial corporate page, aligned with homepage v1.1 */
.about-page{background:#fff;color:#183a4b}
.about-page .skip-link{position:fixed;left:12px;top:-90px;padding:12px 18px;background:#fff;color:#003c55;z-index:200;box-shadow:0 4px 16px #001b2d3b}
.about-page .skip-link:focus{top:12px}
.about-page .about-hero{position:relative;display:flex;align-items:center;min-height:470px;color:white;background-image:linear-gradient(90deg,rgba(0,39,58,.97) 0%,rgba(0,45,65,.9) 37%,rgba(0,45,65,.44) 74%,rgba(0,45,65,.20) 100%),url('/assets/images/background%20website%20industrial.png');background-position:center 54%;background-size:cover;background-repeat:no-repeat}
.about-page .about-hero-inner{padding:78px 0 82px}
.about-page .about-eyebrow{display:inline-flex;align-items:center;gap:12px;color:#daedf4;font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.about-page .about-eyebrow:before{content:'';display:block;width:28px;height:3px;background:var(--wc-red)}
.about-page .about-hero h1{font-size:clamp(43px,4.8vw,67px);line-height:1.1;margin:22px 0 18px;color:#fff;letter-spacing:-.055em;max-width:900px}
.about-page .about-hero-lead{font-size:clamp(20px,2.2vw,29px);line-height:1.35;color:#fff;font-weight:750;max-width:780px;margin:0 0 18px}
.about-page .about-hero-copy{font-size:17px;line-height:1.7;color:#d9e8ee;max-width:700px;margin:0 0 29px}
.about-page .about-hero-actions{display:flex;gap:16px;flex-wrap:wrap}
.about-page .about-section{padding:76px 0}
.about-page .about-section-soft{background:#f2f6f8}
.about-page .about-section-label{display:block;text-transform:uppercase;letter-spacing:.19em;font-size:12px;font-weight:800;color:#bd1230;margin:0 0 17px}
.about-page h2{font-size:clamp(30px,3.4vw,45px);line-height:1.18;letter-spacing:-.045em;color:var(--wc-blue);margin:0 0 20px}
.about-page h3{font-size:19px;line-height:1.35;color:var(--wc-blue);letter-spacing:-.015em}
.about-page .about-section p{font-size:16px;line-height:1.8;color:#4b6471;margin:0 0 17px}
.about-page .about-intro-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(36px,5.5vw,90px);align-items:center}
.about-page .about-intro-lead{font-size:19px!important;line-height:1.65!important;color:#24485c!important;font-weight:650}
.about-page .about-photo{margin:0;position:relative}
.about-page .about-photo img{display:block;width:100%;height:auto;max-height:470px;aspect-ratio:4/3;object-fit:cover;object-position:center 42%;border-radius:5px}
.about-page .about-photo figcaption{margin:0;background:var(--wc-blue);color:#e4f0f4;padding:15px 19px;font-size:13px;font-weight:700;letter-spacing:.025em;border-bottom:3px solid var(--wc-red)}
.about-page .about-advantages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:34px}
.about-page .about-advantage{background:#fff;border:1px solid #dae5ea;border-top:4px solid var(--wc-red);padding:27px 23px;box-shadow:0 5px 20px #002d4310}
.about-page .about-advantage-number{display:block;color:#a81431;font-size:12px;letter-spacing:.15em;font-weight:800}
.about-page .about-advantage h3{margin:14px 0 10px;font-size:17px}
.about-page .about-advantage p{font-size:14px;line-height:1.7;margin:0}
.about-page .about-services-intro{max-width:870px}
.about-page .about-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;margin-top:32px}
.about-page .about-service-card{display:flex;flex-direction:column;align-items:flex-start;background:#f5f8f9;border:1px solid #dbe7eb;padding:26px 24px;border-radius:4px}
.about-page .about-service-card h3{font-size:20px;margin:0 0 13px}
.about-page .about-service-card p{font-size:14px;line-height:1.7;flex:1}
.about-page .about-link{color:#b8102b;display:inline-flex;align-items:center;font-size:14px;font-weight:800;margin-top:11px;border-bottom:1px solid #d9b8c0;padding-bottom:4px}
.about-page .about-link:hover{color:#8b1023;border-bottom-color:#8b1023}
.about-page .about-method-note{margin-top:25px;font-size:14px;color:#526a74;line-height:1.7}
.about-page .about-method-note a{color:#b8102b;font-weight:800;text-decoration:underline;text-underline-offset:4px}
.about-page .about-standards{background:#003c55;color:white;padding:57px 0}
.about-page .about-standards-inner{display:grid;grid-template-columns:280px 1fr;gap:52px;align-items:center}
.about-page .about-standards h2{color:white;font-size:clamp(28px,3vw,41px);margin:0}
.about-page .about-standards p{color:#d6e8ef;line-height:1.8;font-size:16px;margin:0}
.about-page .about-standards strong{color:#fff}
.about-page .about-reach-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.about-page .about-region-card{background:linear-gradient(140deg,#eef4f7,#dfeaf0);padding:30px 31px 34px;border-left:4px solid var(--wc-red)}
.about-page .about-region-card h3{font-size:21px;margin:0 0 18px}
.about-page .about-region-tags{display:flex;flex-wrap:wrap;gap:10px}
.about-page .about-region-tag{font-size:13px;font-weight:800;color:#0c4259;background:white;border:1px solid #cadae2;padding:10px 14px;border-radius:3px}
.about-page .about-region-note{font-size:12px!important;line-height:1.65!important;margin:18px 0 0!important}
.about-page .about-faq-heading{max-width:900px;margin-bottom:30px}
.about-page .about-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px 22px}
.about-page .about-question{padding:25px 26px;background:white;border:1px solid #dce5e9;border-radius:4px}
.about-page .about-question h3{font-size:17px;margin:0 0 12px}
.about-page .about-question p{margin:0;font-size:14px;line-height:1.75}
.about-page .about-cta{background:linear-gradient(100deg,#00344a,#00546c);padding:57px 0;color:white}
.about-page .about-cta-inner{display:flex;justify-content:space-between;align-items:center;gap:36px}
.about-page .about-cta h2{color:white;margin:0 0 12px;font-size:clamp(29px,3vw,39px)}
.about-page .about-cta p{color:#d4e9ee;line-height:1.65;font-size:16px;max-width:680px;margin:0}
.about-page .about-cta .wc-btn{flex:0 0 auto}
.about-page .about-contact-meta{font-size:13px!important;color:#536a75}
.about-page .about-contact-meta a{color:#ae0c2a;text-decoration:underline;text-underline-offset:4px}
.about-page .nav .dropdown{width:285px}
.about-page .nav .dropdown a{white-space:normal;line-height:1.3}
.about-page .nav .dropdown .about-dropdown-label{padding:10px 10px 4px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#75919e}
.about-page a:focus-visible,.about-page button:focus-visible,.about-page summary:focus-visible{outline:3px solid #ef3044;outline-offset:3px}
@media(max-width:1100px){.about-page .about-advantages{grid-template-columns:repeat(2,minmax(0,1fr))}.about-page .nav .dropdown{width:100%;box-shadow:none}.about-page .nav .dropdown a{color:var(--wc-blue)}}
@media(max-width:800px){.about-page .about-intro-grid,.about-page .about-reach-grid{grid-template-columns:1fr;gap:35px}.about-page .about-service-grid{grid-template-columns:1fr}.about-page .about-standards-inner{grid-template-columns:1fr;gap:20px}.about-page .about-cta-inner{display:block}.about-page .about-cta .wc-btn{margin-top:24px}}
@media(max-width:620px){.about-page .about-hero{min-height:440px;background-position:62% center}.about-page .about-hero-inner{padding:64px 0}.about-page .about-hero-copy{font-size:15px}.about-page .about-section{padding:54px 0}.about-page .about-advantages,.about-page .about-faq-grid{grid-template-columns:1fr}.about-page .about-standards{padding:47px 0}.about-page .about-region-card{padding:26px 24px}.about-page .about-photo img{max-height:380px}.about-page .about-hero-actions .wc-btn{min-width:0}}
@media(prefers-reduced-motion:reduce){.about-page *{scroll-behavior:auto!important}}