.csc-feature__grid{display:grid;grid-template-columns:1fr;gap:2rem;align-items:center}@media screen and (min-width:990px){.csc-feature__grid{grid-template-columns:1fr 1fr;gap:clamp(2.5rem,5vw,5rem)}.csc-feature--image-right .csc-feature__media{order:2}}.csc-feature__media{position:relative;overflow:hidden}.csc-feature__image{width:100%;height:100%;object-fit:cover;display:block}.csc-feature--portrait .csc-feature__media{aspect-ratio:4 / 5}.csc-feature--square .csc-feature__media{aspect-ratio:1 / 1}.csc-feature--landscape .csc-feature__media{aspect-ratio:3 / 2}.csc-feature__content{display:flex;flex-direction:column}.csc-feature__heading{margin:0;line-height:1.02}.csc-feature__text{margin-top:1.5rem;max-width:46ch;font-size:clamp(1.2rem,1.5vw,1.45rem);line-height:1.6}.csc-feature__cta{margin-top:2rem}.csc-feature__map{margin:2rem 0 0;max-width:340px}.csc-feature__map img{width:100%;height:auto;display:block}.csc-feature__map-caption{margin-top:.5rem;font-size:.85rem;letter-spacing:.04em;text-transform:uppercase;opacity:.7}.csc-feature__map-trigger{-webkit-appearance:none;appearance:none;background:none;border:0;padding:0;margin:0;display:block;width:100%;cursor:zoom-in;color:inherit;font:inherit;transition:opacity .2s ease}.csc-feature__map-trigger:hover{opacity:.85}.csc-feature__map-trigger:focus-visible{outline:2px solid currentColor;outline-offset:4px}.csc-lightbox[open]{display:flex;align-items:center;justify-content:center;border:0;padding:0;background:transparent;max-width:95vw;max-height:95vh;width:auto;height:auto;overflow:visible}.csc-lightbox::backdrop{background-color:#1414148c;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.csc-lightbox__image{display:block;max-width:95vw;max-height:95vh;width:auto;height:auto;object-fit:contain}.csc-lightbox__close{position:absolute;top:-2.5rem;right:-.25rem;width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;background:#ffffffeb;color:#1a1a1a;border:0;border-radius:50%;font-size:1.5rem;line-height:1;cursor:pointer;box-shadow:0 2px 12px #00000040}.csc-lightbox__close:hover{background:#fff}@media screen and (max-width:749px){.csc-lightbox__close{top:.5rem;right:.5rem}}@media screen and (max-width:989px){.csc-feature__media{order:0}.csc-feature__content{order:1}.csc-feature--portrait .csc-feature__media,.csc-feature--square .csc-feature__media{aspect-ratio:3 / 2}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-csc-feature.css.map */