@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap');
:root{--gold:#FD5B00;--dark:#1E1E1E;--ink:#1E1E1E;--paper:#F4F4F4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Montserrat',Arial,sans-serif;color:var(--ink);background:var(--paper)}a{color:inherit}button,input,textarea{font:inherit}.shell{max-width:1180px;width:calc(100% - 94px);margin:auto}.skip{position:absolute;left:10px;top:-80px;background:white;padding:8px;z-index:25}.skip:focus{top:10px}.header{background:#1E1E1E;color:#fff;position:relative;z-index:10}.header-row{height:113px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo img{width:240px;height:auto;display:block;object-fit:contain}.header nav{display:flex;align-items:center;gap:38px}.header nav a{text-decoration:none;font:700 14px 'Montserrat',Arial,sans-serif;letter-spacing:.3px;transition:color .2s}.header nav a:hover,.header nav .active{color:var(--gold)}.header nav .active{border-bottom:2px solid var(--gold);padding-bottom:8px}.header nav .nav-button{background:var(--gold);padding:19px 27px;color:#121212;border-radius:4px;margin-left:20px}.header nav .nav-button:hover{color:#111;background:#ff8a45}.menu{display:none}.hero{background:#1E1E1E;position:relative;isolation:isolate;color:#fff;overflow:hidden}.hero-photo{position:absolute;inset:0 0 0 42%;z-index:-2;background-image:url('assets/hero-workshop.webp');background-size:cover;background-position:52% 48%;filter:saturate(.85)}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#1E1E1E 0%,#1E1E1E 28%,rgba(17,20,22,.91) 43%,rgba(17,20,22,.36) 65%,rgba(17,20,22,.06) 100%)}.hero-inner{min-height:417px;display:flex;align-items:center;padding:42px 0}.hero-copy{max-width:680px}.overline{font-size:12px;letter-spacing:6px;color:#e6e6e3}h1,h2,h3{font-family:'Montserrat',Arial,sans-serif;font-weight:900}h1{font-size:clamp(50px,6vw,86px);line-height:.91;margin:14px 0 20px;letter-spacing:.2px}h1 em,h2 em{font-style:normal;color:var(--gold)}.subline{font-size:13px;letter-spacing:4px}.subline b{font-weight:400;color:var(--gold);padding:0 11px}.hero p{font-size:15px;line-height:1.65;max-width:455px;margin:21px 0 24px;color:#eee}.actions{display:flex;gap:15px;flex-wrap:wrap}.btn{display:inline-flex;gap:18px;align-items:center;justify-content:center;min-height:49px;padding:12px 22px;text-decoration:none;font:800 17px 'Montserrat',Arial,sans-serif;letter-spacing:.5px;border:0;border-radius:4px;cursor:pointer}.gold{background:var(--gold);color:#1E1E1E}.gold:hover{background:#ff8a45}.outline{color:white;border:1px solid #fff;background:rgba(0,0,0,.28)}.outline:hover{background:#ffffff1c}.services{padding:38px 0 28px;background:linear-gradient(155deg,#FFFFFF,#F4F4F4)}.center-heading{text-align:center}.section-label,.eyebrow{font:800 14px 'Montserrat',Arial,sans-serif;letter-spacing:2px}.section-label:before,.section-label:after{content:"";width:45px;height:2px;background:var(--gold);display:inline-block;vertical-align:middle;margin:0 14px}.center-heading h2{font-size:clamp(41px,5vw,61px);line-height:.95;margin:7px 0 6px}.center-heading>p{letter-spacing:3px;font-size:11px;margin:0}.center-heading>p span{color:var(--gold)}.service-columns{display:grid;grid-template-columns:repeat(3,1fr);margin:24px 0 0}.service-columns article{padding:0 30px 0 36px;border-right:1px solid #d2d1cd}.service-columns article:first-child{padding-left:20px}.service-columns article:last-child{border:0;padding-right:0}.service-heading{display:flex;align-items:center;gap:16px}.service-heading svg{width:58px;height:58px;fill:none;stroke:#111;stroke-width:4.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;filter:drop-shadow(3px 3px 0 var(--gold))}.service-heading h3{font-size:28px;margin:0;line-height:1}.service-columns ul{padding-left:80px;margin:8px 0 0;font-size:14px;line-height:1.78;list-style:none}.service-columns li{position:relative}.service-columns li:before{content:"";position:absolute;background:var(--gold);width:6px;height:6px;border-radius:50%;left:-23px;top:11px}.service-note{margin:22px 10px 0;text-align:center;font-size:11px;color:#666}.about{background:#1E1E1E;color:#f7f7f5;min-height:277px;position:relative;isolation:isolate;overflow:hidden}.about-photo{position:absolute;top:0;bottom:0;left:0;width:26%;background:url('assets/about-truck.webp') center/cover no-repeat;z-index:-1}.about:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent 0%,#1E1E1E 30%,#1E1E1E 100%)}.about-inner{display:grid;grid-template-columns:1fr 255px;gap:65px;padding:36px 0 30px;padding-left:22%}.eyebrow{border-top:2px solid var(--gold);padding-top:5px}.about h2{font-size:49px;line-height:1;margin:5px 0 17px}.about-copy p{font-size:13px;line-height:1.7;max-width:560px;margin:0 0 12px;color:#e5e4e1}.about-points{display:grid;align-content:center}.about-points>div{display:flex;align-items:center;gap:17px;border-bottom:1px solid #373e42;padding:12px 0;font:700 17px/1.05 'Montserrat',Arial,sans-serif;letter-spacing:1px}.about-points>div:last-child{border:0}.symbol{color:var(--gold);font:35px Arial;min-width:45px;text-align:center}.contact{padding:42px 0 50px;background:linear-gradient(135deg,#FFFFFF,#F4F4F4)}.contact-inner{display:grid;grid-template-columns:1.3fr .75fr;gap:65px}.contact h2{font-size:47px;line-height:1;margin:6px 0 5px}.contact h2 em{color:#FD5B00}.contact p{font-size:13px;margin:0 0 17px}.form-area label{display:block}.form-area label span{position:absolute;left:-9999px}.form-area input,.form-area textarea{width:100%;border:1px solid #c4c4c0;background:#fbfbfa;padding:12px;font-size:13px;border-radius:3px;outline-color:#FD5B00}.form-area form .row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-area form>label{margin:10px 0}.form-area textarea{resize:vertical}.form-area .submit{margin-top:0;min-width:210px}.form-area small{font-size:10px;color:#686868;display:block;margin-top:8px}.hidden{position:absolute;left:-9999px}.contact-aside{border-left:1px solid #d8d6d0;padding:30px 0 0 45px}.detail{display:flex;align-items:flex-start;gap:18px;margin-bottom:28px}.detail-icon{font-size:34px;line-height:1;color:#FD5B00;min-width:42px}.detail strong{display:block;font-size:13px}.detail strong a{text-decoration:none;overflow-wrap:anywhere}.detail small{display:block;font-size:10px;margin-top:5px;color:#6c6c6c;letter-spacing:.3px}.handwritten{font:italic 700 30px/1.05 'Montserrat',Arial,sans-serif;transform:rotate(-6deg);margin:20px 0 0 55px}.handwritten span{display:block;height:4px;background:var(--gold);width:185px;transform:rotate(-3deg);margin-top:7px}footer{background:#1E1E1E;color:#ddd} .footer-inner{display:flex;gap:22px;align-items:center;justify-content:space-between;padding:22px 0}footer span{font:800 26px 'Barlow Condensed'}footer b{color:var(--gold)}footer small{font-size:11px}footer a{font-size:11px;text-decoration:none}.menu:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
@media(max-width:900px){.shell{width:calc(100% - 42px)}.header nav{gap:21px}.header nav .nav-button{margin-left:0;padding:16px}.logo img{width:190px}.hero-copy{max-width:580px}.hero-photo{left:33%}.hero:before{background:linear-gradient(90deg,#1E1E1E 0%,rgba(17,20,22,.93) 42%,rgba(17,20,22,.38) 100%)}.service-columns article{padding:0 14px}.service-columns ul{padding-left:36px}.service-heading{gap:8px}.service-heading svg{width:43px;height:43px}.service-heading h3{font-size:24px}.about-inner{padding-left:15%;gap:30px;grid-template-columns:1fr 190px}.contact-inner{gap:22px}.contact-aside{padding-left:20px}}
@media(max-width:650px){.header-row{height:78px}.logo img{width:160px}.menu{display:flex;flex-direction:column;gap:5px;background:none;border:0;padding:8px;cursor:pointer}.menu span{display:block;width:25px;height:2px;background:white}.header nav{display:none;position:absolute;top:78px;left:0;right:0;flex-direction:column;background:#1E1E1E;padding:17px 24px;align-items:stretch;gap:0;box-shadow:0 9px 25px #0006}.header nav.open{display:flex}.header nav a{padding:12px}.header nav .nav-button{margin:8px 0;text-align:center}.hero-inner{min-height:480px;padding:52px 0 54px}.hero-photo{left:0;opacity:.5;background-position:58% center}.hero:before{background:linear-gradient(90deg,#1E1E1Ee8,#1E1E1Ea9),linear-gradient(0deg,#1E1E1E 0%,transparent 70%)}h1{font-size:clamp(49px,11.5vw,69px)}.hero p{font-size:14px}.subline{font-size:11px;letter-spacing:2px}.actions{flex-direction:column;align-items:stretch;max-width:335px}.center-heading h2{font-size:48px}.center-heading>p{font-size:10px;letter-spacing:1.1px;line-height:1.6}.service-columns{display:block}.service-columns article,.service-columns article:first-child,.service-columns article:last-child{padding:19px 5px;border-right:0;border-bottom:1px solid #d2d1cd}.service-columns article:last-child{border:0}.service-columns ul{padding-left:68px}.service-heading svg{width:55px;height:55px}.service-heading h3{font-size:28px}.services{padding:37px 0 29px}.about-photo{width:100%;opacity:.17}.about:before{background:#1E1E1Ec9}.about-inner{padding:45px 0;display:block}.about h2{font-size:49px}.about-points{grid-template-columns:repeat(3,1fr);display:grid;gap:10px;margin-top:25px}.about-points>div{border-bottom:0;border-top:1px solid #464b4e;flex-direction:column;gap:8px;align-items:flex-start;font-size:14px}.symbol{font-size:29px;text-align:left}.contact-inner{display:block}.contact h2{font-size:43px}.contact-aside{margin-top:40px;border-left:0;border-top:1px solid #d5d5d0;padding:30px 0 0}.contact .row{grid-template-columns:1fr!important;gap:10px!important}.contact .row label{display:block}.handwritten{margin-left:50px}.footer-inner{flex-direction:column;align-items:flex-start;gap:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* KSBZ official brand package refinements */
.logo img{width:225px;max-width:100%;height:auto;min-width:180px;object-fit:contain}
.header-row{min-height:113px;height:auto;padding:17px 0}
.header nav .nav-button,.btn.gold{color:#fff;background:#FD5B00}
.header nav .nav-button:hover,.btn.gold:hover{background:#dd5000;color:#fff}
.hero,.about,footer,.header{background-color:#1E1E1E}
.service-heading svg{filter:drop-shadow(2px 2px 0 #FD5B00)}
.logo{display:inline-flex;align-items:center;flex-shrink:0;margin-right:24px}
h1{font-weight:900;font-size:clamp(38px,5vw,69px);line-height:1.02;letter-spacing:-.055em}
h2{letter-spacing:-.045em}
h3{letter-spacing:-.03em}
.hero p{max-width:485px}
@media(max-width:900px){.logo img{width:190px}}
@media(max-width:650px){.header-row{min-height:80px;padding:10px 0}.logo img{width:180px}h1{font-size:clamp(35px,9.6vw,54px)}.hero-copy{max-width:100%}.service-heading h3{font-size:20px}}