.header{color:var(--paper);background:var(--ink);width:100%;max-width:none;padding-inline:max(56px,calc((100vw - 1320px)/2))}
.header .brand span{color:#f05d51}
.header a:hover{color:white}
.hero-inner{padding-top:55px}
.hero-copy h1{font-size:clamp(64px,6.6vw,96px)}
.hero-copy h1:after{content:'';display:block;width:100px;height:5px;background:var(--accent);margin-top:25px;transform-origin:left}
.hero-caption{font-weight:600}
.button{position:relative;overflow:hidden;transition:background .16s,box-shadow .16s}
.button svg{transition:transform .16s cubic-bezier(.16,1,.3,1)}
.button:hover svg{transform:translate(3px,-3px)}
.button:active{box-shadow:inset 0 2px 7px #181b1e55}
.service-list{display:grid;grid-template-columns:1.2fr 1fr 1fr;border:0;gap:0 34px}
.repair-service{padding:26px 0;border-top:1px solid var(--line)}
.repair-service h3{font:600 27px/1.2 Oswald,sans-serif;letter-spacing:-.02em;margin-bottom:18px}
.repair-service p{font-size:13px;line-height:1.8;color:var(--muted)}
.repair-service a{display:inline-block;margin-top:20px;color:var(--accent);font-size:13px;text-decoration:underline}
.repair-service:first-child{grid-row:span 2;background:var(--ink);color:var(--paper);padding:32px;border:0;display:flex;flex-direction:column;justify-content:space-between}
.repair-service:first-child h3{font-size:37px;max-width:12ch}
.repair-service:first-child p{color:var(--steel)}
.repair-service:first-child a{color:var(--paper);padding-bottom:20px;border-bottom:3px solid var(--accent)}
.workshop .gallery-image img{transition:filter .2s,transform .3s cubic-bezier(.16,1,.3,1)}
.workshop .gallery-image:hover img{filter:contrast(1.06);transform:scale(1.035)}
.workshop .gallery-image:after{content:'';position:absolute;right:18px;top:18px;width:18px;height:18px;border-top:2px solid white;border-right:2px solid white;transition:transform .2s}
.workshop .gallery-image:hover:after{transform:translate(4px,-4px)}
@media(prefers-reduced-motion:no-preference){
  .hero-photo{animation:rs-shutter .75s cubic-bezier(.16,1,.3,1)}
  .hero-copy h1:after{animation:rs-ignition .65s cubic-bezier(.16,1,.3,1)}
  .lightbox[open]{animation:rs-inspect .22s cubic-bezier(.16,1,.3,1)}
  @keyframes rs-shutter{from{clip-path:inset(0 0 75% 0)}to{clip-path:inset(0)}}
  @keyframes rs-ignition{from{transform:scaleX(.08)}to{transform:scaleX(1)}}
  @keyframes rs-inspect{from{clip-path:inset(0 0 14% 0);opacity:.7}to{clip-path:inset(0);opacity:1}}
}
@media(max-width:1100px){.header{padding-inline:32px}.service-list{gap:0 24px}.repair-service:first-child{padding:25px}.repair-service:first-child h3{font-size:32px}.repair-service h3{font-size:25px}}
@media(max-width:760px){.header{padding-inline:20px}.hero-copy h1{font-size:clamp(47px,10.7vw,72px)}.hero-inner{padding-top:30px}.hero-photo{top:360px}.hero,.hero-inner{min-height:790px}.hero-copy h1:after{height:4px;margin-top:20px;width:80px}.service-list{grid-template-columns:minmax(0,1fr);gap:0}.repair-service:first-child{grid-row:auto;padding:28px;margin-bottom:15px}.repair-service:first-child h3{font-size:34px;max-width:none}.repair-service{padding-block:25px}.repair-service h3{font-size:28px}.repair-service a{margin-top:15px}}