/* Homepage project previews only. Keep the existing layered browser design. */
.studio-showcase{min-width:0;width:100%}
.studio-showcase [hidden]{display:none!important}
.studio-showcase .studio-browser>a{display:block;color:inherit}
.studio-showcase .studio-browser:focus-within{outline:3px solid #d6ab6b;outline-offset:5px}
.showcase-controls{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:12px;align-items:center;position:relative;z-index:6;margin-top:24px}
.showcase-arrow{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #d6ab6b70;border-radius:50%;background:transparent;color:#f9f5ed;cursor:pointer;transition:background .2s,border-color .2s}
.showcase-arrow:hover{background:#d6ab6b22;border-color:#d6ab6b}
.showcase-arrow svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.showcase-caption{text-align:center;margin:0;color:#f9f5ed;font-size:.8rem;line-height:1.5}
.showcase-caption span{display:block}
.showcase-caption [data-showcase-count]{font-size:.6rem;letter-spacing:.18em;color:#d6ab6b;margin-bottom:4px;font-variant-numeric:tabular-nums}
.showcase-picks{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;grid-column:1/-1}
.showcase-picks button{min-height:44px;max-width:100%;padding:9px 12px;border:1px solid #ffffff26;border-radius:3px;background:transparent;color:#e2e5e5;font:inherit;font-size:.65rem;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.showcase-picks button:hover{border-color:#d6ab6b99}
.showcase-picks button[aria-pressed=true]{background:#d6ab6b;color:#111e28;border-color:#d6ab6b}
.showcase-controls button:focus-visible{outline:3px solid #f9f5ed;outline-offset:4px}
.studio-home .studio-work-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.studio-home .studio-work-grid .studio-project-image{min-height:0;padding:18px 18px 0}
.studio-home .studio-work-grid .studio-image-frame img{height:auto;aspect-ratio:1.55;object-fit:cover;object-position:top}
.studio-project-stillmark .studio-project-image{background:#4b5141}
@media(max-width:900px){.studio-showcase{width:min(650px,100%);margin-inline:auto}.studio-home .studio-work-grid{grid-template-columns:1fr;gap:35px}.showcase-controls{margin-top:24px}}
@media(max-width:640px){.showcase-controls{margin-top:22px;gap:10px}.showcase-caption{font-size:.75rem}.showcase-picks button{padding-inline:10px;font-size:.62rem}.studio-home .studio-work-grid .studio-project-image{padding:16px 16px 0}}
@media(prefers-reduced-motion:reduce){.showcase-controls button{transition:none}}
html.motion-paused .showcase-controls button{transition:none}