@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#191626;--muted:#6c6978;--pink:#ed1461;--navy:#19162b;--border:#eee8ee;--pale:#fff4f8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:DM Sans,Arial,sans-serif;color:var(--ink);background:white}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}img{max-width:100%;display:block}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.top{font-size:12px;color:#d4cad6;background:#1d1728;padding:10px 0}.top .wrap{display:flex;justify-content:space-between;gap:15px}.top span{color:#ffb5cb}header{background:white;position:sticky;top:0;z-index:30;box-shadow:0 8px 25px #11051e0b}header .wrap{height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:.025em;font-size:18px;line-height:1.1}.brand small{display:block;font-size:9px;letter-spacing:.24em;color:var(--pink);margin-top:5px}.logo{background:linear-gradient(145deg,#f81570,#b7094c);width:43px;height:43px;border-radius:50%;display:grid;place-items:center;color:white;font-size:17px;box-shadow:0 6px 20px #ee14603c}.links{display:flex;align-items:center;gap:27px;font-size:13px;font-weight:800}.links a:hover,.links a.active{color:var(--pink)}.btn{display:inline-flex;justify-content:center;align-items:center;gap:10px;padding:14px 23px;border-radius:40px;background:var(--pink);color:white;font-weight:800;font-size:13px;border:1px solid var(--pink);cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #ed14613d}.btn.ghost{background:white;color:var(--pink)}.btn.dark{background:var(--navy);border-color:var(--navy)}.menu-btn{display:none;background:none;border:0;font-size:26px;cursor:pointer}.hero{background:#1d152d;color:white;overflow:hidden;position:relative}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#171224 0%,#171224fa 36%,#171224a3 60%,#17122415),url('studio-hero.png') center/cover no-repeat}.hero .wrap{position:relative;min-height:590px;display:flex;align-items:center}.hero-content{max-width:685px;padding:68px 0}.eyebrow{color:var(--pink);font-weight:800;font-size:12px;letter-spacing:.16em;text-transform:uppercase}.hero .eyebrow{color:#ff87b1}.hero h1{font-family:Manrope,Arial;font-size:clamp(37px,5vw,68px);letter-spacing:-.055em;line-height:1.13;margin:18px 0 19px}.hero h1 em{font-style:normal;color:#ff5a9d}.hero p{color:#e1d9e4;max-width:600px;line-height:1.8;font-size:16px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.hero .ghost{background:transparent;border-color:#ffffff73;color:white}.mini-metrics{display:flex;gap:27px;margin-top:44px;font-size:12px;color:#e7dfe8}.mini-metrics b{color:white;display:block;font-size:18px;margin-bottom:4px}.section{padding:85px 0}.section.soft{background:#fff6f9}.section.dark{background:#1c172b;color:white}.section-head{max-width:760px;margin-bottom:35px}.section-head.center{text-align:center;margin:0 auto 42px}.section h2,.page-intro h1{font:800 clamp(28px,3.5vw,44px)/1.19 Manrope,Arial;letter-spacing:-.045em;margin:13px 0 14px}.section p,.page-intro p{color:var(--muted);line-height:1.83}.dark p{color:#c8bdcf}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:white;border:1px solid var(--border);border-radius:20px;padding:29px;box-shadow:0 11px 35px #21132d09}.card:hover{border-color:#f6bad1}.card .ico{font-size:28px;width:58px;height:58px;display:grid;place-items:center;border-radius:17px;background:#fff0f5;margin-bottom:22px}.card h3{font:800 19px Manrope;margin:0 0 11px}.card p{font-size:14px;margin:0 0 17px}.card a{color:var(--pink);font-size:13px;font-weight:800}.two{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.image-frame{border-radius:22px;overflow:hidden;min-height:350px;position:relative;background:#1f1628}.image-frame img{width:100%;height:100%;min-height:350px;object-fit:cover}.image-frame:after{content:'DIGITAL MUSIC • RIGHTS • GROWTH';position:absolute;bottom:20px;left:20px;color:white;background:#ed1461;padding:12px 16px;font-size:11px;letter-spacing:.12em;font-weight:800;border-radius:8px}.checks{display:grid;gap:14px;margin:25px 0}.checks div:before{content:'✓';background:#ffe3ec;color:var(--pink);font-weight:800;border-radius:50%;padding:3px 7px;margin-right:12px}.platform{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.pill{border:1px solid #e7dce4;background:white;padding:13px 19px;border-radius:30px;font-size:13px;font-weight:800}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.step{padding:25px;border:1px solid #3c334c;border-radius:18px}.step b{display:block;color:#fd5c96;font-size:35px;margin-bottom:22px}.step p{font-size:13px}.faq{max-width:900px;margin:auto}.faq details{border-bottom:1px solid #eadce3;padding:21px 0}.faq summary{cursor:pointer;font-weight:800;list-style:none}.faq summary:after{content:'+';float:right;color:var(--pink);font-size:22px}.faq details[open] summary:after{content:'−'}.faq p{margin-bottom:0}.cta{background:linear-gradient(115deg,#ed1461,#ac0b53);color:white;border-radius:25px;padding:47px;display:flex;align-items:center;justify-content:space-between;gap:25px}.cta h2{margin:0 0 12px}.cta p{margin:0;color:#ffe0ee}.cta .btn{background:white;color:var(--pink);border-color:white;white-space:nowrap}.page-intro{background:linear-gradient(115deg,#21192f,#3a1d3c);color:white;padding:74px 0}.page-intro p{max-width:760px;color:#e2d4e4}.page-intro .eyebrow{color:#ff8fba}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.detail{background:#fff;border:1px solid var(--border);border-radius:19px;padding:30px}.detail h3{margin:0 0 10px;font-size:21px}.detail p{font-size:14px;margin:0}.detail ul{color:#686374;line-height:1.9;font-size:14px;padding-left:20px}.contact-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:40px}.form{background:#fff7fa;border:1px solid #f7dce6;padding:28px;border-radius:22px}.form label{display:block;font-size:13px;font-weight:800;margin:15px 0 7px}.form input,.form select,.form textarea{width:100%;padding:13px;border:1px solid #dcd1d9;border-radius:9px;background:white}.form textarea{min-height:130px}.notice{font-size:12px;color:#807481}footer{background:#171321;color:#dacddd;padding:60px 0 25px}footer .columns{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}footer p{font-size:13px;color:#b5aabf;line-height:1.9}footer h4{color:white}footer a{display:block;margin:12px 0;font-size:13px}.copyright{border-top:1px solid #39303f;margin-top:40px;padding-top:24px;font-size:12px;color:#92889e}.tag{display:inline-block;background:#fde2ed;color:#b7094c;border-radius:30px;padding:8px 12px;font-size:12px;font-weight:800}.showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.art{height:215px;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:white;position:relative;overflow:hidden;text-align:center}.art:before{content:'';position:absolute;width:210px;height:210px;border:1px solid #ffffff4a;border-radius:50%;transform:translate(55%,30%)}.art:nth-child(1){background:linear-gradient(145deg,#402c7a,#ed1461)}.art:nth-child(2){background:linear-gradient(145deg,#0e5061,#22a8b1)}.art:nth-child(3){background:linear-gradient(145deg,#ae3e2e,#ffa250)}.art strong{font:800 25px Manrope;z-index:1}.art span{font-size:12px;z-index:1}.album-icon{font-size:54px;z-index:1}.small{font-size:12px!important}.note{background:#fff2e9;color:#79503a;padding:16px;border-radius:12px;font-size:13px;line-height:1.6}.iconline{display:flex;align-items:center;gap:10px} @media(max-width:900px){.links{display:none;position:absolute;top:78px;left:0;right:0;background:white;flex-direction:column;align-items:flex-start;padding:25px;box-shadow:0 25px 30px #20132d20}.links.show{display:flex}.menu-btn{display:block}.cards,.showcase{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.two,.contact-grid{grid-template-columns:1fr;gap:30px}}@media(max-width:620px){.top{display:none}.hero .wrap{min-height:560px}.hero:before{background:linear-gradient(90deg,#171224ed,#171224b5),url('studio-hero.png') center/cover no-repeat}.hero h1{font-size:41px}.section{padding:60px 0}.cards,.showcase,.steps,.detail-grid,footer .columns{grid-template-columns:1fr}.cta{flex-direction:column;align-items:start;padding:30px}.mini-metrics{flex-wrap:wrap}.brand{font-size:14px}.logo{width:40px;height:40px}.top .wrap{display:none}}
/* Updated business contact, team and social sections */
.social-links{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0}.social-links a{display:inline-flex;padding:9px 12px;border:1px solid rgba(145,145,165,.27);border-radius:999px;text-decoration:none;font-size:13px;color:inherit;transition:.2s}.social-links a:hover{background:#fa1b66;color:white;border-color:#fa1b66}.contact-email{display:block;margin:6px 0 12px;overflow-wrap:anywhere}.contact-highlight{padding:18px 20px;border:1px solid #f7bdd1;border-radius:16px;background:#fff5f9;margin:20px 0}.contact-highlight strong{display:block;font-size:13px;margin-bottom:6px}.contact-highlight a{font-weight:750;font-size:19px;color:#e91062;overflow-wrap:anywhere}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.enhanced-form textarea{min-height:135px}.checkline{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.5;margin-top:14px}.checkline input{width:auto;margin-top:3px}.team-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.team-card{border:1px solid #e9e1e7;border-radius:20px;padding:24px;background:#fff}.team-card h3{margin:14px 0}.team-card small{color:#9a6679}.team-avatar{height:112px;border-radius:15px;background:linear-gradient(135deg,#ffe6ef,#eee7ff);display:grid;place-items:center;color:#d20e5a;font-size:30px;font-weight:800;margin-bottom:18px}.team-note{margin-top:30px;padding:30px;border-radius:20px;background:#fff2f7}.team-note .btn{margin-top:12px}@media(max-width:950px){.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.team-grid,.form-two{grid-template-columns:1fr}.social-links a{font-size:12px}}


/* --- Final refinements: cleaner header, animated graphics, premium social links, team cards --- */
.top{display:none!important}
body{position:relative;overflow-x:hidden}
header{position:sticky;top:0;z-index:50;backdrop-filter:blur(12px);background:rgba(255,255,255,.88)}
.bg-orbs{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}
main,header,footer{position:relative;z-index:1}
.orb,.line{position:absolute;opacity:.55}
.orb{border-radius:50%;filter:blur(2px);animation:floaty 12s ease-in-out infinite alternate}
.orb1{width:260px;height:260px;right:-40px;top:120px;background:radial-gradient(circle at 30% 30%,rgba(250,27,102,.20),rgba(250,27,102,.02) 70%)}
.orb2{width:180px;height:180px;left:-50px;top:45%;background:radial-gradient(circle at 30% 30%,rgba(103,73,255,.15),rgba(103,73,255,.02) 70%);animation-duration:16s}
.orb3{width:220px;height:220px;right:8%;bottom:8%;background:radial-gradient(circle at 30% 30%,rgba(255,170,92,.18),rgba(255,170,92,.02) 70%);animation-duration:14s}
.line{border:1px solid rgba(232,16,98,.12);border-radius:50%}
.line1{width:420px;height:420px;right:-80px;top:220px;animation:spinSlow 30s linear infinite}
.line2{width:260px;height:260px;left:-90px;bottom:80px;animation:spinSlow 24s linear infinite reverse}
.hero{overflow:hidden}
.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.1) 100%);pointer-events:none}
.hero .wrap{position:relative}
.hero-content{position:relative;z-index:2}
.hero-content:after{content:'';position:absolute;right:-30px;top:8%;width:220px;height:220px;border:1px solid rgba(232,16,98,.18);border-radius:50%;animation:pulseRing 6s ease-in-out infinite}
.cards .card,.detail,.team-card,.form,.art,.step,.cta,.image-frame{box-shadow:0 14px 45px rgba(28,19,45,.06)}
.social-pro{display:grid;grid-template-columns:1fr;gap:10px;margin-top:16px}
.social-pro a{display:flex;align-items:center;gap:12px;padding:12px 14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:14px;color:#fff;line-height:1.25;text-decoration:none;transition:transform .2s ease,background .2s ease,border-color .2s ease}
.social-pro a:hover{background:#fa1b66;border-color:#fa1b66;transform:translateY(-2px)}
.social-pro a span{display:block}
.social-pro a strong{font-size:13px;display:block;color:#fff}
.social-pro a small{font-size:11px;color:#dbcfe4}
.social-ic{min-width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#fa1b66,#7d35ff);color:#fff;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.4px}
footer .social-pro a:hover small{color:#fff}
.team-grid-wide{grid-template-columns:repeat(3,minmax(0,1fr))}
.team-card{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.team-card:hover{transform:translateY(-6px);border-color:#f7bdd1;box-shadow:0 18px 36px rgba(42,20,56,.08)}
.team-card p{margin:.2rem 0 0}
.team-avatar{position:relative;overflow:hidden}
.team-avatar:before{content:'';position:absolute;inset:-20% auto auto -20%;width:80px;height:80px;background:rgba(255,255,255,.35);border-radius:50%;filter:blur(4px)}
.tag{letter-spacing:.3px}
@keyframes floaty{0%{transform:translateY(0) translateX(0)}100%{transform:translateY(-26px) translateX(14px)}}
@keyframes spinSlow{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes pulseRing{0%,100%{transform:scale(1);opacity:.55}50%{transform:scale(1.08);opacity:.25}}
@media(max-width:950px){.team-grid-wide{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.team-grid-wide{grid-template-columns:1fr}.social-pro a{padding:11px 12px}.hero-content:after{display:none}}

/* V3 — visible motion and conversion-focused UI */
.ambient-visual{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.ambient-visual span{position:absolute;display:block;border-radius:50%;filter:blur(5px);background:radial-gradient(circle,#f6187660,transparent 70%);width:38vw;height:38vw;animation:ambientDrift 12s ease-in-out infinite alternate}.ambient-visual span:nth-child(1){top:3%;left:-20%}.ambient-visual span:nth-child(2){bottom:-12%;right:-19%;animation-delay:-5s;background:radial-gradient(circle,#6844ed35,transparent 70%)}.ambient-visual span:nth-child(3){top:35%;right:-14%;width:20vw;height:20vw;animation-delay:-8s}header,main,footer{position:relative;z-index:1}
.hero-v3{background:linear-gradient(105deg,#100d1c 0%,#1b1230 55%,#321126 100%);color:white;min-height:710px;overflow:hidden;position:relative}.hero-v3:before{content:'';position:absolute;inset:0;background:url('studio-hero.png') center/cover no-repeat;opacity:.21}.hero-v3 .hero-shade{position:absolute;inset:0;background:radial-gradient(ellipse at 75% 48%,#fc276638,transparent 45%),linear-gradient(90deg,#15101ef5,#1a1120a0 68%,#20102173)}.hero-v3 .hero-layout{display:grid;grid-template-columns:1fr 0.95fr;align-items:center;gap:40px;min-height:680px}.hero-v3 .hero-content{max-width:660px}.hero-v3 .eyebrow{color:#fca6c4}.hero-v3 h1{color:#fff;font-size:clamp(49px,5.2vw,78px);line-height:1.1}.hero-v3 h1 em{background:linear-gradient(90deg,#ff88b5,#f5c16c);background-clip:text;-webkit-background-clip:text;color:transparent;font-style:normal}.hero-v3 p{color:#e4d9e9}.hero-v3 .mini-metrics{color:#e7cddb}.hero-v3 .mini-metrics b{color:white}.hero-v3 .btn.ghost{color:white;border-color:#ffffff60}.hero-stage{height:500px;position:relative;display:grid;place-items:center;perspective:800px}.glass-panel{height:380px;width:min(100%,470px);position:relative;border:1px solid #ffffff3b;border-radius:28px;background:linear-gradient(135deg,#ffffff24,#ffffff0c);box-shadow:0 35px 100px #090511aa, inset 0 0 70px #fc27732b;backdrop-filter:blur(18px);transform:rotateY(-10deg) rotateX(5deg);animation:panelFloat 6s ease-in-out infinite}.panel-head,.panel-foot{display:flex;align-items:center;justify-content:space-between;padding:22px;color:#eeddea;font-size:11px;letter-spacing:2px;font-weight:800}.panel-head{justify-content:flex-start;gap:10px}.live-pill{margin-left:auto;border-radius:30px;border:1px solid #fa94b1;padding:6px 9px;color:#ffabc4;font-size:9px}.pulse-led{width:9px;height:9px;background:#fa447f;border-radius:50%;box-shadow:0 0 0 6px #f8346630;animation:ledBlink 1.2s infinite}.vinyl{position:absolute;width:202px;height:202px;top:78px;left:50%;margin-left:-101px;border-radius:50%;background:repeating-radial-gradient(circle,#171320 0 4px,#322438 5px 6px,#110e17 7px 10px);border:5px solid #211827;box-shadow:0 15px 30px #0009,0 0 70px #ff247540;display:grid;place-items:center;animation:vinylSpin 8s linear infinite}.vinyl-label{width:83px;height:83px;border-radius:50%;background:linear-gradient(135deg,#f61469,#ffb057);color:white;display:grid;place-items:center;font-size:28px;font-weight:900;letter-spacing:-3px}.equalizer{position:absolute;bottom:76px;left:25px;right:25px;height:72px;display:flex;align-items:center;justify-content:center;gap:5px}.equalizer i{display:block;width:7px;height:calc(18px + var(--n)*6px);background:linear-gradient(0deg,#ef155f,#ffc770);border-radius:9px;box-shadow:0 0 10px #ff3e7b55;transform-origin:center;animation:eqBounce calc(.48s + var(--n)*.065s) ease-in-out infinite alternate}.audio-wave{position:absolute;bottom:112px;left:22px;right:22px;color:#ffffff40;opacity:.6;z-index:-1}.audio-wave svg{width:100%;height:75px}.panel-foot{position:absolute;bottom:0;left:0;right:0;font-size:10px;letter-spacing:0;color:#ccb4cf}.float-chip{position:absolute;z-index:2;background:#fff;color:#311b3d;font-size:13px;font-weight:800;border-radius:12px;padding:12px 17px;box-shadow:0 15px 45px #0005;animation:chipFloat 4s ease-in-out infinite}.chip-one{left:-15px;top:55px}.chip-two{right:-7px;top:165px;animation-delay:-1.5s}.chip-three{left:-28px;bottom:43px;animation-delay:-2.7s}.hero-scroll{position:absolute;bottom:17px;left:50%;transform:translateX(-50%);color:#ecc7d7;font-size:10px;font-weight:800;letter-spacing:3px}.hero-scroll span{display:block;text-align:center;font-size:22px;animation:scrollBounce 1.4s infinite}.animate-up{animation:enterUp .85s ease both}.animate-up:nth-child(2){animation-delay:.1s}.animate-up:nth-child(3){animation-delay:.2s}.animate-up:nth-child(4){animation-delay:.3s}.reveal{opacity:0;transform:translateY(42px);transition:opacity .75s ease,transform .75s ease}.reveal.in-view{opacity:1;transform:translateY(0)}.social-pro a .social-ic{display:grid;place-items:center}.social-pro a .social-ic svg{width:21px;height:21px}.social-pro a .social-label{font-weight:800;font-size:14px}.social-pro a .social-arr{margin-left:auto;opacity:.5;font-size:17px}.social-pro a:hover .social-arr{opacity:1;transform:translate(2px,-2px)}.social-pro a span{transition:.2s}.social-pro a{justify-content:flex-start}.team-avatar.portrait{height:205px;padding:0;overflow:hidden;border-radius:16px;background:#ede5f2}.team-avatar.portrait img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.team-card:hover .team-avatar.portrait img{transform:scale(1.06)}.honey{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.success-message{color:#167444!important;font-weight:800}.enhanced-form button[disabled]{opacity:.6;cursor:wait}
@keyframes ambientDrift{to{transform:translate(50px,-70px) scale(1.12)}}@keyframes panelFloat{50%{transform:translateY(-16px) rotateY(-7deg) rotateX(3deg)}}@keyframes vinylSpin{to{transform:rotate(360deg)}}@keyframes eqBounce{to{height:9px}}@keyframes ledBlink{50%{opacity:.25;box-shadow:0 0 0 10px #fa447f20}}@keyframes chipFloat{50%{transform:translateY(-13px)}}@keyframes scrollBounce{50%{transform:translateY(7px)}}@keyframes enterUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:980px){.hero-v3 .hero-layout{grid-template-columns:1fr;gap:0;padding:75px 0 100px}.hero-stage{height:420px}.hero-v3{min-height:0}.glass-panel{width:min(92%,430px)}}@media(max-width:600px){.hero-v3 .hero-layout{padding:60px 0 85px}.hero-v3 h1{font-size:45px}.hero-stage{height:370px}.glass-panel{height:345px}.vinyl{top:66px;width:180px;height:180px;margin-left:-90px}.float-chip{font-size:10px;padding:10px}.float-chip.chip-one{left:0}.float-chip.chip-three{left:0}.equalizer{bottom:65px}.social-pro a .social-label{font-size:13px}}
@media(prefers-reduced-motion:reduce){.glass-panel,.vinyl,.equalizer i,.float-chip,.hero-scroll span,.pulse-led,.ambient-visual span,.animate-up{animation:none!important}.reveal{opacity:1!important;transform:none!important;transition:none!important}}
/* V4 — cinematic studio visual system */
.v4{--accent:#ecc176;--gold:#edbc64;--night:#081020;--ink:#141727}
.v4 header{background:#fbfcff!important;border-bottom:1px solid #e6eaf0;box-shadow:0 6px 36px #08112010}
.v4 .brand{letter-spacing:.025em}
.v4 .logo-v4{background:#07101f!important;border:1px solid #c79a51!important;border-radius:13px!important;width:47px!important;height:47px!important;display:grid;place-items:center;box-shadow:0 5px 24px #edbd623d;animation:logoPulse 5s ease-in-out infinite}
.v4 .logo-v4 svg{width:34px;height:34px}
.v4 .brand:hover .logo-v4 svg{animation:logoRotate .8s ease}
.v4 .links a:not(.btn){transition:color .2s,transform .2s}
.v4 .links a:not(.btn):hover{color:#ad7828;transform:translateY(-2px)}
.v4 .links a.active{color:#b17b27}
.v4 .btn{transition:transform .25s,box-shadow .25s,background .25s;border-radius:999px}
.v4 .btn:hover{transform:translateY(-3px);box-shadow:0 12px 24px #0002}
.v4 .v4-hero{background:#080f1f url('studio-hero.png') center center/cover no-repeat!important;min-height:700px;isolation:isolate}
.v4 .v4-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,9,21,.97) 0%,rgba(4,9,21,.9) 35%,rgba(4,9,21,.4) 75%,rgba(4,9,21,.5));z-index:0}
.v4 .v4-hero .hero-shade{background:radial-gradient(ellipse at 80% 30%,#d4a34934,transparent 55%);animation:heroGlow 8s ease-in-out infinite alternate;pointer-events:none}
.v4 .v4-hero .wrap{position:relative;z-index:1}
.v4 .v4-hero h1{font-size:clamp(56px,6.8vw,106px);line-height:.99;letter-spacing:-.06em;color:#fff;text-shadow:0 6px 30px #0005}
.v4 .v4-hero h1 em,.v4-genres h2 em{font-style:italic;color:#f4c978;font-weight:700}
.v4 .v4-hero .eyebrow{color:#ebc47e;letter-spacing:.24em}
.v4 .v4-hero p{color:#edf0f9;max-width:630px}
.v4 .v4-hero .btn{background:linear-gradient(120deg,#f7dfa4,#e6ac50)!important;color:#091123!important;border:0!important}
.v4 .v4-hero .btn.ghost{background:#101626a6!important;color:white!important;border:1px solid #f1c778!important}
.v4 .hero-stage{transform:perspective(800px) rotateY(-7deg);animation:deckFloat 6s ease-in-out infinite;filter:drop-shadow(0 22px 40px #0008)}
.v4 .hero-stage .glass-panel{border-color:#d7aa6277;background:linear-gradient(135deg,#0c1529d9,#1c1726da);box-shadow:0 30px 90px #0008,0 0 28px #f1bc5230}
.v4 .vinyl{animation:spinSlow 5.5s linear infinite!important}
.v4 .v4-genres{background:radial-gradient(circle at 25% 40%,#142546,#060c18 62%);color:#fff;position:relative;overflow:hidden}
.v4 .v4-genres:before{content:'';position:absolute;width:700px;height:700px;border:1px solid #dfb77522;border-radius:50%;right:-250px;top:-340px;animation:genreRing 22s linear infinite}
.v4 .v4-genres .section-head h2{color:#fff}
.v4 .v4-genres .section-head p{color:#c7cfe0}
.v4-genre-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.v4-genre{height:250px;border-radius:20px;position:relative;display:flex;flex-direction:column;justify-content:end;align-items:start;overflow:hidden;padding:24px;color:#fff!important;text-decoration:none;isolation:isolate;border:1px solid #ffffff24;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s}
.v4-genre:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 12%,#050914e8 100%);z-index:-1}
.v4-genre:after{content:'';position:absolute;width:220px;height:220px;border:1px solid #ffffff30;border-radius:50%;top:-105px;right:-90px;animation:genreRing 16s linear infinite;z-index:-1}
.v4-genre:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 25px 45px #0008}
.g-devotional{background:radial-gradient(circle at 70% 15%,#edaf3f,#3e2146 63%,#0c1930)}
.g-rasiya{background:radial-gradient(circle at 75% 10%,#dd5364,#4a1531 58%,#14172f)}
.g-haryanvi{background:radial-gradient(circle at 75% 10%,#49b2ad,#123d56 60%,#14172f)}
.g-regional{background:radial-gradient(circle at 75% 10%,#e18140,#522644 60%,#14172f)}
.g-indie{background:radial-gradient(circle at 75% 10%,#8385e9,#242a69 60%,#111425)}
.genre-symbol{position:absolute;top:12px;right:24px;font-size:78px;opacity:.42;animation:symbolFloat 5s ease-in-out infinite}
.v4-genre:nth-child(even) .genre-symbol{animation-delay:-2.2s}
.genre-overline{font-size:10px;letter-spacing:.17em;color:#f9ddab;font-weight:800;margin-bottom:8px}
.v4-genre strong{font-size:22px;line-height:1.15}
.v4-genre small{color:#e7e5ec;font-size:12px;margin-top:9px}
.genre-arrow{position:absolute;right:18px;bottom:18px;border:1px solid #fff8;width:30px;height:30px;display:grid;place-items:center;border-radius:50%}
.v4-page-intro{position:relative;overflow:hidden;background:radial-gradient(ellipse at 80% 35%,#2e315d,#07101e 75%)!important}
.v4-page-intro:after{content:'';position:absolute;width:480px;height:480px;border:2px solid #edc07432;border-radius:50%;right:-150px;top:-210px;animation:genreRing 20s linear infinite}
.v4-page-intro .wrap{position:relative;z-index:1}
.v4-page-intro h1{background:linear-gradient(100deg,#fff 42%,#edc479 100%);-webkit-background-clip:text;background-clip:text;color:transparent;animation:titleEnter .8s ease both}
.v4-page-intro .eyebrow{color:#f2c880!important}
.v4-page-intro p{animation:titleEnter .95s .12s both}
.v4 .card,.v4 .detail,.v4 .team-card,.v4 .art{transition:transform .36s,box-shadow .36s,border-color .36s!important}
.v4 .card:hover,.v4 .detail:hover,.v4 .team-card:hover,.v4 .art:hover{transform:translateY(-9px);box-shadow:0 23px 60px #1e1b3840;border-color:#e8c076!important}
.v4 .card h3,.v4 .detail h3{transition:color .2s}
.v4 .card:hover h3,.v4 .detail:hover h3{color:#b68236}
.v4 .section h2{letter-spacing:-.035em}
.v4 .section-head .eyebrow{letter-spacing:.17em}
.v4-progress{position:fixed;top:0;left:0;z-index:200;height:3px;width:0;background:linear-gradient(90deg,#ae7837,#ffdf9d);box-shadow:0 0 15px #e9b658;pointer-events:none}
.v4-grain{position:fixed;inset:0;z-index:2;pointer-events:none;opacity:.05;background-image:radial-gradient(#fff 0.5px,transparent 0.5px);background-size:5px 5px}
.v4 .team-avatar img{transition:transform .5s}
.v4 .team-card:hover img{transform:scale(1.07)}
@keyframes heroGlow{to{opacity:.3;transform:translateY(30px)}}
@keyframes deckFloat{0%,100%{transform:perspective(800px) rotateY(-7deg) translateY(0)}50%{transform:perspective(800px) rotateY(-3deg) translateY(-14px)}}
@keyframes logoPulse{50%{box-shadow:0 5px 30px #efba5980}}
@keyframes logoRotate{to{transform:rotate(360deg)}}
@keyframes genreRing{to{transform:rotate(360deg)}}
@keyframes symbolFloat{50%{transform:translateY(14px) rotate(7deg)}}
@keyframes titleEnter{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.v4-genre-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.v4 .v4-hero h1{font-size:clamp(50px,7vw,82px)}}
@media(max-width:700px){.v4-genre-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v4 .v4-hero{min-height:650px}.v4 .v4-hero:before{background:linear-gradient(90deg,#070d1ff2,#071020cc)}.v4 .hero-stage{opacity:.65}}
@media(max-width:460px){.v4-genre-grid{grid-template-columns:1fr}.v4-genre{height:205px}.v4 .v4-hero h1{font-size:50px}}
@media(prefers-reduced-motion:reduce){.v4 *, .v4 *::before,.v4 *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}


/* V5 avatar polish */
.team-avatar.portrait{background:linear-gradient(180deg,#f3f1f9,#e8edf7)!important;border:1px solid #edf1f8;position:relative}
.team-avatar.portrait:before{content:'';position:absolute;inset:12px;border-radius:14px;border:1px solid rgba(255,255,255,.42);pointer-events:none}
.team-avatar.portrait img{image-rendering:auto}
.team-card .tag{box-shadow:0 8px 18px rgba(17,24,39,.08)}
.team-card:hover .tag{transform:translateY(-2px)}
