@font-face{font-family:Elevr Clevr Self Modern;src:url(./elevr-clevr-self-modern-regular.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Elevr Clevr Self Modern;src:url(./elevr-clevr-self-modern-italic.woff2) format("woff2");font-style:italic;font-weight:300;font-display:swap}@font-face{font-family:Elevr Clevr Sohne;src:url(./elevr-clevr-sohne-regular.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Elevr Clevr Sohne;src:url(./elevr-clevr-sohne-medium.woff2) format("woff2");font-style:normal;font-weight:500;font-display:swap}.ech,.ech *{box-sizing:border-box}.ech{position:relative;width:100%;overflow:hidden;color:var(--ech-text, #521f12);background:linear-gradient(180deg,var(--ech-gradient, #ffef71) 0%,rgba(255,239,113,0) 68%),var(--ech-background, #fdf8d9);font-family:"Elevr Clevr Sohne",var(--font-body--family),sans-serif;font-size:var(--ech-body-desktop, 16px);line-height:1.35;letter-spacing:.02em;isolation:isolate}.ech--theme-body{font-family:var(--font-body--family),sans-serif}.ech__inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:32px;width:100%;min-height:var(--ech-min-height, 620px);padding:var(--ech-top-padding, 24px) var(--ech-side-padding, 4vw) var(--ech-bottom-padding, 0px);overflow:hidden}.ech--subtract-header .ech__inner{min-height:max(var(--ech-min-height, 620px),calc(100svh - var(--header-height, 60px)))}.ech__content{position:relative;z-index:3;display:flex;flex:0 1 calc(50% - 4vw);flex-direction:column;align-items:center;justify-content:center;width:calc(50% - 4vw);min-width:0;padding:40px 0;text-align:center}.ech__eyebrow{position:relative;width:100%;height:64px;margin:0 0 10px;color:inherit;font-size:var(--ech-eyebrow-desktop, 30px);font-weight:500;line-height:1.4;letter-spacing:.02em}.ech__eyebrow-fallback{display:inline-block}.ech__eyebrow.is-curved .ech__eyebrow-fallback{display:none}.ech__curve-char{position:absolute;bottom:auto;left:50%;display:inline-block;padding:0 2px;opacity:0;transform-origin:center var(--ech-curve-radius, 250px);will-change:transform,opacity,filter}.ech__title{max-width:100%;margin:20px 0 40px;color:inherit;font-family:Elevr Clevr Self Modern,Georgia,serif;font-size:clamp(48px,4vw,var(--ech-title-max, 150px));font-style:normal;font-weight:400;line-height:1.1;letter-spacing:-.02em;text-wrap:balance}.ech--italic-heading .ech__title{font-style:italic;font-weight:300}.ech--theme-title .ech__title{font-family:var(--font-heading--family),serif}.ech__title-word{position:relative;display:inline-block;opacity:0;will-change:opacity,filter,transform}.ech__reviews{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px;margin:0 0 10px;line-height:1.4}.ech__stars{display:inline-flex;align-items:center;gap:1px;line-height:0}.ech__star{width:16px;height:15px;opacity:0;will-change:opacity,transform}.ech__review-text,.ech__body,.ech__button{opacity:0;will-change:opacity,filter,transform}.ech__body{position:relative;z-index:3;max-width:420px;margin:0 0 10px;color:inherit;font-size:var(--ech-body-desktop, 16px);line-height:1.35;text-wrap:balance}.ech__body p{margin:0}.ech__button{position:relative;z-index:4;display:inline-flex;align-items:center;justify-content:center;min-width:206px;min-height:42px;margin-top:10px;padding:0 48px;border:2px solid var(--ech-button-bg, #96461a);border-radius:8px;color:var(--ech-button-text, #fdf8d9);background:var(--ech-button-bg, #96461a);font:inherit;line-height:38px;text-align:center;text-decoration:none;white-space:nowrap;transition:color .18s ease,background-color .18s ease,border-color .18s ease,transform .18s ease}.ech__button:hover,.ech__button:focus-visible{border-color:var(--ech-button-hover-bg, #521f12);color:var(--ech-button-hover-text, #ffef71);background:var(--ech-button-hover-bg, #521f12);transform:translateY(-2px)}.ech__button:focus-visible{outline:2px solid currentColor;outline-offset:3px}.ech__media{position:relative;z-index:2;flex:0 1 calc(50% + 4vw + 16px);width:calc(50% + 4vw + 16px);max-width:var(--ech-media-max, 720px);height:83svh;max-height:min(var(--ech-media-max, 720px),calc(100svh - 60px));margin-right:calc(var(--ech-side-padding, 4vw) * -.5)}.ech__media-clip,.ech__media picture,.ech__image{display:block;width:100%;height:100%}.ech__media-clip{overflow:hidden;border-radius:var(--ech-mask-radius, 40px);-webkit-mask-image:linear-gradient(to right,transparent 0,transparent 5%,#000 calc(5% + var(--ech-edge-feather, 24px)),#000 calc(95% - var(--ech-edge-feather, 24px)),transparent 95%,transparent 100%),linear-gradient(to bottom,transparent 0,transparent 10%,#000 calc(10% + var(--ech-edge-feather, 24px)),#000 calc(90% - var(--ech-edge-feather, 24px)),transparent 90%,transparent 100%);mask-image:linear-gradient(to right,transparent 0,transparent 5%,#000 calc(5% + var(--ech-edge-feather, 24px)),#000 calc(95% - var(--ech-edge-feather, 24px)),transparent 95%,transparent 100%),linear-gradient(to bottom,transparent 0,transparent 10%,#000 calc(10% + var(--ech-edge-feather, 24px)),#000 calc(90% - var(--ech-edge-feather, 24px)),transparent 90%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect;-webkit-mask-mode:alpha;mask-mode:alpha}.ech__image{object-fit:cover;object-position:var(--ech-image-x, 50%) var(--ech-image-y, 50%);background:#7d7d7d1f}.ech__overlay-link{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0}.ech__content,.ech__media{pointer-events:none}.ech__button{pointer-events:auto}.ech.is-visible .ech__curve-char{animation:ech-fade-blur .8s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--ech-char-index) * 40ms)}.ech.is-visible .ech__title-word{animation:ech-word-in .8s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(1s + var(--ech-word-index) * .15s)}.ech.is-visible .ech__star{animation:ech-star-in .6s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(1.6s + var(--ech-star-index) * 60ms)}.ech.is-visible .ech__review-text{animation:ech-fade-blur .5s ease both 1.8s}.ech.is-visible .ech__body{animation:ech-word-in .7s cubic-bezier(.16,1,.3,1) both 1.6s}.ech.is-visible .ech__button{animation:ech-word-in .7s cubic-bezier(.16,1,.3,1) both 2s}.ech.is-visible .ech__media{animation:ech-media-in 1s cubic-bezier(.16,1,.3,1) both .6s}@keyframes ech-fade-blur{0%{opacity:0;filter:blur(10px)}to{opacity:1;filter:blur(0)}}@keyframes ech-word-in{0%{opacity:0;filter:blur(10px);transform:translateY(14px) scale(.96)}to{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}}@keyframes ech-star-in{0%{opacity:0;transform:scale(.4) rotate(-12deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes ech-media-in{0%{opacity:0;filter:blur(8px);transform:scale(1.03)}to{opacity:1;filter:blur(0);transform:scale(1)}}@media screen and (max-width:1024px){.ech__inner,.ech--subtract-header .ech__inner{flex-direction:column;justify-content:flex-start;gap:16px;min-height:0;padding:var(--ech-mobile-top-padding, 32px) 16px var(--ech-mobile-bottom-padding, 40px)}.ech__media{order:-1;flex:0 0 auto;width:min(500px,var(--ech-mobile-media-width, 80vw));max-width:none;height:min(var(--ech-mobile-media-width, 80vw),70svh);max-height:70svh;margin:0 auto}.ech__content{flex:0 0 auto;width:100%;padding:20px 0 0}.ech__title{margin:0 0 20px}.ech__body{margin-bottom:0}}@media screen and (max-width:600px){.ech{font-size:var(--ech-body-mobile, 15px)}.ech__media{height:var(--ech-mobile-media-height, 70vw);max-height:none}.ech__image{object-position:var(--ech-image-mobile-x, 50%) var(--ech-image-mobile-y, 50%)}.ech__eyebrow{height:54px;font-size:var(--ech-eyebrow-mobile, 24px)}.ech__title{font-size:var(--ech-title-mobile, 48px)}.ech__reviews,.ech__body{font-size:var(--ech-body-mobile, 15px)}.ech__body{max-width:380px}.ech__button{width:min(100%,260px);min-height:44px;padding-right:24px;padding-left:24px}}@media(prefers-reduced-motion:reduce){.ech__curve-char,.ech__title-word,.ech__star,.ech__review-text,.ech__body,.ech__button,.ech__media{opacity:1!important;filter:none!important;transform:none!important;animation:none!important}}@supports not ((-webkit-mask-image: linear-gradient(#000,#000)) or (mask-image: linear-gradient(#000,#000))){.ech__media-clip{border-radius:var(--ech-mask-radius, 40px)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/elevr-clevr-frontpage-hero.css.map */