/* Method Studio reference geometry with Pengfei application imagery and copy. */
#site-wrapper[data-pengfei-home="true"] {
  --pf-ease: cubic-bezier(.7, .5, 0, .9);
  isolation: isolate;
}
#site-wrapper[data-pengfei-home="true"] .pengfei-mark {
  display: block;
  font-size: clamp(72px, 13.2vw, 210px);
  font-weight: 600;
  letter-spacing: -.05em;
  line-height: .8;
  white-space: nowrap;
}
#site-wrapper[data-pengfei-home="true"] .studio-text { font-size: .88em; letter-spacing: -.05em; }
#site-wrapper[data-pengfei-home="true"] .project-slide-image { position: relative; overflow: hidden; }
#site-wrapper[data-pengfei-home="true"] .project-slide img,
#site-wrapper[data-pengfei-home="true"] img[data-pf-scene] {
  display: block;
  object-fit: cover;
  transition: transform 1.2s var(--pf-ease);
}
#site-wrapper[data-pengfei-home="true"] #applications-section a:hover img,
#site-wrapper[data-pengfei-home="true"] #applications-section a:focus-visible img {
  transform: scale(1.035);
}
#site-wrapper[data-pengfei-home="true"]:not(.pf-js-ready) #lighting-sectors [data-sector-scroll],
#site-wrapper[data-pengfei-home="true"].pf-no-gsap #lighting-sectors [data-sector-scroll],
#site-wrapper[data-pengfei-home="true"].pf-static-motion #lighting-sectors [data-sector-scroll] {
  height: auto !important;
}
#site-wrapper[data-pengfei-home="true"]:not(.pf-js-ready) #lighting-sectors .sticky,
#site-wrapper[data-pengfei-home="true"].pf-no-gsap #lighting-sectors .sticky,
#site-wrapper[data-pengfei-home="true"].pf-static-motion #lighting-sectors .sticky {
  position: relative;
  height: auto;
  overflow: visible;
}
#site-wrapper[data-pengfei-home="true"]:not(.pf-js-ready) #lighting-sectors .sector-card,
#site-wrapper[data-pengfei-home="true"].pf-no-gsap #lighting-sectors .sector-card,
#site-wrapper[data-pengfei-home="true"].pf-static-motion #lighting-sectors .sector-card {
  position: relative;
  inset: auto;
  height: auto;
  min-height: 100svh;
  clip-path: none !important;
}
#site-wrapper[data-pengfei-home="true"] #lighting-sectors [data-sector-scroll] {
  height: 300vh !important;
  position: relative;
}
#site-wrapper[data-pengfei-home="true"] #lighting-sectors .sector-card {
  backface-visibility: hidden;
  will-change: clip-path, transform;
}
#site-wrapper[data-pengfei-home="true"] #lighting-sectors .sector-card img {
  transform: scale(1.02);
  transition: transform 1.2s var(--pf-ease);
}
#site-wrapper[data-pengfei-home="true"] #lighting-sectors .sector-card.is-active img { transform: scale(1); }
#site-wrapper[data-pengfei-home="true"] .line-separator { transform-origin: left center; }
#site-wrapper[data-pengfei-home="true"].pf-ready [data-pf-reveal] { opacity: 0; transform: translate3d(0, 24px, 0); }
#site-wrapper[data-pengfei-home="true"].pf-static-motion [data-pf-reveal],
#site-wrapper[data-pengfei-home="true"].pf-no-gsap [data-pf-reveal] { opacity: 1; transform: none; }
#site-wrapper[data-pengfei-home="true"] .pf-carousel-toggle { opacity: .72; transition: opacity .25s ease; }
#site-wrapper[data-pengfei-home="true"] .pf-carousel-toggle:hover,
#site-wrapper[data-pengfei-home="true"] .pf-carousel-toggle:focus-visible { opacity: 1; }
#site-wrapper[data-pengfei-home="true"] .hero-title-slide-desktop,
#site-wrapper[data-pengfei-home="true"] .hero-title-slide-mobile,
#site-wrapper[data-pengfei-home="true"] .hero-number-slide-desktop,
#site-wrapper[data-pengfei-home="true"] .hero-number-slide-mobile {
  transition: opacity .45s ease, visibility .45s ease;
}
#site-wrapper[data-pengfei-home="true"] .pf-reflection-strip {
  position: relative;
  display: flex;
  align-items: flex-end;
  gap: clamp(3px, .42vw, 8px);
  width: max-content;
  height: clamp(150px, 27vh, 340px);
  overflow: hidden;
  animation: pf-reflection-drift 32s linear infinite;
  -webkit-box-reflect: below -1px linear-gradient(transparent 54%, rgba(255,255,255,.11));
  will-change: transform;
}
#site-wrapper[data-pengfei-home="true"] .pf-reflection-image {
  display: block;
  flex: 0 0 clamp(56px, 8.3vw, 150px);
  width: clamp(56px, 8.3vw, 150px);
  object-fit: cover;
  object-position: center;
  align-self: flex-end;
  opacity: .88;
}
#site-wrapper[data-pengfei-home="true"] .pf-copy-1,
#site-wrapper[data-pengfei-home="true"] .pf-copy-5 { height: 34%; }
#site-wrapper[data-pengfei-home="true"] .pf-copy-2,
#site-wrapper[data-pengfei-home="true"] .pf-copy-6 { height: 48%; }
#site-wrapper[data-pengfei-home="true"] .pf-copy-3,
#site-wrapper[data-pengfei-home="true"] .pf-copy-7 { height: 63%; }
#site-wrapper[data-pengfei-home="true"] .pf-copy-4,
#site-wrapper[data-pengfei-home="true"] .pf-copy-8 { height: 78%; }
#site-wrapper[data-pengfei-home="true"] .pf-reflection-strip:hover { animation-play-state: paused; }
#site-wrapper[data-pengfei-home="true"] .pf-line-mask { overflow: hidden; }
#site-wrapper[data-pengfei-home="true"] .pf-line { overflow: hidden; }
@keyframes pf-reflection-drift {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
@media (max-width: 640px) {
  #site-wrapper[data-pengfei-home="true"] .pf-reflection-strip {
    height: clamp(125px, 24vh, 220px);
    gap: 3px;
    animation-duration: 24s;
  }
  #site-wrapper[data-pengfei-home="true"] .pf-reflection-image {
    flex-basis: 11.5vw;
    width: 11.5vw;
  }
}
@media (prefers-reduced-motion: reduce) {
  #site-wrapper[data-pengfei-home="true"] *,
  #site-wrapper[data-pengfei-home="true"] *::before,
  #site-wrapper[data-pengfei-home="true"] *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
  #site-wrapper[data-pengfei-home="true"] .pf-reflection-strip { animation: none !important; }
  #site-wrapper[data-pengfei-home="true"] .pf-ready [data-pf-reveal] { opacity: 1; transform: none; }
}