/* A service-led home page with original Truckcert vehicle illustrations. */
.engineering-home .hero{min-height:620px;display:flex;align-items:center;text-align:center}
.engineering-home .hero-photo{inset:0;opacity:1}
.engineering-home .hero-photo img{object-position:50% 55%}
.engineering-home .hero:before{background:linear-gradient(90deg,#0c2029b8,#0c202985),linear-gradient(0deg,#0c2029ad,transparent 65%)}
.engineering-home .hero:after{width:100%;height:5px}
.engineering-home .hero-content{padding-block:75px 45px}
.engineering-home .hero .eyebrow{justify-content:center;color:#fff;letter-spacing:2.3px}
.engineering-home .hero h1{font-size:clamp(48px,5.7vw,82px);max-width:1050px;margin:0 auto 25px;line-height:1.08;letter-spacing:-3px;text-wrap:balance}
.engineering-home .hero-description{font-size:18px;line-height:1.75;max-width:680px;margin:0 auto 30px;color:#f1f4f4}
.engineering-home .hero-actions{justify-content:center}
.engineering-home .hero-foot{justify-content:center;margin-top:48px;color:#f0f4f5}
.engineering-home .hero-foot a{text-decoration:none;text-underline-offset:5px}.engineering-home .hero-foot a:hover{text-decoration:underline;color:var(--gold)}
.engineering-home .services-section{background:#fafaf8}
.engineering-home .service-card{padding:0 28px 28px;overflow:hidden}
.engineering-home .service-card h3{font-size:25px;min-height:56px}
.service-drawing{position:relative;margin:0 -28px 28px;padding:20px 24px 14px;background:var(--navy);color:#e0e8e8;background-image:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px);background-size:24px 24px;border-bottom:3px solid var(--gold)}
.service-drawing svg{width:100%;height:auto;margin:8px 0 0}
.service-drawing .dimension{stroke:var(--gold);stroke-width:1;opacity:.85}
.drawing-id,.drawing-caption{display:block;font-size:8px;letter-spacing:1.7px;line-height:1.3}
.drawing-id{color:#bdcbcd}.drawing-caption{color:#efb34d;margin-top:8px}
.engineering-home .service-card .text-link{font-size:12px;line-height:1.6;gap:10px}
.expanded-services{margin-top:70px}
.expanded-heading{margin-bottom:30px}.expanded-heading .eyebrow{margin-bottom:12px}.expanded-heading h3{font-size:34px;letter-spacing:-1px;margin-bottom:15px}.expanded-heading>p:last-child{font-size:15px;color:var(--muted)}
.expanded-service-list{border-top:1px solid var(--line)}
.expanded-service{display:grid;grid-template-columns:36px minmax(190px,.9fr) minmax(0,1.4fr) 25px;align-items:center;gap:25px;padding:28px 20px 28px 4px;border-bottom:1px solid var(--line);text-decoration:none;transition:background .2s}
.expanded-service:hover{background:#f0f0e9}.expanded-service:focus-visible{outline-offset:-3px}
.expanded-number{font-size:11px;font-weight:700;color:var(--gold-dark)}
.expanded-service h4{font-size:22px;line-height:1.25;letter-spacing:-.6px;margin:0}
.expanded-service p{font-size:14px;line-height:1.8;color:var(--muted);margin:0}
.expanded-arrow{color:var(--gold-dark);font-size:27px}
.permit-feature{display:grid;grid-template-columns:1fr 1fr;gap:70px;background:var(--navy);color:#fff;margin-top:30px;padding:45px 48px}
.permit-feature .eyebrow{color:var(--gold);margin-bottom:17px}.permit-feature h3{font-size:39px;letter-spacing:-1.2px;line-height:1.13;margin:0 0 22px}.permit-feature-copy>p:not(.eyebrow){color:#c4d2d5;font-size:14px;line-height:1.9;margin-bottom:28px}
.permit-types{display:flex;flex-direction:column;justify-content:center}.permit-types>div{display:flex;gap:19px;padding:22px 0;border-bottom:1px solid #ffffff26}.permit-types>div:first-child{padding-top:0}.permit-types>div:last-child{border-bottom:0;padding-bottom:0}.permit-types>div>span{font-size:11px;color:var(--gold);padding-top:3px}.permit-types h4{font-size:19px;line-height:1.3;margin:0 0 9px}.permit-types p{font-size:13px;line-height:1.8;color:#c4d2d5;margin:0}
@media(max-width:860px){.permit-feature{gap:30px;padding:34px 28px}.permit-feature h3{font-size:33px}}
@media(max-width:620px){.permit-feature{grid-template-columns:1fr;gap:35px;padding:30px 25px}.permit-feature h3{font-size:33px}.permit-types>div{padding-block:19px}.engineering-home .hero-foot{gap:9px;letter-spacing:.6px;font-size:8px}}
@media(max-width:860px){.expanded-service{grid-template-columns:26px minmax(160px,.9fr) minmax(0,1.2fr) 22px;gap:16px}.expanded-service h4{font-size:19px}.expanded-service p{font-size:13px}}
@media(max-width:620px){.expanded-services{margin-top:48px}.expanded-heading h3{font-size:29px}.expanded-heading>p:last-child{font-size:14px}.expanded-service{grid-template-columns:24px minmax(0,1fr) 22px;gap:8px 13px;padding:23px 4px}.expanded-service h4{font-size:21px}.expanded-service p{grid-column:2;grid-row:2;font-size:13px}.expanded-arrow{grid-column:3;grid-row:1}.expanded-number{align-self:center}}
@media(max-width:860px){.engineering-home .hero{min-height:570px}.engineering-home .hero-content{padding-block:60px 40px}.engineering-home .hero h1{font-size:clamp(46px,7.5vw,64px)}.engineering-home .hero-description{font-size:16px}.engineering-home .service-card{padding:0 19px 24px}.service-drawing{margin:0 -19px 24px;padding-inline:17px}.engineering-home .service-card h3{font-size:21px}}
@media(max-width:620px){.engineering-home .hero{min-height:560px}.engineering-home .hero-photo img{object-position:48% center}.engineering-home .hero:before{background:linear-gradient(#112a35b0,#112a35c9)}.engineering-home .hero-content{padding-block:60px 35px}.engineering-home .hero .eyebrow{font-size:8px;letter-spacing:1.2px}.engineering-home .hero h1{font-size:clamp(37px,10vw,54px);letter-spacing:-1.5px}.engineering-home .hero-description{font-size:14px;line-height:1.9}.engineering-home .hero-actions{align-items:center;gap:22px}.engineering-home .hero-foot{font-size:8px;gap:12px;margin-top:35px}.engineering-home .service-card{padding:0 25px 28px}.engineering-home .service-card h3{font-size:26px;min-height:0}.service-drawing{margin:0 -25px 27px;padding:20px 24px 16px}.service-drawing svg{max-height:155px}.engineering-home .service-card .text-link{font-size:12px}}
