body.template-index .ep-home-hero .page-container,body.template-index .page-container:has(.hero){max-width:var(--page-width, var(--ep-container-max));margin:0 auto;padding:0 clamp(18px,4.6vw,28px)}@media(min-width:750px){body.template-index .ep-home-hero .page-container,body.template-index .page-container:has(.hero){padding:0 clamp(28px,4vw,56px)}}body.template-index .hero{position:relative;display:grid;grid-template-columns:1fr;gap:32px;align-items:start;margin-bottom:var(--ep-section-gap)}body.template-index .hero .badge{display:inline-flex;align-items:center;gap:10px;font-family:var(--ep-font-body, "Switzer", sans-serif);font-size:16px;font-weight:500;color:var(--ep-color-primary);margin-bottom:20px;letter-spacing:.02em;background:rgba(var(--ep-color-surface-rgb),.95);padding:10px 16px;border-radius:var(--ep-radius-full, 999px);border:1px solid var(--ep-border-color);box-shadow:var(--ep-shadow-sm, 0 4px 12px rgba(var(--ep-color-primary-rgb), .08));min-height:45px}body.template-index .hero .badge:before{display:none}body.template-index .hero-content h1{font-family:Switzer,sans-serif;font-size:clamp(56px,8vw,72px);font-weight:700;line-height:1.1;letter-spacing:-.025em;margin-bottom:32px;padding-bottom:8px;max-width:650px}body.template-index .hero-subheading{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-family:var(--ep-font-body, "Switzer", sans-serif);font-size:14px;font-weight:500;color:var(--ep-color-primary);margin-bottom:20px;letter-spacing:.01em}body.template-index .hero-subheading__item{display:inline-flex;align-items:center;gap:6px;padding:0 0 6px;background:transparent;border:0;border-radius:0;color:rgba(var(--ep-color-primary-rgb),.86);font-weight:600;transition:color .2s ease;position:relative}body.template-index .hero-subheading__item:hover{color:rgba(var(--ep-color-primary-rgb),1)}body.template-index .hero-subheading__item:after{content:"";position:absolute;left:6%;right:6%;bottom:0;height:2px;border-radius:999px;background:linear-gradient(90deg,rgba(var(--ep-color-primary-rgb),.9),rgba(var(--ep-color-accent-rgb),.9));transform:skew(-6deg);box-shadow:0 1px rgba(var(--ep-color-primary-rgb),.15)}body.template-index .hero-subheading__separator{width:4px;height:4px;background:var(--ep-color-accent);border-radius:50%;opacity:.6;flex-shrink:0}body.template-index .hero-content p{font-family:var(--ep-font-body, "Switzer", sans-serif);font-size:16px;font-weight:400;color:var(--ep-color-muted);margin-bottom:32px;line-height:1.7}body.template-index .hero-description strong{font-weight:700;color:var(--ep-color-primary)}body.template-index .hero .badge,body.template-index .section-badge:not(.section-badge--title){transition:var( --ep-transition-all, all .3s cubic-bezier(.4, 0, .2, 1) );cursor:default}body.template-index .hero .badge:hover,body.template-index .section-badge:not(.section-badge--title):hover{transform:translateY(-2px);box-shadow:var(--ep-shadow-card, 0 6px 16px rgba(var(--ep-color-primary-rgb), .12));border-color:rgba(var(--ep-color-accent-rgb),.2)}body.template-index .hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px;flex-wrap:wrap;position:relative;z-index:2}body.template-index .hero-actions .button{--buttons-radius-outset: var(--ep-radius-full, 999px);--buttons-radius: var(--ep-radius-full, 999px);border-radius:var(--ep-radius-full, 999px);font-size:14px;font-weight:600;padding:12px 20px;white-space:normal;max-width:100%;transition:var( --ep-transition-all, all .3s cubic-bezier(.4, 0, .2, 1) )}body.template-index .hero-actions .button:before,body.template-index .hero-actions .button:after{border-radius:inherit}body.template-index .hero-actions .button--secondary{padding:10px 18px;display:inline-flex;opacity:1;visibility:visible}body.template-index .hero-actions .button--soft,body.template-index .hero-actions .button--soft:hover{box-shadow:none;transform:none}body.template-index .hero-proofs{display:grid;gap:16px;grid-column:1 / -1;width:100%;margin-top:24px;padding-top:22px;border-top:1px solid var(--ep-border-color, rgba(0, 0, 0, .08))}body.template-index .hero-proof{display:flex;align-items:flex-start;gap:20px;font-family:var(--ep-font-body, "Switzer", sans-serif);font-size:17px;font-weight:500;color:rgba(var(--ep-color-primary-rgb),.88);line-height:1.5;cursor:default}body.template-index .hero-proof__body{display:grid;gap:4px;min-width:0}body.template-index .hero-proof__label{font-size:12px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:rgba(var(--ep-color-primary-rgb),.48);line-height:1.2}body.template-index .hero-proof__icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;background:rgba(var(--ep-color-accent-rgb),.07);flex-shrink:0}body.template-index .hero-proof__icon svg,body.template-index .hero-proof__icon img{width:28px;height:28px;display:block;opacity:.95;object-fit:contain}body.template-index .hero-proof__text{margin-top:0;overflow:hidden;text-overflow:ellipsis}@media(min-width:750px){body.template-index .hero-proofs{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}body.template-index .hero-proof{align-items:center}body.template-index .hero-proof__text{margin-top:0}body.template-index .hero-proof:not(:first-child){padding-left:14px;border-left:1px solid rgba(var(--ep-color-primary-rgb),.1)}}body.template-index .hero-sample-kit{margin-top:28px}body.template-index .hero-sample-kit__link{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;background:linear-gradient(135deg,rgba(var(--ep-color-accent-rgb),.1),rgba(var(--ep-color-accent-rgb),.05));border:1px dashed rgba(var(--ep-color-accent-rgb),.4);border-radius:var(--ep-radius-lg, 16px);color:var(--ep-color-primary);text-decoration:none;font-family:var(--ep-font-body, "Switzer", sans-serif);font-size:14px;font-weight:500;transition:all .3s ease}body.template-index .hero-sample-kit__link:hover{background:linear-gradient(135deg,rgba(var(--ep-color-accent-rgb),.15),rgba(var(--ep-color-accent-rgb),.08));border-color:var(--ep-color-accent);transform:translateY(-2px);box-shadow:0 4px 16px rgba(var(--ep-color-accent-rgb),.2)}body.template-index .hero-sample-kit__icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:12px;background:rgba(var(--ep-color-primary-rgb),.06);border:1px solid rgba(var(--ep-color-primary-rgb),.1);color:var(--ep-color-primary);font-size:12px;font-weight:700;letter-spacing:.06em;line-height:1}body.template-index .hero-sample-kit__text{flex:1}body.template-index .hero-sample-kit__link svg{opacity:.6;transition:all .25s ease}body.template-index .hero-sample-kit__link:hover svg{opacity:1;transform:translate(4px)}body.template-index .hero-sample-kit__info{display:inline-flex;align-items:flex-start;gap:14px;padding:16px 24px;background:linear-gradient(135deg,rgba(var(--ep-color-accent-rgb),.06),rgba(var(--ep-color-accent-rgb),.02));border:1px solid rgba(var(--ep-color-accent-rgb),.15);border-radius:var(--ep-radius-lg, 16px);color:var(--ep-color-primary);font-family:var(--ep-font-body, "Switzer", sans-serif);font-size:14px;font-weight:500;line-height:1.5;max-width:460px}body.template-index .hero-sample-kit__info .hero-sample-kit__icon{flex-shrink:0;margin-top:2px}body.template-index .hero-stats{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid var(--ep-border-color, rgba(0, 0, 0, .08))}body.template-index .hero-stat{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:0;background:transparent;border-radius:0;border:0;text-align:left;transition:var(--ep-transition-all, all .3s cubic-bezier(.4, 0, .2, 1))}body.template-index .hero-stat:hover{transform:none;box-shadow:none;border-color:transparent}body.template-index .hero-stat__number{font-family:var(--ep-font-display, "Switzer", sans-serif);font-size:clamp(20px,3vw,28px);font-weight:700;color:var(--ep-color-primary);line-height:1}body.template-index .hero-stat__label{font-family:var(--ep-font-body, "Switzer", sans-serif);font-size:11px;font-weight:500;color:var(--ep-color-muted);text-transform:uppercase;letter-spacing:.06em}body.template-index .hero-stat__icon{font-size:24px;line-height:1}body.template-index .hero-stat--ecovadis{flex-direction:row;gap:10px;padding:0;align-items:center}body.template-index .hero-stat--ecovadis .hero-stat__label{color:var(--ep-color-primary);font-weight:600;font-size:12px;line-height:1.2;margin-top:2px}body.template-index .hero-stat__logo{width:40px;height:40px;object-fit:contain}body.template-index .hero-visual{position:relative;border-radius:var(--ep-radius-xl, 24px);overflow:hidden;box-shadow:var(--ep-shadow-xl, 0 20px 60px rgba(var(--ep-color-primary-rgb), .15));background:linear-gradient(135deg,rgba(var(--ep-color-ice-rgb),.5),transparent);transition:var( --ep-transition-all, all .4s cubic-bezier(.4, 0, .2, 1) );max-width:100%;justify-self:stretch}body.template-index .hero-visual--video{aspect-ratio:16 / 11;width:min(100%,44rem);max-width:100%;max-height:clamp(280px,46vw,420px);display:flex;align-items:center;justify-content:center;margin-inline:auto}body.template-index .hero-video{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;border-radius:var(--ep-radius-xl, 24px);background:rgba(var(--ep-color-surface-rgb),.96);transform:translateZ(0);transition:transform .5s cubic-bezier(.4,0,.2,1)}body.template-index .hero-visual--video:hover .hero-video{transform:scale(1.02)}body.template-index .hero-visual:hover{transform:translateY(-4px);box-shadow:0 28px 80px rgba(var(--ep-color-primary-rgb),.2)}body.template-index .hero-visual img{display:block;width:100%;height:auto;border-radius:var(--ep-radius-xl, 24px);transition:transform .5s cubic-bezier(.4,0,.2,1)}body.template-index .hero-visual:hover img{transform:scale(1.02)}body.template-index .hero{grid-template-columns:1fr;gap:32px}body.template-index .hero-content h1{font-size:clamp(42px,9vw,56px);max-width:100%}body.template-index .hero-actions{flex-direction:column;flex-wrap:wrap;align-items:stretch;gap:12px}body.template-index .hero-actions .button{text-align:center;justify-content:center;display:flex!important;opacity:1!important;visibility:visible!important}body.template-index .hero-actions .button--secondary{display:flex!important;opacity:1!important;visibility:visible!important}body.template-index .hero-stats{justify-content:center;gap:12px}body.template-index .hero-stat{flex:1 1 calc(50% - 6px);min-width:120px;padding:10px 12px}body.template-index .hero-stat__number{font-size:20px}body.template-index .hero-subheading{justify-content:flex-start;gap:6px}body.template-index .hero-subheading__item{padding:6px 12px;font-size:13px}body.template-index .hero-subheading__separator{display:none}@media(min-width:750px){body.template-index .hero-content h1{font-size:clamp(52px,7vw,68px);max-width:700px}body.template-index .hero-subheading{justify-content:flex-start;gap:8px}body.template-index .hero-subheading__item{padding:8px 14px;font-size:14px}body.template-index .hero-subheading__separator{width:4px;height:4px}body.template-index .hero-actions{flex-direction:row;align-items:center}body.template-index .hero-actions .button{text-align:left;justify-content:flex-start}body.template-index .hero-stats{justify-content:flex-start;gap:16px}body.template-index .hero-stat{flex:0 0 auto;min-width:auto;padding:12px 16px}body.template-index .hero-stat__number{font-size:24px}body.template-index .hero-visual--video{width:min(100%,48rem);max-height:clamp(320px,44vw,430px)}}@media(max-width:989px){body.template-index .hero{gap:24px}body.template-index .hero-visual--video{display:none}body.template-index .hero-proofs{margin-top:8px}}@media(min-width:990px){body.template-index .hero{grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:clamp(28px,4vw,48px);align-items:center}body.template-index .hero-content h1{font-size:clamp(44px,4.9vw,58px);max-width:11ch}body.template-index .hero-visual--video{aspect-ratio:auto;width:min(100%,42rem);max-height:clamp(360px,40vw,500px);margin-inline:0;justify-self:end;align-self:center}body.template-index .hero-video{width:100%;height:auto;object-fit:contain;object-position:center top}}@media(min-width:1200px){body.template-index .hero{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(36px,4vw,64px);align-items:center}body.template-index .hero-content h1{font-size:clamp(44px,4.5vw,56px);letter-spacing:-.03em}body.template-index .hero-actions{flex-direction:column;align-items:flex-start;gap:10px}body.template-index .hero-actions .button{white-space:normal;max-width:100%;font-size:13px;padding:10px 18px}body.template-index .hero-stats{gap:10px}body.template-index .hero-stat{padding:8px 12px}body.template-index .hero-stat__number{font-size:20px}body.template-index .hero-visual--video{aspect-ratio:auto;width:min(100%,49rem);max-height:560px;justify-self:center;align-self:center}body.template-index .hero-video{width:100%;height:auto;object-fit:contain;border-radius:var(--ep-radius-xl, 24px)}}body.template-index .hero-actions .button:focus-visible{outline:2px solid var(--ep-color-accent);outline-offset:4px}@media(prefers-reduced-motion:reduce){body.template-index .hero-content,body.template-index .hero-visual,body.template-index .hero-visual img{animation:none;transition:none}body.template-index .hero-visual:hover img{transform:none}}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes heroFadeInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}body.template-index .hero-content{animation:heroFadeIn .8s ease-out;animation-fill-mode:both}body.template-index .hero-visual{animation:heroFadeInRight .8s ease-out;animation-delay:.2s;animation-fill-mode:both}body.template-index .hero-actions .button:not(.button--secondary):not(.button--soft){position:relative;overflow:hidden;background:linear-gradient(135deg,var(--ep-color-primary) 0%,rgba(var(--ep-color-primary-rgb),.9) 100%);box-shadow:0 4px 15px rgba(var(--ep-color-primary-rgb),.25)}body.template-index .hero-actions .button:not(.button--secondary):not(.button--soft):before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(var(--ep-color-surface-rgb),.2),transparent);transition:left .5s ease}body.template-index .hero-actions .button:not(.button--secondary):not(.button--soft):hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(var(--ep-color-primary-rgb),.35)}body.template-index .hero-actions .button:not(.button--secondary):not(.button--soft):hover:before{left:100%}body.template-index .hero-actions .button--secondary{position:relative;overflow:hidden}body.template-index .hero-actions .button--secondary:after{box-shadow:none}body.template-index .hero-actions .button--secondary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--ep-color-primary);transform:scaleX(0);transform-origin:right;transition:transform .3s ease;z-index:-1}body.template-index .hero-actions .button--secondary:hover:before{transform:scaleX(1);transform-origin:left}body.template-index .hero-actions .button--secondary:hover{border-color:var(--ep-color-primary)}body.template-index .ep-home-hero .hero-actions .button{display:inline-flex;align-items:center;justify-content:center;width:max-content;max-width:100%;min-width:0;flex:0 0 auto;white-space:nowrap!important}@media(min-width:750px){body.template-index .ep-home-hero .hero-actions{flex-direction:row;flex-wrap:nowrap;align-items:center;gap:12px}}@keyframes badgePulse{0%,to{box-shadow:var(--ep-shadow-sm, 0 4px 12px rgba(var(--ep-color-primary-rgb), .08))}50%{box-shadow:0 4px 20px rgba(var(--ep-color-accent-rgb),.15)}}body.template-index .hero .badge{animation:badgePulse 3s ease-in-out infinite}body.template-index .hero .badge:hover{animation:none}body.template-index .hero-visual:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(var(--ep-color-accent-rgb),.05),transparent 50%,rgba(var(--ep-color-accent-rgb),.05));opacity:0;transition:opacity .4s ease;pointer-events:none}body.template-index .hero-visual:hover:after{opacity:1}body.template-index .hero .badge{animation:heroFadeIn .6s ease-out,badgePulse 3s ease-in-out 1s infinite;animation-fill-mode:both}body.template-index .hero-content h1{animation:heroFadeIn .7s ease-out .1s;animation-fill-mode:both}body.template-index .hero-subheading{animation:heroFadeIn .6s ease-out .15s;animation-fill-mode:both}body.template-index .hero-subheading__item{animation:heroFadeIn .4s ease-out;animation-fill-mode:both}body.template-index .hero-subheading__item:nth-child(1){animation-delay:.2s}body.template-index .hero-subheading__item:nth-child(3){animation-delay:.28s}body.template-index .hero-subheading__item:nth-child(5){animation-delay:.36s}body.template-index .hero-subheading__item:nth-child(7){animation-delay:.44s}body.template-index .hero-content p,body.template-index .hero-actions{animation:heroFadeIn .7s ease-out .3s;animation-fill-mode:both}body.template-index .hero-proofs{animation:heroFadeIn .7s ease-out .4s;animation-fill-mode:both}body.template-index .hero-proof{animation:heroFadeIn .5s ease-out;animation-fill-mode:both}body.template-index .hero-proof:nth-child(1){animation-delay:.45s}body.template-index .hero-proof:nth-child(2){animation-delay:.5s}body.template-index .hero-proof:nth-child(3){animation-delay:.55s}@media(max-width:749px){body.template-index .hero{gap:24px}body.template-index .hero-content h1{font-size:clamp(36px,11.2vw,47px);line-height:1.08;margin-bottom:20px}body.template-index .hero-subheading{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px 16px;margin-bottom:14px}body.template-index .hero-subheading__item{white-space:nowrap;padding:0 0 5px;border:0;border-radius:0;background:transparent;font-size:12px;font-weight:600;letter-spacing:.01em}body.template-index .hero-subheading__item:after{left:0;right:0;height:1.5px}body.template-index .hero-content p{font-size:clamp(1.03rem,4.15vw,1.15rem);margin-bottom:0;max-width:34ch;line-height:1.54;letter-spacing:-.002em;color:rgba(var(--ep-color-primary-rgb),.66)}body.template-index .hero-proof{gap:14px;font-size:14px;line-height:1.46}body.template-index .hero-proof__label{font-size:10.5px;letter-spacing:.075em}body.template-index .hero-proof__text{color:rgba(var(--ep-color-primary-rgb),.82)}body.template-index .hero-actions{gap:10px;margin:0;padding:18px 0 8px;width:100%;align-items:flex-start;justify-content:flex-start}body.template-index .hero-actions .button{width:min(100%,35rem);max-width:35rem;min-height:40px;padding:10px 18px;font-size:13px;line-height:1.2;border-radius:999px;margin-inline:0}body.template-index .hero-visual--video{display:none}body.template-index .hero-proofs{margin-top:0;padding-top:14px}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/ep-hero.css.map */