/* V12.1 · a visible, autonomous motion layer. Only transform / opacity animate. */
.header{gap:18px}.header nav{margin-left:auto}
.header .header-instagram{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:1px solid var(--accent);border-radius:50%;background:var(--surface);color:var(--accent);text-decoration:none;position:relative;z-index:102}
.header-instagram svg{width:23px;height:23px}.header-instagram:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.header-instagram:hover{background:var(--selected)}
[data-motion-scene]{position:relative;isolation:isolate}
.ambient-v121{position:absolute!important;inset:0;z-index:0!important;pointer-events:none;overflow:hidden;border-radius:inherit;contain:layout paint;color:var(--accent)}
.cinema-hero .ambient-v121{z-index:1!important;color:#f5d58c}
/* Replace overlapping legacy particle/ring layers, retain architecture and interactions. */
html[data-effects] .cinema-hero .resonance-field,html[data-effects] .cinema-hero .gold-dust{display:none}
.ambient-rings{position:absolute;width:620px;height:620px;right:-50px;top:50%;transform:translateY(-50%)}
.ambient-rings i{position:absolute;inset:22%;border:1px solid currentColor;border-radius:50%;opacity:.3}
.ambient-rings i:nth-child(2){transform:scale(1.4);opacity:.2}.ambient-rings i:nth-child(3){transform:scale(1.8);opacity:.12}
.ambient-motes{position:absolute;inset:0}.ambient-motes i{position:absolute;left:76%;top:68%;width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.55}
.ambient-motes i:nth-child(2){left:57%;top:24%;width:25px;height:25px;background:transparent;border:1px solid currentColor}
.ambient-motes i:nth-child(3){left:90%;top:36%;width:4px;height:4px}
.ambient-motes i:nth-child(4){left:64%;top:81%;width:36px;height:36px;background:transparent;border:1px solid currentColor}
.ambient-motes i:nth-child(5){left:86%;top:77%;width:6px;height:6px}
.ambient-motes i:nth-child(6){left:49%;top:52%;width:18px;height:18px;background:transparent;border:1px solid currentColor}
.ambient-motes i:nth-child(7){left:93%;top:88%;width:22px;height:22px;background:transparent;border:1px solid currentColor}
.ambient-motes i:nth-child(8){left:69%;top:14%;width:5px;height:5px}
.cinema-hero .hero-medallion{opacity:1;filter:none;color:#ffe0a0}
.justice-balance .balance-beam{transform-box:view-box;transform-origin:150px 90px}
.justice-balance .balance-orbit{transform-box:view-box;transform-origin:150px 150px}
:is(.page-heading,.profile-intro,.community-chat-banner,.registration-story,.auth-shell,.professional-cta) .ambient-rings{width:300px;height:300px;right:-70px;opacity:.7}
:is(.page-heading,.profile-intro,.community-chat-banner,.registration-story,.auth-shell,.professional-cta) .ambient-motes{left:65%;opacity:.45}
:is(.page-heading,.profile-intro,.community-chat-banner,.registration-story,.auth-shell,.professional-cta) .ambient-motes i:nth-child(n+5){display:none}
.profile-intro:after{display:none}
.page-heading>:not(.ambient-v121),.profile-intro>:not(.ambient-v121),.community-chat-banner>:not(.ambient-v121){position:relative;z-index:1}
@media(max-width:1100px){
  .header{gap:12px}.header .brand{margin-right:auto}.header nav{margin-left:0}.header .nav-toggle{order:2;margin-left:0}.header .header-instagram{order:3}
  .cinema-hero .hero-medallion{display:block;position:relative;inset:auto!important;width:140px;margin:-10px auto 24px;transform:none!important;opacity:1!important}
  .hero-medallion>span{display:none}.ambient-rings{width:500px;height:500px;right:-160px;top:55%}.cinema-hero .ambient-motes{left:15%}
}
@media(max-width:600px){
  body .header,body.cinematic-home .header{padding-inline:16px;gap:10px}
  .header .brand{flex:0 1 176px;min-width:0}.header .brand img{width:100%;height:auto}.header .nav-toggle{flex:0 0 42px;width:42px;padding:6px}.header .header-instagram{flex-basis:42px;width:42px;height:42px}
  .cinema-hero .hero-medallion{width:120px;margin:-8px auto 18px}.ambient-motes i:nth-child(n+6){display:none}
}

/* One animation owner: the independent ambient engine. Legacy switches cannot stop it. */
html[data-ambient-engine] .hero-medallion .justice-balance{animation:none!important;transition:none!important}
.eta-balance-beam{transform-box:view-box;transform-origin:150px 90px}
.eta-balance-orbit{transform-box:view-box;transform-origin:150px 150px}
html[data-ambient-engine] .ambient-v121 *{animation:none!important;transition:none!important}

:is(.registration-story,.auth-shell,.professional-cta)>:not(.ambient-v121){position:relative;z-index:1}
