/* START_SECTION:cosmo-skin-needs (INDEX:32) */
.cn-directory{max-width:1440px;margin:48px auto 72px;padding:0 32px}.cn-directory__intro{max-width:760px;margin-bottom:36px}.cn-directory__intro h1,.cn-directory__intro h2{font-size:clamp(34px,4.5vw,62px);line-height:1.1;letter-spacing:-.04em;margin:0 0 20px}.cn-directory__intro p{font-size:18px;line-height:1.6;margin:0}.cn-directory__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}.cn-directory__card{display:flex;flex-direction:column;text-decoration:none;color:inherit;min-width:0}.cn-directory__visual{aspect-ratio:1;background:#f5f3ef;border-radius:24px;overflow:hidden;padding:16px}.cn-directory__visual img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.cn-directory__label{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 2px 0}.cn-directory__label h2,.cn-directory__label h3{font-size:21px;line-height:1.35;letter-spacing:-.02em;margin:0}.cn-directory__label span{font-size:24px;flex-shrink:0}.cn-directory__card:hover img{transform:scale(1.03)}.cn-directory__card:focus-visible{outline:2px solid currentColor;outline-offset:6px;border-radius:24px}@media(max-width:749px){.cn-directory{margin:28px auto 48px;padding:0 20px}.cn-directory__intro{margin-bottom:28px}.cn-directory__intro p{font-size:16px}.cn-directory__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 14px}.cn-directory__visual{border-radius:16px;padding:8px}.cn-directory__label{padding-top:12px;gap:6px}.cn-directory__label h2,.cn-directory__label h3{font-size:16px}.cn-directory__label span{font-size:19px}}@media(prefers-reduced-motion:reduce){.cn-directory__visual img{transition:none}}
.cn-directory .cn-directory__visual{padding:0}.cn-directory .cn-directory__visual img{display:block;object-fit:cover;mix-blend-mode:normal}
.cn-directory__card .cosmo-need-caption{display:block;font-size:14px;line-height:1.55;color:#595959;margin-top:8px}.cn-directory__more{margin-top:24px}.index-template .cn-directory{margin-block:42px}.index-template .cn-directory__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.index-template .cn-directory__intro h2{font-size:clamp(28px,3.5vw,44px)}@media(max-width:749px){.index-template .cn-directory__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cn-directory__card .cosmo-need-caption{font-size:13px}.index-template .cn-directory{margin-block:32px}}
.cn-directory--carousel .cn-directory__grid{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 72px)/4);grid-template-columns:none;gap:24px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scroll-padding-inline:4px;padding:4px 4px 18px;scrollbar-width:thin}.cn-directory--carousel .cn-directory__card{scroll-snap-align:start}.cn-directory--carousel .cn-directory__card:focus-visible{outline-offset:2px}@media(max-width:749px){.index-template .cn-directory--carousel .cn-directory__grid{grid-template-columns:none;grid-auto-columns:72%;gap:16px;margin-right:-20px;padding-right:20px;padding-bottom:16px;scroll-padding-inline:4px}}
/* END_SECTION:cosmo-skin-needs */