.portfolio-showcase{position:relative;isolation:isolate;overflow:hidden;padding:80px var(--gutter) 60px;background:#080819;color:var(--paper);text-align:center}
.showcase-glow{position:absolute;inset:-20%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 20% 40%,#191970aa,transparent 50%),radial-gradient(ellipse at 85% 65%,#89c4f438,transparent 45%);animation:showcaseGlow 12s ease-in-out infinite alternate}
.showcase-heading{position:relative;margin:0 auto 42px;max-width:1000px}.showcase-heading .eyebrow{color:var(--sky);margin-bottom:18px}.showcase-heading h2{font-family:var(--display);font-size:clamp(48px,6.5vw,96px);font-weight:400;line-height:1}.showcase-heading h2 span{color:var(--sky)}.showcase-heading>p:last-child{margin-top:18px;color:#b7bbcf;font-size:16px}
.showcase-stage{perspective:1400px;max-width:1000px;margin:auto;padding:12px 0 20px}
.showcase-preview{display:block;position:relative;border-radius:24px;overflow:hidden;border:1px solid #ffffff25;box-shadow:0 35px 80px #0008,0 0 50px #89c4f413;transform:rotateX(5deg);transition:transform .7s cubic-bezier(.22,1,.36,1),box-shadow .7s;color:white;outline-offset:8px}
.showcase-preview img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.showcase-preview:hover,.showcase-preview:focus-visible{transform:rotateX(0) translateY(-6px);box-shadow:0 40px 90px #0009,0 0 60px #89c4f430}.showcase-preview:focus-visible{outline:2px solid var(--sky)}
.showcase-open{position:absolute;right:20px;bottom:20px;display:flex;gap:22px;align-items:center;padding:12px 20px;background:#080819e6;border:1px solid #89c4f470;border-radius:100px;font-size:14px;backdrop-filter:blur(12px);transition:background .3s}.showcase-preview:hover .showcase-open{background:var(--blue)}
.showcase-caption{margin-top:20px;font-size:13px;color:#a9aec5}
@keyframes showcaseGlow{to{transform:translate(4%,-3%) scale(1.1)}}
@media(max-width:600px){.portfolio-showcase{padding-top:55px;padding-bottom:45px}.showcase-heading{margin-bottom:25px}.showcase-preview{border-radius:14px}.showcase-open{right:10px;bottom:10px;font-size:11px;padding:8px 12px;gap:12px}.showcase-caption{font-size:12px}}
@media(prefers-reduced-motion:reduce){.showcase-glow{animation:none}.showcase-preview{transform:none!important;transition:none}}