.hof-directory{background:var(--hof-dir-bg);color:var(--hof-dir-ink);padding-block:var(--hof-dir-pt) var(--hof-dir-pb);padding-inline:var(--hof-dir-side)}.hof-directory__inner{max-inline-size:var(--hof-dir-max);margin-inline:auto}.hof-directory__masthead{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:end;gap:clamp(28px,5vw,88px);padding-block-end:clamp(36px,5vw,64px);border-block-end:1px solid var(--hof-dir-rule)}.hof-directory__eyebrow{margin:0 0 clamp(18px,2vw,28px);color:var(--hof-dir-muted);font-size:.68rem;font-weight:500;letter-spacing:.26em;line-height:1;text-transform:uppercase}.hof-directory__title{margin:0;font-family:var(--font-heading--family);font-size:clamp(2.75rem,7vw,6.5rem);font-weight:var(--font-heading--weight);letter-spacing:-.045em;line-height:.92;text-wrap:balance}.hof-directory__title em{font-style:italic;letter-spacing:-.03em}.hof-directory__intro{max-inline-size:46ch;color:var(--hof-dir-muted);font-size:clamp(.95rem,1.1vw,1.05rem);line-height:1.7;text-wrap:pretty}.hof-directory__intro p{margin:0}.hof-directory__intro p+p{margin-block-start:.9em}.hof-directory__tally{display:flex;align-items:center;gap:8px;margin:clamp(20px,2.4vw,30px) 0 0;color:var(--hof-dir-muted);font-size:.66rem;letter-spacing:.2em;text-transform:uppercase}.hof-directory__tally span{color:var(--hof-dir-ink);font-variant-numeric:tabular-nums}.hof-directory__tally-sep{opacity:.45}.hof-directory__filter-wrap{position:sticky;inset-block-start:0;z-index:4;margin-inline:calc(var(--hof-dir-side) * -1);padding-inline:var(--hof-dir-side);background:color-mix(in srgb,var(--hof-dir-bg) 92%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-block-end:1px solid var(--hof-dir-rule)}.hof-directory__filter{display:flex;gap:clamp(20px,3vw,46px);max-inline-size:var(--hof-dir-max);margin-inline:auto;overflow-x:auto;scrollbar-width:none}.hof-directory__filter::-webkit-scrollbar{display:none}.hof-directory__filter-item{position:relative;display:flex;align-items:flex-start;gap:7px;flex:0 0 auto;min-block-size:46px;padding:0;border:0;background:none;color:var(--hof-dir-muted);cursor:pointer;font-family:inherit;font-size:.72rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;transition:color .24s ease}.hof-directory__filter-item:after{content:"";position:absolute;inset-block-end:-1px;inset-inline-start:0;inline-size:100%;block-size:2px;background:var(--hof-dir-accent, var(--hof-dir-ink));transform:scaleX(0);transform-origin:left;transition:transform .32s cubic-bezier(.22,1,.36,1)}.hof-directory__filter-item:hover,.hof-directory__filter-item:focus-visible{color:var(--hof-dir-ink)}.hof-directory__filter-item.is-active{color:var(--hof-dir-ink)}.hof-directory__filter-item.is-active:after{transform:scaleX(1)}.hof-directory__filter-count{font-size:.58rem;font-variant-numeric:tabular-nums;letter-spacing:.06em;opacity:.55;transform:translateY(-2px)}.hof-directory__world{padding-block:clamp(52px,7vw,104px);border-block-end:1px solid var(--hof-dir-rule)}.hof-directory__world:last-child{border-block-end:0}.hof-directory__world[hidden]{display:none}.hof-directory__world-head{display:grid;grid-template-columns:64px minmax(0,1fr) minmax(0,.8fr);align-items:start;gap:clamp(20px,3vw,56px);margin-block-end:clamp(38px,4.5vw,66px)}.hof-directory__world-marker{display:flex;align-items:center;gap:12px;padding-block-start:6px;color:var(--hof-dir-accent)}.hof-directory__world-index{font-size:.68rem;font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:.12em}.hof-directory__world-dash{flex:1;block-size:1px;background:currentColor;opacity:.4}.hof-directory__world-kicker{margin:0 0 12px;color:var(--hof-dir-accent);font-size:.64rem;font-weight:500;letter-spacing:.24em;text-transform:uppercase}.hof-directory__world-title{margin:0;font-family:var(--font-heading--family);font-size:clamp(1.9rem,4vw,3.6rem);font-weight:var(--font-heading--weight);letter-spacing:-.035em;line-height:1;text-wrap:balance}.hof-directory__world-title em{font-style:italic}.hof-directory__world-note{padding-block-start:8px}.hof-directory__world-description{color:var(--hof-dir-muted);font-size:.92rem;line-height:1.7;text-wrap:pretty}.hof-directory__world-description p{margin:0}.hof-directory__world-link{display:inline-flex;align-items:center;gap:10px;min-block-size:44px;margin-block-start:14px;color:var(--hof-dir-ink);font-size:.68rem;font-weight:600;letter-spacing:.16em;text-decoration:none;text-transform:uppercase}.hof-directory__world-link .hof-directory__arrow{transition:transform .3s cubic-bezier(.22,1,.36,1)}.hof-directory__world-link:hover .hof-directory__arrow,.hof-directory__world-link:focus-visible .hof-directory__arrow{transform:translate(6px)}.hof-directory__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(24px,2.6vw,44px) clamp(16px,1.8vw,28px);margin:0;padding:0;list-style:none}.hof-directory--stagger .hof-directory__cell:nth-child(2n){transform:translateY(clamp(16px,2.6vw,44px))}.hof-directory__grid:not(:has(>:nth-child(3))){grid-template-columns:repeat(2,minmax(0,1fr))}.hof-directory__grid:not(:has(>:nth-child(3))) .hof-directory__media{aspect-ratio:3 / 2}.hof-directory__grid:not(:has(>:nth-child(3))) .hof-directory__name{font-size:clamp(1.2rem,1.7vw,1.7rem)}.hof-directory--stagger .hof-directory__grid:not(:has(>:nth-child(3))) .hof-directory__cell{transform:none}.hof-directory__card{display:grid;gap:0;color:inherit;text-decoration:none}.hof-directory__media{position:relative;display:block;overflow:hidden;aspect-ratio:4 / 5;background:var(--hof-dir-card)}.hof-directory__img{inline-size:100%;block-size:100%;object-fit:cover;transform:scale(1.001);transition:transform .9s cubic-bezier(.22,1,.36,1);will-change:transform}.hof-directory__card:hover .hof-directory__img,.hof-directory__card:focus-visible .hof-directory__img{transform:scale(1.055)}.hof-directory__media-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--hof-dir-accent);font-family:var(--font-heading--family);font-size:clamp(3rem,6vw,5rem);opacity:.28}.hof-directory__count{position:absolute;inset-block-end:12px;inset-inline-start:12px;padding:6px 11px;background:color-mix(in srgb,var(--hof-dir-bg) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--hof-dir-ink);font-size:.56rem;font-variant-numeric:tabular-nums;letter-spacing:.14em;text-transform:uppercase;opacity:0;transform:translateY(6px);transition:opacity .34s ease,transform .34s cubic-bezier(.22,1,.36,1)}.hof-directory__card:hover .hof-directory__count,.hof-directory__card:focus-visible .hof-directory__count{opacity:1;transform:translateY(0)}.hof-directory__meta{position:relative;display:grid;gap:6px;padding-block-start:16px}.hof-directory__index{color:var(--hof-dir-accent);font-size:.58rem;font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:.16em}.hof-directory__name{font-family:var(--font-heading--family);font-size:clamp(1rem,1.15vw,1.22rem);font-weight:var(--font-heading--weight);letter-spacing:-.015em;line-height:1.25}.hof-directory__note{color:var(--hof-dir-muted);font-size:.78rem;line-height:1.5;text-wrap:pretty}.hof-directory__rule{display:block;block-size:1px;margin-block-start:12px;background:var(--hof-dir-accent);transform:scaleX(0);transform-origin:left;transition:transform .52s cubic-bezier(.22,1,.36,1)}.hof-directory__card:hover .hof-directory__rule,.hof-directory__card:focus-visible .hof-directory__rule{transform:scaleX(1)}.hof-directory__card:focus-visible{outline:1px solid var(--hof-dir-ink);outline-offset:6px}.hof-directory__footer{margin:clamp(40px,5vw,72px) 0 0;color:var(--hof-dir-muted);font-size:.66rem;letter-spacing:.18em;text-align:center;text-transform:uppercase}@media screen and (max-width:1200px){.hof-directory__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (max-width:989px){.hof-directory__masthead{grid-template-columns:1fr;align-items:start;gap:26px}.hof-directory__world-head{grid-template-columns:44px minmax(0,1fr);gap:16px 24px}.hof-directory__world-note{grid-column:2 / -1;padding-block-start:0}.hof-directory__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:749px){.hof-directory{padding-inline:var(--hof-dir-mobile-side)}.hof-directory__filter-wrap{margin-inline:calc(var(--hof-dir-mobile-side) * -1);padding-inline:var(--hof-dir-mobile-side)}.hof-directory__world-head{grid-template-columns:1fr}.hof-directory__world-marker{display:none}.hof-directory__world-note{grid-column:auto}.hof-directory--stagger .hof-directory__cell:nth-child(2n){transform:none}.hof-directory__count{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.hof-directory__img,.hof-directory__rule,.hof-directory__count,.hof-directory__arrow,.hof-directory__filter-item:after{transition-duration:.01ms}.hof-directory--stagger .hof-directory__cell:nth-child(2n){transform:none}}
/*# sourceMappingURL=/cdn/shop/t/55/assets/hof-category-directory.css.map */