/*
Theme Name: Adakita Promosindo V4
Author: Adakita Promosindo
Description: Production-ready integrated creative agency theme with dynamic portfolio, clients, insights and editable contact settings.
Version: 4.1.0
*/
:root{--red:#E30613;--black:#070707;--black2:#0d0d0d;--white:#fff;--muted:#969696;--line:#292929;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:#fff;font-family:Montserrat,Arial,sans-serif;line-height:1.55}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.wrap{width:min(92%,var(--max));margin:auto}
.header{position:fixed;z-index:100;top:0;left:0;right:0;background:rgba(7,7,7,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}.nav{height:80px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:21px;font-weight:900;letter-spacing:.13em}.logo i{font-style:normal;color:var(--red)}
.navlinks{display:flex;align-items:center;gap:24px;list-style:none;margin:0;padding:0;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.navlinks a{opacity:.82}.navlinks a:hover{opacity:1;color:var(--red)}.navlinks .navcta{background:var(--red);padding:12px 18px;opacity:1}
.hamb{display:none;background:none;border:0;color:#fff;font-size:25px}.mobile-panel{display:none}
.hero{min-height:100vh;padding:155px 0 85px;display:flex;align-items:center;position:relative;overflow:hidden;background:#080808}.hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 78% 28%,rgba(227,6,19,.31),transparent 29%),linear-gradient(110deg,#080808 25%,rgba(8,8,8,.84),#171717)}.hero-bg:after{content:"";position:absolute;width:720px;height:720px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-290px;top:65px;box-shadow:0 0 0 80px rgba(255,255,255,.014),0 0 0 160px rgba(255,255,255,.008)}.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.35fr .65fr;gap:50px;align-items:end}.eyebrow,.kicker{color:var(--red);font-size:10px;font-weight:900;letter-spacing:.2em;text-transform:uppercase}.hero h1{font-size:clamp(54px,8vw,114px);line-height:.87;letter-spacing:-.065em;margin:17px 0 28px}.hero h1 em{font-style:normal;color:var(--red)}.hero-copy{max-width:680px;color:#c7c7c7;font-size:17px}.buttons{display:flex;gap:11px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border:1px solid #fff;font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.btn.red{background:var(--red);border-color:var(--red)}.btn:hover{transform:translateY(-2px)}
.hero-side{border-left:1px solid #444;padding-left:28px}.hero-side .stat{margin-bottom:24px;color:#999;font-size:10px;letter-spacing:.08em}.hero-side strong{display:block;color:#fff;font-size:32px;line-height:1;margin-bottom:6px}
.section{padding:115px 0}.section.dark{background:#111}.section.black{background:#090909}.head{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:end;margin-bottom:48px}.head h2{font-size:clamp(43px,6vw,79px);line-height:.9;letter-spacing:-.055em;margin:0}.head p{color:#aaa;max-width:600px;margin:0}.redline{width:55px;height:3px;background:var(--red);margin:20px 0}
.impact{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line)}.impact div{padding:34px 24px;border-right:1px solid var(--line)}.impact div:last-child{border:0}.impact strong{font-size:42px;line-height:1;display:block}.impact span{display:block;margin-top:9px;color:#888;font-size:10px;text-transform:uppercase;letter-spacing:.12em}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.card{background:#101010;min-height:275px;padding:32px;position:relative}.card:hover{background:#151515}.card .n{color:var(--red);font-size:10px;font-weight:900}.card h3{font-size:24px;line-height:1.04;margin:16px 0 12px}.card p{color:#999;font-size:13px}.card a{position:absolute;bottom:24px;left:32px;font-size:10px;font-weight:900;letter-spacing:.1em}.card a:hover{color:var(--red)}
.process{display:grid;grid-template-columns:repeat(6,1fr);border-block:1px solid var(--line)}.step{padding:26px 14px;border-right:1px solid var(--line)}.step:last-child{border:0}.step b{color:var(--red);font-size:10px}.step h4{margin:11px 0 0;font-size:14px}.step p{color:#777;font-size:11px}
.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.work{min-height:430px;border:1px solid #2b2b2b;padding:29px;display:flex;flex-direction:column;justify-content:end;position:relative;overflow:hidden;background:linear-gradient(145deg,#282828,#0b0b0b);background-size:cover;background-position:center}.work:nth-child(2){background-color:#391318}.work:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.94),rgba(0,0,0,.08) 70%)}.work>*{position:relative;z-index:1}.work small{color:#bbb;font-size:9px;letter-spacing:.15em}.work h3{font-size:28px;line-height:1;margin:8px 0}.work p{font-size:12px;color:#aaa;margin:0}.work .view{margin-top:12px;font-size:10px;font-weight:900;letter-spacing:.1em}
.ecosystem{display:grid;grid-template-columns:1fr 1fr;gap:18px}.eco-card{background:#0c0c0c;border:1px solid var(--line);padding:38px}.eco-card h3{font-size:25px;margin:0 0 18px}.pills{display:flex;gap:8px;flex-wrap:wrap}.pill{border:1px solid #3b3b3b;padding:8px 11px;color:#bbb;font-size:10px}
.industries{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}.industry{background:#121212;padding:28px;min-height:145px}.industry b{font-size:17px}.industry p{font-size:11px;color:#888}
.client-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line)}.client{min-height:100px;background:#111;display:flex;align-items:center;justify-content:center;text-align:center;padding:18px;font-size:11px;font-weight:800;letter-spacing:.04em;color:#bbb}.client:hover{color:#fff;background:#151515}
.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.post{background:#101010;border:1px solid var(--line);padding:28px;min-height:235px}.post .meta{color:var(--red);font-size:9px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.post h3{font-size:22px;line-height:1.05}.post p{font-size:12px;color:#999}.post a:hover{color:var(--red)}
.cta{background:var(--red);padding:115px 0}.cta h2{font-size:clamp(50px,7vw,96px);line-height:.88;letter-spacing:-.06em;margin:13px 0 25px}.cta p{max-width:650px}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:32px;max-width:880px}.contact-form .full{grid-column:1/-1}.contact-form input,.contact-form textarea,.contact-form select{width:100%;background:rgba(0,0,0,.16);border:1px solid rgba(255,255,255,.5);color:#fff;padding:15px;outline:none}.contact-form textarea{min-height:135px;resize:vertical}.contact-form option{color:#000}
.footer{padding:52px 0;background:#050505;border-top:1px solid rgba(255,255,255,.1)}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footer p,.footer a{font-size:12px;color:#858585}.footer a:hover{color:#fff}
.page-hero{padding:165px 0 75px;background:linear-gradient(110deg,#090909,#151515)}.page-hero h1{font-size:clamp(50px,7vw,92px);line-height:.9;letter-spacing:-.06em;margin:14px 0}.content{max-width:900px;color:#bbb}.content h2,.content h3{color:#fff}.content p{font-size:16px}.content ul{padding-left:20px}
@media(max-width:900px){.navlinks{display:none}.hamb{display:block}.mobile-panel.open{display:flex;position:absolute;top:80px;left:0;right:0;background:#090909;padding:22px;flex-direction:column;gap:17px;font-size:12px;font-weight:800;text-transform:uppercase;border-bottom:1px solid #222}.hero-inner,.head,.ecosystem,.footgrid{grid-template-columns:1fr}.hero-side{border-left:0;border-top:1px solid #444;padding:25px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cards,.work-grid,.insight-grid{grid-template-columns:1fr 1fr}.process{grid-template-columns:repeat(3,1fr)}.impact{grid-template-columns:1fr 1fr}.industries{grid-template-columns:1fr 1fr}.client-grid{grid-template-columns:repeat(3,1fr)}.contact-form{grid-template-columns:1fr}.contact-form .full{grid-column:auto}}
@media(max-width:600px){.nav{height:70px}.mobile-panel.open{top:70px}.hero h1{font-size:51px}.hero-side{grid-template-columns:1fr}.section{padding:80px 0}.cards,.work-grid,.insight-grid,.impact,.industries{grid-template-columns:1fr}.process{grid-template-columns:1fr 1fr}.client-grid{grid-template-columns:1fr 1fr}}

/* V4.1 visual refinement */
.hero{padding:132px 0 65px;min-height:calc(100vh - 80px)}
.hero-inner{grid-template-columns:1.05fr .95fr;align-items:center;gap:60px}
.hero h1{font-size:clamp(49px,6.7vw,94px);max-width:790px}
.hero-copy{font-size:16px;max-width:620px}
.hero-visual{position:relative;min-height:570px;display:flex;align-items:center;justify-content:center}
.hero-frame{width:min(100%,540px);height:520px;border:1px solid rgba(255,255,255,.12);position:relative;overflow:hidden;background:#111}
.hero-frame img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.hero-frame:hover img{transform:scale(1.03)}
.hero-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.72))}
.hero-label{position:absolute;z-index:2;left:24px;bottom:23px;right:24px}
.hero-label small{font-size:9px;letter-spacing:.16em;color:#ddd;font-weight:900}
.hero-label h3{font-size:25px;line-height:1;margin:7px 0 0}
.hero-index{position:absolute;z-index:3;top:18px;right:18px;border:1px solid rgba(255,255,255,.3);padding:8px 10px;font-size:9px;font-weight:900;letter-spacing:.12em}
.hero-frame.no-image{background:radial-gradient(circle at 70% 25%,rgba(227,6,19,.28),transparent 35%),linear-gradient(145deg,#1c1c1c,#080808)}
.hero-frame.no-image:before{content:"ADAKITA";position:absolute;z-index:1;font-size:clamp(70px,10vw,145px);font-weight:900;letter-spacing:-.08em;transform:rotate(-90deg);right:-88px;top:145px;color:rgba(255,255,255,.04)}
.hero-side{border-left:0;padding-left:0;display:flex;gap:10px;margin-top:28px}
.hero-side .stat{border-top:1px solid #444;padding-top:13px;margin:0;flex:1}
.section-intro{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px}
.section-intro .mini-link{font-size:10px;font-weight:900;letter-spacing:.12em;border-bottom:1px solid #555;padding-bottom:7px}
.section-intro .mini-link:hover{color:var(--red);border-color:var(--red)}
.featured-work{display:grid;grid-template-columns:1.4fr .6fr;gap:18px;margin-bottom:18px}
.featured-work .work{min-height:530px}
.featured-work .work-side{display:grid;gap:18px}
.featured-work .work-side .work{min-height:256px}
.client-logo img{max-height:42px;width:auto;object-fit:contain;filter:grayscale(1);opacity:.72}
.client-logo:hover img{filter:none;opacity:1}
.case-meta{display:flex;gap:12px;flex-wrap:wrap;margin:15px 0}
.case-meta span{border:1px solid #383838;padding:6px 9px;color:#aaa;font-size:9px;letter-spacing:.08em;text-transform:uppercase}
.case-hero-image{margin-top:35px;border:1px solid #252525;overflow:hidden;max-height:650px}
.case-hero-image img{width:100%;max-height:650px;object-fit:cover}
@media(max-width:900px){
 .hero{padding-top:125px}
 .hero-inner{grid-template-columns:1fr}
 .hero-visual{min-height:440px}
 .hero-frame{height:430px}
 .hero-side{display:grid;grid-template-columns:repeat(3,1fr)}
 .featured-work{grid-template-columns:1fr}
 .featured-work .work{min-height:430px}
}
@media(max-width:600px){
 .hero{padding-top:110px}
 .hero h1{font-size:49px}
 .hero-visual{min-height:360px}
 .hero-frame{height:350px}
 .hero-side{grid-template-columns:1fr}
 .section-intro{display:block}
 .featured-work .work,.featured-work .work-side .work{min-height:350px}
}