/* Reference-led homepage presentation. The atlas contains concept imagery. */
.eh-art{display:block;position:relative;overflow:hidden;aspect-ratio:360/268;isolation:isolate}
.etol-home .eh-art img{position:absolute;max-width:none;width:402.222222%;height:auto;left:var(--art-left,0%);top:var(--art-top,0%);transform:none;border-radius:0;mix-blend-mode:normal;filter:none;object-fit:fill}
.eh-art-0{--art-left:-.5556%;--art-top:-.7463%}
.eh-art-1{--art-left:-101.1111%;--art-top:-.7463%}
.eh-art-2{--art-left:-201.6667%;--art-top:-.7463%}
.eh-art-3{--art-left:-301.6667%;--art-top:-.7463%}
.eh-art-4{--art-left:-.5556%;--art-top:-101.8657%}
.eh-art-5{--art-left:-101.1111%;--art-top:-101.8657%}
.eh-art-6{--art-left:-201.6667%;--art-top:-101.8657%}
.eh-art-7{--art-left:-301.6667%;--art-top:-101.8657%}
.eh-art-8,.eh-art-9,.eh-art-10,.eh-art-11{aspect-ratio:360/240;--art-top:-226.6667%}
.eh-art-8{--art-left:-.5556%}.eh-art-9{--art-left:-101.1111%}.eh-art-10{--art-left:-201.6667%}.eh-art-11{--art-left:-301.6667%}
.eh-art-12,.eh-art-13,.eh-art-14,.eh-art-15{aspect-ratio:360/296;--art-top:-266.2162%}
.eh-art-12{--art-left:-.5556%}.eh-art-13{--art-left:-101.1111%}.eh-art-14{--art-left:-201.6667%}.eh-art-15{--art-left:-301.6667%}
.eh-header{height:60px}.eh-wrap{max-width:1180px}.eh-nav{font-size:13px;gap:30px}
.eh-hero{background:linear-gradient(110deg,#f2f8ff,#edf5fd 70%,#eaf2fa)}
.eh-hero-inner{min-height:386px}.eh-hero-copy{width:48%;padding:44px 0}
.etol-home .eh-hero h1{font-size:62px;line-height:1.04;letter-spacing:-2px}
.eh-hero-art{display:block;right:-24px;width:61%;transform:none;mix-blend-mode:multiply}
.eh-hero-art>.eh-art{position:absolute;width:30%;mix-blend-mode:multiply}
.eh-hero-art>.eh-art,.eh-product-visual>.eh-art{mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent);clip-path:inset(2px)}
.eh-hero-art>.eh-art:nth-child(1){left:0;top:36%;width:32%;transform:rotate(-8deg)}
.eh-hero-art>.eh-art:nth-child(2){left:28%;top:4%;width:40%;transform:rotate(5deg)}
.eh-hero-art>.eh-art:nth-child(3){right:-1%;top:0;width:33%;transform:rotate(-3deg)}
.eh-hero-art>.eh-art:nth-child(4){left:25%;bottom:1%;width:29%}
.eh-hero-art>.eh-art:nth-child(5){left:48%;bottom:0;width:31%;transform:rotate(-9deg)}
.eh-hero-art>.eh-art:nth-child(6){right:-5%;bottom:3%;width:28%}
.eh-benefits{padding:23px 0}.eh-products{padding:26px 0 25px}
.eh-product-grid{gap:16px 34px;margin-top:12px}
.eh-product-visual{height:auto;max-width:224px;margin:auto}
.eh-product h3{margin-top:8px}.eh-product{padding-bottom:12px}
.etol-home .eh-imagery-note{font-size:11px;color:#738093;margin-top:12px}
.eh-manufacturing{padding:28px 0 20px}.eh-manufacturing>.eh-wrap{grid-template-columns:1.2fr 1fr;gap:44px}
.eh-factory>.eh-art{height:354px;aspect-ratio:auto;border-radius:8px}
.eh-factory>.eh-art img{top:-266.2162%;height:366.8919%;width:402.2222%}
.eh-capabilities{gap:23px;margin:24px 0}
.eh-process{padding:28px 0 22px}.eh-process-grid{gap:40px}
.eh-step-visual{height:118px;overflow:hidden;position:relative;border-radius:6px;background:#eef2f5}
.eh-step-visual>.eh-art{position:absolute;top:50%;width:100%;transform:translateY(-50%)}
.eh-applications{padding:22px 0}.eh-app{height:120px}
.eh-app>.eh-art{position:absolute;width:100%;top:50%;transform:translateY(-50%);transition:filter .2s}
.eh-app:hover>.eh-art{filter:brightness(1.1)}.eh-app:hover img{transform:none}
.eh-faq{padding:28px 0}.eh-faq details[open]{position:relative}
.eh-faq details[open] summary{float:none;width:auto}
.eh-faq details[open] p{margin:0;min-height:0}
.eh-faq details[open]:after{display:none}
.eh-faq details[open] summary:after{position:absolute;display:block;right:15px;top:5px}
.eh-cta{padding:28px 0}.eh-footer{padding:32px 0 40px}
.eh-footer>.eh-wrap{grid-template-columns:1.1fr 1.8fr 1fr .8fr;gap:32px}
.eh-copyright{grid-column:4;line-height:1.6!important}.eh-footer-products ul{columns:2;column-gap:20px}
.eh-nav>a:hover,.eh-nav summary:hover{color:var(--eh-blue)}
.eh-search input:focus-visible{outline:2px solid var(--eh-blue);outline-offset:2px}
.eh-menu-toggle{color:var(--eh-ink);cursor:pointer}
@media(min-width:1001px){
 .eh-faq details[open] summary{padding-right:70%;min-height:82px;display:flex;align-items:center}
 .eh-faq details[open] p{position:absolute;left:31%;right:40px;top:11px;padding:0;pointer-events:none}
}
@media(max-width:1100px){
 .eh-nav{gap:18px;font-size:12px}.eh-header>.eh-wrap{gap:18px}
 .etol-home .eh-hero h1{font-size:53px}.eh-hero-copy{width:49%}.eh-hero-art{width:56%}
 .eh-factory>.eh-art{height:320px}.eh-process-grid{gap:22px}
}
@media(max-width:900px){
 .eh-nav{gap:12px}.eh-header-actions{gap:8px}.eh-header>.eh-wrap{gap:12px}
 .eh-hero-copy{width:52%}.eh-eyebrow{font-size:10px}.eh-hero-art{width:52%}
 .etol-home .eh-hero h1{font-size:48px}.eh-buttons{gap:9px}.eh-buttons .eh-button{padding:12px 17px;font-size:12px}
 .eh-factory>.eh-art{height:300px}.eh-footer-products ul{columns:1}
}
@media(max-width:760px){
 .eh-header{height:65px}.eh-nav{font-size:15px;gap:18px}
 .eh-hero-inner{min-height:0}.eh-hero-copy{width:100%;padding:35px 0 12px}
 .etol-home .eh-hero h1{font-size:46px;line-height:1.05;letter-spacing:-1.5px}
 .eh-hero-art{position:relative;right:auto;width:100%;height:auto;aspect-ratio:1.65;margin:5px 0 16px}
 .eh-hero-art>.eh-art:nth-child(1){left:0;top:33%}
 .eh-hero-art>.eh-art:nth-child(6){right:-2%}
 .eh-benefits{padding:19px 0}.eh-benefits .eh-wrap{gap:17px}
 .eh-products{padding:25px 0}.eh-product-grid{gap:10px 12px}
 .eh-product{padding:0 0 10px}.eh-product h3{font-size:12px;margin-top:5px}
 .eh-section-head{flex-wrap:wrap;gap:3px 15px}.eh-section-head .eh-text-link{padding-top:0}
 .eh-manufacturing>.eh-wrap{grid-template-columns:1fr;gap:22px}
 .eh-factory>.eh-art{height:auto;aspect-ratio:1.6}
 .eh-process-grid{gap:24px 16px}.eh-step-visual{height:112px}
 .eh-app{height:148px}.eh-app>.eh-art{width:100%}
 .eh-faq details[open] p{padding:0 16px 15px;font-size:13px}
 .eh-faq summary{padding-top:14px;padding-bottom:14px}.eh-faq summary:after,.eh-faq details[open] summary:after{top:8px}
 .eh-cta{padding:25px 0}.eh-footer>.eh-wrap{grid-template-columns:1fr 1fr;gap:26px}
 .eh-footer-products{grid-column:1/-1}.eh-footer-products ul{columns:2}
 .eh-copyright{grid-column:1/-1;text-align:left}
}
@media(max-width:380px){.eh-search form{width:270px;right:-115px}.eh-step-visual{height:98px}.etol-home .eh-hero h1{font-size:42px}}

/* Homepage review: authentic brand, rubber parts and compression tooling. */
.eh-logo img{width:120px;height:45px;object-fit:contain}
.eh-product-visual{aspect-ratio:360/268;display:flex;align-items:center;justify-content:center}
.eh-product-visual>.eh-art{width:100%;flex-shrink:0}
.eh-product-visual>.eh-feedback-art{width:75%}
.eh-feedback-art{aspect-ratio:510/496}
.etol-home .eh-feedback-art img{width:301.176471%;height:auto;left:var(--feedback-x,0%);top:var(--feedback-y,0%)}
.eh-feedback-art-0{--feedback-x:0%;--feedback-y:0%}
.eh-feedback-art-1{--feedback-x:-100.588235%;--feedback-y:0%}
.eh-feedback-art-2{--feedback-x:-201.176471%;--feedback-y:0%}
.eh-feedback-art-3,.eh-feedback-art-4,.eh-feedback-art-5{aspect-ratio:510/524;--feedback-y:-95.419847%}
.eh-feedback-art-3{--feedback-x:0%}.eh-feedback-art-4{--feedback-x:-100.588235%}.eh-feedback-art-5{--feedback-x:-201.176471%}
.eh-hero-art>.eh-art:nth-child(1){left:0;top:28%;width:36%;transform:rotate(-7deg)}
.eh-hero-art>.eh-art:nth-child(2){left:25%;top:3%;width:43%;transform:rotate(3deg)}
.eh-hero-art>.eh-art:nth-child(3){right:-1%;top:0;width:37%;transform:rotate(-3deg)}
.eh-hero-art>.eh-art:nth-child(4){left:20%;bottom:0;width:34%}
.eh-hero-art>.eh-art:nth-child(5){left:45%;top:39%;bottom:auto;width:30%;transform:rotate(-8deg)}
.eh-hero-art>.eh-art:nth-child(6){right:-2%;bottom:2%;width:34%}
.eh-app-grid{row-gap:16px}.eh-app{height:148px}
.eh-app>.eh-feedback-art-4{margin-top:-26px}
@media(max-width:1100px) and (min-width:761px){
 .eh-hero-art{top:32px;bottom:32px}
 .eh-hero-art>.eh-art:nth-child(1){top:28%;width:37%}
 .eh-hero-art>.eh-art:nth-child(2){top:2%;width:45%;left:22%}
 .eh-hero-art>.eh-art:nth-child(3){width:40%}
 .eh-hero-art>.eh-art:nth-child(4){bottom:1%;left:16%;width:37%}
 .eh-hero-art>.eh-art:nth-child(5){top:36%;left:45%;width:33%}
 .eh-hero-art>.eh-art:nth-child(6){bottom:1%;width:35%}
}
@media(max-width:760px){
 .eh-header .eh-logo img{width:105px;height:auto}
 .eh-hero-art{aspect-ratio:1.7}
 .eh-hero-art>.eh-art:nth-child(1){top:26%;width:36%}
 .eh-hero-art>.eh-art:nth-child(2){top:1%}
 .eh-hero-art>.eh-art:nth-child(5){top:35%;width:32%}
 .eh-app-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .eh-app{height:auto;aspect-ratio:1.35}.eh-app h3{font-size:13px;left:10px;bottom:11px;right:8px;line-height:1.25}
 .eh-app>.eh-art{width:100%;height:auto;left:0;transform:translateY(-50%)}
 .eh-app>.eh-feedback-art-4{margin-top:-8px}
}
@media(max-width:360px){.eh-header .eh-logo img{width:88px}}

/* Preserve the original logo silhouette while matching the site's blue. */
.etol-home .eh-stopper-visual img{position:static;width:100%;height:100%;object-fit:contain;transform:none;mix-blend-mode:multiply}
.eh-logo-symbol{display:block;width:120px;height:34px;background:var(--eh-blue);mask:url('../../uploads/2018/10/etol-logo.png') left top / 120px 45px no-repeat}
.eh-logo small{color:var(--eh-blue);width:120px;font-size:7px;letter-spacing:0;margin-top:2px;white-space:nowrap;line-height:1}
.eh-logo small svg{display:block;width:100%;height:auto;overflow:visible;letter-spacing:0}
/* Fade the actual image edges, not the wider container around a contained image. */
.eh-hero-art.eh-hero-composite{right:-24px;top:0;bottom:0;width:59%;display:flex;align-items:center;justify-content:center;mix-blend-mode:multiply;-webkit-mask-image:none;mask-image:none}
.etol-home .eh-hero-composite img{position:static;display:block;width:auto;max-width:94%;margin-inline:auto;height:auto;max-height:100%;object-fit:contain;object-position:center;transform:none;mix-blend-mode:normal;border-radius:0;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 5%,#000 95%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,#000 5%,#000 95%,transparent 100%)}
.etol-home .eh-keypad-visual img{position:static;width:100%;height:100%;object-fit:contain;transform:none;mix-blend-mode:multiply}
.etol-home .eh-factory img{width:100%;height:auto;aspect-ratio:1.75;object-fit:cover;border-radius:8px}
.etol-home .eh-factory img.eh-factory-restored{aspect-ratio:1.55;max-height:400px;object-fit:cover;object-position:center}
@media(max-width:1100px) and (min-width:761px){
 .eh-hero-art.eh-hero-composite{width:55%;right:-26px}
 .etol-home .eh-hero-composite img{object-fit:contain}
}
@media(max-width:760px){
 .eh-header .eh-logo-symbol{width:105px;height:30px;mask-size:105px auto}
 .eh-header .eh-logo small{width:105px;font-size:6px;letter-spacing:0}
 .eh-hero-art.eh-hero-composite{width:100%;right:auto;aspect-ratio:1.5;height:auto;margin:0 0 12px}
 .etol-home .eh-hero-composite img{height:auto;object-fit:contain}
}
@media(max-width:360px){
 .eh-header .eh-logo-symbol{width:88px;height:25px;mask-size:88px auto}
 .eh-header .eh-logo small{width:88px;font-size:5.4px;letter-spacing:0}
}