.azka-hero{--panel-ink:#121212;--panel-orange:#F9563F;--panel-forest:#1E452B;--panel-grey:#E9E9E7;position:relative;overflow:hidden;background:var(--azka-ink,#121212)}.azka-hero__viewport{position:relative}.azka-hero__slide{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:1fr 1fr;opacity:0;visibility:hidden;clip-path:polygon(0 0,0 0,0 100%,0 100%);transition:clip-path .6s cubic-bezier(.65,0,.35,1),opacity .1s .05s,visibility 0s .6s}.azka-hero__slide.is-active{position:relative;opacity:1;visibility:visible;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transition:clip-path .6s cubic-bezier(.65,0,.35,1),opacity .1s,visibility 0s;z-index:2}.azka-hero__slide.is-entering{position:absolute;top:0;right:0;bottom:0;left:0;opacity:1;visibility:visible;z-index:3;clip-path:polygon(-10% 0,0 0,0 100%,-20% 100%);animation:azka-wipe .6s cubic-bezier(.65,0,.35,1) forwards}@keyframes azka-wipe{0%{clip-path:polygon(-10% 0,0 0,0 100%,-20% 100%)}to{clip-path:polygon(-10% 0,120% 0,100% 100%,-20% 100%)}}.azka-hero__panel{display:flex;align-items:center;padding:clamp(24px,5vw,80px);min-height:600px}.azka-hero__panel--ink{background:var(--panel-ink);color:#fff}.azka-hero__panel--orange{background:var(--panel-orange);color:var(--panel-ink)}.azka-hero__panel--forest{background:var(--panel-forest);color:#fff}.azka-hero__panel--grey{background:var(--panel-grey);color:var(--panel-ink)}.azka-hero__panel--custom{color:#fff}.azka-hero__panel-inner{max-width:34rem}.azka-hero__eyebrow{font-family:var(--font-body,"Barlow",sans-serif);font-weight:500;font-size:.8125rem;letter-spacing:.14em;text-transform:uppercase;margin:0 0 1.25rem;opacity:.85}.azka-hero__eyebrow--lg{font-size:clamp(1.05rem,1.7vw,1.5rem);letter-spacing:.1em;opacity:1;margin:0 0 1.5rem;font-weight:600}.azka-hero__heading{font-family:var(--font-display,"Barlow Condensed",sans-serif);font-weight:700;font-style:italic;text-transform:uppercase;font-size:clamp(2.4rem,5vw,4.75rem);line-height:.92;margin:0 0 1.5rem}.azka-hero__heading--green{color:var(--panel-forest)}.azka-hero__heading--orange{color:var(--panel-orange)}.azka-hero__heading--blue{color:#b6f2ff;background:linear-gradient(100deg,#6fc8e8,#b6f2ff 45%,#e6fbff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.azka-hero__heading--xl{font-size:clamp(3.2rem,7vw,6.75rem)}.azka-hero__line{display:block;overflow:hidden}.azka-hero__line>span{display:block}.azka-hero__body{font-family:var(--font-body,"Barlow",sans-serif);font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.55;margin:0 0 2rem;max-width:32ch}.azka-hero__btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 2rem;font-family:var(--font-body,"Barlow",sans-serif);font-weight:500;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;position:relative;overflow:hidden;isolation:isolate;border:1px solid currentColor}.azka-hero__panel--ink .azka-hero__btn,.azka-hero__panel--forest .azka-hero__btn,.azka-hero__panel--custom .azka-hero__btn{background:#fff;color:var(--panel-ink);border-color:#fff}.azka-hero__panel--orange .azka-hero__btn,.azka-hero__panel--grey .azka-hero__btn{background:var(--panel-ink);color:#fff;border-color:var(--panel-ink)}.azka-hero__btn:before{content:"";position:absolute;top:-2px;right:-20%;bottom:-2px;left:-20%;background:var(--panel-orange);z-index:-1;transform:translate(-115%) skew(-12deg);transition:transform .22s cubic-bezier(.2,0,.2,1)}.azka-hero__panel--orange .azka-hero__btn:before{background:#fff}.azka-hero__btn:hover:before{transform:translate(0) skew(-12deg)}.azka-hero__btn:hover{color:var(--panel-ink)}.azka-hero__media{position:relative;overflow:hidden;background:var(--panel-grey)}.azka-hero__media img{width:100%;height:100%;object-fit:cover;display:block}.azka-hero__slide.is-active .azka-hero__media img{animation:azka-drift 10s ease-out forwards}@keyframes azka-drift{0%{transform:scale(1)}to{transform:scale(1.04)}}.azka-hero__slide:not(.is-active):not(.is-entering) .azka-reveal{transform:translateY(110%);opacity:0}.azka-hero__slide.is-active .azka-reveal,.azka-hero__slide.is-entering .azka-reveal{transform:none;opacity:1}.azka-hero__slide.is-active .azka-reveal{animation:azka-rise .5s cubic-bezier(.33,0,.2,1) both;animation-delay:var(--d,0ms)}@keyframes azka-rise{0%{transform:translateY(110%);opacity:0}to{transform:translateY(0);opacity:1}}.azka-hero__progress{position:absolute;z-index:5;left:clamp(24px,5vw,80px);bottom:clamp(20px,3vw,40px);display:flex;gap:10px}.azka-hero__dot{width:44px;height:3px;padding:0;border:0;cursor:pointer;background:#ffffff47;position:relative;overflow:hidden;transform:skew(-12deg)}.azka-hero__dot-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--panel-orange);transform:translate(-101%)}.azka-hero__dot.is-active .azka-hero__dot-fill{animation:azka-fill var(--fill,7s) linear forwards}@keyframes azka-fill{0%{transform:translate(-101%)}to{transform:translate(0)}}@media(max-width:749px){.azka-hero__slide{grid-template-columns:1fr;grid-template-rows:auto auto}.azka-hero__media{order:-1;aspect-ratio:4/5}.azka-hero__panel{min-height:0;padding:32px 20px 44px}.azka-hero__progress{left:20px;bottom:16px}.azka-hero__heading{font-size:clamp(2rem,9vw,3rem)}.azka-hero__heading--xl{font-size:clamp(2.6rem,11vw,3.6rem)}}@media(prefers-reduced-motion:reduce){.azka-hero__slide,.azka-hero__slide.is-entering{transition:opacity .2s;animation:none;clip-path:none}.azka-hero__slide.is-active .azka-hero__media img{animation:none}.azka-reveal{transform:none!important;opacity:1!important;animation:none!important}.azka-hero__dot.is-active .azka-hero__dot-fill{animation:none;transform:translate(0)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/azka-hero.css.map */