.auracase-spotlight{--as-min-h: clamp(26rem, 34vw, 38rem);position:relative;z-index:0;isolation:isolate;background:rgb(var(--color-bg));color:rgb(var(--color-fg));overflow:clip}.auracase-spotlight__track{display:flex;flex-wrap:nowrap;align-items:stretch;width:100%;height:var(--as-min-h);min-height:var(--as-min-h);max-height:var(--as-min-h);overflow-x:auto;overflow-y:clip;scroll-snap-type:x mandatory;scroll-padding-inline:0;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x pan-y;scrollbar-width:none;cursor:default}.auracase-spotlight__track::-webkit-scrollbar{display:none}.auracase-spotlight__slide{position:relative;flex:0 0 100%;width:100%;min-width:100%;max-width:100%;height:100%;scroll-snap-align:start;scroll-snap-stop:always;box-sizing:border-box;opacity:1;visibility:visible;pointer-events:auto}.auracase-spotlight__slide.is-active{z-index:1}.auracase-spotlight__panel{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);grid-template-areas:"copy media";height:100%;min-height:0}.auracase-spotlight__panel--image-first,.auracase-spotlight--image-first .auracase-spotlight__panel{grid-template-areas:"media copy"}.auracase-spotlight__media{grid-area:media;position:relative;z-index:1;min-height:0;height:100%;display:flex;align-items:stretch;justify-content:center;background:radial-gradient(ellipse 70% 55% at 50% 50%,rgba(var(--color-primary),.1),transparent 70%),rgba(var(--color-fg),.045);overflow:hidden}.auracase-spotlight__scrim{display:none!important}.auracase-spotlight__copy{grid-area:copy;position:relative;z-index:3;display:flex;align-items:center;justify-content:center;padding:clamp(2.4rem,4vw,4rem) clamp(2rem,4vw,5rem);background:rgba(var(--color-fg),.045);overflow:visible}.auracase-spotlight__copy-inner{max-width:46rem;width:100%;display:grid;gap:1.2rem;justify-items:center;text-align:center;overflow:visible}.auracase-spotlight__heading{margin:0;overflow:visible;line-height:1;text-align:center;color:rgb(var(--color-fg))}.auracase-spotlight__heading-brand{display:inline-flex;flex-direction:column;align-items:center;gap:.55rem;max-width:100%;overflow:visible}.auracase-spotlight__heading-mark{display:flex;justify-content:center;line-height:1;color:inherit;overflow:visible}.auracase-spotlight__heading-mark .auracase-logo{color:inherit}.auracase-spotlight__heading-badge{display:block;position:static;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;font-family:var(--vibe-font-display, "Sora", sans-serif);font-style:italic;font-weight:600;font-size:clamp(1.1rem,1.5vw,1.35rem);letter-spacing:.12em;line-height:1.2;text-transform:uppercase;white-space:nowrap;text-align:center;color:rgb(var(--color-primary))}.auracase-spotlight__text{margin:0;font-family:var(--vibe-font-body, "DM Sans", sans-serif);font-size:clamp(1.4rem,1.6vw,1.6rem);line-height:1.45;color:rgb(var(--color-fg-muted))}.auracase-spotlight__btn{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;width:fit-content;min-height:4.8rem;margin-top:.8rem;padding:0 2.4rem;border:0;border-radius:999px;background:rgb(var(--color-primary));color:rgb(var(--color-primary-contrast, 255, 255, 255));box-shadow:0 .35rem 1rem rgba(var(--color-primary),.28);font-family:"DM Sans",var(--vibe-font-body, sans-serif);font-size:1.3rem;font-weight:600;letter-spacing:.04em;text-decoration:none;text-transform:none;transition:background-color .25s var(--vibe-ease, cubic-bezier(.22, 1, .36, 1)),color .25s var(--vibe-ease, cubic-bezier(.22, 1, .36, 1)),box-shadow .25s var(--vibe-ease, cubic-bezier(.22, 1, .36, 1)),filter .25s var(--vibe-ease, cubic-bezier(.22, 1, .36, 1)),transform .25s var(--vibe-ease, cubic-bezier(.22, 1, .36, 1))}.auracase-spotlight__btn:hover{background:rgb(var(--color-primary));color:rgb(var(--color-primary-contrast, 255, 255, 255));filter:brightness(1.05);box-shadow:0 .45rem 1.2rem rgba(var(--color-primary),.36);transform:translateY(-1px)}.auracase-spotlight__controls{position:absolute;z-index:40;left:50%;bottom:1.4rem;transform:translate(-50%);display:flex;align-items:center;gap:0;padding:0;background:transparent;border:0}.auracase-spotlight__dots{display:flex;align-items:center;gap:0;padding:0}.auracase-spotlight__dot{width:1.8rem;height:1.8rem;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer;position:relative;transition:transform .2s ease}.auracase-spotlight__dot:after{content:"";position:absolute;top:50%;left:50%;width:.55rem;height:.55rem;border-radius:50%;background:rgba(var(--color-fg),.28);transform:translate(-50%,-50%);transition:transform .2s ease,background-color .2s ease}.auracase-spotlight__dot.is-active:after,.auracase-spotlight__dot[aria-current=true]:after{background:rgb(var(--color-primary));transform:translate(-50%,-50%) scale(1.25)}.auracase-spotlight__dot:hover:after{background:rgba(var(--color-fg),.5)}.auracase-spotlight__dot.is-active:hover:after,.auracase-spotlight__dot[aria-current=true]:hover:after{background:rgb(var(--color-primary))}.auracase-spotlight__collage{--phone-w: clamp(9rem, 10.5vw, 13.5rem);display:flex;align-items:center;justify-content:center;gap:clamp(.3rem,.8vw,1rem);width:100%;height:100%;padding:0 clamp(1rem,2vw,2rem);box-sizing:border-box}.auracase-spotlight__collage--1{--phone-w: clamp(12rem, 15vw, 17rem)}.auracase-spotlight__collage--2{--phone-w: clamp(12rem, 15vw, 18rem);gap:clamp(1.2rem,2.4vw,2.8rem)}.auracase-spotlight__collage--3{--phone-w: min(15rem, calc((100% - 3.6rem) / 3));gap:clamp(1rem,1.8vw,1.8rem);padding-inline:clamp(.5rem,1vw,1rem)}.auracase-spotlight__phone{flex:0 0 var(--phone-w);width:var(--phone-w);max-width:var(--phone-w);height:100%;max-height:100%;display:flex;justify-content:center;pointer-events:none;will-change:transform;transition:transform .95s var(--vibe-ease, cubic-bezier(.22, 1, .36, 1))}.auracase-spotlight__phone--top{align-items:flex-start}.auracase-spotlight__phone--bottom{align-items:flex-end}.auracase-spotlight__phone--center{align-items:center}.auracase-spotlight__phone:nth-child(1){z-index:1;transform:translateY(-78%) rotate(172deg);transition-delay:.05s}.auracase-spotlight__phone:nth-child(2){z-index:3;transform:translateY(78%) rotate(-8deg);transition-delay:.14s}.auracase-spotlight__phone:nth-child(3){z-index:5;transform:translateY(-76%) rotate(172deg);transition-delay:.23s}.auracase-spotlight__phone:nth-child(4){z-index:4;transform:translateY(80%) rotate(-8deg);transition-delay:.32s}.auracase-spotlight__phone:nth-child(5){z-index:2;transform:translateY(-78%) rotate(172deg);transition-delay:.41s}.auracase-spotlight.is-inview .auracase-spotlight__slide.is-active .auracase-spotlight__phone:nth-child(1){transform:translateY(-38%) rotate(172deg)}.auracase-spotlight.is-inview .auracase-spotlight__slide.is-active .auracase-spotlight__phone:nth-child(2){transform:translateY(38%) rotate(-8deg)}.auracase-spotlight.is-inview .auracase-spotlight__slide.is-active .auracase-spotlight__phone:nth-child(3){transform:translateY(-36%) rotate(172deg)}.auracase-spotlight.is-inview .auracase-spotlight__slide.is-active .auracase-spotlight__phone:nth-child(4){transform:translateY(40%) rotate(-8deg)}.auracase-spotlight.is-inview .auracase-spotlight__slide.is-active .auracase-spotlight__phone:nth-child(5){transform:translateY(-38%) rotate(172deg)}.auracase-spotlight__collage--1 .auracase-spotlight__phone:nth-child(1){transform:translateY(18%) rotate(-8deg)}.auracase-spotlight.is-inview .auracase-spotlight__slide.is-active .auracase-spotlight__collage--1 .auracase-spotlight__phone:nth-child(1){transform:translateY(0) rotate(-8deg)}.auracase-spotlight__collage--2 .auracase-spotlight__phone:nth-child(1){transform:translateY(-68%) rotate(172deg)}.auracase-spotlight__collage--2 .auracase-spotlight__phone:nth-child(2){transform:translateY(68%) rotate(-8deg)}.auracase-spotlight.is-inview .auracase-spotlight__slide.is-active .auracase-spotlight__collage--2 .auracase-spotlight__phone:nth-child(1){transform:translateY(-22%) rotate(172deg)}.auracase-spotlight.is-inview .auracase-spotlight__slide.is-active .auracase-spotlight__collage--2 .auracase-spotlight__phone:nth-child(2){transform:translateY(22%) rotate(-8deg)}.auracase-spotlight__collage--3 .auracase-spotlight__phone:nth-child(1),.auracase-spotlight__collage--3 .auracase-spotlight__phone:nth-child(3){z-index:2;transform:translateY(-70%) rotate(172deg)}.auracase-spotlight__collage--3 .auracase-spotlight__phone:nth-child(2){z-index:3;transform:translateY(70%) translate(14%) rotate(-8deg)}.auracase-spotlight.is-inview .auracase-spotlight__slide.is-active .auracase-spotlight__collage--3 .auracase-spotlight__phone:nth-child(1),.auracase-spotlight.is-inview .auracase-spotlight__slide.is-active .auracase-spotlight__collage--3 .auracase-spotlight__phone:nth-child(3){transform:translateY(-34%) rotate(172deg)}.auracase-spotlight.is-inview .auracase-spotlight__slide.is-active .auracase-spotlight__collage--3 .auracase-spotlight__phone:nth-child(2){transform:translateY(34%) translate(14%) rotate(-8deg)}.auracase-spotlight__phone-img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;filter:drop-shadow(0 1rem 1.6rem rgba(0,0,0,.2));opacity:0;transition:opacity .28s var(--vibe-ease, cubic-bezier(.22, 1, .36, 1))}.auracase-spotlight__phone-img.is-knocked{opacity:1}@media(prefers-reduced-motion:reduce){.auracase-spotlight__slide{transition:none}.auracase-spotlight__phone{transition:none;transition-delay:0s!important}.auracase-spotlight__phone:nth-child(1),.auracase-spotlight.is-inview .auracase-spotlight__slide.is-active .auracase-spotlight__phone:nth-child(1),.auracase-spotlight__phone:nth-child(5),.auracase-spotlight.is-inview .auracase-spotlight__slide.is-active .auracase-spotlight__phone:nth-child(5){transform:translateY(-38%) rotate(172deg)}.auracase-spotlight__phone:nth-child(2),.auracase-spotlight.is-inview .auracase-spotlight__slide.is-active .auracase-spotlight__phone:nth-child(2){transform:translateY(38%) rotate(-8deg)}.auracase-spotlight__phone:nth-child(3),.auracase-spotlight.is-inview .auracase-spotlight__slide.is-active .auracase-spotlight__phone:nth-child(3){transform:translateY(-36%) rotate(172deg)}.auracase-spotlight__phone:nth-child(4),.auracase-spotlight.is-inview .auracase-spotlight__slide.is-active .auracase-spotlight__phone:nth-child(4){transform:translateY(40%) rotate(-8deg)}.auracase-spotlight__collage--1 .auracase-spotlight__phone:nth-child(1),.auracase-spotlight.is-inview .auracase-spotlight__slide.is-active .auracase-spotlight__collage--1 .auracase-spotlight__phone:nth-child(1){transform:translateY(0) rotate(-8deg)}.auracase-spotlight__collage--2 .auracase-spotlight__phone:nth-child(1),.auracase-spotlight.is-inview .auracase-spotlight__slide.is-active .auracase-spotlight__collage--2 .auracase-spotlight__phone:nth-child(1){transform:translateY(-22%) rotate(172deg)}.auracase-spotlight__collage--2 .auracase-spotlight__phone:nth-child(2),.auracase-spotlight.is-inview .auracase-spotlight__slide.is-active .auracase-spotlight__collage--2 .auracase-spotlight__phone:nth-child(2){transform:translateY(22%) rotate(-8deg)}.auracase-spotlight__collage--3 .auracase-spotlight__phone:nth-child(1),.auracase-spotlight__collage--3 .auracase-spotlight__phone:nth-child(3),.auracase-spotlight.is-inview .auracase-spotlight__slide.is-active .auracase-spotlight__collage--3 .auracase-spotlight__phone:nth-child(1),.auracase-spotlight.is-inview .auracase-spotlight__slide.is-active .auracase-spotlight__collage--3 .auracase-spotlight__phone:nth-child(3){transform:translateY(-34%) rotate(172deg)}.auracase-spotlight__collage--3 .auracase-spotlight__phone:nth-child(2),.auracase-spotlight.is-inview .auracase-spotlight__slide.is-active .auracase-spotlight__collage--3 .auracase-spotlight__phone:nth-child(2){transform:translateY(34%) translate(14%) rotate(-8deg)}}@media screen and (max-width:989px){.auracase-spotlight{--as-min-h: 29rem}.auracase-spotlight__panel,.auracase-spotlight__panel--image-first,.auracase-spotlight--image-first .auracase-spotlight__panel{grid-template-columns:1fr;grid-template-areas:"stack";grid-template-rows:var(--as-min-h);height:var(--as-min-h);min-height:var(--as-min-h);max-height:var(--as-min-h)}.auracase-spotlight__media,.auracase-spotlight__copy{grid-area:stack}.auracase-spotlight__media{z-index:1;min-height:0;height:100%;max-height:100%;overflow:hidden}.auracase-spotlight__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none;background:#00000057}html[data-theme=light] .auracase-spotlight__media:after{background:#fff6}.auracase-spotlight__collage{--phone-w: clamp(5.2rem, 16vw, 7.6rem);gap:.1rem;padding-inline:.6rem;position:relative;z-index:1}.auracase-spotlight__collage--1{--phone-w: clamp(7.5rem, 28vw, 11rem)}.auracase-spotlight__collage--2{--phone-w: clamp(7rem, 26vw, 10.5rem);gap:.8rem}.auracase-spotlight__collage--3{--phone-w: min(9.5rem, calc((100% - 2.4rem) / 3));gap:.8rem;padding-inline:.6rem}.auracase-spotlight__phone:nth-child(1),.auracase-spotlight__phone:nth-child(3),.auracase-spotlight__phone:nth-child(5){transform:translateY(-72%) rotate(172deg)}.auracase-spotlight__phone:nth-child(2),.auracase-spotlight__phone:nth-child(4){transform:translateY(72%) rotate(-8deg)}.auracase-spotlight.is-inview .auracase-spotlight__slide.is-active .auracase-spotlight__phone:nth-child(1),.auracase-spotlight.is-inview .auracase-spotlight__slide.is-active .auracase-spotlight__phone:nth-child(3),.auracase-spotlight.is-inview .auracase-spotlight__slide.is-active .auracase-spotlight__phone:nth-child(5){transform:translateY(-34%) rotate(172deg)}.auracase-spotlight.is-inview .auracase-spotlight__slide.is-active .auracase-spotlight__phone:nth-child(2),.auracase-spotlight.is-inview .auracase-spotlight__slide.is-active .auracase-spotlight__phone:nth-child(4){transform:translateY(34%) rotate(-8deg)}.auracase-spotlight__collage--1 .auracase-spotlight__phone:nth-child(1){transform:translateY(12%) rotate(-8deg)}.auracase-spotlight.is-inview .auracase-spotlight__slide.is-active .auracase-spotlight__collage--1 .auracase-spotlight__phone:nth-child(1){transform:translateY(0) rotate(-8deg)}.auracase-spotlight__collage--2 .auracase-spotlight__phone:nth-child(1){transform:translateY(-62%) rotate(172deg)}.auracase-spotlight__collage--2 .auracase-spotlight__phone:nth-child(2){transform:translateY(62%) rotate(-8deg)}.auracase-spotlight.is-inview .auracase-spotlight__slide.is-active .auracase-spotlight__collage--2 .auracase-spotlight__phone:nth-child(1){transform:translateY(-18%) rotate(172deg)}.auracase-spotlight.is-inview .auracase-spotlight__slide.is-active .auracase-spotlight__collage--2 .auracase-spotlight__phone:nth-child(2){transform:translateY(18%) rotate(-8deg)}.auracase-spotlight__collage--3 .auracase-spotlight__phone:nth-child(1),.auracase-spotlight__collage--3 .auracase-spotlight__phone:nth-child(3){transform:translateY(-70%) rotate(172deg)}.auracase-spotlight__collage--3 .auracase-spotlight__phone:nth-child(2){transform:translateY(70%) translate(14%) rotate(-8deg)}.auracase-spotlight.is-inview .auracase-spotlight__slide.is-active .auracase-spotlight__collage--3 .auracase-spotlight__phone:nth-child(1),.auracase-spotlight.is-inview .auracase-spotlight__slide.is-active .auracase-spotlight__collage--3 .auracase-spotlight__phone:nth-child(3){transform:translateY(-34%) rotate(172deg)}.auracase-spotlight.is-inview .auracase-spotlight__slide.is-active .auracase-spotlight__collage--3 .auracase-spotlight__phone:nth-child(2){transform:translateY(34%) translate(14%) rotate(-8deg)}@media(prefers-reduced-motion:reduce){.auracase-spotlight__phone:nth-child(1),.auracase-spotlight__phone:nth-child(3),.auracase-spotlight__phone:nth-child(5),.auracase-spotlight.is-inview .auracase-spotlight__slide.is-active .auracase-spotlight__phone:nth-child(1),.auracase-spotlight.is-inview .auracase-spotlight__slide.is-active .auracase-spotlight__phone:nth-child(3),.auracase-spotlight.is-inview .auracase-spotlight__slide.is-active .auracase-spotlight__phone:nth-child(5){transform:translateY(-34%) rotate(172deg)}.auracase-spotlight__phone:nth-child(2),.auracase-spotlight__phone:nth-child(4),.auracase-spotlight.is-inview .auracase-spotlight__slide.is-active .auracase-spotlight__phone:nth-child(2),.auracase-spotlight.is-inview .auracase-spotlight__slide.is-active .auracase-spotlight__phone:nth-child(4){transform:translateY(34%) rotate(-8deg)}.auracase-spotlight__collage--1 .auracase-spotlight__phone:nth-child(1),.auracase-spotlight.is-inview .auracase-spotlight__slide.is-active .auracase-spotlight__collage--1 .auracase-spotlight__phone:nth-child(1){transform:translateY(0) rotate(-8deg)}.auracase-spotlight__collage--2 .auracase-spotlight__phone:nth-child(1),.auracase-spotlight.is-inview .auracase-spotlight__slide.is-active .auracase-spotlight__collage--2 .auracase-spotlight__phone:nth-child(1){transform:translateY(-18%) rotate(172deg)}.auracase-spotlight__collage--2 .auracase-spotlight__phone:nth-child(2),.auracase-spotlight.is-inview .auracase-spotlight__slide.is-active .auracase-spotlight__collage--2 .auracase-spotlight__phone:nth-child(2){transform:translateY(18%) rotate(-8deg)}.auracase-spotlight__collage--3 .auracase-spotlight__phone:nth-child(1),.auracase-spotlight__collage--3 .auracase-spotlight__phone:nth-child(3),.auracase-spotlight.is-inview .auracase-spotlight__slide.is-active .auracase-spotlight__collage--3 .auracase-spotlight__phone:nth-child(1),.auracase-spotlight.is-inview .auracase-spotlight__slide.is-active .auracase-spotlight__collage--3 .auracase-spotlight__phone:nth-child(3){transform:translateY(-34%) rotate(172deg)}.auracase-spotlight__collage--3 .auracase-spotlight__phone:nth-child(2),.auracase-spotlight.is-inview .auracase-spotlight__slide.is-active .auracase-spotlight__collage--3 .auracase-spotlight__phone:nth-child(2){transform:translateY(34%) translate(14%) rotate(-8deg)}}.auracase-spotlight__copy{z-index:30;display:flex;align-items:center;justify-content:center;min-height:0;height:100%;max-height:100%;padding:2.4rem 1.6rem 4.8rem;text-align:center;background:transparent}.auracase-spotlight__copy-inner{gap:1rem;justify-items:center;align-content:center;max-width:30rem;width:100%}.auracase-spotlight__heading-brand{gap:.35rem}.auracase-spotlight__heading-badge{font-size:clamp(1rem,3.6vw,1.15rem)}.auracase-spotlight__text{font-size:1.35rem;max-width:28rem;color:rgb(var(--color-fg))}.auracase-spotlight__btn{width:100%;max-width:24rem;justify-content:center;margin-top:.6rem;padding:0 1.8rem}.auracase-spotlight__btn:hover{transform:none}.auracase-spotlight__controls{bottom:1rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/auracase-spotlight.css.map */