/* Carolina Piping & Rigging overrides on top of the shared CPR site.css: CPR yellow accent and the crane logo */
:root{--y:#FFD100;--y-2:#e6bc00;--y-ink:#171717;--y-lt:#FFD100}
.why-chk{color:var(--ink)}
.btn:hover{color:var(--ink)}
.logo-img{display:block;height:78px;width:auto}
.site-header .brand{padding:6px 0}
.svc-card .ico{background:var(--y);color:var(--ink)}
.logo-img.logo-lg{height:110px}
@media (max-width:560px){.logo-img{height:58px}}
.creds.creds-hero{grid-template-columns:repeat(2,1fr)}
.lk-sub{font-size:.6rem}
.lockup-lg .lk-sub{font-size:.72rem}

/* Image + text feature row */
.feature{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(28px,4vw,56px);align-items:center}
.feature-img{position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:4/5;background:#3a3a3a}
.feature-img img{width:100%;height:100%;object-fit:cover}
.feature-img::after{content:"";position:absolute;left:-12%;bottom:-1px;width:62%;height:14px;background:var(--y);transform:skewX(-35deg);transform-origin:left bottom}
.feature h2{margin-bottom:.6em}
.why-grid.why-1{grid-template-columns:1fr 1fr;margin-top:8px}
.feature .creds{border-top-color:rgba(0,0,0,.1)}

@media (max-width:900px){
  .feature{grid-template-columns:1fr}
  .feature-img{aspect-ratio:16/10}
}
@media (max-width:560px){
  .lk-sub{display:flex;font-size:.5rem}
  .lk-cpr{font-size:1.5rem}
  .why-grid.why-1{grid-template-columns:1fr}
  .creds.creds-hero{grid-template-columns:1fr 1fr}
}

/* Quote form step 1: service on the left, project details across the rest */
.qf-wide [data-step="1"]>label:first-of-type{grid-column:1;align-self:start}
.qf-wide [data-step="1"]>label:last-of-type{grid-column:2/-1}
@media (max-width:760px){
  .qf-wide [data-step="1"]>label:first-of-type,.qf-wide [data-step="1"]>label:last-of-type{grid-column:auto}
}

/* License badges on light sections */
.feature .cred{color:var(--ink,#171717);border-color:rgba(0,0,0,.14)}
.feature .cred small{color:#6b6b66}
.svc-card:hover .ico{color:var(--ink)}

/* Taller header so the crane logo fits */
.nav-row{height:92px}
.site-header .brand{padding:0}
.logo-img{height:76px}
@media (max-width:880px){.main-nav{top:92px}}
@media (max-width:560px){.nav-row{height:76px}.logo-img{height:60px}.main-nav{top:76px}}