.designer-directory{position:relative;z-index:0;isolation:isolate;background:var(--color-bone);color:var(--color-charcoal)}.designer-directory.is-previewing{z-index:100}.designer-directory .designer-directory__inner{width:min(100%,1440px);margin-inline:auto;padding:clamp(3.25rem,5vw,5.5rem) clamp(1rem,3.4vw,3rem) clamp(5rem,8vw,8.5rem)}.designer-directory .designer-directory__header{margin-bottom:clamp(3rem,5vw,4.75rem)}.designer-directory .designer-directory__title{margin:0;font-family:var(--font-serif);font-size:clamp(3rem,6vw,5.1rem);font-weight:700;line-height:.92;letter-spacing:0}.designer-directory .designer-directory__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(9.25rem,100%),1fr));gap:clamp(.65rem,1.1vw,1rem);align-items:start;overflow:visible}.designer-directory .designer-directory__item{position:relative;min-width:0;transition:opacity .22s ease,filter .22s ease}.designer-directory .designer-directory__join-tile{display:flex;width:100%;aspect-ratio:1 / 1;align-items:flex-start;justify-content:space-between;flex-direction:column;padding:clamp(.8rem,1.5vw,1.25rem);background:var(--color-charcoal);color:var(--color-bone);font-family:var(--font-serif);font-size:clamp(1.1rem,1.7vw,1.65rem);font-weight:700;line-height:1.02;text-decoration:none;transition:background-color .18s ease,transform .18s ease}.designer-directory .designer-directory__join-tile svg{width:1.5rem;height:1.5rem;align-self:flex-end}.designer-directory .designer-directory__join-tile:hover{background:var(--color-charcoal);transform:scale(1.035)}.designer-directory .designer-directory__join-tile:focus-visible{outline:2px solid var(--color-charcoal);outline-offset:4px}.designer-directory.is-previewing .designer-directory__item:not(.is-active) .designer-directory__tile{opacity:.32;filter:grayscale(.12)}.designer-directory .designer-directory__tile{display:block;width:100%;aspect-ratio:1 / 1;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;-webkit-appearance:none;appearance:none;touch-action:manipulation;transition:opacity .22s ease,filter .22s ease}.designer-directory .designer-directory__tile:focus-visible{outline:2px solid var(--color-charcoal);outline-offset:4px}.designer-directory .designer-directory__media{position:relative;display:block;width:100%;height:100%;overflow:hidden;border-radius:.18rem;background:var(--color-surface-alt)}.designer-directory .designer-directory__image,.designer-directory .designer-preview__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.designer-directory .designer-directory__image{transition:transform .45s cubic-bezier(.22,1,.36,1)}.designer-directory .designer-directory__item.is-active .designer-directory__image{transform:scale(1.045)}.designer-directory .designer-directory__placeholder,.designer-directory .designer-preview__placeholder{align-items:center;justify-content:center;width:100%;height:100%;background:var(--color-surface-alt);color:#0000002e;font-family:var(--font-serif);font-size:clamp(3rem,8vw,6rem);font-weight:700}.designer-directory .designer-directory__placeholder:not([hidden]),.designer-directory .designer-preview__placeholder:not([hidden]){display:flex}.designer-directory .designer-flag{position:absolute;top:.5rem;right:.5rem;z-index:3;display:block;width:1.08rem;height:.54rem;overflow:hidden;box-shadow:0 1px 4px #0000002e}.designer-directory .designer-flag img{display:block;width:100%;height:100%;object-fit:cover}.designer-directory .designer-flag--large{top:1rem;right:1rem;width:2rem;height:1rem}.designer-directory .designer-preview{position:fixed;top:var(--designer-preview-top, 6rem);left:var(--designer-preview-left, 1rem);z-index:90;display:block;width:min(21.75rem,calc(100vw - 1.5rem));max-height:var(--designer-preview-max-height, calc(100dvh - 1.5rem) );overflow-y:auto;overscroll-behavior:contain;border:0;border-radius:.45rem;background:var(--color-bone);color:var(--color-charcoal);text-decoration:none;box-shadow:0 1.6rem 4rem #00000042;opacity:0;pointer-events:none;transform:translate3d(0,.65rem,0) scale(.985);transition:opacity .18s ease,transform .18s ease;scrollbar-width:none}.designer-directory .designer-preview::-webkit-scrollbar{display:none}.designer-directory .designer-directory__item.is-active .designer-preview{opacity:1;pointer-events:auto;transform:translateZ(0) scale(1)}.designer-directory .designer-preview__image-wrap{position:relative;display:block;aspect-ratio:1 / .95;overflow:hidden;background:var(--color-surface-alt)}.designer-directory .designer-preview__body{display:block;padding:1.4rem 1.32rem .88rem}.designer-directory .designer-preview__name{display:block;margin:0;font-family:var(--font-display);font-size:1.28rem;font-weight:700;line-height:1;letter-spacing:0;text-transform:uppercase}.designer-directory .designer-preview__tagline,.designer-directory .designer-preview__lead,.designer-directory .designer-preview__known-for{display:block;margin-top:.44rem;overflow:hidden;color:var(--color-charcoal);font-size:.68rem;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.designer-directory .designer-preview__tagline{font-style:italic}.designer-directory .designer-preview__lead{margin-top:.2rem}.designer-directory .designer-preview__known-for{display:flex;gap:.32rem;margin-top:.2rem}.designer-directory .designer-preview__known-for span{flex:0 0 auto;font-family:var(--font-mono);font-weight:400;letter-spacing:.12em;color:var(--color-pink);font-size:.54rem;font-style:normal;font-weight:700;text-transform:uppercase}.designer-directory .designer-preview__pills{display:flex;flex-wrap:wrap;gap:.58rem;margin-top:1.18rem}.designer-directory .designer-preview__pill{display:inline-flex;min-height:1.45rem;align-items:center;justify-content:center;border:1px solid var(--color-charcoal);border-radius:999px;padding:.25rem .72rem;color:var(--color-charcoal);font-size:.62rem;line-height:1;white-space:nowrap}.designer-directory .designer-preview__divider{display:block;height:1px;margin:1rem 0 .72rem;background:var(--color-text-subtle)}.designer-directory .designer-preview__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.78rem 1.5rem}.designer-directory .designer-preview__stat span,.designer-directory .designer-preview__stat strong{display:block}.designer-directory .designer-preview__stat span{font-family:var(--font-mono);letter-spacing:.12em;color:var(--color-pink);font-size:.45rem;font-weight:700;line-height:1.1;text-transform:uppercase}.designer-directory .designer-preview__stat strong{margin-top:.22rem;color:var(--color-charcoal);font-size:.66rem;font-weight:700;line-height:1.2}.designer-directory .designer-preview__stat:nth-child(2) strong{color:var(--color-pink)}.designer-directory .designer-preview__footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;color:var(--color-charcoal);font-size:.76rem;line-height:1}.designer-directory .designer-preview__info-icon{display:inline-flex;width:1.05rem;height:1.05rem;align-items:center;justify-content:center;color:var(--color-charcoal)}.designer-directory .designer-preview__info-icon svg{display:block;width:100%;height:100%}.designer-directory .designer-preview__image-wrap>.designer-preview__open-icon{position:absolute;top:auto;right:.9rem;bottom:.9rem;left:auto;z-index:4;display:inline-flex;width:2.1rem;height:2.1rem;align-items:center;justify-content:center;border-radius:50%;background:#1b1c1ee6;color:var(--color-bone);pointer-events:none;transition:transform .18s ease,background-color .18s ease}.designer-directory .designer-preview__open-icon svg{width:1.15rem;height:1.15rem}.designer-directory .designer-preview:hover .designer-preview__open-icon,.designer-directory .designer-preview:focus-visible .designer-preview__open-icon{background:var(--color-cobalt);transform:translate(.18rem)}.designer-directory .designer-directory__empty{display:grid;min-height:16rem;place-items:center;gap:.65rem;color:var(--color-text-subtle);text-align:center}.designer-directory .designer-directory__empty p{margin:0;font-family:var(--font-serif);font-size:1.25rem}.designer-directory .designer-directory__empty span{font-size:.88rem}@media(hover:hover)and (pointer:fine){.designer-directory .designer-directory__tile:hover .designer-directory__image{transform:scale(1.08)}}@media(min-width:1120px){.designer-directory .designer-directory__grid{grid-template-columns:repeat(auto-fill,minmax(9.2rem,1fr))}}@media(max-width:760px){.designer-directory .designer-directory__inner{padding:1.75rem .75rem 3rem}.designer-directory .designer-directory__header{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1.65rem}.designer-directory .designer-directory__title{font-size:clamp(2.8rem,14vw,4.4rem)}.designer-directory .designer-directory__cta{min-height:2.75rem;justify-self:start;padding:.72rem 1rem;font-size:1.06rem}.designer-directory .designer-directory__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.48rem}.designer-directory .designer-preview{width:min(21.75rem,calc(100vw - 1rem));border-radius:.55rem;-webkit-overflow-scrolling:touch}.designer-directory .designer-preview__image-wrap{aspect-ratio:4 / 3}.designer-directory .designer-preview__body{padding:1rem 1rem .8rem}.designer-directory .designer-preview__name{font-size:1.12rem}.designer-directory .designer-preview__pills{gap:.42rem;margin-top:.85rem}.designer-directory .designer-preview__divider{margin-top:.78rem;margin-bottom:.62rem}.designer-directory .designer-preview__stats{gap:.65rem 1rem}.designer-directory .designer-preview__image-wrap>.designer-preview__open-icon{right:.7rem;bottom:.7rem;width:1.9rem;height:1.9rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-designer-grid.css.map */