.sub-mobile{display:none}.detail-hero{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;padding:65px 5% 75px;gap:5%;background:#ecece7}.detail-hero h1,.quality-hero h1,.distributor-intro h1{font-size:clamp(56px,6.4vw,92px);line-height:1.02}.detail-hero .eyebrow{color:var(--red);margin:35px 0 18px}.back{font-size:14px;color:#666}.lead{font-size:19px;line-height:1.65;max-width:660px;margin:25px 0 30px;color:#606465}.detail-hero figure{margin:0}.detail-hero figure img{width:100%;height:auto;display:block}.detail-hero figcaption{font-size:12px;color:#6c706d;line-height:1.5;padding-top:12px}.products-detail h2{margin-bottom:35px}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}.detail-grid article{padding:32px;background:#fff;border-top:3px solid var(--red);scroll-margin-top:110px}.detail-grid h3{font-size:28px;font-weight:600;margin-bottom:15px}.detail-grid p{font-size:17px;line-height:1.7;color:#65696a}.detail-grid h4{font-size:14px;text-transform:uppercase;letter-spacing:.04em;margin:25px 0 10px}.detail-grid .text-link{margin-top:18px}.application-band{background:var(--ink);color:#fff;padding:65px 8%}.application-band p{color:#bdbfc0;max-width:720px;line-height:1.7;margin:25px 0}.quality-hero{background:#181a1c;color:white;border-bottom:6px solid var(--red)}.quality-hero .eyebrow{color:#ff6868;margin-bottom:26px}.quality-hero .lead{color:#c6c9cb}.quality-content{display:grid;grid-template-columns:1fr 1.2fr;gap:8%}.quality-content>div>p{margin-top:24px;line-height:1.7;color:#65696a}.quality-content .detail-grid{grid-template-columns:1fr}.distributor-intro{background:#17191b;color:white;padding-bottom:65px}.distributor-intro h1{margin-top:25px}.distributor-intro h1 em{font-style:normal;color:#e52d2d}.distributor-intro .lead{color:#bcbfc1}.distributor-body{display:grid;grid-template-columns:1fr 1.2fr;gap:8%}.distributor-body aside p{line-height:1.7;margin:25px 0;color:#65696a}.distributor-body aside a{font-weight:600}.distributor-body .form-explanation{font-size:15px;border-top:1px solid #d2d4d1;padding-top:25px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}form>label,form fieldset{margin:22px 0}form label{display:block;font-size:15px;font-weight:600}form input:not([type=checkbox]),form select,form textarea{display:block;width:100%;padding:14px;margin-top:9px;background:white;border:1px solid #bfc3c0;border-radius:0;font:inherit;font-size:16px;line-height:1.4;color:var(--ink)}form input:focus,form select:focus,form textarea:focus{outline:2px solid var(--red);outline-offset:2px}fieldset{border:1px solid #c7cac6;padding:20px}legend{font-size:15px;font-weight:600;padding:0 7px}.checkbox{display:flex;align-items:center;gap:10px;margin:10px 0}input[type=checkbox]{width:19px;height:19px;accent-color:var(--red)}form button{border:0;cursor:pointer}#form-status{margin-top:20px;font-size:16px;line-height:1.6}#email-preview{margin-top:20px;padding:20px;background:#e6e8e3}#email-preview p{font-size:16px;line-height:1.6}.distribution-banner{background:#e8e9e4;border-top:1px solid #d0d1cd}.distribution-banner .eyebrow{color:var(--red);margin-bottom:22px}.distribution-banner>p:not(.eyebrow){margin:22px 0;line-height:1.6;max-width:650px}.quality-link{color:white;margin-top:22px}.header nav{gap:23px}@media(max-width:900px){.detail-hero{grid-template-columns:1fr;padding:45px 6%}.detail-hero figure{margin-top:20px}.quality-content,.distributor-body{grid-template-columns:1fr;gap:40px}.detail-grid{gap:18px}.header nav{gap:16px}}@media(max-width:680px){.sub-mobile{display:flex;justify-content:space-around;padding:15px 4%;background:#fff;border-bottom:1px solid #ddd;font-size:14px}.detail-hero h1,.quality-hero h1,.distributor-intro h1{font-size:56px}.detail-grid{grid-template-columns:1fr}.detail-grid article{padding:26px}.form-grid{grid-template-columns:1fr}.lead{font-size:17px}.application-band{padding:55px 6%}.application-band .button{font-size:14px;max-width:100%;overflow-wrap:anywhere}}
@media(min-width:681px) and (max-width:1000px){.header-contact{display:none}.header nav{gap:14px;font-size:14px}.header .brand{width:140px}}
.hero:after{background:linear-gradient(90deg,rgba(8,9,10,.82),rgba(8,9,10,.25) 62%,transparent)}

/* Matching detail photography for manufacturing and quality. */
.quality-gallery{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;min-width:0}
.brand-section>.quality-gallery{margin-top:40px}
.quality-gallery figure{margin:0;min-width:0}
.quality-gallery img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#343638}
.quality-gallery figcaption{font-size:16px;font-weight:600;line-height:1.5;padding-top:15px}
.quality-gallery .quality-visual-note{grid-column:1/-1;margin:0;font-size:13px;line-height:1.5;color:#686c6e}
.brand-section .quality-visual-note{color:#bfc2c4}
.quality-imagery{padding-top:60px;padding-bottom:0}
@media(max-width:680px){.quality-gallery{grid-template-columns:minmax(0,1fr);gap:26px}.brand-section>.quality-gallery{margin-top:0}.quality-imagery{padding-top:40px}.quality-gallery figcaption{padding-top:12px}}

/* Responsive layout shared by the home page and all product pages. */
.brand-section{row-gap:48px;column-gap:7%}
.brand-section>.quality-gallery{margin-top:0}
.header .brand{flex-shrink:0}
.language-switch{flex-shrink:0}
.language-switch button{min-width:44px;min-height:44px;font-size:14px}
.section>*,.brand-section>*,.product-panel>*,.detail-hero>*,.quality-content>*,.distributor-body>*,.form-grid>*{min-width:0}
h1,h2,h3,.button,.text-link,a[href^="mailto:"]{overflow-wrap:anywhere}
.button{max-width:100%}
@media(max-width:1100px){
 html{scroll-padding-top:74px}
 .header{height:74px;padding:0 5%;gap:12px}
 .header .brand{width:140px}
 .header nav,.header-contact{display:none}
 .language-switch{margin-left:auto;border:0;padding-left:0;gap:0}
 .menu{display:flex;align-items:center;gap:6px;min-height:44px;padding:8px;background:none;border:0;font-size:14px;font-weight:600}
 .menu span{font-size:22px}
 .mobile-nav{position:fixed;z-index:19;top:74px;left:0;right:0;max-height:calc(100dvh - 74px);overflow-y:auto;background:white;padding:12px 5% 24px;box-shadow:0 12px 20px #0002}
 .mobile-nav a{display:block;padding:15px 0;border-bottom:1px solid #eee}
 .sub-mobile{display:flex;flex-wrap:wrap;justify-content:space-around;gap:4px 16px;padding:6px 5%;background:#fff;border-bottom:1px solid #ddd;font-size:14px}
 .sub-mobile a{display:flex;align-items:center;min-height:44px}
 .contact{flex-wrap:wrap}
 .range-links a{font-size:clamp(16px,2vw,22px);padding:22px 18px;gap:12px}
}
@media(min-width:1101px){.mobile-nav{display:none}}
@media(max-width:1024px){
 .hero-carousel{height:auto;min-height:0;max-height:none;display:flex;flex-direction:column;align-items:stretch;overflow:visible}
 .hero-carousel:after{display:none}
 .hero-carousel .hero-content{order:0;margin:0;padding:40px 6% 32px;max-width:none}
 .hero-carousel .hero-art{order:1;position:relative;inset:auto;width:100%;aspect-ratio:16/9;opacity:1}
 .hero-carousel .hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center}
 .hero-carousel .hero-bottom{order:2;position:relative;inset:auto;padding:22px 6% 28px;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:20px}
 .hero-carousel .hero-controls{width:auto;gap:12px;flex-wrap:wrap}
 .hero-carousel .hero-bottom>span{font-size:12px}
 html[lang=en] .hero-carousel h1{font-size:clamp(42px,7.8vw,80px)}
 html[lang=es] .hero-carousel h1{font-size:clamp(28px,5.9vw,62px)}
 .hero-carousel .eyebrow{margin-bottom:20px}
 .hero-carousel .hero-content>p{max-width:650px;font-size:17px;margin:20px 0 24px}
 .product-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .product-copy{padding:35px 24px}
 .support{column-gap:6%}
 .brand-statement h2{font-size:clamp(36px,5vw,62px)}
}
@media(max-width:680px){
 .header{padding:0 4%;gap:4px}
 .header .brand{width:112px}
 .menu{padding:8px 4px;gap:4px;font-size:13px}
 .hero-carousel .hero-bottom{flex-direction:column;align-items:stretch}
 .hero-carousel .hero-controls{width:100%;gap:10px}
 .hero-carousel .hero-content>p{font-size:16px}
 .hero-controls .video-toggle{min-width:90px}
 .systems-strip{flex-wrap:wrap;justify-content:center;font-size:14px;gap:10px}
 .section{padding:48px 6%}
 h2,.brand-statement h2{font-size:clamp(34px,10vw,52px);line-height:1.06}
 .contact h2{font-size:clamp(42px,12vw,68px)}
 .detail-hero h1,.quality-hero h1,.distributor-intro h1{font-size:clamp(38px,10vw,56px);line-height:1.06}
 .product-panel{grid-template-columns:minmax(0,1fr)}
 .product-copy h3{font-size:clamp(32px,9vw,44px)}
 .product-visual{min-height:0;padding:65px 0 24px}
 .brand-section{padding:48px 6%;gap:32px}
 .quality-imagery{padding-bottom:0}
 .range-links a{font-size:20px}
 .detail-grid article{padding:24px 20px}
 .contact{padding:48px 6%}
 .contact-action .button{gap:18px}
 .checkbox{min-height:44px}
 fieldset{min-width:0;padding:16px}
 .footer-bottom{line-height:1.6}
}
@media(hover:none){.button:hover,.range-card:hover img,.product-visual:hover>img{transform:none}}
