/* BRO ENTERTAINMENT — Production / Distribution / Licensing Edition */
:root{
  color-scheme:dark;
  --ink:#080806;
  --ink-2:#0d0c09;
  --panel:#15120c;
  --panel-2:#1c160d;
  --cream:#fff9ec;
  --muted:#b8ac94;
  --gold:#d6a548;
  --gold-2:#f2d48b;
  --gold-3:#8b5a13;
  --red:#7f1421;
  --red-bright:#bd2639;
  --line:rgba(242,212,139,.17);
  --line-strong:rgba(242,212,139,.42);
  --shadow:0 30px 90px rgba(0,0,0,.48);
  --serif:Georgia,"Times New Roman",serif;
  --sans:"Avenir Next","Segoe UI",system-ui,-apple-system,sans-serif;
  --container:1360px;
  --header-h:88px;
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:96px;background:var(--ink)}
body{min-height:100vh;overflow-x:hidden;color:var(--cream);background:radial-gradient(950px circle at 92% 8%,rgba(214,165,72,.095),transparent 52%),radial-gradient(780px circle at 0 42%,rgba(127,20,33,.08),transparent 55%),linear-gradient(135deg,#070705 0%,#0c0a07 48%,#080806 100%);font-family:var(--sans);line-height:1.6;-webkit-font-smoothing:antialiased}
body.menu-open,body.modal-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button{border:0}
img{display:block;max-width:100%}
ul,ol{list-style:none}
::selection{color:#100d07;background:var(--gold-2)}
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{background:#080806}
::-webkit-scrollbar-thumb{border:2px solid #080806;border-radius:20px;background:linear-gradient(var(--gold-2),var(--gold-3))}
.skip-link{position:fixed;left:16px;top:-80px;z-index:10002;padding:12px 16px;color:#100d07;background:var(--gold-2);transition:top .2s}
.skip-link:focus{top:16px}
.container{width:min(var(--container),calc(100% - 64px));margin-inline:auto}
.section{position:relative;padding:130px 0;isolation:isolate}
.section-index{position:absolute;top:72px;right:max(32px,calc((100vw - var(--container))/2));z-index:-1;color:rgba(242,212,139,.035);font:700 clamp(8rem,20vw,19rem)/.7 var(--serif);letter-spacing:-.08em;pointer-events:none}
.gold-text{color:transparent;background:linear-gradient(105deg,#a76e1e 0%,#f1d486 38%,#fff3c8 51%,#c98f31 75%,#f2d48b 100%);background-size:220% auto;-webkit-background-clip:text;background-clip:text;animation:gold-flow 7s ease-in-out infinite alternate}
.eyebrow,.kicker{color:var(--gold-2);font-size:.68rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase}
.eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:20px}
.eyebrow::before{content:"";width:34px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}
.section-heading{max-width:980px;margin-bottom:62px}
.section-heading h2,.workflow-copy h2,.company-copy h2,.contact-copy h2{font:500 clamp(2.8rem,5.7vw,6rem)/.95 var(--serif);letter-spacing:-.055em}
.section-heading>p,.split-heading>p,.workflow-copy>p,.company-copy>p,.contact-copy>p{color:var(--muted);font-size:1.02rem}
.section-heading>p{max-width:720px;margin-top:22px}
.split-heading{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:end;gap:70px;max-width:none}
.split-heading>p{max-width:520px;padding-bottom:8px}
.button{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:56px;padding:0 27px;overflow:hidden;border:1px solid transparent;text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;font-weight:850;cursor:pointer;transition:transform .3s,border-color .3s,box-shadow .3s,background .3s}
.button::before{content:"";position:absolute;inset:-2px;z-index:-1;background:linear-gradient(100deg,transparent,rgba(255,255,255,.42),transparent);transform:translateX(-115%) skewX(-18deg);transition:transform .75s}
.button:hover::before{transform:translateX(115%) skewX(-18deg)}
.button:hover{transform:translateY(-4px)}
.button-gold{color:#120e07;background:linear-gradient(115deg,#9c6419,#f2d382 46%,#bd8128);border-color:#f0cf7a;box-shadow:0 16px 44px rgba(167,107,25,.23),inset 0 1px rgba(255,255,255,.45)}
.button-gold:hover{box-shadow:0 24px 58px rgba(198,139,45,.32)}
.button-line{color:var(--gold-2);border-color:rgba(242,212,139,.34);background:rgba(214,165,72,.035)}
.button-line:hover{border-color:var(--gold-2);background:rgba(214,165,72,.1)}
.js .reveal{opacity:0;transform:translateY(36px);clip-path:inset(0 0 24% 0);transition:opacity .75s ease,transform .9s cubic-bezier(.16,1,.3,1),clip-path .9s cubic-bezier(.16,1,.3,1)}
.js .reveal.in{opacity:1;transform:none;clip-path:inset(0)}
.reveal:nth-child(2){transition-delay:.07s}.reveal:nth-child(3){transition-delay:.14s}.reveal:nth-child(4){transition-delay:.21s}.reveal:nth-child(5){transition-delay:.28s}.reveal:nth-child(6){transition-delay:.35s}
code{padding:.18em .42em;border:1px solid var(--line);color:var(--gold-2);background:rgba(214,165,72,.06);font-size:.88em}

/* Atmosphere */
.grain{position:fixed;inset:0;z-index:9997;pointer-events:none;opacity:.028;mix-blend-mode:soft-light;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='.8' numOctaves='4' stitchTiles='stitchTiles'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.ambient{position:fixed;z-index:-5;width:520px;aspect-ratio:1;border-radius:50%;pointer-events:none;filter:blur(95px);opacity:.1;animation:ambient-drift 16s ease-in-out infinite alternate}
.ambient-one{left:-260px;top:12%;background:var(--gold)}
.ambient-two{right:-260px;bottom:2%;background:var(--red-bright);animation-delay:-8s}
.pointer-glow{position:fixed;left:0;top:0;z-index:-2;width:540px;height:540px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(214,165,72,.07),transparent 66%);transform:translate3d(calc(var(--px,50vw) - 270px),calc(var(--py,30vh) - 270px),0);transition:opacity .3s}
.scroll-progress{position:fixed;top:0;left:0;z-index:10001;width:100%;height:3px;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#6f440a,var(--gold-2),#fff5ce,var(--gold));box-shadow:0 0 16px rgba(242,212,139,.44)}

/* Opening loader */
.page-loader{position:fixed;inset:0;z-index:10000;display:grid;place-content:center;justify-items:center;background:radial-gradient(circle at 50% 45%,rgba(214,165,72,.12),transparent 24%),#080806;transition:opacity .7s,visibility .7s}
.page-loader.hide{opacity:0;visibility:hidden}
.loader-reel{position:relative;width:118px;aspect-ratio:1;display:grid;place-items:center;border:1px solid var(--gold);border-radius:50%;background:repeating-conic-gradient(from 0deg,#d09a3b 0 2deg,#5f3b09 2deg 12deg);box-shadow:0 0 70px rgba(214,165,72,.2);animation:reel-spin 3.4s linear infinite}
.loader-reel::before{content:"";position:absolute;inset:12px;border-radius:50%;background:radial-gradient(circle,#e4b75e 0 9%,#0c0a07 10% 21%,transparent 22%),radial-gradient(circle at 50% 18%,#080806 0 11%,transparent 12%),radial-gradient(circle at 82% 50%,#080806 0 11%,transparent 12%),radial-gradient(circle at 50% 82%,#080806 0 11%,transparent 12%),radial-gradient(circle at 18% 50%,#080806 0 11%,transparent 12%),#aa7425}
.loader-reel span{position:relative;z-index:2;color:#0c0905;font:700 1rem var(--serif)}
.page-loader p{margin-top:25px;font:500 1.2rem var(--serif);letter-spacing:.08em;text-transform:uppercase}
.page-loader small{margin-top:6px;color:var(--muted);font-size:.58rem;letter-spacing:.24em;text-transform:uppercase}

/* Navigation */
.site-header{position:fixed;inset:0 0 auto;z-index:500;padding:14px 22px;transition:padding .35s,transform .35s}
.site-header.scrolled{padding-block:7px}
.nav-wrap{position:relative;width:min(1440px,100%);min-height:64px;margin:auto;display:flex;align-items:center;gap:28px;padding:0 18px;border:1px solid rgba(242,212,139,.15);background:rgba(9,8,6,.86);box-shadow:0 18px 55px rgba(0,0,0,.25),inset 0 1px rgba(255,245,211,.035);backdrop-filter:blur(16px);transition:min-height .35s,background .35s,box-shadow .35s}
.site-header.scrolled .nav-wrap{min-height:58px;background:rgba(8,7,5,.96);box-shadow:0 20px 60px rgba(0,0,0,.55)}
.brand{display:flex;align-items:center;gap:13px;flex:none}
.brand-seal{position:relative;width:48px;aspect-ratio:1;display:grid;place-items:center;border:1px solid var(--gold-2);border-radius:50%;color:#130e06;background:conic-gradient(from 20deg,#70450b,#f5dc99,#9f6819,#fff1bd,#70450b);box-shadow:0 10px 30px rgba(129,81,13,.24);animation:seal-float 5s ease-in-out infinite}
.brand-seal::before{content:"";position:absolute;inset:5px;border:1px solid rgba(20,13,5,.55);border-radius:50%}
.brand-seal i{position:absolute;width:25px;height:1px;bottom:10px;background:#251704;opacity:.65}
.brand-seal b{position:relative;font:700 .88rem var(--serif);letter-spacing:.05em}
.brand-copy{display:grid;line-height:1;text-transform:uppercase}
.brand-copy strong{font:.84rem var(--sans);letter-spacing:.19em}
.brand-copy em{margin-top:5px;color:var(--gold-2);font:500 .62rem var(--sans);letter-spacing:.17em}
.primary-nav{margin-left:auto;display:flex;align-items:center;gap:2px}
.primary-nav>a,.nav-group>a{position:relative;min-height:45px;display:flex;align-items:center;padding:0 13px;color:#c4b99f;font-size:.64rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;transition:color .25s,background .25s}
.primary-nav>a::after,.nav-group>a::after{content:"";position:absolute;left:13px;right:13px;bottom:4px;height:1px;transform:scaleX(0);background:var(--gold-2);transition:transform .3s}
.primary-nav>a:hover,.primary-nav>a.active,.nav-group>a:hover{color:var(--gold-2);background:rgba(214,165,72,.055)}
.primary-nav>a:hover::after,.primary-nav>a.active::after,.nav-group>a:hover::after{transform:scaleX(1)}
.primary-nav .nav-contact{margin-left:8px;padding-inline:17px;color:#100c06;background:linear-gradient(110deg,#9c6418,#e8bd63);border:1px solid var(--gold-2)}
.primary-nav .nav-contact::after{display:none}
.primary-nav .nav-contact:hover{color:#100c06;background:linear-gradient(110deg,#b57921,#f3d589)}
.nav-group{position:relative;display:flex;align-items:center}
.submenu-toggle{display:none;background:transparent}
.submenu{position:absolute;left:0;top:calc(100% + 12px);width:260px;padding:9px;border:1px solid var(--line);background:rgba(12,10,7,.98);box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(-10px);transition:.3s}
.submenu::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.nav-group:hover .submenu,.nav-group:focus-within .submenu{opacity:1;visibility:visible;transform:none}
.submenu a{display:flex;align-items:center;gap:12px;padding:13px 12px;color:var(--muted);border-bottom:1px solid rgba(242,212,139,.08);font-size:.74rem;transition:color .2s,background .2s,padding-left .2s}
.submenu a:last-child{border-bottom:0}
.submenu a span{color:var(--gold);font-size:.56rem;letter-spacing:.1em}
.submenu a:hover{padding-left:16px;color:var(--gold-2);background:rgba(214,165,72,.06)}
.motion-toggle,.menu-toggle{width:43px;height:43px;display:grid;place-items:center;flex:none;border:1px solid var(--line);background:rgba(214,165,72,.03);cursor:pointer;transition:.25s}
.motion-toggle:hover,.menu-toggle:hover{border-color:var(--gold);background:rgba(214,165,72,.1)}
.motion-toggle svg{width:20px;fill:none;stroke:var(--gold-2);stroke-width:1.8;stroke-linecap:round}
.menu-toggle{display:none;position:relative}
.menu-toggle span{position:absolute;width:18px;height:1px;background:var(--gold-2);transition:.3s}
.menu-toggle span:first-child{transform:translateY(-6px)}.menu-toggle span:last-child{transform:translateY(6px)}
.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:first-child{transform:rotate(45deg)}.menu-toggle.open span:last-child{transform:rotate(-45deg)}

/* Hero */
.hero{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden;padding:145px 0 100px;background:radial-gradient(ellipse at 77% 48%,rgba(214,165,72,.1),transparent 39%),linear-gradient(90deg,rgba(214,165,72,.026),transparent 38%)}
.hero::before{content:"";position:absolute;right:-18vw;bottom:-29vw;width:72vw;aspect-ratio:1;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(214,165,72,.055) 0 1.5deg,transparent 1.5deg 10deg);animation:ray-spin 55s linear infinite}
.hero-lines{position:absolute;inset:0;opacity:.3;background:linear-gradient(rgba(242,212,139,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(242,212,139,.04) 1px,transparent 1px);background-size:100px 100px;mask-image:linear-gradient(to bottom,#000,transparent 92%)}
.hero-orbit{position:absolute;border:1px solid rgba(242,212,139,.1);border-radius:50%;pointer-events:none}
.orbit-one{right:4%;top:13%;width:570px;height:570px;animation:orbit-spin 23s linear infinite}
.orbit-two{right:10%;top:22%;width:390px;height:390px;animation:orbit-spin 17s linear infinite reverse}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(540px,.9fr);align-items:center;gap:68px}
.hero-copy{position:relative;padding-left:34px;border-left:1px solid rgba(242,212,139,.32)}
.hero-copy::before,.hero-copy::after{content:"";position:absolute;left:-5px;width:9px;height:9px;border:1px solid var(--gold);background:#0a0906;transform:rotate(45deg)}
.hero-copy::before{top:0}.hero-copy::after{bottom:0}
.kicker{display:flex;align-items:center;gap:10px;margin-bottom:27px;color:#dbcba7}
.kicker span{width:7px;height:7px;border-radius:50%;background:var(--gold-2);box-shadow:0 0 0 5px rgba(214,165,72,.1),0 0 17px var(--gold);animation:live-pulse 2s infinite}
.hero h1{font:500 clamp(4.2rem,7.2vw,8rem)/.86 var(--serif);letter-spacing:-.075em}
.hero-line{display:block;overflow:hidden;padding-bottom:.07em}
.hero-line i{display:block;font-style:normal;animation:hero-rise 1s cubic-bezier(.16,1,.3,1) both}
.hero-line:nth-child(2) i{animation-delay:.12s}
.hero-lead{max-width:680px;margin:30px 0 36px;color:var(--muted);font-size:clamp(1rem,1.5vw,1.19rem)}
.hero-actions{display:flex;gap:13px;flex-wrap:wrap}
.hero-proof{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:38px;color:#b9ad94;font-size:.61rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.hero-proof i{width:4px;height:4px;border-radius:50%;background:var(--gold)}
.hero-visual{position:relative;min-height:660px;perspective:1600px;transform-style:preserve-3d}
.projector-beam{position:absolute;right:-25%;top:11%;width:92%;height:68%;clip-path:polygon(100% 0,100% 100%,0 65%,0 35%);background:linear-gradient(90deg,rgba(242,212,139,.015),rgba(242,212,139,.11));filter:blur(3px);animation:beam-breathe 5s ease-in-out infinite}
.film-reel{position:absolute;display:grid;place-items:center;border:1px solid rgba(242,212,139,.24);border-radius:50%;background:radial-gradient(circle,#a87625 0 4%,#100d08 5% 14%,transparent 15%),repeating-conic-gradient(from 0deg,rgba(214,165,72,.32) 0 5deg,rgba(18,14,8,.85) 5deg 26deg);box-shadow:0 25px 70px rgba(0,0,0,.55),inset 0 0 35px rgba(214,165,72,.08);animation:reel-spin 18s linear infinite}
.film-reel::after{content:"";position:absolute;inset:17%;border:1px solid rgba(242,212,139,.15);border-radius:50%}
.film-reel div{position:absolute;width:22%;height:28%;border:1px solid rgba(242,212,139,.22);border-radius:45%;background:#090806}
.film-reel div:nth-child(1){transform:translateY(-110%)}.film-reel div:nth-child(2){transform:rotate(72deg) translateY(-110%)}.film-reel div:nth-child(3){transform:rotate(144deg) translateY(-110%)}.film-reel div:nth-child(4){transform:rotate(216deg) translateY(-110%)}.film-reel div:nth-child(5){transform:rotate(288deg) translateY(-110%)}
.reel-large{right:-8%;top:3%;width:195px}.reel-small{right:17%;top:1%;width:125px;animation-direction:reverse;animation-duration:13s}
.poster-stage{position:absolute;inset:82px 0 35px;transform-style:preserve-3d}
.hero-poster{position:absolute;left:50%;top:50%;overflow:hidden;border:1px solid rgba(242,212,139,.42);background:#16120c;box-shadow:0 48px 100px rgba(0,0,0,.62);transform-style:preserve-3d;transition:transform .3s}
.hero-poster>img,.hero-poster>.poster-fallback{position:absolute;inset:0;width:100%;height:100%}
.hero-poster>img{z-index:2;object-fit:cover;opacity:0;transition:opacity .65s,transform .7s}
.hero-poster>img.loaded{opacity:1}
.hero-poster:hover>img{transform:scale(1.045)}
.poster-fallback{display:flex;flex-direction:column;justify-content:flex-end;padding:25px;background:radial-gradient(circle at 78% 18%,rgba(242,212,139,.24),transparent 26%),repeating-linear-gradient(135deg,rgba(242,212,139,.035) 0 1px,transparent 1px 16px),linear-gradient(145deg,#311017,#121009 58%,#2a1a08)}
.poster-fallback::before{content:"";position:absolute;inset:14px;border:1px solid rgba(242,212,139,.22)}
.poster-fallback span,.poster-fallback small{position:relative;color:var(--gold-2);font-size:.55rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.poster-fallback b{position:relative;margin:12px 0;color:var(--cream);font:500 2.3rem/.88 var(--serif);text-transform:uppercase}
.poster-main{width:300px;aspect-ratio:2/3;z-index:3;transform:translate(-50%,-50%) translateZ(80px) rotateY(-3deg)}
.poster-main::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.2) 49%,transparent 59%);transform:translateX(-120%);animation:poster-shine 6s ease-in-out infinite}
.poster-main figcaption{position:absolute;z-index:4;left:0;right:0;bottom:0;padding:62px 22px 18px;background:linear-gradient(transparent,rgba(4,3,2,.96))}
.poster-main figcaption span{display:block;color:var(--gold-2);font-size:.52rem;letter-spacing:.18em;text-transform:uppercase}
.poster-main figcaption b{display:block;margin-top:4px;font:500 1.15rem var(--serif)}
.poster-back-left,.poster-back-right{width:232px;aspect-ratio:2/3;filter:saturate(.6) brightness(.65)}
.poster-back-left{z-index:1;transform:translate(-118%,-46%) translateZ(-45px) rotateY(21deg) rotateZ(-6deg)}
.poster-back-right{z-index:2;transform:translate(18%,-47%) translateZ(-25px) rotateY(-19deg) rotateZ(5deg)}
.clapper{position:absolute;z-index:7;left:5%;bottom:4%;width:210px;height:82px;padding:38px 14px 10px;border:1px solid rgba(242,212,139,.42);background:#0c0a07;box-shadow:0 25px 55px rgba(0,0,0,.55);transform:rotate(-7deg);animation:float-a 5s ease-in-out infinite}
.clapper span{position:absolute;left:-1px;right:-1px;top:-1px;height:28px;border:1px solid rgba(242,212,139,.42);background:repeating-linear-gradient(135deg,var(--gold-2) 0 19px,#0a0906 20px 39px);transform-origin:left bottom;animation:clap 5s ease-in-out infinite}
.clapper b{font-size:.66rem;letter-spacing:.14em}.clapper small{float:right;color:var(--red-bright);font-size:.53rem;letter-spacing:.13em}
.hero-badge{position:absolute;z-index:7;min-width:152px;padding:13px 15px;border:1px solid var(--line);background:rgba(13,11,8,.91);box-shadow:0 20px 45px rgba(0,0,0,.42);animation:float-b 5.4s ease-in-out infinite}
.hero-badge small{display:block;color:var(--muted);font-size:.55rem;letter-spacing:.13em;text-transform:uppercase}.hero-badge strong{display:block;margin-top:3px;color:var(--gold-2);font:500 .9rem var(--serif)}
.badge-a{right:0;top:31%}.badge-b{right:6%;bottom:15%;animation-delay:-2.4s}
.scroll-cue{position:absolute;left:50%;bottom:22px;z-index:4;display:grid;justify-items:center;gap:8px;color:var(--muted);font-size:.57rem;letter-spacing:.2em;text-transform:uppercase;transform:translateX(-50%)}
.scroll-cue i{width:1px;height:42px;background:linear-gradient(var(--gold-2),transparent);animation:scroll-line 1.8s infinite}

/* Ticker and stats */
.capability-ticker{position:relative;z-index:5;overflow:hidden;border-block:1px solid var(--line);background:#100d08;transform:rotate(-.8deg) scale(1.015)}
.capability-ticker div{display:flex;width:max-content;animation:ticker 29s linear infinite}
.capability-ticker span,.capability-ticker b{display:block;padding:18px 20px;color:#cbbd9e;font-size:.67rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.capability-ticker b{padding-inline:2px;color:var(--gold)}
.intro-stats{padding:70px 0 55px}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}
.stat-card{position:relative;min-height:180px;padding:32px;overflow:hidden;border-right:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(214,165,72,.015));transition:background .3s,transform .3s}
.stat-card:last-child{border-right:0}
.stat-card::after{content:"";position:absolute;right:-60px;top:-70px;width:145px;height:145px;border-radius:50%;background:radial-gradient(circle,rgba(214,165,72,.22),transparent 68%);transition:transform .4s}
.stat-card:hover{z-index:2;background:rgba(214,165,72,.065);transform:translateY(-7px)}
.stat-card:hover::after{transform:scale(1.35)}
.stat-value{display:block;font:500 clamp(2.7rem,4.8vw,4.8rem)/1 var(--serif);letter-spacing:-.07em}
.stat-word{color:var(--gold-2)}
.stat-card p{max-width:180px;margin-top:14px;color:var(--muted);font-size:.7rem;letter-spacing:.09em;text-transform:uppercase}

/* Services */
.services-section::before,.catalog-section::before,.contact-section::before{content:"";position:absolute;inset:30px max(18px,2.4vw);z-index:-2;border:1px solid rgba(242,212,139,.055);background:linear-gradient(90deg,var(--gold) 0 28px,transparent 28px) left top/46px 1px no-repeat,linear-gradient(180deg,var(--gold) 0 28px,transparent 28px) left top/1px 46px no-repeat,linear-gradient(-90deg,var(--gold) 0 28px,transparent 28px) right bottom/46px 1px no-repeat,linear-gradient(0deg,var(--gold) 0 28px,transparent 28px) right bottom/1px 46px no-repeat}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;perspective:1400px}
.service-card{position:relative;min-height:485px;padding:34px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(145deg,rgba(31,25,15,.96),rgba(12,10,7,.95));box-shadow:0 25px 70px rgba(0,0,0,.28),inset 0 1px rgba(255,244,213,.04);transform-style:preserve-3d;transition:border-color .35s,box-shadow .35s,transform .18s}
.service-card::before{content:"";position:absolute;inset:0;background:radial-gradient(420px circle at var(--sx,50%) var(--sy,50%),rgba(214,165,72,.17),transparent 42%);opacity:0;transition:opacity .3s}
.service-card::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,transparent,var(--gold),transparent);transform:scaleX(0);transition:transform .45s}
.service-card:hover{border-color:var(--line-strong);box-shadow:0 40px 100px rgba(0,0,0,.5)}
.service-card:hover::before{opacity:1}.service-card:hover::after{transform:scaleX(1)}
.service-number{position:absolute;right:23px;top:16px;color:rgba(242,212,139,.045);font:500 5.7rem/1 var(--serif);letter-spacing:-.08em}
.service-icon{position:relative;z-index:2;width:62px;height:62px;display:grid;place-items:center;border:1px solid rgba(242,212,139,.32);border-radius:50%;color:var(--gold-2);background:radial-gradient(circle,rgba(214,165,72,.15),transparent);font:700 .72rem var(--serif);letter-spacing:.08em;transform:translateZ(28px)}
.service-label{position:relative;z-index:2;margin:26px 0 9px;color:var(--gold);font-size:.6rem!important;font-weight:800;letter-spacing:.16em;text-transform:uppercase;transform:translateZ(18px)}
.service-card h3{position:relative;z-index:2;font:500 1.72rem/1.1 var(--serif);letter-spacing:-.03em;transform:translateZ(24px)}
.service-card>p:not(.service-label){position:relative;z-index:2;margin-top:17px;color:var(--muted);font-size:.9rem;transform:translateZ(15px)}
.service-card ul{position:relative;z-index:2;margin:20px 0 28px;transform:translateZ(16px)}
.service-card li{padding:7px 0;border-bottom:1px solid rgba(242,212,139,.08);color:#d8cdb6;font-size:.76rem}
.service-card li::before{content:"✦";margin-right:9px;color:var(--gold);font-size:.56rem}
.service-card>a{position:absolute;left:34px;bottom:30px;z-index:2;display:flex;gap:10px;color:var(--gold-2);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;transform:translateZ(20px)}
.service-card>a span{transition:transform .25s}.service-card>a:hover span{transform:translateX(6px)}

/* Workflow */
.workflow-section{overflow:hidden;background:linear-gradient(110deg,rgba(127,20,33,.07),transparent 40%),#0b0907}
.workflow-grid{display:grid;grid-template-columns:.82fr 1.18fr;align-items:start;gap:95px}
.workflow-copy{position:sticky;top:130px}
.workflow-copy>p{margin:24px 0 33px;max-width:520px}
.workflow-list{counter-reset:steps}
.workflow-list li{position:relative;display:grid;grid-template-columns:78px 1fr;gap:25px;padding:30px 22px;border-top:1px solid var(--line);transition:background .3s,padding-left .3s}
.workflow-list li:last-child{border-bottom:1px solid var(--line)}
.workflow-list li::after{content:"";position:absolute;left:0;top:-1px;bottom:-1px;width:3px;background:linear-gradient(var(--gold-2),var(--gold-3));transform:scaleY(0);transition:transform .35s}
.workflow-list li:hover{padding-left:31px;background:rgba(214,165,72,.045)}
.workflow-list li:hover::after{transform:scaleY(1)}
.workflow-list li>span{color:var(--gold);font:500 1.45rem var(--serif)}
.workflow-list h3{font:500 1.45rem var(--serif)}
.workflow-list p{margin-top:5px;color:var(--muted);font-size:.86rem}
.filmstrip{position:absolute;left:-20px;right:-20px;bottom:18px;height:27px;display:flex;gap:18px;padding:5px 12px;border-block:1px solid rgba(242,212,139,.14);background:#090806;transform:rotate(.7deg)}
.filmstrip span{flex:1;min-width:55px;border:1px solid rgba(242,212,139,.18);background:#17120a}

/* Catalog */
.catalog-section{overflow:hidden}
.film-catalog{background:radial-gradient(780px circle at 92% 18%,rgba(127,20,33,.095),transparent 55%)}
.music-catalog{background:radial-gradient(780px circle at 8% 20%,rgba(214,165,72,.075),transparent 55%)}
.catalog-toolbar{position:sticky;top:82px;z-index:30;display:grid;grid-template-columns:2fr repeat(4,1fr);gap:10px;padding:13px;border:1px solid var(--line);background:rgba(10,9,7,.95);box-shadow:0 18px 50px rgba(0,0,0,.32);backdrop-filter:blur(12px)}
.catalog-toolbar label{position:relative;display:grid;gap:4px}
.catalog-toolbar label>span{position:absolute;left:14px;top:7px;z-index:2;color:var(--gold);font-size:.49rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;pointer-events:none}
.catalog-toolbar input,.catalog-toolbar select{width:100%;height:58px;padding:21px 38px 6px 14px;border:1px solid rgba(242,212,139,.11);outline:0;color:#e7ddc7;background:#121009;border-radius:0;font-size:.75rem;transition:border-color .25s,background .25s}
.catalog-toolbar input{padding-right:14px}
.catalog-toolbar input:focus,.catalog-toolbar select:focus{border-color:var(--gold);background:#17130c}
.catalog-toolbar input::placeholder{color:#796f5d}
.catalog-toolbar select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--gold) 50%),linear-gradient(135deg,var(--gold) 50%,transparent 50%);background-position:calc(100% - 17px) 28px,calc(100% - 12px) 28px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}
.catalog-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:24px 0 30px;color:var(--muted);font-size:.72rem;letter-spacing:.05em}
.catalog-summary strong{color:var(--gold-2);font-weight:700}
.catalog-summary span{text-transform:uppercase;font-size:.58rem;letter-spacing:.13em}
.catalog-grid{display:grid;gap:35px 18px;perspective:1600px}
.movie-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.music-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.poster-card{position:relative;min-width:0;cursor:pointer;outline:0;transform-style:preserve-3d;animation:card-in .65s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--delay,0ms);transition:transform .18s ease-out}
.poster-card:focus-visible .poster-media{outline:2px solid var(--gold-2);outline-offset:4px}
.poster-media{position:relative;overflow:hidden;border:1px solid var(--line);background:linear-gradient(145deg,#25130e,#0d0b08);box-shadow:0 24px 60px rgba(0,0,0,.44);transform-style:preserve-3d}
.movie-grid .poster-media{aspect-ratio:2/3}.music-grid .poster-media{aspect-ratio:1}
.poster-media::before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(to top,rgba(5,4,3,.94),transparent 56%);opacity:.24;transition:opacity .35s}
.poster-media::after{content:"";position:absolute;inset:-60%;z-index:4;pointer-events:none;background:conic-gradient(from 175deg,transparent,rgba(255,255,255,.23),transparent 23%);transform:translateX(-60%) rotate(10deg);opacity:0;transition:transform .75s,opacity .3s}
.poster-card:hover .poster-media::before,.poster-card:focus .poster-media::before{opacity:.8}
.poster-card:hover .poster-media::after,.poster-card:focus .poster-media::after{transform:translateX(60%) rotate(10deg);opacity:.6}
.poster-media img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.16,1,.3,1),filter .4s}
.poster-card:hover img{transform:scale(1.07);filter:saturate(1.08) contrast(1.03)}
.poster-card .card-fallback{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;color:var(--gold-2);background:repeating-linear-gradient(135deg,rgba(242,212,139,.03) 0 1px,transparent 1px 14px),linear-gradient(145deg,#2b1116,#171109);font:500 2.1rem var(--serif)}
.poster-card .card-fallback small{margin-top:8px;color:var(--muted);font:700 .52rem var(--sans);letter-spacing:.16em;text-transform:uppercase}
.poster-media img+.card-fallback{display:none}
.poster-chips{position:absolute;left:10px;right:10px;top:10px;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:7px;transform:translateZ(22px)}
.poster-chips span{max-width:68%;padding:6px 8px;border:1px solid rgba(242,212,139,.2);overflow:hidden;color:#f3ead5;background:rgba(8,7,5,.79);white-space:nowrap;text-overflow:ellipsis;font-size:.5rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.poster-chips span:first-child{color:#120d05;background:var(--gold-2)}
.poster-overlay{position:absolute;left:14px;right:14px;bottom:14px;z-index:5;opacity:0;transform:translateY(14px) translateZ(28px);transition:.35s}
.poster-card:hover .poster-overlay,.poster-card:focus .poster-overlay{opacity:1;transform:translateY(0) translateZ(28px)}
.poster-overlay b{display:block;font:500 1.03rem/1.08 var(--serif)}
.poster-overlay span{display:block;margin-top:5px;color:#d5c7aa;font-size:.61rem}
.poster-info{position:relative;padding:16px 7px 0}
.poster-info::before{content:"";position:absolute;left:5px;top:8px;width:32px;height:1px;background:linear-gradient(90deg,var(--gold-2),transparent);transition:width .35s}
.poster-card:hover .poster-info::before{width:74%}
.poster-info h3{overflow:hidden;font:500 1rem var(--serif);white-space:nowrap;text-overflow:ellipsis}
.poster-info p{margin-top:4px;overflow:hidden;color:var(--muted);font-size:.62rem;white-space:nowrap;text-overflow:ellipsis}
.poster-skeleton{aspect-ratio:2/3;border:1px solid var(--line);background:linear-gradient(105deg,#121009 20%,#211b10 38%,#121009 58%);background-size:220% 100%;animation:skeleton 1.45s infinite}
.poster-skeleton.square{aspect-ratio:1}
.catalog-empty{grid-column:1/-1;position:relative;min-height:390px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:45px;padding:48px;border:1px solid var(--line);overflow:hidden;background:linear-gradient(145deg,rgba(36,27,14,.82),rgba(13,11,8,.95))}
.catalog-empty::before{content:"";position:absolute;right:-110px;top:-130px;width:420px;height:420px;border:1px solid rgba(242,212,139,.1);border-radius:50%;box-shadow:0 0 0 45px rgba(242,212,139,.025),0 0 0 90px rgba(242,212,139,.018)}
.empty-copy{position:relative;z-index:2}
.empty-copy>span{color:var(--gold);font-size:.62rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.empty-copy h3{max-width:580px;margin:12px 0;font:500 clamp(2rem,4vw,4rem)/.98 var(--serif)}
.empty-copy p{max-width:600px;color:var(--muted)}
.empty-copy code{display:inline-block;margin-top:18px;padding:11px 13px}
.empty-posters{position:relative;height:260px;perspective:900px}
.empty-posters i{position:absolute;left:50%;top:50%;width:145px;aspect-ratio:2/3;border:1px solid var(--line-strong);background:repeating-linear-gradient(135deg,rgba(242,212,139,.04) 0 1px,transparent 1px 13px),linear-gradient(145deg,#3a141c,#15110a);box-shadow:0 25px 65px rgba(0,0,0,.5)}
.empty-posters i:nth-child(1){transform:translate(-110%,-48%) rotate(-12deg)}.empty-posters i:nth-child(2){z-index:2;transform:translate(-50%,-55%)}.empty-posters i:nth-child(3){transform:translate(10%,-48%) rotate(12deg)}
.empty-posters i:nth-child(2)::after{content:"YOUR POSTER";position:absolute;inset:0;display:grid;place-items:center;color:var(--gold-2);font:500 .72rem var(--serif);letter-spacing:.15em}
.no-results{grid-column:1/-1;padding:65px 30px;border:1px solid var(--line);text-align:center;color:var(--muted);background:rgba(214,165,72,.025)}
.no-results strong{display:block;margin-bottom:8px;color:var(--cream);font:500 1.7rem var(--serif)}
.load-zone{display:grid;justify-items:center;gap:15px;margin-top:50px}
.load-zone.hidden{display:none}
.load-track{width:min(440px,85vw);height:4px;overflow:hidden;border:1px solid rgba(242,212,139,.1);background:rgba(255,255,255,.03)}
.load-track i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--gold-3),var(--gold-2));box-shadow:0 0 13px rgba(242,212,139,.35);transition:width .45s}

/* Rights */
.licensing-section{overflow:hidden;background:linear-gradient(120deg,#0c0907 0%,#160b0e 50%,#0b0907 100%)}
.licensing-section::before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(90deg,rgba(242,212,139,.025) 0 1px,transparent 1px 95px)}
.rights-layout{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:90px}
.rights-wheel{position:relative;min-height:560px}
.wheel-core{position:absolute;left:50%;top:50%;z-index:3;width:135px;aspect-ratio:1;display:grid;place-content:center;text-align:center;border:1px solid var(--gold-2);border-radius:50%;background:radial-gradient(circle,#2a1c0b,#0c0906 70%);box-shadow:0 0 80px rgba(214,165,72,.18);transform:translate(-50%,-50%)}
.wheel-core span{font:500 2.2rem var(--serif)}.wheel-core small{color:var(--gold);font-size:.5rem;letter-spacing:.13em;text-transform:uppercase}
.wheel-ring{position:absolute;left:50%;top:50%;border:1px solid rgba(242,212,139,.19);border-radius:50%;transform:translate(-50%,-50%);animation:rights-spin 24s linear infinite}
.wheel-ring::before,.wheel-ring::after{content:"";position:absolute;inset:13%;border:1px dashed rgba(242,212,139,.1);border-radius:50%}.wheel-ring::after{inset:32%;border-style:solid}
.ring-a{width:440px;aspect-ratio:1}.ring-b{width:310px;aspect-ratio:1;animation-direction:reverse;animation-duration:18s}
.wheel-ring i{position:absolute;min-width:61px;padding:9px 8px;border:1px solid var(--line-strong);color:var(--gold-2);background:#100d08;text-align:center;font:700 .58rem var(--sans);letter-spacing:.08em}
.wheel-ring i:nth-child(1){left:50%;top:-16px;transform:translateX(-50%)}.wheel-ring i:nth-child(2){right:-26px;top:50%;transform:translateY(-50%)}.wheel-ring i:nth-child(3){left:50%;bottom:-16px;transform:translateX(-50%)}.wheel-ring i:nth-child(4){left:-26px;top:50%;transform:translateY(-50%)}
.rights-tabs{display:flex;border-bottom:1px solid var(--line)}
.rights-tabs button{position:relative;padding:15px 21px;color:var(--muted);background:transparent;font-size:.66rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;cursor:pointer}
.rights-tabs button::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--gold-2);transform:scaleX(0);transition:.3s}
.rights-tabs button.active{color:var(--gold-2)}.rights-tabs button.active::after{transform:scaleX(1)}
.rights-panel{display:none;padding:37px 0 30px;animation:panel-in .45s ease both}
.rights-panel.active{display:block}
.rights-panel h3{font:500 clamp(2rem,4vw,3.5rem)/1 var(--serif)}
.rights-panel>p{max-width:660px;margin:19px 0 25px;color:var(--muted)}
.rights-tags{display:flex;flex-wrap:wrap;gap:8px}
.rights-tags span{padding:9px 12px;border:1px solid rgba(242,212,139,.18);color:#d7c9ad;background:rgba(214,165,72,.035);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase}
.rights-content>.button{margin-top:20px}

/* Company */
.company-section{overflow:hidden}
.company-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:100px}
.company-copy>p{max-width:650px;margin-top:26px}
.company-values{display:grid;grid-template-columns:1fr 1fr;margin-top:38px;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.company-values span{display:flex;align-items:center;gap:13px;padding:18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:#d4c7aa;font-size:.75rem}
.company-values b{color:var(--gold);font:500 .72rem var(--serif)}
.company-visual{position:relative;min-height:590px;display:grid;place-items:center;perspective:1000px}
.world-grid{position:absolute;width:470px;aspect-ratio:1;border:1px solid rgba(242,212,139,.2);border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 31px,rgba(242,212,139,.06) 32px 33px),linear-gradient(90deg,transparent 49.8%,rgba(242,212,139,.08) 50%,transparent 50.2%);box-shadow:inset 0 0 80px rgba(214,165,72,.06),0 0 100px rgba(214,165,72,.05);animation:world-float 7s ease-in-out infinite}
.world-grid::before,.world-grid::after{content:"";position:absolute;inset:45px;border:1px solid rgba(242,212,139,.12);border-radius:50%;transform:rotateY(64deg)}
.world-grid::after{transform:rotateX(64deg)}
.world-orbit{position:absolute;border:1px solid rgba(242,212,139,.21);border-radius:50%;transform:rotate(-17deg)}
.world-orbit i{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--gold-2);box-shadow:0 0 20px var(--gold)}
.world-a{width:570px;height:250px;animation:world-orbit 11s linear infinite}.world-a i{left:6%;top:42%}
.world-b{width:320px;height:540px;transform:rotate(28deg);animation:world-orbit-b 15s linear infinite reverse}.world-b i{right:4%;top:48%}
.world-core{position:relative;z-index:3;width:165px;height:165px;display:grid;place-content:center;text-align:center;border:1px solid var(--gold-2);border-radius:50%;background:radial-gradient(circle,#2c1c0b,#0c0a07 70%);box-shadow:0 25px 80px rgba(0,0,0,.48),0 0 50px rgba(214,165,72,.12)}
.world-core b{font:500 2.6rem var(--serif)}.world-core span{color:var(--gold);font-size:.55rem;letter-spacing:.14em;text-transform:uppercase}

/* Contact */
.contact-section{background:linear-gradient(115deg,rgba(214,165,72,.055),transparent 35%),radial-gradient(800px circle at 90% 15%,rgba(127,20,33,.08),transparent 57%)}
.contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:75px;align-items:start}
.contact-copy{padding-top:30px}
.contact-copy>p{margin:26px 0 34px}
.contact-notes{display:grid;gap:0;border-top:1px solid var(--line)}
.contact-notes span{display:grid;grid-template-columns:125px 1fr;gap:18px;padding:16px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:.76rem}
.contact-notes b{color:var(--gold-2);font-size:.63rem;letter-spacing:.1em;text-transform:uppercase}
.contact-form{position:relative;padding:38px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(29,23,14,.96),rgba(12,10,7,.96));box-shadow:var(--shadow)}
.contact-form::before{content:"";position:absolute;left:12px;top:12px;width:34px;height:34px;border-left:1px solid var(--gold);border-top:1px solid var(--gold)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.contact-form label{display:grid;gap:8px;margin-bottom:16px}
.contact-form label>span{color:#d6c9ac;font-size:.59rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid rgba(242,212,139,.14);outline:0;color:var(--cream);background:#0d0b08;transition:border-color .25s,box-shadow .25s}
.contact-form input,.contact-form select{height:54px;padding:0 14px}
.contact-form textarea{min-height:150px;padding:14px;resize:vertical}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(214,165,72,.07)}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:#726957}
.honeypot{position:absolute!important;left:-9999px!important}
.form-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:8px}
.form-footer p{max-width:350px;color:#8f846e;font-size:.64rem}
.form-footer .button{flex:none}
.form-status{min-height:22px;margin-top:15px;color:var(--gold-2);font-size:.72rem}
.form-status.error{color:#ff8292}.form-status.success{color:#9cdda9}

/* Footer */
.site-footer{position:relative;padding:80px 0 24px;overflow:hidden;border-top:1px solid var(--line);background:#070604}
.footer-light{position:absolute;left:50%;top:-320px;width:760px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(214,165,72,.12),transparent 68%);transform:translateX(-50%)}
.footer-top{position:relative;display:grid;grid-template-columns:1.55fr repeat(3,1fr);gap:55px}
.footer-brand>p{max-width:390px;margin-top:22px;color:var(--muted);font-size:.8rem}
.footer-column{display:grid;align-content:start;gap:9px}
.footer-column h3{margin-bottom:11px;color:var(--gold-2);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase}
.footer-column a{width:max-content;color:var(--muted);font-size:.76rem;transition:color .2s,transform .2s}
.footer-column a:hover{color:var(--cream);transform:translateX(4px)}
.footer-bottom{position:relative;display:flex;justify-content:space-between;gap:30px;margin-top:62px;padding-top:22px;border-top:1px solid var(--line);color:#827865;font-size:.62rem;letter-spacing:.04em}
.back-top{position:fixed;right:24px;bottom:24px;z-index:380;width:48px;height:48px;border:1px solid var(--gold-2);color:#100c06;background:linear-gradient(145deg,var(--gold-2),#a46b1b);box-shadow:0 14px 40px rgba(0,0,0,.35);opacity:0;visibility:hidden;transform:translateY(15px);cursor:pointer;transition:.3s}
.back-top.show{opacity:1;visibility:visible;transform:none}
.toast{position:fixed;left:50%;bottom:28px;z-index:950;max-width:min(90vw,580px);padding:13px 18px;border:1px solid var(--line-strong);color:var(--cream);background:#16110a;box-shadow:0 20px 60px #000;text-align:center;font-size:.72rem;opacity:0;visibility:hidden;transform:translate(-50%,20px);transition:.3s}
.toast.show{opacity:1;visibility:visible;transform:translate(-50%,0)}
.noscript{position:fixed;left:15px;right:15px;bottom:15px;z-index:9999;padding:12px;border:1px solid #d7a545;background:#160f07;text-align:center}

/* Catalog modal */
.title-modal{position:fixed;inset:0;z-index:900;display:grid;place-items:center;padding:24px;background:rgba(2,2,1,.84);backdrop-filter:blur(10px);opacity:0;visibility:hidden;transition:.35s}
.title-modal.open{opacity:1;visibility:visible}
.modal-dialog{position:relative;width:min(970px,100%);max-height:92vh;display:grid;grid-template-columns:390px 1fr;overflow:auto;border:1px solid var(--line-strong);background:#100d09;box-shadow:0 45px 130px #000;transform:translateY(25px) scale(.97);transition:.4s cubic-bezier(.16,1,.3,1)}
.title-modal.open .modal-dialog{transform:none}
.modal-close{position:absolute;right:15px;top:15px;z-index:10;width:42px;height:42px;border:1px solid var(--line);color:var(--gold-2);background:rgba(8,7,5,.86);font-size:1.6rem;cursor:pointer;transition:.25s}
.modal-close:hover{border-color:var(--gold-2);transform:rotate(90deg)}
.modal-poster{position:relative;min-height:590px;background:#1a130b}
.modal-poster img{position:relative;z-index:2;width:100%;height:100%;object-fit:cover}
.modal-poster-fallback{position:absolute;inset:0;display:grid;place-items:center;color:var(--gold-2);background:repeating-linear-gradient(135deg,rgba(242,212,139,.035) 0 1px,transparent 1px 15px),linear-gradient(145deg,#3a111b,#181208);font:500 5rem var(--serif)}
.modal-content{padding:58px 48px 42px}
.modal-content h2{font:500 clamp(2.5rem,5vw,4.7rem)/.93 var(--serif);letter-spacing:-.05em}
.modal-chips{display:flex;flex-wrap:wrap;gap:7px;margin:19px 0}
.modal-chips span{padding:6px 9px;border:1px solid var(--line);color:var(--gold-2);font-size:.55rem;letter-spacing:.08em;text-transform:uppercase}
.modal-content>p:not(.eyebrow){color:var(--muted)}
.modal-details{display:grid;grid-template-columns:1fr 1fr;margin:27px 0 32px;border-left:1px solid var(--line);border-top:1px solid var(--line)}
.modal-details div{padding:13px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.modal-details dt{color:var(--gold);font-size:.52rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.modal-details dd{margin-top:3px;color:#ddd2ba;font-size:.75rem}
.modal-actions{display:flex;align-items:center;justify-content:space-between;gap:15px}
.modal-actions>div{display:flex;gap:8px}
.modal-actions>div button{padding:10px;border:1px solid var(--line);color:var(--muted);background:transparent;font-size:.62rem;cursor:pointer;transition:.2s}
.modal-actions>div button:hover{color:var(--gold-2);border-color:var(--gold)}

/* Legal pages */
.legal-page{background:#090806}
.legal-shell{width:min(900px,calc(100% - 40px));margin:140px auto 80px;padding:50px;border:1px solid var(--line);background:#100e0a;box-shadow:var(--shadow)}
.legal-shell h1{font:500 clamp(2.8rem,7vw,5rem)/1 var(--serif)}
.legal-shell .updated{margin:12px 0 38px;color:var(--gold);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase}
.legal-shell h2{margin:34px 0 10px;color:var(--gold-2);font:500 1.5rem var(--serif)}
.legal-shell p,.legal-shell li{color:var(--muted);font-size:.88rem}
.legal-shell ul{display:grid;gap:8px;margin:12px 0;padding-left:18px;list-style:disc}
.legal-back{display:inline-flex;margin-top:40px;color:var(--gold-2);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}
.legal-page .nav-wrap>.button{margin-left:auto}

/* Motion states and keyframes */
body.no-motion *,body.no-motion *::before,body.no-motion *::after{animation-play-state:paused!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
body.no-motion .hero-line i{animation:none!important;opacity:1;transform:none}
body.no-motion .reveal{opacity:1!important;transform:none!important;clip-path:none!important}
body.tab-hidden *,body.tab-hidden *::before,body.tab-hidden *::after{animation-play-state:paused!important}
@keyframes gold-flow{to{background-position:100% center}}
@keyframes ambient-drift{to{transform:translate3d(55px,-38px,0) scale(1.12)}}
@keyframes reel-spin{to{transform:rotate(360deg)}}
@keyframes seal-float{50%{transform:translateY(-2px) rotateY(13deg);box-shadow:0 14px 40px rgba(214,165,72,.28)}}
@keyframes ray-spin{to{transform:rotate(360deg)}}
@keyframes orbit-spin{to{transform:rotate(360deg)}}
@keyframes live-pulse{50%{box-shadow:0 0 0 10px rgba(214,165,72,0),0 0 27px var(--gold-2)}}
@keyframes hero-rise{from{opacity:0;transform:translateY(105%)}to{opacity:1;transform:none}}
@keyframes beam-breathe{50%{opacity:.55;transform:scaleY(.95)}}
@keyframes poster-shine{0%,68%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
@keyframes float-a{50%{transform:translateY(-15px) rotate(-4deg)}}
@keyframes float-b{50%{transform:translateY(-12px)}}
@keyframes clap{0%,68%,100%{transform:rotate(0)}75%,84%{transform:rotate(-25deg)}}
@keyframes scroll-line{0%{transform:scaleY(0);transform-origin:top}48%{transform:scaleY(1);transform-origin:top}52%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
@keyframes ticker{to{transform:translateX(-50%)}}
@keyframes card-in{from{opacity:0;transform:translateY(30px) rotateX(9deg) scale(.96)}to{opacity:1;transform:none}}
@keyframes skeleton{to{background-position:-220% 0}}
@keyframes rights-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes panel-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes world-float{50%{transform:translateY(-12px) rotate(3deg)}}
@keyframes world-orbit{to{transform:rotate(343deg)}}
@keyframes world-orbit-b{to{transform:rotate(388deg)}}

/* Responsive */
@media(max-width:1180px){
  :root{--header-h:78px}.container{width:min(var(--container),calc(100% - 42px))}
  .primary-nav>a,.nav-group>a{padding-inline:9px;font-size:.59rem}.brand-copy{display:none}.hero-grid{grid-template-columns:1fr 480px;gap:30px}.hero-visual{min-height:610px}.poster-main{width:275px}.poster-back-left,.poster-back-right{width:205px}
  .service-grid{grid-template-columns:repeat(2,1fr)}.movie-grid{grid-template-columns:repeat(4,1fr)}.music-grid{grid-template-columns:repeat(3,1fr)}
  .rights-layout{gap:45px}.contact-layout{gap:45px}.footer-top{gap:35px}
}
@media(max-width:940px){
  .section{padding:100px 0}.section-index{top:55px}
  .motion-toggle{display:none}.menu-toggle{display:grid;margin-left:auto}.site-header{padding-inline:12px}.nav-wrap{padding-inline:14px}
  .primary-nav{position:fixed;left:12px;right:12px;top:86px;max-height:calc(100vh - 105px);display:block;padding:12px;overflow:auto;border:1px solid var(--line);background:rgba(9,8,6,.99);box-shadow:0 35px 95px #000;opacity:0;visibility:hidden;transform:translateY(-14px) scale(.98);transition:.35s}
  .primary-nav.open{opacity:1;visibility:visible;transform:none}.primary-nav>a,.nav-group>a{min-height:52px;padding:0 15px;border-bottom:1px solid rgba(242,212,139,.07);font-size:.7rem}.primary-nav .nav-contact{margin:8px 0 0;justify-content:center}
  .nav-group{display:grid;grid-template-columns:1fr 48px}.submenu-toggle{display:block;color:var(--gold-2);border-bottom:1px solid rgba(242,212,139,.07);background:rgba(214,165,72,.025);cursor:pointer}.submenu{position:static;grid-column:1/-1;width:auto;display:none;padding:6px;margin:0;opacity:1;visibility:visible;transform:none;box-shadow:none}.nav-group.submenu-open .submenu{display:block}.nav-group:hover .submenu{transform:none}
  .hero{padding-top:125px}.hero-grid{grid-template-columns:1fr}.hero-copy{text-align:center;padding:0;border:0}.hero-copy::before,.hero-copy::after{display:none}.kicker,.hero-actions,.hero-proof{justify-content:center}.hero-lead{margin-inline:auto}.hero h1{font-size:clamp(4rem,12vw,7rem)}.hero-visual{min-height:600px;max-width:650px;width:100%;margin:auto}.scroll-cue{display:none}
  .split-heading{grid-template-columns:1fr;gap:22px}.service-grid{grid-template-columns:1fr 1fr}.workflow-grid,.company-grid,.contact-layout{grid-template-columns:1fr;gap:65px}.workflow-copy{position:relative;top:auto}.company-visual{min-height:520px}.contact-copy{max-width:730px}
  .catalog-toolbar{top:71px;grid-template-columns:2fr 1fr 1fr}.catalog-toolbar label:nth-child(4),.catalog-toolbar label:nth-child(5){grid-column:span 1}.movie-grid{grid-template-columns:repeat(3,1fr)}
  .rights-layout{grid-template-columns:1fr}.rights-wheel{min-height:500px}.rights-content{max-width:760px}.footer-top{grid-template-columns:1.4fr 1fr 1fr}.footer-column:last-child{grid-column:2}.footer-brand{grid-row:1/3}
}
@media(max-width:680px){
  .container{width:min(100% - 28px,var(--container))}.section{padding:82px 0}.section-index{top:42px;right:18px}.section-heading{margin-bottom:42px}.section-heading h2,.workflow-copy h2,.company-copy h2,.contact-copy h2{font-size:clamp(2.6rem,13vw,4.3rem)}
  .hero{min-height:auto;padding:120px 0 70px}.hero h1{font-size:clamp(3.7rem,18vw,5.7rem)}.hero-lead{font-size:.96rem}.hero-actions{display:grid}.hero-actions .button{width:100%}.hero-proof{gap:8px;font-size:.52rem}.hero-visual{min-height:470px}.poster-main{width:220px}.poster-back-left,.poster-back-right{width:165px}.poster-back-left{transform:translate(-117%,-46%) rotate(-8deg)}.poster-back-right{transform:translate(17%,-47%) rotate(7deg)}.reel-large{width:140px}.reel-small{width:90px}.clapper{width:160px;height:69px;padding-top:33px}.hero-badge{display:none}.poster-main figcaption{padding:50px 15px 13px}.poster-main figcaption b{font-size:.9rem}.poster-fallback{padding:18px}.poster-fallback b{font-size:1.7rem}
  .stats-grid{grid-template-columns:1fr 1fr}.stat-card:nth-child(2){border-right:0}.stat-card:nth-child(-n+2){border-bottom:1px solid var(--line)}.stat-card{min-height:155px;padding:23px}.stat-card p{font-size:.6rem}.stat-value{font-size:2.8rem}
  .service-grid{grid-template-columns:1fr}.service-card{min-height:450px;padding:28px}.service-card>a{left:28px}.workflow-list li{grid-template-columns:55px 1fr;padding-inline:12px}
  .catalog-toolbar{position:relative;top:auto;grid-template-columns:1fr 1fr}.catalog-search{grid-column:1/-1}.catalog-summary{align-items:flex-start;flex-direction:column}.movie-grid,.music-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 11px}.poster-chips{left:7px;right:7px;top:7px}.poster-chips span{padding:5px;font-size:.43rem}.poster-overlay{display:none}.poster-info h3{font-size:.86rem}.poster-info p{font-size:.55rem}.catalog-empty{grid-template-columns:1fr;padding:30px;min-height:520px}.empty-posters{height:220px}.empty-posters i{width:120px}
  .rights-wheel{min-height:380px}.ring-a{width:320px}.ring-b{width:225px}.wheel-core{width:105px}.wheel-ring i{min-width:50px;padding:7px 5px;font-size:.48rem}.rights-tabs{overflow-x:auto}.rights-tabs button{padding-inline:15px;white-space:nowrap}.world-grid{width:320px}.world-a{width:390px;height:180px}.world-b{width:230px;height:390px}.company-visual{min-height:420px}.world-core{width:125px;height:125px}.world-core b{font-size:2rem}
  .company-values{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.contact-form{padding:27px}.form-footer{align-items:stretch;flex-direction:column}.form-footer .button{width:100%}.contact-notes span{grid-template-columns:1fr;gap:4px}
  .footer-top{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1;grid-row:auto}.footer-column:last-child{grid-column:auto}.footer-bottom{align-items:flex-start;flex-direction:column}.modal-dialog{grid-template-columns:1fr;max-height:94vh}.modal-poster{min-height:360px;max-height:460px}.modal-content{padding:35px 25px}.modal-actions{align-items:stretch;flex-direction:column}.modal-actions .button{width:100%}.modal-actions>div{justify-content:space-between}.legal-shell{margin-top:110px;padding:28px}
}
@media(max-width:430px){
  .brand-copy{display:grid}.brand-copy strong{font-size:.68rem}.brand-copy em{font-size:.5rem}.brand-seal{width:42px}.nav-wrap{gap:10px}.hero-visual{min-height:420px}.poster-main{width:190px}.poster-back-left,.poster-back-right{width:145px}.clapper{left:0}.stats-grid{grid-template-columns:1fr}.stat-card,.stat-card:nth-child(2){border-right:0;border-bottom:1px solid var(--line)}.catalog-toolbar{grid-template-columns:1fr}.catalog-search{grid-column:auto}.movie-grid,.music-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-top{grid-template-columns:1fr}.footer-column:last-child{grid-column:auto}
}
@media(pointer:coarse){.pointer-glow{display:none}.tilt-card,.poster-card{transform:none!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.js .reveal{opacity:1;transform:none;clip-path:none}.page-loader{display:none}}
