.act-component{display:block}.act-wrapper{position:relative}.act-viewport{position:relative;width:100%;height:100vh;overflow:hidden;background:#0e0c0b}.act-images{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.act-image-layer{position:absolute;top:-5%;right:-5%;bottom:-5%;left:-5%;width:110%;height:110%;opacity:0;transform:scale(1.08);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform 6s cubic-bezier(.4,0,.2,1);will-change:opacity,transform}.act-image-layer--active{opacity:1;transform:scale(1)}.act-img{width:100%;height:100%;object-fit:cover;object-position:center}.act-img--desktop{display:none}.act-img--mobile{display:block;width:100%;height:100%;object-fit:cover}.act-img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#ffffff08}.act-img-placeholder svg{width:160px;opacity:.15}@media screen and (min-width:750px){.act-img--desktop{display:block;width:100%;height:100%;object-fit:cover}.act-img--mobile{display:none}}.act-vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.5) 100%),linear-gradient(to top,rgba(0,0,0,.7) 0%,transparent 40%)}.act-header{position:absolute;top:2rem;left:0;right:0;z-index:5;text-align:center;pointer-events:none}.act-header__sub{text-transform:uppercase;letter-spacing:.25em;font-size:.7rem;font-family:var(--font-body-family);color:#fff6;margin:0 0 .4rem}.act-header__title{font-family:var(--font-heading-family);text-transform:uppercase;letter-spacing:.15em;font-size:.85rem;font-weight:500;color:#ffffff80;margin:0}@media screen and (min-width:750px){.act-header{top:2.5rem}.act-header__sub{font-size:.75rem}.act-header__title{font-size:.95rem}}.act-content-area{position:absolute;z-index:4;bottom:6.5rem;left:1.5rem;right:1.5rem;pointer-events:none}.act-slide{position:absolute;bottom:0;left:0;opacity:0;pointer-events:none;max-width:420px}.act-slide--active{opacity:1}.act-slide__label-line{display:flex;align-items:center;gap:.6rem;margin-bottom:.75rem;opacity:0;transform:translate(-16px);transition:opacity .5s ease .15s,transform .5s cubic-bezier(.16,1,.3,1) .15s}.act-slide__line{width:0;height:1px;background:var(--card-accent);transition:width .6s cubic-bezier(.16,1,.3,1) .2s}.act-slide__label{text-transform:uppercase;letter-spacing:.3em;font-size:.7rem;font-weight:600;color:var(--card-accent);font-family:var(--font-body-family);white-space:nowrap}.act-slide__heading{font-family:var(--font-heading-family);text-transform:uppercase;letter-spacing:.06em;font-size:calc(var(--font-heading-scale, 1) * 2.2rem);font-weight:300;margin:0 0 .6rem;line-height:1.15;color:#fff;opacity:0;transform:translateY(24px);transition:opacity .5s ease .25s,transform .6s cubic-bezier(.16,1,.3,1) .25s}.act-slide__text{font-family:var(--font-body-family);font-size:calc(var(--font-body-scale, 1) * 1rem);line-height:1.7;color:#fff9;margin:0;max-width:360px;opacity:0;transform:translateY(16px);transition:opacity .5s ease .4s,transform .5s cubic-bezier(.16,1,.3,1) .4s}.act-slide--active .act-slide__label-line{opacity:1;transform:translate(0)}.act-slide--active .act-slide__line{width:32px}.act-slide--active .act-slide__heading,.act-slide--active .act-slide__text{opacity:1;transform:translateY(0)}.act-number{position:absolute;z-index:3;bottom:6.5rem;right:1.5rem;pointer-events:none;line-height:1}.act-number__digit{position:absolute;bottom:0;right:0;font-family:var(--font-heading-family);font-size:5rem;font-weight:200;letter-spacing:-.03em;color:#ffffff0f;opacity:0;transform:translateY(20px);transition:opacity .5s ease .1s,transform .6s cubic-bezier(.16,1,.3,1) .1s}.act-number__digit--active{opacity:1;transform:translateY(0)}.act-dots{position:absolute;bottom:5rem;left:50%;transform:translate(-50%);z-index:5;display:flex;gap:8px}.act-dot{width:6px;height:6px;border-radius:50%;background:#fff3;transition:background .4s ease,transform .3s ease}.act-dot--active{background:#fffc;transform:scale(1.3)}@media screen and (min-width:750px){.act-content-area{bottom:5rem;left:5rem;right:auto}.act-slide{max-width:480px}.act-slide__heading{font-size:calc(var(--font-heading-scale, 1) * 2.8rem);margin-bottom:.8rem}.act-slide--active .act-slide__line{width:48px}.act-slide__text{font-size:calc(var(--font-body-scale, 1) * 1.1rem);max-width:420px}.act-number{bottom:auto;top:50%;right:5rem;transform:translateY(-50%)}.act-number__digit{font-size:10rem;bottom:auto;top:0;transform:translateY(30px)}.act-number__digit--active{transform:translateY(0)}.act-dots{bottom:2.5rem;gap:10px}.act-dot{width:7px;height:7px}}@media screen and (min-width:1200px){.act-content-area{left:7rem}.act-slide__heading{font-size:calc(var(--font-heading-scale, 1) * 3.2rem)}.act-number{right:7rem}.act-number__digit{font-size:14rem}}@media(prefers-reduced-motion:reduce){.act-image-layer{transition:opacity .3s ease!important;transform:scale(1)!important}.act-slide__label-line,.act-slide__heading,.act-slide__text,.act-number__digit{opacity:1!important;transform:none!important;transition:none!important}.act-slide__line{width:32px!important}.act-slide__text{opacity:.6!important}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/aarka-craft-triptych.css.map */