/* Faithful proportions of the customer-approved reference; original project photos. */
:root{--blue:#0054ec;--deep:#073c7d;--ink:#0b0d1c;--metal:url('assets/brushed-metal.svg'),linear-gradient(105deg,#d9dde0 0%,#f5f6f7 36%,#d8dde0 73%,#f1f3f4 100%)}
.metal{background:var(--metal)}
.wrap{width:min(1384px,calc(100% - 10vw))}
.topline{background:linear-gradient(90deg,#034684,#073978);font-size:clamp(12px,1.25vw,19px)}
.topline .wrap{min-height:clamp(33px,2.93vw,45px)}
.topline a{font-size:clamp(16px,1.75vw,27px)}
.header-inner{height:clamp(100px,7.75vw,119px);min-height:0;gap:30px}
.brand{width:350px;height:100%;align-items:center;justify-content:flex-start;gap:0;position:relative}
.brand-symbol,.brand-name,.brand-claim{display:block;position:relative;overflow:hidden;flex:none;mix-blend-mode:multiply}
.brand-symbol{width:148px;height:80px}
.brand-symbol img{position:absolute;width:178px;height:178px;max-width:none;left:-15px;top:-23px;object-fit:fill;mix-blend-mode:normal}
.brand-letters{display:block;width:211px;flex:none}
.brand-name{width:211px;height:45px;margin-top:5px}
.brand-name img{position:absolute;max-width:none;width:240px;height:240px;left:-16px;top:-145px;object-fit:fill;mix-blend-mode:normal}
.brand-claim{width:211px;height:43px;margin-top:-2px}
.brand-claim img{position:absolute;max-width:none;width:245px;height:245px;left:-24px;top:-193px;object-fit:fill;mix-blend-mode:normal}
.header nav{gap:clamp(18px,3.3vw,51px);font-stretch:condensed}
.header nav>a,.nav-products>summary{font-size:clamp(14px,1.18vw,18px);font-weight:600;text-decoration:none;white-space:nowrap}
.header nav .button{font-size:clamp(14px,1.25vw,19px);padding:15px 25px;min-height:56px;gap:24px;margin-left:12px}
.nav-products{position:relative}
.nav-products>summary{list-style:none;cursor:pointer;padding:15px 0}
.nav-products>summary::-webkit-details-marker{display:none}
.nav-products>summary>span{color:var(--deep);margin-left:8px}
.product-dropdown{position:absolute;top:100%;left:-24px;width:315px;background:#fff;border:1px solid #d3dbe7;box-shadow:0 12px 30px #15315326;border-radius:5px;z-index:55;padding:12px}
.product-dropdown>a{display:block;padding:10px 12px;text-decoration:none;font-size:.86rem;line-height:1.4;color:var(--ink);border-radius:3px}
.product-dropdown>a:hover{background:#edf3ff;color:var(--blue)}
.product-dropdown>a:first-child{font-weight:700;border-bottom:1px solid #dfe5ee;margin-bottom:4px}
.hero{grid-template-columns:39.3% 60.7%;height:clamp(420px,32.7vw,580px);min-height:0;position:relative}
.hero-copy{padding:0 24px 0 5vw;min-width:0;align-self:center;z-index:auto}
.hero-copy .eyebrow{font-size:clamp(10px,1.06vw,16px);font-weight:700;letter-spacing:.08em;margin-bottom:18px}
.hero h1{font-size:clamp(36px,4vw,64px);line-height:.98;letter-spacing:-.045em;margin-bottom:15px;font-weight:800;hyphens:none;overflow-wrap:normal}.hero h1>span{display:block;white-space:nowrap}
.hero .lead{font-size:clamp(16px,1.55vw,24px);line-height:1.4;color:#252d3a;max-width:500px;margin-bottom:20px}
.hero .actions{flex-wrap:nowrap;gap:20px;margin-top:22px;align-items:center}
.hero .button{font-size:clamp(12px,1.15vw,18px);min-height:52px;padding:14px 21px;gap:18px;white-space:nowrap}
.hero .actions .secondary{font-size:clamp(11px,.98vw,15px);min-height:38px;padding:0;border-bottom:1px solid var(--blue);gap:10px}
.hero-picture{min-height:0;height:100%;clip-path:polygon(3% 0,100% 0,100% 100%,0 100%);margin-left:-25px}
.hero-picture img{object-position:50% 54%;filter:brightness(1.04) contrast(1.025) saturate(1.05)}
.hero-picture figcaption{font-size:10px;padding:20px 18px 8px;text-align:right;background:linear-gradient(transparent,#051b3160)}
.signature-original{width:100%;max-width:410px;aspect-ratio:4.2;position:relative;overflow:hidden;margin-top:19px;mix-blend-mode:multiply;clip-path:polygon(0 20%,83% 20%,83% 0,100% 0,100% 100%,0 100%)}
.signature-original img{position:absolute;width:123%;height:auto;max-width:none;left:-14%;top:-392%;object-fit:fill}
.brand-symbol img,.brand-name img,.brand-claim img,.signature-original img{filter:contrast(1.65) brightness(1.35)}
.benefits{background:linear-gradient(100deg,#034484,#093974)}
.benefits>.wrap{width:min(1210px,calc(100% - 12vw))}
.benefits>.wrap>div{padding:17px 14px;gap:23px;min-height:74px;justify-content:center}
.benefits svg{width:43px;height:43px;flex:none}
.benefits strong{font-size:clamp(12px,1.1vw,17px)}
.benefits small{font-size:clamp(10px,.85vw,13px);margin-top:3px;color:#fff}
.home-products{padding:24px 0 60px}
.home-products h2{text-align:center;font-size:clamp(27px,2.7vw,41px);letter-spacing:-.04em;margin:0 0 18px}
.home-product-grid{gap:24px}
.home-product-grid .product-card{position:relative;border:0;border-radius:0;background:none}
.home-product-grid .card-image{height:clamp(155px,10vw,190px)}
.home-product-grid .card-copy{background:linear-gradient(100deg,#0860fa,#0046c9);padding:13px 22px;color:#fff}
.home-product-grid h3{font-size:clamp(16px,1.3vw,20px);line-height:1.15;letter-spacing:-.025em;margin:0;padding-right:20px;hyphens:auto}
.home-product-grid .card-copy:after{content:'›';position:absolute;right:20px;bottom:8px;font-size:28px;font-weight:400}
.home-product-grid .card-copy>p,.home-product-grid .text-link{display:none}
.home-product-grid .text-tile{background:linear-gradient(130deg,#e1e7ed,#f6f7f8);padding:20px;color:#214260}
.home-product-grid .text-tile>span{font-size:3.8rem}
.home-product-grid .text-tile p{font-weight:400}
.quality-section{padding-block:70px;background:#f4f6f9}
.quality-section .lead{max-width:850px}
.quality-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:35px}
.quality-grid article{border-top:2px solid #cdd9e9;padding:25px 25px 10px 0}
.quality-grid h3{font-size:1.35rem}
.quality-grid article>p:not(.partner-name){max-width:550px;color:var(--muted)}
.partner-name{font-size:1.9rem;line-height:1.1;font-weight:700;color:#b90020;letter-spacing:-.02em;margin-bottom:24px}
.partner-name.bosch{color:#b90020}.partner-name.bosch span{display:block;color:#0b416a;font-size:.88rem;letter-spacing:.05em;margin-top:4px}
.quality-grid .partner-logo{height:50px;max-width:240px;object-fit:contain;object-position:left center;margin-bottom:25px}
@media(max-width:1200px) and (min-width:761px){.brand{width:290px;transform:scale(.82);transform-origin:left center;margin-right:-55px}.header nav{gap:23px}.header nav .button{padding:13px 18px;margin-left:0;min-height:48px;gap:12px}.hero .actions{gap:16px}.hero .button{padding:12px 15px;gap:12px}.signature-original{margin-top:18px}.hero-copy{padding-left:4vw;padding-right:19px}.hero h1{font-size:4.25vw}.hero .actions{flex-wrap:wrap;row-gap:8px}.hero .actions .secondary{border:0}.hero{height:440px}.hero .lead{font-size:1.45vw}.hero-copy .eyebrow{margin-bottom:15px}.home-product-grid .card-copy{padding:12px 16px}}
@media(max-width:900px) and (min-width:761px){.header nav{gap:18px}.header nav>a,.nav-products>summary{font-size:13px}.brand{width:255px;transform:scale(.7);margin-right:-80px}.header nav .button{font-size:12px;gap:9px;padding:12px}.hero .lead{font-size:15px}.hero h1{font-size:3.8vw}.hero .button{font-size:12px}.hero .actions{gap:8px 15px}.hero{height:420px}.signature-original{margin-top:15px}.benefits>.wrap{width:92%}.benefits>.wrap>div{gap:12px}.benefits svg{width:34px;height:34px}.home-product-grid{gap:17px}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.topline .wrap{min-height:34px}.topline .wrap>span{font-size:10px}.topline a{font-size:13px}.header-inner{height:100px;gap:12px}.brand{width:260px;max-width:calc(100% - 75px);transform:scale(.69);transform-origin:left center;margin-right:-105px;align-self:center;height:100px}.brand-symbol{width:148px;height:80px}.brand-symbol img{width:178px;height:178px}.brand-name img{width:240px;height:240px}.brand-claim img{width:245px;height:245px}.menu-toggle{font-size:12px;padding:10px;gap:10px;margin-left:auto}.header nav{display:none;gap:0}.header nav.is-open{display:flex}.header nav>a,.nav-products>summary{font-size:16px;padding:12px}.header nav .button{margin:12px 0 0;min-height:48px;font-size:15px}.product-dropdown{position:static;box-shadow:none;width:100%;border:0;background:#f1f5fb}.product-dropdown>a{padding:12px;font-size:14px}.hero{grid-template-columns:1fr;height:auto;min-height:0}.hero-copy{padding:30px 22px 18px}.hero-copy .eyebrow{font-size:10px;margin-bottom:16px}.hero h1{font-size:clamp(36px,8.8vw,55px);line-height:1.02;margin-bottom:16px}.hero h1 br{display:block}.hero .lead{font-size:16px;line-height:1.45;margin-bottom:16px;max-width:500px}.hero .actions{flex-wrap:wrap;gap:10px 18px;margin-top:16px}.hero .button{font-size:13px;min-height:46px;padding:12px 16px;gap:13px}.hero .actions .secondary{font-size:12px;min-height:35px;gap:8px;padding:0}.signature-original{max-width:310px;margin-top:15px;aspect-ratio:4.2}.hero-picture{height:300px;clip-path:none;margin:0;min-height:0}.hero-picture img{object-position:center}.hero-picture figcaption{font-size:9px}.benefits>.wrap{width:calc(100% - 32px);display:grid;grid-template-columns:1fr;padding-block:8px}.benefits>.wrap>div{min-height:52px;padding:7px 0;gap:18px;justify-content:start}.benefits svg{width:32px;height:32px}.benefits strong{font-size:13px}.benefits small{font-size:11px}.home-products{padding:28px 0 35px}.home-products h2{font-size:27px;margin-bottom:22px}.home-product-grid{grid-template-columns:1fr;gap:18px}.home-product-grid .card-image{height:210px}.home-product-grid .card-copy{padding:14px 18px}.home-product-grid h3{font-size:18px}.home-product-grid .card-copy:after{bottom:9px}.home-product-grid .text-tile{display:flex;align-items:center;justify-content:space-around}.home-product-grid .text-tile p{font-size:.95rem;line-height:1.5}.quality-section{padding-block:45px}.quality-grid{grid-template-columns:1fr;gap:12px}.quality-grid article{padding-right:0}.quality-section h2{font-size:2rem}}
@media(max-width:365px){.brand{transform:scale(.6);margin-right:-130px}.hero .actions{flex-direction:row}.hero .button{width:auto}.hero h1{font-size:34px}.topline .wrap>span{max-width:150px}.topline a{font-size:11px}}


.brand{mix-blend-mode:multiply}
@media(max-width:1200px) and (min-width:761px){.hero{grid-template-columns:43% 57%}}

/* Whole original company logo: no crops, reassembly, color filters or distortion. */
.brand{width:150px;max-width:none;height:150px;transform:none;margin:0;display:block;align-self:center;mix-blend-mode:normal}
.brand img.brand-complete{display:block;position:static;width:150px;height:150px;max-width:100%;object-fit:contain;filter:none;mix-blend-mode:normal}
.header-inner{height:158px;min-height:158px}
.hero-claim{font-family:'Segoe Print','Brush Script MT',cursive;font-style:italic;font-size:clamp(16px,1.6vw,24px);font-weight:600;margin:24px 0 0;color:#121a27}
.bosch-brand{margin-bottom:24px}.bosch-brand .partner-logo{margin-bottom:3px}.bosch-brand>span{display:block;color:#003e64;font-weight:600;font-size:15px;letter-spacing:.01em;margin-left:72px}
.quality-grid .partner-logo{width:235px;height:55px;max-width:100%;object-fit:contain;object-position:left center;filter:none}
@media(max-width:900px) and (min-width:761px){.header nav{gap:16px}.header-inner{height:140px;min-height:140px}.brand,.brand img.brand-complete{width:130px;height:130px}}
@media(max-width:760px){.header-inner{height:108px;min-height:108px}.brand,.brand img.brand-complete{width:104px;height:104px}.brand{max-width:none;margin:0;transform:none;mix-blend-mode:normal}.hero{display:flex;flex-direction:column;height:auto}.hero-picture{order:-1;display:block;height:235px;min-height:235px;width:100%;margin:0;clip-path:none;flex:none}.hero-picture img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 52%}.hero-copy{padding:24px 22px 26px}.hero h1{font-size:clamp(31px,8.2vw,48px)}.hero .lead{font-size:15px}.hero .actions{margin-top:16px;gap:12px 18px}.hero .button{font-size:12px;min-height:43px}.hero-claim{font-size:17px;margin-top:18px}.benefits>.wrap>div{min-height:48px}.header nav{top:100%}}

/* The approved image defines the whole grouped logo and signature, without reassembly. */
.header-inner{height:119px;min-height:119px}.brand{width:355px;height:104px;display:flex;margin:0;transform:none;mix-blend-mode:multiply}.brand-complete-group{display:block;width:355px;height:104px;flex:none}.hero-claim-group{width:min(100%,390px);height:auto;display:block;margin-top:18px;mix-blend-mode:multiply}
.brand-complete-group,.hero-claim-group{filter:contrast(1.4) brightness(1.12)}.hero h1>span:last-child{font-size:.92em}
.hero-copy{padding-top:0;padding-bottom:0}.hero{height:503px}.hero h1{font-size:clamp(38px,4.55vw,70px);letter-spacing:-.055em;line-height:.96;transform:scaleX(.96);transform-origin:left center;width:104.16%;margin-bottom:16px}.hero .lead{line-height:1.4;margin-bottom:18px}.hero .actions{margin-top:21px}.home-product-grid h3{font-weight:700}.hero-picture img{object-position:55% center}
@media(min-width:1201px){.hero-copy{padding-left:5vw;padding-right:18px}.hero .lead{font-size:24px}.hero .button{font-size:17px;padding:14px 22px;min-height:54px}.hero .actions .secondary{font-size:14px}}
@media(max-width:1200px) and (min-width:761px){.header-inner{height:106px;min-height:106px}.brand,.brand-complete-group{width:285px;height:84px}.header nav{gap:22px}.hero{height:440px}.hero h1{font-size:3.95vw}.hero .lead{font-size:1.55vw}.hero-claim-group{max-width:310px}.hero .actions{margin-top:18px}}
@media(max-width:900px) and (min-width:761px){.brand,.brand-complete-group{width:250px;height:74px}.header nav{gap:15px}.hero h1{font-size:3.65vw}.hero .lead{font-size:15px}.hero{height:410px}}
@media(max-width:760px){.header-inner{height:94px;min-height:94px}.brand,.brand-complete-group{width:245px;height:72px}.brand{max-width:calc(100% - 85px)}.brand-complete-group{max-width:100%;flex:initial}.hero{height:auto}.hero h1{font-size:clamp(32px,8.4vw,49px);transform:none;width:auto;line-height:1.03}.hero-copy{padding:23px 22px 26px}.hero .lead{font-size:15px;line-height:1.45}.hero-claim-group{max-width:310px;margin-top:18px}.hero-picture{height:235px;min-height:235px}.header nav{top:100%}}