/* A common compact gallery, horizontal on desktop and mobile. */
body [data-portfolio-teaser] .portfolio-teaser-track{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/3);grid-template-columns:none;gap:24px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:3px 0 15px;scrollbar-width:thin;scrollbar-color:#ffffff40 transparent}
body [data-portfolio-teaser] .studio-work-card{min-width:0;display:block;padding:0;border:0;color:var(--ink);background:transparent;text-align:left;font:inherit;cursor:pointer;scroll-snap-align:start}
body [data-portfolio-teaser] .studio-work-card>div{aspect-ratio:4/3;overflow:hidden;background:#181818}
body [data-portfolio-teaser] .studio-work-card img{width:100%;height:100%;object-fit:cover;display:block}
body [data-portfolio-teaser] .studio-work-card>span{display:block;font-size:12px;line-height:1.6;color:#999;margin-top:12px}
body [data-portfolio-teaser] .portfolio-teaser-more>div{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;border:1px solid #ffffff35;box-sizing:border-box;background:transparent;color:var(--yellow)}
.portfolio-teaser-more strong{font-size:19px;font-weight:500}.portfolio-teaser-more small{font-size:12px;color:#999}.portfolio-teaser-more[hidden]{display:none!important}
.portfolio-teaser-controls{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:12px}.portfolio-teaser-controls>span{font-size:11px;color:#888;margin-right:10px}.portfolio-teaser-controls button{display:grid;place-items:center;width:40px;height:40px;border:1px solid #ffffff40;border-radius:50%;background:transparent;color:var(--yellow);cursor:pointer}.portfolio-teaser-controls button:disabled{opacity:.3;cursor:default}body [data-portfolio-teaser] .studio-work-card:focus-visible,.portfolio-teaser-controls button:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}
.preview-grid>.preview-more{display:grid;place-items:center;aspect-ratio:4/3;width:100%;margin:0;border:1px solid #ffffff40;background:none;color:var(--yellow);font-size:18px;cursor:pointer}
.portfolio-track>.preview-more{flex:0 0 78%;display:grid;place-items:center;aspect-ratio:4/3;border:1px solid #ffffff40;background:#111;color:var(--yellow);font-size:24px;cursor:pointer}
@media(max-width:600px){body [data-portfolio-teaser] .portfolio-teaser-track{grid-auto-columns:82%;gap:16px}body [data-portfolio-teaser] .studio-work-card>span{font-size:11px}.portfolio-teaser-controls button{width:36px;height:36px}.portfolio-track>.preview-more{flex-basis:88%}}

/* Load-more tiles share the image top edge, without the former standalone-button margin. */
.portfolio-track>.preview-more{margin:0;align-self:flex-start;min-width:0;padding:0;box-sizing:border-box}.preview-grid>.preview-more{align-self:start}body [data-portfolio-teaser] .studio-work-card{align-self:start}