.project-showcase{color:#ede6d9;background:#0f172a;border:1px solid #ee664e66;border-radius:5px;width:100%;min-width:0;padding:.65rem;box-shadow:7px 8px #0c122160}.showcase-topline{font:.48rem/1.6 var(--font-pixel);color:#f39382;justify-content:space-between;gap:1rem;padding:.3rem .5rem .7rem;display:flex}.showcase-stage{aspect-ratio:1.16;background:#182138;min-height:360px;position:relative;overflow:hidden}.showcase-slide{--slide-color:#ff7864;isolation:isolate;background:#121c32;position:absolute;inset:0;overflow:hidden}.showcase-slide.is-active{animation:.45s ease-out both showcase-arrival}.showcase-orange{--slide-color:#f98}.showcase-cyan{--slide-color:#a4b6e3}.showcase-red{--slide-color:#eeb4aa}.showcase-green{--slide-color:#d6c9b6}.showcase-cuts{z-index:-1;position:absolute;inset:0;overflow:hidden}.cut-main{background:var(--slide-color);position:absolute;inset:-20% -12% -15% 31%;transform:rotate(15deg)}.cut-main:after{content:"";background:#111b3166;width:2px;position:absolute;top:0;bottom:0;left:13%}.cut-edge{background:#0e1526;width:120%;height:32px;position:absolute;top:33%;left:-10%;transform:rotate(-16deg);box-shadow:0 6px #f0eade55}.cut-grid{mix-blend-mode:multiply;background-image:radial-gradient(#0c132338 .8px,#0000 1px);background-size:7px 7px;position:absolute;inset:0}.showcase-number{color:#efeae033;font:700 clamp(6rem, 13vw, 12rem)/1 var(--font-display);letter-spacing:-.1em;position:absolute;top:2.4rem;left:.8rem;transform:rotate(-8deg)}.showcase-ghost{color:#0d14243d;font:700 4rem/.85 var(--font-display);text-transform:uppercase;letter-spacing:-.06em;width:140%;position:absolute;bottom:16%;left:-3%;transform:rotate(-12deg)}.showcase-status{color:#1f2638;font:.49rem/1.5 var(--font-pixel);z-index:3;background:#ebe5d8;border:1px solid #ebe5d8;padding:.5rem .7rem;position:absolute;top:1rem;left:1rem;transform:rotate(-3deg);box-shadow:3px 3px #10192f44}.showcase-status>span{color:#8a3e31;margin-right:.5rem;font-size:.55rem}.showcase-status.ready{background:#cfd3dc}.showcase-cover{border:3px solid #ede5d4;border-radius:3px;width:43%;position:absolute;top:13%;right:8%;transform:rotate(10deg);box-shadow:8px 9px #111a3080}.showcase-cover .game-cover,.showcase-cover .game-cover-image{border-radius:0}.showcase-cover .game-cover{--accent:#f18673;background:radial-gradient(at 60% 20%,#303645,#151b2a)}.showcase-cover .game-cover strong{color:#efe9de}.showcase-cover .cover-platform{background:#e9e3d8}.showcase-content{z-index:3;position:absolute;bottom:1.7rem;left:1.6rem;right:1.6rem}.showcase-content:before{content:"";z-index:-1;background:linear-gradient(#0e152600 0%,#0e1526f2 58%,#0e1526 90%);position:absolute;inset:-1.7rem -2rem -2rem}.showcase-platform{color:#f5a99c;font:.52rem/1.5 var(--font-pixel);align-items:center;gap:.6rem;margin-bottom:.5rem;display:inline-flex}.showcase-content h2{font:italic 700 clamp(2rem, 3.7vw, 3.5rem)/.95 var(--font-display);letter-spacing:-.06em;text-transform:uppercase;color:#efe8da;text-shadow:3px 3px #10192e;max-width:93%;margin:.3rem 0 1.2rem}.showcase-link{color:#e7ddc9;background:#141d35;border:1px solid #f18876;border-radius:2px;align-items:center;gap:.7rem;min-height:42px;padding:.55rem .8rem;font-size:.72rem;display:inline-flex}.showcase-link:hover{color:#f4ebd9;background:#252f47}.showcase-controls{justify-content:space-between;align-items:center;gap:.7rem;margin-top:.65rem;padding-inline:.15rem;display:flex}.showcase-arrows{gap:.4rem;display:flex}.showcase-arrows button{color:#f6b0a3;background:#172137;border:1px solid #ef715b70;border-radius:2px;place-items:center;width:40px;min-height:40px;display:grid}.showcase-arrows button:hover{background:#2d364a}.showcase-dots{align-items:center;display:flex}.showcase-dots button{background:0 0;border:0;place-items:center;width:26px;height:40px;padding:0;display:grid}.showcase-dots button>span{background:#697797;width:6px;height:6px;display:block;transform:rotate(45deg)}.showcase-dots button[aria-pressed=true]>span{background:#f28976;width:9px;height:9px}.showcase-pause{color:#f5ac9f;background:0 0;border:1px solid #818ca766;border-radius:2px;justify-content:center;align-items:center;gap:.4rem;min-width:85px;min-height:40px;padding:.4rem .5rem;font-size:.62rem;display:inline-flex}.showcase-pause:hover{background:#2d364a}.showcase-pause .play-symbol{display:none}.showcase-paused .showcase-pause .play-symbol{display:block}.showcase-paused .showcase-pause .pause-symbol{display:none}.showcase-caption,.showcase-no-js{color:#babdc3;margin:.7rem 0 .1rem;padding:.2rem .4rem 0;font-size:.6rem;line-height:1.65}.showcase-no-js a{color:#f39281;text-decoration:underline}.showcase-empty{padding:3rem 2rem}.showcase-empty h2{color:#ebe3d2}.showcase-empty p{color:#c3c5cc}@keyframes showcase-arrival{0%{opacity:.3;transform:translate(12px)}to{opacity:1;transform:none}}@media (width<=1100px){.showcase-stage{aspect-ratio:1.04}.showcase-content{left:1.2rem;right:1.2rem}.showcase-content h2{font-size:2.7rem}.showcase-topline{font-size:.41rem}}@media (width<=799px){.project-showcase{max-width:680px;margin-inline:auto}.showcase-stage{aspect-ratio:1.3}.showcase-cover{width:36%;top:10%;right:13%}.showcase-content h2{max-width:75%;font-size:3.2rem}.showcase-topline{font-size:.49rem}.showcase-number{font-size:10rem}.showcase-content{bottom:1.5rem;left:1.6rem}}@media (width<=580px){.project-showcase{padding:.45rem;box-shadow:4px 5px #0c122160}.showcase-topline{gap:.6rem;padding-inline:.2rem;font-size:.36rem}.showcase-stage{aspect-ratio:.84;min-height:320px}.showcase-cover{width:48%;top:15%;right:10%}.showcase-status{padding:.4rem .5rem;font-size:.42rem;top:.8rem;left:.6rem}.showcase-number{font-size:7rem;top:3rem;left:.5rem}.showcase-content{bottom:1.2rem;left:1rem;right:.7rem}.showcase-content h2{max-width:100%;margin-bottom:.85rem;font-size:2.1rem}.showcase-platform{font-size:.44rem}.showcase-ghost{font-size:3rem;bottom:25%}.showcase-link{padding-inline:.65rem;font-size:.68rem}.showcase-controls{flex-wrap:wrap;gap:.3rem}.showcase-arrows{gap:.25rem}.showcase-arrows button{width:34px}.showcase-dots button{width:24px}.showcase-pause{min-width:70px;padding-inline:.3rem;font-size:.56rem}.showcase-caption{font-size:.57rem}.showcase-platform svg{width:12px}.showcase-cover .game-cover strong{font-size:1rem}.showcase-cover .cover-series{font-size:.29rem}.showcase-cover .cover-caption{font-size:.24rem}}@media (prefers-reduced-motion:reduce){.showcase-slide.is-active{animation:none}}