.home-showcase{margin:1.5rem auto 2rem;border:1px solid var(--line);border-radius:1rem;overflow:hidden;background:rgba(15,8,14,.85)}
.showcase-stage{aspect-ratio:2.3;position:relative;background:#080b12}
.showcase-slide{display:block;height:100%;color:#fff;text-decoration:none}
.showcase-slide[hidden]{display:none}
.showcase-slide img{width:100%;height:100%;object-fit:contain;display:block}
.showcase-slide span{position:absolute;bottom:0;left:0;right:0;padding:2.5rem 1.5rem 1rem;background:linear-gradient(transparent,rgba(0,0,0,.94));font-size:1.3rem;font-weight:800}
.showcase-slide small{display:block;font-size:.9rem;font-weight:500;margin-top:.25rem}
.showcase-controls{display:flex;align-items:center;gap:.65rem;padding:.6rem 1rem;border-bottom:1px solid var(--line)}
.showcase-controls p{margin:0;font-size:.85rem}
.showcase-controls button{background:rgba(255,255,255,.07);border:1px solid var(--line);color:var(--text);border-radius:.4rem;padding:.5rem .75rem;cursor:pointer;min-height:44px}
.showcase-controls button:last-child{margin-left:auto}
.showcase-intro{padding:1.4rem 1.5rem}
.showcase-intro h2{font-size:clamp(1.15rem,2.3vw,1.8rem);margin:.4rem 0}
.showcase-intro>p:not(.eyebrow){font-size:.95rem;line-height:1.75;max-width:100ch}
.current-work{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:2rem}
.work-destination{display:block;overflow:hidden;border:1px solid var(--line);border-radius:1rem;background:var(--glass);text-decoration:none;color:var(--text);transition:border-color .2s}
.work-destination:hover{border-color:#79c6ff}
.work-destination img{width:100%;aspect-ratio:2;object-fit:cover;display:block}
.work-destination>div{padding:1.25rem}
.work-destination h2{font-size:1.5rem;margin:.35rem 0}
.work-destination p{line-height:1.6}
.work-destination strong{color:#9bd7ff}
.showcase-slide:focus-visible,.work-destination:focus-visible,.showcase-controls button:focus-visible{outline:3px solid #9bd7ff;outline-offset:-3px}
@media(max-width:640px){.current-work{grid-template-columns:1fr}.showcase-stage{aspect-ratio:1.45}.showcase-slide span{font-size:1.05rem;padding:2rem .8rem .7rem}.showcase-slide small{font-size:.8rem}.showcase-intro{padding:1rem}}
.showcase-brand{position:relative}
.showcase-brand img{object-fit:cover}
.brand-mantra{position:absolute;bottom:0;left:0;right:0;text-align:center;padding:2.5rem 1rem .8rem;background:linear-gradient(transparent,rgba(0,0,0,.93));color:#fff;text-shadow:0 2px 8px #000}
.brand-mantra p{margin:0;font-size:clamp(1rem,2vw,1.6rem);font-weight:700;line-height:1.4}
.brand-mantra small{display:block;margin-top:.3rem;font-size:.75rem;color:#ddd}
.showcase-mosaic:not([hidden]){display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:3px}
.showcase-mosaic>a{position:relative;min-height:0;overflow:hidden;color:white;text-decoration:none}
.showcase-mosaic>a img{object-fit:cover;transition:transform .25s}
.showcase-mosaic>a:hover img{transform:scale(1.035)}
.showcase-mosaic>a span{font-size:clamp(.75rem,1.5vw,1rem);padding:1.5rem .75rem .5rem}
@media(max-width:640px){.showcase-brand img{object-fit:contain;object-position:center 20%}.brand-mantra{padding:1rem .6rem .65rem}.brand-mantra p{font-size:.9rem}.brand-mantra small{font-size:.65rem}}