.home-showcase{background:#242923;isolation:isolate}.showcase-slide{position:absolute;inset:0;opacity:0;transition:opacity .85s ease;pointer-events:none}.showcase-slide.is-active{opacity:1}.showcase-slide picture,.showcase-slide img{display:block;width:100%;height:100%}.showcase-slide img{object-fit:cover;object-position:center;transform:scale(1.035)}.showcase-slide.is-active img{animation:showcase-drift 5s linear both}.home-showcase .hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0007 0%,#0002 12%,transparent 24%,transparent 76%,#0007 100%);pointer-events:none}.showcase-bottom{position:absolute;bottom:24px;left:4%;right:4%;display:flex;justify-content:space-between;align-items:center;gap:20px;z-index:2}.showcase-project{font-size:13px;line-height:1.5;display:inline-flex;align-items:center;gap:12px;min-height:44px;text-shadow:0 1px 10px #0006}.showcase-project>.ui-icon{width:14px;height:14px}.showcase-controls{display:flex;align-items:center;gap:10px}.showcase-controls[hidden]{display:none}.showcase-dots{display:flex;gap:2px}.showcase-dot{width:28px;height:44px;padding:0 4px}.showcase-dot span{display:block;height:2px;background:#ffffff66;transition:background .3s}.showcase-dot[aria-pressed=true] span{background:white}.showcase-pause{width:44px;height:44px;display:grid;place-items:center;color:white}.showcase-pause svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5}.home-showcase.is-paused .showcase-slide img{animation-play-state:paused}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes showcase-drift{from{transform:none}to{transform:scale(1.035)}}@media(max-width:700px){.home-showcase{min-height:560px}.showcase-bottom{left:6%;right:4%;bottom:18px;gap:8px}.showcase-project{font-size:12px;gap:7px}.showcase-controls{gap:0}.showcase-dot{width:24px}.showcase-slide img{object-position:50% 45%}}@media(prefers-reduced-motion:reduce){.showcase-slide{transition:none}.showcase-slide.is-active img{animation:none;transform:none}}

/* Responsive canvas; preserve each image’s natural proportions. */
.home-showcase{height:min(84svh,820px);min-height:480px}.showcase-slide img{object-fit:cover}@media(max-width:700px){.home-showcase{height:80svh;min-height:460px;max-height:760px}}

@media(min-width:701px){.home-showcase{height:100svh;min-height:600px;max-height:none}}
@media(max-width:700px){.showcase-slide img{object-position:var(--showcase-mobile-position,50% 45%)}.showcase-bottom{flex-direction:column;align-items:flex-start;gap:0}.showcase-controls{width:100%;justify-content:space-between}}