.custom-page{scroll-margin-top:52px;background:#030303;color:#f5f5f5;border-bottom:1px solid #987300}
.custom-hero{height:285px;position:relative;overflow:hidden;border-bottom:1px solid #987300}.custom-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 58%}.custom-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#030303 0,rgba(3,3,3,.94) 31%,rgba(3,3,3,.55) 51%,rgba(3,3,3,.05) 75%)}.custom-hero>div:last-child{position:relative;z-index:2;padding:35px 0 20px max(44px,calc((100vw - 1500px)/2 + 44px))}.custom-hero h2{font:700 49px/.95 WorkshopCondensed,sans-serif;margin:0}.custom-hero h2 strong{display:block;color:var(--yellow);font-size:72px}.custom-hero i,.custom-copy>i{display:block;width:54px;border-bottom:3px solid var(--yellow);margin:16px 0}.custom-hero p{font-size:16px;line-height:1.45;color:#e2e2e2;margin:0}
.custom-main{display:grid;grid-template-columns:37% 63%;min-height:385px;border-bottom:1px solid #987300}.custom-copy{padding:20px 52px 18px max(46px,calc((100vw - 1500px)/2 + 46px));background:#050505}.custom-copy>span{display:block;color:var(--yellow);font:800 40px/1 WorkshopCondensed,sans-serif}.custom-copy>i{margin:7px 0;width:34px}.custom-copy h2{font:700 35px/1 WorkshopCondensed,sans-serif;margin:13px 0}.custom-copy p{font-size:15px;line-height:1.45;color:#ddd;max-width:420px}.custom-copy ul{list-style:none;padding:0;margin:12px 0}.custom-copy li{font-size:15px;margin:6px 0}.custom-copy li:before{content:"✓";display:inline-grid;place-items:center;width:16px;height:16px;border:1px solid var(--yellow);border-radius:50%;color:var(--yellow);font-size:10px;margin-right:10px}
.custom-media{position:relative;min-width:0;min-height:0}
.custom-collage{position:absolute;inset:0 -65px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1.2fr) minmax(0,1fr) minmax(0,.65fr);gap:1px;padding-left:2px;background:var(--yellow);transform:skewX(-12deg);overflow:hidden}
.custom-collage>div{position:relative;min-width:0;min-height:0;overflow:hidden;background:#030303}
.custom-collage img{position:absolute;inset:0;width:100%;height:100%;min-width:0;min-height:0;object-fit:cover;border:0;transform:skewX(12deg) scale(1.15)}
.custom-collage .exhaust{grid-column:1;grid-row:1}.custom-collage .intake{grid-column:2;grid-row:1}.custom-collage .suspension{grid-column:1;grid-row:2}.custom-collage .brakes{grid-column:2;grid-row:2/4}.custom-collage .diagnostics{grid-column:1;grid-row:3}
.custom-why{width:100%;background:linear-gradient(120deg,#171717,#292929 55%,#121212);padding:10px max(30px,calc((100vw - 1500px)/2 + 30px)) 8px}.custom-why>h2{text-align:center;font:700 27px/1 WorkshopCondensed,sans-serif;margin:0 0 8px}.custom-values{display:grid;grid-template-columns:repeat(5,1fr)}.custom-values>div{text-align:center;min-height:177px;padding:4px 18px}.custom-values>div+div{border-left:1px solid #888}.custom-values img{width:58px;height:58px;object-fit:contain;margin:0 auto 4px}.custom-values b{display:block;font:700 16px/1.08 WorkshopCondensed,sans-serif}.custom-values p{font-size:13px;line-height:1.35;color:#ddd;margin:10px 0 0}.custom-disclaimer{border:1px solid #888;border-radius:14px;display:grid;grid-template-columns:100px 1fr;align-items:center;padding:11px 18px}.custom-disclaimer>span{width:76px;height:76px;border:2px solid var(--yellow);border-radius:50%;display:grid;place-items:center;color:var(--yellow);font-size:36px}.custom-disclaimer h3{color:var(--yellow);margin:0;font-size:18px}.custom-disclaimer p{font-size:13px;line-height:1.38;margin:4px 0}.custom-conditions{text-align:center;color:#ddd;font-size:13px;margin:6px 0 0}
@media(max-width:900px){.custom-hero{height:330px}.custom-hero h2 strong{font-size:61px}.custom-main{grid-template-columns:1fr}.custom-copy{padding:32px 25px}.custom-collage{height:500px}.custom-values{grid-template-columns:repeat(2,1fr)}.custom-values>div{border-bottom:1px solid #777}.custom-values>div:nth-child(odd){border-left:0}}
@media(max-width:560px){.custom-hero h2{font-size:39px}.custom-hero h2 strong{font-size:52px}.custom-hero>div:last-child{padding-left:24px}.custom-collage{height:auto;display:grid;grid-template-columns:1fr}.custom-collage img,.custom-collage .exhaust,.custom-collage .intake,.custom-collage .suspension,.custom-collage .brakes,.custom-collage .diagnostics{grid-column:1;grid-row:auto;height:220px}.custom-values{grid-template-columns:1fr}.custom-values>div+div{border-left:0}.custom-disclaimer{grid-template-columns:1fr;text-align:center}.custom-disclaimer>span{margin:0 auto 10px}}

/* Let the copy set the section height, not the photos' intrinsic dimensions. */
.custom-main{grid-template-columns:minmax(0,43%) minmax(0,57%);min-height:430px;overflow:hidden}
.custom-copy{padding-right:72px;min-width:0}
.custom-hero{height:220px}
.electrical-pricing{padding:12px max(30px,calc((100vw - 1500px)/2 + 30px)) 12px;background:linear-gradient(120deg,#171717,#292929 55%,#121212)}
.electrical-pricing .mechanical-disclaimer p{font-size:14px;line-height:1.45}
@media(max-width:900px){
  .custom-main{grid-template-columns:1fr;min-height:0}
  .custom-copy{padding:26px 25px}
  .custom-copy p{max-width:640px}
  .custom-media{height:330px;margin-left:36px}
  .custom-collage{height:auto;inset:0 -36px 0 0;transform:skewX(-10deg)}
  .custom-collage img{transform:skewX(10deg) scale(1.15)}
  .custom-hero{height:180px}
}
@media(max-width:560px){
  .custom-media{height:270px;margin-left:26px}
  .custom-collage{inset:0 -26px 0 0;grid-template-columns:repeat(2,minmax(0,1fr))}
  .custom-collage img{height:100%}
  .custom-collage .exhaust,.custom-collage .intake,.custom-collage .suspension,.custom-collage .brakes,.custom-collage .diagnostics{height:auto}
  .custom-collage .exhaust{grid-column:1;grid-row:1}
  .custom-collage .intake{grid-column:2;grid-row:1}
  .custom-collage .suspension{grid-column:1;grid-row:2}
  .custom-collage .brakes{grid-column:2;grid-row:2/4}
  .custom-collage .diagnostics{grid-column:1;grid-row:3}
  .electrical-pricing{padding:14px 20px}
}