*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{--bg:#fff;--ink:#202629;--muted:#626970;--accent:#ce282c;--panel:#f5f5f2;--line:#dddeda;margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button,a{touch-action:manipulation}img{display:block;max-width:100%;object-fit:cover}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.08;letter-spacing:-.045em}h1{font-size:clamp(44px,4.5vw,76px);font-weight:750}h2{font-size:clamp(32px,3.3vw,52px)}h3{font-size:23px}em{font-style:normal;color:var(--accent)}.wrap{width:min(1320px,90%);margin:auto}.topline{padding:8px 5%;background:var(--panel);font-size:11px;letter-spacing:.06em;display:flex;justify-content:space-between}.header{height:112px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:800;letter-spacing:-.035em;line-height:1.1}.brand small{display:block;font-size:9px;letter-spacing:.17em;font-weight:500;margin-top:7px}.header nav{display:flex;gap:32px;font-size:13px}.header nav a:hover,.text-link:hover{color:var(--accent)}.button{display:inline-flex;justify-content:center;align-items:center;gap:26px;padding:17px 24px;background:var(--accent);color:white;font-size:13px;font-weight:700;border:0;transition:transform .2s,filter .2s}.button:hover{filter:brightness(.9);transform:translateY(-2px)}.button span{font-size:20px}.menu{display:none}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.14em;line-height:1.7;margin-bottom:24px}.dot{display:inline-block;background:var(--accent);width:7px;height:7px;border-radius:50%;margin-right:9px}.hero-copy>p:not(.eyebrow){max-width:390px;color:var(--muted);margin-top:28px}.hero-one{display:grid;grid-template-columns:1.13fr 1fr;min-height:590px;padding-top:26px;padding-bottom:36px;gap:50px}.hero-copy{padding:30px 0 15px}.hero-actions{display:flex;gap:28px;align-items:center;margin-top:33px}.text-link{font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:6px}.bosch{display:flex;align-items:center;gap:20px;margin-top:43px;font-size:11px;line-height:1.8}.bosch img{width:50px}.hero-image{position:relative;min-height:540px}.hero-image>img{width:100%;height:100%;position:absolute;object-position:64% center}.image-label{position:absolute;bottom:22px;left:22px;right:22px;background:white;padding:20px 25px;color:#202629}.image-label span{display:block;font-size:9px;letter-spacing:.12em;margin-bottom:8px}.image-label strong{font-size:19px}.trust{display:flex;justify-content:space-between;gap:20px;padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px;font-weight:600}.services{padding:100px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:45px}.section-heading>p{font-size:13px;line-height:1.8;color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{text-align:left;background:var(--panel);border:1px solid transparent;padding:27px;position:relative;min-height:220px;transition:border .2s,transform .2s}.service-card:hover{border-color:var(--accent);transform:translateY(-3px)}.card-number{font-size:11px;color:var(--muted);display:block;margin-bottom:30px}.service-card h3{font-size:22px;letter-spacing:-.03em}.service-card p{font-size:13px;color:var(--muted);max-width:250px;margin-top:12px;padding-right:8px}.service-card>span:last-child{position:absolute;right:20px;top:22px;font-size:25px;color:var(--accent)}.about{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:85px;padding-bottom:100px}.about>img{height:430px;width:100%}.about p:not(.eyebrow){font-size:14px;color:var(--muted);margin-top:23px}.about .text-link{display:inline-block;margin-top:28px}.electric{padding:55px;background:var(--panel);position:relative;border-left:4px solid var(--accent);margin-bottom:100px}.electric p:not(.eyebrow){font-size:14px;margin:22px 0;color:var(--muted)}.contact{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;padding:0 0 95px}.contact p:not(.eyebrow){margin:25px 0;font-size:14px;color:var(--muted)}.email{display:block;margin-top:15px;font-size:13px}.contact-info{padding:35px;background:var(--panel);align-self:center}.contact-info h3{font-size:24px}.contact-info>a{font-size:13px;font-weight:700}.contact-info hr{border:0;border-top:1px solid var(--line);margin:28px 0}.hours{display:flex;justify-content:space-between;gap:15px;font-size:12px;margin:10px 0}.footer{border-top:1px solid var(--line);padding:30px 0 115px;display:flex;justify-content:space-between;align-items:center;gap:20px}.footer>span,.footer>a:last-child{font-size:11px}.design-switch{position:fixed;z-index:20;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:5px;border:1px solid #ffffff30;background:#1b2029f2;padding:7px;border-radius:50px;box-shadow:0 6px 30px #0003;color:white;backdrop-filter:blur(12px);font-family:Arial,sans-serif}.design-switch a{display:grid;place-items:center;min-width:40px;height:37px;font-size:12px;border-radius:25px}.design-switch a:first-child{padding:0 15px;color:#ced2d9;font-size:11px}.design-switch a[aria-current]{background:white;color:#1b2029}.skip{position:fixed;top:-100px;left:20px;padding:10px;background:#fff;color:#000;z-index:100}.skip:focus{top:10px}dialog{background:var(--bg);color:var(--ink);border:1px solid var(--line);padding:50px;width:min(600px,90%);max-height:85vh}dialog::backdrop{background:#0009;backdrop-filter:blur(5px)}dialog h2{font-size:38px}dialog .detail{margin:25px 0;font-size:16px;color:var(--muted)}.close-dialog{position:absolute;right:12px;top:8px;background:none;border:0;font-size:30px;width:40px;height:40px}
/* 02 — Performance */
.v2{--bg:#141716;--ink:#f4f6ef;--muted:#a6aea7;--accent:#d6f767;--panel:#202521;--line:#39413a}.v2 .button{color:#151a11}.v2 .topline{background:#1e231f}.v2 .header{border-bottom:1px solid var(--line)}.hero-two{padding-top:36px}.sport-title{display:grid;grid-template-columns:1.9fr 1fr;align-items:end;gap:50px;margin-bottom:35px}.sport-title h1{font-size:clamp(65px,7.6vw,117px);font-weight:900;line-height:.93;letter-spacing:-.07em}.sport-title>div{padding-bottom:4px}.sport-title p{font-size:14px;color:var(--muted);margin-bottom:23px}.sport-image{height:420px;position:relative;overflow:hidden}.sport-image>img{height:100%;width:100%;object-position:center 47%;filter:brightness(.63) saturate(.65)}.vertical-label{position:absolute;left:25px;top:30px;writing-mode:vertical-rl;font-size:10px;letter-spacing:.17em}.sport-stamp{position:absolute;bottom:30px;right:35px;font-size:28px;font-weight:800;line-height:1.05}.sport-stamp span{font-size:60px;color:var(--accent);float:right;margin-left:45px}.sport-strip{display:flex;justify-content:space-between;padding:23px 0;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.06em}.sport-strip a{color:var(--accent)}.v2 .service-card{border:1px solid var(--line)}.v2 .about img{filter:saturate(.55)}.v2 h2{text-transform:uppercase;font-weight:850}.v2 .electric{border-left:0;border-top:3px solid var(--accent)}
/* 03 — Atelier */
.v3{--bg:#f5f2e9;--ink:#233c49;--muted:#636e70;--accent:#284e62;--panel:#e9e8df;--line:#d4d6cc}.v3 h1,.v3 h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em}.v3 em{font-style:italic}.v3 .topline{background:#233c49;color:#f5f2e9}.v3 .header{height:120px;border-bottom:1px solid var(--line)}.v3 .button{border-radius:2px}.editorial-top{display:flex;justify-content:space-between;align-items:start;padding:35px 0}.editorial-top .eyebrow{margin:0}.editorial-top>span{font-family:Georgia,serif;font-style:italic;text-align:right;font-size:15px}.editorial-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px}.editorial-grid h1{font-size:clamp(55px,5.8vw,88px);line-height:1.03}.editorial-grid>div>p{color:var(--muted);font-size:14px;margin:25px 0}.editorial-grid figure{padding-top:15px}.editorial-grid figure img{width:100%;height:475px;border-radius:210px 210px 2px 2px;object-position:55%}.editorial-grid figcaption{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.08em;padding:16px 0}.editorial-note{display:flex;align-items:center;gap:20px;margin-top:28px}.editorial-note>span{font-size:45px}.editorial-note p{font-size:11px;color:var(--muted)}.editorial-banner{display:flex;align-items:center;gap:30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0;margin-top:50px}.editorial-banner>span{font:italic 29px Georgia,serif;flex:1}.editorial-banner img{width:45px}.editorial-banner p{font-size:12px}.v3 .service-grid{gap:0}.v3 .service-card{background:transparent;border-top:1px solid var(--line);padding:30px 22px 30px 0;min-height:235px}.v3 .service-card h3{font-family:Georgia,serif;font-weight:400;font-size:25px}.v3 .about{gap:75px}.v3 .about img{border-radius:2px 130px 2px 2px}.v3 .electric{border:0;text-align:center;background:#e6e8dd}.v3 .contact-info{background:transparent;border:1px solid var(--line)}
/* 04 — Service hub */
.v4{--bg:#f3f6fb;--ink:#152c50;--muted:#5e6e86;--accent:#1e56d8;--panel:#fff;--line:#d8e0ee}.v4 .button{border-radius:9px}.v4 .topline{background:#e5ecf8}.hero-four{display:grid;grid-template-columns:2.3fr 1fr;gap:18px;padding-top:18px}.bento-main{min-height:530px;background:#e4ebf8;border-radius:20px;overflow:hidden;display:grid;grid-template-columns:1.5fr 1fr;position:relative}.bento-main>div{position:relative;z-index:1;padding:44px 0 40px 36px}.bento-main h1{font-size:clamp(42px,4vw,62px);line-height:1.07}.bento-main p:not(.eyebrow){margin:25px 0;font-size:13px}.bento-main>img{height:100%;width:100%;object-position:65%;mask-image:linear-gradient(to right,transparent,black 25%)}.bento-side{display:grid;grid-template-rows:1fr 1fr;gap:18px}.quick-contact,.electric-card{display:block;padding:28px;border-radius:20px;position:relative;overflow:hidden}.quick-contact{background:var(--accent);color:white}.quick-contact>span,.electric-card>span:first-child{font-size:9px;font-weight:700;letter-spacing:.12em}.quick-contact h2,.electric-card h2{font-size:31px;margin:22px 0}.quick-contact strong{font-size:19px}.quick-contact small{display:block;font-size:11px;margin-top:5px;color:#dbe6ff}.electric-card{background:#dcebd3}.electric-card h2{font-size:30px;position:relative;z-index:1}.electric-symbol{position:absolute;font-size:160px;right:10px;bottom:-65px;color:#bdd2b1;line-height:1.5}.quick-service{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:15px;background:white;border-radius:14px;padding:20px 25px}.quick-service>span{font-size:13px;font-weight:700}.quick-service button{border:1px solid var(--line);background:transparent;padding:12px 18px;border-radius:9px;font-size:12px}.quick-service button:hover{background:#e4ebf8}.v4 .service-card{border-radius:16px}.v4 .about img,.v4 .electric,.v4 .contact-info{border-radius:20px}.v4 .electric{background:#152c50;color:white;border:0}.v4 .electric p:not(.eyebrow){color:#becce0}
@media(min-width:1600px){.hero-one{padding-top:45px}}@media(max-width:1050px){.header{gap:15px}.header nav{gap:18px}.hero-one{gap:28px}.hero-actions{align-items:start;flex-direction:column;gap:20px}.hero-image{min-height:510px}.sport-title{grid-template-columns:1.6fr 1fr;gap:25px}.sport-title h1{font-size:70px}.about,.contact{gap:40px}.bento-main{grid-template-columns:1.5fr .8fr}.bento-main>div{padding:35px 0 30px 25px}.bento-main h1{font-size:45px}.quick-contact,.electric-card{padding:23px}.quick-contact h2,.electric-card h2{font-size:25px}.quick-contact strong{font-size:15px}.quick-service{flex-wrap:wrap}.editorial-grid{gap:25px}.editorial-grid h1{font-size:65px}}
@media(max-width:760px){.wrap{width:90%}.topline{font-size:9px;padding:7px 5%}.header,.v3 .header{height:90px;position:relative}.brand{font-size:19px}.brand small{font-size:7px}.headercta{margin-left:auto;padding:12px 15px;font-size:11px;gap:10px}.headercta span{display:none}.header nav{display:none;position:absolute;top:80px;left:0;right:0;padding:25px;background:var(--bg);z-index:10;border:1px solid var(--line)}.header.menu-open nav{display:flex;flex-direction:column}.menu{display:block;background:transparent;border:1px solid var(--line);padding:4px 10px;font-size:23px}.hero-one{grid-template-columns:1fr;padding-top:15px;gap:20px}.hero-copy{padding-top:15px}h1{font-size:clamp(40px,9.5vw,65px)}.hero-copy>p:not(.eyebrow){margin-top:20px;font-size:14px}.hero-actions{flex-direction:row;align-items:center;flex-wrap:wrap;margin-top:25px}.hero-actions .button{padding:15px 18px}.bosch{margin-top:25px}.hero-image{min-height:350px}.trust{display:grid;grid-template-columns:1fr 1fr;font-size:10px;gap:15px}.services{padding:65px 0}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin-top:20px}.service-grid{grid-template-columns:1fr 1fr;gap:12px}.service-card{padding:20px;min-height:225px}.service-card h3{font-size:19px}.service-card p{font-size:12px}.service-card>span:last-child{top:15px;right:15px}.about{grid-template-columns:1fr;gap:30px;padding-bottom:65px}.about>img{height:320px}.electric{padding:30px;margin-bottom:65px}.electric h2{font-size:31px}.electric br{display:none}.contact{grid-template-columns:1fr;gap:35px;padding-bottom:50px}.footer{align-items:start;flex-direction:column;padding-bottom:115px}.contact-info{padding:25px}.sport-title{grid-template-columns:1fr;gap:25px}.sport-title h1{font-size:clamp(49px,11vw,83px)}.sport-title>div{display:flex;align-items:center;gap:18px;justify-content:space-between}.sport-title p{font-size:12px;margin:0}.sport-title .button{font-size:11px;padding:14px}.sport-image{height:350px}.sport-stamp{font-size:21px;right:20px;bottom:20px}.sport-stamp span{font-size:40px;margin-left:20px}.sport-strip{font-size:8px;gap:10px;flex-wrap:wrap}.v2 h2{font-size:33px}.editorial-top{padding:25px 0}.editorial-grid{grid-template-columns:1fr;gap:20px}.editorial-grid h1{font-size:clamp(52px,12vw,78px)}.editorial-grid figure img{height:390px}.editorial-note{display:none}.editorial-banner{gap:18px;padding:22px 0;margin-top:25px}.editorial-banner>span{font-size:21px}.editorial-banner p{font-size:10px}.editorial-banner img{width:35px}.v3 .service-card h3{font-size:23px}.hero-four{grid-template-columns:1fr}.bento-main{min-height:420px;grid-template-columns:1.6fr .7fr}.bento-main h1{font-size:clamp(36px,8.2vw,56px)}.bento-main>div{padding:30px 0 30px 23px}.bento-main p:not(.eyebrow){font-size:12px}.bento-main .eyebrow{font-size:8px}.bento-main .button{padding:14px 17px;font-size:11px}.bento-side{grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:12px}.quick-contact,.electric-card{padding:20px}.quick-contact h2,.electric-card h2{font-size:23px}.quick-contact strong{font-size:13px}.quick-contact>span,.electric-card>span:first-child{font-size:7px}.quick-contact small{font-size:9px}.quick-service{padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-service>span{grid-column:1/-1}.quick-service button{padding:12px 8px;font-size:11px}.v4 .services{padding-top:60px}dialog{padding:40px 25px}dialog h2{font-size:30px}}@media(max-width:380px){.headercta{display:none}.menu{margin-left:auto}.service-grid{grid-template-columns:1fr}.service-card{min-height:185px}.quick-contact,.electric-card{padding:16px}.quick-contact h2,.electric-card h2{font-size:21px}.trust{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media(min-width:761px){.sport-title{grid-template-columns:2.5fr 1fr}.sport-title h1{font-size:clamp(60px,6.3vw,96px)}.sport-title h1 em{white-space:nowrap}}

/* Original identity: unaltered Bosch asset and original website wordmark font/color. */
@font-face{font-family:PardemannOriginal;src:url('/assets/original-univers-bold.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
.brand{gap:14px;flex-shrink:0;letter-spacing:0;background:#fff;padding:8px 12px;border-radius:0}
.brand .original-logo{width:58px;height:auto;object-fit:contain;filter:none;border-radius:0}
.brand .original-wordmark{font-family:PardemannOriginal,Arial,sans-serif;font-size:20px;font-weight:400;line-height:1.4;text-align:center;color:rgb(70,130,180);letter-spacing:0}
@media(max-width:760px){.brand{gap:8px;padding:5px 7px}.brand .original-logo{width:40px}.brand .original-wordmark{font-size:14px}.header{gap:10px}.headercta{padding:10px;font-size:10px}}
@media(max-width:420px){.headercta{display:none}.menu{margin-left:auto}}

/* UI refinement: shared rhythm and accessible controls. Original brand rules above stay intact. */
html{scroll-padding-top:24px}
body{font-size:16px;line-height:1.65}
h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}
.wrap{width:min(1240px,90%)}
.topline{font-size:12px}.topline a{font-weight:700}
.header nav{font-size:14px;gap:28px}.header nav a{padding:12px 0}
.button{min-height:48px;font-size:14px;gap:16px}
.eyebrow{font-size:11px;margin-bottom:20px}
.hero-copy>p:not(.eyebrow){font-size:17px;max-width:420px}
.text-link{font-size:14px;display:inline-block;padding:10px 0}
.hero-one{grid-template-columns:1.15fr 1fr;gap:38px;min-height:570px}
.hero-one h1{font-size:clamp(44px,4.6vw,68px)}
.hero-image{min-height:505px;border-radius:4px;overflow:hidden}
.image-label{border-left:4px solid var(--accent);box-shadow:0 8px 30px #0001}
.trust{font-size:13px;padding:24px 0}
.section-heading>p{font-size:15px;max-width:350px}
.services{padding:88px 0}.service-grid{gap:16px}
.service-card{padding:28px;min-height:265px;border:1px solid var(--line);display:flex;flex-direction:column;align-items:flex-start}
.card-top{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:25px}
.service-icon{width:30px;height:30px;color:var(--accent)}
.card-number{margin:0;font-size:12px}
.service-card h3{font-size:23px;text-wrap:initial;line-height:1.2}
.service-card p{font-size:14px;max-width:310px;margin:12px 0 22px;padding:0}
.service-card>span.card-more{position:static;margin-top:auto;font-size:12px;display:flex;justify-content:space-between;align-items:center;width:100%;font-weight:700;color:var(--accent)}
.card-more>span{font-size:22px}
.service-card:hover,.service-card:focus-visible{background:var(--bg);box-shadow:0 10px 30px #00000008}
.about{gap:64px}.about p:not(.eyebrow),.electric p:not(.eyebrow),.contact p:not(.eyebrow){font-size:16px}
.about>img{height:440px}.electric{padding:48px;margin-bottom:88px}
.visit{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding:0 0 88px}
.visit h2{font-size:clamp(32px,3.2vw,46px)}.visit ol{list-style:none;margin:0;padding:0}
.visit li{display:flex;gap:24px;padding:22px 0;border-top:1px solid var(--line)}
.visit li>span{font-size:13px;color:var(--accent);padding-top:2px}.visit h3{font-size:20px;letter-spacing:-.025em}.visit p{font-size:14px;color:var(--muted);margin-top:8px}
.contact{gap:64px;padding-top:60px;border-top:1px solid var(--line)}
.contact-info{padding:32px}.contact-info>a{display:inline-block;padding:10px 0;font-size:14px}.hours{font-size:14px;flex-wrap:wrap}
.email{width:fit-content;font-weight:700;font-size:15px;padding:10px 0}.email span{display:block;font-size:13px;font-weight:400;color:var(--muted)}
.footer{padding-bottom:100px}.design-switch{bottom:16px}.design-switch a{min-width:44px;height:44px}.design-switch a:hover{background:#ffffff20}.design-switch a[aria-current]:hover{background:white}
dialog{padding:44px;border-radius:12px;box-shadow:0 24px 100px #0004}dialog h2{padding-right:15px}.close-dialog{width:44px;height:44px;top:10px;right:10px}.dialog-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.dialog-note{font-size:13px;color:var(--muted);margin-top:20px}body:has(dialog[open]){overflow:hidden}.mobile-contact{display:none}
/* Red: structured workshop identity. */
.v1 .service-card{background:white;border-radius:4px;border-top:3px solid var(--accent)}
.v1 .services{position:relative}.v1 .card-top{margin-bottom:30px}.v1 .contact-info{border-radius:4px;background:#f5f5f2}
/* Lime: technical panels and bold, compact hierarchy. */
.v2 .sport-title{grid-template-columns:2.3fr 1fr}.v2 .sport-title h1{font-size:clamp(56px,6.1vw,90px)}
.v2 .sport-title p{font-size:15px}.v2 .sport-image{height:390px}.v2 .sport-strip{font-size:12px}
.v2 .service-grid{gap:1px;background:var(--line);border:1px solid var(--line)}
.v2 .service-card{border:0;background:var(--bg)}.v2 .service-card:hover{background:var(--panel);transform:none}
.v2 .card-top{flex-direction:row-reverse}.v2 .card-number{color:var(--accent)}
.v2 .visit li>span{background:var(--panel);width:36px;height:36px;display:grid;place-items:center;flex-shrink:0}
/* Editorial: generous typography and a numbered service index. */
.v3 .editorial-grid{gap:72px}.v3 .editorial-grid h1{font-size:clamp(54px,5.7vw,82px)}
.v3 .editorial-grid>div>p{font-size:16px;max-width:420px}.v3 .editorial-grid figure img{height:470px}
.v3 .editorial-grid figcaption{font-size:11px}.v3 .editorial-banner p{font-size:14px}
.v3 .service-grid{grid-template-columns:1fr 1fr;column-gap:48px}
.v3 .service-card{min-height:240px;padding:26px 0;border:0;border-top:1px solid var(--line)}
.v3 .card-top{margin-bottom:18px}.v3 .service-icon{width:24px;height:24px}.v3 .service-card h3{font-size:29px}
.v3 .service-card:hover{background:transparent;box-shadow:none;transform:translateX(4px)}
.v3 .visit h3{font-family:Georgia,serif;font-weight:400;font-size:24px}
/* Blue: clear actions and roomy service tiles. */
.v4 .hero-four{grid-template-columns:2.15fr 1fr}.v4 .bento-main{grid-template-columns:1.8fr 1fr;min-height:520px}
.v4 .bento-main h1{font-size:clamp(38px,3.8vw,56px)}.v4 .bento-main p:not(.eyebrow){font-size:15px}
.v4 .quick-contact,.v4 .electric-card{transition:transform .2s}.v4 .quick-contact:hover,.v4 .electric-card:hover{transform:translateY(-3px)}
.v4 .quick-contact>span,.v4 .electric-card>span:first-child{font-size:11px}.v4 .quick-contact small{font-size:12px}
.v4 .quick-service button{font-size:14px;min-height:48px}.v4 .service-card{border-color:transparent;box-shadow:0 4px 18px #152c5005}.v4 .service-card:hover{border-color:var(--accent)}
.v4 .service-icon{background:#eaf0ff;box-sizing:content-box;padding:10px;border-radius:12px}.v4 .visit{background:white;border-radius:20px;padding:40px;margin-bottom:80px}
@media(max-width:1100px){.header nav{gap:18px}.headercta{font-size:12px;padding:14px}.hero-actions{gap:12px}.hero-one h1{font-size:52px}.v4 .hero-four{grid-template-columns:1fr}.v4 .bento-main{min-height:440px;grid-template-columns:1.3fr 1fr}.v4 .bento-main h1{font-size:56px}.v4 .bento-side{grid-template-columns:1fr 1fr;grid-template-rows:auto}.v4 .quick-contact h2,.v4 .electric-card h2{font-size:28px}.v3 .editorial-grid{gap:32px}}
@media(max-width:800px) and (min-width:761px){.header nav{gap:12px;font-size:12px}.headercta{padding:12px;font-size:11px}.brand .original-wordmark{font-size:17px}.brand .original-logo{width:48px}}
@media(max-width:760px){
 .topline{font-size:10px}.header,.v3 .header{height:88px}.menu{min-width:44px;min-height:44px;border-radius:6px;font-size:22px}.header nav{top:80px;padding:12px 20px;box-shadow:0 16px 30px #0002;border-radius:8px}.header nav a{font-size:16px;padding:12px}.header.menu-open nav{gap:0}
 .hero-one{grid-template-columns:1fr;gap:24px;min-height:0;padding-top:10px}.hero-one h1{font-size:clamp(37px,9.8vw,65px)}.hero-copy>p:not(.eyebrow){font-size:16px}.hero-actions{gap:12px 20px}.hero-actions .button{font-size:14px}.hero-image{min-height:310px}.image-label{padding:16px;left:16px;right:16px;bottom:16px}.bosch{font-size:12px}
 .trust{font-size:12px;gap:16px}.services{padding:60px 0}.section-heading>p{font-size:15px}.section-heading>p br{display:none}
 .service-grid,.v3 .service-grid{grid-template-columns:1fr;gap:12px}.service-card,.v3 .service-card{min-height:0;padding:22px}.card-top,.v1 .card-top{margin-bottom:18px}.service-card h3{font-size:24px}.service-card p{font-size:15px;max-width:none;margin-bottom:16px}.service-card>span.card-more{font-size:13px}.v3 .service-card{padding:24px 0}.v3 .service-card h3{font-size:28px}
 .about{gap:26px;padding-bottom:60px}.about>img{height:300px}.electric{padding:28px;margin-bottom:60px}.electric h2{font-size:32px}.visit{grid-template-columns:1fr;gap:24px;padding-bottom:60px}.visit h2{font-size:36px}.visit li{gap:18px}.visit p{font-size:15px}.contact{gap:28px;padding-top:40px}.contact-info{padding:24px}.hours{font-size:13px}
 .v2 .sport-title{grid-template-columns:1fr}.v2 .sport-title h1{font-size:clamp(40px,10.5vw,78px)}.sport-title>div{align-items:flex-start;flex-direction:column;gap:20px}.v2 .sport-title p{font-size:16px}.sport-title .button{font-size:14px;padding:15px 20px}.v2 .sport-image{height:300px}.v2 .sport-strip{font-size:10px;gap:16px}.sport-strip a{width:100%;padding:6px 0}.v2 .service-grid{gap:1px}
 .v3 .editorial-grid{gap:24px}.v3 .editorial-grid h1{font-size:clamp(49px,12vw,76px)}.v3 .editorial-grid figure img{height:360px}.v3 .editorial-banner{flex-wrap:wrap;gap:18px}.v3 .editorial-banner>span{flex-basis:100%;font-size:29px}.v3 .editorial-grid figcaption{font-size:10px}
 .v4 .bento-main{display:flex;flex-direction:column;min-height:0}.v4 .bento-main>div{padding:28px}.v4 .bento-main h1{font-size:clamp(38px,10vw,58px)}.v4 .bento-main p:not(.eyebrow){font-size:15px}.v4 .bento-main .eyebrow{font-size:10px}.v4 .bento-main .button{font-size:14px}.v4 .bento-main>img{height:210px;mask-image:none;object-position:center 45%}.v4 .bento-side{grid-template-columns:1fr}.v4 .quick-contact,.v4 .electric-card{padding:24px}.v4 .quick-contact h2,.v4 .electric-card h2{font-size:28px;margin:14px 0}.v4 .quick-contact strong{font-size:20px}.v4 .quick-service button{font-size:13px}.v4 .visit{padding:28px;margin-bottom:60px}
 .footer{padding-bottom:28px}.design-switch{position:static;transform:none;width:fit-content;margin:0 auto 100px;box-shadow:none}.mobile-contact{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:15;background:var(--bg);padding:10px 5% calc(10px + env(safe-area-inset-bottom));gap:10px;border-top:1px solid var(--line);box-shadow:0 -4px 20px #0000000a}.mobile-contact a{display:flex;justify-content:center;align-items:center;gap:12px;min-height:46px;flex:1;font-size:13px;font-weight:700;border:1px solid var(--line);border-radius:6px}.mobile-contact a:first-child{background:var(--accent);color:white;border-color:var(--accent)}.v2 .mobile-contact a:first-child{color:var(--bg)}
 dialog{padding:42px 24px 28px;max-height:calc(100dvh - 32px)}dialog h2{font-size:30px}.dialog-actions .button{width:100%}
}