.faya-portfolio { background:#000; }
.section-opening { position:relative; height:100svh; background:#000; color:#fff; font-family:Arial,"Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif; }
#meeco,#yuankee,#brands { margin-top:clamp(100px,14vw,180px); }
.section-opening.is-scroll-reveal { height:190svh; }
.opening-stage { position:sticky; top:0; height:100svh; overflow:hidden; isolation:isolate; border-radius:var(--surface-radius); }
.faya-portfolio .section-opening .opening-background,
.faya-portfolio .section-opening .opening-video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; border-radius:var(--surface-radius); }
.section-opening .opening-title { position:absolute; margin:0; color:#fff; background:transparent; letter-spacing:0; font-weight:700; }
.opening-line { display:block; white-space:nowrap; }
.opening-word { display:inline-block; background:transparent; }
.opening-plants .opening-title { left:69.5%; top:7.5%; width:24%; font-size:5.45vw; line-height:1; }
.opening-plants .opening-english { text-align:right; font-size:.76em; font-weight:500; }
.opening-meeco { background:#ed195d; }
.faya-portfolio .section-opening .opening-meeco-logo { position:absolute; left:10.9%; top:40.6%; width:14%; height:auto; border-radius:0; clip-path:none; }
.opening-meeco .opening-title { left:30%; top:40%; font-size:3.12vw; line-height:1.28; }
.opening-video-title { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.opening-yuankee .opening-stage { background:#1fab47; }
.faya-portfolio .section-opening .opening-video { object-fit:contain; }
.opening-video-surface { position:absolute; inset:0; width:100%; height:100%; border-radius:var(--surface-radius); pointer-events:none; }
.opening-video-surface:not(.is-ready) { visibility:hidden; }
.section-opening .opening-video.is-canvas-ready { opacity:0; }
.yuankee-project .yuankee-copy { padding-top:100px; }
.opening-marquee { position:absolute; inset-inline:0; top:50%; transform:translateY(-50%); overflow:hidden; }
.opening-marquee-track { display:flex; width:max-content; animation:opening-marquee-right 28s linear infinite; animation-play-state:paused; }
.section-opening.is-active .opening-marquee-track { animation-play-state:running; }
.opening-marquee-group { display:flex; align-items:center; flex:none; gap:.65em; padding-right:.65em; font-size:6vw; line-height:1.1; font-weight:500; white-space:nowrap; }
@keyframes opening-marquee-right { from { transform:translateX(-50%); } to { transform:translateX(0); } }
@media (max-width:700px) {
  .opening-plants .opening-background { object-position:40% center; }
  .opening-plants .opening-title { left:auto; right:5%; top:9%; width:55%; font-size:10vw; }
  .opening-meeco .opening-title { left:8%; top:49%; font-size:6.1vw; }
  .faya-portfolio .section-opening .opening-meeco-logo { left:8%; top:34%; width:28%; }
  .opening-marquee-group { font-size:12vw; }
  .yuankee-project .yuankee-copy { padding-top:65px; }
}
@media (prefers-reduced-motion:reduce) {
  .section-opening.is-scroll-reveal { height:100svh; }
  .opening-marquee-track { animation:none; transform:translateX(-25%); }
}