/* ===== Monano Land — portfolio ===== */
.portfolio-hero-stack{position:relative;width:230px;height:230px;flex:none}
.portfolio-hero-art{position:absolute;width:170px;height:170px;border-radius:14px;border:1px solid rgba(212,175,55,.3);box-shadow:0 18px 50px rgba(0,0,0,.5);object-fit:cover}
.portfolio-hero-art:first-child{top:0;inset-inline-start:0;transform:rotate(-5deg)}
.portfolio-hero-art:last-child{bottom:0;inset-inline-end:0;transform:rotate(4deg)}
.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.3rem}
.portfolio-card{border:1px solid var(--border,rgba(255,255,255,.09));background:linear-gradient(170deg,rgba(255,255,255,.03),transparent);border-radius:16px;overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;display:flex;flex-direction:column}
.portfolio-card:hover{transform:translateY(-4px);border-color:rgba(0,245,160,.45);box-shadow:0 16px 44px rgba(0,0,0,.35)}
.portfolio-card-art{position:relative;display:block;aspect-ratio:16/9;background:linear-gradient(135deg,rgba(212,175,55,.14),rgba(39,216,255,.07))}
.portfolio-card-art img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.portfolio-card:hover .portfolio-card-art img{transform:scale(1.04)}
.portfolio-card-body{padding:1rem 1.1rem 1.15rem;display:flex;flex-direction:column;gap:.5rem;flex:1}
.portfolio-card-body .muted{font-size:.8rem;margin:0}
.portfolio-tech{display:flex;flex-wrap:wrap;gap:.35rem}
.portfolio-tech-tag{font:600 .62rem 'JetBrains Mono',monospace;letter-spacing:.05em;padding:.28rem .6rem;border-radius:999px;border:1px solid rgba(0,245,160,.3);color:var(--cyber-green,#00f5a0);background:rgba(0,245,160,.06)}
.portfolio-links{display:flex;gap:.8rem}
.portfolio-link{font:700 .7rem 'JetBrains Mono',monospace;color:hsl(var(--net-hue,172) 90% 66%)}
.portfolio-link:hover{color:hsl(var(--net-hue,172) 95% 78%)}
[data-theme=light] .portfolio-card{border-color:rgba(0,0,0,.12);background:rgba(255,255,255,.6)}
[data-theme=light] .academy-card-title a{color:#2a2620}
[data-theme=light] .portfolio-tech-tag{color:#0b7a55;border-color:rgba(11,122,85,.35);background:rgba(11,122,85,.06)}
@media(max-width:760px){.music-hero-inner .portfolio-hero-stack{display:none}}