/* Compact gallery: comparable previews and a clear route into every demo. */
.showcase-intro{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;padding-block:32px 38px}
.showcase-intro h1{font-size:clamp(2.4rem,3.8vw,3.6rem);line-height:1.06;letter-spacing:-.035em}
.showcase-intro p{font-size:1rem;line-height:1.6;color:var(--muted);max-width:50ch}
.showcase-intro .showcase-disclosure{font-size:.8rem;margin:12px 0 0;max-width:58ch}
.showcase-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 24px;padding-bottom:56px}
.showcase-project{min-width:0;display:flex;flex-direction:column}
.showcase-preview{position:relative;display:block;overflow:hidden;border-radius:12px;background:#f1f1f3;border:1px solid var(--line)}
.showcase-preview>img{width:100%;height:auto;aspect-ratio:1.8;object-fit:cover;object-position:top;transition:transform .3s ease-out}
.showcase-open{display:none}
.showcase-caption{padding-top:16px;display:flex;flex-direction:column;flex:1}
.showcase-caption>div{display:block}
.showcase-caption h2{font-size:1.5rem;line-height:1.2;letter-spacing:-.025em}
.showcase-caption span{display:block;font-size:.8rem;line-height:1.5;color:var(--muted);margin-top:4px}
.showcase-caption p{font-size:.9rem;line-height:1.55;color:var(--muted);margin:12px 0 8px;max-width:57ch}
.showcase-caption .text-link{font-size:.9rem;min-height:44px;width:fit-content;margin-top:auto}
.showcase-preview:focus-visible{outline:3px solid var(--violet);outline-offset:4px}
.showcase-preview:active{transform:scale(.99)}
.showcase-note{border-top:1px solid var(--line);padding-block:40px}
.showcase-note h2{font-size:clamp(1.8rem,2.6vw,2.6rem)}
.showcase-note p{max-width:65ch;color:var(--muted);margin:20px 0;line-height:1.65}
.showcase-teaser{display:flex;gap:40px;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-block:55px;margin-top:35px}.showcase-teaser h2{font-size:clamp(2rem,3vw,2.8rem)}.showcase-teaser p{max-width:52ch;color:var(--muted);margin:18px 0 0;line-height:1.65}.showcase-teaser>.button{flex-shrink:0}

@media(hover:hover) and (prefers-reduced-motion:no-preference){.showcase-preview:hover>img{transform:scale(1.025)}}
@media(max-width:1100px){.showcase-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.showcase-intro{grid-template-columns:1fr;gap:18px;padding-block:22px 28px}.showcase-intro h1{font-size:clamp(2.2rem,8vw,2.8rem)}.showcase-intro p{font-size:.95rem}.showcase-list{gap:28px 20px}.showcase-caption p{font-size:.875rem}.showcase-note{padding-block:32px}.showcase-teaser{display:block;padding-block:38px}.showcase-teaser>.button{margin-top:25px}}
@media(max-width:540px){.showcase-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px;padding-bottom:36px}.showcase-preview{border-radius:8px}.showcase-preview>img{aspect-ratio:1.6}.showcase-caption{padding-top:10px}.showcase-caption h2{font-size:1.2rem}.showcase-caption span{font-size:.75rem}.showcase-caption p{display:none}.showcase-caption .text-link{font-size:.8rem;gap:7px;margin-top:4px}.page-showcase .whatsapp-float{position:relative;right:auto;bottom:auto;z-index:auto;width:fit-content;margin:24px auto 32px}.page-showcase .site-footer{padding-bottom:24px}}
@media(prefers-reduced-motion:reduce){.showcase-preview>img{transition:none}.showcase-preview:active{transform:none}}