@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,700;0,800;0,900;1,800;1,900&family=Inter:wght@400;500;600;700;800&display=swap";:root{--red:#e72922;--ink:#0b0c0e;--paper:#f1f0ec}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}.concept{color:#aeb1b1;text-align:center;letter-spacing:.2em;background:#050607;padding:8px 20px;font-size:9px}.brand{letter-spacing:.04em;align-items:center;gap:12px;font:900 21px/.95 Barlow Condensed;display:flex}.brand img{object-fit:cover;border-radius:50%;width:50px;height:50px}.brand span{flex-direction:column;display:flex}.brand small{letter-spacing:.14em;color:#747878;margin-top:5px;font:700 8px Inter}nav{z-index:10;background:#fff;border-bottom:1px solid #d5d5d2;justify-content:space-between;align-items:center;height:82px;padding:0 5vw;display:flex;position:relative}.navlinks{text-transform:uppercase;letter-spacing:.12em;gap:34px;font-size:11px;font-weight:800;display:flex}.button{background:var(--red);color:#fff;text-transform:uppercase;letter-spacing:.11em;cursor:pointer;border:0;justify-content:space-between;align-items:center;gap:28px;padding:17px 22px;font-size:11px;font-weight:800;display:inline-flex;box-shadow:5px 5px #111}.button b{font-size:17px}.button.small{padding:13px 17px;box-shadow:4px 4px #111}.hero{color:#fff;background:#111;align-items:center;min-height:700px;display:flex;position:relative;overflow:hidden}.hero-photo{background:url(/garage-hero.jpg) 50%/cover;position:absolute;inset:0}.hero-shade{background:linear-gradient(90deg,#030405fa,#030405e0 40%,#03040533 75%,#0304055c),linear-gradient(#0000 45%,#00000094);position:absolute;inset:0}.grid{background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:58px 58px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 70%);mask-image:linear-gradient(90deg,#000,#0000 70%)}.hero-copy{z-index:2;max-width:820px;padding:80px 7vw;position:relative}.eyebrow,.kicker{letter-spacing:.2em;color:var(--red);font-size:10px;font-weight:800}.eyebrow{color:#d6d8d7;margin-bottom:22px}.eyebrow i{background:var(--red);width:8px;height:8px;margin-right:10px;display:inline-block}.hero h1,.section-head h2,.work h2,.process h2,.about h2,.estimate h2{letter-spacing:-.025em;text-transform:uppercase;margin:0;font:900 92px/.82 Barlow Condensed}.hero h1 em,.section-head h2 em,.work h2 em,.process h2 em,.about h2 em,.estimate h2 em{color:var(--red);font-style:italic}.hero-copy>p{color:#c9cccb;max-width:560px;margin:28px 0 35px;font-size:17px;line-height:1.65}.actions{align-items:center;gap:34px;display:flex}.phone{letter-spacing:.14em;border-bottom:1px solid var(--red);padding-bottom:6px;font:800 11px Inter}.hero-card{z-index:3;border-left:5px solid var(--red);background:#08090ae6;min-width:210px;padding:22px 26px;position:absolute;bottom:70px;right:5vw}.hero-card span{letter-spacing:.2em;color:#aaa;font-size:8px}.hero-card strong{margin:4px 0 12px;font:900 30px Barlow Condensed;display:block}.hero-card p{text-transform:uppercase;letter-spacing:.1em;color:#b7bab9;font:700 11px/1.6 Inter}.scroll{z-index:2;letter-spacing:.2em;font-size:8px;position:absolute;bottom:24px;left:7vw}.ticker{background:var(--red);color:#fff;white-space:nowrap;letter-spacing:.13em;padding:16px 0;font:900 18px Barlow Condensed;overflow:hidden}.ticker div{width:max-content;animation:25s linear infinite move}.ticker b{color:#111;margin:0 25px}@keyframes move{to{transform:translate(-46%)}}.services{padding:110px 6vw}.section-head{grid-template-columns:1.1fr .7fr;align-items:end;gap:10vw;display:grid}.section-head h2,.work h2,.process h2,.about h2,.estimate h2{font-size:65px}.section-head>p{color:#5d6260;font-size:14px;line-height:1.75}.service-grid{border-top:1px solid #b9b9b5;border-left:1px solid #b9b9b5;grid-template-columns:repeat(4,1fr);margin-top:70px;display:grid}.service-grid article{border-bottom:1px solid #b9b9b5;border-right:1px solid #b9b9b5;min-height:340px;padding:28px 24px;transition:all .25s;position:relative}.service-grid article:hover{color:#fff;background:#101214;transform:translateY(-7px)}.service-grid span{color:var(--red);font:800 11px Inter}.line{background:var(--red);width:38px;height:3px;margin:42px 0 25px}.service-grid h3{text-transform:uppercase;font:900 27px/1 Barlow Condensed}.service-grid p{color:#666c69;font-size:12px;line-height:1.7}.service-grid article:hover p{color:#aeb3b1}.service-grid a{text-transform:uppercase;letter-spacing:.13em;font-size:9px;font-weight:800;position:absolute;bottom:25px}.work{color:#fff;background:#0a0b0d;grid-template-columns:.33fr 1fr;gap:6vw;padding:100px 6vw;display:grid}.work-title{height:max-content;position:sticky;top:40px}.work-title p{color:#858988;font-size:11px}.kicker.light{color:#fff}.gallery{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.gallery figure{background:#191b1d;min-height:440px;margin:0;position:relative;overflow:hidden}.gallery figure.wide{grid-column:1/-1;min-height:480px}.gallery img{object-fit:cover;width:100%;height:100%;transition:all .5s;position:absolute}.gallery figure:hover img{transform:scale(1.03)}.gallery figcaption{background:linear-gradient(#0000,#000000e6);justify-content:space-between;align-items:end;padding:24px;display:flex;position:absolute;bottom:0;left:0;right:0}.gallery b{text-transform:uppercase;font:900 24px Barlow Condensed}.gallery span{letter-spacing:.16em;text-transform:uppercase;font-size:8px}.process{grid-template-columns:1fr 1fr;align-items:center;gap:9vw;padding:100px 7vw;display:grid}.steps{border-top:1px solid #aaa}.steps div{border-bottom:1px solid #aaa;grid-template-columns:70px 1fr;padding:25px 0;display:grid}.steps b{color:var(--red);font:900 18px Barlow Condensed}.steps span{text-transform:uppercase;font:800 17px Barlow Condensed}.about{background:var(--red);color:#fff;grid-template-columns:.7fr 1fr;align-items:center;gap:10vw;padding:100px 8vw;display:grid}.about-mark{background:#fff;padding:40px;transform:rotate(-3deg);box-shadow:18px 18px #0003}.about-mark img{border-radius:50%;width:100%;display:block}.about h2 em{color:#111}.about p{color:#ffe1de;max-width:600px;font-size:14px;line-height:1.75}.text-link{text-transform:uppercase;letter-spacing:.14em;border-bottom:1px solid #fff;margin-top:20px;padding-bottom:6px;font-size:10px;font-weight:800;display:inline-block}.estimate{color:#fff;background:#101214;grid-template-columns:.8fr 1fr;gap:9vw;padding:100px 7vw;display:grid}.estimate-copy>p{color:#aeb2b0;max-width:520px;line-height:1.7}.contact{flex-direction:column;gap:10px;margin-top:32px;font-weight:800;display:flex}.contact a:first-child{color:var(--red);font-size:20px}.estimate form{background:var(--paper);color:#111;flex-direction:column;gap:18px;padding:34px;display:flex}.estimate label{letter-spacing:.13em;text-transform:uppercase;flex-direction:column;gap:8px;font-size:9px;font-weight:800;display:flex}.estimate input,.estimate select,.estimate textarea{background:0 0;border:0;border-bottom:1px solid #aaa;outline:none;padding:12px 0;font:14px Inter}.estimate textarea{resize:vertical;min-height:78px}.row{grid-template-columns:1fr 1fr;gap:22px;display:grid}.submit{width:100%}footer{color:#fff;background:#060708;border-top:1px solid #333;grid-template-columns:1fr 1fr 1fr auto;align-items:center;gap:25px;padding:42px 6vw;display:grid}footer p{color:#898e8c;font-size:10px;line-height:1.7}footer>div{text-transform:uppercase;letter-spacing:.12em;gap:18px;font-size:9px;display:flex}footer>small{color:#777;font-size:8px}footer>small a{color:var(--red)}@media (max-width:900px){.navlinks{display:none}.hero h1{font-size:70px}.hero-card{display:none}.section-head,.work,.process,.about,.estimate{grid-template-columns:1fr}.service-grid,.gallery{grid-template-columns:1fr 1fr}.gallery figure:last-child{grid-column:1/-1}.work-title{position:static}.section-head h2,.work h2,.process h2,.about h2,.estimate h2{font-size:54px}footer{grid-template-columns:1fr 1fr}}@media (max-width:560px){nav{height:70px;padding:0 4vw}.brand img{width:42px;height:42px}.brand{font-size:17px}.button.small{gap:0;font-size:0}.button.small:after{content:"QUOTE";font-size:9px}.hero{min-height:650px}.hero-copy{padding:70px 6vw}.hero h1{font-size:55px}.hero-copy>p{font-size:14px}.actions{flex-direction:column;align-items:flex-start}.services,.work,.process,.about,.estimate{padding:75px 6vw}.service-grid{grid-template-columns:1fr}.service-grid article{min-height:280px}.gallery{grid-template-columns:1fr}.gallery figure,.gallery figure.wide{grid-column:auto;min-height:390px}.row,footer{grid-template-columns:1fr}.concept{font-size:7px}}.hero{min-height:640px}.hero h1{font-size:82px;line-height:.88}.hero h1 em{font-style:normal}.hero-card{border-left:4px solid var(--red);background:#08090af0;box-shadow:0 16px 40px #00000047}.button{box-shadow:none;border-radius:2px}.button:hover{background:#c91e18}.trustbar{background:#fff;border-bottom:1px solid #d4d4d0;grid-template-columns:repeat(3,1fr);padding:0 6vw;display:grid}.trustbar div{border-right:1px solid #d4d4d0;align-items:center;gap:14px;padding:24px 28px;display:flex}.trustbar div:first-child{border-left:1px solid #d4d4d0}.trustbar strong{color:var(--red);letter-spacing:.05em;font:900 20px Barlow Condensed}.trustbar span{color:#5d6260;text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:700}.service-grid article:hover{box-shadow:inset 0 4px 0 var(--red);transform:none}.about-mark{transform:none;box-shadow:0 18px 45px #0000002e}@media (max-width:900px){.trustbar{padding:0 4vw}.trustbar div{padding:20px 14px}.hero h1{font-size:66px}}@media (max-width:560px){.hero h1{font-size:50px}.trustbar{grid-template-columns:1fr}.trustbar div,.trustbar div:first-child{border-bottom:1px solid #e0e0dc;border-left:0;border-right:0}.trustbar div:last-child{border-bottom:0}}
