.dynamic-content-grid__inner{--color-solid-button-background: #181818}.dynamic-content-grid{--content-height: 192px;--content-gap: 10px;--modal-padding: 55px 20px 20px;background:var(--color-background, #ffffff);color:var(--color-text, #000000);min-height:200px;position:relative}.dynamic-content-grid__inner{display:flex;flex-direction:column;gap:40px}.dynamic-content-grid__hero{position:relative;display:block}.dynamic-content-grid__hero-media{position:relative;width:100%;aspect-ratio:var(--aspect-ratio, 16/9);overflow:hidden;border-radius:var(--radius-image)}.dynamic-content-grid__hero-media .current-video__container{background-color:transparent;position:absolute;top:0;left:0;width:100%;height:100%}.dynamic-content-grid__hero-image,.dynamic-content-grid__hero-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.dynamic-content-grid__hero-media .background-video__video{width:100%;height:100%;object-fit:cover;object-position:center}.dynamic-content-grid__hero-content{position:absolute;bottom:12px;left:12px;z-index:2;color:var(--color-text)}.dynamic-content-grid__hero-heading{font-size:20px;line-height:110%;text-transform:uppercase;color:var(--color-text);margin:0;font-weight:400}@media (min-width: 720px){.dynamic-content-grid__hero-heading{font-size:var(--font-size-heading-1-base)}}.dynamic-content-grid__grid{display:flex;flex-direction:column;gap:var(--content-gap);position:relative}@media (min-width: 990px){.dynamic-content-grid__grid{width:50%;margin-left:auto;max-width:615px}}@media (min-width: 990px){.dynamic-content-grid__inner{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:40px;justify-content:space-between}.dynamic-content-grid__hero{grid-column:1;max-width:695px}.dynamic-content-grid__grid{grid-column:2;width:100%}}.dynamic-content-item{position:relative;width:100%;height:var(--content-height);border-radius:var(--radius-card);overflow:hidden;cursor:pointer;z-index:1;min-height:192px;border:1px solid #f5f5f4}.dynamic-content-item__image--1{position:absolute;top:var(--image-1-top-initial, 50%);left:var(--image-1-left-initial, 50%);transform:translate(-50%,-50%);max-height:var(--image-1-max-height, 190px);width:auto;height:auto;object-fit:cover;z-index:-1}.dynamic-content-item__image--2{position:absolute;top:var(--image-2-top-initial, 50%);left:var(--image-2-left-initial, 50%);transform:translate(-50%,-50%);max-height:var(--image-2-max-height, 190px);width:auto;height:auto;object-fit:cover;z-index:-2;opacity:1}.dynamic-content-item:not([style*=--image-1-url]) .dynamic-content-item__image--2{z-index:-1}.dynamic-content-item.is-expanded{height:auto;min-height:400px;background:var(--color-background);z-index:10}.dynamic-content-item.is-expanded .dynamic-content-item__image--1{max-height:var(--image-1-max-height, 190px);top:var(--image-1-top-expanded, 50%);left:var(--image-1-left-expanded, 50%)}.dynamic-content-item.is-expanded .dynamic-content-item__image--2{max-height:var(--image-2-max-height, 190px);top:var(--image-2-top-expanded, 50%);left:var(--image-2-left-expanded, 50%)}.dynamic-content-item.is-expanded .dynamic-content-item__content{opacity:0;pointer-events:none}.dynamic-content-item__content{position:absolute;left:0;top:50%;transform:translateY(-50%);width:calc(100% - 54px);padding:20px;color:var(--color-text)}.dynamic-content-item__name{font-size:16px;font-weight:400;line-height:130%;text-transform:uppercase;margin:0 0 8px;color:var(--color-text)}.dynamic-content-item__description{font-size:12px;font-style:normal;font-weight:300;line-height:130%;margin:0;color:var(--color-text)}.dynamic-content-item__modal-trigger{position:absolute;right:0;top:0;width:44px;height:100%;display:flex;align-items:center;justify-content:center;background:#ffffff30;-webkit-backdrop-filter:blur(4.45px);backdrop-filter:blur(4.45px);border:1px solid var(--color-border);cursor:pointer;transition:background-color .3s ease;z-index:2;border-left:1px solid #f5f5f4}.dynamic-content-item__modal-trigger:hover{background:#ffffff4d}.dynamic-content-item__modal-trigger svg{width:25px;height:25px;color:var(--color-text);transition:transform .3s ease}.dynamic-content-item.is-expanded .dynamic-content-item__modal-trigger{position:absolute;right:0;top:0;width:44px;height:44px;border:1px solid #f5f5f4;background:#ffffff30;-webkit-backdrop-filter:blur(4.449999809265137px);backdrop-filter:blur(4.449999809265137px);border-top:none;border-right:none}.dynamic-content-item.is-expanded .dynamic-content-item__modal-trigger svg{transform:rotate(45deg)}.dynamic-content-item__expanded-content{display:none;padding:55px 20px;background:transparent}.dynamic-content-item.is-expanded .dynamic-content-item__expanded-content{display:block}.dynamic-content-item__expanded-heading{font-size:var(--font-size-heading-3-base);font-weight:var(--font-weight-heading-bold);line-height:var(--line-height-heading);text-transform:uppercase;color:var(--color-text);margin:0 0 20px}.dynamic-content-item__expanded-description{color:var(--color-text);font-size:var(--font-size-body-300);line-height:var(--line-height-body)}.dynamic-content-item__expanded-description h1,.dynamic-content-item__expanded-description h2,.dynamic-content-item__expanded-description h3,.dynamic-content-item__expanded-description h4,.dynamic-content-item__expanded-description h5,.dynamic-content-item__expanded-description h6{color:var(--color-text);margin:0 0 16px}.dynamic-content-item__expanded-description h3{font-size:20px}.dynamic-content-item__expanded-description h4,.dynamic-content-item__expanded-description h5,.dynamic-content-item__expanded-description h6{font-size:14px}.dynamic-content-item__expanded-description p{margin:0 0 16px;font-size:12px}.dynamic-content-item__expanded-description p:last-child{margin-bottom:0}.dynamic-content-grid__grid.has-expanded .dynamic-content-item:not(.is-expanded){display:none}.dynamic-content-grid__modals{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;pointer-events:none;display:none}.dynamic-content-grid__modals:has(.dynamic-content-modal.is-active){display:block;pointer-events:auto}.dynamic-content-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--color-background);background-size:contain;background-position:top center;background-repeat:no-repeat;border:1px solid var(--color-border);padding:var(--modal-padding);display:none;flex-direction:column;overflow-y:auto;pointer-events:auto;z-index:1001}.dynamic-content-modal.is-active{display:flex}.dynamic-content-modal__header{margin-bottom:24px}.dynamic-content-modal__category{font-size:var(--font-size-body-200);line-height:var(--line-height-body);text-transform:uppercase;color:var(--color-text-subdued);margin:0 0 10px}.dynamic-content-modal__heading{font-size:var(--font-size-heading-3-base);font-weight:var(--font-weight-heading-bold);line-height:var(--line-height-heading);text-transform:uppercase;color:var(--color-text);margin:0}.dynamic-content-modal__content{flex:1;overflow-y:auto}.dynamic-content-modal__description{color:var(--color-text);font-size:var(--font-size-body-300);line-height:var(--line-height-body)}.dynamic-content-modal__description h1,.dynamic-content-modal__description h2,.dynamic-content-modal__description h3,.dynamic-content-modal__description h4,.dynamic-content-modal__description h5,.dynamic-content-modal__description h6{color:var(--color-text);margin:0 0 16px}.dynamic-content-modal__description p{margin:0 0 16px}.dynamic-content-modal__description p:last-child{margin-bottom:0}.dynamic-content-modal__close{position:absolute;right:0;top:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#ffffff30;-webkit-backdrop-filter:blur(4.45px);backdrop-filter:blur(4.45px);border:1px solid var(--color-border);cursor:pointer;transition:background-color .3s ease}.dynamic-content-modal__close:hover{background:#ffffff4d}.dynamic-content-modal__close svg{width:16px;height:16px;color:var(--color-text)}.dynamic-content-grid__cta{display:flex;justify-content:flex-start;margin-top:26px;--font-size-button: 14px}.dynamic-content-grid__cta .btn-wrapper--arrow .btn .btn__arrow,.dynamic-content-grid__cta .btn-wrapper--arrow .btn .btn__label,.dynamic-content-grid__cta .btn-wrapper--arrow .btn .btn__label--default,.dynamic-content-grid__cta .btn-wrapper--arrow .btn .btn__label--active{transition:none!important}@media (min-width: 720px){.dynamic-content-item{min-height:200px}.dynamic-content-grid__cta{margin-top:19px}}.dynamic-content-item.is-expanded{min-height:600px}@media (max-width: 719px){.dynamic-content-grid{--content-height: 160px;--modal-padding: 40px 16px 16px}.dynamic-content-grid__hero{gap:20px}.dynamic-content-grid__inner{gap:24px}.dynamic-content-item.is-expanded{min-height:555px;margin:15px 0}}
/*# sourceMappingURL=/cdn/shop/t/556/assets/section-dynamic-content-grid.css.map */