.systems-grid{margin-top:5rem;margin-bottom:5rem}.systems-grid__inner{display:grid;grid-template-columns:minmax(280px,1fr) 1.6fr;gap:60px;align-items:start}.systems-grid__intro{min-width:260px}.systems-grid__heading{font-weight:400;letter-spacing:-.01em;text-transform:uppercase;margin:0 0 24px;white-space:normal!important;word-break:keep-all!important;word-wrap:normal!important;overflow-wrap:normal!important;-webkit-hyphens:none!important;hyphens:none!important;max-width:100%}.systems-grid__subheading{font-size:15px;line-height:1.6;max-width:360px;margin-bottom:16px}.systems-grid__cta-label{font-weight:700;font-size:14px;margin:0}.systems-grid__tiles{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}.systems-grid__tile:nth-of-type(-n+4){grid-column:span 3}.systems-grid__tile:nth-of-type(n+5):nth-of-type(-n+10){grid-column:span 2}.systems-grid__tile:nth-of-type(n+11){grid-column:span 3}.systems-grid__tile{position:relative;aspect-ratio:1 / 1;border:0;border-radius:6px;padding:0;cursor:pointer;background-size:cover;background-position:center;background-color:#efefef;overflow:hidden}.systems-grid__tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.35),transparent 55%);transition:background .2s ease}.systems-grid__tile:hover:after{background:linear-gradient(to top,rgba(0,0,0,.5),transparent 60%)}.systems-grid__tile-label{position:absolute;left:50%;bottom:14px;transform:translate(-50%);color:#fff;font-weight:800;font-size:13px;letter-spacing:.03em;text-transform:uppercase;z-index:1;white-space:nowrap}.systems-drawer__products-grid .card__content{grid-auto-flow:column}@media(max-width:900px){.systems-grid__inner{grid-template-columns:1fr;gap:10px}.systems-grid__tiles{grid-template-columns:repeat(12,1fr)}.systems-grid__tile:nth-of-type(-n+4),.systems-grid__tile:nth-of-type(n+5):nth-of-type(-n+10),.systems-grid__tile:nth-of-type(n+11){grid-column:span 4}}@media(max-width:600px){.systems-grid__tile:nth-of-type(-n+2){grid-column:span 6}.systems-grid__tile:nth-of-type(n+3):nth-of-type(-n+5){grid-column:span 4}.systems-grid__tile:nth-of-type(n+6):nth-of-type(-n+7){grid-column:span 6}.systems-grid__tile:nth-of-type(n+8):nth-of-type(-n+9){grid-column:span 6}.systems-grid__tile:nth-of-type(n+10):nth-of-type(-n+12){grid-column:span 4}.systems-grid__tile:nth-of-type(n+13){grid-column:span 6}}.systems-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000}.systems-drawer[hidden]{display:none}.systems-drawer__overlay{display:block!important;position:absolute;top:0;right:0;bottom:0;left:0;background:#00000082;opacity:0;transition:opacity .25s ease;z-index:1}.systems-drawer.is-open .systems-drawer__overlay{opacity:1}.systems-drawer__panel-wrap{position:absolute;top:0;left:0;height:100%;width:min(920px,100vw);transform:translate(-100%);transition:transform .3s ease;z-index:2}.systems-drawer.is-open .systems-drawer__panel-wrap{transform:translate(0)}.systems-drawer__panel{position:relative;height:100%;width:100%;background:#fff;display:flex;overflow-y:auto}.systems-drawer__close{position:absolute;top:16px;right:16px;z-index:10;background:#ffffffe6;border:0;border-radius:50%;color:#111;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px #00000026}.systems-drawer__info{width:42%;min-width:280px;padding:48px 32px;position:relative;flex-shrink:0}.systems-drawer__eyebrow{font-size:32px;font-weight:800;text-transform:uppercase;margin:0 0 20px!important}.systems-drawer__intro{font-weight:400;opacity:.9;margin-bottom:20px}.systems-drawer__intro p{margin:0 0 12px}.systems-drawer__benefits{list-style:none;margin:0 0 28px;padding:0;font-size:16px;line-height:1.9}.systems-drawer__benefits li:before{content:"\2713  "}.systems-drawer__subhead{font-weight:800;margin-bottom:8px}.systems-drawer__body{font-size:14px;line-height:1.6}.systems-drawer__body p{margin:0 0 12px}.systems-drawer__products{flex:1;padding:48px 32px;min-width:0}.systems-drawer__products-heading{font-weight:700;font-size:14px;margin:0 0 20px}.systems-drawer__products-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.systems-drawer__product{display:flex;flex-direction:column}.systems-drawer__product-image{display:block;aspect-ratio:1 / 1;background:#f4f2f5;border-radius:4px;overflow:hidden;margin-bottom:24px}.systems-drawer__product-image img{width:100%;height:100%;object-fit:contain}.systems-drawer__product hr{border:0;border-top:2px solid #000;margin:0}.systems-drawer__product-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin:12px 0}.systems-drawer__product-title{font-weight:700;font-size:16px;color:inherit;text-decoration:none}.systems-drawer__product-price{font-weight:700;font-size:16px}.systems-drawer__product-desc{font-size:16px;line-height:1.5;margin:16px 0;color:#000}.systems-drawer__btn{display:block;text-align:center;text-decoration:none;font-weight:700;font-size:16px;padding:12px;border-radius:999px;margin-bottom:8px;border:1px solid #000;text-transform:uppercase}.systems-drawer__btn--solid{background:#000;color:#fff}.systems-drawer__btn--outline{background:#fff;color:#000}@media(max-width:700px){.systems-drawer__panel-wrap{top:auto;bottom:0;left:0;width:100vw;height:90vh;transform:translateY(100%)}.systems-drawer.is-open .systems-drawer__panel-wrap{transform:translateY(0)}.systems-drawer__panel{flex-direction:column;width:100%;border-radius:16px 16px 0 0}.systems-drawer__info{width:100%;padding:48px 32px 18px}.systems-drawer__products{padding:18px 32px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/systems-grid.css.map */