.mio-category-grid{background-color:rgb(var(--color-background));padding-top:6.4rem;padding-bottom:6.4rem}.mio-category-grid__header{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:1.6rem;margin-bottom:3.2rem}.mio-category-grid__heading-group{min-width:0}.mio-category-grid__eyebrow{margin:0 0 1.2rem;color:var(--mio-accent, #8a6849);font-size:1.3rem;font-weight:600;line-height:1.4;letter-spacing:0;text-transform:uppercase}.mio-category-grid__heading{margin:0;font-size:4rem;line-height:1.15;letter-spacing:0}.mio-category-grid__intro{max-width:76rem;margin:0;color:rgba(var(--color-foreground),.78);font-size:1.6rem;line-height:1.6;letter-spacing:0}.mio-category-grid__list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2.4rem;margin:0;padding:0;list-style:none}.mio-category-grid__item{min-width:0}.mio-category-grid__card{display:flex;height:100%;flex-direction:column;overflow:hidden;border:1px solid rgba(var(--color-foreground),.18);border-radius:0;color:rgb(var(--color-foreground));text-decoration:none}.mio-category-grid__card:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:3px}.mio-category-grid__media{aspect-ratio:1 / 1;overflow:hidden;background:rgba(var(--color-foreground),.04)}.mio-category-grid__media img,.mio-category-grid__placeholder{display:block;width:100%;height:100%;object-fit:cover;transition:transform .24s ease}.mio-category-grid__card:hover .mio-category-grid__media img{transform:scale(1.025)}.mio-category-grid__content{flex:1;padding:1.8rem 1.6rem 2rem}.mio-category-grid__title{margin:0;font-size:2rem;line-height:1.28;letter-spacing:0}.mio-category-grid__description{margin:.8rem 0 0;color:rgba(var(--color-foreground),.72);font-size:1.5rem;line-height:1.5;letter-spacing:0}@media screen and (max-width:989px){.mio-category-grid__list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:749px){.mio-category-grid{padding-top:4rem;padding-bottom:4rem}.mio-category-grid__header{grid-template-columns:1fr;align-items:start;gap:1.6rem;margin-bottom:2.4rem}.mio-category-grid__heading{font-size:3rem}.mio-category-grid__list{gap:1.2rem}.mio-category-grid__content{padding:1.4rem 1.2rem 1.6rem}.mio-category-grid__title{font-size:1.7rem;line-height:1.3}.mio-category-grid__description{font-size:1.4rem}}@media screen and (max-width:340px){.mio-category-grid__list{grid-template-columns:1fr}.mio-category-grid__title{font-size:1.9rem}.mio-category-grid__description{font-size:1.5rem}}@media(prefers-reduced-motion:reduce){.mio-category-grid__media img,.mio-category-grid__placeholder{transition:none}}.mio-category-grid--compact .mio-category-grid__list{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:24rem;gap:1.6rem}.mio-category-grid--compact .mio-category-grid__item:nth-child(1){grid-column:span 2;grid-row:span 2}.mio-category-grid--compact .mio-category-grid__item:nth-child(6){grid-column:span 2}.mio-category-grid--compact .mio-category-grid__card{position:relative;border:0;background:#efe9e0}.mio-category-grid--compact .mio-category-grid__media{position:absolute;top:0;right:0;bottom:0;left:0;aspect-ratio:auto;height:100%;background:transparent}.mio-category-grid--compact .mio-category-grid__media img{object-position:center 58%}.mio-category-grid--compact .mio-category-grid__content{position:absolute;left:1.6rem;bottom:1.6rem;flex:none;padding:.9rem 1.4rem;background:#faf8f5f2}.mio-category-grid--compact .mio-category-grid__title{font-size:1.5rem;line-height:1.25}.mio-category-grid--compact .mio-category-grid__item:nth-child(1) .mio-category-grid__content{left:2.4rem;bottom:2.4rem;padding:1.4rem 2rem}.mio-category-grid--compact .mio-category-grid__item:nth-child(1) .mio-category-grid__title{font-size:2.2rem}.mio-category-grid--compact .mio-category-grid__description{display:none}.mio-category-grid--compact .mio-category-grid__card:after{content:"\2192";position:absolute;right:1.6rem;bottom:1.6rem;width:3.6rem;height:3.6rem;display:grid;place-items:center;background:#faf8f5f2;color:#8a6849;font-size:1.6rem;opacity:0;transition:opacity .2s ease}.mio-category-grid--compact .mio-category-grid__card:hover:after{opacity:1}.mio-category-grid__more{margin:3.2rem 0 0;text-align:center}@media screen and (max-width:989px){.mio-category-grid--compact .mio-category-grid__list{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:22rem}.mio-category-grid--compact .mio-category-grid__item:nth-child(1){grid-row:span 1}}@media screen and (max-width:520px){.mio-category-grid--compact .mio-category-grid__list{grid-auto-rows:17rem;gap:1rem}.mio-category-grid--compact .mio-category-grid__content{left:1rem;bottom:1rem;padding:.6rem 1rem}.mio-category-grid--compact .mio-category-grid__title{font-size:1.35rem}.mio-category-grid--compact .mio-category-grid__item:nth-child(1) .mio-category-grid__content{left:1rem;bottom:1rem;padding:.8rem 1.2rem}.mio-category-grid--compact .mio-category-grid__item:nth-child(1) .mio-category-grid__title{font-size:1.6rem}}.mio-category-grid--compact .mio-category-grid__item:nth-child(1) .mio-category-grid__media img{object-position:center 45%}.mio-category-grid--compact .mio-category-grid__item:nth-child(6) .mio-category-grid__media img{object-position:center 30%}@media screen and (max-width:989px){.mio-category-grid--compact .mio-category-grid__item:nth-child(1) .mio-category-grid__media img{object-position:center 30%}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/section-mio-category-grid.css.map */