/* Chengxi v39.8.3 — reversible floral cover.
   The cover is a fixed brand layer; the homepage always remains at scrollY 0. */
body.page-home > section.cx-entry-screen#cxEntry{margin:0!important;scroll-margin-top:0!important;}
body.cx-entry-active{overflow:hidden!important;overscroll-behavior:none;touch-action:none;}
.cx-entry-screen{
  position:fixed;inset:0;z-index:99999;width:100%;height:100vh;height:100svh;
  display:grid;place-items:center;padding:clamp(32px,6vw,88px);overflow:hidden;
  background:#fff;color:#0a0a0a;transform:translate3d(0,0,0);opacity:1;
  visibility:visible;pointer-events:auto;will-change:transform;
  transition:transform .88s cubic-bezier(.76,0,.24,1),visibility 0s linear 0s;
}
.cx-entry-screen.is-away{
  transform:translate3d(0,-102%,0);visibility:hidden;pointer-events:none;
  transition:transform .88s cubic-bezier(.76,0,.24,1),visibility 0s linear .88s;
}
.cx-entry-art{width:min(56vw,820px);max-width:100%;transform:translateY(-1.5vh);}
.cx-entry-art img{display:block;width:100%;height:auto;object-fit:contain;}
.cx-entry-cue{
  position:absolute;left:50%;bottom:max(28px,calc(env(safe-area-inset-bottom) + 18px));
  transform:translateX(-50%);display:inline-flex;flex-direction:column;align-items:center;
  gap:10px;min-width:220px;padding:12px 18px;color:#747474;text-decoration:none;
  text-align:center;-webkit-tap-highlight-color:transparent;
}
.cx-entry-cue:focus-visible{outline:.5px solid #0a0a0a;outline-offset:6px;}
.cx-entry-arrow{position:relative;width:18px;height:29px;animation:cxEntryArrow3983 2.4s cubic-bezier(.4,0,.2,1) infinite;}
.cx-entry-arrow::before{content:"";position:absolute;left:50%;top:5px;width:.5px;height:22px;background:#0a0a0a;transform:translateX(-50%);}
.cx-entry-arrow::after{content:"";position:absolute;left:50%;top:4px;width:7px;height:7px;border-left:.5px solid #0a0a0a;border-top:.5px solid #0a0a0a;transform:translateX(-50%) rotate(45deg);}
.cx-entry-cue-text{font-size:10px;font-weight:400;line-height:1.4;letter-spacing:.18em;white-space:nowrap;}
body.cx-entry-active .nav,
body.cx-entry-active .progress,
body.cx-entry-active .top-btn,
body.cx-entry-active .cx-mobile-dock,
body.cx-entry-active .cx-mobile-section-nav{opacity:0!important;visibility:hidden!important;pointer-events:none!important;}
@keyframes cxEntryArrow3983{0%,100%{transform:translateY(4px);opacity:.46;}48%{transform:translateY(-3px);opacity:1;}}
@media (max-width:820px){
  .cx-entry-screen{height:100dvh;padding:28px 20px;}
  .cx-entry-art{width:min(84vw,590px);transform:translateY(-2vh);}
  .cx-entry-cue{bottom:max(22px,calc(env(safe-area-inset-bottom) + 14px));gap:8px;min-width:196px;}
  .cx-entry-cue-text{font-size:9px;letter-spacing:.15em;}
}
@media (prefers-reduced-motion:reduce){.cx-entry-screen{transition:transform .01ms linear,visibility 0s linear .01ms;}.cx-entry-arrow{animation:none;}}