/* Automotive / industrial type, a wide mechanical image and a service checklist. */
.brand{font-family:var(--sans);font-size:27px;font-weight:800}.site-header{border-color:#202b3030}.hero{display:block;padding:45px 0 55px}.hero .hero-copy{display:grid;grid-template-columns:1.35fr .65fr;gap:0 7%}.hero .kicker{grid-column:1/-1;color:#a94312}.hero h1{font-family:var(--sans);font-weight:900;font-size:clamp(58px,7vw,98px);line-height:1;letter-spacing:-4px}.hero h1 em{font-style:normal;color:#a94312}.hero .intro{margin:0;align-self:end;font-size:15px}.hero .hero-actions{grid-column:1/-1}.hero .button{background:#202b30;color:#fff;border-color:#202b30}.hero .visual{height:430px;margin-top:40px;background:#202b30;--ink:#f5f3ee;--bg:#202b30;--muted:#d4d8d6;--line:#ffffff55}.hero .slide img{object-position:50% 50%;filter:saturate(.4)}.technical-list{display:block}.technical-list .service{display:grid;grid-template-columns:65px 1fr 1fr;gap:25px;border-bottom:1px solid var(--line);padding:30px 0}.technical-list .service-index{margin:0;font-size:20px;font-family:monospace;color:#a94312}.technical-list .service h3{font-weight:700}.technical-list .service a{grid-column:3;margin-top:0}.vehicle-desk{background:#202b30;color:#f5f3ee;--ink:#f5f3ee;--bg:#202b30;--muted:#d4d8d6;--line:#ffffff55;grid-template-columns:.7fr 1.3fr}.vehicle-desk .choice{border-width:0 0 1px;padding-left:0;padding-right:0}.vehicle-desk .choice.active{background:transparent;color:#f5bb96;border-color:#f5bb96}.vehicle-desk h2{font-family:var(--sans);font-weight:bold}.vehicle-desk .brief-card{background:#f5f3ee;--ink:#202b30;--bg:#f5f3ee;--muted:#586267;--line:#bbc2c2;color:#202b30;border:0}.vehicle-desk .button{background:#202b30;color:white}.about{display:block;background:#e6e7e1}.about-head{display:grid;grid-template-columns:1fr 1fr;gap:0 7%}.about-head .kicker{grid-column:1/-1}.about-head>p:not(.kicker){margin:0}.about .process{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:50px}.process article{display:block}.process h3{margin:18px 0}.workshop-window{grid-template-columns:1.3fr 1fr;gap:20px}.workshop-window .gallery-item:first-child{grid-row:span 2}.workshop-window .gallery-item:first-child img{aspect-ratio:3/4}.workshop-window .gallery-item:not(:first-child) img{aspect-ratio:2.2/1}.workshop-window .gallery-item .project-caption{padding:12px 0}
@media(max-width:760px){.hero .hero-copy{display:block}.hero h1{font-size:48px;letter-spacing:-2px}.hero .intro{margin-top:24px}.hero .visual{height:355px;margin-top:30px}.technical-list .service{display:block}.technical-list .service-index{margin-bottom:20px}.technical-list .service a{margin-top:20px}.vehicle-desk{grid-template-columns:1fr}.about-head{display:block}.about-head>p:not(.kicker){margin-top:24px}.about .process{display:block;margin-top:30px}.workshop-window{grid-template-columns:1fr}.workshop-window .gallery-item:first-child{grid-row:auto}.workshop-window .gallery-item:first-child img,.workshop-window .gallery-item:not(:first-child) img{aspect-ratio:4/3}}
/* A mechanical full-bleed cover makes this entrance distinct from the other niches. */
.hero{margin:0;padding:0;display:flex;align-items:center;min-height:740px;color:#f5f3ee;isolation:isolate}.hero .hero-copy{display:block;width:100%;max-width:970px;padding:75px 6% 140px}.hero h1{font-size:clamp(60px,6.2vw,88px);color:#f5f3ee}.hero h1 em{color:#f3a67b}.hero .kicker{color:#f3a67b}.hero .intro{margin-top:26px;max-width:440px;color:#e0e6e7}.hero .hero-actions{justify-content:flex-start}.hero .button{background:#f5f3ee;color:#202b30;border-color:#f5f3ee}.hero .text-link{color:#f5f3ee;border-color:#f5f3ee80}.hero .visual{position:absolute;inset:0;height:100%;margin:0;z-index:-2;border:0}.hero .visual:after{inset:0 0 76px;height:auto;background:linear-gradient(90deg,#10202bef 0%,#10202bcc 45%,#10202b33 100%)}.hero .visual-note{left:auto;right:6%;top:24px}.hero .carousel-controls{right:6%}.hero .carousel-caption{left:6%}.hero .slide img{filter:grayscale(.6)}
@media(max-width:760px){.hero{min-height:720px}.hero .hero-copy{padding:60px 6% 150px}.hero h1{font-size:49px;letter-spacing:-2px}.hero .visual{height:100%}.hero .visual:after{background:linear-gradient(90deg,#10202bed,#10202b9c)}.hero .visual-note{font-size:8px}.hero .intro{font-size:15px}}