.clw-hero{--clw-hero-progress: 0;position:relative;min-height:190vh;background:var(--clw-cloud);overflow:clip}.clw-hero__sticky{position:sticky;top:0;min-height:100svh;display:grid;place-items:center;overflow:hidden;isolation:isolate}.clw-hero__ambient{position:absolute;top:-25%;right:-25%;bottom:-25%;left:-25%;z-index:-2;background:radial-gradient(circle at 22% 30%,var(--clw-blue) 0,transparent 25%),radial-gradient(circle at 78% 62%,var(--clw-pink) 0,transparent 27%),radial-gradient(circle at 52% 48%,var(--clw-violet) 0,transparent 30%);filter:blur(85px);opacity:calc(.12 + (var(--clw-hero-progress) * .18));transform:scale(calc(1 + (var(--clw-hero-progress) * .08)));transition:opacity .15s linear}.clw-hero__grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.28;background-image:linear-gradient(rgba(17,17,17,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(17,17,17,.035) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(circle at center,black 0%,transparent 72%);-webkit-mask-image:radial-gradient(circle at center,black 0%,transparent 72%)}.clw-hero__visual{position:absolute;left:50%;top:52%;width:min(42vw,620px);aspect-ratio:1;transform:translate(-50%,-50%) translate3d(calc((var(--clw-hero-progress) - .5) * -70px),calc((var(--clw-hero-progress) - .5) * 55px),0) rotate(calc((var(--clw-hero-progress) - .08) * 16deg)) scale(calc(1.02 - (var(--clw-hero-progress) * .22)));transition:transform .08s linear;will-change:transform;z-index:1}.clw-hero__visual:before{content:"";position:absolute;top:5%;right:5%;bottom:5%;left:5%;border-radius:50%;background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.95),transparent 12%),radial-gradient(circle at 65% 70%,rgba(255,255,255,.15),transparent 30%),linear-gradient(135deg,#fff,#cbd2dc 42%,#7c8797 68%,#f7f8fa);box-shadow:0 70px 120px #11111129,0 0 100px #00a8ff2e,0 0 120px #ff2bd61f}.clw-hero__visual:after{content:"CLW";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:clamp(4rem,9vw,9rem);font-weight:900;letter-spacing:-.09em;color:#11111112;transform:rotate(-12deg)}.clw-hero__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;z-index:2;filter:drop-shadow(0 40px 60px rgba(17,17,17,.14))}.clw-hero__content{position:relative;z-index:5;width:min(calc(100% - 48px),var(--clw-content-width));min-height:100svh;margin-inline:auto;padding:150px 0 48px;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.clw-hero__top{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.clw-hero__meta{max-width:180px}.clw-hero__title{position:relative;margin:0;width:min(900px,72vw);font-size:clamp(5rem,13vw,12rem);line-height:.78;letter-spacing:-.085em;font-weight:900;text-transform:uppercase;mix-blend-mode:multiply}.clw-hero__title-line{display:block}.clw-hero__title-line:last-child{margin-left:.34em}.clw-hero__bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.clw-hero__tagline{max-width:330px}.clw-hero__tagline strong{display:block;margin-bottom:8px;font-size:clamp(1rem,1.6vw,1.35rem);line-height:1.05;letter-spacing:-.03em}.clw-hero__scroll{display:inline-flex;align-items:center;gap:10px;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.clw-hero__scroll-line{position:relative;width:58px;height:1px;overflow:hidden;background:#1111112e}.clw-hero__scroll-line:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:35%;background:var(--clw-prism);animation:clw-hero-scroll 1.8s ease-in-out infinite}@keyframes clw-hero-scroll{0%{transform:translate(-130%)}60%,to{transform:translate(280%)}}.clw-hero__transition{position:absolute;left:50%;bottom:5%;width:min(620px,70vw);text-align:center;transform:translate(-50%,20px) scale(calc(.85 + (var(--clw-hero-progress) * .15)));opacity:calc(var(--clw-hero-progress) * var(--clw-hero-progress));pointer-events:none;z-index:6}.clw-hero__transition p{margin:0;font-size:clamp(2.2rem,5vw,5rem);line-height:.88;letter-spacing:-.065em;font-weight:900;text-transform:uppercase}.clw-hero__transition p span{display:block;background:var(--clw-prism);-webkit-background-clip:text;background-clip:text;color:transparent}@media screen and (max-width:749px){.clw-hero{min-height:170vh}.clw-hero__content{width:calc(100% - 32px);padding:110px 0 28px}.clw-hero__visual{top:48%;width:min(84vw,430px)}.clw-hero__title{width:100%;font-size:clamp(4rem,20vw,7rem)}.clw-hero__title-line:last-child{margin-left:.18em}.clw-hero__top{align-items:flex-start}.clw-hero__meta{max-width:135px}.clw-hero__bottom{align-items:flex-end}.clw-hero__scroll{display:none}.clw-hero__transition{width:calc(100% - 32px)}}@media(prefers-reduced-motion:reduce){.clw-hero__visual,.clw-hero__ambient,.clw-hero__transition{transition:none}.clw-hero__scroll-line:after{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/clw-hero.css.map */