
/*
Theme Name: ARUNEMPIREHUB — Divi Child
Theme URI: https://arunempirehub.online/
Description: Premium ARUNEMPIREHUB child theme for Divi. Keeps the site editable with Divi while providing the custom visual system, responsive styling, animations and optional 3D hero.
Author: ARUNEMPIREHUB
Author URI: https://arunempirehub.online/
Template: Divi
Version: 1.0.0
Text Domain: arunempirehub-divi
*/

:root{
  --aeh-bg:#070707;
  --aeh-surface:#101010;
  --aeh-card:#151515;
  --aeh-text:#f5f5f5;
  --aeh-muted:#9b9b9b;
  --aeh-line:rgba(255,255,255,.11);
  --aeh-accent:#ffffff;
  --aeh-max:1240px;
}

.aeh-page{background:var(--aeh-bg);color:var(--aeh-text);overflow:hidden}
.aeh-wrap{width:min(100% - 48px,var(--aeh-max));margin:auto}
.aeh-section{padding:110px 0}
.aeh-kicker{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#aaa;margin-bottom:18px}
.aeh-title{font-size:clamp(48px,7vw,100px);line-height:.9;letter-spacing:-.055em;font-weight:800;margin:0}
.aeh-h2{font-size:clamp(34px,4.5vw,66px);line-height:.96;letter-spacing:-.04em;margin:0}
.aeh-copy{font-size:18px;line-height:1.7;color:#aaa}
.aeh-grid{display:grid;gap:18px}
.aeh-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.aeh-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.aeh-card{background:var(--aeh-card);border:1px solid var(--aeh-line);border-radius:22px;padding:32px;transition:transform .3s ease,border-color .3s ease}
.aeh-card:hover{transform:translateY(-6px);border-color:rgba(255,255,255,.28)}
.aeh-card h3{font-size:25px;margin:0 0 12px;color:#fff}
.aeh-card p{color:#999;line-height:1.7}
.aeh-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border:1px solid #fff;border-radius:999px;color:#080808;background:#fff;font-weight:700;text-decoration:none;transition:.25s}
.aeh-btn:hover{background:transparent;color:#fff}
.aeh-btn-ghost{background:transparent;color:#fff;border-color:var(--aeh-line)}
.aeh-hero{min-height:720px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:50px}
.aeh-hero-copy{position:relative;z-index:2}
.aeh-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.aeh-hero-art{position:relative;min-height:520px;border:1px solid var(--aeh-line);border-radius:34px;background:radial-gradient(circle at 50% 45%,#252525 0,#101010 35%,#070707 72%);overflow:hidden}
.aeh-orb{position:absolute;width:260px;height:260px;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.35);border-radius:50%;box-shadow:0 0 100px rgba(255,255,255,.12)}
.aeh-orb:before,.aeh-orb:after{content:"";position:absolute;inset:35px;border:1px solid rgba(255,255,255,.16);border-radius:50%;animation:aehSpin 12s linear infinite}
.aeh-orb:after{inset:-35px;animation-duration:18s;animation-direction:reverse}
.aeh-core{position:absolute;width:105px;height:105px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg);background:linear-gradient(135deg,#eee,#555);clip-path:polygon(50% 0,100% 25%,85% 80%,50% 100%,15% 80%,0 25%);box-shadow:0 0 60px rgba(255,255,255,.18)}
.aeh-label{position:absolute;padding:9px 12px;border:1px solid var(--aeh-line);background:rgba(10,10,10,.75);backdrop-filter:blur(10px);border-radius:999px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#ccc}
.aeh-label-1{left:8%;top:18%}.aeh-label-2{right:8%;top:35%}.aeh-label-3{left:12%;bottom:18%}
.aeh-marquee{border-top:1px solid var(--aeh-line);border-bottom:1px solid var(--aeh-line);padding:20px 0;white-space:nowrap;overflow:hidden}
.aeh-marquee-track{display:inline-flex;gap:45px;animation:aehMarquee 28s linear infinite}
.aeh-marquee span{font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:#aaa}
.aeh-number{font-size:54px;line-height:1;font-weight:800;letter-spacing:-.04em}
.aeh-price{font-size:46px;font-weight:800;margin:20px 0}
.aeh-price small{font-size:14px;color:#888;font-weight:500}
.aeh-contact{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px}
.aeh-contact-box{border:1px solid var(--aeh-line);border-radius:24px;padding:34px;background:#101010}
.aeh-contact-box a{color:#fff;text-decoration:none}
.aeh-form input,.aeh-form textarea,.aeh-form select{width:100%;box-sizing:border-box;background:#0a0a0a!important;color:#fff!important;border:1px solid var(--aeh-line)!important;border-radius:12px!important;padding:15px!important;margin-bottom:12px!important}
.aeh-form textarea{min-height:130px}
.aeh-form button{cursor:pointer}
.aeh-reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
.aeh-reveal.is-visible{opacity:1;transform:none}
@keyframes aehSpin{to{transform:rotate(360deg)}}
@keyframes aehMarquee{to{transform:translateX(-50%)}}
@media(max-width:980px){
  .aeh-hero,.aeh-contact{grid-template-columns:1fr}
  .aeh-grid-3{grid-template-columns:1fr 1fr}
  .aeh-grid-4{grid-template-columns:1fr 1fr}
  .aeh-hero-art{min-height:420px}
}
@media(max-width:680px){
  .aeh-wrap{width:min(100% - 30px,var(--aeh-max))}
  .aeh-section{padding:76px 0}
  .aeh-grid-3,.aeh-grid-4{grid-template-columns:1fr}
  .aeh-hero{min-height:auto;padding-top:60px}
  .aeh-title{font-size:clamp(46px,16vw,76px)}
  .aeh-hero-art{min-height:350px}
}
@media(prefers-reduced-motion:reduce){
  .aeh-reveal{opacity:1;transform:none;transition:none}
  .aeh-marquee-track,.aeh-orb:before,.aeh-orb:after{animation:none}
}
