.brand-feature-grid{max-width:1400px;margin:0 auto;padding:4rem 1rem;display:flex;flex-direction:column;gap:4rem}.brand-feature-block{display:grid;grid-template-columns:1fr 2fr;gap:2rem;align-items:center}.parent{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);gap:8px;width:100%;max-width:1400px;margin:40px auto}.oxygen{display:grid;grid-template-areas:"img1 text text" "img2 img3 img4";grid-template-columns:1fr 1fr 1fr;gap:8px;max-width:1400px;margin:0 auto;padding:4rem 1rem}.oxygen .div1{grid-area:img1;overflow:hidden}.oxygen .div2{grid-area:text;overflow:hidden}.oxygen .div3{grid-area:img2;overflow:hidden;max-height:300px}.oxygen .div4{grid-area:img3;overflow:hidden;max-height:300px}.oxygen .div5{grid-area:img4;overflow:hidden;max-height:300px}.oxygen img{width:100%;height:auto;object-fit:cover;display:block;border-radius:4px}.oxygen .brand-feature-text{background:#e0007c;color:#fff;padding:2rem;display:flex;flex-direction:column;justify-content:center;font-size:.95rem;line-height:1.6}@media (max-width: 1024px){.oxygen{grid-template-areas:"img1" "text" "img2" "img3" "img4";grid-template-columns:1fr}}.div1{grid-row:span 3 / span 3}.div2{grid-column:span 2 / span 2;grid-row:span 2 / span 2}.div3{grid-column:span 2 / span 2;grid-row:span 2 / span 2;grid-column-start:4;max-height:460px}.div4{grid-column-start:2;grid-row-start:3;max-height:226px}.div5{grid-column-start:3;grid-row-start:3;max-height:226px}.div6{grid-column:span 2 / span 2;grid-column-start:4;grid-row-start:3;max-height:226px}.div7{grid-column:span 2 / span 2;grid-row:span 2 / span 2;grid-row-start:4;max-height:300px}.div8{grid-column:span 3 / span 3;grid-row:span 2 / span 2;grid-column-start:3;grid-row-start:4;max-height:300px}.parent img{width:100%;height:100%;display:block;object-fit:cover}.brand-feature-text.pink{background-color:#e6007e}.brand-feature-block.reverse{grid-template-columns:2fr 1fr}.brand-feature-text{background-color:#000;color:#fff;padding:2rem;font-size:1rem;line-height:1.8}.brand-feature-text.pink{background-color:#e6007e;color:#fff}.brand-feature-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.brand-feature-image img{width:100%;height:auto;display:block}@media (max-width: 1024px){.brand-feature-block,.brand-feature-block.reverse{grid-template-columns:1fr}.parent{display:flex;flex-direction:column;gap:8px}.div1,.div2,.div3,.div4,.div5,.div6,.div7,.div8{max-height:100%!important}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/custom-brand-feature-grid.css.map */