/* User-supplied complete Banner, 2026-09-18. Original pixels and layer configuration retained. */
.site-header.hero-header{height:72px}
.hero-composite.hero{width:100%;height:clamp(540px,38.7vw,747px);min-height:0}
.hero-composite .workshop-layer{filter:none;object-fit:cover;object-position:center;opacity:1}
.hero-composite .atmosphere-layer{background:linear-gradient(90deg,#02142438,transparent 58%)}
.hero-composite .table-layer,.hero-composite .table-light-layer,.hero-composite .product-stage,.hero-composite .table-caption{display:none}
.hero-composite.hero:after{display:none}
.hero-composite .hero-copy{left:7.4%;top:clamp(90px,6vw,125px);width:52.5%;max-width:850px}
.hero-composite .eyebrow{font-size:13px;letter-spacing:2px;color:#9baec3;margin:0 0 17px}
.hero-composite h1{font-size:46px;font-weight:700;line-height:1.25;letter-spacing:-1px;margin:0 0 16px;max-width:none;white-space:nowrap}
.hero-composite h1 span,.hero-composite h1 em{font:inherit;line-height:inherit;letter-spacing:inherit;vertical-align:baseline}
.hero-composite h2{font-size:21px;font-weight:400;line-height:1.55;margin:0}
.hero-composite .hero-benefits{display:grid;grid-template-columns:1fr 1fr;width:100%;max-width:none;gap:18px;margin:15px 0}
.hero-composite .hero-benefits>div{width:auto;padding:18px 16px;gap:12px;align-items:flex-start;border:1px solid #ffffff24;border-radius:6px;background:#c1d2e410}
.hero-composite .hero-benefits svg{width:25px;height:27px;margin-top:2px}
.hero-composite .hero-benefits b{font-size:19px;font-weight:700;line-height:1.5}
.hero-composite .hero-benefits small{font-size:13px;color:#b9c7d8;margin-top:3px}
.hero-composite .actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:calc((100% - 18px)/2);gap:16px;margin:0}
.hero-composite .actions>a.button{width:100%;min-width:0;padding-left:8px;padding-right:8px;box-sizing:border-box}
.hero-composite .button,.hero-composite .button.secondary{min-width:145px;min-height:44px;padding:11px 22px;font-size:14px;border-radius:3px}
.hero-composite .hero-metrics{position:static;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;margin-top:19px;padding-top:21px;gap:0;border-top:1px solid #ffffff26}
.hero-composite .hero-metrics>div{padding:0;border:0;gap:10px;align-items:center}
.hero-composite .hero-metrics svg{display:block;width:28px;height:31px}
.hero-composite .hero-metrics strong{font-size:30px;line-height:1.2}
.hero-composite .hero-metrics span{font-size:11px;margin-top:5px;color:#aebed1}
.hero-composite .hero-metrics strong{white-space:nowrap;font-variant-numeric:tabular-nums}
.hero-composite .hero-metrics strong .count-value{display:inline;font:inherit;color:inherit;margin:0;letter-spacing:inherit}
.hero-composite .hero-metrics strong small,.hero-composite .hero-metrics strong .metric-suffix{font:inherit;font-size:.7em;color:inherit;vertical-align:baseline}
.hero-composite .atmosphere-layer{background:linear-gradient(90deg,#051a34b8,#051a3450 54%,#051a3415)}
/* Align the single-line desktop headline with the copy, actions and metrics. */
@media(min-width:1101px){
 .hero-composite.hero{height:clamp(650px,40.5vw,780px)}
 .hero-composite .workshop-layer{left:-3%;width:104%;max-width:none}
 .hero-composite .hero-copy{left:max(6%,calc((100% - 1200px)/2));width:clamp(500px,39.2vw,720px);max-width:none;top:clamp(110px,9.8vw,180px)}
 .hero-composite h1{font-size:clamp(32px,2.61vw,48px);line-height:1.22;width:100%;text-align:justify;text-align-last:justify;text-justify:inter-character}
 .hero-composite h1>span{display:inline;white-space:nowrap}
 .hero-composite h2{font-size:clamp(16px,1.2vw,22px)}
 .hero-composite .hero-benefits{gap:20px;margin:24px 0 30px}
 .hero-composite .actions{width:calc((100% - 20px)/2);gap:16px}
 .hero-composite .hero-benefits>div{padding:18px 16px}
 .hero-composite .hero-benefits b{font-size:20px}
 .hero-composite .button,.hero-composite .button.secondary{min-height:48px}
 .hero-composite .hero-metrics{margin-top:36px;padding-top:28px}
 .hero-composite .hero-metrics strong{font-size:clamp(26px,1.75vw,32px)}
 .hero-composite .hero-metrics svg{width:27px;height:30px;flex-shrink:0}
 .hero-composite .hero-benefits,.hero-composite .hero-metrics{width:100%}
 .hero-composite .hero-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hero-composite .hero-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}
 .hero-composite .hero-metrics>div{gap:7px}
}
@media(max-width:1100px) and (min-width:761px){
 .hero-composite .workshop-layer{object-fit:contain;object-position:right bottom}
 .hero-composite .hero-copy{width:70%;top:84px;left:6%}
 .hero-composite .hero-benefits{margin:16px 0}
 .hero-composite .hero-metrics{margin-top:22px}
 .hero-composite h1{font-size:36px}
 .hero-composite h2{font-size:20px}
 .hero-composite .hero-metrics{width:100%;gap:8px}
 .hero-composite .hero-metrics svg{width:22px}
 .hero-composite .hero-metrics strong{font-size:28px}
 .hero-composite .hero-benefits b{font-size:18px}
}
@media(max-width:760px){
 .hero-composite.hero{height:882px;aspect-ratio:auto;min-height:0;background:#071a2b}
 .hero-composite .workshop-layer{top:auto;bottom:0;height:270px;object-fit:cover;object-position:right center}
 .hero-composite .atmosphere-layer{background:linear-gradient(180deg,#071a2b 63%,transparent 73%);pointer-events:none}
 .hero-composite .hero-copy{top:88px;width:88%;left:6%}
 .hero-composite .eyebrow{font-size:9px;letter-spacing:1.1px;margin-bottom:16px}
 .hero-composite h1{font-size:32px;white-space:normal;letter-spacing:-.6px;line-height:1.4;margin-bottom:14px}
 .hero-composite h1>span{display:block;white-space:nowrap}
 .hero-composite h2{font-size:16px;line-height:1.8}
 .hero-composite .hero-benefits{gap:12px;margin:16px 0}
 .hero-composite .hero-benefits>div{padding:15px 12px;gap:8px}
 .hero-composite .hero-benefits svg{width:21px;height:24px}
 .hero-composite .hero-benefits b{font-size:17px}
 .hero-composite .hero-benefits small{font-size:10px;white-space:normal}
 .hero-composite .actions{width:100%;gap:12px}
 .hero-composite .button,.hero-composite .button.secondary{min-width:0;padding:12px 10px;font-size:13px}
 .hero-composite .hero-metrics{grid-template-columns:repeat(2,1fr);gap:20px 25px;margin-top:20px;padding-top:18px}
 .hero-composite .hero-metrics strong{font-size:21px}
}