.vida{background:var(--color-bg)}.vida__head{display:grid;justify-items:start;gap:.75rem}.vida__head .home-skip{margin-top:-.25rem}.vida__track{margin-top:clamp(2.5rem,1.5rem + 3vw,4rem)}.vida__frame{display:grid;gap:var(--space-6);width:min(100% - 2 * var(--page-gutter),var(--container));margin-inline:auto}.vida__shot{position:relative;display:grid;align-content:start;gap:var(--space-4);margin:0}.vida__drift{aspect-ratio:4 / 5;overflow:hidden;border-radius:var(--radius-xl);background:var(--color-bg-alt)}.vida__img{display:block;width:100%;height:100%;object-fit:cover}.vida__label{margin:0;font:500 var(--type-h3) / 1.2 var(--font-heading);letter-spacing:-.01em}.vida__text{margin:.375rem 0 0;color:var(--color-text-muted);font-size:var(--type-body);line-height:1.5}.vida__dim,.vida__scrim,.vida__over{display:none}.vida__end{display:flex;justify-content:center;padding-top:clamp(2.5rem,1.5rem + 3vw,4rem)}@media(min-width:990px){.vida__frame{grid-template-columns:repeat(3,minmax(0,1fr))}}@keyframes vida-shot-1{0%{transform:translateY(6%) scale(var(--card));animation-timing-function:cubic-bezier(.45,0,.2,1)}14%,to{transform:none}}@keyframes vida-shot-2{0%,36%{transform:translateY(125%) scale(var(--card2));animation-timing-function:cubic-bezier(.2,.7,.25,1)}43%{transform:translateY(0) scale(var(--card2));animation-timing-function:cubic-bezier(.45,0,.2,1)}51%,to{transform:none}}@keyframes vida-shot-3{0%,69%{transform:translateY(125%) scale(var(--card2));animation-timing-function:cubic-bezier(.2,.7,.25,1)}76%{transform:translateY(0) scale(var(--card2));animation-timing-function:cubic-bezier(.45,0,.2,1)}84%,to{transform:none}}@keyframes vida-drift-1{0%{transform:scale(1.16) translate(1.5%)}51%,to{transform:scale(1.04) translate(-1.5%)}}@keyframes vida-drift-2{0%,36%{transform:scale(1.16) translate(-1.5%)}84%,to{transform:scale(1.04) translate(1.5%)}}@keyframes vida-drift-3{0%,69%{transform:scale(1.16) translate(1.5%)}to{transform:scale(1.05) translate(-1%)}}@keyframes vida-dim-1{0%,37%{opacity:0}48%,to{opacity:.6}}@keyframes vida-dim-2{0%,70%{opacity:0}81%,to{opacity:.6}}@keyframes vida-scrim{0%,6%{opacity:0}14%,to{opacity:1}}@keyframes vida-fill-1{0%,13%{transform:scaleX(0)}36%,to{transform:scaleX(1)}}@keyframes vida-fill-2{0%,50%{transform:scaleX(0)}69%,to{transform:scaleX(1)}}@keyframes vida-fill-3{0%,83%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(prefers-reduced-motion:no-preference)and (min-width:990px)and (min-height:640px),(prefers-reduced-motion:no-preference)and (max-width:989px)and (min-height:560px){html.motion-ok .vida{padding-bottom:0}html.motion-ok .vida__stage{position:sticky;top:0;height:100lvh;overflow:clip;background:var(--color-bg);container-type:inline-size}html.motion-ok .vida__frame{position:absolute;top:var(--vy);left:50%;display:block;width:var(--vw);height:var(--vh);margin:0 0 0 calc(var(--vw) / -2)}html.motion-ok .vida__shot{position:absolute;top:0;right:0;bottom:0;left:0;display:block;overflow:hidden;border-radius:var(--vr);background:var(--color-bg-alt);will-change:transform}html.motion-ok .vida__shot--2{z-index:2}html.motion-ok .vida__shot--3{z-index:3}html.motion-ok .vida__drift{position:absolute;top:0;right:0;bottom:0;left:0;aspect-ratio:auto;border-radius:0;will-change:transform}html.motion-ok .vida__img{object-position:var(--pos)}html.motion-ok .vida__dim{position:absolute;top:0;right:0;bottom:0;left:0;display:block;background:var(--color-primary);opacity:0}html.motion-ok .vida__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:block;border-radius:var(--vr);background:linear-gradient(to top,#1c2533e6,#1c2533c7 24%,#1c253366,#1c253300 64%);opacity:0;pointer-events:none}html.motion-ok .vida__over{position:absolute;right:var(--vp);bottom:var(--vp);left:var(--vp);z-index:5;display:grid;justify-items:start;gap:1.25rem;color:var(--color-bg-alt);pointer-events:none}html.motion-ok .vida__bars{display:flex;gap:6px;width:min(11rem,50%)}html.motion-ok .vida__bar{flex:1 1 0;height:2px;overflow:hidden;border-radius:1px;background:#f6f4ef52}html.motion-ok .vida__fill{display:block;height:100%;background:var(--color-bg-alt);transform:scaleX(0);transform-origin:0 50%}html.motion-ok .vida__lines{display:grid}html.motion-ok .vida__line{display:grid;grid-area:1 / 1;align-content:end;gap:.625rem;margin:0}html.motion-ok .vida__line-label{font:600 var(--type-small) / 1.4 var(--font-body);letter-spacing:.01em;color:#f6f4efdb}html.motion-ok .vida__line-text{max-width:17ch;font:500 var(--type-h2) / 1.06 var(--font-heading);letter-spacing:var(--track-display);text-wrap:balance}html.motion-ok :is(.vida__shot,.vida__drift,.vida__dim,.vida__scrim,.vida__bars,.vida__fill){animation-timing-function:linear;animation-fill-mode:both}html.motion-ok .vida__shot--1{animation-name:vida-shot-1}html.motion-ok .vida__shot--2{animation-name:vida-shot-2}html.motion-ok .vida__shot--3{animation-name:vida-shot-3}html.motion-ok .vida__shot--1 .vida__drift{animation-name:vida-drift-1}html.motion-ok .vida__shot--2 .vida__drift{animation-name:vida-drift-2}html.motion-ok .vida__shot--3 .vida__drift{animation-name:vida-drift-3}html.motion-ok .vida__shot--1 .vida__dim{animation-name:vida-dim-1}html.motion-ok .vida__shot--2 .vida__dim{animation-name:vida-dim-2}html.motion-ok :is(.vida__scrim,.vida__bars){animation-name:vida-scrim}html.motion-ok .vida__fill--1{animation-name:vida-fill-1}html.motion-ok .vida__fill--2{animation-name:vida-fill-2}html.motion-ok .vida__fill--3{animation-name:vida-fill-3}html.motion-live .vida__cap{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}html.motion-live .vida__line{visibility:hidden;animation:home-swap-out var(--dur-out) var(--ease-exit) both;transition:visibility 0s var(--dur-out)}html.motion-live :is([data-beat="1"] .vida__line:nth-child(1),[data-beat="3"] .vida__line:nth-child(2),[data-beat="5"] .vida__line:nth-child(3)){visibility:visible;animation:home-swap-in var(--dur-in) var(--ease-out-expo) 80ms both;transition:none}html.motion-ok:not(.motion-live) :is(.vida__lines,.vida__scrim){display:none}html.motion-ok:not(.motion-live) .vida__cap{position:absolute;right:0;bottom:0;left:0;z-index:1;padding:5rem var(--vp) var(--vp);background:linear-gradient(to top,#1c2533e6 30%,#1c253300);color:var(--color-bg-alt)}html.motion-ok:not(.motion-live) .vida__text{color:#f6f4efe6}}@media(prefers-reduced-motion:no-preference)and (min-width:990px)and (min-height:640px){html.motion-ok .vida__track{height:420svh}html.motion-ok .vida__stage{--vw: min(100cqw - 48px, 96rem);--vh: calc(var(--stage-h) - 48px);--vy: calc(var(--lnav-h) + 24px);--vr: 32px;--vp: clamp(2rem, 1rem + 2.5vw, 3.5rem);--card: .5;--card2: .62}}@media(prefers-reduced-motion:no-preference)and (max-width:989px)and (min-height:560px){html.motion-ok .vida__track{height:380svh}html.motion-ok .vida__stage{--vw: calc(100cqw - 24px) ;--vh: min(var(--stage-h) - 24px, var(--vw) * 1.85);--vy: max(12px, (var(--stage-h) - var(--vh)) / 2);--vr: 24px;--vp: 1.5rem;--card: .72;--card2: .72}html.motion-ok .vida__img{object-position:var(--pos-m)}html.motion-ok .vida__line-text{max-width:14ch}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/home-vida.css.map */