.showcase{gap:10px;height:clamp(400px,54vh,540px);margin-top:44px;display:flex}.showcase__panel{cursor:pointer;background:var(--c-ink);border-radius:18px;flex:1 1 0;min-width:0;transition:flex-grow .56s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.showcase__panel[data-active=true]{flex-grow:5.5}.showcase__panel .showcase__media{position:absolute;inset:0}.showcase__img{object-fit:cover;filter:grayscale()brightness(.6);width:100%;height:100%;transition:filter .56s,transform 7s;position:absolute;inset:0;transform:scale(1.04)}.showcase__panel[data-active=true] .showcase__img{filter:grayscale()brightness(.88);transform:scale(1)}.showcase__scrim{background:linear-gradient(#0e0e100f 0%,#0e0e1059 55%,#0e0e10db 100%);position:absolute;inset:0}.showcase__label{font-family:var(--f-display);letter-spacing:.01em;color:#fff;pointer-events:none;font-size:16px;font-weight:600;line-height:1.15;transition:opacity .3s;position:absolute;bottom:22px;left:16px;right:16px}.showcase__panel[data-active=true] .showcase__label{opacity:0}.showcase__detail{color:#fff;opacity:0;pointer-events:none;padding:30px;transition:opacity .42s .12s,transform .42s .12s;position:absolute;bottom:0;left:0;right:0;transform:translateY(12px)}.showcase__panel[data-active=true] .showcase__detail{opacity:1;pointer-events:auto;transform:translateY(0)}.showcase__num{font-family:var(--f-mono);letter-spacing:.2em;color:#ffffffa6;font-size:12px;display:block}.showcase__name{font-family:var(--f-display);letter-spacing:-.02em;color:#fff;margin:8px 0 12px;font-size:clamp(26px,3vw,36px);font-weight:500;line-height:1.02}.showcase__intro{color:#ffffffdb;max-width:48ch;font-size:15px;line-height:1.55}.showcase__meta{flex-wrap:wrap;align-items:center;gap:20px;margin-top:20px;display:flex}.showcase__tag{font-family:var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--c-brand-soft);font-size:11px}.showcase__more{background:var(--c-cta);color:var(--c-on-cta);font-family:var(--f-display);border-radius:999px;align-items:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:600;text-decoration:none;transition:background .14s,transform .14s;display:inline-flex}.showcase__more:hover{background:var(--c-cta-2);transform:translateY(-1px)}@media (max-width:820px){.showcase{flex-direction:column;gap:8px;height:auto}.showcase__panel{border-radius:14px;flex:none;height:72px;transition:height .48s cubic-bezier(.4,0,.2,1)}.showcase__panel[data-active=true]{height:360px}.showcase__label{writing-mode:horizontal-tb;font-size:18px;top:50%;bottom:auto;left:22px;transform:translateY(-50%)}.showcase__detail{padding:22px}.showcase__intro{font-size:14px}}@media (prefers-reduced-motion:reduce){.showcase__panel,.showcase__img,.showcase__detail,.showcase__label{transition-duration:1ms}.showcase__img{transform:none}}