.el-hero{--el-hero-h: clamp(35rem, calc(100svh - var(--announce-h)), 61.25rem);--el-hero-nav: calc(env(safe-area-inset-top, 0px) + clamp(1rem, 4.6svh, 3.25rem) + 2.75rem) ;position:relative;isolation:isolate;height:var(--el-hero-h);overflow:hidden;background:var(--forest);color:#fff}.el-hero-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden}.el-hero-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 19%;transform-origin:50% 60%;animation:el-hero-settle 2.4s var(--ease) both}.el-hero-scrim{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.el-hero-scrim--top{background:linear-gradient(to bottom,rgb(var(--forest-rgb) / .55),rgb(var(--forest-rgb) / .38),rgb(var(--forest-rgb) / .16) 12%,rgb(var(--forest-rgb) / .04) 17%,rgb(var(--forest-rgb) / 0) 21%)}.el-hero-scrim--pool{background:radial-gradient(ellipse 44% 38% at 19% 40%,rgb(var(--forest-rgb) / .6),rgb(var(--forest-rgb) / .47) 36%,rgb(var(--forest-rgb) / .22) 66%,rgb(var(--forest-rgb) / .06) 86%,rgb(var(--forest-rgb) / 0)),linear-gradient(to right,rgb(var(--forest-rgb) / .2),rgb(var(--forest-rgb) / .08) 22%,rgb(var(--forest-rgb) / 0) 38%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 58%,transparent 72%);mask-image:linear-gradient(to bottom,#000 0%,#000 58%,transparent 72%)}.el-hero-copy{position:absolute;inset:0 auto auto 0;display:flex;flex-direction:column;align-items:flex-start;padding:calc(var(--el-hero-nav) + clamp(1.75rem,7.5svh,5.5rem)) 0 0 var(--pad-x);text-align:left}.el-hero-h{font-size:min(var(--t-hero),7.6svh);color:#fff;word-spacing:.05em;text-shadow:0 1px 26px rgb(var(--forest-rgb) / .4)}.el-hero-l{display:block;white-space:nowrap}.el-hero-sub{margin:clamp(.9rem,2.2svh,1.35rem) 0 0;max-width:min(24em,38vw);font-size:min(var(--t-lede),2.5svh);font-weight:500;line-height:1.42;color:#ffffffeb;text-shadow:0 1px 18px rgb(var(--forest-rgb) / .5)}.el-hero-ctas{display:flex;flex-wrap:wrap;gap:.75rem;max-width:40vw;margin-top:clamp(1.4rem,3.6svh,2.25rem)}.el-hero-pill{padding-inline:1.85rem;box-shadow:0 8px 30px rgb(var(--forest-rgb) / .22)}.el-hero-pill.pill--outline-light{background:rgb(var(--forest-rgb) / .18);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.el-hero-copy>*{animation:el-hero-rise .95s var(--ease) both}.el-hero-copy>:nth-child(1){animation-delay:.12s}.el-hero-copy>:nth-child(2){animation-delay:.26s}.el-hero-copy>:nth-child(3){animation-delay:.38s}@keyframes el-hero-settle{0%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes el-hero-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.el-hero-cue{position:absolute;left:50%;bottom:max(1rem,calc(env(safe-area-inset-bottom,0px) + .75rem),3svh);display:grid;place-items:center;width:2.75rem;height:2.75rem;margin-left:-1.375rem;border:1px solid rgb(255 255 255 / .6);border-radius:50%;background:rgb(var(--forest-rgb) / .3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;transition:background-color .35s var(--ease),color .35s var(--ease),border-color .35s var(--ease)}.el-hero-cue svg{animation:el-hero-nudge 2.6s ease-in-out 1.6s infinite}.el-hero-cue:hover,.el-hero-cue:focus-visible{background:#fff;border-color:#fff;color:var(--ink)}@keyframes el-hero-nudge{0%,60%,to{transform:none}30%{transform:translateY(3px)}}.is-still .el-hero-img,.is-still .el-hero-copy>*,.is-still .el-hero-cue svg{animation:none}@media(prefers-reduced-motion:reduce){.el-hero-img,.el-hero-copy>*,.el-hero-cue svg{animation:none}}@media(max-width:1359px)and (min-aspect-ratio:4 / 5){.el-hero-ctas{display:grid;justify-items:stretch;max-width:none}}@media(max-aspect-ratio:4 / 5),(max-width:699px){.el-hero{--el-hero-h: max(36rem, calc(100svh - var(--announce-h)))}.el-hero-copy{inset:0 0 auto 0;align-items:center;padding:calc(var(--el-hero-nav) + clamp(1.25rem,4svh,2.25rem)) var(--pad-x) 0;text-align:center}.el-hero-h{font-size:min(var(--t-hero),8.8vw)}.el-hero-sub{max-width:22em;font-size:var(--t-small)}.el-hero-ctas{flex-direction:column;align-items:stretch;width:min(100%,20rem);max-width:none;gap:.625rem;margin-top:1.4rem}.el-hero-pill{padding-inline:1.25rem}.el-hero-img{object-position:50% 62%}.el-hero-scrim--top{background:linear-gradient(to bottom,rgb(var(--forest-rgb) / .62),rgb(var(--forest-rgb) / .5) 22%,rgb(var(--forest-rgb) / .26) 40%,rgb(var(--forest-rgb) / .06) 54%,rgb(var(--forest-rgb) / 0) 62%)}.el-hero-scrim--pool,.el-hero-cue{display:none}}.el-hero{background:#070c07}.el-hero-img{object-position:50% 42%;animation:none}.el-hero-scrim--pool{display:none}@media(min-aspect-ratio:4 / 5)and (min-width:700px){.el-hero-media{left:46%;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 22%,#000 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 22%,#000 100%)}.el-hero-scrim--top{background:linear-gradient(to bottom,#070c078c,#070c0700 18%)}}@media(max-aspect-ratio:4 / 5),(max-width:699px){.el-hero{height:auto;display:flex;flex-direction:column}.el-hero-copy{position:relative;inset:auto;order:0;padding-bottom:.5rem}.el-hero-media{position:relative;inset:auto;order:1;z-index:0;aspect-ratio:3 / 4;margin-top:-2.5rem;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 12%);mask-image:linear-gradient(to bottom,transparent 0%,#000 12%)}.el-hero-img{object-position:50% 100%}.el-hero-scrim--top{display:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/ecolux-hero.css.map */