.feature-showcase{padding:20px 0}.feature-showcase__header{text-align:center;max-width:620px;margin:0 auto 44px}.feature-showcase__heading{margin:0 0 8px;font-size:32px;font-weight:700}.feature-showcase__subheading{margin:0 0 18px;font-size:15px;opacity:.6}.feature-showcase__intro{margin:0;font-size:15px;line-height:1.6}.feature-showcase__grid{display:grid;grid-template-columns:1fr;gap:24px}.feature-showcase__panel-label{text-align:center;margin:0 0 16px;font-size:17px;font-style:italic;font-family:Georgia,serif}.feature-showcase__image-wrap{position:relative;background:#f7f5f1;border-radius:8px;overflow:hidden}.feature-showcase__image-wrap img{width:100%;height:auto;display:block}.feature-showcase__image--placeholder{width:100%;aspect-ratio:4 / 5;background:#e5e2dd}.feature-showcase__caption{text-align:center;margin:14px 0 0;font-size:14px;opacity:.75}.feature-showcase__caption strong{font-weight:700}.feature-showcase__callout{position:absolute;max-width:160px;padding:10px 12px;background:#fffffff0;border-radius:6px;box-shadow:0 2px 10px #00000014}.feature-showcase__callout--top-left{top:16px;left:16px}.feature-showcase__callout--top-right{top:16px;right:16px;text-align:right}.feature-showcase__callout--bottom-left{bottom:16px;left:16px}.feature-showcase__callout--bottom-right{bottom:16px;right:16px;text-align:right}.feature-showcase__callout-title{margin:0 0 2px;font-size:12.5px;font-weight:700}.feature-showcase__callout-description{margin:0;font-size:11px;line-height:1.4;opacity:.75}.feature-showcase__button-row{text-align:center;margin-top:40px}.feature-showcase__button{display:inline-flex;align-items:center;justify-content:center;padding:15px 40px;background:#1a1a1a;color:#fff;font-size:13px;font-weight:600;text-decoration:none;border-radius:4px;transition:opacity .15s ease}.feature-showcase__button:hover{opacity:.85}@media screen and (min-width:750px){.feature-showcase__grid{grid-template-columns:1fr 1fr;gap:32px}.feature-showcase__panel--callouts{display:flex;flex-direction:column;justify-content:flex-end}}@media screen and (max-width:749px){.feature-showcase.page-width{padding-left:20px;padding-right:20px}.feature-showcase__heading{font-size:24px}.feature-showcase__callout{max-width:130px;padding:8px 10px}.feature-showcase__callout-title{font-size:11px}.feature-showcase__callout-description{font-size:10px}}.feature-showcase__zoom-trigger{display:block;width:100%;padding:0;border:none;background:none;cursor:zoom-in}.feature-showcase__lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center}.feature-showcase__lightbox[hidden]{display:none}.feature-showcase__lightbox-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#14120fe6;z-index:1;display:block!important}.feature-showcase__lightbox-stage{position:relative;z-index:2;max-width:88vw;max-height:86vh;display:flex;align-items:center;justify-content:center}.feature-showcase__lightbox-image{max-width:88vw;max-height:86vh;width:auto;height:auto;display:block;border-radius:4px}.feature-showcase__lightbox-image[hidden]{display:none}.feature-showcase__lightbox-close{position:absolute;top:24px;right:28px;z-index:3;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#0000008c;border:none;color:#fff;font-size:26px;line-height:1;cursor:pointer;opacity:1;transition:background .15s ease}.feature-showcase__lightbox-close:hover{background:#000000bf}.feature-showcase__lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:48px;height:48px;border-radius:50%;border:none;background:#0000008c;color:#fff;font-size:26px;line-height:1;cursor:pointer;transition:background .15s ease}.feature-showcase__lightbox-nav:hover{background:#000000bf}.feature-showcase__lightbox-close:focus-visible,.feature-showcase__lightbox-nav:focus-visible{outline:2px solid #ffffff;outline-offset:2px}.feature-showcase__lightbox-nav--prev{left:20px}.feature-showcase__lightbox-nav--next{right:20px}@media screen and (max-width:749px){.feature-showcase__lightbox-nav{width:40px;height:40px;font-size:20px}.feature-showcase__lightbox-close{top:14px;right:16px;font-size:26px}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/component-feature-showcase.css.map */