.masonary-section-container{display:flex;width:100%;align-items:center;justify-content:center}.masonary-container{display:grid;width:100%;min-height:550px;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr;gap:1rem}@media screen and (max-width:975px){.masonary-container{display:flex;flex-direction:column}}.masonary-container .masonary{border-radius:10px;padding:1rem;position:relative;display:flex;flex-direction:column;justify-content:space-between;height:100%;min-height:150px}@media screen and (max-width:975px){.masonary-container .masonary{flex-direction:row;justify-content:space-between}}.masonary-container .masonary .backdrop-image{width:100%;height:100%;position:absolute;border-radius:inherit;top:0;left:0}.masonary-container .masonary .key-image{height:100%;position:relative}.masonary-container .masonary .masonary-content{display:flex;flex-direction:column;gap:.25rem}.masonary-container .masonary .masonary-content p{line-height:106%}.masonary-container .masonary .masonary-content h1,.masonary-container .masonary .masonary-content p,.masonary-container .masonary .masonary-content a{margin:0}.masonary-container .masonary .masonary-content h1{font-size:2.2rem}.masonary-container .masonary .masonary-content a{text-decoration:none;width:fit-content;padding:5px 10px;border-radius:5px;color:#f5f5f5;font-size:1.25rem}.masonary-container .masonary:nth-child(1){grid-row:span 4}.masonary-container .masonary:nth-child(1) .masonary-content{align-items:flex-end;text-align:right}.masonary-container .masonary:nth-child(1) .key-image img{height:auto;width:110%;position:absolute;left:-15%;bottom:0;max-width:200px}@media screen and (max-width:975px){.masonary-container .masonary:nth-child(1){flex-direction:row-reverse}.masonary-container .masonary:nth-child(1) .key-image img{position:static;max-width:160px}}.masonary-container .masonary:nth-child(2){grid-row:span 4;flex-direction:column-reverse}.masonary-container .masonary:nth-child(2) .masonary-content{align-items:flex-start;text-align:left}.masonary-container .masonary:nth-child(2) .key-image img{height:auto;width:110%;position:absolute;top:-25%;left:50%;transform:translate(-50%);max-width:200px}@media screen and (max-width:975px){.masonary-container .masonary:nth-child(2){flex-direction:row}.masonary-container .masonary:nth-child(2) .key-image{display:flex;justify-content:flex-end}.masonary-container .masonary:nth-child(2) .key-image img{position:static;transform:none;max-width:160px}}.masonary-container .masonary:nth-child(3){grid-column:span 2;grid-row:span 3;flex-direction:row}.masonary-container .masonary:nth-child(3) .key-image img{width:auto;height:125%;position:absolute;top:50%;right:0;transform:translateY(-50%);max-height:300px}@media screen and (max-width:975px){.masonary-container .masonary:nth-child(3){flex-direction:row-reverse}.masonary-container .masonary:nth-child(3) .masonary-content{align-items:flex-end;text-align:right}.masonary-container .masonary:nth-child(3) .key-image{display:flex}.masonary-container .masonary:nth-child(3) .key-image img{position:static;transform:none;height:100%;max-height:160px}}.masonary-container .masonary:nth-child(4){grid-column:span 2;grid-row:span 3;flex-direction:row}.masonary-container .masonary:nth-child(4) .masonary-content{align-items:flex-start;text-align:left}.masonary-container .masonary:nth-child(4) .key-image img{width:auto;height:100%;position:absolute;right:-30px;bottom:-15px;max-height:300px}@media screen and (max-width:975px){.masonary-container .masonary:nth-child(4){flex-direction:row;justify-content:space-between}.masonary-container .masonary:nth-child(4) .key-image{width:60%!important;height:100%;justify-content:flex-end;display:flex}.masonary-container .masonary:nth-child(4) .key-image img{position:static;transform:none;height:100%;max-height:125px}}.masonary-container .masonary:nth-child(5){grid-column:span 2;grid-row:span 2;flex-direction:row-reverse}.masonary-container .masonary:nth-child(5) .masonary-content{align-items:flex-end;text-align:right}.masonary-container .masonary:nth-child(5) .key-image img{height:125%;width:auto;position:absolute;top:-10px;left:-30px}@media screen and (max-width:975px){.masonary-container .masonary:nth-child(5){flex-direction:row-reverse;justify-content:space-between}.masonary-container .masonary:nth-child(5) .key-image{height:100%;justify-content:flex-start;display:flex}.masonary-container .masonary:nth-child(5) .key-image img{position:static;transform:none;height:100%;max-height:125px}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/masonary-container.scss.css.map */