/* 성능 레이어: 마지막에 로드, 각 페이지의 무거운 효과를 덮어씀 */
/* 1. 블러 글래스는 스크롤 끊김의 주원인: 전부 제거, 내비게이션은 불투명 흰 배경으로 */
*,*::before,*::after{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.nav{background:rgba(255,255,255,.97)!important}
/* 2. 뷰포트 밖 섹션은 애니메이션 일시정지(perf.js가 표시) */
[data-off],[data-off] *,[data-off] *::before,[data-off] *::after{animation-play-state:paused!important}
html.page-hidden *,html.page-hidden *::before,html.page-hidden *::after{animation-play-state:paused!important}
/* 3. (content-visibility 제거: 빠른 스크롤 시 흰 화면과 튐 발생) */
/* 4. 대면적 블러 광원은 별도 레이어로 분리해 스크롤 시 리페인트 방지 */
.o1,.o2,.orb,.cta-aurora,svg[class*="-bg"],[class*="-orbs"],[class*="aurora"]{will-change:transform;transform:translateZ(0)}
/* 5. 첫 화면 광원: SVG 블러는 매 프레임 재계산 비용이 큼. 광원은 고정하고 레이어 전체를 합성 애니메이션(transform만 변경) */
g.hs{animation:none!important}
svg:has(> g.hs),svg:has(> g > g.hs){will-change:transform;animation:perfDrift 16s ease-in-out infinite alternate}
@keyframes perfDrift{from{transform:translate3d(-1.5%,0,0) scale(1.04)}to{transform:translate3d(1.5%,-1%,0) scale(1.08)}}
@media (prefers-reduced-motion:reduce){svg:has(> g.hs){animation:none}}