/* BRO ENTERTAINMENT — Golden Premiere Edition */
:root{
  color-scheme:dark;
  --bg:#090806;
  --bg-soft:#0f0d09;
  --surface:rgba(23,19,12,.94);
  --surface-solid:#16120c;
  --surface-2:#21180c;
  --red:#c18a2d;
  --red-bright:#f3cf7a;
  --red-deep:#724508;
  --gold:#d7a33f;
  --gold-pale:#fff0bd;
  --gold-soft:#a97826;
  --ink:#080705;
  --text:#fffaf0;
  --muted:#b9ad95;
  --line:rgba(239,199,112,.18);
  --line-red:rgba(239,199,112,.4);
  --shadow:0 26px 80px rgba(0,0,0,.52);
  --radius:2px;
}

html{scrollbar-color:var(--gold) var(--bg)}
body{
  color:var(--text);
  background:
    radial-gradient(900px circle at 88% 4%,rgba(215,163,63,.11),transparent 52%),
    radial-gradient(760px circle at 8% 38%,rgba(132,84,14,.11),transparent 54%),
    linear-gradient(135deg,#070604 0%,#0c0a07 46%,#080705 100%);
  font-family:"Avenir Next","Segoe UI",Arial,sans-serif;
  letter-spacing:.005em;
}
body::before{
  background:
    repeating-linear-gradient(135deg,rgba(255,233,178,.012) 0 1px,transparent 1px 28px),
    linear-gradient(90deg,rgba(215,163,63,.018),transparent 22%,transparent 78%,rgba(215,163,63,.018));
}
::selection{background:var(--gold);color:#090705}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:linear-gradient(var(--gold-pale),var(--gold-soft));border-color:var(--bg)}

/* Gold atmosphere */
.ambient::before{
  background-image:
    linear-gradient(rgba(238,196,105,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(238,196,105,.025) 1px,transparent 1px);
  background-size:96px 96px;
  mask-image:radial-gradient(circle at 50% 25%,#000,transparent 76%);
}
.orb{filter:blur(70px);opacity:.16;animation:goldDrift 18s ease-in-out infinite alternate}
.orb.one{width:560px;height:560px;left:-280px;top:2%;background:#c48a26}
.orb.two{width:620px;height:620px;right:-320px;top:38%;background:#8a570f;animation-delay:-7s}
.orb.three{display:block;width:360px;height:360px;left:42%;bottom:-260px;background:#ffe5a1;opacity:.05;animation-delay:-11s}
@keyframes goldDrift{to{transform:translate3d(55px,36px,0) scale(1.1)}}
.noise{opacity:.028;mix-blend-mode:overlay}
#particles{display:none!important}
.cursor-dot,.cursor-ring{display:none!important}
.scroll-progress{
  height:3px;
  background:linear-gradient(90deg,#6e4309,#fff0bd,#c58a24,#fff0bd);
  box-shadow:0 0 18px rgba(239,199,112,.5);
}

.depth-scene{opacity:.42}
.depth-disc{
  border:1px solid rgba(239,199,112,.13);
  background:repeating-radial-gradient(circle,#090806 0 8px,#1b1409 9px 10px);
  box-shadow:0 30px 70px rgba(0,0,0,.5),inset 0 0 45px rgba(215,163,63,.07);
}
.depth-disc::before{background:conic-gradient(#5d3908,var(--gold-pale),#8d5a0f,#5d3908);box-shadow:0 0 28px rgba(215,163,63,.2)}
.depth-cube{border-color:rgba(239,199,112,.15);background:linear-gradient(145deg,rgba(215,163,63,.08),transparent);box-shadow:inset 0 0 28px rgba(215,163,63,.06)}
.depth-prism{border-bottom-color:rgba(255,229,161,.065)}

/* Opening seal */
#loader{
  background:
    radial-gradient(circle at center,rgba(215,163,63,.13),transparent 28%),
    #080705;
}
.loader-logo{width:118px;height:118px;animation:sealFloat 2.6s ease-in-out infinite}
.loader-logo::before{
  inset:3px;
  border-radius:50%;
  transform:none;
  background:conic-gradient(from 0deg,#62400f,#ffe7a7,#9d6817,#fff1c3,#62400f);
  box-shadow:0 0 65px rgba(215,163,63,.2);
  animation:sealSpin 3.2s linear infinite;
}
.loader-logo::after{
  inset:10px;
  border:1px solid rgba(8,7,5,.72);
  border-radius:50%;
  transform:none;
  mask-image:none;
  background:
    repeating-conic-gradient(from 0deg,rgba(9,7,4,.72) 0 1deg,transparent 1deg 12deg),
    radial-gradient(circle,#d6a23d 0 48%,#9a681a 49% 60%,#d9ad59 61%);
}
.loader-g{
  color:#0a0805;
  font-family:Georgia,"Times New Roman",serif;
  font-size:1.8rem;
  letter-spacing:.06em;
  transform:none;
  text-shadow:0 1px rgba(255,255,255,.28);
}
.loader-core p{color:#cbb98f;letter-spacing:.32em;font-size:.66rem}
@keyframes sealSpin{to{transform:rotate(360deg)}}
@keyframes sealFloat{50%{transform:translateY(-8px);filter:drop-shadow(0 18px 20px rgba(0,0,0,.45))}}

/* Editorial system */
.container{width:min(1340px,calc(100% - 64px))}
.section{padding:132px 0}
.section.compact{padding-top:64px;padding-bottom:72px}
.section[id]{isolation:isolate}
.section[id]::before{
  inset:30px max(18px,2.4vw);
  border-radius:2px;
  border-color:rgba(239,199,112,.07);
  background:
    linear-gradient(90deg,var(--gold) 0 24px,transparent 24px) left top/40px 1px no-repeat,
    linear-gradient(180deg,var(--gold) 0 24px,transparent 24px) left top/1px 40px no-repeat,
    linear-gradient(-90deg,var(--gold) 0 24px,transparent 24px) right bottom/40px 1px no-repeat,
    linear-gradient(0deg,var(--gold) 0 24px,transparent 24px) right bottom/1px 40px no-repeat,
    linear-gradient(145deg,rgba(239,199,112,.018),rgba(255,255,255,.003));
  box-shadow:none;
  opacity:.9;
}
.section[id]::after{background:radial-gradient(circle,rgba(215,163,63,.12),transparent 70%);opacity:.12;filter:none}
.section-head{max-width:900px;margin:0 0 58px;text-align:left}
.section-head h2,.experience-copy h3,.about-main h3,.contact-copy h3,.modal-body h2{
  font-family:Georgia,"Times New Roman",serif;
  font-weight:500;
  letter-spacing:-.045em;
}
.section-head h2{font-size:clamp(2.8rem,5.8vw,5.8rem);line-height:.94}
.section-head p{max-width:710px;color:var(--muted);font-size:1rem}
.eyebrow{
  color:var(--gold-pale);
  font-size:.68rem;
  font-weight:700;
  letter-spacing:.25em;
}
.eyebrow::before,.eyebrow::after{width:34px;background:linear-gradient(90deg,transparent,var(--gold));opacity:.8}
.eyebrow::after{background:linear-gradient(90deg,var(--gold),transparent)}
.gradient-text{
  background:linear-gradient(110deg,#8b590f 0%,#e9bc5e 27%,#fff2c6 49%,#c58a25 72%,#fff0bc 100%);
  background-size:220% auto;
  animation:goldText 7s ease-in-out infinite alternate;
}
@keyframes goldText{to{background-position:100% center}}
.glass{
  background:linear-gradient(145deg,rgba(31,25,15,.96),rgba(12,10,7,.94));
  border-color:rgba(239,199,112,.16);
  box-shadow:inset 0 1px rgba(255,239,197,.055),0 26px 80px rgba(0,0,0,.38);
  backdrop-filter:none;
}
.reveal{
  opacity:0;
  transform:translateY(36px);
  clip-path:inset(0 0 28% 0);
  filter:none;
  transition:opacity .72s ease,transform .85s cubic-bezier(.16,1,.3,1),clip-path .9s cubic-bezier(.16,1,.3,1);
}
.reveal.in{opacity:1;transform:none;clip-path:inset(0)}
.btn{
  min-height:56px;
  padding-inline:27px;
  border-radius:0;
  text-transform:uppercase;
  letter-spacing:.11em;
  font-size:.72rem;
}
.btn::before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent)}
.btn.primary{
  color:#100c06;
  background:linear-gradient(115deg,#a56c17,#f0c66e 48%,#c68c2c);
  border:1px solid #f0cc82;
  box-shadow:0 15px 42px rgba(149,94,15,.22),inset 0 1px rgba(255,255,255,.4);
}
.btn.primary:hover{box-shadow:0 22px 58px rgba(196,138,37,.3);transform:translateY(-4px)}
.btn.ghost{color:var(--gold-pale);border:1px solid rgba(239,199,112,.38);background:rgba(215,163,63,.035)}
.btn.ghost:hover{border-color:var(--gold-pale);background:rgba(215,163,63,.1);transform:translateY(-4px)}

/* Art-deco navigation */
.nav-shell{padding:18px 0}
.nav-shell::before{
  top:10px;
  width:min(1360px,calc(100% - 30px));
  height:calc(100% - 20px);
  border-radius:0;
  background:rgba(10,9,7,.88);
  border-color:rgba(239,199,112,.16);
  box-shadow:0 16px 52px rgba(0,0,0,.28),inset 0 1px rgba(255,238,194,.035);
  backdrop-filter:blur(12px);
}
.nav-shell.scrolled{padding:10px 0;background:transparent;border:0;backdrop-filter:none}
.nav-shell.scrolled::before{top:5px;height:calc(100% - 10px);background:rgba(8,7,5,.96);box-shadow:0 20px 60px rgba(0,0,0,.55)}
.nav{min-height:58px}
.brand{gap:14px;font-size:1rem;text-transform:uppercase;letter-spacing:.08em}
.brand-mark{
  width:50px;height:50px;border-radius:50%;
  color:#100c05;
  background:conic-gradient(from 35deg,#7b4d0c,#f4d88e,#a86e17,#ffeeb7,#7b4d0c);
  box-shadow:0 10px 34px rgba(147,91,12,.24),inset 0 0 0 1px #f5d687;
  transform:none;
  animation:coinBreath 5s ease-in-out infinite;
}
.brand-mark::before{inset:5px;border-radius:50%;border:1px solid rgba(17,12,5,.55);transform:none}
.brand-mark::after{display:block;left:10px;right:10px;bottom:8px;height:1px;background:#261804;mask-image:none;opacity:.65}
.brand-mark span{font-family:Georgia,"Times New Roman",serif;font-size:1rem;letter-spacing:.06em;transform:none}
.brand-text b{color:var(--gold-pale);font-weight:600}
@keyframes coinBreath{50%{transform:translateY(-2px) rotateY(12deg);box-shadow:0 14px 40px rgba(215,163,63,.28),inset 0 0 0 1px #ffe9ad}}
.nav-menu-shell{padding:0 10px;border-radius:0;background:transparent;border-color:rgba(239,199,112,.1)}
.nav-menu-shell::after{background:linear-gradient(90deg,transparent,rgba(255,235,184,.12),transparent);animation-duration:8s}
.nav-energy{left:0;right:0;bottom:-1px;background:linear-gradient(90deg,transparent,var(--gold),var(--gold-pale),var(--gold),transparent);filter:drop-shadow(0 0 5px var(--gold));opacity:.45}
.nav-links{gap:1px}
.nav-links a{
  min-height:46px;
  padding:0 16px;
  border-radius:0;
  color:#b9ad94;
  font-size:.7rem;
  text-transform:uppercase;
  letter-spacing:.12em;
}
.nav-links a small{color:rgba(239,199,112,.45);font-size:.48rem}
.menu-label::after{color:var(--gold-pale);text-shadow:0 0 18px rgba(215,163,63,.32)}
.nav-links a:hover,.nav-links a.active{background:linear-gradient(180deg,rgba(215,163,63,.11),rgba(215,163,63,.035));box-shadow:inset 0 -1px var(--gold);transform:none}
.nav-links a:hover small,.nav-links a.active small{color:var(--gold-pale)}
.motion-toggle,.menu-btn{border-radius:0;color:var(--gold-pale);background:rgba(215,163,63,.04);border-color:rgba(239,199,112,.2)}
.motion-toggle:hover,.menu-btn:hover{background:rgba(215,163,63,.12);border-color:var(--gold)}

/* Golden premiere hero */
.hero{
  min-height:100svh;
  padding:145px 0 105px;
  background:
    linear-gradient(90deg,rgba(215,163,63,.035),transparent 36%),
    radial-gradient(ellipse at 76% 48%,rgba(215,163,63,.09),transparent 42%);
}
.hero::before{
  left:auto;right:-15%;bottom:-32%;width:72vw;height:72vw;border-radius:50%;
  background:repeating-conic-gradient(from 0deg,rgba(215,163,63,.05) 0 2deg,transparent 2deg 12deg);
  filter:none;
  animation:rayRotate 45s linear infinite;
}
@keyframes rayRotate{to{transform:rotate(360deg)}}
.hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(460px,.92fr);gap:70px}
.hero-copy{padding-left:34px;border-left:1px solid rgba(239,199,112,.32)}
.hero-copy::before,.hero-copy::after{content:"";position:absolute;left:-5px;width:9px;height:9px;border:1px solid var(--gold);transform:rotate(45deg);background:#0a0805}
.hero-copy::before{top:0}.hero-copy::after{bottom:0}
.hero-kicker{
  padding:0 0 13px;
  border:0;border-bottom:1px solid rgba(239,199,112,.24);border-radius:0;
  background:transparent;box-shadow:none;
  color:#d8c8a4;
  font-size:.68rem;text-transform:uppercase;letter-spacing:.19em;
}
.live-dot{width:6px;height:6px;background:var(--gold-pale);box-shadow:0 0 0 4px rgba(239,199,112,.09),0 0 18px var(--gold);animation:goldPulse 2s infinite}
@keyframes goldPulse{50%{box-shadow:0 0 0 9px rgba(239,199,112,0),0 0 25px var(--gold-pale)}}
.hero h1{
  max-width:900px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(3.9rem,7.8vw,8.4rem);
  font-weight:500;
  line-height:.84;
  letter-spacing:-.075em;
}
.hero h1 .line span{animation:goldHeroRise 1.05s cubic-bezier(.16,1,.3,1) both}
@keyframes goldHeroRise{from{transform:translateY(115%);opacity:0;filter:blur(8px)}to{transform:none;opacity:1;filter:none}}
.hero-copy>p{max-width:610px;color:#b9ad95;font-size:1.04rem;line-height:1.8}
.hero-actions{gap:12px}
.hero-proof{color:#9f927a;text-transform:uppercase;letter-spacing:.1em;font-size:.63rem}
.avatar{border-color:#0a0805;background:linear-gradient(145deg,#35240f,#936014);color:#f9e2a7;border-radius:0;transform:rotate(45deg)}
.avatar-stack .avatar{font-size:0}.avatar::after{content:"✦";font-size:.64rem;transform:rotate(-45deg)}

.hero-stage{min-height:660px;perspective:1400px}
.stage-halo{
  width:82%;
  background:radial-gradient(circle,rgba(255,228,157,.2),rgba(171,110,20,.08) 38%,transparent 68%);
  filter:blur(24px);
  animation:haloBreath 4.8s ease-in-out infinite;
}
.gold-rays{
  position:absolute;width:590px;height:590px;border-radius:50%;
  background:repeating-conic-gradient(from 0deg,rgba(244,207,122,.09) 0 1.5deg,transparent 1.5deg 15deg);
  -webkit-mask-image:radial-gradient(circle,transparent 0 23%,#000 24% 66%,transparent 67%);
  mask-image:radial-gradient(circle,transparent 0 23%,#000 24% 66%,transparent 67%);
  animation:rayRotate 36s linear infinite reverse;
}
.poster-crown{
  position:relative;
  width:min(590px,92vw);
  height:590px;
  transform-style:preserve-3d;
  transition:transform .32s cubic-bezier(.16,1,.3,1);
}
.poster-crown::before{
  content:"";position:absolute;left:50%;top:49%;width:390px;height:390px;border:1px solid rgba(239,199,112,.25);transform:translate(-50%,-50%) rotate(45deg);box-shadow:inset 0 0 80px rgba(215,163,63,.035);animation:diamondBreathe 5.5s ease-in-out infinite;
}
@keyframes diamondBreathe{50%{transform:translate(-50%,-50%) rotate(45deg) scale(1.06);border-color:rgba(255,236,187,.4)}}
.poster-frame{
  position:absolute;top:50%;left:50%;
  width:235px;aspect-ratio:.76;
  margin:0;
  overflow:hidden;
  background:#17120a;
  border:1px solid rgba(255,227,161,.78);
  box-shadow:0 38px 85px rgba(0,0,0,.62),0 0 0 7px #0d0b07,0 0 0 8px rgba(239,199,112,.24);
  transform-style:preserve-3d;
  transition:filter .4s,box-shadow .4s;
}
.poster-frame::before{content:"";position:absolute;inset:9px;z-index:3;border:1px solid rgba(255,238,195,.36);pointer-events:none}
.poster-frame::after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(110deg,transparent 20%,rgba(255,244,211,.26) 44%,transparent 62%);transform:translateX(-120%);animation:posterGleam 5.8s ease-in-out infinite}
@keyframes posterGleam{0%,64%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
.poster-frame img{width:100%;height:100%;object-fit:cover;display:block;filter:sepia(.38) saturate(.72) contrast(1.08) brightness(.84)}
.poster-frame figcaption{position:absolute;z-index:4;left:0;right:0;bottom:0;padding:42px 16px 17px;background:linear-gradient(transparent,rgba(7,6,4,.96));text-align:left}
.poster-frame figcaption small{display:block;color:var(--gold);font-size:.55rem;letter-spacing:.16em;text-transform:uppercase}
.poster-frame figcaption strong{display:block;margin-top:4px;color:#fff8e7;font-family:Georgia,"Times New Roman",serif;font-size:.84rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.frame-left{transform:translate(-111%,-48%) rotate(-11deg) translateZ(-36px);animation:frameLeft 6s ease-in-out infinite}
.frame-main{z-index:3;width:270px;transform:translate(-50%,-53%) translateZ(55px);animation:frameMain 6.4s ease-in-out infinite}
.frame-right{transform:translate(12%,-48%) rotate(11deg) translateZ(-36px);animation:frameRight 5.7s ease-in-out infinite}
@keyframes frameLeft{50%{transform:translate(-113%,-51%) rotate(-8deg) translateZ(-28px)}}
@keyframes frameMain{50%{transform:translate(-50%,-56%) translateZ(64px)}}
@keyframes frameRight{50%{transform:translate(14%,-51%) rotate(8deg) translateZ(-28px)}}
.premiere-seal{
  position:absolute;right:16px;top:17px;z-index:5;width:66px;height:66px;border-radius:50%;display:grid;place-content:center;text-align:center;
  color:#171005;background:conic-gradient(#9b6414,#ffe9a9,#ae741d,#fff1c4,#9b6414);border:1px solid #fff0bd;box-shadow:0 12px 30px rgba(0,0,0,.36);animation:sealTurn 8s linear infinite;
}
.premiere-seal::before{content:"";position:absolute;inset:5px;border-radius:inherit;border:1px dashed rgba(29,19,5,.58)}
.premiere-seal i{font-family:Georgia,"Times New Roman",serif;font-style:normal;font-weight:700}.premiere-seal small{font-size:.42rem;text-transform:uppercase;letter-spacing:.12em}
@keyframes sealTurn{to{transform:rotate(360deg)}}
.crown-rule{position:absolute;left:50%;bottom:12px;width:82%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;color:#d5b466;font-size:.58rem;text-transform:uppercase;letter-spacing:.25em;white-space:nowrap}
.crown-rule i{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}.crown-rule i:last-child{background:linear-gradient(90deg,var(--gold),transparent)}
.premiere-note{position:absolute;z-index:6;display:flex;align-items:center;gap:10px;padding:12px 15px;color:#d9c8a1;background:rgba(11,9,6,.92);border:1px solid rgba(239,199,112,.24);box-shadow:0 18px 50px rgba(0,0,0,.4);text-transform:uppercase;letter-spacing:.1em;font-size:.55rem;animation:noteFloat 5s ease-in-out infinite}
.premiere-note b{font-family:Georgia,"Times New Roman",serif;color:var(--gold-pale);font-size:1rem;letter-spacing:0}
.note-one{left:-1%;top:21%}.note-two{right:-2%;bottom:22%;animation-delay:-2.5s}
@keyframes noteFloat{50%{transform:translateY(-12px)}}
.scroll-cue{color:#95886f}.scroll-cue::after{background:linear-gradient(var(--gold-pale),var(--gold),transparent)}

/* Moving gold ribbon */
.marquee-wrap{border-color:rgba(239,199,112,.22);background:#c28a2c;transform:rotate(-1.2deg) scale(1.02);box-shadow:0 18px 50px rgba(0,0,0,.25)}
.marquee{animation-duration:32s}
.marquee span{color:#140e05;font-size:.69rem;letter-spacing:.2em;padding:17px 30px}
.marquee span::after{content:"◆";color:#fff0bd}

/* Counters */
.stats{gap:0;border-block:1px solid rgba(239,199,112,.2)}
.stat{min-height:190px;padding:34px 30px;border:0;border-right:1px solid rgba(239,199,112,.16);border-radius:0;background:transparent;box-shadow:none;text-align:center}
.stat:last-child{border-right:0}
.stat:hover{border-color:rgba(239,199,112,.16);background:rgba(215,163,63,.04);transform:translateY(-5px)}
.stat::before{background:linear-gradient(125deg,transparent,rgba(255,231,172,.08),transparent)}
.stat::after{width:120px;height:120px;right:50%;top:50%;transform:translate(50%,-50%);background:var(--gold);opacity:.045;filter:blur(30px)}
.stat .num{font-family:Georgia,"Times New Roman",serif;font-weight:500;color:var(--gold-pale);font-size:clamp(2.7rem,5vw,4.5rem)}
.stat .label{color:#9f927a;font-size:.65rem;letter-spacing:.16em}
.stat .mini-line{margin:20px auto 0;width:62px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}

/* Asymmetric service salon */
#services{background:linear-gradient(180deg,transparent,rgba(215,163,63,.025),transparent)}
.services{grid-template-columns:repeat(12,1fr);gap:18px}
.service-card{min-height:330px;padding:42px;border-radius:0;background:linear-gradient(145deg,rgba(30,24,14,.97),rgba(11,9,6,.95));border-color:rgba(239,199,112,.14)}
.service-card:nth-child(1),.service-card:nth-child(4){grid-column:span 7}
.service-card:nth-child(2),.service-card:nth-child(3){grid-column:span 5}
.service-card:nth-child(1),.service-card:nth-child(4){min-height:385px}
.service-card::before{background:radial-gradient(420px circle at var(--sx,50%) var(--sy,50%),rgba(244,207,122,.12),transparent 45%)}
.service-card::after{left:16px;right:16px;bottom:14px;height:1px;border:0;border-radius:0;background:linear-gradient(90deg,transparent,var(--gold),transparent);transform:none;opacity:.35}
.service-card:hover{border-color:rgba(255,229,167,.4);box-shadow:0 38px 90px rgba(0,0,0,.52),inset 0 0 0 1px rgba(239,199,112,.08);transform:translateY(-8px)}
.service-no{right:28px;top:18px;font-family:Georgia,"Times New Roman",serif;font-size:6.4rem;font-weight:400;color:rgba(239,199,112,.055)}
.service-icon{width:58px;height:58px;border-radius:50%;background:rgba(215,163,63,.07);border-color:rgba(239,199,112,.27);color:var(--gold-pale)}
.service-card h3{font-family:Georgia,"Times New Roman",serif;font-size:2rem;font-weight:500;letter-spacing:-.035em}
.service-card p{color:#aea38e;line-height:1.72}
.service-link{color:var(--gold-pale);font-size:.7rem;text-transform:uppercase;letter-spacing:.12em}

/* Talent stage */
.experience{grid-template-columns:1.08fr .92fr;gap:18px}
.experience-copy,.visualizer{border-radius:0}
.experience-copy{padding:58px;background:linear-gradient(145deg,rgba(34,27,15,.96),rgba(13,11,7,.96))}
.experience-copy h3{font-size:clamp(2.8rem,5.2vw,5.4rem);font-weight:500}
.experience-copy p{color:#b3a790;line-height:1.75}
.feature{color:#d7c9aa;font-size:.85rem}
.feature b{border-radius:50%;background:rgba(215,163,63,.08);border:1px solid rgba(239,199,112,.28);color:var(--gold-pale)}
.visualizer{min-height:560px;background:linear-gradient(90deg,rgba(215,163,63,.12),transparent 18%,transparent 82%,rgba(215,163,63,.12)),radial-gradient(ellipse at 50% 0,rgba(255,230,166,.2),transparent 56%),#0a0805;border-color:rgba(239,199,112,.18);box-shadow:0 30px 90px rgba(0,0,0,.45),inset 0 0 80px rgba(215,163,63,.04)}
.visualizer::before{background:repeating-linear-gradient(90deg,transparent 0 39px,rgba(239,199,112,.025) 40px);background-size:auto}
.visualizer::after{content:"BE";position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);font-family:Georgia,"Times New Roman",serif;font-size:7rem;color:rgba(239,199,112,.07);letter-spacing:.08em}
.visual-badge{left:32px;top:30px;border-radius:0;background:#100d08;border-color:rgba(239,199,112,.24);color:#dbcba8;text-transform:uppercase;letter-spacing:.13em;font-size:.57rem}
.rings{width:300px;height:300px;border-color:rgba(239,199,112,.3);animation:ringPulse 3.8s ease-out infinite}
.rings::before,.rings::after{border-color:rgba(239,199,112,.16)}
.visual-bars{gap:6px;opacity:.82}
.visual-bars i{width:5px;border-radius:0;background:linear-gradient(to top,#6f4309,var(--gold),var(--gold-pale));box-shadow:0 0 10px rgba(215,163,63,.18)}

/* Live catalog gallery */
#catalog{background:linear-gradient(90deg,rgba(215,163,63,.025),transparent 20%,transparent 80%,rgba(215,163,63,.025)),radial-gradient(700px circle at 94% 20%,rgba(215,163,63,.06),transparent 58%)}
#catalog .section-head{display:grid;grid-template-columns:1fr .62fr;align-items:end;column-gap:70px;max-width:none}
#catalog .section-head .eyebrow,#catalog .section-head h2{grid-column:1}
#catalog .section-head p{grid-column:2;grid-row:2;align-self:end;padding-bottom:10px}
.controls{top:82px;padding:10px;border-radius:0;background:rgba(11,9,6,.97);border-color:rgba(239,199,112,.2);box-shadow:0 22px 65px rgba(0,0,0,.36)}
.search-box input,.sort-select,.view-toggle{border-radius:0;background:#151109;color:#fff8e8;border-color:rgba(239,199,112,.14)}
.search-box svg{stroke:var(--gold)}
.search-box input:focus,.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(215,163,63,.09)}
.view-toggle button{border-radius:0}
.view-toggle button.active{color:#130e06;background:linear-gradient(145deg,#f0cc79,#b9791d);box-shadow:none}
.filters{gap:7px}
.filter-btn{border-radius:0;border-color:rgba(239,199,112,.12);background:rgba(215,163,63,.025);color:#a99c84;text-transform:uppercase;letter-spacing:.08em;font-size:.62rem}
.filter-btn:hover{border-color:rgba(239,199,112,.4);color:var(--gold-pale);transform:translateY(-2px)}
.filter-btn.active{color:#130e06;background:linear-gradient(110deg,#aa701b,#f0ce7d);border-color:transparent;box-shadow:0 9px 28px rgba(142,88,10,.18)}
.catalog-meta{color:#8f836d;text-transform:uppercase;letter-spacing:.09em;font-size:.65rem}
.catalog-meta strong{color:var(--gold-pale)}
.grid{gap:42px 24px}
.card{border-radius:0;transition:transform .32s cubic-bezier(.16,1,.3,1)}
.poster-wrap{border-radius:0;border:1px solid rgba(239,199,112,.24);background:#151109;box-shadow:0 24px 58px rgba(0,0,0,.48),0 0 0 6px #0b0906,0 0 0 7px rgba(239,199,112,.08)}
.poster-wrap::before{background:linear-gradient(to top,rgba(7,5,3,.97),rgba(7,5,3,.06) 63%,transparent)}
.poster-wrap::after{background:linear-gradient(110deg,transparent 20%,rgba(255,239,198,.38) 46%,transparent 67%)}
.poster-wrap img{filter:sepia(.18) saturate(.78) contrast(1.06) brightness(.92);transition-duration:.7s}
.card:hover img{transform:scale(1.065);filter:sepia(.04) saturate(1.02) contrast(1.05)}
.card:hover .poster-wrap{border-color:rgba(255,235,187,.7);box-shadow:0 38px 85px rgba(0,0,0,.62),0 0 0 6px #0b0906,0 0 0 7px rgba(239,199,112,.26)}
.year-pill,.genre-pill{border-radius:0;background:rgba(9,7,4,.82);border-color:rgba(255,232,178,.25);color:var(--gold-pale)}
.genre-pill{color:#140f06;background:var(--gold-pale);border-color:transparent}
.play-btn{color:#130e05;background:linear-gradient(145deg,#fff0bd,#b97a1d);box-shadow:0 16px 42px rgba(122,74,7,.34)}
.play-btn::before{border-color:rgba(255,234,182,.52)}
.card-overlay h3,.title-bar h4{font-family:Georgia,"Times New Roman",serif;font-weight:500}
.card-overlay p{color:#d4c5a6}
.title-bar{padding:18px 7px 0}
.title-bar::before{width:42px;height:1px;background:linear-gradient(90deg,var(--gold),transparent)}
.title-bar h4{font-size:1.02rem}
.title-bar small{color:#8f846f}
.skeleton{border-radius:0;background:linear-gradient(110deg,#100d08 8%,#2b2010 18%,#100d08 33%)}
.no-result{border-color:rgba(239,199,112,.18);border-radius:0}
.load-progress{background:rgba(239,199,112,.06);border-color:rgba(239,199,112,.11)}
.load-progress span{background:linear-gradient(90deg,#714508,var(--gold-pale),#a76d17);box-shadow:0 0 15px rgba(215,163,63,.32)}
.btn.load-more{border-radius:0;border-color:rgba(239,199,112,.3);background:linear-gradient(145deg,#181209,#0c0a07)}
.load-icon{border-radius:50%;color:#130e05;background:linear-gradient(145deg,#f2d282,#ae7018);box-shadow:0 10px 25px rgba(136,81,8,.28)}

/* Company and contact */
.about-grid{grid-template-columns:1.18fr .82fr;gap:18px}
.about-main,.about-side,.contact-copy,.contact-form{border-radius:0}
.about-main{padding:60px;background:linear-gradient(145deg,rgba(34,27,15,.96),rgba(12,10,7,.96))}
.about-main h3{font-size:clamp(2.8rem,5.4vw,5.7rem)}
.about-main p{color:#b5a990;line-height:1.8}
.about-tags span{border-radius:0;border-color:rgba(239,199,112,.18);background:rgba(215,163,63,.035);color:#d5c6a8;text-transform:uppercase;letter-spacing:.09em;font-size:.61rem}
.about-side{background:radial-gradient(circle,rgba(215,163,63,.13),transparent 62%),#0b0906;border-color:rgba(239,199,112,.18)}
.about-side::before,.about-side::after{content:"";position:absolute;width:42px;height:42px;border-color:var(--gold);opacity:.55}
.about-side::before{left:18px;top:18px;border-left:1px solid;border-top:1px solid}.about-side::after{right:18px;bottom:18px;border-right:1px solid;border-bottom:1px solid}
.globe{border-color:rgba(239,199,112,.42);box-shadow:inset 0 0 58px rgba(215,163,63,.08),0 0 75px rgba(215,163,63,.08);background:repeating-radial-gradient(ellipse at center,transparent 0 20px,rgba(239,199,112,.08) 21px 22px,transparent 23px 39px),linear-gradient(90deg,transparent 49.6%,rgba(239,199,112,.12) 50%,transparent 50.4%)}
.globe::before,.globe::after{border-color:rgba(239,199,112,.18)}
.orbit{border-color:rgba(239,199,112,.28)}.orbit i{background:var(--gold-pale);box-shadow:0 0 25px var(--gold)}
.contact-grid{grid-template-columns:.92fr 1.08fr;gap:18px}
.contact-copy,.contact-form{padding:52px}
.contact-copy h3{font-size:clamp(2.8rem,5vw,5.3rem)}
.contact-copy p{color:#b5a990;line-height:1.75}
.contact-channel{border-radius:0;border-color:rgba(239,199,112,.15);background:rgba(215,163,63,.025)}
.contact-channel b{border-radius:50%;background:rgba(215,163,63,.08);color:var(--gold-pale);border:1px solid rgba(239,199,112,.24)}
.field label{color:#d7c8aa;text-transform:uppercase;letter-spacing:.1em;font-size:.64rem}
.field input,.field textarea,.field select{border-radius:0;border-color:rgba(239,199,112,.15);background:#110e09;color:#fff8e9}
.field input::placeholder,.field textarea::placeholder{color:#746b5a}

footer{border-color:rgba(239,199,112,.13);background:linear-gradient(180deg,transparent,rgba(215,163,63,.025));padding-top:84px}
.footer-col h4{text-transform:uppercase;letter-spacing:.14em;color:#dfcba0;font-size:.67rem}
.footer-col a{color:#938873}.footer-col a:hover{color:var(--gold-pale)}
.footer-bottom{justify-content:flex-start;border-color:rgba(239,199,112,.12)}

/* Detail salon */
.modal-bg{background:rgba(5,4,3,.9);backdrop-filter:blur(10px)}
.modal{border-radius:0;border-color:rgba(239,199,112,.3);background:#100d08;box-shadow:0 48px 140px rgba(0,0,0,.78)}
.modal-art{background:#090705}.modal-art::after{background:linear-gradient(to top,rgba(8,6,3,.75),transparent 55%)}
.modal-close{border-radius:0;border-color:rgba(239,199,112,.25);background:rgba(8,6,3,.84);color:var(--gold-pale)}
.modal-close:hover{background:var(--gold);color:#110c04}
.modal-meta span{border-radius:0;border-color:rgba(239,199,112,.2);background:rgba(215,163,63,.035);color:#d9c8a4}
.modal-meta .year{color:var(--gold-pale);border-color:rgba(239,199,112,.35)}
.modal-nav button{border-radius:0;border-color:rgba(239,199,112,.16);background:rgba(215,163,63,.025)}
.modal-nav button:hover{border-color:rgba(239,199,112,.45);background:rgba(215,163,63,.08)}
#topBtn{border-radius:0;color:#130e05;background:linear-gradient(145deg,#f3d384,#a96c16);box-shadow:0 15px 45px rgba(133,78,7,.25)}
.toast{border-radius:0;border-color:rgba(239,199,112,.3);background:#151008}

body.tab-hidden *,body.tab-hidden *::before,body.tab-hidden *::after{animation-play-state:paused!important}
body.lite-mode .depth-scene,body.lite-mode .gold-rays,body.lite-mode .premiere-note{display:none!important}
body.lite-mode .poster-frame,body.lite-mode .orb,body.lite-mode .marquee,body.lite-mode .rings{animation:none!important}

@media(max-width:1120px){
  .hero-grid{grid-template-columns:1fr;gap:18px}
  .hero-copy{max-width:900px}
  .hero-stage{min-height:620px}
  .services{grid-template-columns:1fr 1fr}
  .service-card:nth-child(n){grid-column:auto;min-height:340px}
  #catalog .section-head{grid-template-columns:1fr}.section-head p,#catalog .section-head p{grid-column:1;grid-row:auto;padding:0}
}

@media(max-width:820px){
  .container{width:min(100% - 32px,1340px)}
  .section{padding:92px 0}
  .section[id]::before{inset:14px 8px}
  .nav-shell::before{width:calc(100% - 20px)}
  .nav-menu-shell{padding:0;border:0;background:transparent}
  .nav-links{background:#0d0b07;border-color:rgba(239,199,112,.2);border-radius:0;box-shadow:0 30px 90px rgba(0,0,0,.7)}
  .nav-links a{border-radius:0;border-color:rgba(239,199,112,.1);background:rgba(215,163,63,.025)}
  .nav-links a:hover,.nav-links a.active{background:rgba(215,163,63,.1)}
  .hero-copy{padding-left:24px}
  .hero-stage{min-height:540px}
  .poster-crown{width:500px;height:520px;transform:scale(.9)}
  .poster-frame{width:205px}.frame-main{width:235px}
  .gold-rays{width:500px;height:500px}
  .stats{grid-template-columns:repeat(2,1fr)}
  .stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid rgba(239,199,112,.16)}
  .services,.experience,.about-grid,.contact-grid{grid-template-columns:1fr}
  .service-card:nth-child(n){min-height:310px}
  .visualizer{min-height:440px}
  .about-side{min-height:390px}
  .controls{grid-template-columns:1fr 1fr}
  .search-box{grid-column:1/-1}.view-toggle{justify-self:end}
}

@media(max-width:580px){
  .container{width:min(100% - 24px,1340px)}
  .brand-text{font-size:.76rem}.brand-mark{width:44px;height:44px}
  .hero{padding-top:125px;padding-bottom:72px}
  .hero h1{font-size:clamp(3.2rem,16vw,5.25rem)}
  .hero-copy{padding-left:18px}
  .hero-actions .btn{width:100%}
  .hero-proof{align-items:flex-start;text-align:left}
  .hero-stage{min-height:430px;margin-inline:-14px}
  .poster-crown{width:390px;height:430px;transform:scale(.88)}
  .poster-crown::before{width:270px;height:270px}
  .poster-frame{width:150px;box-shadow:0 24px 50px rgba(0,0,0,.6),0 0 0 4px #0d0b07,0 0 0 5px rgba(239,199,112,.2)}
  .poster-frame::before{inset:6px}.frame-main{width:176px}.frame-left{transform:translate(-112%,-46%) rotate(-10deg)}.frame-main{transform:translate(-50%,-52%)}.frame-right{transform:translate(12%,-46%) rotate(10deg)}
  .poster-frame figcaption{padding:28px 10px 11px}.poster-frame figcaption strong{font-size:.68rem}.premiere-seal{width:48px;height:48px;right:10px;top:10px}.premiere-seal i{font-size:.75rem}.premiere-seal small{font-size:.32rem}
  .gold-rays{width:390px;height:390px}.premiere-note{display:none}.crown-rule{bottom:4px}
  .section-head h2{font-size:clamp(2.7rem,13vw,4.3rem)}
  .stats{gap:0}.stat{min-height:150px;padding:24px 12px}.stat .label{font-size:.56rem}
  .service-card,.experience-copy,.about-main,.contact-copy,.contact-form{padding:28px;border-radius:0}
  .visualizer{min-height:350px}.visual-bars{gap:4px}.visual-bars i{width:4px}
  .controls{grid-template-columns:1fr}.sort-select,.view-toggle{width:100%}.view-toggle{justify-content:center}
  .grid,.grid.large{grid-template-columns:repeat(2,minmax(0,1fr));gap:29px 13px}
  .poster-wrap{box-shadow:0 14px 32px rgba(0,0,0,.46),0 0 0 3px #0b0906,0 0 0 4px rgba(239,199,112,.08)}
  .card:hover .poster-wrap{box-shadow:0 22px 45px rgba(0,0,0,.58),0 0 0 3px #0b0906,0 0 0 4px rgba(239,199,112,.24)}
  .title-bar h4{font-size:.82rem}.title-bar small{font-size:.61rem}.card-topline{display:none}.play-btn{width:48px;height:48px}.card-overlay{display:none}
  .field-row{grid-template-columns:1fr}
  .modal{grid-template-columns:1fr}.modal-art{min-height:290px;max-height:340px}.modal-body{padding:28px}
}

@media(prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none;clip-path:none}
}