:root{--bg:#101010;--fg:#f2f2f2;--muted:#8c8c8c;--line:#ffffff24;--ease:cubic-bezier(.22,1,.36,1);font-family:Arial,'PingFang SC','Microsoft YaHei',sans-serif;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--fg);overflow-x:clip}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #fff;outline-offset:6px}button{color:inherit}header{position:fixed;top:0;left:0;width:100%;height:78px;z-index:40;display:flex;align-items:center;gap:35px;padding:0 4%;border-bottom:1px solid var(--line);background:#101010d9;backdrop-filter:blur(18px)}.brand{font-size:25px;font-weight:600;letter-spacing:-1.2px;white-space:nowrap}nav{display:flex;gap:29px;margin:auto;font-size:13px;color:#bdbdbd}nav a:hover{color:#fff}.btn{padding:15px 24px;border:1px solid #555;border-radius:4px;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:25px;background:none;white-space:nowrap}.primary,.nav-download{background:#f0f0f0;color:#111;border-color:#f0f0f0}.btn:hover{background:#ccc;color:#111}.nav-download{padding:11px 16px;font-size:12px}.menu-toggle{display:none;background:none;border:0;font-size:23px}.eyebrow{font-size:10px;letter-spacing:2.1px;color:#a0a0a0;display:block}.hero{padding:144px 0 0;text-align:center;overflow:hidden}.hero h1{font-size:clamp(94px,13.8vw,205px);line-height:.93;letter-spacing:-.065em;font-weight:500;margin:35px 0 20px}.hero h1 span{display:block;font-size:clamp(24px,3vw,42px);letter-spacing:-.035em;line-height:1.4;margin-top:24px}.hero-copy{max-width:530px;margin:0 auto;color:#999;font-size:14px;line-height:1.9;padding:0 20px}.actions{display:flex;justify-content:center;gap:12px;margin-top:28px}.hero-stage{position:relative;margin-top:65px;perspective:1800px}.hero-deck{height:480px;position:relative;display:flex;align-items:center;justify-content:center}.media{display:flex;position:relative;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:20px;border:1px solid #ffffff24;overflow:hidden;text-align:left;border-radius:5px;background:#333;color:#fff;isolation:isolate}.media:after{content:'';position:absolute;inset:12px;border:1px solid #ffffff12;pointer-events:none;z-index:-1}.tone-0{background:#d0d0d0;color:#171717}.tone-1{background:#282828}.tone-2{background:#747474}.tone-3{background:#e5e5e5;color:#171717}.media-top,.media-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;z-index:2;font-size:12px}.media-top{font-size:9px;letter-spacing:1px;opacity:.7}.media-top>span{font-size:18px}.media-bottom small{font-size:10px;opacity:.55}.product-art{width:75%;height:73%;position:absolute;left:12.5%;top:12%;filter:drop-shadow(0 20px 18px #0002);pointer-events:none}.media .product-art{transition:scale .7s var(--ease)}.media:hover .product-art{scale:1.08}.hero-card{position:absolute;width:290px;height:350px;box-shadow:0 25px 45px #0004}.hero-card:nth-child(1){transform:translateX(-560px) rotate(-13deg)}.hero-card:nth-child(2){transform:translateX(-290px) rotate(-7deg)}.hero-card:nth-child(3){width:470px;height:350px;z-index:5;background:#353535}.hero-card:nth-child(3) .product-art{opacity:.3}.hero-card:nth-child(3):before{content:'PICSKYAI\A WORKSPACE';white-space:pre;position:absolute;top:35%;left:0;width:100%;text-align:center;font-size:40px;letter-spacing:-2px;line-height:1.2;z-index:1}.hero-card:nth-child(4){transform:translateX(290px) rotate(7deg);z-index:4}.hero-card:nth-child(5){transform:translateX(560px) rotate(13deg);z-index:3}.hero-stage-label{display:flex;justify-content:space-between;margin:0 4%;padding:22px 0;border-top:1px solid var(--line);color:#888;font-size:10px;letter-spacing:1px}.section-head{margin-bottom:45px}h2{font-size:clamp(40px,5.8vw,84px);font-weight:400;letter-spacing:-.06em;line-height:1.12;margin:30px 0 22px}h2 span{color:#777}.section-head p,.batch-heading p,.replica-intro p{color:#999;line-height:1.8;font-size:15px}.film-section,.showcase,.link-story,.models,.scenarios{padding:120px 6%}.video-slot{position:relative;height:570px;background:#222;border:1px solid #ffffff26;border-radius:6px;overflow:hidden}.video-scene{position:absolute;inset:0;overflow:hidden}.video-scene:before{content:'';position:absolute;width:45%;height:160%;background:#ffffff09;left:27%;top:-25%;transform:rotate(30deg)}.video-word{position:absolute;top:36%;left:0;width:100%;text-align:center;font-size:clamp(50px,10vw,150px);font-weight:700;letter-spacing:-.07em;color:#ffffff16;pointer-events:none}.video-orbit{position:absolute;inset:0;z-index:2}.video-orbit .product-art{height:60%;width:33%;top:12%;left:33%}.video-orbit .product-art:nth-child(1){left:8%;transform:rotate(-12deg) scale(.8)}.video-orbit .product-art:nth-child(3){left:59%;transform:rotate(12deg) scale(.8)}.video-toolbar{position:absolute;bottom:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 30px;background:#171717df;border-top:1px solid var(--line);z-index:4}.video-toolbar small{display:block;font-size:10px;color:#999;margin-bottom:8px}.video-toolbar strong{font-size:14px;font-weight:400}.play-control{border:1px solid #666;background:transparent;border-radius:100px;padding:12px 18px;font-size:11px;white-space:nowrap}.play-control span{margin-left:15px}.workflow-steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:30px 0 0}.workflow-steps li{border-top:1px solid #555;padding-top:18px;font-size:13px}.workflow-steps span{color:#777;display:block;font-size:11px;margin-bottom:15px}.gallery-section{padding:100px 0 70px;overflow:hidden}.gallery-section .section-head{padding:0 6%}.gallery-window{overflow-x:auto;scrollbar-width:thin;padding:20px 0 35px}.gallery-track{display:flex;gap:24px;width:max-content;padding:0 6vw}.gallery-item{width:330px;height:445px;flex-shrink:0}.gallery-item:nth-child(even){margin-top:65px}.gallery-footer{margin:0 6%;display:flex;justify-content:space-between;font-size:10px;color:#888;align-items:center}.gallery-footer b{font-size:28px;margin-left:25px;font-weight:400}.replica{padding:110px 6% 35px;background:#dfdfdf;color:#111;overflow:hidden}.replica .eyebrow{color:#555}.replica-intro{text-align:center}.replica-intro p{color:#666}.fan-stage{height:500px;position:relative;perspective:1200px;display:flex;justify-content:center;align-items:center;margin-top:40px}.fan-card{position:absolute;width:235px;height:315px;box-shadow:0 16px 40px #0002}.fan-card:nth-child(1){transform:translateX(-420px) rotate(-16deg)}.fan-card:nth-child(2){transform:translateX(-210px) rotate(-8deg)}.fan-card:nth-child(3){z-index:3}.fan-card:nth-child(4){transform:translateX(210px) rotate(8deg);z-index:2}.fan-card:nth-child(5){transform:translateX(420px) rotate(16deg)}.replica-bottom{display:flex;justify-content:space-between;padding:24px 0;border-top:1px solid #aaa;font-size:12px;color:#555;gap:20px}.execution-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:20px}.execution-grid .video-slot{height:490px}.execution-still{height:490px}.execution-labels{display:flex;justify-content:space-between;font-size:12px;color:#999;padding-top:25px}.batch-section{position:relative;min-height:900px;padding:120px 6%;overflow:hidden;display:flex;align-items:center;isolation:isolate}.batch-heading{position:relative;z-index:2;padding:45px;background:#101010ed;border:1px solid #ffffff18;backdrop-filter:blur(10px);max-width:650px}.batch-heading h2{font-size:clamp(40px,5.5vw,78px)}.batch-wall{position:absolute;left:28%;top:-100px;width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;transform:rotate(-12deg);z-index:0;opacity:.55}.batch-tile{height:300px}.batch-tile:nth-child(4n+2){transform:translateY(70px)}.batch-tile:nth-child(4n+4){transform:translateY(130px)}.link-story{border-bottom:1px solid var(--line)}.link-story .video-slot{height:450px}.models{border-bottom:1px solid var(--line)}.model-rail{display:flex;gap:30px;justify-content:space-between;border-block:1px solid var(--line);padding:40px 0;margin-top:60px;font-size:clamp(20px,3.5vw,48px);color:#bbb}.model-bottom{display:flex;justify-content:space-between;color:#888;font-size:12px;margin-top:18px;gap:20px}.scenario-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.scenario-item{height:280px;grid-column:span 2}.scenario-item:nth-child(-n+2){grid-column:span 3;height:380px}.final-cta{position:relative;text-align:center;padding:110px 20px 120px;overflow:hidden;background:#e0e0e0;color:#161616}.final-cta .eyebrow{color:#666}.cta-word{font-size:clamp(95px,23vw,350px);line-height:1.05;letter-spacing:-.07em;margin:40px 0 20px}.final-cta h2{font-size:clamp(27px,3.4vw,48px);letter-spacing:-.045em;line-height:1.4;margin-bottom:35px}.final-cta .btn{color:white;background:#151515;border-color:#151515}footer{display:flex;align-items:center;gap:25px;padding:35px 4%;font-size:11px;color:#888}footer>a:last-child{margin-left:auto}.scroll-progress{position:fixed;left:0;top:0;width:100%;height:2px;transform:scaleX(0);transform-origin:left;background:#fff;z-index:50}.skip{position:fixed;left:10px;top:-100px;z-index:100;background:white;color:black;padding:15px}.skip:focus{top:10px}dialog{border:1px solid #666;border-radius:8px;width:min(700px,calc(100% - 32px));background:#202020;color:#eee;padding:38px;max-height:90dvh;overflow:auto}dialog::backdrop{background:#000b;backdrop-filter:blur(12px)}dialog h2{font-size:32px;letter-spacing:-1px}dialog p{color:#aaa;font-size:15px;line-height:1.8}.close{position:absolute;right:13px;top:10px;background:none;border:0;font-size:30px}#preview-art{height:260px;position:relative;background:#444;border-radius:4px}#preview-art .product-art{height:90%;top:0}#download-dialog{max-width:480px}.motion-toggle{position:fixed;right:20px;bottom:18px;z-index:35;background:#222d;backdrop-filter:blur(10px);border:1px solid #666;border-radius:100px;font-size:10px;padding:10px 14px;color:#ddd}
@media(min-width:1500px){.hero{padding-top:170px}.hero-deck{height:550px}.hero-card{height:400px}.hero-card:nth-child(3){height:400px;width:540px}}
@media(max-width:999px){header{gap:16px;height:70px}.brand{font-size:22px}nav{gap:18px}.hero{padding-top:130px}.hero-deck{height:400px}.hero-card{width:220px;height:290px}.hero-card:nth-child(3){width:380px;height:300px}.hero-card:nth-child(1){transform:translateX(-390px) rotate(-14deg)}.hero-card:nth-child(2){transform:translateX(-230px) rotate(-8deg)}.hero-card:nth-child(4){transform:translateX(230px) rotate(8deg)}.hero-card:nth-child(5){transform:translateX(390px) rotate(14deg)}.film-section,.showcase,.link-story,.models,.scenarios{padding:85px 5%}.gallery-item{width:280px;height:370px}.video-slot{height:460px}.execution-grid{grid-template-columns:1fr 1fr}.execution-grid .video-slot,.execution-still{height:370px}.video-toolbar{padding:20px;gap:10px}.video-toolbar strong{font-size:12px}.video-toolbar .play-control{padding:10px;font-size:10px}.play-control span{margin-left:5px}.fan-card{width:180px;height:270px}.fan-stage{height:390px}.fan-card:nth-child(1){transform:translateX(-290px) rotate(-16deg)}.fan-card:nth-child(2){transform:translateX(-145px) rotate(-8deg)}.fan-card:nth-child(4){transform:translateX(145px) rotate(8deg)}.fan-card:nth-child(5){transform:translateX(290px) rotate(16deg)}.batch-section{min-height:750px}.batch-wall{left:20%;width:130%}.batch-tile{height:250px}}
@media(max-width:650px){header{padding:0 18px}.nav-download{margin-left:auto;font-size:10px;padding:10px}.menu-toggle{display:block}nav{display:none;position:absolute;top:70px;left:0;width:100%;padding:28px;background:#161616;border-bottom:1px solid #444;flex-direction:column;gap:25px}nav.open{display:flex}.hero{padding-top:120px}.hero h1{font-size:24vw;margin-top:28px}.hero h1 span{font-size:23px;margin-top:18px}.hero-copy{font-size:12px;max-width:350px}.eyebrow{font-size:8px;letter-spacing:1.5px}.actions .btn{font-size:12px;padding:13px 17px;gap:12px}.hero-stage{margin-top:38px}.hero-deck{height:300px}.hero-card{width:155px;height:205px;padding:12px}.hero-card:nth-child(3){width:245px;height:220px}.hero-card:nth-child(3):before{font-size:26px}.hero-card:nth-child(1){transform:translateX(-245px) rotate(-16deg)}.hero-card:nth-child(2){transform:translateX(-155px) rotate(-10deg)}.hero-card:nth-child(4){transform:translateX(155px) rotate(10deg)}.hero-card:nth-child(5){transform:translateX(245px) rotate(16deg)}.media-top{font-size:8px}.media-bottom{font-size:10px;gap:5px}.hero-stage-label{font-size:8px;padding:15px 0}.film-section,.showcase,.link-story,.models,.scenarios{padding:70px 20px}h2{font-size:42px;margin-top:24px;line-height:1.2}.section-head{margin-bottom:30px}.section-head p,.batch-heading p,.replica-intro p{font-size:13px}.video-slot,.link-story .video-slot{height:320px}.video-toolbar{padding:15px}.video-toolbar strong{font-size:11px;max-width:190px;display:block;line-height:1.5}.video-toolbar small{font-size:8px}.play-control{font-size:10px;padding:10px}.workflow-steps{grid-template-columns:repeat(2,1fr);gap:25px 18px}.workflow-steps li{font-size:12px}.workflow-steps span{margin-bottom:10px}.gallery-section{padding:55px 0}.gallery-section .section-head{padding:0 20px}.gallery-track{gap:14px;padding:0 20px}.gallery-item{width:240px;height:325px}.gallery-item:nth-child(even){margin-top:38px}.gallery-footer{margin:0 20px;font-size:9px}.replica{padding:65px 20px 20px}.replica-intro{text-align:left}.fan-stage{height:330px;margin-top:25px}.fan-card{width:140px;height:200px;padding:12px}.fan-card:nth-child(1){transform:translateX(-155px) rotate(-18deg)}.fan-card:nth-child(2){transform:translateX(-78px) rotate(-9deg)}.fan-card:nth-child(4){transform:translateX(78px) rotate(9deg)}.fan-card:nth-child(5){transform:translateX(155px) rotate(18deg)}.replica-bottom{font-size:10px;line-height:1.6;flex-direction:column;gap:12px}.execution-grid{grid-template-columns:1fr}.execution-grid .video-slot{height:320px}.execution-still{height:260px}.execution-labels{font-size:10px;gap:10px}.batch-section{min-height:650px;padding:70px 20px}.batch-heading{padding:25px;max-width:100%}.batch-heading h2{font-size:42px}.batch-wall{left:5%;width:160%;grid-template-columns:repeat(3,1fr);gap:12px;top:-80px}.batch-tile{height:210px;padding:12px}.model-rail{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:35px;padding:30px 0;font-size:25px}.model-bottom{flex-direction:column;gap:0;font-size:11px}.scenario-grid{grid-template-columns:1fr 1fr;gap:12px}.scenario-item,.scenario-item:nth-child(-n+2){grid-column:span 1;height:230px;padding:13px}.scenario-item:last-child{grid-column:span 2;height:250px}.final-cta{padding:75px 20px 85px}.final-cta h2{font-size:27px}.cta-word{margin:35px 0 25px}footer{flex-wrap:wrap;padding:28px 20px;gap:18px}footer .brand{font-size:21px}footer>a:last-child{margin-left:0}dialog{padding:30px 22px}.motion-toggle{right:12px;bottom:12px;font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
html.motion-off{scroll-behavior:auto}.motion-off .media .product-art{transition:none}
.secondary-films{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:0 6% 40px}.secondary-films .video-slot{height:370px}@media(max-width:650px){.secondary-films{grid-template-columns:1fr;padding:0 20px 20px;gap:20px}.secondary-films .video-slot{height:310px}}
.gallery-track{position:relative}.play-control:disabled{opacity:.45;cursor:default}
.hero-card:focus-visible,.fan-card:focus-visible{transform:translateX(0) rotate(0)!important;z-index:25!important}
.media:focus-visible{outline:2px solid #111;outline-offset:3px;box-shadow:0 0 0 6px #fff}.tone-2 .media-top,.tone-2 .media-bottom small{opacity:1}.tone-2{background:#626262}
/* Content-driven media keep the existing card and GSAP geometry. */
[hidden]{display:none!important}.media-top>span:first-child{font-size:inherit}.media-top>span:last-child{font-size:18px}.media-overlay{white-space:pre-line;position:absolute;top:35%;left:0;width:100%;text-align:center;font-size:40px;letter-spacing:-2px;line-height:1.2;z-index:1;pointer-events:none}.media-overlay:empty{display:none}.hero-card:nth-child(3):before{content:none}.media.has-image .product-art{inset:0;width:100%;height:100%;filter:none;opacity:1}.media.has-image{color:#fff}.media.has-image:before{content:'';position:absolute;inset:0;background:linear-gradient(#0008,transparent 25%,transparent 65%,#000b);z-index:1;pointer-events:none}.media.has-image .media-overlay{display:none}.media.has-image .media-top{opacity:1}.media.has-image .media-bottom small{opacity:.8}.asset-unavailable{visibility:hidden}.preview-image{width:100%;height:100%;object-fit:contain}.workflow-steps .copy-inline{display:inline;color:inherit;font-size:inherit;margin:0}.final-cta h2 .copy-inline{color:inherit}.content-video{position:absolute;inset:0 0 92px;width:100%;height:calc(100% - 92px);object-fit:contain;background:#161616;z-index:3}.has-video .video-scene,.has-video .play-control{display:none}.has-video .video-toolbar{pointer-events:none}.video-error-label{display:none;position:absolute;top:12px;left:20px;right:20px;z-index:5;padding:12px;color:white;background:#161616e8;font-size:13px}.video-error .video-error-label{display:block}.video-error .content-video{display:none}.download-link{margin-left:8px}.hero-copy,.section-head p,.batch-heading p,.replica-intro p{overflow-wrap:anywhere}.media-bottom>span{overflow-wrap:anywhere}.btn{white-space:normal}.hero h1{overflow-wrap:anywhere}html[data-content-status="loading"]{cursor:progress}
@media(max-width:650px){.media-overlay{font-size:26px}.content-video{bottom:85px;height:calc(100% - 85px)}.download-link{margin:12px 0 0}}