/* English copy layout: allow reviewed titles and labels to wrap naturally. */
html:lang(en) body{font-family:Arial,Helvetica,sans-serif}
html:lang(en) h1,html:lang(en) h2,html:lang(en) h3{overflow-wrap:break-word}
html:lang(en) h2{line-height:1.2}
html:lang(en) .brand-descriptor{max-width:195px;font-size:10px}
html:lang(en) .site-header nav{gap:22px}
html:lang(en) .site-header nav a{white-space:nowrap}
html:lang(en) .header-contact{gap:16px;white-space:nowrap}
html:lang(en) .hero-immersive h1{font-size:clamp(50px,5.6vw,90px);line-height:1.08;white-space:normal}
html:lang(en) .hero-title-close{margin-left:0;font-size:1em;line-height:inherit}
html:lang(en) .hero-immersive .hero-main{padding-top:120px;padding-bottom:140px}
html:lang(en) .hero-immersive .hero-copy{width:49%;max-width:700px}
html:lang(en) .hero-immersive .hero-copy>.hero-lead{margin-block:26px 20px;line-height:1.65;max-width:430px}
html:lang(en) .hero-actions{gap:12px 24px}
html:lang(en) .hero-immersive .hero-secondary{font-size:12px}
html:lang(en) .hero-product-link small>span{display:block;margin-left:0}
html:lang(en) .section-heading>h2{flex:1;min-width:0}
html:lang(en) .section-heading>p{flex:0 1 340px}
html:lang(en) .catalog-nav a{flex:1 1 180px;padding:14px 18px;font-size:13px;line-height:1.5}
html:lang(en) .catalog-nav a:first-child{padding-left:18px}
html:lang(en) .collection-copy h3{line-height:1.25}
html:lang(en) .collection-copy>p{line-height:1.75}
html:lang(en) .collection-tags{gap:8px 20px;line-height:1.6}
html:lang(en) .company-heading>*,html:lang(en) .company-body>*,html:lang(en) .craft-top>*,html:lang(en) .applications>*,html:lang(en) .distribution>*{min-width:0}
html:lang(en) .company-focus dl>div{display:grid;grid-template-columns:minmax(100px,.8fr) minmax(0,1.7fr);gap:16px}
html:lang(en) .company-focus dl dd{margin:0}
html:lang(en) .company-heading h2 .muted{display:inline-block;font-size:.82em;margin-top:12px}
html:lang(en) .company-image--garden figcaption{line-height:1.6}
html:lang(en) .craft-steps{gap:30px}
html:lang(en) .craft-steps>div+div{padding-left:25px}
html:lang(en) .craft-steps h3{line-height:1.4}
html:lang(en) .application summary{font-size:19px;line-height:1.5;gap:16px}
html:lang(en) .application summary>span:first-child{min-width:0}
html:lang(en) .application-en{font-size:11px}
html:lang(en) .expand-icon{margin-left:auto}
html:lang(en) .faq-list summary{font-size:16px}
html:lang(en) .service-process h3{line-height:1.4}
html:lang(en) .service-process li{min-width:0}
html:lang(en) .service-action{gap:24px}
html:lang(en) .service-action>.line-link{min-width:200px}
html:lang(en) .contact-copy h1{font-size:clamp(38px,4.2vw,64px);line-height:1.15;white-space:normal}
html:lang(en) .contact-copy .emphasis{max-width:100%;overflow-wrap:break-word}
html:lang(en) .contact-lead{max-width:520px}
html:lang(en) .contact-page>*{min-width:0}
html:lang(en) .footer-top{gap:28px}
html:lang(en) .footer-directory>div{min-width:0}

@media(min-width:1001px) and (max-width:1200px){
 html:lang(en) .header-inner{gap:18px}
 html:lang(en) .site-header nav{gap:16px;font-size:12px}
 html:lang(en) .header-contact{padding-left:18px;font-size:12px}
}
@media(max-width:1000px){
 html:lang(en){scroll-padding-top:90px}
 html:lang(en) .site-header{height:78px}
 html:lang(en) .header-inner{gap:18px}
 html:lang(en) .brand-descriptor{display:none}
 html:lang(en) .header-contact{margin-left:auto;border:0;padding-left:0;font-size:12px;gap:12px}
 html:lang(en) .menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:38px;height:44px;padding:8px 5px;background:transparent;flex:none}
 html:lang(en) .menu-toggle span{height:1px;width:25px;background:var(--ink);transition:transform .2s}
 html:lang(en) .menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}
 html:lang(en) .menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
 html:lang(en) .site-header nav{position:absolute;top:78px;left:0;right:0;margin-left:0;background:var(--paper);padding:18px var(--gutter) 26px;border-bottom:1px solid var(--line);flex-direction:column;gap:6px;max-height:calc(100svh - 78px);overflow-y:auto}
 html:lang(en).js .site-header nav{display:none}
 html:lang(en).js .site-header nav.is-open{display:flex}
 html:lang(en) .site-header nav a{font-size:16px;padding:12px 0}
 html:lang(en) .hero.hero-immersive{margin-top:-78px}
 html:lang(en) .application-en{display:none}
 html:lang(en) .craft-steps{gap:20px}
 html:lang(en) .service-process{grid-template-columns:repeat(2,minmax(0,1fr))}
 html:lang(en) .service-process li:nth-child(3){border-left:0;padding-left:0}
 html:lang(en) .service-process li:nth-child(n+3){border-top:1px solid var(--line)}
}
@media(max-width:1100px) and (min-width:761px) and (max-aspect-ratio:4/3){
 html:lang(en) .hero-immersive .hero-main{padding-top:130px;align-items:flex-start}
 html:lang(en) .hero-immersive .hero-copy{width:80%;max-width:650px}
}
@media(max-width:760px){
 html:lang(en) .header-inner{gap:12px}
 html:lang(en) .header-contact{font-size:11px;gap:8px}
 html:lang(en) .hero.hero-immersive{min-height:820px}
 html:lang(en) .hero-immersive .hero-main{padding:115px var(--gutter) 0;align-items:flex-start}
 html:lang(en) .hero-immersive .hero-copy{width:100%;max-width:460px}
 html:lang(en) .hero-immersive h1{font-size:clamp(40px,10.7vw,66px);line-height:1.08}
 html:lang(en) .hero-immersive .hero-copy>.hero-lead{margin-block:24px 18px;max-width:340px}
 html:lang(en) .hero-actions{gap:8px 20px}
 html:lang(en) .hero-immersive .hero-scene picture{height:clamp(240px,33svh,360px)}
 html:lang(en) .section-heading>p{margin-top:22px}
 html:lang(en) .catalog-nav{gap:0}
 html:lang(en) .catalog-nav a,html:lang(en) .catalog-nav a:first-child{flex:1 1 50%;padding:12px 14px 12px 0;font-size:12px}
 html:lang(en) .catalog-nav a:nth-child(even){padding-left:14px}
 html:lang(en) .company-heading h2 .muted{font-size:.9em}
 html:lang(en) .company-focus dl>div{grid-template-columns:1fr;gap:4px}
 html:lang(en) .craft-steps>div+div{padding-left:0}
 html:lang(en) .craft-photo figcaption{font-size:10px;line-height:1.6}
 html:lang(en) .application summary{font-size:18px}
 html:lang(en) .faq-list summary{font-size:15px}
 html:lang(en) .service-action{align-items:flex-start}
 html:lang(en) .service-action>.line-link{min-width:0;width:100%}
 html:lang(en) .contact-copy h1{font-size:clamp(34px,8.5vw,54px)}
 html:lang(en) .contact-copy{min-width:0}
 html:lang(en) .email-block>a{font-size:clamp(24px,6.7vw,31px);gap:8px}
 html:lang(en) .footer-top>p{line-height:1.6}
 html:lang(en) .closing{gap:18px}
 html:lang(en) .closing h2{font-size:clamp(24px,6.6vw,34px)}
 html:lang(en) .closing-link{padding-left:15px}
 html:lang(en) .map-caption{gap:20px}
}
@media(max-width:370px){
 html:lang(en) .header-contact{white-space:normal;max-width:108px;line-height:1.4}
 html:lang(en) .header-contact .icon{display:none}
 html:lang(en) .service-process{grid-template-columns:1fr}
 html:lang(en) .service-process li+li{border-left:0;padding-left:0;border-top:1px solid var(--line)}
}
@media(scripting:none){
 html:lang(en) .menu-toggle{display:none}
 html:lang(en) .site-header{height:auto;position:relative}
 html:lang(en) .header-inner{flex-wrap:wrap;padding-block:20px}
 html:lang(en) .site-header nav{position:static;display:flex;flex-wrap:wrap;width:100%;flex-direction:row;padding:12px 0 0;max-height:none}
 html:lang(en) .hero.hero-immersive{margin-top:0}
}