/* Homepage slide deck showcase. Flat design-system surfaces: 1px borders, 12px card corners, no shadows. */
.showcase-deck-section{--deck-border:var(--interactive-border,#262626);--deck-border-hover:var(--interactive-border-hover,#363636);--deck-muted:var(--surface-muted-foreground,#9e9e9e);padding:96px 24px;background:#111;color:#fff;font-family:'Eshlon Sans',sans-serif}
.showcase-deck-wrap{max-width:1200px;margin:auto}
.showcase-deck-heading{text-align:center;margin-bottom:48px;scroll-margin-top:96px}
.showcase-deck-heading h2{font-size:clamp(34px,4.6vw,56px);font-weight:500;line-height:1.12;letter-spacing:-.055em;margin:0 0 20px}
.showcase-deck-heading h2 span{color:#9b9b9b}
.showcase-deck-heading p{max-width:620px;margin:0 auto;font-size:18px;line-height:28px;color:var(--deck-muted)}

/* The slide is the visual: full section width, no window chrome. */
.showcase-deck-stage{position:relative;aspect-ratio:16/9;overflow:hidden;border:1px solid var(--deck-border);border-radius:12px;background:#fff;touch-action:pan-y}
.showcase-deck-stage img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity 350ms ease;user-select:none;-webkit-user-drag:none}
.showcase-deck-stage img.is-current{opacity:1}

.showcase-deck-strip-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:16px}
.showcase-deck-strip{position:relative;display:flex;gap:12px;padding:2px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none}
.showcase-deck-strip::-webkit-scrollbar{display:none}
.showcase-deck-strip[data-fade=end]{mask-image:linear-gradient(90deg,#000 calc(100% - 56px),transparent)}
.showcase-deck-strip[data-fade=start]{mask-image:linear-gradient(90deg,transparent,#000 56px)}
.showcase-deck-strip[data-fade=both]{mask-image:linear-gradient(90deg,transparent,#000 56px,#000 calc(100% - 56px),transparent)}
.showcase-deck-thumb{flex:0 0 204px;aspect-ratio:16/9;padding:0;overflow:hidden;border:1px solid var(--deck-border);border-radius:8px;background:#fff;cursor:pointer;opacity:.5;scroll-snap-align:center;transition:opacity 150ms ease,border-color 150ms ease}
.showcase-deck-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.showcase-deck-thumb:hover{opacity:.85;border-color:var(--deck-border-hover)}
.showcase-deck-thumb[aria-current=true]{opacity:1;border-color:#fff;box-shadow:0 0 0 1px #fff}
.showcase-deck-thumb:focus-visible,.showcase-deck-nav:focus-visible{outline:2px solid var(--interactive-border-focus,#525252);outline-offset:3px}

.showcase-deck-nav{display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid var(--deck-border);border-radius:10px;corner-shape:squircle;background:transparent;color:var(--deck-muted);cursor:pointer;transition:background-color 150ms ease,border-color 150ms ease,color 150ms ease}
.showcase-deck-nav:hover{background:var(--interactive-hover,#ffffff0d);border-color:var(--deck-border-hover);color:#fff}
.showcase-deck-nav:active{background:var(--interactive-active,#ffffff1c)}
.showcase-deck-nav svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
@supports(corner-shape:squircle){.showcase-deck-nav{border-radius:50px}}

@media(max-width:760px){
 .showcase-deck-section{padding:64px 20px}
 .showcase-deck-heading{margin-bottom:32px}
 .showcase-deck-heading p{font-size:16px;line-height:26px}
 .showcase-deck-stage{border-radius:8px}
 .showcase-deck-strip-row{grid-template-columns:minmax(0,1fr);margin-top:12px}
 .showcase-deck-nav{display:none}
 .showcase-deck-strip{gap:8px}
 .showcase-deck-thumb{flex-basis:148px;border-radius:6px}
}
@media(prefers-reduced-motion:reduce){.showcase-deck-stage img,.showcase-deck-thumb,.showcase-deck-nav{transition:none}}