body{--bg:#1c1d1b;--ink:#f2f0e7;--accent:#ff743c;--line:#ffffff30;--display:'Archivo Black',sans-serif;--body:'Space Grotesk',sans-serif}
.site-nav{padding:24px 4vw}
.wordmark{color:#ff743c;font-size:36px;font-style:italic}
.torque-cover{padding:50px 4vw 0}
.torque-cover h1{font-size:clamp(65px,9vw,145px);letter-spacing:-.065em;line-height:.97;margin:28px 0}
.torque-cover h1 span{color:#ff743c}
.torque-intro{display:flex;justify-content:space-between;align-items:center;gap:30px;margin:35px 0}
.torque-intro p{max-width:440px}
.torque-intro .action{background:#ff743c;color:#151714;border-color:#ff743c}
.torque-cover figure{height:420px}
.torque-cover img{height:385px}
.torque-cover figcaption{color:#b8bbb2}
.workshop-strip{display:flex;justify-content:space-between;padding:20px 0;color:#ff743c;font:11px 'DM Mono';border-top:1px solid var(--line)}
.torque-jobs{display:grid;grid-template-columns:1fr 1.3fr;gap:70px}
.torque-jobs h2,.torque-process h2{font-size:clamp(35px,4vw,62px)}
.job-tickets details{border-bottom:1px solid var(--line);padding:25px 0}
.job-tickets summary{display:flex;align-items:center;gap:20px;font-size:25px}
.job-tickets summary>span{font:12px 'DM Mono';color:#ff743c}
.job-tickets summary b{margin-left:auto;font:30px 'DM Mono';color:#ff743c;transition:transform .2s}
.job-tickets p{padding-left:42px;max-width:500px;font-size:15px}
.torque-process{background:#292b26}
.torque-process ol{list-style:none;padding:0;margin:45px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;counter-reset:steps}
.torque-process li{border-top:3px solid #ff743c;padding-top:22px;counter-increment:steps}
.torque-process li:before{content:'0' counter(steps);font:12px 'DM Mono';display:block;color:#ff743c;margin-bottom:22px}
.torque-process b{font-size:25px}
.torque-process p{margin-top:18px;font-size:14px}
.contact{background:#ff743c;color:#191c17}
.contact h2{font-size:clamp(48px,6vw,86px)}
@media(max-width:760px){.torque-cover{padding:40px 22px 0}
.torque-cover h1{font-size:12vw}
.torque-intro{align-items:start;flex-direction:column}
.torque-cover figure{height:270px}
.torque-cover img{height:235px}
.workshop-strip{font-size:8px;gap:15px}
.torque-jobs{grid-template-columns:1fr;gap:10px}
.torque-process ol{grid-template-columns:1fr}
.job-tickets summary{font-size:21px}
}