/* Minimal hero helpers — keep small, Tailwind handles layout */

/* background glow for the page (small, compatible) */
:root{--accent: #9b59ff}
body{background: radial-gradient(900px 400px at 80% 20%, rgba(155,89,255,0.09), transparent 10%), linear-gradient(180deg,#0b0710,#23102a);}

/* portrait card: small focused CSS only */
.portrait-card{width:380px;height:380px;border-radius:28px;position:relative;background-size:cover;background-position:center;box-shadow:0 40px 80px rgba(0,0,0,0.6);border:2px solid rgba(155,89,255,0.12);transform:rotate(-9deg)}
.portrait-card[data-img]{background-image:var(--image)}
/* Set CSS var from attribute for compatibility */
.portrait-card[data-img="assets/66f8d574-573c-4e6b-b893-6d2460b797bd.jpg"]{--image: url('assets/66f8d574-573c-4e6b-b893-6d2460b797bd.jpg')}

@media (max-width:980px){
  .portrait-card{width:320px;height:320px;transform:none;margin:0 auto}
}

@media (prefers-reduced-motion: reduce){
  .portrait-card{transition:none;transform:none}
}

/* Small helpers for CTA and social icons */
.hire-btn{border-radius:9999px;border-width:1px;border-color:rgba(139,92,246,0.6);color:#cdb7ff}
.hire-btn:hover{background:rgba(255,255,255,0.04)}


/* Projects cards */
.project-card{border:1px solid rgba(139,92,246,0.06)}
.project-card img{background:linear-gradient(180deg, rgba(138,84,248,0.08), transparent)}
.projects-section .active{background:#2a163b;color:#bfb2e6}