.how-editorial-grid{width:100%;background-color:var(--color-how-white);overflow:hidden}.how-editorial-grid__header{padding:var(--section-padding-desktop) 40px 32px;display:flex;flex-direction:column;gap:8px}@media screen and (max-width: 749px){.how-editorial-grid__header{padding:var(--section-padding-mobile) 16px 20px}}.how-editorial-grid__inner{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:calc((100vw / 12) * 1.15);gap:3px;width:100%}.how-editorial-grid__cell--pos-1{grid-column:1 / 8;grid-row:1 / 3;aspect-ratio:7 / 8}.how-editorial-grid__cell--pos-2{grid-column:8 / 13;grid-row:1 / 2;aspect-ratio:5 / 4}.how-editorial-grid__cell--pos-3{grid-column:8 / 10;grid-row:2 / 3;aspect-ratio:2 / 2}.how-editorial-grid__cell--pos-4{grid-column:10 / 13;grid-row:2 / 3;aspect-ratio:3 / 2}.how-editorial-grid__cell--pos-5{grid-column:1 / 5;grid-row:3 / 4;aspect-ratio:4 / 3}.how-editorial-grid__cell--pos-6{grid-column:5 / 13;grid-row:3 / 4;aspect-ratio:8 / 3}.how-editorial-grid__cell{position:relative;overflow:hidden;display:block}.how-editorial-grid__link{display:block;width:100%;height:100%}.how-editorial-grid__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--transition-slow)}.how-editorial-grid__cell:hover .how-editorial-grid__image{transform:scale(1.03)}.how-editorial-grid__image.placeholder-svg{background-color:#e8e3de}.how-editorial-grid__caption{position:absolute;bottom:16px;left:16px;color:#f8f5f0e6;pointer-events:none;text-shadow:0 1px 3px rgba(0,0,0,.4)}@media screen and (max-width: 749px){.how-editorial-grid__inner{grid-template-columns:repeat(2,1fr);grid-auto-rows:auto;gap:2px}.how-editorial-grid__cell--pos-1{grid-column:1 / 3;grid-row:1;aspect-ratio:4 / 3}.how-editorial-grid__cell--pos-2{grid-column:1 / 2;grid-row:2;aspect-ratio:1 / 1}.how-editorial-grid__cell--pos-3{grid-column:2 / 3;grid-row:2;aspect-ratio:1 / 1}.how-editorial-grid__cell--pos-4{grid-column:1 / 3;grid-row:3;aspect-ratio:2 / 1}.how-editorial-grid__cell--pos-5{grid-column:1 / 2;grid-row:4;aspect-ratio:1 / 1}.how-editorial-grid__cell--pos-6{grid-column:2 / 3;grid-row:4;aspect-ratio:1 / 1}}@media screen and (min-width: 750px) and (max-width: 989px){.how-editorial-grid__inner{grid-template-columns:repeat(12,1fr);grid-auto-rows:calc((100vw / 12) * 1.2);gap:2px}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/how-editorial-grid.css.map */