/* Pro-Tel inner-page design — staged in WPVibe draft theme, 26 October 2026 */
:root{--pt-navy:#0c2340;--pt-blue:#1264a3;--pt-ink:#172b3e;--pt-body:#405568;--pt-light:#f5f8fb;--pt-border:#dce6ef}
html{scroll-behavior:smooth}
body:not(.home){background:#fff!important;color:var(--pt-ink)!important}
body:not(.home) #hero{display:none!important}
body .page-footer,body #copyright{background:#0c2340!important;color:#e7eef7!important}
body .page-footer p,body .page-footer a,body .page-footer span{color:#e7eef7!important}
body .page-footer{border-top:3px solid #1264a3!important}
body a:focus-visible,body button:focus-visible{outline:3px solid #1264a3!important;outline-offset:3px!important}
body .h-navigation_outer .h-menu li a{font-size:14px!important;font-weight:600!important}
body:not(.home) .pt-service,body:not(.home) .pt-about,body:not(.home) .ptmag{font-family:Arial,Helvetica,sans-serif!important;background:#fff!important;color:var(--pt-ink)!important}
body:not(.home) .pt-service *,body:not(.home) .pt-about *,body:not(.home) .ptmag *{box-sizing:border-box}
body:not(.home) .pt-service .wrap,body:not(.home) .pt-about .wrap,body:not(.home) .ptmag .wrap{max-width:1160px!important;margin-left:auto!important;margin-right:auto!important;padding-left:26px!important;padding-right:26px!important}
body:not(.home) .pt-service h1,body:not(.home) .pt-about h1,body:not(.home) .ptmag h1{font-family:Arial,Helvetica,sans-serif!important;font-size:clamp(39px,4.7vw,64px)!important;font-weight:750!important;line-height:1.1!important;letter-spacing:-.038em!important;color:var(--pt-navy)!important}
body:not(.home) .pt-service h2,body:not(.home) .pt-about h2,body:not(.home) .ptmag h2{font-family:Arial,Helvetica,sans-serif!important;font-size:clamp(28px,3.2vw,40px)!important;font-weight:700!important;line-height:1.19!important;letter-spacing:-.026em!important;color:var(--pt-navy)!important}
body:not(.home) .pt-service h3,body:not(.home) .pt-about h3,body:not(.home) .ptmag h3{color:var(--pt-navy)!important;font-weight:700!important;line-height:1.34!important}
body:not(.home) .pt-service p,body:not(.home) .pt-about p,body:not(.home) .ptmag p{color:var(--pt-body)!important;font-size:16px!important;line-height:1.72!important}
body:not(.home) .pt-service .accent,body:not(.home) .pt-about .accent,body:not(.home) .ptmag .accent{color:var(--pt-blue)!important;font-family:inherit!important}
body:not(.home) .pt-service .eyebrow,body:not(.home) .pt-about .eyebrow,body:not(.home) .ptmag .pt-kicker{color:var(--pt-blue)!important;letter-spacing:.085em!important;font-size:12px!important;font-weight:750!important;text-transform:uppercase!important}
body:not(.home) .pt-service .rule,body:not(.home) .pt-about .rule{background:var(--pt-blue)!important;height:4px!important;border-radius:4px!important}
body:not(.home) .pt-service .hero,body:not(.home) .pt-about .hero,body:not(.home) .ptmag .pt-hero{background:var(--pt-light)!important;padding:76px 0 70px!important}
body:not(.home) .pt-service .hero-grid,body:not(.home) .pt-about .hero-grid,body:not(.home) .ptmag .pt-hero-grid{display:grid!important;grid-template-columns:1.05fr .95fr!important;align-items:center!important;gap:58px!important}
body:not(.home) .pt-service .hero img,body:not(.home) .pt-about .hero img,body:not(.home) .ptmag .pt-hero img{width:100%!important;height:auto!important;min-height:0!important;max-height:460px!important;aspect-ratio:5/4!important;object-fit:cover!important;border-radius:16px!important;box-shadow:0 20px 50px rgba(12,35,64,.15)!important}
body:not(.home) .pt-about .hero-image:before{display:none!important}
body:not(.home) .pt-service .lead,body:not(.home) .pt-about .lead,body:not(.home) .ptmag .lead{font-size:clamp(18px,1.9vw,21px)!important;line-height:1.52!important;color:#244158!important}
body:not(.home) .pt-about .hero-kicker{color:var(--pt-blue)!important;font-size:17px!important;font-weight:700!important}
body:not(.home) .pt-service .links,body:not(.home) .pt-about .links,body:not(.home) .ptmag .links{display:flex!important;gap:12px!important;flex-wrap:wrap!important;align-items:center!important;margin-top:26px!important}
body:not(.home) .pt-service .btn,body:not(.home) .pt-about .btn,body:not(.home) .ptmag .pt-linkedin{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:13px 20px!important;min-height:48px!important;background:var(--pt-navy)!important;color:#fff!important;text-decoration:none!important;border-radius:7px!important;font-size:14px!important;font-weight:700!important;line-height:1.4!important}
body:not(.home) .pt-service .altbtn,body:not(.home) .pt-about .btn.alt{background:#fff!important;color:var(--pt-navy)!important;border:1px solid #bfcddd!important}
body:not(.home) .pt-service section:not(.hero),body:not(.home) .pt-about .section,body:not(.home) .ptmag .pt-section{padding-top:68px!important;padding-bottom:68px!important}
body:not(.home) .pt-service section.alt,body:not(.home) .pt-about .section.alt,body:not(.home) .ptmag .pt-section.alt{background:var(--pt-light)!important}
body:not(.home) .pt-service .cards,body:not(.home) .pt-about .career{gap:20px!important;margin-top:30px!important}
body:not(.home) .pt-service .card,body:not(.home) .pt-about .career>div,body:not(.home) .pt-about .credential,body:not(.home) .ptmag .pt-card{background:#fff!important;border:1px solid var(--pt-border)!important;border-top:3px solid var(--pt-blue)!important;border-radius:12px!important;box-shadow:0 8px 26px rgba(12,35,64,.055)!important;padding:25px!important}
body:not(.home) .ptmag .pt-card{display:block!important;min-height:0!important}
body:not(.home) .ptmag .pt-card .ico{display:block;margin-bottom:14px}
body:not(.home) .pt-about .career .raf{border-top-color:var(--pt-blue)!important}
body:not(.home) .pt-about .quote{border-left:4px solid var(--pt-blue)!important}
body:not(.home) .pt-about .principle{color:var(--pt-navy)!important}
body:not(.home) .pt-about .section.blue,body:not(.home) .ptmag .pt-section.blue{background:var(--pt-navy)!important}
body:not(.home) .pt-about .section.blue h2,body:not(.home) .pt-about .section.blue h3,body:not(.home) .pt-about .section.blue p,body:not(.home) .ptmag .pt-section.blue h2,body:not(.home) .ptmag .pt-section.blue p{color:#fff!important}
body:not(.home) .pt-service section img{border-radius:14px!important}
body:not(.home) .ptmag .pt-pillar{background:#e8f3fb!important;border-color:#b5d7eb!important}
body:not(.home) .ptmag .pt-ribbon{background:#eff6fc!important}
body:not(.home) .ptmag .pt-portrait{border-color:#e0ecf5!important}
body:not(.home) .pt-service .close,body:not(.home) .pt-about .close{background:var(--pt-navy)!important;color:#fff!important}
body:not(.home) .pt-about .close p,body:not(.home) .pt-service .close p{color:#fff!important}
@media(max-width:960px){
body:not(.home) .pt-service .hero-grid,body:not(.home) .pt-about .hero-grid,body:not(.home) .ptmag .pt-hero-grid{grid-template-columns:1fr!important;gap:28px!important}
body:not(.home) .pt-service .hero img,body:not(.home) .pt-about .hero img,body:not(.home) .ptmag .pt-hero img{max-height:380px!important}
body:not(.home) .ptmag .pt-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
body:not(.home) .pt-about .career{grid-template-columns:1fr!important}
}
@media(max-width:620px){
body:not(.home) .pt-service .hero,body:not(.home) .pt-about .hero,body:not(.home) .ptmag .pt-hero{padding:45px 0!important}
body:not(.home) .pt-service .wrap,body:not(.home) .pt-about .wrap,body:not(.home) .ptmag .wrap{padding-left:20px!important;padding-right:20px!important}
body:not(.home) .pt-service h1,body:not(.home) .pt-about h1,body:not(.home) .ptmag h1{font-size:37px!important}
body:not(.home) .pt-service .cards,body:not(.home) .ptmag .pt-cards{grid-template-columns:1fr!important}
body:not(.home) .pt-service .links,body:not(.home) .pt-about .links{display:grid!important}
body:not(.home) .pt-service .btn,body:not(.home) .pt-about .btn{width:100%!important;text-align:center!important}
body:not(.home) .pt-service section:not(.hero),body:not(.home) .pt-about .section,body:not(.home) .ptmag .pt-section{padding-top:46px!important;padding-bottom:46px!important}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.home div[role="main"]>section>div>div>a{transition:none!important}}