.motion-line{display:block;padding-bottom:.1em;margin-bottom:-.1em;overflow:hidden}
.motion-line-inner{display:inline-block;vertical-align:top;max-width:100%}
.hero-atmosphere{position:absolute;inset:0;pointer-events:none;z-index:-1;overflow:hidden}
.ambient-orb{position:absolute;display:block;width:380px;height:380px;border-radius:50%;filter:blur(50px);opacity:.23}
.orb-blue{top:5%;left:34%;background:#60ceff}.orb-red{bottom:7%;right:9%;width:260px;height:260px;background:#ff95ab;opacity:.17}
.network-orbit{position:absolute;display:block;width:690px;height:300px;border:1px solid #ffffffa8;border-radius:50%;left:-7%;top:17%;transform:rotate(-24deg);box-shadow:0 0 14px #bce9ff35,inset 0 0 18px #ffffff20}
.orbit-two{left:12%;top:19%;width:470px;height:470px;border-color:#a0d6f577;transform:rotate(35deg)}
.network-orbit:after{content:'';position:absolute;width:9px;height:9px;border-radius:50%;background:#fb4164;box-shadow:0 0 16px #fb416499;left:18%;top:7%}
.network-spark{position:absolute;display:block;width:6px;height:6px;background:#fff;border-radius:50%;box-shadow:0 0 15px #7edfff}
.spark-0{left:8%;top:20%}.spark-1{left:31%;top:15%}.spark-2{left:47%;top:67%}.spark-3{left:60%;top:10%}.spark-4{left:18%;top:70%}.spark-5{left:87%;top:56%;background:#ee4a69}
.reading-progress{position:fixed;top:0;left:0;width:100%;height:3px;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#cc1838,#ef5873,#84d9fa);z-index:60;pointer-events:none}
.motion-toggle{position:fixed;bottom:16px;right:18px;z-index:35;display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid #fff;border-radius:40px;background:#f8fbfceb;color:#43596d;box-shadow:0 5px 22px #294c6a17;backdrop-filter:blur(15px);font-size:10px;cursor:pointer}
.motion-toggle>span:first-child{color:#cc1838;font-size:15px;line-height:1;font-weight:700}.motion-toggle:disabled{cursor:default}.motion-toggle:hover{background:white}.motion-toggle:focus-visible{outline:2px solid #cc1838;outline-offset:3px}
.power-visual,.film-art,.resource-cover{perspective:1000px}.power-visual img,.film-art img,.resource-cover img{backface-visibility:hidden}
@media(prefers-reduced-motion:no-preference){
html[data-motion=on] .hero-art{animation:hero-breathe 8s ease-in-out infinite;translate:var(--pointer-x,0px) var(--pointer-y,0px);transition:translate .65s ease-out;transform-origin:35% 45%}
html[data-motion=on] .orb-blue{animation:light-drift 11s ease-in-out infinite alternate}
html[data-motion=on] .orb-red{animation:light-drift 9s -4s ease-in-out infinite alternate-reverse}
html[data-motion=on] .orbit-one{animation:orbit-glide 16s linear infinite}
html[data-motion=on] .orbit-two{animation:orbit-glide 24s linear infinite reverse}
html[data-motion=on] .network-spark{animation:spark-float 5s ease-in-out infinite}
html[data-motion=on] .spark-1,html[data-motion=on] .spark-4{animation-delay:-1.5s}
html[data-motion=on] .spark-2,html[data-motion=on] .spark-5{animation-delay:-3s}
html[data-motion=on] .hero h1 em{color:transparent;background:linear-gradient(110deg,#bc1331 15%,#e52449 35%,#fb8a9b 48%,#bd1735 62%,#cc1838 85%);background-size:260% 100%;background-clip:text;-webkit-background-clip:text;animation:text-glow 6s ease-in-out infinite}
html[data-motion=on] .hero .dot{animation:signal-pulse 2.8s ease-out infinite}
html[data-motion=on] .hero-number i{transform-origin:left;animation:line-travel 3s ease-in-out infinite}
html[data-motion=on] .hero:not([data-motion-visible=true]) *,html[data-motion=on] .power-visual:not([data-motion-visible=true]) img{animation-play-state:paused!important}
html[data-motion=on] .power-visual img{animation:visual-float 6s ease-in-out infinite;transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .45s ease-out}
html[data-motion=on] .power-visual{box-shadow:0 28px 75px #729ebc38}
html[data-motion=on] .power-tab{transition:color .25s,background .3s,box-shadow .3s}
html[data-motion=on] .power-tab[aria-selected=true]{color:var(--red);background:linear-gradient(90deg,#cc183814,transparent);box-shadow:inset 3px 0 #cc1838}
html[data-motion=on] .power-tab[aria-selected=true] .tab-number{color:#cc1838}
html[data-motion=on] .button .arrow,html[data-motion=on] .resource-actions .arrow{display:inline-block;transition:transform .35s cubic-bezier(.16,1,.3,1)}
html[data-motion=on] .button:hover .arrow,html[data-motion=on] .resource-actions a:hover .arrow{transform:translate(5px,-5px) rotate(5deg)}
html[data-motion=on] .button:hover{box-shadow:0 12px 30px #273f5a26}
html[data-motion=on] #navigation a{position:relative}
html[data-motion=on] #navigation a:after{content:'';position:absolute;bottom:3px;left:0;width:100%;height:2px;background:#cc1838;transform:scaleX(0);transform-origin:left;transition:transform .35s}
html[data-motion=on] #navigation a:hover:after{transform:scaleX(1)}
html[data-motion=on] .intro-item svg{transition:transform .5s,stroke .4s}
html[data-motion=on] .intro-item:hover svg{transform:translateY(-8px) rotate(15deg) scale(1.15);stroke:var(--red)}
html[data-motion=on] .resource{transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s,border-color .4s}
html[data-motion=on] .resource:hover{transform:translateY(-10px);box-shadow:0 24px 50px #67839d32;border-color:#c8dce9}
html[data-motion=on] .resource-cover,html[data-motion=on] .film-art{position:relative;overflow:hidden}
html[data-motion=on] .resource-cover img,html[data-motion=on] .film-art img{transition:transform .5s ease-out;transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) scale(1.025)}
html[data-motion=on] .resource-cover:hover img,html[data-motion=on] .film-art:hover img{transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) scale(1.08)}
html[data-motion=on] .resource-cover:after,html[data-motion=on] .film-art:before{content:'';position:absolute;inset:-50%;pointer-events:none;z-index:3;background:linear-gradient(110deg,transparent 35%,#ffffff40 49%,transparent 63%);transform:translateX(-75%);transition:transform .85s ease}
html[data-motion=on] .resource-cover:hover:after,html[data-motion=on] .film-art:hover:before{transform:translateX(75%)}
html[data-motion=on] .film-play{transition:transform .4s,background .4s,box-shadow .4s}
html[data-motion=on] .film:hover .film-play{transform:scale(1.16);background:#cc1838d4;box-shadow:0 0 0 13px #ffffff25,0 0 0 25px #ffffff12}
html[data-motion=on] .faq-list details[open] p,html[data-motion=on] .brand-materials[open] .poster-grid{animation:detail-arrive .5s ease-out}
html[data-motion=on] dialog[open]{animation:dialog-arrive .45s cubic-bezier(.16,1,.3,1)}
html[data-motion=on] .closing{background-size:200% 200%;animation:closing-light 10s ease-in-out infinite}
@keyframes hero-breathe{0%,100%{transform:scale(1.025) translateY(4px)}50%{transform:scale(1.07) translateY(-12px)}}
@keyframes light-drift{from{transform:translate(-40px,15px) scale(.85)}to{transform:translate(85px,-55px) scale(1.25)}}
@keyframes orbit-glide{from{rotate:0deg}to{rotate:360deg}}
@keyframes spark-float{0%,100%{transform:translateY(0);opacity:.35}50%{transform:translateY(-28px);opacity:1}}
@keyframes text-glow{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
@keyframes signal-pulse{0%{box-shadow:0 0 0 0 #cc183855}100%{box-shadow:0 0 0 15px #cc183800}}
@keyframes line-travel{0%,100%{transform:scaleX(.45);opacity:.4}50%{transform:scaleX(1);opacity:1}}
@keyframes visual-float{0%,100%{translate:0 0}50%{translate:0 -7px}}
@keyframes detail-arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes dialog-arrive{from{opacity:0;transform:translateY(30px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes closing-light{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
}
html[data-motion=off] .hero-atmosphere{display:none}
html[data-motion=off] *,html[data-motion-hidden=true] *{animation-play-state:paused!important}
html[data-motion=off] .hero-art,html[data-motion=off] #power-image{translate:none!important;transform:none!important}
html[data-motion=off] .reading-progress{display:none}
@media(max-width:760px){.ambient-orb{width:230px;height:230px;filter:blur(35px)}.orb-blue{top:40%;left:5%}.orb-red{bottom:8%;right:0}.network-orbit{top:50%;width:420px;height:190px;left:-25%}.orbit-two{width:300px;height:300px;left:10%}.spark-0,.spark-1,.spark-3{display:none}.motion-toggle{bottom:12px;right:12px;padding:9px 11px;font-size:9px}.motion-line{padding-bottom:.13em;margin-bottom:-.13em}}
@media(hover:none){html[data-motion=on] .resource:hover{transform:none}html[data-motion=on] .resource-cover img,html[data-motion=on] .film-art img{transform:none!important}}
@media(prefers-reduced-motion:reduce){.hero-atmosphere,.reading-progress{display:none}.motion-line-inner{transform:none!important;filter:none!important;opacity:1!important}}