@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;650;700;800&display=swap');
:root{font-family:Manrope,Arial,sans-serif;color:#18201b;background:#f6f6ef;font-synthesis:none;font-weight:400;--muted:#697169;--border:#dcded4;--accent:#c8f46d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #bf7542;outline-offset:5px}img{display:block;width:100%;object-fit:cover}button{color:inherit}button:disabled{cursor:default}p{line-height:1.75}h1,h2,h3,p,figure{margin:0}h1,h2,h3{letter-spacing:-.055em;line-height:1.05}em{font-family:Georgia,serif;font-weight:400}h2{font-size:clamp(36px,4.6vw,64px);font-weight:500}h3{font-weight:600}a,button{touch-action:manipulation}.wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}.nav{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:112px}.nav nav{display:flex;align-items:center;gap:32px;font-size:13px;font-weight:650}.nav-cta{padding:15px 22px;border:1px solid currentColor;border-radius:3px}.forma-logo{font-weight:800;letter-spacing:-3px;font-size:41px;display:flex;gap:9px;align-items:baseline}.forma-logo span{letter-spacing:-1px;font-size:19px;font-weight:500}.eyebrow,.micro{font-size:10px;letter-spacing:.13em;font-weight:700;line-height:1.6}.eyebrow{display:block;margin-bottom:25px}.dot{display:inline-block;height:7px;width:7px;background:#6c9953;border-radius:100%;margin-right:9px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;min-height:58px;padding:18px 24px;border:0;border-radius:3px;font-size:13px;font-weight:700;transition:transform .2s,filter .2s}.button:hover{filter:brightness(1.08);transform:translateY(-2px)}.lime{background:var(--accent);color:#172318}.amber{background:#d9ac76;color:#171916}.blue{background:#174fe1;color:#fff}.text-link{display:inline-flex;gap:25px;align-items:center;font-size:12px;font-weight:650;padding-block:12px;border-bottom:1px solid currentColor}.caption{font-size:10px;color:var(--muted);line-height:1.7;margin-top:24px}.caption a{text-decoration:underline;text-underline-offset:3px}.section{padding-block:100px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:42px}.section-heading>p{font-size:12px;color:var(--muted)}.section-heading .eyebrow{margin-bottom:20px}.folio-hero{padding-block:88px 80px}.folio-hero h1{font-size:clamp(64px,9.7vw,136px);font-weight:500;line-height:.99;letter-spacing:-.075em}.folio-hero h1 em{color:#659352}.hero-bottom{display:flex;justify-content:space-between;align-items:end;margin-top:45px}.hero-bottom p{font-size:14px;color:#5c665d}.round-link{height:64px;width:64px;border:1px solid #b8c3b1;border-radius:50%;display:grid;place-items:center;font-size:30px}.projects{padding-block:44px 100px}.projects .section-heading{border-top:1px solid #ccd2c4;padding-top:28px;align-items:center;margin-bottom:14px}.projects .section-heading h2{font-size:23px;letter-spacing:-.035em}.section-intro{font-size:12px;color:#63705f;max-width:640px;margin-bottom:34px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.project-image{display:block;position:relative;overflow:hidden;aspect-ratio:1.4;background:#d8ded7;border-radius:5px}.project-image img{height:100%;transition:transform .6s;object-position:center}.project-image:hover img{transform:scale(1.035)}.image-tag{position:absolute;top:20px;left:20px;font-size:9px;letter-spacing:.11em;font-weight:700;padding:9px 13px;background:#f9fbf0;color:#18201b;border-radius:2px}.project-arrow{position:absolute;bottom:18px;right:18px;display:grid;place-items:center;background:#f9fbf0;color:#18201b;height:40px;width:40px;border-radius:50%;font-size:23px}.project-title{display:flex;justify-content:space-between;margin-top:24px;align-items:center}.project-title h3{font-size:30px;font-weight:600}.project-title>span{font-size:10px;color:#657260}.project>p{font-size:12px;color:#667261;margin-block:14px 16px;max-width:430px}.project .text-link{display:flex;justify-content:space-between}.approach{background:#e9eddf;padding-block:100px}.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.principles>div{position:relative;padding:0 0 27px 45px;margin-bottom:25px;border-bottom:1px solid #cad2bd}.principles span{position:absolute;left:0;top:3px;font-size:10px}.principles h3{font-size:19px;letter-spacing:-.025em;margin-bottom:10px}.principles p{font-size:12px;color:#63705c}.folio-cta{padding-block:110px}.folio-cta h2{font-size:clamp(48px,7vw,96px)}.cta-row{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-top:35px}.cta-row p{font-size:13px}.folio-footer{padding-block:30px;border-top:1px solid #cbd1c3;display:flex;justify-content:space-between;gap:25px;align-items:center;font-size:10px;color:#5c6959}.concept-bar{background:#e8eddf;display:flex;justify-content:space-between;gap:20px;padding:12px 36px;font-size:9px;letter-spacing:.02em;color:#4d5a48}.concept-bar a{text-decoration:underline;text-underline-offset:4px}.concept-bar span{opacity:.85}.studio-logo{font-size:23px;font-weight:800;letter-spacing:.03em}.studio-logo span{display:block;font-size:7px;letter-spacing:.24em;margin-top:7px;font-weight:500}.detailing{color:#e9e9df;background:#111512;--muted:#a2aaa0;--border:#30382f}.detailing .concept-bar{background:#222a22;color:#d5ddcf}.detailing .nav{min-height:102px}.detailing .nav nav{font-size:11px;gap:28px}.detailing .nav-cta{color:#d9ac76;border-color:#6d6651}.detail-hero{min-height:650px;position:relative;isolation:isolate;display:flex;align-items:center}.detail-hero>img{position:absolute;inset:0;height:100%;object-position:65% 50%;z-index:-2}.detail-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,11,8,.92) 0%,rgba(7,11,8,.75) 33%,rgba(7,11,8,.07) 78%);z-index:-1}.detail-hero-content{padding-block:60px 100px}.detail-hero .eyebrow{font-size:9px;color:#d9ac76}.detail-hero h1{font-size:clamp(50px,6.1vw,86px);font-weight:500;line-height:1.08}.detail-hero h1 em{color:#d9ac76}.detail-hero p{font-size:12px;margin-block:26px 32px;color:#cbd0c5}.hero-credit{position:absolute;bottom:17px;right:30px;font-size:8px;color:#d5d5cb;background:#141714a1;padding:5px 8px}.hero-number{position:absolute;left:48px;bottom:25px;font-size:9px;letter-spacing:.12em;color:#c0c5b7}.detail-facts{display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px;padding-block:30px;border-bottom:1px solid var(--border)}.detail-facts div{display:flex;flex-direction:column;gap:8px}.detail-facts span{font-size:8px;color:var(--muted);letter-spacing:.13em}.detail-facts strong{font-weight:500;font-size:13px}.detailing h2{font-weight:400}.detailing h2 em{color:#d9ac76}.detail-services{border-top:1px solid var(--border)}.service-line{width:100%;display:flex;align-items:center;text-align:left;gap:30px;background:none;border:0;border-bottom:1px solid var(--border);padding:29px 15px 29px 0;transition:background .2s}.service-line:hover{background:#1a221b}.service-n{font-size:10px;color:#8c9785;align-self:start;margin-top:6px;min-width:36px}.service-line h3{font-size:25px;font-weight:400;letter-spacing:-.025em}.service-line p{font-size:11px;color:var(--muted);margin-top:10px}.service-go{margin-left:auto;font-size:26px;color:#d9ac76}.gallery-section{background:#19201a}.editorial-gallery{display:grid;grid-template-columns:1.25fr 1fr;gap:22px}.editorial-gallery figure{min-width:0}.editorial-gallery .gallery-large{grid-row:span 2}.zoom{position:relative;display:block;width:100%;padding:0;border:0;background:#252c25;text-align:left;overflow:hidden}.editorial-gallery .zoom{height:220px}.editorial-gallery .gallery-large .zoom{height:490px}.zoom img{height:100%;transition:transform .4s}.zoom:hover img{transform:scale(1.025)}.zoom>span{position:absolute;right:12px;bottom:12px;padding:8px 11px;background:#f4f5eae8;color:#192019;font-size:9px;border-radius:2px}.editorial-gallery figcaption{font-size:9px;color:#b2bcac;padding-top:13px;line-height:1.6}.editorial-gallery figcaption a{text-decoration:underline}.detail-booking,.garage-booking{display:grid;grid-template-columns:1fr 1fr;gap:100px}.detail-booking>div>p,.garage-booking>div>p{font-size:12px;color:var(--muted);margin-top:27px;max-width:360px}.demo-note{border-left:2px solid #8e957f;padding-left:17px;font-size:10px!important}.demo-form{display:flex;flex-direction:column;gap:22px}.demo-form label{display:flex;flex-direction:column;gap:9px;font-size:10px;color:var(--muted)}.demo-form input,.demo-form select,.demo-form textarea{border:1px solid var(--border);border-radius:2px;padding:14px;background:transparent;color:inherit;min-width:0;max-width:100%;font-size:12px;outline-offset:3px}.detailing .demo-form input,.detailing .demo-form select,.detailing .demo-form textarea{color:#eee}.detailing .demo-form select option{background:#19201a;color:#eee}.demo-form input::placeholder,.demo-form textarea::placeholder{color:#929a8b}.demo-form .button{justify-content:center}.form-result{font-size:11px;line-height:1.7;min-height:0}.form-result:not(:empty){padding:15px;border:1px solid #729a68;color:inherit;background:#729a6812}.contact-section{background:#d9ac76;color:#1c251b;padding-block:70px}.contact-section .eyebrow{font-size:9px}.contact-section h2{font-size:57px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.contact-grid>img{height:330px;border-radius:2px}.big-phone{display:inline-block;font-size:25px;font-weight:650;letter-spacing:-.04em;margin-top:28px}.contact-section p{font-size:11px;margin-top:14px}.demo-footer{padding-block:32px;display:flex;justify-content:space-between;gap:30px;align-items:start;font-size:9px}.demo-footer>span{font-size:9px;letter-spacing:.09em;white-space:nowrap}.demo-footer p{max-width:470px;color:var(--muted);font-size:9px}.demo-footer a{white-space:nowrap;text-decoration:underline}.lightbox{padding:22px;border:0;max-width:min(1100px,94vw);max-height:92vh;background:#131a14;color:#eee;border-radius:3px}.lightbox::backdrop{background:#050a08e0}.lightbox img{max-height:75vh;width:auto;max-width:100%;object-fit:contain;margin-inline:auto}.lightbox p{font-size:11px;margin-top:15px;padding-right:50px}.close-dialog{position:absolute;right:8px;top:8px;background:#fff;color:#151a16;font-size:30px;border:0;height:40px;width:40px;border-radius:50%;z-index:2}.garage{background:#f8f9fc;color:#172033;--muted:#6e7688;--border:#d9deea}.garage .concept-bar{background:#172d5e;color:#d6e2ff}.karpi-logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:25px;letter-spacing:-.03em}.logo-mark{display:grid;place-items:center;width:35px;height:35px;background:#174fe1;color:#fff;transform:skew(-9deg);font-size:23px;border-radius:3px}.logo-descriptor{max-width:100px;font-size:7px;line-height:1.6;letter-spacing:.1em;font-weight:600;border-left:1px solid #bbc4d3;padding-left:12px;margin-left:9px}.garage .nav nav{font-size:11px;gap:28px}.garage .nav-cta{background:#174fe1;color:#fff;border-color:#174fe1}.garage-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:50px;align-items:center;padding-block:52px 84px}.garage-hero .eyebrow{font-size:9px;color:#53698d}.garage-hero h1{font-size:clamp(48px,5.6vw,77px);font-weight:600;letter-spacing:-.06em;line-height:1.02}.garage-hero h1 em{color:#174fe1}.garage-hero-copy>p{font-size:12px;color:var(--muted);margin-block:25px 28px}.hero-secondary{display:block;font-size:10px;margin-top:20px;color:#68758b}.garage-hero-image{height:550px;position:relative}.garage-hero-image>img{height:100%;border-radius:4px;object-position:54% 50%}.garage-hero-image>figcaption{position:absolute;right:10px;bottom:10px;font-size:8px;background:#fffdf4df;padding:5px 8px;color:#33405b}.photo-stamp{position:absolute;bottom:50px;left:-28px;background:#174fe1;color:#fff;padding:22px 25px;font-size:8px;letter-spacing:.1em}.photo-stamp strong{display:block;font-size:16px;letter-spacing:-.025em;font-weight:500;line-height:1.4;margin-top:12px}.garage-strip{background:#172d5e;color:#e8eefb;padding-block:23px}.garage-strip>.wrap{display:flex;justify-content:space-between;gap:20px;font-size:10px}.garage-strip span:before{content:'';margin-right:14px;color:#8caeff}.garage .section-heading h2{font-weight:500;font-size:clamp(34px,4vw,56px)}.repair-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.repair-card{display:flex;flex-direction:column;text-align:left;position:relative;padding:30px;background:#fff;border:1px solid #dfe4ef;min-height:335px;border-radius:3px;transition:border-color .2s,transform .2s}.repair-card:hover{border-color:#174fe1;transform:translateY(-3px)}.repair-icon{color:#174fe1;font-size:36px;margin-bottom:30px;font-family:Arial}.repair-card .micro{font-size:8px;color:#768197}.repair-card h3{font-size:27px;font-weight:600;line-height:1.15;margin-top:14px}.repair-card p{font-size:10px;color:var(--muted);margin-block:15px 28px}.card-bottom{margin-top:auto;padding-top:18px;border-top:1px solid #dfe4ef;width:100%;display:flex;justify-content:space-between;font-size:10px}.card-bottom b{color:#174fe1}.works-section{background:#eaf0fa}.work-tabs{display:flex;gap:10px;margin-bottom:28px}.work-tabs>button{border:1px solid #bcc7dd;background:none;color:#4b5d7e;padding:12px 24px;border-radius:3px;font-size:11px}.work-tabs>button.active{background:#172d5e;color:#fff;border-color:#172d5e}.work-case{display:grid;grid-template-columns:1.2fr 1fr;gap:42px;background:#fff;border-radius:4px;overflow:hidden}.work-case[hidden]{display:none}.case-image{min-width:0;display:flex;align-items:center;background:#dde3ec}.case-image .zoom{background:#dde3ec}.case-image img{height:auto;width:100%;object-fit:contain}.case-description{padding:40px 35px 40px 0}.case-description>.micro{font-size:8px;color:#7181a2}.case-description h3{font-size:31px;font-weight:550;line-height:1.15;margin-block:20px}.case-description p,.case-description li{font-size:11px;color:#6e7688;line-height:1.8}.case-description ul{padding-left:16px;margin-block:15px 25px}.case-description .text-link{font-size:10px}.garage-booking>div>p{max-width:350px}.garage-contact{background:#172d5e;color:#fff;padding-block:70px}.garage-contact>.wrap{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.garage-contact h2{font-size:45px}.garage-contact .big-phone{margin-top:0}.garage-contact p{font-size:12px;margin-block:20px}.garage-contact .text-link{font-size:10px}.sources{max-width:850px;padding-block:65px 100px}.sources h1{font-size:55px;font-weight:500}.sources h2{font-size:28px;margin-block:40px 18px}.sources p,.sources li{font-size:13px;color:#56614f;line-height:1.9}.sources a{text-decoration:underline;text-underline-offset:3px}.sources ul{padding-left:20px}.sources .button{margin-top:35px;text-decoration:none}
@media(min-width:1600px){.detail-hero{min-height:730px}}
@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.nav nav{gap:20px}.garage .nav nav,.detailing .nav nav{gap:18px}.section{padding-block:72px}.garage-hero{gap:35px}.garage-hero-image{height:490px}.garage-hero h1{font-size:59px}.garage .logo-descriptor{display:none}.detail-booking,.garage-booking{gap:50px}.repair-card{padding:23px}.repair-card h3{font-size:23px}.case-description{padding:30px 25px 30px 0}.case-description h3{font-size:25px}.contact-grid{gap:40px}.demo-footer{gap:20px}.demo-footer>span{white-space:normal}.approach-grid{gap:35px}.folio-hero{padding-top:60px}.folio-footer .forma-logo{font-size:30px}.concept-bar{padding-inline:28px}.hero-number{left:28px}}
@media(max-width:700px){.wrap{width:calc(100% - 36px)}.nav{min-height:86px}.forma-logo{font-size:33px;letter-spacing:-2px}.forma-logo span{font-size:15px}.nav nav>a:not(.nav-cta){display:none}.nav .nav-cta{font-size:10px;padding:12px 14px}.folio-hero{padding-block:52px 60px}.folio-hero .eyebrow{font-size:8px;letter-spacing:.08em}.folio-hero h1{font-size:clamp(55px,11.4vw,79px)}.hero-bottom{margin-top:30px;gap:20px}.hero-bottom p{font-size:11px}.round-link{width:44px;height:44px;flex-shrink:0}.projects{padding-block:22px 65px}.projects .section-heading{align-items:start;flex-direction:column;gap:10px}.projects .section-heading h2{font-size:22px}.projects .section-heading .micro{font-size:8px}.section-intro{font-size:11px;margin-bottom:25px}.project-grid{grid-template-columns:1fr;gap:40px}.project-image{aspect-ratio:1.35}.project-title{margin-top:17px}.project-title h3{font-size:26px}.project>p{font-size:11px}.approach{padding-block:65px}.approach-grid{grid-template-columns:1fr;gap:35px}.approach h2{font-size:45px}.principles>div:last-child{margin-bottom:0}.folio-cta{padding-block:70px}.folio-cta h2{font-size:48px}.cta-row{flex-direction:column;align-items:start;gap:25px}.cta-row .button{width:100%;justify-content:center}.folio-footer{flex-wrap:wrap;padding-block:25px;font-size:9px;gap:15px}.folio-footer .forma-logo{font-size:29px}.folio-footer>a:last-child{flex-basis:100%}.concept-bar{padding:11px 18px;flex-wrap:wrap;font-size:8px;gap:8px 20px}.concept-bar>span{order:3;flex-basis:100%;font-size:8px}.concept-bar>a:last-child{margin-left:auto}.detailing .nav{min-height:83px}.studio-logo{font-size:20px}.studio-logo span{font-size:6px}.detail-hero{min-height:580px;align-items:flex-start}.detail-hero>img{object-position:64% 50%}.detail-hero:after{background:linear-gradient(180deg,#090d09ce 0%,#090d09a1 50%,#090d092e 100%)}.detail-hero-content{padding-block:56px 90px}.detail-hero .eyebrow{font-size:8px;max-width:270px}.detail-hero h1{font-size:clamp(39px,10vw,63px);line-height:1.1}.detail-hero p{font-size:11px;margin-block:22px 26px}.button{min-height:54px;padding:16px 20px;font-size:12px}.hero-credit{right:12px;font-size:7px;bottom:12px}.hero-number{left:18px;bottom:42px;font-size:8px}.detail-facts{gap:16px;padding-block:23px;grid-template-columns:1fr 1fr}.detail-facts>div:last-child{grid-column:span 2}.detail-facts strong{font-size:12px}.detail-facts span{font-size:7px}.section{padding-block:60px}.section-heading{align-items:start;flex-direction:column;gap:22px;margin-bottom:30px}.section-heading>p{font-size:11px}.section-heading h2{font-size:39px}.eyebrow{font-size:9px;margin-bottom:20px}.service-line{gap:16px;padding-block:25px}.service-n{font-size:9px;min-width:20px}.service-line h3{font-size:22px}.service-line p{font-size:10px;max-width:240px}.service-go{font-size:23px}.editorial-gallery{grid-template-columns:1fr 1fr;gap:20px 12px}.editorial-gallery .gallery-large{grid-column:span 2;grid-row:auto}.editorial-gallery .gallery-large .zoom{height:330px}.editorial-gallery .zoom{height:200px}.editorial-gallery figcaption{font-size:8px}.zoom>span{font-size:8px;padding:6px 8px;right:8px;bottom:8px}.detail-booking,.garage-booking{grid-template-columns:1fr;gap:35px}.detail-booking h2,.garage-booking h2{font-size:43px}.demo-form input,.demo-form select,.demo-form textarea{font-size:16px;padding:13px}.demo-form label{font-size:11px}.demo-form{gap:19px}.contact-grid{grid-template-columns:1fr;gap:35px}.contact-section{padding-block:50px}.contact-section h2{font-size:46px}.big-phone{font-size:24px}.contact-grid>img{height:240px}.demo-footer{flex-direction:column;gap:15px}.demo-footer p{font-size:9px}.garage .nav{min-height:82px}.karpi-logo{font-size:22px;gap:9px}.logo-mark{height:30px;width:30px;font-size:20px}.garage-hero{grid-template-columns:1fr;padding-block:35px 45px;gap:35px}.garage-hero .eyebrow{font-size:8px}.garage-hero h1{font-size:clamp(48px,12vw,67px)}.garage-hero-copy>p{font-size:12px;margin-block:23px}.garage-hero .button{min-width:270px}.garage-hero-image{height:380px;margin-left:14px}.photo-stamp{left:-14px;padding:18px 20px;bottom:40px;font-size:7px}.photo-stamp strong{font-size:15px}.garage-strip>.wrap{flex-wrap:wrap;gap:17px;font-size:8px}.garage-strip span{width:calc(50% - 10px)}.garage-strip span:before{margin-right:8px}.garage .section-heading h2{font-size:36px}.repair-grid{grid-template-columns:1fr;gap:14px}.repair-card{min-height:0;padding:25px}.repair-icon{position:absolute;right:25px;top:22px;font-size:27px}.repair-card h3{font-size:27px;margin-top:22px}.repair-card p{font-size:11px;margin-bottom:25px}.repair-card .micro{font-size:8px}.card-bottom{font-size:11px}.work-tabs{gap:8px}.work-tabs>button{padding:11px 17px;font-size:11px}.work-case{grid-template-columns:1fr;gap:0}.case-description{padding:27px}.case-description h3{font-size:30px}.case-description p,.case-description li{font-size:12px}.case-description .text-link{font-size:10px}.garage-contact>.wrap{grid-template-columns:1fr;gap:35px}.garage-contact{padding-block:55px}.garage-contact h2{font-size:36px}.garage-contact .big-phone{font-size:25px}.sources{padding-block:45px 65px}.sources h1{font-size:40px}.sources p,.sources li{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}