/* Public-site visual system: warm whites, charcoal type and the dealership red. */
@media screen {
  .yard-hero {
    display: grid;
    grid-template-columns: minmax(0, 46fr) minmax(0, 54fr);
    align-items: stretch;
    min-height: 0;
    background: #f4f2ee;
    isolation: isolate;
  }
  .yard-hero::before, .yard-hero::after { display: none; }
  .yard-hero .hero-in {
    grid-area: 1 / 1;
    align-self: center;
    width: auto;
    margin: 0;
    padding: clamp(44px, 5.8vw, 94px) clamp(20px, 3vw, 52px) clamp(44px, 5.8vw, 94px) max(24px, calc((100vw - 1180px)/2));
    color: #232629;
  }
  .yard-hero .eyebrow, .field-label {
    color: #99202b;
    font: 800 11px/1.6 system-ui, sans-serif;
    letter-spacing: .17em;
  }
  .yard-hero h1 {font-size: clamp(38px, 4.25vw, 74px); line-height: 1.27; letter-spacing: -.035em; text-shadow: none;}
  .yard-hero h1 span {color: #24272a; text-decoration: none;}
  .yard-hero .hero-lead {color: #4b4c4e; line-height: 1.95; font-size: 15px;}
  .yard-hero .hero-actions {gap: 10px; margin-top: 26px;}
  .yard-hero .btn {min-height: 48px; gap: 10px; padding: 0 17px; border-radius: 3px;}
  .yard-hero .btn-secondary {border: 1px solid #c9c5bf;}
  .yard-photo {position: relative; grid-area: 1 / 2; margin: 0; overflow: hidden; background: #565c60;}
  .yard-photo img {display: block; position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}
  .yard-photo figcaption {position: absolute; bottom: 0; right: 0; padding: 9px 18px; background: #24272a; color: #fff; font-size: 11px; letter-spacing: .09em;}
  .yard-photo figcaption span {color: #eb9094;}
  .quick {margin: 0; background: #fff; border-bottom: 1px solid #dedbd6;}
  .quick-grid {border: 0; border-radius: 0; box-shadow: none;}
  .quick a {display: grid; grid-template-columns: auto 1fr; align-content: center; text-align: left; gap: 0 12px;}
  .quick i {grid-row: span 2; align-self: center; margin: 0;}
  .section:not(.contact) .head {text-align: left; border-bottom: 1px solid #d6d2cd; padding-bottom: 20px;}
  .section:not(.contact) .head h2::after {display: none;}
  .section:not(.contact) .head p {margin-left: 0;}
  .section:not(.contact) .head h2 {letter-spacing: -.025em;}
  html.renewal body {background-color: #f5f4f1;}
  html.renewal #contents #main {border-top: 3px solid #302e30; border-radius: 4px;}
  html.renewal #contents #main > h2 {font-size: clamp(24px, 3vw, 42px); letter-spacing: -.025em; line-height: 1.35; border-bottom: 1px solid #d9d6d2;}
  html.renewal #contents #main > h2::before {content: ""; display: inline-block; width: 5px; height: .85em; margin-right: .4em; background: #ac202d;}
  .r-search > summary {letter-spacing: .035em;}
  .r-footer {border-top: 4px solid #a31f2c;}
  .inspection-intro {
    display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr);
    width: min(1180px, calc(100% - 40px)); margin: 34px auto 0;
    overflow: hidden; background: #25292b; color: white;
  }
  .inspection-copy {align-self: center; padding: clamp(26px, 4.5vw, 68px);}
  .inspection-copy .field-label {color: #ffb2b4; display: block; border-left: 28px solid #c1323e; padding-left: 10px; line-height: 1;}
  .inspection-copy h1 {margin: 18px 0; font: 850 clamp(36px, 4.5vw, 68px)/1.2 sans-serif; color: white; letter-spacing: -.035em;}
  .inspection-copy p {margin: 0; color: #e1e2e2; font-size: 15px; line-height: 1.8;}
  .inspection-intro > img {align-self: stretch; width: 100%; height: 100%; min-height: 0; object-fit: cover;}
  .inspection-links {display: flex; flex-wrap: wrap; gap: 14px; align-items: center; margin-top: 24px;}
  .inspection-links a {color: white; font-weight: bold; font-size: 14px; text-underline-offset: 4px;}
  .inspection-links a:first-child {display: inline-flex; align-items: center; gap: 8px; background: #b42130; padding: 13px 16px; text-decoration: none;}
  .inspection-links a:hover {text-decoration: underline;}
  .inspection-steps {display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; margin: 28px 0 36px;}
  .inspection-steps article {min-width: 0; border-top: 3px solid #b32130;}
  .inspection-steps img {display: block; width: 100%; aspect-ratio: 2/1; object-fit: cover;}
  html.renewal #contents #main .inspection-steps h3,
  html.renewal #contents #main #inspection-docs {
    width: auto; height: auto; margin: 16px 0 9px; border: 0; background: none; text-indent: 0;
    color: #27292a; font: bold 19px/1.5 sans-serif;
  }
  .inspection-steps small {color: #a32230; font: bold 13px/1 sans-serif;}
  html.renewal #contents #main .inspection-steps p {width: auto; margin: 0; font-size: 14px; line-height: 1.85;}
  #inspection-docs, #search {scroll-margin-top: 110px;}
}
@media screen and (max-width: 760px) {
  .yard-hero, .inspection-intro {grid-template-columns: 1fr;}
  .yard-hero .hero-in {grid-area: auto; padding: 30px 20px;}
  .yard-hero .hero-actions {display: flex;}
  .yard-hero .btn {width: auto;}
  .yard-photo {grid-area: 2/1; height: clamp(170px, 42vw, 280px);}
  .quick a {display: block; text-align: center;}
  .inspection-intro {margin-top: 16px; width: calc(100% - 28px);}
  .inspection-intro > img {height: clamp(160px, 42vw, 290px);}
  .inspection-steps {grid-template-columns: 1fr; gap: 24px;}
}
@media (prefers-reduced-motion: reduce) {
  .reveal, .btn {transition: none;}
}
@media screen {
  .workshop-services {grid-template-columns:repeat(2,minmax(0,1fr));}
  #workshop-services {scroll-margin-top:100px;}
  .workshop-cases {display:grid;gap:28px;margin:26px 0;}
  .workshop-cases article {border-top:3px solid #b32130;}
  html.renewal #contents #main .workshop-cases h3 {
    margin:12px 0; padding:0; width:auto; height:auto; border:0; background:none;
    color:#27292a; font:bold 18px/1.6 sans-serif; text-indent:0;
  }
  .workshop-cases small {display:block;color:#a32230;font:bold 13px/1.6 sans-serif;}
  .case-pair {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
  .case-pair figure {position:relative;margin:0;background:#f3f2ef;}
  .case-pair img {display:block;width:100%;aspect-ratio:4/3;object-fit:contain;}
  .case-pair figcaption {position:absolute;bottom:0;left:0;padding:5px 12px;background:#292b30;color:white;font-weight:bold;}
  .case-pair figure:last-child figcaption {background:#a32230;}
}
@media screen and (max-width:760px) {
  .workshop-services, .case-pair {grid-template-columns:1fr;}
}
/* Compact contact links in the public sidebar. */
html.renewal #sub .side-contacts {display:grid;gap:8px;margin:18px 0;padding:14px;background:white;border:1px solid #dedbd6;border-radius:8px;}
html.renewal #sub .side-contacts h2 {margin:0 0 4px;padding:0 0 8px;border-bottom:2px solid #a51f2c;font:bold 16px/1.5 sans-serif;color:#292b30;}
.side-contacts > a {display:grid;align-items:center;min-height:44px;}
.side-contacts > a img {display:block;width:100%;height:auto;}
.side-contacts > a:focus-visible {outline:2px solid #a51f2c;outline-offset:2px;}
.side-contacts .side-motto {max-width:100%;height:auto;}
html.renewal #sub #favorite .wrap {display:grid;grid-template-columns:minmax(0,1fr);gap:8px;}
html.renewal #sub #favorite .wrap > div {float:none;width:auto;max-width:100%;margin:0;}
html.renewal #sub #favorite .wrap::after {display:none;}
html.renewal #contents.truck-catalog #main .catalog-contact {margin-top:28px;}
html.renewal #contents #main .result #truck_data #panel {
  aspect-ratio:4 / 3;
  height:auto;
}
html.renewal #contents #main .result #truck_data #panel img.panel {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}