:root{--hp-blue:#3b8cff;--hp-violet:#885cff;--hp-orange:#ff9a45;--hp-gold:#ffad5c;--hp-ink:#03040a;--hp-line:rgba(112,137,255,.22)}
html,body,#root{min-height:100%;background:var(--hp-ink)}
body{overflow-x:hidden}
.cinematic-home{width:100%;max-width:100%;min-width:0;min-height:100dvh;background:#05070a;color:#fff;overflow-x:clip}
.cinematic-stage{box-sizing:border-box;position:relative;width:100%;max-width:100%;min-width:0;min-height:43dvh;padding:clamp(1rem,2vw,1.8rem) clamp(.85rem,2vw,2rem) clamp(6.6rem,9vw,7.8rem);isolation:isolate;display:grid;place-items:center;overflow:visible}
.cinematic-backdrop{position:absolute;inset:0;z-index:-2;overflow:hidden;background:#080b11}
.cinematic-panel{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;transform:none!important;clip-path:none!important;border:0!important;border-radius:0!important}
.cinematic-panel.portrait,.cinematic-panel.product{display:none!important}
.cinematic-panel.road video{width:100%;height:100%;object-fit:cover;object-position:center 48%;filter:saturate(1.12) contrast(1.08) brightness(.88) hue-rotate(-3deg)}
.cinematic-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at 64% 38%,rgba(35,77,157,.04) 0,rgba(28,25,91,.16) 42%,rgba(3,7,24,.54) 100%),linear-gradient(90deg,rgba(2,8,31,.68),rgba(18,23,76,.24) 35%,rgba(49,25,82,.18) 70%,rgba(2,7,25,.56)),linear-gradient(180deg,rgba(4,10,34,.28),transparent 32%,rgba(3,7,25,.76) 100%)}
.cinematic-release{position:absolute;top:clamp(1rem,2.2vw,2rem);left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:.6rem;padding:.55rem 1rem;border:1px solid rgba(121,111,255,.58);border-radius:999px;background:linear-gradient(110deg,rgba(35,86,187,.42),rgba(91,42,164,.35));box-shadow:0 0 28px rgba(77,104,255,.2);backdrop-filter:blur(16px);font-size:.78rem;letter-spacing:.08em;white-space:nowrap}
.cinematic-copy{width:min(680px,88%);text-align:center;display:flex;flex-direction:column;align-items:center;margin-top:2.2rem}
.cinematic-copy>span{font-size:.7rem;letter-spacing:.3em;color:#8fc4ff}
.cinematic-copy h1{margin:.42rem 0 .72rem;font-size:clamp(2rem,3.65vw,4.15rem);line-height:1.02;letter-spacing:-.045em;text-shadow:0 6px 30px rgba(0,0,0,.45)}
.cinematic-prompt{box-sizing:border-box;width:min(580px,100%);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.55rem;padding:.38rem .42rem .38rem .8rem;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(5,9,16,.58);box-shadow:0 16px 44px rgba(0,0,0,.28);backdrop-filter:blur(18px)}
.cinematic-prompt input{min-width:0;border:0!important;background:transparent!important;color:#fff!important;outline:0!important}
.cinematic-prompt button{border:0;border-radius:999px;padding:.58rem 1rem;background:linear-gradient(135deg,#328cff,#7047ee);box-shadow:0 0 24px rgba(87,88,255,.28);color:#fff;font-weight:700;cursor:pointer}
.cinematic-suggestions{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap;margin-top:.65rem;font-size:.72rem}.cinematic-suggestions button{border:0;background:transparent;color:rgba(255,255,255,.7);cursor:pointer}.cinematic-suggestions>span{color:var(--hp-gold)}
.cinematic-now-playing,.cinematic-filmstrip{display:none!important}
.cinematic-entries{box-sizing:border-box;position:absolute!important;z-index:4;left:clamp(.85rem,2vw,2rem)!important;right:clamp(.85rem,2vw,2rem)!important;width:auto!important;max-width:none!important;bottom:-1.2rem!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:clamp(.45rem,.8vw,.75rem)!important;margin:0!important;transform:none!important}
.cinematic-entries button{box-sizing:border-box;width:100%!important;max-width:100%!important;min-width:0!important;min-height:72px;display:flex;align-items:center;gap:.72rem;padding:.82rem;border:1px solid rgba(106,121,255,.42);border-radius:13px;background:linear-gradient(135deg,rgba(31,78,151,.38),rgba(70,30,123,.3));color:#fff;text-align:left;box-shadow:0 12px 30px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.06);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);cursor:pointer;transition:transform .2s,border-color .2s,background .2s;overflow:hidden}
.cinematic-entries button:hover,.cinematic-entries button:focus-visible{transform:translateY(-3px);border-color:rgba(139,103,255,.9);background:linear-gradient(135deg,rgba(32,100,190,.62),rgba(89,42,154,.5));box-shadow:0 14px 36px rgba(22,85,211,.2),0 0 24px rgba(119,73,255,.17);outline:0}
.cinematic-entries svg{flex:none;color:#79baff;font-size:1.25rem}.cinematic-entries span{display:grid;gap:.2rem}.cinematic-entries strong{font-size:.95rem}.cinematic-entries small{color:rgba(255,255,255,.63);font-size:.72rem;white-space:normal}
.hp-showcase{box-sizing:border-box;width:100%;max-width:100%;padding:2rem clamp(.85rem,2vw,2rem) 3rem;background:linear-gradient(180deg,#05070a,#070b12 65%,#05070a);overflow-x:clip}
.hp-showcase__head{display:block!important;margin:.1rem 0 .75rem!important}.hp-showcase__head>div:first-child{display:none!important}
.hp-showcase__tabs{width:100%!important;max-width:100%!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:.35rem!important;margin:0!important;overflow-x:auto!important;scrollbar-width:none}.hp-showcase__tabs::-webkit-scrollbar{display:none}.hp-showcase__tab{display:inline-flex!important;visibility:visible!important;opacity:1!important;flex:0 0 auto!important;width:auto!important;border:1px solid transparent;border-radius:8px;background:transparent;color:#9299a7;padding:.46rem .82rem;cursor:pointer;white-space:nowrap}.hp-showcase__tab.is-active{color:#fff;border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.11)}
.hp-masonry{columns:4;column-gap:.65rem}.hp-work{position:relative;break-inside:avoid;margin:0 0 .65rem;border-radius:12px;overflow:hidden;background:#111722;border:1px solid rgba(255,255,255,.08)}.hp-work[hidden]{display:none}.hp-work img,.hp-work video{display:block;width:100%;height:auto;min-height:150px;object-fit:cover;transition:transform .55s ease,filter .35s}.hp-work:hover img,.hp-work:hover video{transform:scale(1.025);filter:brightness(1.08)}.hp-work__meta{position:absolute;inset:auto 0 0;padding:2.8rem .85rem .75rem;background:linear-gradient(transparent,rgba(0,0,0,.82));display:flex;align-items:end;justify-content:space-between;gap:.5rem;pointer-events:none}.hp-work__meta strong{font-size:.78rem}.hp-work__meta small{font-size:.65rem;color:rgba(255,255,255,.68)}
@media(max-width:1100px){.cinematic-stage{min-height:50dvh;padding-bottom:10rem}.cinematic-entries{grid-template-columns:repeat(2,minmax(0,1fr))!important;bottom:-1.1rem!important}.cinematic-copy{margin-top:1.5rem}.hp-showcase{padding-top:2rem}.hp-masonry{columns:3}}
@media(max-width:720px){.cinematic-stage{min-height:62dvh;padding:4.7rem .65rem .75rem;display:flex;flex-direction:column;justify-content:center}.cinematic-panel.road video{object-position:58% center}.cinematic-copy{width:96%;margin-top:1.25rem}.cinematic-copy h1{font-size:clamp(1.72rem,8.3vw,2.45rem);line-height:1.06}.cinematic-release{top:.7rem;max-width:calc(100% - 1.25rem);overflow:hidden;text-overflow:ellipsis}.cinematic-suggestions{display:none}.cinematic-prompt{grid-template-columns:auto minmax(0,1fr);border-radius:18px}.cinematic-prompt button{grid-column:1/-1;width:100%}.cinematic-home .cinematic-stage .cinematic-entries{position:relative!important;inset:auto!important;left:auto!important;right:auto!important;bottom:auto!important;width:100%!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.45rem!important;margin:1.15rem 0 0!important;overflow:visible!important;transform:none!important}.cinematic-entries button{min-height:68px!important;padding:.64rem!important;gap:.5rem!important}.cinematic-entries small{font-size:.63rem}.hp-showcase{padding:.75rem .6rem 5.5rem}.hp-showcase__head{align-items:start;flex-direction:column}.hp-masonry{columns:2;column-gap:.45rem}.hp-work{margin-bottom:.45rem;border-radius:9px}.hp-work__meta{padding:.8rem .6rem .55rem}.hp-work__meta small{display:none}}
@media(max-width:420px){.cinematic-stage{min-height:68dvh}.hp-masonry{columns:1}.hp-work img,.hp-work video{max-height:68vh}}
@media(max-width:600px){html body #root .shell{grid-template-columns:60px minmax(0,1fr)!important;padding-left:0!important;margin-left:0!important}html body #root .shell>.rail{left:0!important;right:auto!important;width:60px!important;min-width:60px!important;max-width:60px!important;transform:none!important}html body #root .shell>.rail .brand-mark{width:60px!important;height:62px!important}html body #root .shell>.rail .brand-mark img{width:30px!important;height:30px!important}html body #root .shell>.rail nav{width:60px!important;padding:10px 6px!important;gap:3px!important}html body #root .shell>.rail nav button,html body #root .shell>.rail .rail-bottom>button:not(.avatar-mini){width:48px!important;min-width:48px!important;max-width:48px!important;min-height:46px!important;padding:0!important;font-size:0!important;gap:0!important}html body #root .shell>.rail nav button svg,html body #root .shell>.rail .rail-bottom>button:not(.avatar-mini) svg{width:19px!important;height:19px!important;font-size:19px!important}html body #root .shell>.rail .rail-bottom{width:60px!important;padding:8px 6px 12px!important;gap:8px!important}html body #root .shell>.rail .rail-bottom .avatar-mini{width:34px!important;height:34px!important}.topbar-title{display:none!important}.topbar{padding-left:10px!important;padding-right:10px!important}html body #root .shell>.stage{grid-column:2!important;margin-left:0!important;left:auto!important;width:100%!important;min-width:0!important;max-width:calc(100vw - 60px)!important;overflow-x:clip!important}}
.hp-showcase__tab.is-active{border-color:rgba(102,123,255,.48)!important;background:linear-gradient(135deg,rgba(43,116,220,.2),rgba(116,67,213,.18))!important;box-shadow:inset 0 0 16px rgba(72,91,255,.08)}
.hp-work{background:#0b1020!important;border-color:rgba(86,106,220,.18)!important}
.hp-work[data-kind="video"]:before{content:"VIDEO";position:absolute;z-index:2;top:.55rem;left:.55rem;padding:.25rem .42rem;border:1px solid rgba(109,130,255,.52);border-radius:5px;background:rgba(7,9,20,.62);color:#aabfff;font-size:.58rem;letter-spacing:.12em;pointer-events:none;backdrop-filter:blur(8px)}
.shell:has(.cinematic-home) .rail nav button:hover,.shell:has(.cinematic-home) .rail nav button.active,.shell:has(.cinematic-home) .rail-bottom>button:hover{color:#9bbcff!important;background:linear-gradient(135deg,rgba(45,111,220,.2),rgba(115,62,205,.18))!important}.shell:has(.cinematic-home) .rail nav button.active{box-shadow:inset 2px 0 #6e7cff!important}.shell:has(.cinematic-home) .membership-button{border-color:#596fd2!important;color:#aec4ff!important}.shell:has(.cinematic-home) .points-button svg{color:#8b92ff!important}
/* Black-gold homepage theme */
.cinematic-home{--hp-blue:#d7ae66;--hp-violet:#b9823f;--hp-orange:#f2b35e;--hp-gold:#e3bd78;--hp-ink:#050403;--hp-line:rgba(224,185,112,.24);--hp-content-x:clamp(.85rem,2vw,2rem);--hp-grid-gap:clamp(.45rem,.8vw,.75rem);--hp-section-gap:clamp(18px,1.25vw,22px);background:#050403}
.cinematic-home .cinematic-panel.road video{filter:saturate(1.03) contrast(1.06) brightness(.84) sepia(.03) hue-rotate(0deg)}
.cinematic-home .cinematic-vignette{background:radial-gradient(ellipse at 64% 38%,transparent 0,rgba(30,20,8,.12) 45%,rgba(4,3,2,.56) 100%),linear-gradient(90deg,rgba(3,3,3,.72),rgba(31,21,8,.2) 40%,rgba(47,27,7,.09) 72%,rgba(3,3,3,.58)),linear-gradient(180deg,rgba(3,3,3,.24),transparent 32%,rgba(4,3,2,.8) 100%)}
.cinematic-home .cinematic-release{border-color:rgba(224,184,111,.62);background:linear-gradient(110deg,rgba(69,48,18,.5),rgba(34,25,13,.42));box-shadow:0 0 26px rgba(212,161,75,.13)}
.cinematic-home .cinematic-copy>span{color:#e3bd78}.cinematic-home .cinematic-prompt button{background:linear-gradient(135deg,#e2bc77,#aa7438);box-shadow:0 0 22px rgba(213,158,69,.2);color:#120d07}.cinematic-home .cinematic-suggestions>span{color:#efbd69}
.cinematic-home .cinematic-entries button{border-color:rgba(224,185,112,.42);background:linear-gradient(135deg,rgba(89,62,24,.38),rgba(13,11,8,.5));box-shadow:0 12px 30px rgba(0,0,0,.28),inset 0 1px rgba(255,240,206,.06)}
.cinematic-home .cinematic-entries button:hover,.cinematic-home .cinematic-entries button:focus-visible{border-color:rgba(239,196,115,.88);background:linear-gradient(135deg,rgba(119,80,28,.52),rgba(24,18,10,.65));box-shadow:0 14px 36px rgba(0,0,0,.3),0 0 22px rgba(208,151,61,.13)}.cinematic-home .cinematic-entries svg{color:#e5bc72}
.cinematic-home .cinematic-entries{left:var(--hp-content-x)!important;right:var(--hp-content-x)!important;gap:var(--hp-grid-gap)!important}.cinematic-home .hp-showcase{padding-top:.7rem;padding-left:var(--hp-content-x)!important;padding-right:var(--hp-content-x)!important;background:linear-gradient(180deg,#050403,#090704 65%,#050403)}.cinematic-home .hp-showcase__head{display:none!important}.cinematic-home .hp-masonry{column-gap:var(--hp-grid-gap)!important}.cinematic-home .hp-work{background:#0d0a06!important;border-color:rgba(212,169,91,.2)!important;height:auto!important}.cinematic-home .hp-work[data-kind="video"]:before{border-color:rgba(221,180,102,.54);background:rgba(12,9,5,.68);color:#f0ca82}.cinematic-home .hp-work video{display:block!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;object-fit:cover!important;background:transparent!important}
.shell:has(.cinematic-home) .rail nav button:hover,.shell:has(.cinematic-home) .rail nav button.active,.shell:has(.cinematic-home) .rail-bottom>button:hover{color:#edca88!important;background:linear-gradient(135deg,rgba(118,79,28,.24),rgba(57,39,18,.2))!important}.shell:has(.cinematic-home) .rail nav button.active{box-shadow:inset 2px 0 #d8ad63!important}.shell:has(.cinematic-home) .membership-button{border-color:#8e6b35!important;color:#e8c785!important}.shell:has(.cinematic-home) .points-button svg{color:#d8ad63!important}
.shell:has(.cinematic-home) .brand-mark{display:grid;place-items:center;background:transparent!important}.shell:has(.cinematic-home) .brand-mark img[src*="jianyi-logo-gold-transparent"]{width:62px!important;height:62px!important;max-width:calc(100% - 8px)!important;max-height:calc(100% - 8px)!important;padding:3px;object-fit:contain;filter:none!important;background:transparent!important}
@media(min-width:1101px){.cinematic-home .cinematic-stage>nav.cinematic-entries{box-sizing:border-box!important;position:absolute!important;left:var(--hp-content-x)!important;right:var(--hp-content-x)!important;width:auto!important;min-width:0!important;max-width:none!important;margin:0!important;padding:0!important;transform:none!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:var(--hp-grid-gap)!important;justify-content:stretch!important;justify-items:stretch!important;align-content:stretch!important}.cinematic-home .cinematic-stage>nav.cinematic-entries>button{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;justify-self:stretch!important}}
@media(min-width:721px){.cinematic-home .cinematic-entries>button{min-height:clamp(92px,7vw,104px)!important;padding:clamp(14px,1.2vw,18px)!important;gap:clamp(10px,.9vw,14px)!important;align-items:center!important}.cinematic-home .cinematic-entries>button svg{width:clamp(24px,1.8vw,28px)!important;height:clamp(24px,1.8vw,28px)!important;font-size:clamp(24px,1.8vw,28px)!important}.cinematic-home .cinematic-entries>button span{gap:5px!important}.cinematic-home .cinematic-entries>button strong{font-size:clamp(.9rem,1vw,1.02rem)!important;line-height:1.22}.cinematic-home .cinematic-entries>button small{font-size:clamp(.66rem,.7vw,.75rem)!important;line-height:1.38}.cinematic-home .hp-showcase{padding-top:calc(1.2rem + var(--hp-section-gap))!important}}
@media(max-width:720px){.cinematic-home{--hp-section-gap:clamp(12px,3.5vw,16px)}.cinematic-home .cinematic-stage{padding-bottom:0!important}.cinematic-home .cinematic-entries>button{min-height:88px!important;padding:14px!important}.cinematic-home .cinematic-entries>button svg{width:24px!important;height:24px!important}.cinematic-home .hp-showcase{padding-top:var(--hp-section-gap)!important}}
@media(min-width:1600px){.cinematic-home .hp-masonry{columns:5!important}}
@media(min-width:1200px) and (max-width:1599px){.cinematic-home .hp-masonry{columns:4!important}}
@media(min-width:900px) and (max-width:1199px){.cinematic-home .hp-masonry{columns:3!important}}
@media(min-width:600px) and (max-width:899px){.cinematic-home .hp-masonry{columns:2!important}}
@media(max-width:599px){.cinematic-home .hp-masonry{columns:1!important}}
.cinematic-home{--hp-section-gap:40px;height:auto!important;max-height:none!important;overflow-y:visible!important}
.cinematic-home .cinematic-stage{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;box-sizing:border-box!important;height:auto!important;min-height:43dvh!important;max-height:none!important;padding-left:0!important;padding-right:0!important;padding-bottom:0!important;overflow:visible!important;contain:none!important}
.cinematic-home .cinematic-copy{align-self:center!important;margin-top:clamp(5.4rem,9vh,7.2rem)!important;margin-bottom:clamp(1.25rem,2.5vh,2rem)!important}
.cinematic-home .cinematic-stage>nav.cinematic-entries{position:relative!important;inset:auto!important;left:auto!important;right:auto!important;bottom:auto!important;width:auto!important;min-width:0!important;max-width:none!important;margin:auto var(--hp-content-x) 0!important;padding:0!important;transform:none!important;flex:0 0 auto!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:var(--hp-grid-gap)!important;z-index:4}
.cinematic-home .hp-showcase{position:relative!important;margin:clamp(56px,4vw,72px) 0 0!important;padding-top:0!important;transform:none!important}
@media(max-width:720px){.cinematic-home{--hp-section-gap:24px}.cinematic-home .cinematic-stage{min-height:62dvh!important;padding-top:4.7rem!important}.cinematic-home .cinematic-copy{margin-top:1.25rem!important;margin-bottom:1rem!important}.cinematic-home .cinematic-stage>nav.cinematic-entries{width:auto!important;margin:0 .65rem!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.cinematic-home .hp-showcase{margin-top:32px!important;padding-top:0!important}}
@media(max-width:600px){.shell:has(.cinematic-home) .brand-mark img[src*="jianyi-logo-gold-transparent"]{width:48px!important;height:48px!important;max-width:48px!important;max-height:48px!important;padding:2px}}
@keyframes hp-entry-reveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.cinematic-home .cinematic-entries strong{font-weight:700!important;color:#fff7e8!important;letter-spacing:.01em!important;text-shadow:0 1px 8px rgba(255,221,158,.12)}
.cinematic-home .cinematic-entries>button{opacity:1;animation:hp-entry-reveal 500ms cubic-bezier(.22,.75,.25,1) backwards;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease}
.cinematic-home .cinematic-entries>button:nth-child(1){animation-delay:40ms}.cinematic-home .cinematic-entries>button:nth-child(2){animation-delay:110ms}.cinematic-home .cinematic-entries>button:nth-child(3){animation-delay:180ms}.cinematic-home .cinematic-entries>button:nth-child(4){animation-delay:250ms}
@media(prefers-reduced-motion:reduce){.hp-work img,.hp-work video,.cinematic-entries button{transition:none!important}.cinematic-home .cinematic-entries>button{opacity:1!important;animation:none!important;transform:none!important}.cinematic-home .cinematic-entries>button:hover,.cinematic-home .cinematic-entries>button:focus-visible{transform:none!important}}