.shop-project-cta{isolation:isolate;color:#fff;background:#18212f;border-radius:16px;align-items:center;min-height:clamp(440px,36vw,580px);margin-top:56px;display:flex;position:relative;overflow:hidden}.shop-project-cta figure{pointer-events:none;margin:0;position:absolute;inset:0}.shop-project-cta figure img{z-index:-2;object-fit:cover;object-position:center 57%;width:100%;height:100%;display:block;position:absolute}.shop-project-cta:before{content:"";z-index:-1;background:linear-gradient(90deg,#0a1018e0,#0a1018ad 34%,#0a10181f 68%,#0000);position:absolute;inset:0}.shop-project-copy{flex-direction:column;justify-content:center;align-items:flex-start;gap:24px;max-width:610px;padding:clamp(28px,4vw,64px);display:flex}.shop-page .shop-project-copy h2{letter-spacing:-.03em;text-wrap:balance;color:#fff;margin:0;font-size:clamp(32px,3.4vw,52px);line-height:1.05}.shop-page .shop-project-copy p{color:#fff;max-width:38ch;margin:0;font-size:16px;line-height:1.65}.shop-project-actions{flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:4px;display:flex}.shop-project-copy .button{align-items:center;gap:24px;min-height:48px;display:inline-flex}.shop-project-services{color:#fff;align-items:center;gap:12px;min-height:48px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.shop-project-services svg{flex-shrink:0;transition:transform .2s}.shop-project-services:hover{color:#fff;text-underline-offset:4px;text-decoration:underline}.shop-project-services:hover svg{transform:translate(3px,-3px)}.shop-project-cta figcaption{z-index:1;color:#18212f;background:#fff;border-radius:4px;padding:4px 8px;font-size:11px;position:absolute;bottom:16px;right:16px}.shop-project-cta a:focus-visible{outline-offset:4px;outline:2px solid #fff}@media (width<=900px){.shop-project-copy{max-width:500px}.shop-project-actions{gap:8px 20px}.shop-project-cta:before{background:linear-gradient(90deg,#0a1018e6,#0a1018b3 45%,#0a10181f)}}@media (width<=650px){.shop-project-cta{align-items:flex-end;min-height:580px;margin-top:36px}.shop-project-cta figure img{object-position:70% center}.shop-project-cta:before{background:linear-gradient(#0a101814 25%,#0a1018d1 64%,#0a1018f5)}.shop-project-copy{gap:18px;max-width:none;padding:28px 24px 48px}.shop-page .shop-project-copy p{font-size:15px}.shop-project-actions{gap:6px 16px}.shop-project-cta figcaption{font-size:10px;bottom:12px;right:12px}}@media (prefers-reduced-motion:reduce){.shop-project-services svg{transition:none}.shop-project-services:hover svg{transform:none}}