/* Capability-first equipment page. Shared fleet preview markup remains unchanged. */
.equipment-page { --equipment-line: #c5cfc2; }
.equipment-page section[id], .equipment-page article[id] { scroll-margin-top: 24px; }
.equipment-intro { padding: 44px 0 36px; background: #f5f6f2; }
.equipment-intro-grid { display: grid; grid-template-columns: 1.4fr .7fr; gap: clamp(32px, 7vw, 100px); align-items: center; }
/* Intro typography and alignment are shared with Services and Materials in site.css. */
.equipment-eyebrow { text-transform: uppercase; letter-spacing: .13em; font-size: .72rem; font-weight: 650; color: #526d5c; margin: 0 0 12px; }
.equipment-jumps { display: grid; align-content: start; border-top: 2px solid #28473d; padding-top: 18px; }
.equipment-jumps a { display: flex; align-items: center; justify-content: space-between; min-height: 44px; padding: 8px 0; border-bottom: 1px solid var(--equipment-line); font-size: .875rem; text-decoration: none; }
.equipment-jumps a:hover { text-decoration: underline; text-underline-offset: 4px; }
.equipment-page a:focus-visible { outline: 3px solid #806a38; outline-offset: 4px; }
.equipment-trailers, .equipment-fleet { padding-block: 44px; }
.equipment-section-heading { display: grid; grid-template-columns: 1fr 1fr; align-items: end; gap: 32px; margin-bottom: 24px; }
.equipment-page h2 { font-size: clamp(1.65rem, 2.8vw, 2.4rem); letter-spacing: -.025em; line-height: 1.2; margin: 0; color: var(--site-green); }
.equipment-section-heading > p { max-width: 480px; margin: 0; line-height: 1.65; color: var(--site-muted); font-size: .95rem; justify-self: end; }
.equipment-page figure { position: relative; margin: 0; }
.equipment-page figure > img, .equipment-page .equipment-truck-image > img:first-child { width: 100%; height: auto; display: block; border-radius: 6px; }
.equipment-truck-image { position: relative; }
.equipment-truck-image .equipment-door-logo { position: absolute; height: auto; border-radius: 0; pointer-events: none; transform: skewY(1deg); }
.equipment-truck-image .equipment-door-logo-mack-anthem { width: 7.3%; left: 52.4%; top: 42.5%; }
.equipment-truck-image .equipment-door-logo-freightliner-cascadia { width: 6.1%; left: 53.7%; top: 40.4%; }
.equipment-truck-image .equipment-door-logo-volvo-vnm64t { width: 7.1%; left: 51.6%; top: 42.6%; transform: skewY(-1deg); }
.equipment-truck-image .equipment-door-logo-kenworth-t440 { width: 5.8%; left: 47.4%; top: 42.4%; transform: skewY(1deg); }
.equipment-page figcaption { position: absolute; right: 8px; bottom: 8px; width: max-content; max-width: calc(100% - 16px); box-sizing: border-box; margin: 0; padding: 0; background: transparent; color: #554b40; font-size: .6875rem; font-weight: 400; line-height: 1.4; text-align: right; }
.equipment-quantity-badge { position: absolute; top: 10px; left: 10px; padding: 8px 10px; border-radius: 4px; background: #1c4037; color: #fff; font-size: .8rem; font-weight: 650; line-height: 1; }
.equipment-trailer-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; }
.equipment-type-copy, .equipment-truck-copy { padding-top: 20px; }
.equipment-page h3 { font-size: 1.35rem; letter-spacing: -.02em; line-height: 1.3; margin: 0 0 8px; color: var(--site-green); }
.equipment-page .equipment-model { font-size: .8rem; color: #526d5c; margin: 0 0 14px; line-height: 1.6; }
.equipment-type-copy > p:not(.equipment-model), .equipment-truck-copy > p:not(.equipment-model) { font-size: .92rem; line-height: 1.7; color: var(--site-muted); margin: 0; }
.equipment-facts { padding-left: 18px; margin: 16px 0 0; font-size: .85rem; line-height: 1.6; color: var(--site-muted); }
.equipment-facts li + li { margin-top: 6px; }
.equipment-note { border-top: 1px solid var(--equipment-line); padding-top: 18px; color: var(--site-muted); font-size: .8rem; line-height: 1.7; margin: 28px 0 0; }
.equipment-tandem { padding-block: 44px; background: #e8eee5; }
.equipment-tandem-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: clamp(28px, 5vw, 64px); align-items: center; }
.equipment-tandem figure { width: 100%; max-width: 660px; justify-self: end; }
.equipment-tandem .equipment-model { margin-top: 12px; }
.equipment-tandem-copy > p:not(.equipment-eyebrow, .equipment-model) { font-size: .95rem; line-height: 1.7; color: var(--site-muted); }
.equipment-job-details { margin: 22px 0; }
.equipment-job-details > div { padding: 12px 0; border-top: 1px solid #bdcbb7; display: grid; grid-template-columns: 105px 1fr; gap: 16px; font-size: .85rem; line-height: 1.6; }
.equipment-job-details dt { font-weight: 600; }
.equipment-job-details dd { margin: 0; color: var(--site-muted); }
.equipment-tandem .text-link { display: inline-flex; align-items: center; min-height: 44px; }
.equipment-fleet-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; }
.equipment-fleet-grid h3 { font-size: 1.15rem; }
.equipment-fleet-grid .equipment-truck-copy { padding-top: 16px; }
.equipment-fleet-grid .equipment-model { margin-bottom: 8px; }
.equipment-fleet-grid .equipment-truck-copy > p:not(.equipment-model) { font-size: .85rem; }
.equipment-cta { background: #f1eee5; padding-block: 40px 24px; }
.equipment-cta-main { display: grid; grid-template-columns: 1fr auto; gap: 48px; align-items: center; }
.equipment-cta-main > div > p:not(.equipment-eyebrow) { max-width: 680px; line-height: 1.7; color: var(--site-muted); font-size: .95rem; }
.equipment-cta-actions { display: grid; justify-items: stretch; gap: 10px; min-width: 220px; text-align: center; }
.equipment-cta-actions a { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; gap: 12px; }
.equipment-careers { border-top: 1px solid #c9cebf; padding-top: 20px; margin: 20px 0 0; font-size: .8rem; line-height: 1.7; color: var(--site-muted); }
.equipment-careers a { display: inline-flex; align-items: center; min-height: 44px; text-underline-offset: 4px; }
@media (max-width: 900px) {
  .equipment-intro-grid { grid-template-columns: 1.2fr .8fr; gap: 28px; }
  .equipment-tandem-grid { grid-template-columns: 1fr 1fr; gap: 28px; }
  .equipment-fleet-grid { gap: 20px; }
  .equipment-job-details > div { grid-template-columns: 1fr; gap: 4px; }
}
@media (max-width: 700px) {
  .equipment-intro { padding-block: 28px; }
  .equipment-intro-grid, .equipment-section-heading, .equipment-tandem-grid, .equipment-cta-main { grid-template-columns: minmax(0, 1fr); gap: 22px; }
  .equipment-jumps { padding-top: 14px; }
  .equipment-jumps .equipment-eyebrow { margin-bottom: 4px; }
  .equipment-section-heading > p { justify-self: start; }
  .equipment-trailers, .equipment-fleet, .equipment-tandem { padding-block: 32px; }
  .equipment-trailer-grid, .equipment-fleet-grid { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .equipment-tandem figure { justify-self: center; }
  .equipment-fleet-grid article { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 18px; align-items: start; }
  .equipment-fleet-grid .equipment-truck-copy { padding-top: 0; }
  .equipment-fleet-grid h3 { font-size: 1rem; }
  .equipment-fleet-grid figcaption { position: static; width: auto; max-width: none; font-size: .625rem; margin-top: 4px; text-align: left; }
  .equipment-fleet-grid .equipment-quantity-badge { top: 6px; left: 6px; font-size: .7rem; padding: 6px 8px; }
  .equipment-cta-actions { justify-items: start; }
  .equipment-cta-actions .site-primary-button { min-width: 220px; white-space: normal; }
}
@media (max-width: 360px) {
  .equipment-fleet-grid article { grid-template-columns: minmax(0, 1fr); gap: 12px; }
}