.csc-moment{padding-top:var(--csc-moment-pt, 112px);padding-bottom:var(--csc-moment-pb, 112px)}.csc-moment__inner{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2.4rem,6vw,6.4rem);align-items:center}.csc-moment--img-right .csc-moment__figure{order:2}.csc-moment__figure{margin:0;position:relative}.csc-moment__frame{position:relative;display:block;overflow:hidden;background:rgb(var(--color-background));box-shadow:0 1px #0000000a,0 20px 40px -20px #0a142840,0 40px 80px -40px #0a142833}.csc-moment--frame-none .csc-moment__frame{background:transparent;box-shadow:none}.csc-moment--frame-film .csc-moment__frame{padding:clamp(.8rem,1.2vw,1.2rem);background:#f4efe7;transform:rotate(-.6deg);transform-origin:30% 100%}.csc-moment--frame-polaroid .csc-moment__frame{padding:clamp(1rem,1.4vw,1.4rem) clamp(1rem,1.4vw,1.4rem) clamp(3.6rem,5.5vw,5.4rem);background:#f6f1e8;transform:rotate(-1deg);transform-origin:30% 100%}.csc-moment--img-right.csc-moment--frame-film .csc-moment__frame,.csc-moment--img-right.csc-moment--frame-polaroid .csc-moment__frame{transform:rotate(.6deg);transform-origin:70% 100%}.csc-moment__image{width:100%;height:auto;display:block}.csc-moment__caption{margin-top:1.2rem;font-size:1.3rem;letter-spacing:.12em;text-transform:uppercase;opacity:.7}.csc-moment--img-right .csc-moment__caption{text-align:right}.csc-moment__copy{max-width:48ch}.csc-moment--img-right .csc-moment__copy{order:1;margin-left:auto}.csc-moment__heading{margin:.75rem 0 0;line-height:1.04}.csc-moment__text{margin-top:1.4rem;font-size:clamp(1.5rem,1.4vw,1.7rem);line-height:1.55;opacity:.92}.csc-moment__cta{margin-top:2.4rem}@media screen and (max-width:989px){.csc-moment__inner{grid-template-columns:1fr;gap:3.2rem}.csc-moment--img-right .csc-moment__figure,.csc-moment--img-right .csc-moment__copy{order:unset}.csc-moment__copy{max-width:none}.csc-moment--img-right .csc-moment__caption{text-align:left}}@media screen and (max-width:749px){.csc-moment{padding-top:max(64px,calc(var(--csc-moment-pt, 112px) * .6));padding-bottom:max(64px,calc(var(--csc-moment-pb, 112px) * .6))}.csc-moment--frame-film .csc-moment__frame,.csc-moment--frame-polaroid .csc-moment__frame{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-csc-court-moment.css.map */