.csc-section,.csc-section *,.csc-section *:before,.csc-section *:after{box-sizing:border-box}.csc-section{position:relative;overflow:hidden;background:var(--csc-section-bg, #0f0f10);padding-top:var(--csc-padding-top, 84px);padding-bottom:var(--csc-padding-bottom, 84px)}.csc-section .csc-page.page-width{max-width:1500px;width:100%;margin-inline:auto;padding-inline:40px}.csc-section .csc-header{max-width:860px;margin-inline:auto;margin-bottom:46px;text-align:center}.csc-section .csc-eyebrow{display:inline-flex;align-items:center;justify-content:center;gap:12px;margin:0 0 16px;color:var(--csc-eyebrow-color, #b8945f);font-size:13px;font-weight:700;line-height:1.2;letter-spacing:.12em;text-transform:uppercase}.csc-section .csc-eyebrow-line{display:inline-block;width:38px;height:2px;flex:0 0 38px;border-radius:999px;background:var(--csc-eyebrow-line-color, #b8945f)}.csc-section .csc-heading{max-width:820px;margin:0 auto 16px;color:var(--csc-heading-color, #ffffff);font-size:48px;font-weight:700;line-height:1.08;letter-spacing:-.03em}.csc-section .csc-subheading{max-width:620px;margin:0 auto;color:var(--csc-subheading-color, #b7b7b7);font-size:17px;font-weight:400;line-height:1.7}.csc-section .csc-coverflow{position:relative;display:grid;grid-template-columns:54px minmax(0,1fr) 54px;align-items:center;gap:22px;max-width:1320px;margin-inline:auto}.csc-section .csc-stage{position:relative;width:100%;min-width:0;height:clamp(590px,52vw,760px);outline:none;overflow:visible;touch-action:pan-y}.csc-section .csc-slide{position:absolute;top:50%;left:50%;width:var(--csc-side-card-width, 250px);opacity:0;z-index:1;pointer-events:none;transform:translate(-50%,-50%) scale(.66);transform-origin:center center;transition:transform .52s cubic-bezier(.22,1,.36,1),opacity .42s ease,filter .42s ease;will-change:transform,opacity}.csc-section .csc-slide.is-active{width:var(--csc-center-card-width, 340px);opacity:1;z-index:5;pointer-events:auto;filter:none;transform:translate(-50%,-50%) scale(1)}.csc-section .csc-slide.is-prev{opacity:.66;z-index:4;pointer-events:auto;filter:saturate(.9);transform:translate(calc(-50% - (var(--csc-center-card-width, 340px) * .76)),calc(-50% + 22px)) scale(.88) rotate(-6deg)}.csc-section .csc-slide.is-next{opacity:.66;z-index:4;pointer-events:auto;filter:saturate(.9);transform:translate(calc(-50% + (var(--csc-center-card-width, 340px) * .76)),calc(-50% + 22px)) scale(.88) rotate(6deg)}.csc-section .csc-slide.is-far-prev{opacity:.34;z-index:3;pointer-events:auto;filter:saturate(.72);transform:translate(calc(-50% - (var(--csc-center-card-width, 340px) * 1.35)),calc(-50% + 48px)) scale(.72) rotate(-10deg)}.csc-section .csc-slide.is-far-next{opacity:.34;z-index:3;pointer-events:auto;filter:saturate(.72);transform:translate(calc(-50% + (var(--csc-center-card-width, 340px) * 1.35)),calc(-50% + 48px)) scale(.72) rotate(10deg)}.csc-section .csc-slide.is-hidden{opacity:0;z-index:1;pointer-events:none;transform:translate(-50%,-50%) scale(.58)}.csc-section .csc-card{position:relative;display:block;width:100%;aspect-ratio:9 / 16;margin:0;padding:12px;overflow:hidden;cursor:pointer;border:1px solid var(--csc-card-border, #303030);border-radius:var(--csc-radius, 24px);background:var(--csc-card-bg, #181818);color:inherit;box-shadow:0 22px 70px #00000061,0 2px 8px #00000038;transition:box-shadow .26s ease,transform .26s ease,border-color .26s ease}.csc-section .csc-slide.is-active .csc-card{box-shadow:0 34px 95px #0000008f,0 10px 24px #00000057,inset 0 1px #ffffff0f}.csc-section .csc-card:hover{transform:translateY(-2px)}.csc-section .csc-card:focus-visible{outline:2px solid var(--csc-eyebrow-line-color, #b8945f);outline-offset:5px}.csc-section .csc-phone-bar{position:absolute;top:9px;left:50%;z-index:3;width:44px;height:5px;border-radius:999px;background:#ffffff2e;transform:translate(-50%);pointer-events:none}.csc-section .csc-image-frame{position:relative;display:flex;width:100%;height:100%;overflow:hidden;align-items:center;justify-content:center;border-radius:max(calc(var(--csc-radius, 24px) - 9px),10px);background:#ffffff09}.csc-section .csc-image-frame img{display:block;width:100%;height:100%;object-fit:contain}.csc-section .csc-badge{position:absolute;top:18px;left:18px;z-index:4;display:inline-flex;max-width:calc(100% - 36px);align-items:center;justify-content:center;padding:6px 11px;border-radius:999px;background:var(--csc-badge-bg, #b8945f);color:var(--csc-badge-text, #ffffff);font-size:13px;font-weight:700;line-height:1.2;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;box-shadow:0 6px 18px #00000038}.csc-section .csc-arrow{position:relative;z-index:8;display:inline-flex;width:54px;height:54px;margin:0;padding:0;align-items:center;justify-content:center;cursor:pointer;border:1px solid var(--csc-card-border, #303030);border-radius:999px;background:var(--csc-arrow-bg, #242424);color:var(--csc-arrow-color, #ffffff);box-shadow:0 12px 34px #00000040;transition:background .22s ease,transform .18s ease,border-color .22s ease}.csc-section .csc-arrow:hover{background:var(--csc-arrow-hover-bg, #b8945f);transform:translateY(-1px)}.csc-section .csc-arrow:active{transform:scale(.94)}.csc-section .csc-arrow:focus-visible{outline:2px solid var(--csc-eyebrow-line-color, #b8945f);outline-offset:4px}.csc-section .csc-arrow svg{display:block;width:24px;height:24px}.csc-section .csc-arrow svg path{fill:none;stroke:currentColor;stroke-width:2.15;stroke-linecap:round;stroke-linejoin:round}.csc-section.csc-section--single .csc-arrow{display:none}.csc-section.csc-section--single .csc-coverflow{grid-template-columns:minmax(0,1fr)}.csc-section .csc-empty{max-width:680px;margin:20px auto 0;padding:48px 24px;border:1px dashed var(--csc-card-border, #303030);border-radius:24px;color:var(--csc-subheading-color, #b7b7b7);text-align:center}.csc-section .csc-empty p{margin:0;font-size:15px;line-height:1.6}.csc-section .csc-placeholder{display:flex;width:100%;height:100%;min-height:320px;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--csc-subheading-color, #b7b7b7);font-size:14px;font-weight:600}.csc-section .csc-placeholder-svg{width:74px;height:74px;opacity:.35}@media screen and (min-width:990px){.csc-section .csc-coverflow{min-height:600px}}@media screen and (min-width:750px)and (max-width:989px){.csc-section .csc-page.page-width{padding-inline:28px}.csc-section .csc-header{margin-bottom:36px}.csc-section .csc-heading{max-width:700px;font-size:38px;line-height:1.12}.csc-section .csc-subheading{font-size:16px;line-height:1.65}.csc-section .csc-coverflow{grid-template-columns:48px minmax(0,1fr) 48px;gap:12px}.csc-section .csc-stage{height:clamp(510px,72vw,650px)}.csc-section .csc-slide{width:min(var(--csc-side-card-width, 250px),240px)}.csc-section .csc-slide.is-active{width:min(var(--csc-center-card-width, 340px),340px)}.csc-section .csc-slide.is-prev{opacity:.48;transform:translate(calc(-50% - 190px),calc(-50% + 18px)) scale(.86) rotate(-4deg)}.csc-section .csc-slide.is-next{opacity:.48;transform:translate(calc(-50% + 190px),calc(-50% + 18px)) scale(.86) rotate(4deg)}.csc-section .csc-slide.is-far-prev,.csc-section .csc-slide.is-far-next{opacity:0;pointer-events:none}.csc-section .csc-arrow{width:48px;height:48px}.csc-section .csc-arrow svg{width:22px;height:22px}}@media screen and (max-width:749px){.csc-section{padding-top:calc(var(--csc-padding-top, 84px) * .68);padding-bottom:calc(var(--csc-padding-bottom, 84px) * .68)}.csc-section .csc-page.page-width{padding-inline:16px}.csc-section .csc-header{margin-bottom:28px}.csc-section .csc-eyebrow{gap:9px;font-size:13px;letter-spacing:.1em}.csc-section .csc-eyebrow-line{width:26px;flex-basis:26px}.csc-section .csc-heading{font-size:28px;line-height:1.16;letter-spacing:-.02em}.csc-section .csc-subheading{max-width:92%;font-size:15px;line-height:1.65}.csc-section .csc-coverflow{grid-template-columns:38px minmax(0,1fr) 38px;gap:6px}.csc-section .csc-stage{height:clamp(420px,142vw,620px);overflow:visible}.csc-section .csc-slide{width:min(78vw,330px);transition:transform .36s ease,opacity .3s ease}.csc-section .csc-slide.is-active{width:min(78vw,330px);opacity:1;transform:translate(-50%,-50%) scale(1)}.csc-section .csc-slide.is-prev{opacity:.2;z-index:2;filter:none;transform:translate(calc(-50% - 46vw),-50%) scale(.92)}.csc-section .csc-slide.is-next{opacity:.2;z-index:2;filter:none;transform:translate(calc(-50% + 46vw),-50%) scale(.92)}.csc-section .csc-slide.is-far-prev,.csc-section .csc-slide.is-far-next{opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.86)}.csc-section .csc-card{padding:9px;border-radius:var(--csc-radius, 24px);box-shadow:0 18px 52px #0000006b,0 2px 8px #00000038}.csc-section .csc-card:hover{transform:none}.csc-section .csc-phone-bar{top:7px;width:38px;height:4px}.csc-section .csc-badge{top:15px;left:15px;max-width:calc(100% - 30px);padding:5px 9px;font-size:13px}.csc-section .csc-arrow{width:38px;height:38px;align-self:center;box-shadow:0 8px 22px #00000038}.csc-section .csc-arrow svg{width:19px;height:19px}.csc-section .csc-empty{padding:36px 18px}}@media(prefers-reduced-motion:reduce){.csc-section .csc-slide,.csc-section .csc-card,.csc-section .csc-arrow{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/customer-screenshot-coverflow.css.map */