/* XALO STUDIO V12 / Phase 23 — cinematic homepage motion foundation */
.home-cinematic{--cinema-blue:154,216,255;--cinema-violet:140,124,255;--cinema-ice:214,241,255;--cinema-warm:255,198,151;--cinema-green:139,245,195;background:#030508;overflow-x:clip}
.home-cinematic main{position:relative;isolation:isolate}
.home-cinematic main::before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(70rem 42rem at 7% 11%,rgba(var(--cinema-blue),.055),transparent 66%),radial-gradient(60rem 40rem at 94% 36%,rgba(var(--cinema-violet),.05),transparent 67%),radial-gradient(65rem 42rem at 25% 78%,rgba(var(--cinema-blue),.025),transparent 72%)}
.home-cinematic .site-header{transition:background .45s ease,border-color .45s ease,backdrop-filter .45s ease,transform .45s ease;padding-top:15px;padding-bottom:15px}
.home-cinematic .site-header::after{content:"";position:absolute;left:50%;bottom:-1px;width:min(92vw,1120px);height:1px;transform:translateX(-50%) scaleX(.72);opacity:0;background:linear-gradient(90deg,transparent,rgba(var(--cinema-blue),.36),rgba(var(--cinema-violet),.28),transparent);transition:.45s ease}
.home-cinematic .site-header.scrolled{background:rgba(3,5,8,.72);backdrop-filter:blur(28px) saturate(145%);-webkit-backdrop-filter:blur(28px) saturate(145%);border-color:rgba(255,255,255,.075);box-shadow:0 18px 80px rgba(0,0,0,.18)}
.home-cinematic .site-header.scrolled::after{opacity:1;transform:translateX(-50%) scaleX(1)}
.home-cinematic .brand{position:relative}.home-cinematic .brand-mark{box-shadow:inset 0 0 28px rgba(255,255,255,.04),0 0 28px rgba(var(--cinema-blue),.055)}
.home-cinematic .nav-links a,.home-cinematic .nav-mega-btn{position:relative}
.home-cinematic .nav-links a::after,.home-cinematic .nav-mega-btn::after{content:"";position:absolute;left:50%;right:50%;bottom:-8px;height:1px;background:linear-gradient(90deg,rgba(var(--cinema-blue),0),rgba(var(--cinema-blue),.9),rgba(var(--cinema-violet),.75),rgba(var(--cinema-violet),0));transition:left .28s ease,right .28s ease,opacity .28s ease;opacity:0}
@media(hover:hover){.home-cinematic .nav-links a:hover::after,.home-cinematic .nav-mega-btn:hover::after{left:0;right:0;opacity:1}.home-cinematic .icon-btn:hover,.home-cinematic .nav-cta:hover{box-shadow:0 0 0 1px rgba(var(--cinema-blue),.07),0 12px 36px rgba(var(--cinema-blue),.08)}}

/* Hero — cinematic atmosphere */
.home-cinematic .hero{min-height:100svh;padding-bottom:60px;background:linear-gradient(180deg,#050810 0%,#04070b 44%,#030508 100%);isolation:isolate}
.home-cinematic .hero::before{z-index:0;background:linear-gradient(180deg,rgba(3,5,8,.06),rgba(3,5,8,.2) 46%,rgba(3,5,8,.96) 94%,#030508)}
.home-cinematic .hero::after{content:"";position:absolute;inset:auto -10% -2px;z-index:1;height:42%;pointer-events:none;background:linear-gradient(180deg,transparent,#030508 92%)}
.home-cinematic .hero-cinema{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.home-cinematic .hero-cinema::before{content:"";position:absolute;inset:-20%;background:conic-gradient(from 220deg at 62% 35%,transparent 0 24%,rgba(var(--cinema-blue),.035) 31%,transparent 39% 54%,rgba(var(--cinema-violet),.045) 62%,transparent 72%);filter:blur(35px);animation:xaloAuroraSpin 34s linear infinite}
.home-cinematic .hero-aurora{position:absolute;border-radius:50%;filter:blur(70px);will-change:transform,opacity}
.home-cinematic .hero-aurora-a{width:58vw;height:44vw;min-width:650px;min-height:500px;right:-12vw;top:-13vw;background:radial-gradient(circle at 45% 45%,rgba(var(--cinema-blue),.28),rgba(var(--cinema-violet),.10) 38%,transparent 70%);animation:xaloDriftA 14s ease-in-out infinite alternate}
.home-cinematic .hero-aurora-b{width:42vw;height:38vw;left:-10vw;bottom:-13vw;background:radial-gradient(circle,rgba(76,118,168,.16),rgba(68,61,132,.055) 48%,transparent 72%);animation:xaloDriftB 18s ease-in-out infinite alternate}
.home-cinematic .hero-beam{position:absolute;width:24vw;height:140%;left:53%;top:-24%;transform:rotate(23deg);background:linear-gradient(90deg,transparent,rgba(var(--cinema-blue),.05),rgba(255,255,255,.032),transparent);filter:blur(20px);opacity:.9;animation:xaloBeam 11s ease-in-out infinite alternate}
.home-cinematic .hero-grain{position:absolute;inset:0;opacity:.14;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E");mix-blend-mode:soft-light;animation:xaloGrain .22s steps(2) infinite}
.home-cinematic .hero-stars{position:absolute;inset:0;opacity:.5;background-image:radial-gradient(circle at 12% 18%,rgba(255,255,255,.55) 0 1px,transparent 1.5px),radial-gradient(circle at 27% 38%,rgba(var(--cinema-blue),.7) 0 1px,transparent 1.5px),radial-gradient(circle at 58% 13%,rgba(255,255,255,.5) 0 1px,transparent 1.3px),radial-gradient(circle at 75% 46%,rgba(var(--cinema-violet),.72) 0 1px,transparent 1.5px),radial-gradient(circle at 88% 26%,rgba(255,255,255,.45) 0 1px,transparent 1.4px);background-size:310px 270px,420px 330px,360px 290px,500px 390px,410px 300px;animation:xaloStarDrift 40s linear infinite}
.home-cinematic .hero-grid{z-index:0;opacity:.63;transform:perspective(1000px) rotateX(66deg) translate3d(var(--hero-grid-x,0),calc(-12% + var(--hero-grid-y,0)),0);background-size:72px 72px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.84),rgba(0,0,0,.36) 62%,transparent 90%);transition:transform .35s ease-out}
.home-cinematic .hero-orb{z-index:0;width:60vw;right:-14vw;top:-16vw;opacity:.52;filter:blur(8px);animation:xaloOrbBreath 9s ease-in-out infinite alternate}
.home-cinematic .hero-content{z-index:3}
.home-cinematic .hero .eyebrow{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border-radius:999px;border:1px solid rgba(var(--cinema-blue),.12);background:rgba(8,13,19,.42);backdrop-filter:blur(10px);box-shadow:inset 0 0 22px rgba(var(--cinema-blue),.025)}
.home-cinematic .hero .eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:rgb(var(--cinema-blue));box-shadow:0 0 18px rgba(var(--cinema-blue),.72);animation:xaloPulse 2.6s ease-in-out infinite}
.home-cinematic .hero h1{position:relative;text-shadow:0 20px 80px rgba(0,0,0,.5)}
.home-cinematic .hero h1 b{display:inline-block;background:linear-gradient(110deg,#fff 0%,#dbefff 44%,#fff 66%,#dce0ff 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:xaloTitleSheen 8s ease-in-out infinite}
.home-cinematic .hero h1 span{-webkit-text-stroke:1px rgba(220,239,255,.5);filter:drop-shadow(0 18px 45px rgba(var(--cinema-violet),.08))}
.home-cinematic .hero-lead{line-height:1.75;text-shadow:0 8px 30px rgba(0,0,0,.4)}
.home-cinematic .btn{position:relative;overflow:hidden;isolation:isolate;transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s,background .3s,box-shadow .3s}
.home-cinematic .btn::after{content:"";position:absolute;inset:-2px;z-index:-1;transform:translateX(-130%) skewX(-20deg);width:48%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);transition:transform .65s ease}
@media(hover:hover){.home-cinematic .btn:hover{transform:translateY(-3px);border-color:rgba(var(--cinema-blue),.3);box-shadow:0 16px 44px rgba(0,0,0,.23),0 0 32px rgba(var(--cinema-blue),.07)}.home-cinematic .btn:hover::after{transform:translateX(300%) skewX(-20deg)}}
.home-cinematic .hero-meta{position:relative;margin-top:62px;padding:4px 0 0}.home-cinematic .metric{position:relative;padding:17px 12px 0 0}.home-cinematic .metric::before{content:"";position:absolute;left:0;top:-1px;width:0;height:1px;background:linear-gradient(90deg,rgba(var(--cinema-blue),.85),rgba(var(--cinema-violet),.25),transparent);transition:width .7s ease}.home-cinematic .hero.is-entered .metric::before{width:72%}.home-cinematic .metric:nth-child(2)::before{transition-delay:.12s}.home-cinematic .metric:nth-child(3)::before{transition-delay:.24s}.home-cinematic .metric:nth-child(4)::before{transition-delay:.36s}
.home-cinematic .hero-sigil{position:absolute;z-index:2;right:7vw;top:42%;width:clamp(220px,24vw,390px);aspect-ratio:1;transform:translateY(-50%);opacity:.78;pointer-events:none;filter:drop-shadow(0 25px 70px rgba(0,0,0,.3))}
.home-cinematic .sigil-ring{position:absolute;border-radius:50%;border:1px solid rgba(var(--cinema-blue),.14);inset:7%;box-shadow:inset 0 0 60px rgba(var(--cinema-blue),.025)}
.home-cinematic .ring-a{animation:xaloSigil 25s linear infinite}.home-cinematic .ring-b{inset:19%;border-style:dashed;border-color:rgba(var(--cinema-violet),.2);animation:xaloSigil 18s linear infinite reverse}.home-cinematic .ring-c{inset:32%;border-color:rgba(255,255,255,.09);animation:xaloSigil 12s linear infinite}
.home-cinematic .sigil-ring::before,.home-cinematic .sigil-ring::after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:rgb(var(--cinema-blue));box-shadow:0 0 18px rgba(var(--cinema-blue),.7)}.home-cinematic .sigil-ring::before{top:10%;left:19%}.home-cinematic .sigil-ring::after{bottom:7%;right:24%;background:rgb(var(--cinema-violet));box-shadow:0 0 18px rgba(var(--cinema-violet),.75)}
.home-cinematic .sigil-core{position:absolute;inset:39%;display:grid;place-items:center;border-radius:28%;font-family:Syne,sans-serif;font-size:clamp(2.4rem,4vw,4.8rem);font-weight:800;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(var(--cinema-blue),.025));border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(14px);box-shadow:0 0 80px rgba(var(--cinema-blue),.08)}
.home-cinematic .sigil-orbit-copy{position:absolute;left:8%;right:8%;bottom:0;text-align:center;font-family:Syne,sans-serif;font-size:.52rem;letter-spacing:.25em;color:#8ea3bb}
.home-cinematic .hero-scroll-cue{position:absolute;z-index:5;left:50%;bottom:18px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:7px;color:#8f9caf;font-size:.48rem;letter-spacing:.24em}.home-cinematic .hero-scroll-cue span{width:1px;height:32px;background:linear-gradient(180deg,rgba(var(--cinema-blue),.85),transparent);animation:xaloScrollCue 2.2s ease-in-out infinite}.home-cinematic .hero-scroll-cue b{font-size:inherit;font-weight:700}

/* Section atmosphere & scroll reveal */
.home-cinematic .section,.home-cinematic .company-definition{position:relative;isolation:isolate}.home-cinematic .section::before,.home-cinematic .company-definition::before{content:"";position:absolute;z-index:-1;pointer-events:none;border-radius:50%;filter:blur(75px);opacity:.28;width:44vw;height:28vw;min-width:340px;min-height:220px;background:radial-gradient(circle,rgba(var(--cinema-blue),.11),rgba(var(--cinema-violet),.03) 48%,transparent 72%)}
.home-cinematic #universe::before{right:-16vw;top:20%}.home-cinematic #releases::before{left:-17vw;top:28%;background:radial-gradient(circle,rgba(var(--cinema-violet),.11),rgba(var(--cinema-blue),.025) 50%,transparent 73%)}
.home-cinematic .release-slate::before{right:-20vw;top:15%;opacity:.2}.home-cinematic .motion-stage{--reveal-y:34px;opacity:0;transform:translate3d(0,var(--reveal-y),0);filter:blur(8px);transition:opacity .95s cubic-bezier(.2,.7,.2,1),transform .95s cubic-bezier(.2,.7,.2,1),filter .95s cubic-bezier(.2,.7,.2,1)}
.home-cinematic .motion-stage.is-visible{opacity:1;transform:none;filter:none}
.home-cinematic .section-head{position:relative;padding-bottom:18px}.home-cinematic .section-head::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,rgba(var(--cinema-blue),.18),rgba(var(--cinema-violet),.13),transparent 74%);transform:scaleX(.2);transform-origin:left;opacity:.2;transition:transform 1.1s ease,opacity 1.1s ease}.home-cinematic .motion-stage.is-visible .section-head::after,.home-cinematic .section:has(.motion-stage.is-visible) .section-head::after{transform:scaleX(1);opacity:1}
.home-cinematic .section-head h2{background:linear-gradient(105deg,#fff,#dfeaff 48%,#fff 72%);-webkit-background-clip:text;background-clip:text;color:transparent}

/* Slate ribbon */
.home-cinematic .slate-ribbon{position:relative;border:1px solid rgba(255,255,255,.075);border-radius:22px;overflow:hidden;background:linear-gradient(155deg,rgba(255,255,255,.035),rgba(255,255,255,.012));box-shadow:0 28px 80px rgba(0,0,0,.2);backdrop-filter:blur(12px)}
.home-cinematic .slate-ribbon::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 20%,rgba(var(--cinema-blue),.035) 45%,transparent 68%);transform:translateX(-90%);animation:xaloRibbonSweep 10s ease-in-out infinite}
.home-cinematic .slate-ribbon a{position:relative;transition:background .35s ease,color .35s ease}.home-cinematic .slate-ribbon a::after{content:"";position:absolute;left:14%;right:14%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--cinema-blue),.55),transparent);transform:scaleX(0);transition:transform .35s ease}@media(hover:hover){.home-cinematic .slate-ribbon a:hover{background:rgba(var(--cinema-blue),.035)}.home-cinematic .slate-ribbon a:hover::after{transform:scaleX(1)}}

/* Company definition */
.home-cinematic .company-definition{padding-top:145px;padding-bottom:55px}.home-cinematic .company-definition h2{position:relative;text-shadow:0 25px 75px rgba(0,0,0,.32)}.home-cinematic .definition-facts span{position:relative;overflow:hidden;padding:16px 4px 8px}.home-cinematic .definition-facts span::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:linear-gradient(90deg,rgba(var(--cinema-blue),.5),transparent);transform:scaleX(0);transform-origin:left;transition:transform .7s ease}.home-cinematic .company-definition.is-visible .definition-facts span::after{transform:scaleX(1)}.home-cinematic .company-definition.is-visible .definition-facts span:nth-child(2)::after{transition-delay:.12s}.home-cinematic .company-definition.is-visible .definition-facts span:nth-child(3)::after{transition-delay:.24s}.home-cinematic .company-definition.is-visible .definition-facts span:nth-child(4)::after{transition-delay:.36s}

/* Universe cards */
.home-cinematic .universe-grid{gap:16px;perspective:1200px}.home-cinematic .universe-card{--world-rgb:var(--cinema-blue);min-height:290px;padding:28px;border-color:rgba(255,255,255,.085);background:linear-gradient(150deg,rgba(13,18,25,.94),rgba(7,10,15,.92));box-shadow:0 20px 70px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.025);transform-style:preserve-3d;transition:transform .48s cubic-bezier(.2,.75,.2,1),border-color .4s ease,box-shadow .4s ease;background .4s ease;isolation:isolate}
.home-cinematic .universe-card[data-world="games"]{--world-rgb:140,124,255}.home-cinematic .universe-card[data-world="publishing"]{--world-rgb:255,198,151}.home-cinematic .universe-card[data-world="digital"]{--world-rgb:139,245,195}.home-cinematic .universe-card[data-world="tools"]{--world-rgb:154,216,255}.home-cinematic .universe-card[data-world="creative"]{--world-rgb:202,174,255}
.home-cinematic .universe-card::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(440px circle at var(--card-x,70%) var(--card-y,20%),rgba(var(--world-rgb),.13),transparent 47%),linear-gradient(155deg,rgba(var(--world-rgb),.035),transparent 45%);opacity:.82;transition:opacity .35s ease}
.home-cinematic .universe-card::after{width:260px;height:260px;right:-90px;bottom:-100px;background:radial-gradient(circle,rgba(var(--world-rgb),.16),transparent 68%);filter:blur(5px);transition:transform .7s ease,opacity .5s ease}
.home-cinematic .universe-card[data-world="creative"]{background-image:linear-gradient(145deg,rgba(8,10,15,.78),rgba(5,7,11,.91)),url('/assets/images/xalo-studio-cinematic-after-dark-720.webp');background-size:cover;background-position:center}.home-cinematic .universe-card[data-world="creative"]::before{background:linear-gradient(120deg,rgba(6,9,14,.62),rgba(6,8,12,.9) 60%),radial-gradient(circle at var(--card-x,74%) var(--card-y,25%),rgba(var(--world-rgb),.22),transparent 42%)}
.home-cinematic .world-icon{width:54px;height:54px;display:grid;place-items:center;margin-bottom:18px;border-radius:17px;border:1px solid rgba(var(--world-rgb),.18);background:linear-gradient(145deg,rgba(var(--world-rgb),.095),rgba(255,255,255,.018));box-shadow:inset 0 0 24px rgba(var(--world-rgb),.03),0 14px 36px rgba(0,0,0,.18);color:rgba(var(--world-rgb),.92);transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease,border-color .45s ease}.home-cinematic .world-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.home-cinematic .card-index{position:absolute;right:26px;top:28px;letter-spacing:.13em}.home-cinematic .universe-card h3{font-size:clamp(1.45rem,2vw,1.85rem);margin-top:8px}.home-cinematic .universe-card p{line-height:1.65}.home-cinematic .arrow-link{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(var(--world-rgb),.12);background:rgba(255,255,255,.025);transition:transform .4s ease,background .4s ease,border-color .4s ease}.home-cinematic .card-light{position:absolute;z-index:-1;width:180px;height:180px;border-radius:50%;left:var(--card-x,78%);top:var(--card-y,20%);transform:translate(-50%,-50%);background:rgba(var(--world-rgb),.10);filter:blur(60px);opacity:0;transition:opacity .35s ease;pointer-events:none}
@media(hover:hover) and (pointer:fine){.home-cinematic .universe-card:hover{transform:translateY(-10px) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));border-color:rgba(var(--world-rgb),.34);box-shadow:0 35px 100px rgba(0,0,0,.38),0 0 48px rgba(var(--world-rgb),.055),inset 0 1px 0 rgba(255,255,255,.06)}.home-cinematic .universe-card:hover::after{transform:scale(1.15) translate(-8px,-8px)}.home-cinematic .universe-card:hover .world-icon{transform:translateY(-3px) scale(1.05);border-color:rgba(var(--world-rgb),.35);box-shadow:0 18px 45px rgba(var(--world-rgb),.10)}.home-cinematic .universe-card:hover .arrow-link{transform:translate(3px,-3px);background:rgba(var(--world-rgb),.09);border-color:rgba(var(--world-rgb),.3)}.home-cinematic .universe-card:hover .card-light{opacity:1}}

/* Releases */
.home-cinematic .release-grid{gap:18px}.home-cinematic .release{position:relative;background:linear-gradient(150deg,rgba(12,16,23,.96),rgba(5,8,12,.95));border-color:rgba(255,255,255,.085);box-shadow:0 22px 80px rgba(0,0,0,.22);transition:transform .45s cubic-bezier(.2,.75,.2,1),border-color .4s ease,box-shadow .4s ease}.home-cinematic .release::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(125deg,transparent 30%,rgba(255,255,255,.03) 50%,transparent 68%);transform:translateX(-90%);transition:transform .8s ease}.home-cinematic .release-visual{position:relative;overflow:hidden}.home-cinematic .release-visual::before{animation:xaloReleaseFloat 9s ease-in-out infinite alternate}.home-cinematic .release-atmosphere{position:absolute;inset:-30%;background:conic-gradient(from 40deg,transparent,rgba(var(--cinema-blue),.08),transparent 33%,rgba(var(--cinema-violet),.08),transparent 66%);filter:blur(28px);animation:xaloAuroraSpin 25s linear infinite;pointer-events:none}.home-cinematic .release.book .release-atmosphere{background:conic-gradient(from 40deg,transparent,rgba(var(--cinema-warm),.09),transparent 35%,rgba(133,85,74,.08),transparent 68%)}
@media(hover:hover){.home-cinematic .release:hover{transform:translateY(-8px);border-color:rgba(var(--cinema-blue),.24);box-shadow:0 38px 110px rgba(0,0,0,.36)}.home-cinematic .release:hover::after{transform:translateX(90%)}}

/* Feature panels */
.home-cinematic .feature-strip{gap:18px}.home-cinematic .feature-panel{position:relative;overflow:hidden;isolation:isolate;min-height:430px;background:linear-gradient(150deg,rgba(12,16,22,.95),rgba(5,8,12,.92));border-color:rgba(255,255,255,.085);box-shadow:0 22px 75px rgba(0,0,0,.2)}
.home-cinematic .feature-panel::before{content:"";position:absolute;z-index:-2;inset:0;opacity:.28;background-size:cover;background-position:center;filter:saturate(.72) contrast(1.05);transition:transform 1.2s cubic-bezier(.2,.8,.2,1),opacity .5s ease}.home-cinematic .feature-panel[data-feature="photo"]::before{background-image:linear-gradient(145deg,rgba(4,8,12,.85),rgba(5,8,12,.95) 65%),url('/assets/images/xalo-studio-cinematic-photographer-profile-720.webp')}.home-cinematic .feature-panel[data-feature="glowupfy"]::before{background-image:linear-gradient(145deg,rgba(6,10,15,.82),rgba(5,8,12,.96) 68%),url('/assets/images/xalo-studio-beauty-skin-light-720.webp')}.home-cinematic .feature-ambient{position:absolute;z-index:-1;width:290px;height:290px;right:-70px;top:-90px;border-radius:50%;background:radial-gradient(circle,rgba(var(--cinema-blue),.16),transparent 67%);filter:blur(18px);animation:xaloPanelBreath 8s ease-in-out infinite alternate}.home-cinematic [data-feature="glowupfy"] .feature-ambient{background:radial-gradient(circle,rgba(var(--cinema-violet),.14),rgba(var(--cinema-warm),.05) 48%,transparent 70%);animation-delay:-3s}.home-cinematic .feature-panel h3{position:relative;text-shadow:0 12px 45px rgba(0,0,0,.55)}@media(hover:hover){.home-cinematic .feature-panel:hover::before{transform:scale(1.045);opacity:.38}}

/* Release slate */
.home-cinematic .slate-table{border-top:1px solid rgba(255,255,255,.08)}.home-cinematic .slate-table>a{position:relative;overflow:hidden;transition:padding .35s ease,background .35s ease,border-color .35s ease}.home-cinematic .slate-table>a::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(var(--cinema-blue),.055),transparent 48%);transform:translateX(-102%);transition:transform .5s cubic-bezier(.2,.75,.2,1)}.home-cinematic .slate-status::after{content:"";width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.8;box-shadow:0 0 12px currentColor;animation:xaloPulse 2.5s ease-in-out infinite}@media(hover:hover){.home-cinematic .slate-table>a:hover::before{transform:translateX(0)}.home-cinematic .slate-table>a:hover .slate-arrow{transform:translate(4px,-4px);color:#fff}.home-cinematic .slate-arrow{transition:.3s}}

/* News editorial cards */
.home-cinematic .news-grid{gap:16px}.home-cinematic .news-card{position:relative;min-height:230px;padding:24px 22px;border:1px solid rgba(255,255,255,.075);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.028),rgba(255,255,255,.012));overflow:hidden;transition:transform .42s cubic-bezier(.2,.75,.2,1),border-color .35s ease,background .35s ease}.home-cinematic .news-card::before{content:attr(data-news);position:absolute;right:17px;top:8px;font-family:Syne,sans-serif;font-size:4.8rem;font-weight:800;letter-spacing:-.07em;color:rgba(255,255,255,.018);pointer-events:none}.home-cinematic .news-card time{display:inline-flex;padding:5px 8px;border:1px solid rgba(var(--cinema-blue),.10);border-radius:999px;background:rgba(var(--cinema-blue),.025)}.home-cinematic .news-card h3{margin-top:28px}.home-cinematic .news-pulse{position:absolute;width:160px;height:160px;right:-80px;bottom:-90px;border-radius:50%;background:radial-gradient(circle,rgba(var(--cinema-blue),.12),transparent 68%);filter:blur(8px);transition:transform .6s ease}@media(hover:hover){.home-cinematic .news-card:hover{transform:translateY(-7px);border-color:rgba(var(--cinema-blue),.22);background:linear-gradient(145deg,rgba(var(--cinema-blue),.04),rgba(255,255,255,.014))}.home-cinematic .news-card:hover .news-pulse{transform:scale(1.25) translate(-12px,-8px)}}

/* Business CTA */
.home-cinematic .company-callout{min-height:390px;display:flex;flex-direction:column;justify-content:center;padding:clamp(34px,6vw,72px);background:linear-gradient(135deg,rgba(15,21,30,.92),rgba(8,10,16,.92));border-color:rgba(var(--cinema-blue),.16);box-shadow:0 35px 120px rgba(0,0,0,.28);isolation:isolate}.home-cinematic .company-callout::before{content:"";position:absolute;z-index:-1;width:60%;height:160%;right:-10%;top:-30%;background:radial-gradient(ellipse,rgba(var(--cinema-blue),.11),rgba(var(--cinema-violet),.05) 42%,transparent 70%);filter:blur(15px);animation:xaloCalloutGlow 8s ease-in-out infinite alternate}.home-cinematic .company-callout::after{z-index:-1;color:rgba(255,255,255,.024)}.home-cinematic .company-callout h2{max-width:850px;text-shadow:0 20px 70px rgba(0,0,0,.5)}

/* RTL logical polish */
html[dir="rtl"] .home-cinematic .hero-sigil{right:auto;left:7vw}html[dir="rtl"] .home-cinematic .card-index{right:auto;left:26px}html[dir="rtl"] .home-cinematic .arrow-link{right:auto;left:20px}html[dir="rtl"] .home-cinematic .section-head::after{transform-origin:right}html[dir="rtl"] .home-cinematic .definition-facts span::after{left:auto;right:0;transform-origin:right}html[dir="rtl"] .home-cinematic .news-card::before{right:auto;left:17px}html[dir="rtl"] .home-cinematic .news-pulse{right:auto;left:-80px}html[dir="rtl"] .home-cinematic .company-callout::before{right:auto;left:-10%}

/* Motion keyframes */
@keyframes xaloAuroraSpin{to{transform:rotate(360deg)}}
@keyframes xaloDriftA{0%{transform:translate3d(-3%,0,0) scale(1)}100%{transform:translate3d(5%,6%,0) scale(1.08)}}
@keyframes xaloDriftB{0%{transform:translate3d(0,4%,0) scale(.94)}100%{transform:translate3d(7%,-3%,0) scale(1.08)}}
@keyframes xaloBeam{0%{transform:rotate(23deg) translateX(-13%);opacity:.55}100%{transform:rotate(23deg) translateX(20%);opacity:1}}
@keyframes xaloGrain{0%{transform:translate(0)}25%{transform:translate(1%,-1%)}50%{transform:translate(-1%,1%)}75%{transform:translate(.5%,1%)}100%{transform:translate(0)}}
@keyframes xaloStarDrift{to{background-position:80px 40px,-60px 110px,90px -60px,-100px 40px,50px 80px}}
@keyframes xaloOrbBreath{0%{transform:scale(.96);opacity:.42}100%{transform:scale(1.08);opacity:.64}}
@keyframes xaloPulse{0%,100%{opacity:.55;transform:scale(.92)}50%{opacity:1;transform:scale(1.14)}}
@keyframes xaloTitleSheen{0%,30%{background-position:100% 50%}65%,100%{background-position:-60% 50%}}
@keyframes xaloSigil{to{transform:rotate(360deg)}}
@keyframes xaloScrollCue{0%,100%{transform:scaleY(.45);transform-origin:top;opacity:.35}50%{transform:scaleY(1);opacity:1}}
@keyframes xaloRibbonSweep{0%,20%{transform:translateX(-100%)}58%,100%{transform:translateX(100%)}}
@keyframes xaloReleaseFloat{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(0,-6px,0) scale(1.015)}}
@keyframes xaloPanelBreath{0%{transform:translate(0,0) scale(.94);opacity:.6}100%{transform:translate(-20px,18px) scale(1.12);opacity:1}}
@keyframes xaloCalloutGlow{0%{transform:translate3d(0,-3%,0) scale(.96);opacity:.6}100%{transform:translate3d(-4%,5%,0) scale(1.08);opacity:1}}

/* Responsive / performance */
@media(max-width:1100px){.home-cinematic .hero-sigil{width:250px;right:2vw;opacity:.5}.home-cinematic .hero h1{max-width:820px}.home-cinematic .universe-card{min-height:270px}}
@media(max-width:820px){.home-cinematic .hero{padding-top:138px;padding-bottom:84px;min-height:auto}.home-cinematic .hero-sigil{position:absolute;width:220px;top:28%;right:-70px;opacity:.25}.home-cinematic .hero-aurora-a{min-width:480px;min-height:430px;right:-45vw}.home-cinematic .hero-beam{left:65%;width:38vw}.home-cinematic .hero-scroll-cue{display:none}.home-cinematic .company-definition{padding-top:100px}.home-cinematic .universe-card{min-height:245px}.home-cinematic .feature-panel{min-height:auto}.home-cinematic .motion-stage{--reveal-y:22px;filter:blur(5px)}}
@media(max-width:620px){.home-cinematic .hero-cinema::before{filter:blur(26px)}.home-cinematic .hero-grain{opacity:.08}.home-cinematic .hero-stars{opacity:.32}.home-cinematic .hero-sigil{width:190px;top:26%;right:-78px}.home-cinematic .hero-meta{margin-top:42px}.home-cinematic .slate-ribbon{border-radius:18px}.home-cinematic .universe-grid{gap:12px}.home-cinematic .universe-card{min-height:230px;padding:22px}.home-cinematic .world-icon{width:48px;height:48px;border-radius:15px}.home-cinematic .world-icon svg{width:26px;height:26px}.home-cinematic .card-index{top:22px;right:22px}.home-cinematic .news-grid{grid-template-columns:1fr}.home-cinematic .news-card{min-height:190px}.home-cinematic .company-callout{min-height:320px}}
@media(max-width:480px){.home-cinematic .hero h1{font-size:clamp(3.5rem,19vw,5.2rem)}.home-cinematic .hero .eyebrow{max-width:100%;font-size:.58rem}.home-cinematic .hero-sigil{display:none}.home-cinematic .hero-aurora-a{right:-70vw}.home-cinematic .company-definition{padding-top:80px}.home-cinematic .company-callout{padding:30px 22px}.home-cinematic .universe-card[data-world="creative"]::before{background:linear-gradient(150deg,rgba(6,9,14,.75),rgba(5,7,11,.95) 64%)}}
@media(prefers-reduced-motion:reduce){.home-cinematic .hero-cinema::before,.home-cinematic .hero-aurora,.home-cinematic .hero-beam,.home-cinematic .hero-grain,.home-cinematic .hero-stars,.home-cinematic .hero-orb,.home-cinematic .hero .eyebrow::before,.home-cinematic .hero h1 b,.home-cinematic .sigil-ring,.home-cinematic .hero-scroll-cue span,.home-cinematic .slate-ribbon::before,.home-cinematic .release-visual::before,.home-cinematic .release-atmosphere,.home-cinematic .feature-ambient,.home-cinematic .slate-status::after,.home-cinematic .company-callout::before{animation:none!important}.home-cinematic .motion-stage{opacity:1!important;transform:none!important;filter:none!important}.home-cinematic .hero-grid{transform:perspective(900px) rotateX(62deg) translateY(-12%)!important}}
.home-cinematic.motion-paused *{animation-play-state:paused!important}


/* V12 full pass — section identity backgrounds & stronger cinematic hierarchy */
.home-cinematic #universe,.home-cinematic #releases,.home-cinematic .release-slate,.home-cinematic .news-grid,.home-cinematic .company-callout{position:relative}
.home-cinematic #universe::before{content:"";position:absolute;z-index:-1;inset:-9% -6%;pointer-events:none;background:radial-gradient(42% 48% at 14% 32%,rgba(108,184,255,.075),transparent 70%),radial-gradient(38% 44% at 88% 62%,rgba(139,101,255,.065),transparent 72%);filter:blur(24px)}
.home-cinematic #releases::before{content:"";position:absolute;z-index:-1;inset:-8% -6%;pointer-events:none;background:radial-gradient(38% 58% at 17% 32%,rgba(255,194,142,.055),transparent 72%),radial-gradient(44% 54% at 82% 44%,rgba(139,101,255,.065),transparent 72%);filter:blur(26px)}
.home-cinematic .section-head h2{position:relative;text-shadow:0 22px 70px rgba(0,0,0,.42)}
.home-cinematic .section-head h2::after{content:"";display:block;width:64px;height:2px;margin-top:18px;border-radius:999px;background:linear-gradient(90deg,rgba(var(--cinema-blue),.82),transparent);box-shadow:0 0 20px rgba(var(--cinema-blue),.12)}
html[dir="rtl"] .home-cinematic .section-head h2::after{background:linear-gradient(270deg,rgba(var(--cinema-blue),.82),transparent)}
.home-cinematic .release-card,.home-cinematic .feature-panel,.home-cinematic .slate-table,.home-cinematic .news-card{box-shadow:0 30px 100px rgba(0,0,0,.15)}
.home-cinematic .universe-card::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(125deg,transparent 18%,rgba(255,255,255,.045) 48%,transparent 72%);transform:translateX(-120%);transition:transform .9s cubic-bezier(.2,.8,.2,1)}
@media(hover:hover) and (pointer:fine){.home-cinematic .universe-card:hover::after{transform:translateX(120%)}}
.home-cinematic .company-definition::before{content:"";position:absolute;z-index:-1;width:52vw;height:52vw;left:-26vw;top:-16vw;border-radius:50%;background:radial-gradient(circle,rgba(var(--cinema-blue),.07),transparent 70%);filter:blur(45px);pointer-events:none}
.home-cinematic .release-slate::before{content:"";position:absolute;z-index:-1;inset:-10% -8%;background:radial-gradient(45% 55% at 78% 42%,rgba(var(--cinema-violet),.055),transparent 72%);filter:blur(30px);pointer-events:none}
.home-cinematic .company-callout{outline:1px solid rgba(var(--cinema-blue),.035);outline-offset:-8px}