section.oylin-material-section .oylin-material-tab[hidden]{display:none!important}section.oylin-material-section .oylin-material-tab{width:100%}section.oylin-material-section .oylin-material-tabs__nav{display:flex;flex-wrap:wrap;gap:1.2rem 2.4rem;margin-bottom:3.2rem;border-bottom:1px solid rgba(0,0,0,.08);padding-bottom:1.2rem}section.oylin-material-section .oylin-material-tabs__btn{background:transparent;border:none;border-bottom:2px solid transparent;padding:.6rem .2rem;font-family:var(--oylin-font-body, sans-serif);font-size:1.4rem;letter-spacing:.08em;text-transform:uppercase;color:var(--oylin-fg-muted, #777);cursor:pointer;transition:color .2s ease,border-color .2s ease}section.oylin-material-section .oylin-material-tabs__btn[aria-selected=true]{color:var(--oylin-fg, #111);border-bottom-color:var(--oylin-fg, #111);font-weight:500}section.oylin-material-section .oylin-material__media-wrap{width:100%;display:flex;flex-direction:column}section.oylin-material-section .oylin-material__media{position:relative;width:100%;aspect-ratio:4 / 5;background:var(--oylin-stone-warm, #f8f6f2);overflow:hidden;border:1px solid rgba(0,0,0,.05);border-radius:2px}section.oylin-material-section .oylin-material__picture,section.oylin-material-section .oylin-material__image,section.oylin-material-section .oylin-material__placeholder{display:block;width:100%;height:100%}section.oylin-material-section .oylin-material__image{max-width:100%;height:100%;aspect-ratio:auto;object-fit:contain!important;object-position:center!important;background:var(--oylin-stone-warm, #f8f6f2)}section.oylin-material-section .oylin-material__placeholder{display:flex;align-items:center;justify-content:center;background:var(--oylin-stone-warm, #f8f6f2);color:var(--oylin-fg-muted, #777);font-family:var(--oylin-font-display, serif);font-size:1.8rem;letter-spacing:.05em}section.oylin-material-section .oylin-material__media-caption{margin-top:1rem;font-size:1.2rem;letter-spacing:.06em;text-transform:uppercase;color:var(--oylin-fg-muted, #666)}section.oylin-material-section .oylin-material__media-name{font-weight:600;color:var(--oylin-fg, #111)}section.oylin-material-section .oylin-material__cards{width:100%}section.oylin-material-section .oylin-material__cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}section.oylin-material-section .oylin-material__card{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;aspect-ratio:1 / 1;background:transparent!important;border:none!important;box-shadow:none!important;outline:none!important;border-radius:0;overflow:visible!important;text-decoration:none;padding:0!important;cursor:pointer;transition:z-index 0s linear}section.oylin-material-section .oylin-material__card-img{width:100%;height:100%;object-fit:contain;object-position:center;transform-origin:center center;transition:transform .35s cubic-bezier(.25,1,.5,1);will-change:transform}section.oylin-material-section .oylin-material__card:hover{border-color:transparent!important;opacity:1!important;z-index:10!important}@media(hover:hover)and (pointer:fine){section.oylin-material-section .oylin-material__card:hover .oylin-material__card-img{transform:scale(1.25)}}section.oylin-material-section .oylin-material__card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#0003;border:none;background:transparent!important}@media screen and (min-width:1024px){section.oylin-material-section .oylin-material-tab{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:clamp(3.2rem,4.5vw,5.6rem)!important;align-items:start!important}section.oylin-material-section .oylin-material__media-wrap{grid-column:1!important;grid-row:1 / span 2!important;margin:0!important}section.oylin-material-section .oylin-material__media{aspect-ratio:1 / 1!important}section.oylin-material-section .oylin-material__info{grid-column:2!important;grid-row:1!important}section.oylin-material-section .oylin-material__cards{grid-column:2!important;grid-row:2!important;margin-top:1.2rem!important}}@media screen and (min-width:750px)and (max-width:1023px){section.oylin-material-section .oylin-material-tab{display:flex!important;flex-direction:column!important;gap:2.8rem!important;max-width:640px!important;margin:0 auto!important}section.oylin-material-section .oylin-material__media-wrap{order:1!important}section.oylin-material-section .oylin-material__cards{order:2!important;margin-top:0!important}section.oylin-material-section .oylin-material__info{order:3!important}}@media screen and (max-width:749px){section.oylin-material-section .oylin-material-tab{display:flex!important;flex-direction:column!important;gap:2.4rem!important}section.oylin-material-section .oylin-material__media-wrap{order:1!important;width:100%!important}section.oylin-material-section .oylin-material__media{aspect-ratio:4 / 5!important}section.oylin-material-section .oylin-material__cards{order:2!important;width:100%!important;margin-top:0!important}section.oylin-material-section .oylin-material__info{order:3!important;width:100%!important}section.oylin-material-section .oylin-material__cards-grid{grid-template-columns:repeat(3,1fr)!important;gap:1rem!important}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/oylin-material-media.css.map */