/* Hero background */
.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;padding:120px 8% 60px;background:radial-gradient(ellipse at 15% 10%,#1a1a2a 0%,#13131e 50%,#0b0b15 100%)}
.hero-container{position:relative;z-index:2;width:100%;max-width:1200px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:70px}
.hero-left,.hero-right{flex:1}
.hero-right{display:flex;justify-content:center}

.hero-small{color:var(--accent);letter-spacing:.5px;font-size:18px;margin-bottom:12px}
.hero h1{font-size:clamp(1.8rem,5vw,3.5rem);font-weight:600;line-height:1.1;letter-spacing:-.02em;color:var(--text)}
.hero h2{margin:15px 0;min-height:45px;font-size:clamp(1.3rem,2.5vw,1.8rem);font-weight:400;color:#e6d8cb}
.hero-desc{max-width:560px;margin-top:20px;color:var(--muted);font-size:17px;line-height:1.8}

.hero-buttons{display:flex;flex-wrap:wrap;gap:16px;margin-top:36px}

.hero .social-links{display:flex;gap:14px;margin-top:40px}
.hero .social-links a{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);color:var(--text);transition:background .25s,color .25s}
.hero .social-links a:hover{background:var(--accent);border-color:var(--accent);color:var(--ink)}

.image-box{position:relative;width:min(400px,80vw);aspect-ratio:1;border-radius:50%}
.image-box img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:4px solid rgba(255,255,255,.12)}
.image-ring{position:absolute;inset:-16px;border-radius:50%;border:1.5px solid rgba(217, 183, 138, 0.4)}

/* Ambient blobs (same shapes and motion as before, cyan swapped for a soft lilac) */
.hero .blob{position:absolute;border-radius:50%;filter:blur(70px);animation:floatBlob 12s ease-in-out infinite}
.hero .blob1{width:300px;height:300px;background:#d9b98a22;top:0;left:-80px}
.hero .blob2{width:220px;height:220px;background:#5f5ea733;right:-50px;bottom:80px;animation-delay:2s}

@media(max-width:900px){
    .hero-container{flex-direction:column-reverse;text-align:center;gap:48px}
    .hero-buttons,.hero .social-links{justify-content:center}
    .hero-desc{margin-inline:auto}
}