:root{--blue:#252bca;--ink:#181c28;--muted:#646977;--paper:#f6f5f1}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:var(--paper);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,select,textarea{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #8c91ff;outline-offset:5px}header{height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:var(--paper)}.brand{display:inline-flex;flex-direction:column}.brand-name{font-size:31px;font-weight:700;letter-spacing:1px;color:var(--blue);line-height:1}.brand-x{font-weight:400;font-size:38px}.wrench{margin-left:3px}.brand small{font-size:8px;letter-spacing:2px;margin-top:7px}nav{display:flex;gap:32px;font-size:13px}nav a:hover{color:var(--blue)}.header-phone{font-size:15px;font-weight:700}.header-phone span{margin-left:15px;color:var(--blue)}.hero{position:relative;min-height:690px;overflow:hidden;color:white;background:#222a31}.hero-image,.hero-shade{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:center 46%}.hero-image{object-position:80% 44%}.hero-shade{background:linear-gradient(90deg,rgba(10,17,28,.9),rgba(10,17,28,.58) 43%,rgba(10,17,28,.06) 80%),linear-gradient(0deg,rgba(10,17,28,.4),transparent 40%)}.hero-content{position:relative;padding:65px 6% 95px;max-width:770px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;display:flex;gap:10px;align-items:center;margin:0 0 28px}.eyebrow>span{width:7px;height:7px;background:#9ca6ff;border-radius:50%}h1,h2{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;letter-spacing:-1px;line-height:.97;margin:0;font-weight:700}h1{font-size:100px}h1 em{font-style:normal;color:#a7afff}h2{font-size:62px;line-height:1.04}.hero-copy{font-size:15px;line-height:1.8;max-width:395px;color:#e2e4e9;margin:27px 0}.actions{display:flex;gap:25px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:18px 22px;border:0;font-size:13px;font-weight:600;cursor:pointer}.blue{background:var(--blue);color:white}.blue:hover{background:#171f9f}.hero-link{font-size:12px}.hero-note{position:absolute;right:5%;bottom:55px;border-left:2px solid #a7afff;padding-left:20px}.hero-note span{font-size:9px;letter-spacing:1.5px}.hero-note p{font-size:13px}.hero-number{position:absolute;bottom:25px;left:6%;font-size:9px;letter-spacing:2px;color:#c4c7d1}.service-strip{background:var(--blue);color:white;padding:26px 5%;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;letter-spacing:1.6px}.service-strip i{font-style:normal;color:#a6adff;font-size:22px}.section{padding:95px 6%}.dark{color:var(--blue)}.section-heading{position:relative}.section-heading>p:last-child{max-width:290px;position:absolute;right:0;bottom:0;font-size:14px;line-height:1.8;color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin-top:55px}.service-grid article{border-top:1px solid #c7c9ce;padding:23px 0}.service-index{display:flex;justify-content:space-between;color:var(--blue);font-size:12px}.service-index b{font-size:24px;font-weight:400}h3{font-size:23px;font-weight:600;margin:30px 0 13px}.service-grid p{font-size:14px;line-height:1.8;color:var(--muted);max-width:310px;min-height:76px}.service-grid a{display:inline-block;margin-top:18px;font-size:12px;font-weight:700;border-bottom:1px solid #c5c7cd;padding-bottom:8px}.extras{display:flex;gap:35px;align-items:center;border-top:1px solid #d8d8d8;margin-top:25px;padding-top:30px;font-size:13px}.extras>span{color:var(--muted);margin-right:auto}.extras strong{font-weight:500}.work{background:#eaeae5}.work-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px}.work-heading>p{font-size:14px;line-height:1.9;max-width:300px;color:var(--muted)}.work-heading>p span{font-size:11px}.gallery{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;grid-template-rows:260px 260px}.photo{padding:0;border:0;position:relative;overflow:hidden;background:#34383d;cursor:zoom-in;color:white;text-align:left}.photo.large{grid-row:span 2}.photo.wide{grid-column:span 2}.photo img{height:100%;width:100%;object-fit:cover;transition:transform .4s}.photo:hover img{transform:scale(1.04)}.photo span{position:absolute;bottom:0;left:0;right:0;padding:40px 20px 18px;background:linear-gradient(transparent,rgba(0,0,0,.65));font-size:12px;display:flex;justify-content:space-between}.photo b{font-size:20px}.process{background:#171d2b;color:white}.process>.eyebrow{color:#a7afff}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:55px}.steps article{border-top:1px solid #434957;padding-top:23px}.steps span{color:#a7afff;font-size:12px}.steps h3{font-size:19px;margin-top:24px}.steps p{font-size:13px;color:#bfc2cc;line-height:1.8;max-width:310px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:85px}.contact>div>p:not(.eyebrow){font-size:14px;line-height:1.9;color:var(--muted);margin-top:25px}.big-phone{display:inline-block;color:var(--blue);font-size:29px;font-weight:600;margin-top:20px}.original-logo{width:164px;height:90px;background-image:url('assets/display.jpg');background-size:500px;background-position:right top;margin-top:25px}form{background:white;border:1px solid #e1e1df;padding:35px}form h3{margin:0 0 30px;font-size:22px}label{display:block;font-size:12px;margin:20px 0 10px}label span{color:var(--muted)}select,textarea{width:100%;border:1px solid #d4d6da;border-radius:0;background:#fafaf8;padding:13px;font-size:13px;color:var(--ink)}textarea{resize:vertical;min-height:100px}form .button{width:100%;margin-top:20px}.form-note{color:var(--muted);font-size:11px;line-height:1.6;margin:14px 0 0}footer{padding:35px 6%;border-top:1px solid #d6d6d1;display:flex;align-items:center;justify-content:space-between;gap:30px}footer p,footer>span{font-size:11px;color:var(--muted)}dialog{max-width:90vw;border:0;background:#171d2b;color:white;padding:18px}dialog::backdrop{background:#000c}dialog img{display:block;max-width:82vw;max-height:78vh;object-fit:contain}dialog button{position:absolute;right:22px;top:22px;border:0;background:white;color:black;width:40px;height:40px;cursor:pointer}dialog p{font-size:12px;margin-bottom:0}@media(min-width:1600px){.section,header{padding-left:max(6%,calc((100vw - 1400px)/2));padding-right:max(6%,calc((100vw - 1400px)/2))}}@media(max-width:900px){h1{font-size:85px}h2{font-size:49px}.section-heading>p:last-child{position:static;max-width:500px}.hero-note{display:none}.contact{gap:35px}.work-heading>p{max-width:230px}.gallery{grid-template-rows:230px 230px}.service-grid{gap:20px}nav{gap:18px}}@media(max-width:600px){header{height:82px;padding:0 6%}nav{display:none}.brand-name{font-size:27px}.header-phone{font-size:12px}.header-phone span{margin-left:3px}.hero{min-height:680px}.hero-content{padding:55px 7% 75px}.hero-image{object-position:65% center}.hero-shade{background:linear-gradient(90deg,#101827df,#10182770)}h1{font-size:86px}.hero-copy{font-size:14px;max-width:310px}.actions{align-items:start;flex-direction:column;gap:22px}.service-strip{display:grid;grid-template-columns:1fr 1fr;font-size:9px;text-align:center;padding:23px 6%;gap:20px}.service-strip i{display:none}.section{padding:65px 7%}h2{font-size:43px}.service-grid{grid-template-columns:1fr;margin-top:35px;gap:12px}.service-grid p{min-height:0;max-width:none}.service-grid h3{margin-top:15px}.service-grid a{margin-top:8px}.extras{flex-wrap:wrap;gap:20px;font-size:12px}.extras>span{width:100%}.work-heading{display:block}.work-heading>p{max-width:none;margin-top:25px}.gallery{grid-template-columns:1fr 1fr;grid-template-rows:330px 210px 210px;gap:12px}.photo.large{grid-row:auto;grid-column:span 2}.photo span{font-size:10px;padding:30px 12px 14px}.steps{grid-template-columns:1fr;gap:20px;margin-top:35px}.steps h3{margin-top:15px}.steps p{max-width:none}.contact{grid-template-columns:1fr;gap:35px}form{padding:25px}.big-phone{font-size:27px}footer{align-items:start;flex-direction:column;gap:14px}footer p{margin:0}.eyebrow{font-size:9px;letter-spacing:1.5px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.photo img{transition:none}}
