.mxd-cta-window{width:100%;padding:2rem 0}.mxd-cta-window__frame{aspect-ratio:21/9;background:var(--base-500);border-radius:1.5rem;width:100%;position:relative;overflow:hidden}@media (max-width:768px){.mxd-cta-window__frame{aspect-ratio:16/10}}.mxd-cta-window__image-wrapper{will-change:opacity, transform;width:100%;height:100%;position:absolute;inset:0}.mxd-cta-window__image{object-fit:cover}.mxd-cta-window__fallback{background:linear-gradient(135deg, var(--base-400) 0%, var(--base-500) 100%);color:#fff;text-align:center;justify-content:center;align-items:center;width:100%;height:100%;padding:2rem;font-size:clamp(1.5rem,4vw,3rem);font-weight:600;display:flex}.mxd-cta-window__fallback span{opacity:.8}.mxd-cta-window__overlay{background:linear-gradient(#0000001a 0%,#0000004d 60%,#000000b3 100%);position:absolute;inset:0}.mxd-cta-window__controls{align-items:stretch;height:40%;min-height:120px;display:flex;position:absolute;bottom:0;left:0;right:0}.mxd-cta-window__control{color:#fff;flex-direction:column;flex:1;justify-content:flex-end;padding:1.5rem 2rem;text-decoration:none;transition:background-color .3s;display:flex;position:relative}.mxd-cta-window__control:hover{background-color:#ffffff1a}.mxd-cta-window__control--prev{align-items:flex-start}.mxd-cta-window__control--next{text-align:right;align-items:flex-end}.mxd-cta-window__divider{background:linear-gradient(#0000,#ffffff4d,#0000);width:1px;margin:1rem 0}.mxd-cta-window__label{text-transform:uppercase;letter-spacing:.15em;opacity:.7;margin-bottom:.5rem;font-size:.75rem;font-weight:500}.mxd-cta-window__project{max-width:80%;font-size:clamp(1rem,2.5vw,1.5rem);font-weight:600;line-height:1.3;transition:transform .3s}.mxd-cta-window__control:hover .mxd-cta-window__project{transform:translateY(-2px)}.mxd-cta-window__arrow{opacity:0;width:2rem;height:2rem;transition:all .3s;position:absolute;top:50%;transform:translateY(-50%)}.mxd-cta-window__control--prev .mxd-cta-window__arrow{left:2rem}.mxd-cta-window__control--next .mxd-cta-window__arrow{right:2rem}.mxd-cta-window__control:hover .mxd-cta-window__arrow{opacity:1}.mxd-cta-window__control--prev:hover .mxd-cta-window__arrow{transform:translateY(-50%)translate(-4px)}.mxd-cta-window__control--next:hover .mxd-cta-window__arrow{transform:translateY(-50%)translate(4px)}@media (max-width:640px){.mxd-cta-window__controls{height:50%;min-height:100px}.mxd-cta-window__control{padding:1rem}.mxd-cta-window__arrow{display:none}.mxd-cta-window__project{max-width:100%}}