/* Zhongjia Secondary Studio Motion — performance-first */
:root{--studio-ease:cubic-bezier(.16,1,.3,1)}
.opening-sequence{display:none;position:fixed;inset:0;z-index:9999;pointer-events:none;overflow:hidden}
body.studio-motion .opening-sequence{display:block}
.opening-panel{position:absolute;inset:0;transform-origin:right center;will-change:transform}
.opening-panel-a{z-index:2;background:var(--green)}
.opening-panel-b{z-index:1;background:var(--cream)}
.opening-scan{position:absolute;z-index:3;top:0;bottom:0;left:0;width:2px;background:rgba(255,255,255,.92);box-shadow:0 0 28px rgba(255,255,255,.52);will-change:transform}

.hero-copy .kicker,.hero-copy h1,.hero-copy>p,.hero-actions,.hero-media img{will-change:transform,opacity,filter,clip-path}
.hero-copy h1{transform-origin:left bottom}

.motion-section{position:relative;overflow:hidden}
.motion-section::before{content:attr(data-motion-label);position:absolute;left:4.5vw;top:18px;z-index:0;white-space:nowrap;font-size:clamp(76px,12vw,210px);line-height:.82;font-weight:700;letter-spacing:-.07em;color:rgba(32,60,48,.05);transform:translateX(var(--label-x,-150px)) scaleX(var(--label-scale,.76));transform-origin:left center;pointer-events:none}
.motion-section.dark::before{color:rgba(255,255,255,.05)}
.motion-section>*{position:relative;z-index:1}
.section-head h2,.feature-copy h2,.section-head p,.feature-copy p,.card,.stat,.list-item,.product-spec-summary,.application-spotlight,.feature img,.gallery img,.gallery-stack img{will-change:transform,opacity,clip-path;backface-visibility:hidden}
.feature img,.gallery img,.gallery-stack img{display:block!important;opacity:1;visibility:visible;border-radius:var(--radius-md)}

.nav-dropdown,.product-menu{border-radius:18px!important;overflow:hidden!important}

@media(prefers-reduced-motion:reduce){.opening-sequence{display:none!important}.motion-section::before,.section-head h2,.feature-copy h2,.card,.stat,.list-item,.feature img,.gallery img,.gallery-stack img{opacity:1!important;transform:none!important;clip-path:none!important}}

/* ===== 内容可见性修复：避免旧 reveal / motion 初始态遮挡模块 ===== */
.motion-section.reveal,
.motion-section.reveal.in{
  opacity:1!important;
  transform:none!important;
  visibility:visible!important;
}
.motion-section .section-head,
.motion-section .grid,
.motion-section .stats,
.motion-section .feature,
.motion-section .list,
.motion-section .table-wrap,
.motion-section .gallery,
.motion-section .card,
.motion-section .stat,
.motion-section .list-item,
.motion-section .product-spec-summary,
.motion-section .application-spotlight{
  visibility:visible!important;
}

/* 旧版 motion class 不再负责隐藏，视觉初始态统一交给 GSAP set/fromTo */
.motion-section .motion-title,
.motion-section .motion-copy,
.motion-section .motion-card,
.motion-section .motion-image,
.motion-section .motion-stat,
.motion-section .motion-list-item{
  opacity:1;
  transform:none;
}

/* GSAP/CDN异常时也必须完整显示所有头屏以下内容 */
html.no-studio-motion .motion-section,
html.no-studio-motion .motion-section *{
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  clip-path:none!important;
}