:root,.theme-linear,.theme-linear.dark{--background:100 16% 4%;--foreground:40 35% 94%;--card:100 15% 7%;--card-foreground:40 35% 94%;--popover:100 15% 7%;--popover-foreground:40 35% 94%;--primary:35 45% 78%;--primary-foreground:100 16% 4%;--border:37 21% 22%;--font-sans:'Barlow','Microsoft YaHei',sans-serif;--font-heading:'Instrument Serif','STSong','SimSun',serif;--font-size-base:1rem;--font-size-sm:.875rem;--font-size-xs:.75rem;color-scheme:dark}
html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:#080b08;color:#f4eee3;font-family:'Barlow','Microsoft YaHei',sans-serif}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,[role=button]{cursor:pointer}button,a{touch-action:manipulation}.bg-black{background-color:#080b08}.bg-white{background-color:#f4eee3}.text-white{color:#f4eee3}.text-black{color:#14150e}.font-heading{font-family:'Instrument Serif','STSong','SimSun',serif}::selection{background:#dac5a6;color:#181c11}a:focus-visible,button:focus-visible,[role=button]:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #ddbe8b;outline-offset:5px}section{scroll-margin-top:90px}
.liquid-glass{background:#ece1c604;backdrop-filter:blur(4px);box-shadow:inset 0 1px 1px #e8d0a41a}.liquid-glass:before{background:linear-gradient(#e9d4ad73 0%,#e4cb9e26 20%,#fff0 40% 60%,#d9c09126 80%,#e9d4ad73 100%)}.liquid-glass-strong{backdrop-filter:blur(50px);background:#c1a57507}.liquid-glass-strong:before{background:linear-gradient(#edd7af80 0%,#e9b99033 20%,#fff0 40% 60%,#e9b99033 80%,#edd7af80 100%)}nav.fixed{background:linear-gradient(#080b0866,transparent);padding-bottom:24px}nav>.liquid-glass{background:#10150fc7}nav a[href='/']{gap:12px}nav a[href='/']::after{content:'PANJING AI';font:500 13px 'Barlow',sans-serif;letter-spacing:2px;color:#ede4d2}nav a[href='/']>div{border-radius:50%;box-shadow:0 0 30px #d8b78318}nav a:hover,nav a[aria-current]{color:#e9c698}nav button{min-height:36px}
#home{isolation:isolate}#home>video{top:17%;width:100%;height:auto;max-height:850px;object-fit:cover;object-position:center 40%;transform-origin:center;filter:brightness(.76) saturate(.87);will-change:transform;mask-image:linear-gradient(transparent 0%,#000 16%,#000 66%,transparent 100%)}#home>div:nth-of-type(1){background:linear-gradient(#080b0828,transparent 60%,#080b0822)}#home>div:nth-of-type(2){background:linear-gradient(to top,#080b08,transparent)}#home .z-10{position:relative}#home .font-heading{max-width:780px}#home .text-foreground{color:#faf4e7;text-shadow:0 2px 36px #0009}#home p{line-height:1.75;text-shadow:0 2px 12px #000;max-width:500px}#home>.mt-auto{background:linear-gradient(transparent,#080b08 45%)}#home .mt-auto .font-heading{color:#cfbea282}#home .mt-auto .font-heading:hover{color:#f1dbb5}.hero-motion-controls{position:absolute;z-index:15;top:76%;right:5%;display:flex;gap:14px;align-items:center;font-size:12px;letter-spacing:1px;color:#efdebd}.motion-toggle{border-radius:50%;width:36px;height:36px;border:1px solid #dfc89d66;background:#11160f80;backdrop-filter:blur(8px)}.motion-indicator{width:24px;height:24px;border:1px solid #ddc7a44d;border-top-color:#ddc7a4;border-radius:50%;animation:orbit 5s linear infinite}.motion-paused .motion-indicator{animation-play-state:paused}@keyframes orbit{to{transform:rotate(360deg)}}
#about>video,#process>video,footer>video{filter:sepia(.85) hue-rotate(348deg) saturate(.55);opacity:.5}#process>video{filter:sepia(.8) saturate(.5)}#about>.pointer-events-none,#process>.pointer-events-none,footer>.pointer-events-none{--tw-gradient-from:#080b08;--tw-gradient-to:transparent}#explore img{filter:sepia(.32) saturate(.8)}#explore h2,#work h2,#learn h2{color:#eee3ce}#work .portfolio-card{padding:0 0 26px;text-align:left;overflow:hidden;transition:transform .3s,box-shadow .3s}#work .portfolio-card:hover{box-shadow:inset 0 1px 1px #e8d0a44d,0 14px 65px #0007}#work .portfolio-cover{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;margin:0 0 26px;transition:transform .6s;filter:saturate(.75)}#work .portfolio-card:hover .portfolio-cover{transform:scale(1.025);filter:saturate(1)}#work .portfolio-card>div:first-of-type{display:none}#work h3,#work .portfolio-card>p{margin-left:24px;margin-right:24px}#work h3{font-style:normal;font-size:1.2rem;line-height:1.5}#work .portfolio-card>p{font-size:.875rem;color:#b9b49e}.gallery-note{max-width:1280px;margin:28px auto 0;color:#a49f8e;font-size:13px;display:flex;justify-content:space-between}.lesson-card{cursor:pointer;transition:background .3s,transform .3s}.lesson-card:hover{background:#bc9c6510;transform:translateY(-5px)}.lesson-card>p{font-style:normal}.read-note{margin-top:24px;color:#ddc49b;font-size:14px}.kiro-signature{font-family:'Instrument Serif',serif;font-style:italic;font-size:60px;color:#d6b783}footer h2{color:#eee5d4}footer{min-height:750px}
.skip-link{position:fixed;top:-80px;left:20px;z-index:200;background:#f4eee3;color:#12160f;padding:12px 22px;border-radius:30px}.skip-link:focus{top:20px}.content-dialog{color:#eee7da;background:#10150f;border:1px solid #cdb38a4d;border-radius:24px;width:min(1040px,calc(100% - 40px));max-height:88dvh;margin:auto;padding:0;box-shadow:0 30px 100px #0009;overflow-y:auto}.content-dialog::backdrop{background:#020602c9;backdrop-filter:blur(18px)}body.modal-open{overflow:hidden}.dialog-close{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;width:100%;padding:22px 30px;background:#10150ff0;backdrop-filter:blur(16px);border:0;border-bottom:1px solid #cdb38a26;font-size:13px;letter-spacing:.06em}.dialog-close:hover{color:#dcb884}.dialog-copy{padding:36px clamp(24px,5vw,64px) 50px}.dialog-copy h2{font-family:'Instrument Serif','STSong',serif;font-size:clamp(30px,4vw,48px);font-weight:400;line-height:1.4;margin:12px 0 24px;letter-spacing:-.04em}.dialog-copy p{color:#babdae;font-size:16px;line-height:1.85}.dialog-hero,.dialog-video{width:100%;max-height:62vh;object-fit:contain;background:#080b08}.eyebrow{font-size:12px!important;letter-spacing:.12em;color:#cbb68f!important}.project-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-top:1px solid #bca57733;margin:30px 0;padding-top:24px;font-size:14px}.project-facts small{display:block;margin-bottom:8px;color:#949b85;font-size:11px}.project-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.small-button{background:#e8ddc5;color:#182015;border:0;border-radius:30px;padding:13px 24px;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:18px;transition:transform .2s}.small-button:hover{transform:translateY(-2px);background:#f5e5c3}.small-button:disabled{opacity:.6;cursor:wait}.text-button{font-size:14px;background:none;border:0;color:#dcc499;padding:12px 0}.article-body{max-width:700px;margin:35px auto 0}.article-body h3{font-size:20px;font-family:inherit;line-height:1.5;margin:35px 0 14px;font-weight:500;color:#e7d8ba}.article-body p,.article-body li{line-height:1.9;color:#babdae}.article-body ul,.article-body ol{padding-left:24px}.article-body li{margin:10px 0}.article-body blockquote{margin:25px 0;padding:24px;border-left:2px solid #b89966;background:#be9c5d0a;line-height:1.9;color:#d4c4a5;white-space:normal}.article-note{font-size:13px!important;border-top:1px solid #a88e6326;padding-top:24px}.cinema-scenes,.lab-controls,.lab-color-controls{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.cinema-scenes button,.lab-controls button{border:1px solid #a99e7840;background:transparent;border-radius:22px;color:#c4c9b6;padding:9px 16px;font-size:13px}.cinema-scenes button.active,.lab-controls button.active{background:#d9c39b;color:#1b2417}.lab-canvas{width:100%;height:460px;display:block;touch-action:none}.lab-color-controls{align-items:center;font-size:14px}.lab-color-controls button{width:24px;height:24px;border-radius:50%;border:2px solid transparent;outline:1px solid transparent}.lab-color-controls button.active{outline-color:#ede3ce}.lab-color-controls [data-palette=gold]{background:#e2c27e}.lab-color-controls [data-palette=rose]{background:#e0a2ab}.lab-color-controls [data-palette=forest]{background:#c0d49c}.screening-hint{font-size:13px!important}
.commission-dialog{width:min(1160px,calc(100% - 40px))}.commission-layout{display:grid;grid-template-columns:1fr 1.45fr;gap:48px;padding:40px}.commission-copy h2{font-family:'Instrument Serif',serif;font-style:italic;font-size:58px;line-height:.98;letter-spacing:-2px;margin:25px 0}.commission-copy>p{font-size:16px;line-height:1.9;color:#ccd0be}.commission-copy .muted{color:#919a86;margin:24px 0 30px;font-size:14px}.brief-form{min-width:0}.form-top{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.06em;color:#b9bbab}.form-progress{height:2px;margin:18px 0 20px;background:#bec3a424}.form-progress span{display:block;width:33.333%;height:2px;background:#ddbc86;transition:width .4s}.form-stages{display:flex;justify-content:space-between;padding:0;list-style:none;font-size:12px;color:#838d76;margin:0 0 28px}.form-stages li.current{color:#edddbb}.form-stages span{margin-right:4px}fieldset{border:0;padding:0;margin:0;min-width:0}fieldset legend{font-size:23px;margin-bottom:12px;color:#e8dec9;font-family:inherit;font-weight:400}.form-hint{font-size:14px;color:#9fa993;line-height:1.7;margin-bottom:20px}.service-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.service-options label{position:relative;cursor:pointer}.service-options input{position:absolute;inset:16px auto auto 14px;accent-color:#d4b785}.service-options label>span{display:flex;flex-direction:column;gap:8px;padding:18px 16px 18px 36px;border:1px solid #bfc8a629;border-radius:13px;height:100%;background:#d7e7bb03}.service-options b{font-size:15px;font-weight:500}.service-options small{font-size:12px;line-height:1.6;color:#a7ad98}.service-options i{display:none}.service-options input:checked+span{background:#ae927517;border-color:#d4b785}.service-options input:focus-visible+span{outline:2px solid #d4b785;outline-offset:3px}.field{display:flex;flex-direction:column;gap:9px;font-size:14px;color:#cfd1c3;margin:17px 0}.field input,.field textarea,.field select{font:inherit;width:100%;border:1px solid #d0d2b82b;border-radius:9px;padding:12px 13px;background:#090e0880;color:#ece9dc;box-sizing:border-box;outline-offset:3px}.field input::placeholder,.field textarea::placeholder{color:#808a76}.field textarea{resize:vertical;min-height:110px}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field small{font-size:12px;color:#8a957c}.consent{display:flex;gap:10px;font-size:12px;line-height:1.7;color:#aab39d;margin-top:20px}.consent input{accent-color:#d4b785;margin-top:4px;flex:none}.form-error{color:#e6a38e;font-size:13px;min-height:20px;line-height:1.6}.form-actions{display:flex;justify-content:space-between;gap:20px;margin-top:22px}.form-actions .small-button{margin-left:auto}.form-footer{font-size:12px;color:#7f8b72;text-align:center;margin-top:24px}.brief-summary{font-size:13px;line-height:1.8;padding:15px 18px;border:1px solid #cabb9833;border-radius:10px;color:#aeb7a0}.brief-summary strong{display:block;font-size:16px;color:#e7dac1;margin-bottom:5px}.honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.success-mark{width:60px;height:60px;display:grid;place-items:center;border-radius:50%;border:1px solid #ceb07b;color:#e4c992;font-size:25px;margin:40px 0 24px}#form-success h3{font:400 28px 'STSong',serif;margin-bottom:20px}#form-success p{font-size:15px;line-height:1.8;color:#b7c2a8}.receipt-id{font-family:monospace;color:#e2c593!important;margin:25px 0}#new-brief{display:block;margin-top:18px}.mobile-nav-links{display:flex;flex-direction:column;gap:8px;padding:24px}.mobile-nav-links a{padding:15px;color:#eee7da;border-bottom:1px solid #caba9626;font-size:19px}.mobile-nav-links a span{float:right;color:#d4b785}#ui-message{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:200;background:#e9dec7;color:#182015;padding:14px 25px;border-radius:30px;max-width:90vw;font-size:14px}.noscript-notice{padding:40px;color:#eee7da}dialog [hidden],[hidden]{display:none!important}
@media(min-width:1400px){#home>video{max-height:none}}@media(max-width:1023px){nav a[href='/']::after{display:none}.commission-layout{gap:28px;padding:28px}.commission-copy h2{font-size:47px}#work .portfolio-card{min-width:0}}
@media(max-width:767px){#home{height:900px;padding-top:155px}#home>video{top:21%;height:560px;width:100%;object-fit:cover;object-position:51% center;mask-image:linear-gradient(transparent,#000 20%,#000 72%,transparent)}#home .font-heading{font-size:62px;letter-spacing:-2px;line-height:.85}#home .mb-6{max-width:430px}#home p{font-size:14px;max-width:300px}#home>.mt-auto{padding-top:32px;padding-bottom:35px;gap:22px}#home .mt-auto .font-heading{font-size:24px;letter-spacing:0}#home>.z-10 .flex-col.md\:flex-row{flex-direction:row;gap:20px}#home .hero-motion-controls{top:70%;right:7%;font-size:11px}.hero-motion-controls>span{display:none}nav.fixed{padding-left:24px;padding-right:24px}nav a[href='/']::after{display:block;font-size:11px;letter-spacing:1.5px}#work h3{font-size:1.15rem}.gallery-note{display:block;line-height:1.8}#process .rounded-3xl{padding:35px 28px}#process .grid{grid-template-columns:1fr 1fr;gap:35px 20px}#process .uppercase{font-size:12px}#learn .lesson-card{padding:30px}.content-dialog{width:calc(100% - 20px);max-height:92dvh;border-radius:16px}.commission-layout{grid-template-columns:1fr;padding:24px;gap:22px}.commission-copy h2{font-size:40px;margin:15px 0}.commission-copy h2 br{display:none}.commission-copy .muted{margin:12px 0;font-size:13px}.kiro-signature{display:none}.commission-copy>p{font-size:14px}.service-options{gap:9px}.service-options label>span{padding:15px 10px 15px 33px}.service-options small{font-size:11px}.dialog-close{padding:18px 22px}.project-facts{grid-template-columns:1fr;gap:18px}.lab-canvas{height:340px}.dialog-copy{padding:25px}.field-pair{gap:10px}.form-stages{font-size:11px}footer{min-height:600px}footer h2{font-size:64px}.read-note{margin-top:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}#root [style*="opacity: 0"]{opacity:1!important;transform:none!important;filter:none!important}}
.honey{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}#home h1{font-weight:400}