/* T027: a foreground aperture and camera-scale orbits make depth visible. */
.home-cinematic .signal-stage { transition: none; transform-origin: 50% 50%; }
.field-front { position: absolute; width: 110vmax; height: 110vmax; left: 8%; top: -36%; border: 1px solid #ffd69290; border-radius: 50%; box-shadow: 0 0 0 4vmax #ffb54707,0 0 0 9vmax #ffb54708,0 0 0 17vmax #ffb54704; }
.field-front::before,.field-front::after { content: ''; position: absolute; inset: 12%; border: 1px solid #ffe4b96b; border-radius: 50%; }
.field-front::after { inset: 28%; border-color: #ffd89559; }
.home-cinematic .motion-field { opacity: .94; }
.home-cinematic .field-ring { width: 100vmax; height: 100vmax; top: -48%; left: 30%; opacity: .64; border-color: #ffc77e5e; box-shadow: 0 0 0 48px #ffb54705,0 0 0 96px #ffb54704,inset 0 0 100px #ff8a1710; }
.field-ring::before,.field-ring::after { content: ''; position: absolute; inset: 8%; border: 1px solid #ffe0a647; border-radius: 50%; }
.field-ring::after { inset: 20%; border-color: #ffa54836; }
.home-cinematic .field-light { width: 115vmax; height: 115vmax; left: 14%; top: -35%; background: radial-gradient(ellipse at 52% 42%,#ffad4c40,transparent 38%),radial-gradient(ellipse at 80% 70%,#ea692b20,transparent 48%); }
.field-beam { position: absolute; inset: -60% -20%; background: conic-gradient(from 185deg at 72% 40%,transparent 0deg,#ffe7b518 8deg,transparent 16deg,#ffb55c10 25deg,transparent 36deg); mask-image: radial-gradient(ellipse,#000,transparent 66%); pointer-events: none; }
.home-cinematic .field-plane { opacity: .5; }
.home-cinematic .silk-static { filter: drop-shadow(0 0 9px #ffb54736); }
.home-cinematic .hero::after { opacity: .45; }
.home-cinematic .home-scenarios,.home-cinematic .home-editorial { background: linear-gradient(120deg,#0b111b9c,#0b111b30); }
.home-cinematic .story-layout { position: relative; isolation: isolate; }
.story-depth-field { position: absolute; z-index: -1; pointer-events: none; inset: -80px -4%; border: 1px solid #eab57126; border-radius: 40px; background: radial-gradient(ellipse at 82% 15%,#ffad5220,transparent 55%); box-shadow: 0 0 0 24px #ffb54704,0 0 0 48px #ffb54703; }
.story-depth-field::before { content: ''; position: absolute; inset: 22%; border: 1px solid #ffd39530; border-radius: 50%; }
.home-cinematic .story-screen { box-shadow: 0 40px 100px -30px #000,0 0 80px -45px #ffc3757a; }
.home-cinematic .scenario-cards article { background: linear-gradient(145deg,#1b2634ef,#0b121bf5); border-color: #ffffff20; }
.home-cinematic .button,.products-immersive .button { transition: transform 160ms var(--ease-out),border-color 180ms ease,background-color 180ms ease,box-shadow 180ms ease; }
.home-cinematic .button:active,.products-immersive .button:active { transform: scale(.97); }
.products-immersive { isolation: isolate; overflow-x: clip; }
.products-immersive main,.products-immersive .site-footer { position: relative; z-index: 2; }
.product-depth-field { position: fixed; inset: 0; z-index: 1; pointer-events: none; overflow: clip; }
.product-depth-ring { position: absolute; width: 100vmax; height: 100vmax; right: -52%; top: -20%; border: 1px solid #ffc47238; border-radius: 50%; box-shadow: 0 0 0 50px #ffb54705,0 0 0 100px #ffb54703; }
.product-depth-light { position: absolute; width: 110vmax; height: 110vmax; top: -30%; left: 20%; background: radial-gradient(ellipse,#ff9c3826,transparent 55%); }
.product-depth-silk { position: absolute; width: 110vmax; height: 130vmax; top: -15%; left: 8%; opacity: .55; object-fit: fill; }
.product-scene-light { position: absolute; inset: -5% -8%; z-index: -1; pointer-events: none; overflow: clip; background: radial-gradient(ellipse at 80% 35%,#fda13f15,transparent 60%); }
.product-scene-light i { position: absolute; width: 90%; aspect-ratio: 1; left: 34%; top: -20%; border: 1px solid #ffc47730; border-radius: 50%; }
.product-scene-light i+ i { inset: 12% auto auto 50%; width: 62%; border-color: #ffc47718; }
.products-immersive #wechat-assistant,.products-immersive #digital-video { position: relative; isolation: isolate; }
.products-immersive .video-workflow { border-color: #a875474f; box-shadow: 0 38px 85px -42px #000,0 0 70px -46px #ffb547; }
@media(min-width:901px) and (min-height:700px) {
 .home-cinematic .hero-inner { grid-template-columns: minmax(0,1.35fr) minmax(330px,.65fr); padding-block: 42px 76px; }
 .home-cinematic .hero h1 { font-size: clamp(48px,5.7vw,90px); }
 .home-cinematic .signal-stage { width: min(40vw,540px); }
 .home-cinematic .section-heading h2,.home-cinematic .story-intro h2 { font-size: clamp(42px,4.8vw,68px); }
}
@media(max-width:900px),(max-height:699px) {
 .home-cinematic .motion-field { opacity: .86; }
 .home-cinematic .silk-drift { animation: none; }
 .home-cinematic .silk-static { filter: none; }
 .home-cinematic .field-ring { opacity: .65; }
 .field-front { opacity: .65; }
 .field-beam { opacity: .45; }
 .story-depth-field { display: none; }
 .product-depth-field { opacity: .45; }
 .product-depth-silk { left: -15%; opacity: .3; }
 .product-scene-light { opacity: .5; }
}
@media(prefers-reduced-motion:reduce) {
 .home-cinematic .field-beam,.field-front,.story-depth-field,.product-depth-field,.product-scene-light { display: none; }
}