
.showcase{position:relative;margin-top:calc(var(--cell)*1.5)}
.sc-slide{margin:0;display:grid;gap:18px;grid-template-columns:minmax(0,3fr) minmax(260px,1fr);align-items:stretch}
.sc-img{display:block;border:1px solid var(--g-line);border-radius:12px;overflow:hidden;background:var(--g-panel,#fff)} .sc-img img{display:block;width:100%;height:auto;max-height:520px;object-fit:contain;object-position:center}
.sc-cap{display:flex;flex-direction:column;gap:10px;padding:18px 20px;border:1px solid var(--g-line);border-left:3px solid var(--g-accent);border-radius:12px}
.sc-arc{font:700 var(--text-xs) var(--g-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--g-dim)} .sc-title{font:700 24px/1.15 var(--g-display);letter-spacing:-.02em} .sc-tell{font:var(--text-md,17px)/1.45 var(--g-ui)} .sc-door{margin-top:auto;align-self:flex-start}
.sc-ctl{display:flex;align-items:center;gap:8px;margin-top:12px}
.sc-nav{width:44px;height:44px;border:1px solid var(--g-line);border-radius:999px;background:transparent;color:var(--g-ink);font:600 22px/1 var(--g-ui);cursor:pointer}
.sc-dots{display:flex;gap:4px;flex:1;justify-content:center} .sc-dot{width:44px;height:44px;border:0;background:transparent;cursor:pointer;position:relative} .sc-dot::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:var(--g-dim);opacity:.5} .sc-dot[aria-selected="true"]::after{background:var(--g-accent);opacity:1;transform:scale(1.3)}
@media (max-width:900px){.sc-slide{grid-template-columns:1fr} .sc-img img{max-height:320px}}
.sc-slide[hidden]{display:none}

.sc-slide img,.sc-slide picture{border:1.5px solid rgba(255,255,255,.85);border-radius:10px;display:block;width:100%;height:auto;box-sizing:border-box}
