.an-can__head{padding-top:clamp(6.4rem,9vw,12.8rem);padding-bottom:clamp(3.2rem,5vw,6.4rem)}.an-can__head .an-section-head{margin-bottom:0}.an-can__stage{position:relative;display:block;height:calc(var(--an-can-scenes, 3) * 100vh);height:calc(var(--an-can-scenes, 3) * 100svh);background:rgb(var(--an-ink));color:rgb(var(--an-paper))}.an-can__sticky{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;isolation:isolate}.an-can__steps{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-auto-rows:1fr;pointer-events:none}.an-can__backdrops{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.an-can__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .9s var(--an-ease);will-change:opacity}.an-can__backdrop.is-active{opacity:1}.an-can__backdrop-img,.an-can__backdrop-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.04);transition:transform 1.6s var(--an-ease)}.an-can__backdrop.is-active .an-can__backdrop-img{transform:scale(1)}.an-can__backdrop-placeholder--1{background:linear-gradient(160deg,#d9d9d9,#4d4d4d)}.an-can__backdrop-placeholder--2{background:linear-gradient(160deg,#ebebeb,gray)}.an-can__backdrop-placeholder--3{background:linear-gradient(160deg,#b3b3b3,#1a1a1a)}.an-can__haze{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(70% 60% at 50% 55%,#0000,#00000059),linear-gradient(to top,#000000bf,#0003 40%,#0000001a)}.an-can__object{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:grid;place-items:center;pointer-events:none;padding-bottom:14vh}.an-can__float{position:relative;width:clamp(11rem,17vh,20rem)}.an-can__can{position:relative;transform:perspective(140rem) rotateY(var(--an-can-rot, 0deg)) rotate(var(--an-can-tilt, 0deg));transform-style:preserve-3d;will-change:transform}.an-can__img,.an-can__placeholder-can{display:block;width:100%;height:auto;filter:drop-shadow(0 30px 40px rgba(0,0,0,.35))}.an-can__placeholder-can{aspect-ratio:551 / 1400;border-radius:1.6rem;background:linear-gradient(90deg,#6f6f6f,#ebebeb 30%,#f5f5f5 45%,#d9d9d9 70%,#636363)}.an-can__sheen{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;background:linear-gradient(100deg,#fff0 30%,#ffffff4d,#fff0 66%);background-size:300% 100%;background-position:calc(var(--an-can-p, 0) * 100%) 0;mix-blend-mode:screen;pointer-events:none}.an-can__shadow{position:absolute;left:50%;bottom:-3.2rem;width:120%;height:3.2rem;transform:translate(-50%) scaleX(calc(1 - var(--an-can-lift, 0) * .3));background:radial-gradient(50% 50% at 50% 50%,#00000073,#0000 70%);opacity:calc(.9 - var(--an-can-lift, 0) * .5)}@media(prefers-reduced-motion:no-preference){.an-can__float{animation:an-can-levitate 7s ease-in-out infinite}@keyframes an-can-levitate{0%,to{transform:translateY(0)}50%{transform:translateY(-1.4rem)}}}.an-can__messages{position:absolute;left:0;right:0;bottom:clamp(5.6rem,10vh,10rem);z-index:2;display:grid}.an-can__message{grid-area:1 / 1;opacity:0;transform:translateY(1.2rem);transition:opacity .6s var(--an-ease),transform .6s var(--an-ease);max-width:40rem;pointer-events:none}.an-can__message.is-active{opacity:1;transform:none;pointer-events:auto}.an-can__label{color:rgb(var(--an-paper));opacity:.8;margin-bottom:1rem}.an-can__index{display:inline-block;margin-right:1.2rem;opacity:.6}.an-can__word{margin:0;color:rgb(var(--an-paper));font-size:clamp(4.4rem,8vw,9.6rem);line-height:.96;letter-spacing:-.035em}.an-can__detail{margin:1.2rem 0 0;color:#ffffffe6;font-size:clamp(1.5rem,1.3vw,1.8rem);max-width:34ch}.an-can__dots{position:absolute;left:0;right:0;bottom:2.4rem;z-index:2;display:flex;gap:.8rem;list-style:none;margin:0}.an-can__dot{width:3.2rem;height:2px;background:#ffffff59;transition:background .3s ease}.an-can__dot.is-active{background:rgb(var(--an-paper))}.an-can__features{padding:clamp(4.8rem,7vw,9.6rem) 0}.an-can__feature-list{display:grid;gap:2.4rem;list-style:none;margin:0}.an-can__feature{padding-top:2rem;border-top:1px solid rgba(var(--color-foreground),.2)}.an-can__feature-index{display:block;opacity:.6;margin-bottom:1.6rem}.an-can__feature-title{margin:0;font-size:clamp(2rem,1.8vw,2.6rem);letter-spacing:-.02em;max-width:16ch}.an-can__feature-text{margin:1rem 0 0;color:rgba(var(--color-foreground),.8);max-width:32ch}.an-can__aside{align-self:end;font-family:var(--font-mono-family, ui-monospace, monospace);font-size:1.2rem;letter-spacing:.06em;line-height:1.6;color:rgba(var(--color-foreground),.65);max-width:28ch}.an-can__aside p{margin:0}@media screen and (min-width:750px){.an-can__feature-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:3.2rem}.an-can__aside{grid-column:1 / -1}}@media screen and (min-width:990px){.an-can__feature-list{grid-template-columns:repeat(4,minmax(0,1fr))}.an-can__aside{grid-column:auto;border-top:1px solid transparent;padding-top:2rem;align-self:start}.an-can__object{padding-bottom:0;padding-right:0}.an-can__float{width:clamp(18rem,24vh,24rem)}.an-can__messages{bottom:auto;top:50%;transform:translateY(-50%)}.an-can__message{max-width:36rem}}@media(prefers-reduced-motion:reduce){.an-can__stage{height:auto}.an-can__sticky{position:relative;height:auto;min-height:70vh;padding:6.4rem 0 4.8rem}.an-can__steps{display:none}.an-can__backdrop{transition:none}.an-can__backdrop-img{transform:none;transition:none}.an-can__object{position:relative;inset:auto;padding:0 0 4rem}.an-can__can{transform:none}.an-can__sheen{display:none}.an-can__messages{position:relative;inset:auto;transform:none;grid-template-columns:repeat(auto-fit,minmax(22rem,1fr));gap:3.2rem}.an-can__message{grid-area:auto;opacity:1;transform:none;pointer-events:auto}.an-can__word{font-size:clamp(3.2rem,4vw,4.8rem)}.an-can__dots{display:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-astronut-can.css.map */