.cag{--page-bg: #050505;--page-bg-deep: #000000;--ink: #ffffff;--ink-muted: rgba(255, 255, 255, .55);--accent: #c9a86a;--accent-bright: #c9a86a;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-fly: cubic-bezier(.22, 1, .36, 1);--serif: "Cormorant Garamond", "Playfair Display", Georgia, serif;--sans: "Inter", system-ui, -apple-system, sans-serif;--mono: ui-monospace, "SF Mono", Menlo, monospace;position:relative;background:var(--page-bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}.cag__track{position:relative;width:100%;height:calc(var(--scroll-vh, 540) * 1vh)}.cag__pin{position:relative;width:100%;height:100vh;height:100svh;overflow:hidden;background:var(--page-bg-deep)}.cag__stage{position:relative;width:100%;height:100%;overflow:hidden;perspective:1600px}.cag__stack{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;transform-style:preserve-3d}.cag__angle{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;padding:0;opacity:0;visibility:hidden;pointer-events:none;will-change:opacity,transform;transform:translate3d(var(--tx, 0px),0,var(--tz, 0px)) rotateY(var(--rot, 0deg)) scale(var(--scale, 1));transform-origin:50% 50%}.cag__angle.is-active,.cag__angle.is-prev,.cag__angle.is-next{visibility:visible}.cag__angle.is-active{opacity:1}.cag__angle-frame{position:absolute;left:50%;top:50%;width:min(78vw,min(86vh,920px));aspect-ratio:1;transform:translate(-50%,-50%);overflow:hidden;border-radius:4px;box-shadow:0 30px 80px #0000008c,0 0 0 1px #c9a86a14 inset;background:#0c0c0c}.cag__angle-frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.35) 100%)}.cag__angle img,.cag__angle-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:var(--focus, 50% 38%);display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.cag__angle img{filter:saturate(1.05) contrast(1.04);transform:scale(1.04) translate(var(--img-shift, 0px));transition:transform .05s linear}.cag:has(.cag__angle--video.is-active) .cag__pin,.cag:has(.cag__angle--video.is-next) .cag__pin{background:#000}.cag:has(.cag__angle--video.is-active) .cag__vignette,.cag:has(.cag__angle--video.is-next) .cag__vignette{opacity:0}.cag__angle--video .cag__angle-frame{left:50%;top:50%;width:min(78vw,min(86vh,920px));aspect-ratio:1;transform:translate(-50%,-50%);overflow:hidden;border-radius:4px;background:#000;box-shadow:-48px 0 72px 28px #000,48px 0 72px 28px #000}.cag__angle--video .cag__angle-frame:after{display:none}.cag:has(.cag__angle--video.is-active) .cag__stage:before,.cag:has(.cag__angle--video.is-next) .cag__stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;opacity:calc(var(--cvr-edge-veil, 1) * .92);background:linear-gradient(90deg,#000000 0%,#000000 6%,rgba(0,0,0,.98) 14%,rgba(0,0,0,.7) 20%,transparent 26%),linear-gradient(270deg,#000000 0%,#000000 6%,rgba(0,0,0,.98) 14%,rgba(0,0,0,.7) 20%,transparent 26%)}.cag__angle--video.is-active .cag__angle-frame:before,.cag__angle--video.is-next .cag__angle-frame:before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;opacity:var(--cvr-edge-veil, 1);--edge-out: calc(54% + 22% * var(--cvr-edge-veil-width, 1));background:linear-gradient(90deg,#000000 0%,#000000 20%,rgba(0,0,0,.99) 28%,rgba(0,0,0,.92) 38%,rgba(0,0,0,.55) 46%,transparent var(--edge-out)),linear-gradient(270deg,#000000 0%,#000000 20%,rgba(0,0,0,.99) 28%,rgba(0,0,0,.92) 38%,rgba(0,0,0,.55) 46%,transparent var(--edge-out))}.cag__angle--video .cag__angle-video{object-fit:contain;object-position:center center;transform:none;filter:none;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000000 var(--cvr-mask-in, 12%),#000000 var(--cvr-mask-out, 88%),transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000000 var(--cvr-mask-in, 12%),#000000 var(--cvr-mask-out, 88%),transparent 100%);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.cag__angle--video.is-active .cag__angle-video,.cag__angle--video.is-next .cag__angle-video{transform:none}@media(max-width:720px){.cag__angle-frame{width:92vw;aspect-ratio:4/5}.cag__angle--video .cag__angle-frame{width:96vw;aspect-ratio:1}}.cag__angle-cap{position:absolute;top:50%;right:clamp(3rem,6vw,5rem);left:auto;bottom:auto;transform:translateY(-50%);margin:0;display:flex;flex-direction:column;align-items:flex-end;text-align:right;gap:.75rem;max-width:min(680px,50vw);z-index:5;opacity:0;transition:opacity .5s var(--ease-out);pointer-events:none}.cag__angle.is-active .cag__angle-cap{opacity:1}.cag__angle-cap-num{font-family:var(--mono);font-style:normal;font-size:12px;letter-spacing:.32em;text-transform:uppercase;line-height:1;color:var(--accent-bright)}.cag__angle-cap-label{font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(2.75rem,7.5vw,6rem);letter-spacing:-.025em;line-height:.95;color:#fff;text-transform:none;text-shadow:0 2px 28px rgba(0,0,0,.65)}@media(max-width:720px){.cag__angle-cap{top:clamp(1.5rem,5vh,3rem);right:1.25rem;left:1.25rem;max-width:none;align-items:flex-end;text-align:right;transform:none;gap:.4rem}.cag__angle-cap-label{font-size:clamp(2.1rem,9vw,3.4rem)}}.cag__vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;background:radial-gradient(ellipse 110% 90% at 50% 45%,transparent 35%,rgba(0,0,0,.55) 100%)}.cag__chrome{opacity:0;transition:opacity .6s var(--ease-out);pointer-events:none}.cag--live .cag__chrome{opacity:1}.cag__copy{display:none}.cag__eyebrow{display:flex;align-items:center;gap:.65rem;margin:0 0 1rem;font-family:var(--mono);font-size:10px;letter-spacing:.32em;text-transform:uppercase;color:var(--accent-bright)}.cag__eyebrow-line{width:32px;height:1px;background:var(--accent-bright)}.cag__heading{margin:0 0 .75rem;font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(1.85rem,4.5vw,2.85rem);line-height:1.05;letter-spacing:-.02em;text-shadow:0 2px 24px rgba(0,0,0,.6)}.cag__subtext{margin:0;font-size:clamp(.92rem,1.5vw,1rem);line-height:1.6;color:var(--ink-muted);max-width:36ch}.cag__counter{display:none}.cag__rail{position:absolute;right:clamp(.85rem,2.5vw,1.4rem);top:50%;transform:translateY(-50%);z-index:6;display:flex;flex-direction:column;gap:.55rem;pointer-events:none}.cag__rail-tick{display:block;width:14px;height:1px;background:#ffffff38;transition:background .3s var(--ease-out),width .3s var(--ease-out)}.cag__rail-tick.is-on{background:var(--accent-bright);width:22px}@media(max-width:720px){.cag__rail{display:none}}.cag--unified{background:transparent!important;margin:0;padding:0}.cag--unified .cag__track{height:0!important;min-height:0!important;margin:0;padding:0;overflow:visible}.cag--unified .cag__pin{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100vh;height:100svh;z-index:9;pointer-events:none;background:transparent;overflow:visible;opacity:0;visibility:hidden;transition:opacity .45s var(--ease-out),visibility .45s var(--ease-out)}.cag--unified.cag--live .cag__pin{opacity:1;visibility:visible;background:var(--page-bg-deep)}.cag--unified.cag--past .cag__pin{opacity:0!important;visibility:hidden}.cag--unified .cag__stage{position:absolute;top:0;right:0;bottom:0;left:0;height:100%}body.le-3d-staging-preview .cag{margin:0;padding:0}
/*# sourceMappingURL=/cdn/shop/t/12/assets/cinematic-angles.css.map */