#hero{position:relative;display:flex;align-items:flex-end;min-height:calc(100svh - var(--header-h));padding:calc(var(--header-h) + 2rem) var(--gutter) 6vh;overflow:hidden;background:var(--c-dark-bg);color:var(--c-dark-text)}
#hero .hero-media{position:absolute;inset:0;overflow:hidden}
#hero .hero-media img{width:100%;height:100%;object-fit:cover;object-position:42% 50%}
#hero .hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(17,17,17,.90) 0%,rgba(17,17,17,.88) 24%,rgba(17,17,17,.58) 44%,rgba(17,17,17,.20) 62%,rgba(17,17,17,.30) 100%)}
#hero .hero-inner{position:relative;z-index:1;width:100%;max-width:var(--maxw);margin-inline:auto}
#hero .hero-copy{max-width:720px}
#hero .hero-eyebrow{margin:0 0 var(--sp-4);font-family:var(--ff-body);font-weight:700;font-size:.6875rem;line-height:1.3;letter-spacing:.16em;text-transform:uppercase;color:rgba(245,243,239,.7)}
#hero h1{margin:0;font-size:clamp(2.9rem,7.2vw,5.6rem);line-height:.94;letter-spacing:.01em;color:var(--c-dark-text)}
#hero .chained-rule{margin:var(--sp-5) 0}
#hero .hero-sub{margin:0 0 var(--sp-6);max-width:52ch;font-size:1rem;line-height:1.6;color:rgba(245,243,239,.88)}
#hero .hero-actions{display:flex;flex-direction:column;align-items:stretch;gap:var(--sp-4)}
#hero .hero-actions .btn{width:100%;min-height:52px}
#hero .hero-tel{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:52px;font-family:var(--ff-display);font-weight:700;font-size:1.625rem;letter-spacing:.02em;line-height:1;color:var(--c-dark-text);text-decoration:none}
#hero .hero-tel:hover,#hero .hero-tel:focus-visible{color:var(--c-secondary)}
#hero .hero-dot{flex:0 0 auto;width:8px;height:8px;background:var(--c-accent)}
@media (min-width:768px){#hero{padding-bottom:8vh}
#hero .hero-media::after{background:linear-gradient(to top,rgba(17,17,17,.86) 0%,rgba(17,17,17,.80) 22%,rgba(17,17,17,.52) 42%,rgba(17,17,17,.20) 58%,rgba(17,17,17,.28) 100%)}
#hero .hero-sub{font-size:1.125rem}
#hero .hero-actions{flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--sp-6)}
#hero .hero-actions .btn{width:auto}
#hero .hero-tel{justify-content:flex-start}}

#what-goes-on-the-deck{background:var(--c-bg)}
#what-goes-on-the-deck .deck-head h2{margin:0;max-width:20ch}
#what-goes-on-the-deck .ledger{list-style:none;margin:var(--sp-7) 0 0;padding:0;border-bottom:1px solid var(--c-hairline)}
#what-goes-on-the-deck .row{display:grid;grid-template-columns:1fr;gap:var(--sp-3);padding-block:var(--sp-5);border-top:1px solid var(--c-hairline)}
#what-goes-on-the-deck .row--flag{border-top:3px solid var(--c-secondary)}
#what-goes-on-the-deck .row__idx{display:block;margin-bottom:6px;font-family:var(--ff-body);font-weight:500;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--c-meta)}
#what-goes-on-the-deck .row__name{margin:0;font-family:var(--ff-display);font-weight:700;font-size:clamp(1.375rem,1.15rem + .8vw,1.75rem);line-height:1.05;letter-spacing:.01em}
#what-goes-on-the-deck .row__body p{margin:0;max-width:58ch;font-size:1rem}
#what-goes-on-the-deck .row__spec{margin:var(--sp-4) 0 0}
#what-goes-on-the-deck .row__spec > div{padding-block:0;border-bottom:0;justify-content:flex-start;gap:.25rem 1rem}
#what-goes-on-the-deck .row__spec dd{margin:0}
@media (min-width:768px){#what-goes-on-the-deck .row{grid-template-columns:5fr 7fr;gap:clamp(1.5rem,3vw,3rem);padding-block:28px}
#what-goes-on-the-deck .row--flag{border-top:1px solid var(--c-hairline);border-left:4px solid var(--c-secondary);padding-left:20px}
#what-goes-on-the-deck .row__spec > div{flex-direction:column;align-items:flex-end;text-align:right}}

#where-we-run{position:relative;overflow:hidden;padding-top:calc(clamp(3.25rem,2.25rem + 4vw,6.5rem) + 10px)}
#where-we-run .band-top{position:absolute;top:0;left:0;width:100%}
#where-we-run .run-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-7)}
#where-we-run h2{margin:0;color:var(--c-dark-text)}
#where-we-run .run-copy p{margin:0 0 var(--sp-5);max-width:46ch;font-size:1rem;color:rgba(245,243,239,.88)}
#where-we-run .run-spec{margin:0}
#where-we-run .run-spec dd{margin:0}
#where-we-run .map-panel{padding:var(--sp-4);border-top:1px solid rgba(232,185,35,.35);border-bottom:1px solid rgba(232,185,35,.35);background:rgba(245,243,239,.03);margin-inline:calc(-1 * var(--gutter))}
#where-we-run .map-svg{display:block;width:100%;height:auto}
#where-we-run .map-svg .ring{fill:none;stroke:#E8B923;stroke-width:1;opacity:.55}
#where-we-run .map-svg text{font-family:var(--ff-body);font-weight:500;font-size:18px;letter-spacing:.06em;fill:var(--c-dark-text)}
#where-we-run .map-svg .ring-label{fill:rgba(245,243,239,.66)}
#where-we-run .map-note{margin:var(--sp-4) 0 0;font-family:var(--ff-body);font-weight:500;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(245,243,239,.66)}
@media (min-width:768px){#where-we-run .map-panel{margin-inline:0;padding:var(--sp-5);border:1px solid rgba(232,185,35,.35)}
#where-we-run .map-svg text{font-size:15px}}
@media (min-width:1024px){#where-we-run .run-grid{grid-template-columns:5fr 7fr;gap:clamp(2rem,4vw,4rem);align-items:start}}

#oversize-escorted-chained-down{position:relative;background:var(--c-bg);padding-bottom:clamp(3.25rem,2.25rem + 4vw,6.5rem)}
#oversize-escorted-chained-down .deck-strip{width:100%;background:var(--c-dark-bg);padding:clamp(1.5rem,1rem + 3vw,3rem) var(--gutter)}
#oversize-escorted-chained-down .deck-fig{display:block;width:100%;max-width:1100px;height:auto;margin-inline:auto}
#oversize-escorted-chained-down .deck-body{padding-top:clamp(2.25rem,1.75rem + 2.5vw,4rem)}
#oversize-escorted-chained-down .deck-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-6)}
#oversize-escorted-chained-down .deck-caption{margin:0 0 var(--sp-5);font-family:var(--ff-body);font-weight:500;font-size:.75rem;line-height:1.5;letter-spacing:.12em;text-transform:uppercase;color:var(--c-meta)}
#oversize-escorted-chained-down h2{margin:0;max-width:16ch}
#oversize-escorted-chained-down .deck-right p{margin:0 0 var(--sp-4);max-width:58ch;font-size:1.0625rem}
#oversize-escorted-chained-down .deck-right p:last-child{margin-bottom:0}
@media (min-width:1024px){#oversize-escorted-chained-down .deck-grid{grid-template-columns:5fr 7fr;gap:clamp(2rem,4vw,4rem);align-items:start}}

#miles-hours-dollars{padding-block:clamp(2rem,1.5rem + 1.5vw,2.75rem)}
#miles-hours-dollars .specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--sp-5);list-style:none;margin:0;padding:0}
#miles-hours-dollars .spec{display:flex;flex-direction:column;gap:.35rem;padding-block:var(--sp-4);border-top:1px solid var(--c-hairline-dark)}
#miles-hours-dollars .spec__label{display:flex;align-items:center;gap:.45rem;font-family:var(--ff-body);font-weight:500;font-size:.75rem;line-height:1.4;letter-spacing:.12em;text-transform:uppercase;color:rgba(245,243,239,.62)}
#miles-hours-dollars .spec__dot{flex:0 0 auto;width:8px;height:8px;background:var(--c-accent)}
#miles-hours-dollars .spec__value{font-family:var(--ff-display);font-weight:700;font-size:1.625rem;line-height:1.05;letter-spacing:.01em;text-transform:uppercase;color:var(--c-secondary)}
@media (min-width:768px){#miles-hours-dollars .specs{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 clamp(1.5rem,3vw,3rem)}
#miles-hours-dollars .spec{padding-block:var(--sp-5)}
#miles-hours-dollars .spec__value{font-size:2.125rem}}

#family-owned-loganville-georgia{background:var(--c-bg)}
#family-owned-loganville-georgia .about-wrap{display:grid;grid-template-columns:1fr;gap:var(--sp-5);width:100%;max-width:920px;margin-inline:auto}
#family-owned-loganville-georgia .about-slash{display:block;width:auto;height:64px;margin-bottom:var(--sp-5)}
#family-owned-loganville-georgia h2{margin:0}
#family-owned-loganville-georgia .about-rule{height:1px;border:0;margin:var(--sp-5) 0 0;background:var(--c-hairline)}
#family-owned-loganville-georgia .about-right p{margin:0;max-width:52ch;font-size:1.0625rem}
@media (min-width:768px){#family-owned-loganville-georgia .about-wrap{grid-template-columns:1fr 1.15fr;gap:clamp(2rem,4vw,3.5rem);align-items:start}
#family-owned-loganville-georgia .about-slash{height:120px}
#family-owned-loganville-georgia .about-rule{margin-top:var(--sp-6)}}

#send-us-the-load-details{position:relative;overflow:hidden;padding-top:calc(clamp(3.25rem,2.25rem + 4vw,6.5rem) + 10px)}
#send-us-the-load-details .band-top{position:absolute;top:0;left:0;width:100%}
#send-us-the-load-details .quote-wrap{width:100%;max-width:640px;margin-inline:auto;text-align:center}
#send-us-the-load-details .quote-eyebrow{margin:0 0 var(--sp-4);font-family:var(--ff-body);font-weight:700;font-size:.6875rem;line-height:1.3;letter-spacing:.16em;text-transform:uppercase;color:var(--c-dark-text)}
#send-us-the-load-details h2{margin:0;color:var(--c-dark-text)}
#send-us-the-load-details .chained-rule{margin:var(--sp-5) auto}
#send-us-the-load-details .quote-tel{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:48px;margin-bottom:var(--sp-6);font-family:var(--ff-display);font-weight:700;font-size:2rem;line-height:1;letter-spacing:.02em;color:var(--c-dark-text);text-decoration:none}
#send-us-the-load-details .quote-tel:hover,#send-us-the-load-details .quote-tel:focus-visible{color:var(--c-secondary)}
#send-us-the-load-details .quote-dot{flex:0 0 auto;width:10px;height:10px;background:var(--c-accent)}
#send-us-the-load-details .quote-sheet{padding:clamp(1.25rem,1rem + 2vw,2rem);background:var(--c-surface);border-radius:var(--radius);text-align:left}
#send-us-the-load-details .field-row{display:grid;grid-template-columns:1fr;gap:var(--sp-4)}
#send-us-the-load-details .field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:var(--sp-4);max-width:none}
#send-us-the-load-details .field-row .field{margin-bottom:0}
#send-us-the-load-details .field-row{margin-bottom:var(--sp-4)}
#send-us-the-load-details label{font-family:var(--ff-body);font-weight:700;font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;color:var(--c-text)}
#send-us-the-load-details input,#send-us-the-load-details textarea{width:100%;min-height:48px;padding:.7rem .75rem;font-family:var(--ff-body);font-size:1rem;line-height:1.5;color:var(--c-text);background:var(--c-surface);border:1px solid var(--c-hairline);border-radius:var(--radius)}
#send-us-the-load-details textarea{min-height:120px;resize:vertical}
#send-us-the-load-details input::placeholder,#send-us-the-load-details textarea::placeholder{color:var(--c-meta)}
#send-us-the-load-details input:focus,#send-us-the-load-details textarea:focus{border-color:var(--c-text);outline:3px solid var(--c-accent);outline-offset:1px}
#send-us-the-load-details .btn{min-height:52px;margin-top:var(--sp-2)}
@media (min-width:600px){#send-us-the-load-details .field-row{grid-template-columns:1fr 1fr;gap:var(--sp-4)}}
@media (min-width:768px){#send-us-the-load-details .quote-tel{font-size:2.75rem}}
/* hand correction 2026-08-26: hero legibility + mobile focal point */
#hero .hero-eyebrow{display:inline-flex;align-items:center;padding:6px 10px;font-weight:700;color:var(--c-text);background:var(--c-secondary);border-radius:2px;opacity:1}
@media (max-width:767px){#hero .hero-media img{object-position:58% 50%}}