.fofo-categories{display:block;padding-bottom:24px;color:#282621;background:#fff}.fofo-categories__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.5fr);align-items:start;gap:clamp(32px,4vw,72px)}.fofo-categories__header{align-self:center;padding-block:24px 80px;text-align:left}.fofo-categories__eyebrow{margin:0 0 18px;color:#d2831b;font-size:12px;font-weight:300;line-height:1.6;letter-spacing:.16em;text-transform:uppercase}.fofo-categories__heading{margin:0;font-size:var(--font-size-heading-2-base);font-weight:var(--font-weight-heading, 300);line-height:1.2;text-wrap:balance}.fofo-categories__content{min-width:0}.fofo-categories__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.fofo-categories__tile{display:flex;flex-direction:column;aspect-ratio:4 / 5;min-width:0;background:#f6f3ee;color:inherit;text-decoration:none}.fofo-categories__media{position:relative;flex:1;min-height:0;overflow:hidden}.fofo-categories__media img{position:absolute;top:50%;left:50%;display:block;width:auto;height:auto;max-width:calc(100% - 32px);max-height:calc(100% - 32px);transform:translate(-50%,-50%);object-fit:contain;object-position:center;mix-blend-mode:darken;-webkit-mask-image:var(--fofo-category-crop-mask, none);mask-image:var(--fofo-category-crop-mask, none);-webkit-mask-composite:source-in;mask-composite:intersect}.fofo-categories__tile:is([data-category=ringe],[data-category=solitaerringe],[data-category=armschmuck]){--fofo-category-crop-mask: linear-gradient(to top, transparent, #000 16px)}.fofo-categories__tile[data-category=rivieren-armband]{--fofo-category-crop-mask: linear-gradient(to top, transparent, #000 16px), linear-gradient(to left, transparent, #000 16px)}.fofo-categories__tile[data-category=fofo-perlen]{--fofo-category-crop-mask: linear-gradient(to bottom, transparent, #000 16px)}.fofo-categories__tile:is([data-category=colliers-anhanger],[data-category=haute-joaillerie]){--fofo-category-crop-mask: linear-gradient(to bottom, transparent, #000 16px), linear-gradient(to right, transparent, #000 16px)}.fofo-categories__tile[data-category=haute-joaillerie]{--fofo-category-crop-mask: linear-gradient(to bottom, transparent, #000 16px), linear-gradient(to right, transparent, #000 16px), linear-gradient(to left, transparent, #000 16px)}.fofo-categories__tile[data-category=uhren]{--fofo-category-crop-mask: linear-gradient(to bottom, transparent, #000 16px), linear-gradient(to top, transparent, #000 16px)}.fofo-categories__label{display:flex;flex:none;align-items:center;gap:8px;padding:0 16px 16px;font-size:15px;font-weight:400;line-height:1.5}.fofo-categories__label>span{text-decoration:none}.fofo-categories__tile--composed{position:relative}.fofo-categories__tile--composed .fofo-categories__media{position:absolute;top:0;right:0;bottom:0;left:0}.fofo-categories__tile--composed .fofo-categories__media img{top:0;left:0;width:100%;height:100%;max-width:none;max-height:none;transform:none;object-fit:cover;mix-blend-mode:normal;-webkit-mask-image:none;mask-image:none}.fofo-categories__tile--composed .fofo-categories__label{position:relative;margin-top:auto}.fofo-categories .fofo-categories__arrow{display:block;width:16px;height:12px;flex:0 0 16px;border:0;border-radius:0;background:transparent;box-shadow:none}.fofo-categories__tile:focus-visible,.fofo-categories__toggle:focus-visible,.fofo-categories__all-tile:focus-visible{outline:1px solid #d2831b;outline-offset:4px}.fofo-categories__all-tile{display:none;align-items:center;justify-content:center;gap:12px;align-self:start;aspect-ratio:4 / 5;width:100%;min-width:0;padding:20px;border:0;border-radius:0;background:#f6f3ee;color:inherit;box-shadow:none;font:inherit;font-size:15px;font-weight:400;line-height:1.5;text-align:center;cursor:pointer}.fofo-categories__toggle{display:none;min-height:46px;margin:28px auto 0;padding:13px 24px;border:1px solid #57534b;border-radius:0;background:transparent;color:inherit;box-shadow:none;font:inherit;font-size:11px;font-weight:400;line-height:1.5;letter-spacing:.15em;text-transform:uppercase;cursor:pointer}.fofo-categories.is-enhanced:not(.is-expanded) .fofo-categories__toggle{display:block}.fofo-categories.is-enhanced:not(.is-expanded) .fofo-categories__tile:not(.fofo-categories__tile--desktop){display:none}.fofo-categories__mobile-copy,.fofo-categories__hide,.fofo-categories.is-expanded .fofo-categories__show{display:none}.fofo-categories.is-expanded .fofo-categories__hide{display:inline}@media(min-width:750px){.fofo-categories.is-enhanced:not(.is-expanded) .fofo-categories__all-tile{display:flex}.fofo-categories.is-enhanced:not(.is-expanded) .fofo-categories__toggle{display:none}}@media(min-width:750px)and (max-width:1199px){.fofo-categories__inner{grid-template-columns:minmax(0,1fr) minmax(0,3fr);gap:28px}.fofo-categories__label{gap:6px;padding:0 12px 12px;font-size:13px}}@media(max-width:749px){.fofo-categories{padding-top:40px;padding-bottom:80px}.fofo-categories__inner{display:block;padding:0 20px}.fofo-categories__header{max-width:430px;padding:0;margin-bottom:28px}.fofo-categories__eyebrow{margin-bottom:12px;font-size:10px}.fofo-categories__desktop-copy{display:none}.fofo-categories__mobile-copy{display:inline}.fofo-categories__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fofo-categories.is-enhanced:not(.is-expanded) .fofo-categories__tile:not(.fofo-categories__tile--mobile){display:none}.fofo-categories.is-enhanced:not(.is-expanded) .fofo-categories__tile--mobile{display:flex}.fofo-categories__label{gap:6px;padding:0 12px 12px;font-size:13px}.fofo-categories .fofo-categories__arrow{width:14px;height:11px;flex-basis:14px}.fofo-categories__toggle{margin-top:26px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/fofo-category-editorial.css.map */