/* Scenic backgrounds are brand metaphors; product images retain the customer's actual geometry. */
.hero{position:relative;isolation:isolate;background:#dceaf4}
.hero-inner{width:100%;max-width:none;margin:0}
.hero-slide{position:relative;isolation:isolate;display:block;height:calc(100svh - var(--header));min-height:650px;max-height:1000px;padding:0;overflow:hidden;background-color:#c5dbe8;background-size:cover;background-position:center center}
.portfolio-banner,.transfer-banner{background-image:url('banner/mountain-v1.webp')}
.pto-banner{background-image:url('banner/sky-v1.webp')}
.energy-banner{background-image:url('banner/horizon-v1.webp')}
.hero-slide:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,#e9f2f9 0%,#e9f2f9f0 12%,#e9f2f94d 34%,transparent 54%),linear-gradient(90deg,#082d4a99 0%,#082d4a49 34%,transparent 68%);pointer-events:none}
.hero-slide:after{display:none}
.hero-copy{position:absolute;z-index:10;left:7%;top:26%;width:43%;max-width:650px;padding:0;transform:none}
.hero-kicker{font:600 10px/1.5 Arial;letter-spacing:.18em;text-transform:uppercase;color:#e5f0f8;display:flex;align-items:center;gap:13px;margin-bottom:25px}
.hero-kicker i{width:27px;height:2px;background:#d7e9f5}
.hero-title{font-size:clamp(43px,4.5vw,76px);line-height:1.2;letter-spacing:-.035em;margin-bottom:25px;font-weight:600;color:#fff;text-shadow:0 3px 18px #0a304426}
.hero-title>span{display:block}
.hero-title>span:last-child{color:#fff}
.portfolio-banner .hero-title{font-size:clamp(50px,5.35vw,89px);line-height:1.13}
.hero-description{font-size:14px;line-height:2;max-width:460px;color:#edf5fa;margin:0 0 23px;text-shadow:0 1px 8px #0c31484d}
.button-primary{display:inline-flex;align-items:center;gap:40px;padding:12px 0;border-bottom:1px solid #ffffff88;background:transparent;color:white;font-size:13px}
.button-primary:hover{background:transparent;border-color:#fff;color:#fff}
.button-primary>span:last-child{font-size:20px}
.banner-art{position:absolute;inset:0;z-index:auto;pointer-events:none}
.product-ensemble img,.banner-product-main,.banner-product-secondary{position:absolute;object-fit:contain;mix-blend-mode:normal;filter:none;mask-size:contain;mask-position:center;mask-repeat:no-repeat;mask-mode:alpha}
.ensemble-pto,.pto-composition .banner-product-main{mask-image:url('banner/masks/pto-v1.png')}
.ensemble-transfer,.transfer-composition .banner-product-main{mask-image:url('banner/masks/transfer-v1.png')}
.ensemble-energy,.energy-composition .banner-product-main{mask-image:url('banner/masks/eworks-v1.png')}
.ensemble-actuator,.banner-product-secondary{mask-image:url('banner/masks/actuator-v1.png')}
.ensemble-energy{width:27%;height:37%;left:62%;top:44%;z-index:2}
.ensemble-transfer{width:16%;height:28%;left:47%;top:56%;z-index:1}
.ensemble-pto{width:27%;height:31%;left:58%;top:62%;z-index:4}
.ensemble-actuator{width:21%;height:24%;left:78%;top:66%;z-index:5}
.banner-product-main{width:43%;height:57%;right:4%;top:33%;z-index:3}
.pto-composition .banner-product-main{width:43%;height:56%;right:5%;top:35%;transform:rotate(-3deg)}
.transfer-composition .banner-product-main{width:28%;height:56%;right:13%;top:35%;transform:none}
.energy-composition .banner-product-main{width:37%;height:52%;right:14%;top:34%}
.banner-product-secondary{width:25%;height:29%;right:1%;bottom:11%;z-index:4}
.banner-model{position:absolute;right:8%;bottom:10%;font:500 clamp(35px,4.3vw,68px)/1 Arial;letter-spacing:-.035em;color:#577e9b35;z-index:2}
.energy-composition .banner-model{right:9%;bottom:10%}
.hero-lower{position:absolute;left:7%;right:7%;bottom:37px;z-index:20;display:flex;justify-content:space-between;align-items:center;pointer-events:none}
.hero-lower>*{pointer-events:auto}
.scroll-cue{font-size:9px;color:#456e8c;gap:16px}
.scroll-line{border-color:#86a7bf}
.carousel-controls{gap:12px}
.slide-counter{color:#8aa2b4}.slide-counter b{color:var(--blue)}
.carousel-arrow{border-color:#8caac080;background:#ffffff36;color:#315b7c}
.carousel-arrow:hover{background:var(--blue);border-color:var(--blue);color:white}
.carousel-pause{width:32px}
.slide-selector{position:absolute;bottom:51px;left:50%;transform:translateX(-50%);border:0;background:transparent;z-index:21}
.slide-selector-inner{display:flex;gap:10px;width:auto;margin:0;padding:0;overflow:visible}
.slide-tab{width:38px;height:22px;padding:8px 0!important;border:0;display:block;background:none}
.slide-tab-line{display:block;height:2px;width:100%;background:#8caac080;transition:background .2s}
.slide-tab[aria-pressed=true] .slide-tab-line{background:var(--blue)}
.slide-tab[aria-pressed=true]:after{display:none}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.purpose-banner{background:#08253c url('banner/horizon-v1.webp') center center/cover no-repeat}
.purpose-banner:before{display:block;background:linear-gradient(90deg,#052238db 0%,#052238a6 37%,#05223836 75%),linear-gradient(0deg,#0522389c,transparent 38%)}
.purpose-banner:after{display:none}
.purpose-photo{z-index:0}
.purpose-photo .banner-photo{width:100%;height:100%;object-fit:cover;object-position:center 54%}
.purpose-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#052238eb 0%,#052238c9 29%,#05223855 58%,#05223812 100%)}
.purpose-banner .hero-copy{width:60%;max-width:850px}
.hero[data-purpose=true] .scroll-cue,.hero[data-purpose=true] .slide-counter b{color:#e3f0f8}
.hero[data-purpose=true] .scroll-line{border-color:#b2cbdc}
.hero[data-purpose=true] .scroll-line:after{background:#fff}
.hero[data-purpose=true] .carousel-arrow{color:#fff;border-color:#b2cbdc80}
.hero[data-purpose=true] .carousel-pause svg{stroke:#fff}
.hero[data-purpose=true] .slide-tab[aria-pressed=true] .slide-tab-line{background:#fff}
.hero[data-purpose=true] .slide-tab-line{background:#b4cbdc80}
[data-lang=en] .hero-title{font-size:clamp(35px,3.8vw,64px)}
[data-lang=en] .portfolio-banner .hero-title{font-size:clamp(43px,4.4vw,75px)}
@media(min-width:1800px){.hero-copy{left:8%;top:27%;width:39%}.hero-lower{left:8%;right:8%}.hero-slide{min-height:800px}}
@media(max-width:1100px){.hero-slide{min-height:630px}.hero-copy{left:6%;top:24%;width:44%}.hero-title{font-size:42px}.portfolio-banner .hero-title{font-size:58px}.hero-description{font-size:13px;max-width:355px}.hero-lower{left:6%;right:6%}.ensemble-energy{left:62%;width:30%;height:36%;top:47%}.ensemble-pto{left:59%;width:28%;height:30%;top:64%}.ensemble-transfer{left:48%;width:17%;height:27%;top:58%}.ensemble-actuator{left:78%;width:21%;height:24%;top:70%}.purpose-banner .hero-copy{width:70%}.purpose-banner .hero-title{font-size:48px}}
@media(max-width:760px){
 .hero-slide{height:calc(100svh - var(--header));min-height:740px;max-height:960px;padding:0;background-position:65% center}
 .portfolio-banner,.transfer-banner{background-position:65% center}
 .hero-slide:before{background:linear-gradient(180deg,#082d4a6b 0%,#082d4a2e 32%,transparent 48%),linear-gradient(0deg,#e9f2f9 0%,#e9f2f9ef 14%,#e9f2f94d 40%,transparent 61%)}
 .hero-copy{top:50px;left:7%;width:86%;max-width:none;transform:none}
 .hero-kicker{font-size:8px;letter-spacing:.14em;margin-bottom:19px}
 .hero-kicker i{width:22px}
 .hero-title{font-size:38px;line-height:1.2;margin-bottom:18px}
 .portfolio-banner .hero-title{font-size:50px;line-height:1.12}
 .hero-description{font-size:11px;line-height:1.9;max-width:300px;margin-bottom:14px}
 .button-primary{padding:9px 0;font-size:11px;gap:30px}
 .product-ensemble{top:49%;bottom:12%}
 .ensemble-energy{width:58%;height:73%;left:40%;top:0}
 .ensemble-transfer{width:35%;height:58%;left:6%;top:6%}
 .ensemble-pto{width:61%;height:62%;left:1%;top:42%}
 .ensemble-actuator{width:44%;height:43%;left:54%;top:52%}
 .banner-product-main{width:87%;height:43%;right:3%;top:44%}
 .pto-composition .banner-product-main{width:94%;height:43%;top:44%;right:3%;transform:rotate(-3deg)}
 .transfer-composition .banner-product-main{width:60%;height:44%;right:20%;top:43%}
 .energy-composition .banner-product-main{width:74%;height:42%;right:22%;top:43%}
 .banner-product-secondary{width:43%;height:25%;right:2%;bottom:14%}
 .banner-model{right:8%;bottom:12%;font-size:37px}
 .energy-composition .banner-model{right:9%;bottom:11%}
 .hero-lower{left:7%;right:7%;bottom:25px}
 .scroll-cue{font-size:7px;gap:9px}
 .carousel-controls{gap:8px}.slide-counter{margin-right:4px}.carousel-arrow{width:31px;height:31px}.carousel-pause{width:23px;margin:0;display:grid}
 .slide-selector{bottom:82px;left:7%;transform:none}.slide-selector-inner{gap:8px}.slide-tab{width:26px;height:20px}
 .purpose-banner .hero-copy{top:24%;width:86%}.purpose-banner .hero-title{font-size:40px}.purpose-banner .hero-description{max-width:285px;font-size:12px;line-height:2}
 .purpose-photo:after{background:linear-gradient(90deg,#052238dc,#05223867),linear-gradient(0deg,#052238d0,transparent 40%)}.purpose-photo .banner-photo{object-position:64% center}
 [data-lang=en] .hero-title{font-size:34px}[data-lang=en] .portfolio-banner .hero-title{font-size:42px}[data-lang=en] .hero-description{font-size:11px}[data-lang=en] .purpose-banner .hero-title{font-size:35px}
}
@media(max-width:380px){.hero-slide{min-height:725px}.hero-copy{top:43px}.portfolio-banner .hero-title{font-size:46px}.hero-title{font-size:34px}.hero-description{max-width:275px}.product-ensemble{top:51%}.hero-lower{left:7%;right:5%}.scroll-cue{font-size:6px;gap:7px}.carousel-controls{gap:6px}.carousel-pause{width:20px}.purpose-banner .hero-title{font-size:35px}[data-lang=en] .portfolio-banner .hero-title{font-size:36px}[data-lang=en] .hero-title{font-size:30px}}