.studio-directory{padding-block:48px 70px;overflow-wrap:anywhere}.studio-directory [hidden]{display:none!important}.studio-directory-intro{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.72fr);gap:80px;align-items:center;margin-bottom:42px}.studio-directory-intro>.studio-directory-steps{min-width:0}.studio-directory-intro h1{font-size:clamp(40px,4.5vw,66px);line-height:1.06;letter-spacing:-.055em;font-weight:600;max-width:730px;margin:20px 0}.studio-directory .eyebrow{color:#a83c1d;font-size:12px;line-height:1.6;letter-spacing:.11em}.studio-directory-description{font-size:16px;line-height:1.75;max-width:610px;color:#5b625c;margin:0 0 22px}.studio-saved-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:13px;font-weight:500}.studio-saved-link>span{width:34px;height:34px;border:1px solid #c5cbc2;border-radius:50%;display:grid;place-items:center}.studio-saved-link:hover{color:#a83c1d}.studio-directory-steps{border:1px solid #d2d7ce;padding:25px 27px;background:#eeeee7}.studio-directory-steps>.eyebrow{margin:0 0 22px}.studio-directory-steps ol{padding:0;margin:0;list-style:none;display:grid;gap:20px}.studio-directory-steps li{display:flex;align-items:flex-start;gap:15px}.studio-directory-steps li>span{font-size:12px;color:#a83c1d;padding-top:3px}.studio-directory-steps strong{font-weight:600;font-size:14px;line-height:1.5}.studio-directory-steps li p{font-size:12px;line-height:1.65;color:#60675f;margin:4px 0 0}.studio-directory-controls{border-top:1px solid #d2d7ce;padding-top:26px;margin-bottom:24px;display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.8fr);gap:20px 28px;align-items:end}.studio-search-field label{display:block;font-size:12px;font-weight:600;margin-bottom:10px}.studio-search-field>div{position:relative}.studio-search-field svg{stroke:#687167;stroke-width:1.5;position:absolute;left:16px;top:15px;pointer-events:none}.studio-search-field input{width:100%;min-width:0;height:52px;background:#fff;border:1px solid #b8c0b4;border-radius:0;padding:12px 14px 12px 48px;font:inherit;font-size:16px;color:#19201e}.studio-filter-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.studio-filter-buttons button{min-height:44px;padding:10px 15px;border:1px solid #c5cbc2;background:transparent;color:#343d35;font:inherit;font-size:12px;line-height:1.5;cursor:pointer}.studio-filter-buttons button:hover{border-color:#19201e;background:#e5e9e0}.studio-filter-buttons button[aria-pressed=true]{background:#19201e;border-color:#19201e;color:#fff}.studio-directory-results{grid-column:1/-1;display:flex;justify-content:space-between;gap:18px;align-items:center;min-height:32px}.studio-directory-results p{font-size:12px;color:#60675f;margin:0}.studio-directory-results button{border:0;background:none;font:inherit;font-size:12px;text-decoration:underline;text-underline-offset:4px;cursor:pointer;min-height:44px}.studio-directory-results button span{font-size:18px;margin-left:9px}.studio-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.studio-directory-card{min-width:0;display:flex;flex-direction:column;border:1px solid #d2d7ce;background:#f9f8f4;color:#19201e;transition:box-shadow .2s,border-color .2s}.studio-directory-card:hover,.studio-directory-card:focus-visible{border-color:#929d8a;box-shadow:0 10px 25px #26352812}.studio-directory-image{position:relative;aspect-ratio:4/3;overflow:hidden;background:#e6e8e3}.studio-directory-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s}.studio-directory-card:hover img{transform:scale(1.025)}.studio-directory-image>span{position:absolute;right:14px;bottom:14px;width:37px;height:37px;display:grid;place-items:center;background:#f9f8f4;border:1px solid #d2d7ce;border-radius:50%;font-size:20px;transition:background .2s}.studio-directory-card:hover .studio-directory-image>span{background:#ff9c6a;border-color:#ff9c6a}.studio-directory-card--miniature .studio-directory-image{background:#162024}.studio-directory-card--miniature img{object-fit:contain}.studio-directory-card--chain img{object-fit:contain}.studio-directory-card-copy{padding:23px;display:flex;flex-direction:column;flex:1;min-width:0}.studio-directory-card-copy .eyebrow{font-size:12px;letter-spacing:.06em;margin:0 0 11px}.studio-directory-card h2{font-size:25px;font-weight:600;line-height:1.18;letter-spacing:-.04em;margin:0 0 12px}.studio-directory-card-copy>p:not(.eyebrow){font-size:13px;line-height:1.75;color:#5b625c;margin:0 0 22px}.studio-card-action{border-top:1px solid #d2d7ce;padding-top:14px;margin-top:auto;font-size:12px;font-weight:500;display:flex;justify-content:space-between;gap:12px}.studio-card-action>span{color:#a83c1d;font-size:17px}.studio-directory-empty{border:1px solid #d2d7ce;padding:42px;max-width:800px;margin:25px auto 45px;text-align:center}.studio-directory-empty h2{font-size:29px;line-height:1.3;letter-spacing:-.035em;margin:0 0 15px}.studio-directory-empty p{font-size:14px;line-height:1.8;color:#60675f;margin:0 auto 23px;max-width:550px}.studio-directory-empty .text-link{margin-left:24px;font-size:13px;line-height:1.6}.studio-directory-next{margin-top:45px;padding:30px;background:#e7ebe2;display:flex;justify-content:space-between;align-items:center;gap:35px}.studio-directory-next>div{min-width:0}.studio-directory-next h2{font-size:26px;line-height:1.25;letter-spacing:-.035em;margin:0 0 12px;max-width:530px}.studio-directory-next p{font-size:13px;line-height:1.8;max-width:550px;margin:0;color:#5b625c}.studio-directory-next>div:last-child{display:flex;flex-direction:column;align-items:center;gap:18px}.studio-directory-next .button{font-size:12px;white-space:normal;text-align:center;flex-shrink:0}.studio-directory-next .text-link{font-size:12px;line-height:1.7}
@media(max-width:1100px){.studio-directory-intro{gap:35px;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr)}.studio-directory-controls{grid-template-columns:1fr}.studio-directory-grid{gap:18px}.studio-directory-card-copy{padding:20px}.studio-directory-card h2{font-size:23px}}
@media(max-width:850px){.studio-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-directory-intro{gap:28px}.studio-directory-steps{padding:22px}.studio-directory-next{gap:24px;padding:25px}.studio-directory-next h2{font-size:24px}}
@media(max-width:650px){.studio-directory{padding-block:30px 42px}.studio-directory-intro{grid-template-columns:1fr;gap:22px;margin-bottom:28px}.studio-directory-intro h1{font-size:clamp(36px,9vw,51px);max-width:520px;margin-block:15px 18px}.studio-directory-description{font-size:14px}.studio-directory-steps{padding:22px}.studio-directory-steps ol{gap:15px}.studio-directory-steps>.eyebrow{margin-bottom:17px}.studio-directory-controls{gap:18px;padding-top:23px}.studio-filter-buttons{gap:7px}.studio-filter-buttons button{padding:10px 12px;font-size:12px}.studio-directory-grid{grid-template-columns:1fr;gap:20px}.studio-directory-image{aspect-ratio:1.45}.studio-directory-card-copy{padding:22px}.studio-directory-card h2{font-size:27px}.studio-directory-card-copy>p:not(.eyebrow){font-size:14px}.studio-directory-card-copy .eyebrow{font-size:12px}.studio-directory-empty{padding:26px 20px}.studio-directory-empty h2{font-size:25px}.studio-directory-empty .text-link{display:block;margin:22px 0 0}.studio-directory-next{flex-direction:column;align-items:stretch}.studio-directory-next>div:last-child{align-items:stretch}.studio-directory-next .text-link{text-align:center}}
.studio-directory .studio-directory-controls .studio-search-field input[type=search]{padding:12px 14px 12px 48px;font-size:16px;color:#19201e;background:#fff;border:1px solid #b8c0b4;border-radius:0}.studio-directory-steps summary{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;list-style:none;margin:0}.studio-directory-steps summary::-webkit-details-marker{display:none}.studio-directory-steps summary>span{font-size:20px;line-height:1;flex-shrink:0}.studio-directory-steps[open] summary{margin-bottom:22px}.studio-directory-steps[open] summary>span{transform:rotate(45deg)}
.studio-directory-steps>summary.eyebrow{margin:0}.studio-directory-steps[open]>summary.eyebrow{margin-bottom:22px}.studio-directory-card--miniature .studio-directory-image{background:#e6e8e3}.studio-directory-card--miniature .studio-directory-image img{object-fit:cover}
@media(prefers-reduced-motion:reduce){.studio-directory-card,.studio-directory-image img,.studio-directory-image>span{transition:none}.studio-directory-card:hover img{transform:none}}
