.featured-frames{overflow:hidden;position:relative;margin-top:-3rem}.featured-frames .container{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;grid-gap:2.5rem;padding-left:1rem;padding-right:1rem;position:relative;max-width:1360px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}@media (max-width: 1099px){.featured-frames .container{grid-template-columns:1fr;grid-template-rows:auto}}.featured-frames-item-frame{display:none;opacity:0;transform:scale(1.05) translate(10px,10px)}.featured-frames-item-frame figure{position:relative;display:block;margin-bottom:1rem}.featured-frames-item-frame figure img{max-width:100%;height:auto;display:block}.featured-frames-item-frame figure figcaption{opacity:0;transition:.25s ease;visibility:hidden;position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;font-weight:700;padding:2rem;line-height:1.1}.featured-frames-item-frame figure figcaption p{margin-bottom:1rem}.featured-frames-item-frame figure:hover figcaption{opacity:1;visibility:visible}.featured-frames-item.static .featured-frames-item-frame{display:block;opacity:1;transform:scale(1) translate(0)}.featured-frames-item--text{margin:4rem 0 0}@media (min-width: 1100px){.featured-frames-item--text{grid-column:3;grid-row:1}}@media (min-width: 1100px){.featured-frames-item--first{grid-column:1/span 2;grid-row:1/span 2}}@media (min-width: 1100px){.featured-frames-item--first .featured-frames-item-frame figure figcaption{font-size:2rem}}.featured-frames-item--second{grid-column:1;grid-row:3}@media (max-width: 1099px){.featured-frames-item--second{display:none}}.featured-frames-item--third{grid-column:2;grid-row:3}@media (max-width: 1099px){.featured-frames-item--third{display:none}}.featured-frames-item--fourth{grid-column:3;grid-row:2/span 2;position:absolute}@media (max-width: 1099px){.featured-frames-item--fourth{display:none}}@media (min-width: 1100px){.featured-frames-item--fourth .featured-frames-item-frame figure img{max-width:none}}@media (min-width: 1100px){.featured-frames-item--fourth .featured-frames-item-frame figure figcaption{font-size:2rem}}.featured-frames-item p{margin-bottom:0}
/*# sourceMappingURL=/cdn/shop/t/72/assets/featured-frames.css.map */