/* Multipage extension to the first, editorial-style design */
.page-banner{color:#fff;padding:108px 0 94px;background:linear-gradient(93deg,rgba(12,19,25,.95),rgba(15,23,29,.85)),url('assets/hero-truck.webp') center 44%/cover no-repeat}
.page-banner h1{max-width:950px;font-family:var(--head);font-weight:900;font-size:clamp(58px,9vw,118px);letter-spacing:-1px;line-height:.93;margin:23px 0 24px}.page-banner h1 em{color:var(--orange);font-style:normal}.page-banner p{max-width:620px;color:#d9e0dd;line-height:1.75;margin:0 0 29px;font-size:15px}.page-banner .button{min-width:190px}
.steps-showcase{background:#f0f2ee}.simple-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:30px}.simple-steps article{background:white;border:1px solid #e1e6e0;padding:29px}.simple-steps article>span,.coverage-id{font-family:var(--head);font-size:39px;font-weight:800;color:var(--orange)}.simple-steps h3,.highlights-grid h3,.coverage-cards h3{font-family:var(--head);font-size:29px;margin:12px 0}.simple-steps p,.highlights-grid p,.coverage-cards p{font-size:12px;color:#667375;line-height:1.8;margin:0}.centered-action{text-align:center;margin-top:31px}
.package-spotlight{background:#e8ede9}.highlights-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.highlights-grid article{background:#111b22;color:white;padding:29px;min-height:225px}.highlights-grid article>span{font-size:9px;color:#b4c3bf;letter-spacing:1.4px;font-weight:800}.highlights-grid strong{font-family:var(--head);font-size:clamp(49px,5vw,73px);color:var(--orange);display:block;line-height:1.15;margin:12px 0}.highlights-grid h3{margin:0 0 9px}.highlights-grid p{color:#adbdba}
.table-scroll{overflow-x:auto;max-width:100%;border:1px solid #d8dfd8}.compare-table{width:100%;border-collapse:collapse;background:white;min-width:690px;text-align:left}.compare-table th,.compare-table td{padding:18px 19px;border-bottom:1px solid #e5ebe5;font-size:12px;line-height:1.55}.compare-table th{font-weight:900}.compare-table thead{background:#121f26;color:white}.compare-table tbody th{width:25%}.compare-table tbody tr:nth-child(even){background:#f7f8f5}.compare-table tbody tr.group{background:#dae1db;color:#1e3139}.compare-table tbody tr.group th{font-family:var(--head);font-size:21px;padding:13px 19px}.compare-table tbody tr.premium td,.compare-table tbody tr.premium th{font-weight:900;color:#ad511f}.price-matrix td{font-family:var(--head);font-size:23px;font-weight:700}.note-card{margin-top:23px;border-left:4px solid var(--orange);background:#fff4e8;padding:20px 22px;color:#533d2c;font-size:12px;line-height:1.85}.light-section{background:#f5f7f3}.coverage-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.coverage-cards article{background:#fff;border:1px solid #dde5df;padding:23px;display:flex;flex-direction:column}.coverage-cards article.coverage-recommended{border-top:5px solid var(--orange)}.coverage-cards h3{font-size:27px}.coverage-cards p{flex:1}.coverage-cards strong{font-size:11px;margin-top:20px;color:#bc5628;letter-spacing:.5px}.pricing-matrix-section{background:#e9eeea}.contact-grid{display:grid;grid-template-columns:1.1fr .85fr;gap:60px}.contact-panel h2{font-family:var(--head);font-size:clamp(54px,6vw,85px);line-height:.94;margin:20px 0}.contact-panel h2 em{font-style:normal;color:var(--orange)}.contact-panel>p{font-size:14px;line-height:1.85;color:#58696b;max-width:600px;margin:0 0 28px}.contact-panel .contact-small{font-size:12px;color:#677;margin-top:20px}.contact-details{background:#14212a;color:white;padding:36px}.contact-details>span{font-weight:800;letter-spacing:1.5px;font-size:10px;color:var(--orange)}.contact-details h3{font-family:var(--head);font-size:32px;margin:9px 0}.contact-details p{color:#bac7c6;font-size:12px;line-height:1.65}.separator{border-top:1px solid #405058;margin:25px 0}.footer-menu{display:flex;flex-direction:column;gap:8px}.footer-menu a{font-size:11px;color:#c0cccc}
@media(max-width:900px){.coverage-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-grid{grid-template-columns:1fr}.page-banner{padding:75px 0}.simple-steps{grid-template-columns:1fr 1fr}.simple-steps article:last-child{grid-column:1/-1}}
@media(max-width:560px){.page-banner{padding:70px 0 65px;background-position:55% center}.page-banner h1{font-size:clamp(55px,13vw,77px)}.page-banner p{font-size:13px}.simple-steps,.highlights-grid,.coverage-cards{grid-template-columns:1fr}.simple-steps article:last-child{grid-column:auto}.highlights-grid strong{font-size:62px}.contact-grid{gap:22px}.contact-details{padding:25px}.compare-table th,.compare-table td{padding:12px}.page-banner .button{width:100%}}

/* Authentic Northwest Ohio Undercoating branding and work photographs */
.brand-mark{width:58px;height:58px;color:inherit;flex-shrink:0}.brand-mark img{display:block;width:100%;height:100%;object-fit:contain}.nav-wrap{height:88px;gap:18px}.nav-links{gap:clamp(10px,1.3vw,22px)}.nav-links a{white-space:nowrap;font-size:11px}
.footer .brand-mark{width:88px;height:88px}.footer .brand-type{font-size:17px}.footer .brand-type strong{font-size:22px}
.real-work-section{background:#152129;color:#fff}.real-work-intro{display:flex;justify-content:space-between;align-items:center;gap:34px;margin-bottom:32px}.real-work-intro h2{font-size:clamp(54px,6vw,84px);margin:20px 0 12px}.real-work-intro p{max-width:570px;color:#b9c6c5;font-size:14px;line-height:1.9;margin:0 0 25px}.work-seal{width:min(220px,29vw);height:auto;object-fit:contain;flex:none;filter:drop-shadow(0 15px 22px #0005)}
.work-preview-grid,.work-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.work-preview-card,.work-detail-grid figure{margin:0;background:#23313a;border:1px solid #394c52;overflow:hidden}.work-preview-card img,.work-detail-grid figure img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#050b0d}.work-preview-card figcaption,.work-detail-grid figcaption{padding:21px 23px;display:flex;flex-direction:column;gap:8px}.work-preview-card figcaption strong,.work-detail-grid figcaption strong{font:800 24px var(--head);letter-spacing:.4px}.work-preview-card figcaption span,.work-detail-grid figcaption span{font-size:12px;line-height:1.75;color:#c1cdcb}.work-disclaimer{color:#bdcac8;font-size:11px;line-height:1.8;margin:20px 0 0}.work-banner{background-image:linear-gradient(90deg,rgba(10,18,23,.95),rgba(10,18,23,.7)),url('assets/treated-truck-frame.webp');background-position:center,center;background-size:cover}.work-gallery-section{background:#f0f2ef}.work-detail-grid figure{background:#fff;border-color:#dde3df}.work-detail-grid figure img{object-fit:contain;background:#10171a}.work-detail-grid figcaption span{color:#55656a}.work-photo-note{margin-top:33px;padding:29px;display:flex;align-items:center;gap:31px;background:#152129;color:#fff}.work-photo-note img{width:130px;height:130px;object-fit:contain;flex:none}.work-photo-note h3,.shop-photo-ribbon h3{font:900 38px var(--head);margin:0 0 9px}.work-photo-note p{font-size:12px;line-height:1.8;color:#c1cece;margin:0 0 17px}.shop-photo-ribbon{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;background:#17242c;color:#fff;margin-top:28px;margin-bottom:80px;overflow:hidden}.shop-photo-ribbon img{width:100%;height:100%;max-height:400px;min-height:265px;object-fit:cover;background:#0c1418}.shop-photo-ribbon>div{padding:40px;align-self:center}.shop-photo-ribbon span{letter-spacing:1.5px;font-size:10px;font-weight:800;color:var(--orange)}.shop-photo-ribbon p{font-size:12px;line-height:1.8;color:#b6c5c2}.shop-photo-ribbon a{color:var(--orange);font-size:11px;font-weight:800;letter-spacing:.8px}.shop-photo-ribbon a:hover{text-decoration:underline}
@media(max-width:1020px){.brand-type{font-size:14px}.brand-type strong{font-size:19px}.brand-mark{width:49px;height:49px}.nav-wrap{height:80px}.nav-links{gap:13px}.nav-links a{font-size:10px}}
@media(max-width:900px){.nav-wrap{height:76px}.brand-mark{width:49px;height:49px}.footer .brand-mark{width:75px;height:75px}}
@media(max-width:700px){.real-work-intro{align-items:flex-start}.work-seal{width:116px;max-width:30vw}.work-preview-grid,.work-detail-grid{grid-template-columns:1fr}.work-preview-card img{max-height:375px}.shop-photo-ribbon{grid-template-columns:1fr}.shop-photo-ribbon img{max-height:330px;min-height:200px}.shop-photo-ribbon>div{padding:25px}.work-photo-note{padding:20px;gap:17px}.work-photo-note img{width:85px;height:85px}}
@media(max-width:520px){.brand-mark{width:47px;height:47px}.real-work-intro{display:block}.work-seal{width:115px;margin:20px 0 0}.work-photo-note{flex-direction:column;align-items:flex-start}.work-photo-note h3{font-size:31px}}

/* Match black and steel-red supplied company artwork */
:root{--orange:#d73540;--orange-dark:#b3242d}
.button-orange{color:white}.button-orange:hover{background:#b6252f}.notice-dot{background:#d73540}
