.izen-hero-stage{--izen-enter: 0;--izen-zip: 0;--izen-puller: 0;--izen-exit: 0;--izen-zip-x: 51.13%;--izen-zip-top: 24%;--izen-zip-travel: 62%;--izen-zip-open: 4.2%;--izen-cloth-shift: 0%;--izen-cloth-drop: .4%;--_apex: calc(var(--izen-zip-top) + var(--izen-puller) * var(--izen-zip-travel));--_run: calc(var(--_apex) - var(--izen-zip-top));--_open: calc(var(--izen-puller) * var(--izen-zip-open));--_shift: calc(var(--izen-puller) * var(--izen-cloth-shift));--_dl: calc(var(--izen-zip-x) + var(--_shift));--_dr: calc(var(--izen-zip-x) - var(--_shift));--_notch: clamp(0, calc(var(--izen-zip) * 7), 1);position:relative;height:300vh}.izen-hero-stage>.izen-hero{position:sticky;top:0;min-height:0;height:100svh}.izen-hero__beam{position:absolute;top:-46%;right:-12%;z-index:0;width:84%;height:176%;pointer-events:none;background:linear-gradient(92deg,#fff0,#ffffff03 26%,#ffffff0a 46%,#ffffff0d 54%,#ffffff04 74%,#fff0);-webkit-mask-image:radial-gradient(54% 58% at 50% 22%,#000 0%,transparent 100%);mask-image:radial-gradient(54% 58% at 50% 22%,#000 0%,transparent 100%);opacity:calc(var(--izen-enter) * (.5 + var(--izen-zip) * .32));animation:izen-beam-drift 24s ease-in-out infinite alternate}.izen-hero__beam:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(62% 40% at 52% 6%,#ffffff08,#ffffff03 44%,#fff0 76%)}@keyframes izen-beam-drift{0%{transform:rotate(12.5deg) translate3d(-1.6%,-.8%,0)}to{transform:rotate(15.5deg) translate3d(1.6%,.8%,0)}}.izen-hero__media{display:grid;place-items:center;aspect-ratio:auto;overflow:visible;background:none}.izen-hero__media .izen-heritage-reveal__piece{width:min(100%,620px)}.izen-hero__media--flat{display:block;aspect-ratio:4 / 5;overflow:hidden}.izen-heritage-reveal__piece{position:relative;z-index:1;width:100%;aspect-ratio:1 / 1;transform:translate3d(0,calc((1 - var(--izen-enter)) * 8px),0) scale(calc(.978 + var(--izen-enter) * .022));opacity:calc((.62 + var(--izen-enter) * .38) * (1 - var(--izen-exit)));-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 8%,#000 92%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 7%,#000 93%,transparent 100%),radial-gradient(78% 78% at 50% 50%,#000 70%,rgba(0,0,0,.4) 90%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,#000 8%,#000 92%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 7%,#000 93%,transparent 100%),radial-gradient(78% 78% at 50% 50%,#000 70%,rgba(0,0,0,.4) 90%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.izen-heritage-reveal__piece:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;background:linear-gradient(90deg,transparent calc(var(--izen-zip-x) - 2.4%),rgba(255,255,255,.036) var(--izen-zip-x),transparent calc(var(--izen-zip-x) + 2.4%));-webkit-mask-image:linear-gradient(180deg,transparent 14%,#000 32%,#000 60%,transparent 90%);mask-image:linear-gradient(180deg,transparent 14%,#000 32%,#000 60%,transparent 90%);opacity:calc(.3 + var(--izen-enter) * .7)}.izen-heritage-reveal__interior{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(86% 34% at 50% -4%,#000000b8,#00000057 46%,#0000 78%),linear-gradient(182deg,#0000000f,#0000004d 44%,#0000009e),linear-gradient(180deg,#161513,#131211 58%,#0f0e0d)}.izen-heritage-reveal__interior:before{content:"";position:absolute;top:-4%;right:-8%;bottom:-4%;left:-8%;background:linear-gradient(94deg,transparent 26%,rgba(0,0,0,.42) 33%,transparent 41%),linear-gradient(87deg,transparent 44%,rgba(255,255,255,.018) 49%,transparent 55%),linear-gradient(99deg,transparent 55%,rgba(0,0,0,.36) 63%,transparent 72%),linear-gradient(84deg,transparent 12%,rgba(0,0,0,.26) 17%,transparent 23%),linear-gradient(103deg,transparent 74%,rgba(0,0,0,.3) 81%,transparent 89%);transform-origin:50% 0%;transform:translate3d(calc(var(--izen-zip) * .9%),calc(var(--izen-zip) * -1.1%),0) scaleX(calc(1 + var(--izen-zip) * .07))}.izen-heritage-reveal__interior:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(40% 30% at 62% 16%,rgba(255,255,255,calc(.03 * var(--izen-zip))),#fff0 72%),linear-gradient(90deg,rgba(0,0,0,0) calc(var(--izen-zip-x) - 10%),rgba(0,0,0,.62) calc(var(--izen-zip-x) - 3.4%),rgba(0,0,0,.08) var(--izen-zip-x),rgba(0,0,0,.58) calc(var(--izen-zip-x) + 3.8%),rgba(0,0,0,0) calc(var(--izen-zip-x) + 11%))}.izen-heritage-reveal__half{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;will-change:clip-path,transform;-webkit-mask-image:radial-gradient(2.7% 4.4% at var(--izen-zip-x) 26%,rgba(0,0,0,calc(1 - var(--_notch))) 45%,#000 100%);mask-image:radial-gradient(2.7% 4.4% at var(--izen-zip-x) 26%,rgba(0,0,0,calc(1 - var(--_notch))) 45%,#000 100%)}.izen-heritage-reveal__half img{display:block;width:100%;height:100%;object-fit:contain}.izen-heritage-reveal__half--left{clip-path:polygon(0% 0%,var(--_dl) 0%,var(--_dl) var(--izen-zip-top),calc(var(--_dl) - var(--_open) * .86) calc(var(--izen-zip-top) + var(--_run) * .14),calc(var(--_dl) - var(--_open)) calc(var(--izen-zip-top) + var(--_run) * .34),calc(var(--_dl) - var(--_open) * .78) calc(var(--izen-zip-top) + var(--_run) * .58),calc(var(--_dl) - var(--_open) * .42) calc(var(--izen-zip-top) + var(--_run) * .82),var(--_dl) var(--_apex),var(--_dl) 100%,0% 100%);transform:translate3d(calc(var(--_shift) * -1),calc(var(--izen-zip) * var(--izen-cloth-drop)),0)}.izen-heritage-reveal__half--right{clip-path:polygon(var(--_dr) 0%,100% 0%,100% 100%,var(--_dr) 100%,var(--_dr) var(--_apex),calc(var(--_dr) + var(--_open) * .42) calc(var(--izen-zip-top) + var(--_run) * .82),calc(var(--_dr) + var(--_open) * .78) calc(var(--izen-zip-top) + var(--_run) * .58),calc(var(--_dr) + var(--_open)) calc(var(--izen-zip-top) + var(--_run) * .34),calc(var(--_dr) + var(--_open) * .86) calc(var(--izen-zip-top) + var(--_run) * .14),var(--_dr) var(--izen-zip-top));transform:translate3d(var(--_shift),calc(var(--izen-zip) * var(--izen-cloth-drop) * .7),0)}.izen-heritage-reveal__track{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;transform:translate3d(0,calc(var(--izen-puller) * var(--izen-zip-travel)),0);will-change:transform}.izen-heritage-reveal__puller{position:absolute;left:var(--izen-zip-x);top:var(--izen-zip-top);width:1.9%;height:1.75%;margin:-.85% 0 0 -.95%;border-radius:22% 22% 34% 34%/30% 30% 44% 44%;background:linear-gradient(177deg,#a5814f,#8a6a3f 42%,#5f492b);box-shadow:inset 0 .06em #ffe9c76b,0 0 0 .5px #0009;opacity:var(--izen-enter)}.izen-heritage-reveal__puller:after{content:"";position:absolute;left:50%;top:82%;width:44%;height:210%;border-radius:40% 40% 46% 46%/8% 8% 12% 12%;background:linear-gradient(92deg,#4f3d24,#9a774a 34%,#b08e5c 52%,#6b5231);box-shadow:0 0 0 .5px #0000008c;transform-origin:50% 0%;transform:translate(-50%) rotate(calc(1.4deg + (var(--izen-zip) - var(--izen-puller)) * 70deg))}.izen-heritage-reveal__puller:before{content:"";position:absolute;left:50%;bottom:86%;width:62%;height:150%;transform:translate(-50%);background:linear-gradient(180deg,#96764a00,#96764a8c 62%,#b08e5cd9)}.izen-hero__wordmark{font-size:0;line-height:0}.izen-hero__logo{display:block;width:clamp(200px,25vw,440px);height:auto}@media(min-width:900px){.izen-hero__foot{right:calc(min(46vw,720px) + var(--izen-sa-edge));align-items:center}}@media(max-width:899px){.izen-hero__foot{align-items:center}.izen-hero__logo{width:min(70vw,320px)}}@media(prefers-reduced-motion:reduce){.izen-hero__logo{width:clamp(200px,25vw,440px)}}.izen-header__home{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1}.izen-header__nav--inline,.izen-header__toggle{margin-left:auto}.izen-header__logo{width:clamp(104px,11vw,150px)}.izen-header.is-compact .izen-header__logo{width:clamp(88px,8.6vw,118px)}@media(max-width:749px){.izen-header__logo{width:clamp(88px,26vw,116px)}.izen-header.is-compact .izen-header__logo{width:clamp(76px,22vw,98px)}}@media(max-width:899px){.izen-hero__media{position:absolute;top:0;left:0;right:0;height:70%;z-index:0}.izen-hero__media .izen-heritage-reveal__piece{width:min(84vw,56vh,430px)}.izen-hero__meta,.izen-hero__foot{position:relative;z-index:2}}@media(max-width:749px){.izen-hero-stage{height:240vh;--izen-zip-open: 3.2%}.izen-heritage-reveal__interior:before{background:linear-gradient(94deg,transparent 28%,rgba(0,0,0,.38) 35%,transparent 43%),linear-gradient(99deg,transparent 58%,rgba(0,0,0,.3) 66%,transparent 75%);transform:translate3d(0,calc(var(--izen-puller) * -.6%),0) scaleX(calc(1 + var(--izen-puller) * .04))}.izen-hero__beam{right:-26%;width:140%;opacity:calc(var(--izen-enter) * (.34 + var(--izen-zip) * .2))}}.izen-footer__wordmark{font-size:0;line-height:0}.izen-footer__logo{display:block;width:clamp(120px,16vw,220px);height:auto}@media(prefers-reduced-motion:reduce){.izen-hero-stage{height:auto}.izen-hero-stage>.izen-hero{position:static;min-height:100svh;height:auto}.izen-hero__beam{animation:none;opacity:.4}.izen-heritage-reveal__piece{transform:none;opacity:1}.izen-heritage-reveal__half--left,.izen-heritage-reveal__half--right{clip-path:none;transform:none}.izen-heritage-reveal__half{-webkit-mask-image:none;mask-image:none}.izen-heritage-reveal__half--right,.izen-heritage-reveal__track,.izen-heritage-reveal__interior{display:none}.izen-hero-stage+.izen-panel{opacity:1;transform:none}}html:not(.js) .izen-hero-stage{height:auto}html:not(.js) .izen-hero-stage>.izen-hero{position:static;min-height:100svh;height:auto}html:not(.js) .izen-heritage-reveal__piece{transform:none;opacity:1}.izen-hero-stage+.izen-panel{opacity:var(--izen-open, 1);transform:translate3d(0,calc((1 - var(--izen-open, 1)) * 10px),0)}.izen-hero__copy{position:absolute;top:0;left:0;right:0;z-index:2;height:100svh;display:flex;flex-direction:column;gap:var(--izen-sa-hem);padding:calc(var(--izen-sa-hem) * 2.2) var(--izen-sa-edge) var(--izen-sa-hem);pointer-events:none}.izen-hero__copy a,.izen-hero__copy button{pointer-events:auto}.izen-hero-stage>.izen-hero{padding:0}.izen-hero__copy .izen-hero__foot{position:absolute;left:var(--izen-sa-edge);right:var(--izen-sa-edge);bottom:var(--izen-sa-panel);margin-top:0;align-items:center}@media(min-width:900px){.izen-hero__copy .izen-hero__foot{right:calc(min(46vw,720px) + var(--izen-sa-edge))}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/izen-heritage-reveal.css.map */