.loba-categories{position:relative;width:100%;isolation:isolate}.loba-categories__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.loba-categories__panel{position:relative;margin:0;aspect-ratio:800 / 1002;min-width:0;overflow:hidden;background:#ecebe9}.loba-categories__link{position:relative;display:block;height:100%;color:var(--panel-label, #fff);text-decoration:none}.loba-categories__image{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--panel-position, 50% 50%)}.loba-categories__title{position:absolute;z-index:2;top:40px;left:40px;margin:0;writing-mode:vertical-rl;transform:rotate(180deg);font-family:"Bricolage Grotesque",var(--font-heading-family),sans-serif;font-size:clamp(28px,2.15vw,34px);font-weight:500;line-height:1.1;letter-spacing:.02em;color:var(--panel-label, #fff)}.loba-categories__button{position:absolute;z-index:3;left:40px;bottom:40px;display:inline-flex;align-items:center;justify-content:center;min-height:44px;max-width:calc(100% - 80px);padding:13px 25px;border:1px solid transparent;border-radius:999px;background:#fff;color:#171717;font-family:Jost,var(--font-body-family),sans-serif;font-size:12px;font-weight:500;line-height:1.35;letter-spacing:1px;text-transform:uppercase;text-align:center;transition:background-color .18s ease,color .18s ease}.loba-categories__link:hover .loba-categories__button{background:#171717;color:#fff}.loba-categories__link:focus-visible{outline:3px solid #fff;outline-offset:-6px}.loba-categories__link:focus-visible .loba-categories__button{outline:2px solid #171717;outline-offset:3px}.loba-categories:after{content:"";position:absolute;z-index:1;left:0;right:0;bottom:0;height:74px;background:linear-gradient(to bottom,#f5effb00,#f5effb);pointer-events:none}@media(max-width:767px){.loba-categories{padding-inline:15px}.loba-categories__grid{grid-template-columns:minmax(0,1fr);gap:15px}.loba-categories__panel{aspect-ratio:auto;height:clamp(340px,100vw,400px)}.loba-categories__title{top:28px;left:28px;font-size:28px}.loba-categories__button{left:28px;bottom:28px;max-width:calc(100% - 56px)}.loba-categories:after{left:15px;right:15px;height:58px}}@media(prefers-reduced-motion:reduce){.loba-categories__button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/loba-categories.css.map */