.portfolio-showcase{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:80px 32px;position:relative}.portfolio-showcase__inner{max-width:1080px;margin:0 auto}.portfolio-showcase__header{text-align:left;max-width:720px;margin-bottom:36px}.portfolio-showcase__title{font-family:var(--font-space-grotesk), sans-serif;color:var(--text-primary);letter-spacing:-.02em;margin-bottom:12px;font-size:clamp(2.2rem,4.5vw,3.2rem);font-weight:700;line-height:1.15}.portfolio-showcase__title .serif-italic{font-family:var(--font-cormorant), serif;color:#ba1607;font-style:italic;font-weight:400}.portfolio-showcase__subtitle{font-family:var(--font-geist), sans-serif;color:var(--text-secondary);margin:0;font-size:1.05rem;line-height:1.6}.portfolio-showcase__cards-grid{grid-template-columns:repeat(3,1fr);gap:24px;width:100%;margin-bottom:40px;display:grid}.ref-card{width:100%;height:auto;min-height:380px;color:inherit;box-sizing:border-box;will-change:transform;background:#fff;border:1px solid #05021014;border-radius:28px;flex-direction:column;justify-content:space-between;padding:24px;text-decoration:none;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,border-color .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0502100a}.ref-card:hover{border-color:#05021033;box-shadow:0 18px 48px #0502101a}.ref-card__header{margin-bottom:12px}.ref-card__top-badge-row{align-items:center;margin-bottom:10px;display:flex}.ref-card__category-tag{font-family:var(--font-space-grotesk), sans-serif;letter-spacing:.05em;text-transform:uppercase;color:#71717a;background:#f4f4f5;border-radius:6px;padding:4px 10px;font-size:.68rem;font-weight:700}.ref-card__title{font-family:var(--font-space-grotesk), sans-serif;color:#050210;letter-spacing:-.02em;margin-bottom:6px;font-size:1.35rem;font-weight:700;line-height:1.15}.ref-card__title-serif{font-family:"Cormorant Garamond", var(--font-cormorant), serif;color:#d9383a;font-style:italic;font-weight:500}.ref-card__subtitle{font-family:var(--font-geist), sans-serif;color:#71717a;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.85rem;line-height:1.45;display:-webkit-box;overflow:hidden}.ref-card__visual-wrap{box-sizing:border-box;background:#09090b;border-radius:16px;justify-content:center;align-items:center;width:100%;height:200px;margin-top:16px;padding:8px;transition:all .3s;display:flex;position:relative;overflow:hidden}.ref-card__screenshot-img{object-fit:contain;object-position:center;filter:drop-shadow(0 4px 14px #0006);border-radius:10px;width:100%;height:100%;transition:transform .4s,filter .3s}.ref-card:hover .ref-card__screenshot-img{transform:scale(1.03)}.sky-ocean-art-wrap{background:linear-gradient(#38bdf8 0%,#0284c7 50%,#0369a1 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.sky-ocean-sun{background:#fff;border-radius:50%;width:32px;height:32px;position:absolute;top:18px;box-shadow:0 0 24px #ffffffe6}.sky-ocean-horizon{background:linear-gradient(#ffffff40 0%,#0369a1e6 100%);border-top:1px solid #fff6;width:100%;height:40%;position:absolute;bottom:0}.prodigy-art-wrap{background:linear-gradient(135deg,#1e1b4b 0%,#312e81 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.malas-art-wrap{background:linear-gradient(135deg,#1c1917 0%,#292524 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.ref-card__glass-pill{-webkit-backdrop-filter:blur(12px);color:#fff;background:#050210b3;border:1px solid #ffffff40;border-radius:100px;align-items:center;gap:6px;padding:6px 14px;transition:transform .25s,background .25s;display:flex;position:absolute;bottom:10px;left:10px;box-shadow:0 4px 14px #0000002e}.ref-card:hover .ref-card__glass-pill{background:#050210e6;border-color:#fff6;transform:translateY(-2px)}.ref-card__pill-text{font-family:var(--font-space-grotesk), sans-serif;letter-spacing:.02em;font-size:.75rem;font-weight:700}.portfolio-showcase__footer-action{justify-content:center;align-items:center;width:100%;display:flex}.portfolio-showcase__all-link{font-family:var(--font-space-grotesk), sans-serif;color:#050210;white-space:nowrap;background:#cced4d;border:1px solid #cced4d;border-radius:100px;align-items:center;gap:8px;padding:12px 24px;font-size:.88rem;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex;box-shadow:0 4px 14px #cced4d59}.portfolio-showcase__all-link:hover{color:#fff;background:#050210;border-color:#050210;gap:12px;box-shadow:0 6px 20px #05021033}@media (max-width:1024px){.portfolio-showcase__cards-grid{grid-template-columns:repeat(2,1fr);max-width:100%;margin:0 auto 32px}}@media (max-width:768px){.portfolio-showcase{padding:60px 0 70px}.portfolio-showcase__header{margin-bottom:28px;padding-left:20px;padding-right:20px}.portfolio-showcase__cards-grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;grid-template-columns:none;gap:16px;margin-bottom:32px;padding-left:20px;padding-right:20px;scroll-padding-left:20px;display:flex;overflow-x:auto}.portfolio-showcase__cards-grid::-webkit-scrollbar{display:none}.ref-card{scroll-snap-align:start;border-radius:20px;flex:0 0 85%;min-width:85%;max-width:85%;min-height:auto;padding:20px 18px}.ref-card__visual-wrap{border-radius:14px;height:160px;margin-top:12px;padding:6px}.ref-card__screenshot-img{border-radius:8px}.portfolio-showcase__footer-action{padding-left:20px;padding-right:20px}}