.showcase-main{flex-direction:column;align-items:center;padding:160px 32px 80px;display:flex}.showcase-head{text-align:center;flex-direction:column;align-items:center;gap:14px;margin-bottom:100px;display:flex}.showcase-title{color:#fff;letter-spacing:-.015em;font-size:clamp(40px,5.4vw,76px);font-weight:400;line-height:1.05;font-family:var(--font-display);text-shadow:0 2px 18px #28466e66,0 1px 2px #28466e40;flex-wrap:wrap;justify-content:center;align-items:center;gap:.32em;margin:0;font-style:italic;display:inline-flex}.showcase-title-mark{vertical-align:middle;filter:drop-shadow(0 2px 14px #28466e66);width:auto;height:.95em;transform:translateY(.04em)}.showcase-stack{flex-direction:column;align-items:center;gap:100px;width:100%;display:flex}.vcard{opacity:0;width:100%;max-width:720px;transition:opacity .7s,transform .7s cubic-bezier(.2,.7,.2,1);position:relative;transform:translateY(48px)scale(.96)}.vcard.in{opacity:1;transform:translateY(0)scale(1)}.vcard-screen{aspect-ratio:16/9;background-position:50%;background-size:cover;border-radius:18px;position:relative;overflow:hidden;box-shadow:0 30px 60px -20px #3c5a8273,0 12px 30px -10px #3c5a8238}.vcard-grad{mix-blend-mode:soft-light;opacity:.85;position:absolute;inset:0}.vcard-grad.g1{background:linear-gradient(160deg,#e8a88899,#a8c8df66)}.vcard-grad.g2{background:linear-gradient(#4a7ca880,#fbdcc473)}.vcard-grad.g3{background:linear-gradient(140deg,#fbdcc48c,#e8a88880)}.vcard-play{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:48px;height:48px;color:var(--ink);background:#ffffffd9;border:1px solid #ffffffb3;border-radius:50%;justify-content:center;align-items:center;transition:transform .2s,background .2s;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 24px #28466e4d}.vcard-play svg{margin-left:2px}.vcard:hover .vcard-play{background:#fff;transform:translate(-50%,-50%)scale(1.08)}.vcard-time{font-family:var(--font-mono);color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);letter-spacing:.02em;background:#141e3280;border-radius:5px;padding:3px 7px;font-size:11px;position:absolute;bottom:10px;right:10px}.vcard-meta{padding:14px 4px 0}.vcard-name{color:#fff;letter-spacing:-.005em;text-shadow:0 1px 6px #28466e4d;font-size:17px;font-weight:500}@media (max-width:720px){.showcase-main{padding:130px 18px 60px}.vcard{max-width:380px}.showcase-stack{gap:80px}.showcase-head{margin-bottom:70px}}