.dir{padding-bottom:clamp(3rem,2rem + 4vw,6rem)}.dir-crumbs ol{color:var(--mb-muted);flex-wrap:wrap;gap:.25rem .5rem;margin:0;padding:1.25rem 0 0;font-size:.875rem;list-style:none;display:flex}.dir-crumbs li+li:before{content:"/";color:var(--mb-line);margin-right:.5rem}.dir-crumbs a{text-decoration:none}.dir-crumbs a:hover{color:var(--mb-ink);text-underline-offset:.18em;text-decoration:underline}.dir-hero{gap:2rem;padding-block:clamp(1.75rem,1rem + 3vw,3.5rem) clamp(2rem,1.5rem + 2vw,3.5rem);display:grid}@media (width>=1024px){.dir-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:4rem}.dir-hero--plain{grid-template-columns:minmax(0,52rem)}}.dir-hero h1{letter-spacing:-.035em;margin-top:.75rem;font-size:clamp(2.125rem,1.4rem + 3vw,3.75rem);line-height:1.04}.dir-lead{max-width:40rem;color:var(--mb-muted);margin-top:1.25rem;font-size:1.125rem}.dir-actions{flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin-top:1.75rem;display:flex}.dir-actions .button{min-height:3rem;padding-inline:1.5rem}.dir-link,.dir-style__links a,.dir-for-studios a,.dir-empty__studios a{text-decoration-color:var(--mb-line);text-underline-offset:.2em;font-size:.9375rem}.dir-link:hover,.dir-style__links a:hover,.dir-for-studios a:hover,.dir-empty__studios a:hover{text-decoration-color:var(--mb-ink)}.dir-hero__media img{aspect-ratio:3/2;object-fit:cover;border-radius:var(--radius);background:var(--mb-sand);width:100%}.dir-hero__media figcaption,.dir-section__lead{color:var(--mb-muted);margin-top:.5rem;font-size:.8125rem}.dir-section{border-top:1px solid var(--mb-line);padding-block:clamp(2rem,1.5rem + 2vw,3.5rem)}.dir-h2{font-size:clamp(1.5rem,1.2rem + 1.2vw,2.125rem);line-height:1.12}.dir-section__lead{max-width:44rem;font-size:.9375rem}.dir-cards{gap:1.5rem;margin:1.75rem 0 0;padding:0;list-style:none;display:grid}@media (width>=640px){.dir-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.dir-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}}.dir-card__link{border:1px solid var(--mb-line);border-radius:var(--radius);background:var(--mb-surface);flex-direction:column;height:100%;text-decoration:none;transition:border-color .2s;display:flex;overflow:hidden}.dir-card__link:hover{border-color:var(--mb-muted)}.dir-card__media{aspect-ratio:3/2;background:var(--mb-sand);place-items:center;display:grid}.dir-card__media img{object-fit:cover;width:100%;height:100%}.dir-card__initials{font-family:var(--font-display);color:var(--mb-muted);font-size:2.5rem}.dir-card__body{gap:.5rem;padding:1.125rem 1.25rem 1.375rem;display:grid}.dir-card__head{align-items:center;gap:.75rem;display:flex}.dir-card__logo{object-fit:contain;width:2.5rem;height:2.5rem}.dir-card h3{font-size:1.375rem;line-height:1.15}.dir-card__link:hover h3{text-underline-offset:.18em;text-decoration:underline 1px;text-decoration-color:var(--mb-lichen)}.dir-card__line{color:var(--mb-muted);align-items:center;gap:.375rem;font-size:.875rem;display:flex}.dir-card__line .icon{flex-shrink:0}.dir-card__verified .icon{color:var(--mb-accent)}.dir-card__about{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.9375rem;display:-webkit-box;overflow:hidden}.dir-card__styles,.dir-chips{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.dir-card__styles li{background:var(--mb-bg);border-radius:999px;padding:.125rem .625rem;font-size:.8125rem}.dir-empty{border:1px solid var(--mb-line);border-radius:var(--radius);background:var(--mb-surface);margin-top:1.75rem;padding:clamp(1.5rem,1rem + 2vw,2.5rem)}.dir-empty h3{font-size:clamp(1.375rem,1.1rem + 1vw,1.75rem);line-height:1.15}.dir-empty p{max-width:44rem;color:var(--mb-muted);margin-top:.75rem}.dir-empty__studios,.dir-for-studios{color:var(--mb-muted);font-size:.9375rem}.dir-for-studios{border-top:1px solid var(--mb-line);padding-block:1.5rem}.dir-style__grid{gap:2rem;margin-top:1.5rem;display:grid}@media (width>=1024px){.dir-style__grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:4rem}}.dir-style__text{max-width:var(--measure)}.dir-style__text>p+p{margin-top:1rem}.dir-style__short{font-family:var(--font-display);font-size:1.375rem;line-height:1.3}.dir-style__text h3{font-family:var(--font-sans);letter-spacing:0;margin-top:1.75rem;font-size:.875rem;font-weight:500}.dir-swatches,.dir-materials{flex-wrap:wrap;gap:.5rem 1.25rem;margin:.75rem 0 0;padding:0;font-size:.9375rem;list-style:none;display:flex}.dir-swatches li{align-items:center;gap:.5rem;display:inline-flex}.dir-swatch{border:1px solid var(--mb-line);border-radius:999px;width:1.5rem;height:1.5rem}.dir-materials li{border:1px solid var(--mb-line);border-radius:999px;padding:.25rem .75rem}.dir-style__links{flex-wrap:wrap;gap:.5rem 1.5rem;margin-top:2rem;display:flex}.dir-style__photos{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:.75rem;display:grid}.dir-style__photos img{aspect-ratio:4/5;object-fit:cover;border-radius:var(--radius);background:var(--mb-sand);width:100%}.dir-palettes{gap:2rem 1.5rem;margin:1.75rem 0 0;padding:0;list-style:none;display:grid}@media (width>=640px){.dir-palettes{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.dir-palettes{grid-template-columns:repeat(3,minmax(0,1fr))}}.dir-palette img{aspect-ratio:3/2;object-fit:cover;border-radius:var(--radius) var(--radius) 0 0;background:var(--mb-sand);width:100%}.dir-palette__colors{border-radius:0 0 var(--radius) var(--radius);height:.875rem;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.dir-palette__colors li{flex:1}.dir-palette h3{margin-top:1rem;font-size:1.25rem;line-height:1.2}.dir-palette p{color:var(--mb-muted);margin-top:.375rem;font-size:.9375rem}.dir-palette .dir-palette__usage{font-size:.875rem}.dir-styles{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.75rem 1rem;margin:1.75rem 0 0;padding:0;list-style:none;display:grid}@media (width>=640px){.dir-styles{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1024px){.dir-styles{grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem 1.5rem}}.dir-style-card{gap:.25rem;text-decoration:none;display:grid}.dir-style-card img{aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius);background:var(--mb-sand);width:100%;margin-bottom:.5rem}.dir-style-card__name{font-family:var(--font-display);font-size:1.25rem;line-height:1.2}.dir-style-card:hover .dir-style-card__name{text-underline-offset:.18em;text-decoration:underline 1px;text-decoration-color:var(--mb-lichen)}.dir-style-card__short{color:var(--mb-muted);font-size:.875rem}.dir-style-card__count{background:var(--mb-accent-soft);color:var(--mb-on-accent-soft);border-radius:999px;justify-self:start;margin-top:.25rem;padding:.125rem .625rem;font-size:.8125rem}.dir-cities{gap:1.5rem;margin:1.75rem 0 0;padding:0;list-style:none;display:grid}@media (width>=640px){.dir-cities{grid-template-columns:repeat(3,minmax(0,1fr))}}.dir-city{gap:.25rem;text-decoration:none;display:grid}.dir-city img{aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius);background:var(--mb-sand);width:100%;margin-bottom:.625rem}.dir-city__name{font-family:var(--font-display);align-items:center;gap:.5rem;font-size:1.75rem;line-height:1.1;display:inline-flex}.dir-city__name .icon{transition:transform .2s var(--ease)}.dir-city:hover .dir-city__name .icon{transform:translate(3px)}.dir-city__count{color:var(--mb-muted);font-size:.9375rem}.dir-band{gap:1rem;display:grid}.dir-band p{max-width:44rem;color:var(--mb-muted);margin-top:.75rem}@media (width>=1024px){.dir-band{grid-template-columns:minmax(0,1.4fr) auto;align-items:end;column-gap:3rem}}.dir-more .dir-h2+.dir-chips{margin-top:1rem}.dir-more .dir-chips+.dir-h2{margin-top:2rem}.dir-chips a{border:1px solid var(--mb-line);border-radius:999px;padding:.375rem .875rem;font-size:.9375rem;text-decoration:none;transition:border-color .2s;display:inline-block}.dir-chips a:hover{border-color:var(--mb-muted)}.dir-faq dl{border-top:1px solid var(--mb-line);max-width:48rem;margin:1.25rem 0 0}.dir-faq dl>div{border-bottom:1px solid var(--mb-line);padding-block:1.25rem}.dir-faq dt{font-family:var(--font-display);font-size:1.25rem;line-height:1.25}.dir-faq dd{color:var(--mb-muted);margin:.5rem 0 0}
