:root{--black:#101011;--white:#f1f0ec;--ink:#191919;--muted:#a3a3a7;--accent:#e3ad72;font-family:Arial,'Microsoft YaHei',sans-serif;color:var(--white);background:var(--black);scroll-behavior:smooth;scroll-padding-top:90px}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #bf8cff;outline-offset:5px}button{border:0}img{max-width:100%;display:block}.skip{position:fixed;top:-100px;z-index:100;background:white;color:black;padding:20px}.skip:focus{top:10px}.nav{position:absolute;z-index:20;top:0;left:0;width:100%;height:95px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff1a}.brand{font-weight:900;font-size:32px;letter-spacing:-3px;display:flex;gap:20px;align-items:center}.brand span{font-size:11px;letter-spacing:2px;font-weight:400}.nav nav{display:flex;gap:30px;font-size:13px}.nav a:hover{color:var(--accent)}.hero-scroll{height:170svh}.hero{position:sticky;top:0;height:100svh;min-height:660px;overflow:hidden;background:#101011;padding:118px 4vw 25px;isolation:isolate}.hero-topline{display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;color:#88898c}.hero h1{position:relative;z-index:0;margin:30px 0 0;font-size:clamp(70px,10.9vw,190px);font-weight:950;line-height:.85;letter-spacing:-.07em;white-space:nowrap;color:#d1d2d6;background:linear-gradient(#fff,#9b9fa8 65%,#e7e8eb);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;will-change:transform}.avatar-wrap{position:absolute;z-index:1;top:23%;bottom:6%;width:52%;left:24%;display:flex;justify-content:center;align-items:center;will-change:transform,opacity}.avatar-wrap img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 35px 50px #0009)}.avatar-wrap img:not(.generated){width:65%;height:80%;object-fit:cover;border-radius:48% 48% 35% 35%;filter:grayscale(1)}.orbit-label{position:absolute;right:-5%;top:50%;font-size:10px;letter-spacing:2px;writing-mode:vertical-rl}.hero-bottom{position:absolute;z-index:3;bottom:65px;left:4vw;right:4vw;display:flex;align-items:flex-end;justify-content:space-between}.hero-bottom p{font-size:18px;line-height:1.65;margin:8px 0}.hero-bottom .mini{font-size:10px}.mini{font-size:11px;letter-spacing:1.5px}.pill{padding:15px 22px;border:1px solid #777;border-radius:50px;font-size:13px;background:linear-gradient(115deg,#442867,#34293d);box-shadow:inset 0 0 15px #bc80ec33;display:inline-flex;gap:30px;align-items:center}.pill:hover{background:#644583}.hero-scroll-cue{position:absolute;bottom:22px;left:4vw;right:4vw;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#8d8d93}.section{padding:100px 6vw}.light{background:var(--white);color:var(--ink)}.eyebrow{display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:2px;text-transform:uppercase;margin-bottom:45px}.section h2,.wb-copy h2{font-size:clamp(40px,5.6vw,90px);font-weight:850;letter-spacing:-.055em;line-height:1.15;margin:0 0 45px}.serif{font-family:Georgia,'STKaiti','KaiTi',serif;font-style:italic;font-weight:400}.about{border-radius:35px 35px 0 0;position:relative;z-index:4}.about-grid{display:grid;grid-template-columns:.75fr 1.4fr;gap:9vw;margin:70px 0 100px}.portrait{max-width:320px;align-self:start;position:relative}.portrait img{width:100%;aspect-ratio:4/5;object-fit:cover;filter:grayscale(1)}.portrait span{display:block;padding:15px 0;border-bottom:1px solid #b5b5b2;font-size:11px;letter-spacing:3px}.lead{font-size:clamp(21px,2.2vw,34px);line-height:1.6;margin:0 0 22px}.muted{color:#96969c;font-size:17px;line-height:1.9;max-width:700px}.light .muted{color:#686967}.facts{display:flex;gap:55px;padding:30px 0;border-top:1px solid #ccc;margin-top:35px}.facts span{font-size:12px;color:#777}.facts b{display:block;color:#222;font-size:36px;margin-bottom:9px}.small{font-size:12px;line-height:1.9;color:#73736f}.career article{border-top:1px solid #ccc;display:grid;grid-template-columns:1fr 1.5fr 1.4fr;gap:30px;padding:28px 0;align-items:start}.career article>span{font-size:12px;color:#777;padding-top:6px}.career h3{margin:0;font-size:21px;font-weight:500}.career small{display:block;font-size:12px;color:#73736f;font-weight:400;margin-top:12px}.career p{font-size:13px;line-height:1.9;color:#696a66;margin:0}.workbench-scroll{height:190svh;background:#101011}.workbench-stage{height:100svh;min-height:640px;position:sticky;top:0;overflow:hidden}.wb-copy{padding-top:65px;position:relative;z-index:2;will-change:opacity,transform}.wb-copy h2{font-size:clamp(40px,5vw,80px);margin-bottom:20px}.wb-copy .eyebrow{margin-bottom:25px}.workbench-picture{position:absolute;left:40%;top:34%;width:56%;padding:0;background:#17191a;box-shadow:0 25px 100px #000;transform-origin:50% 40%;will-change:transform}.workbench-picture img{width:100%}.workbench-picture span{position:absolute;bottom:15px;right:15px;background:#fff;color:#111;padding:10px 14px;font-size:11px;border-radius:30px}.wb-foot{position:absolute;bottom:24px;left:6vw;right:6vw;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#888}.agents{position:relative;z-index:3;background:#101011;border-top:1px solid #303033}.section-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:50px}.filters{display:flex;flex-wrap:wrap;gap:8px}.filters button{border:1px solid #444;border-radius:30px;background:transparent;padding:11px 17px;font-size:12px;white-space:nowrap}.filters button.active,.filters button:hover{background:var(--white);color:#111;border-color:var(--white)}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px 24px}.project{background:transparent;padding:0;text-align:left;display:flex;flex-direction:column;min-width:0}.project[hidden]{display:none}.project-image{aspect-ratio:4/3;background:#202023;overflow:hidden;border-radius:15px;position:relative}.project-image img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .6s}.project:hover img{transform:scale(1.055)}.project-image .project-open{position:absolute;right:14px;bottom:14px;width:36px;height:36px;display:grid;place-items:center;background:#101011dd;border-radius:50%;border:1px solid #555}.project-meta{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#999;margin-top:20px}.project h3{font-size:21px;font-weight:500;margin:12px 0}.project p{font-size:13px;color:#999;line-height:1.7;margin:0}.after-agents{border-top:1px solid #333;margin:70px 0 0;padding-top:25px;color:#999;font-size:14px;display:flex;justify-content:space-between}.after-agents a{color:#eee}.visuals{border-radius:35px 35px 0 0}.compare-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:7vw;align-items:center;margin-top:60px}.compare{position:relative;aspect-ratio:4/5;overflow:hidden;background:#ddd;--split:50%}.compare>img,.before-layer,.before-layer img{width:100%;height:100%;object-fit:contain}.before-layer{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--split)) 0 0);background:#e7e6e2}.compare-line{position:absolute;left:var(--split);top:0;bottom:0;width:2px;background:white}.compare-line span{position:absolute;top:50%;left:-20px;width:42px;height:42px;background:white;color:black;border-radius:50%;display:grid;place-items:center;box-shadow:0 3px 15px #0004}.compare input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}.compare-label{position:absolute;top:15px;padding:8px 11px;border-radius:20px;background:#111c;color:white;font-size:10px;pointer-events:none}.before-label{left:15px}.after-label{right:15px}.compare-info h3{font-size:40px;line-height:1.4;font-weight:500;margin:30px 0}.compare-info p{color:#777;font-size:14px;line-height:1.9}.product-switch{display:flex;gap:10px;margin-top:35px}.product-switch button{width:42px;height:42px;background:transparent;border:1px solid #aaa;border-radius:50%;color:#444}.product-switch button.active{background:#222;color:white;border-color:#222}.workflow{display:grid;gap:14px;border-top:1px solid #ccc;padding-top:25px;margin-top:35px;font-size:12px;letter-spacing:1px}.renders{background:#101011}.render-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px 30px;margin-top:60px}.render-grid button{padding:0;background:transparent;text-align:left}.render-grid img{width:100%;height:430px;object-fit:cover;border-radius:5px;transition:transform .5s}.render-grid button:hover img{transform:translateY(-7px)}.render-grid span{display:flex;justify-content:space-between;padding-top:20px;font-size:11px;letter-spacing:1px;color:#aaa}.render-grid b{font-size:25px;color:white}.commerce{border-radius:35px 35px 0 0}.commerce-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:7vw;margin-top:60px}.commerce article{display:flex;gap:35px;border-top:1px solid #ccc;padding:27px 0}.commerce article>b{font-size:40px;letter-spacing:-3px}.commerce article h3{font-size:20px;margin:2px 0 12px;font-weight:500}.commerce article p{font-size:14px;line-height:1.9;color:#777;margin:0}.contact>p{font-size:25px;margin:0 0 20px}.contact h2{font-size:clamp(70px,11vw,180px);line-height:1.05;position:relative}.contact h2>a{position:absolute;right:6%;bottom:0;font-family:Arial;font-weight:400;color:var(--accent)}.contact-bottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid #444;padding:35px 0;font-size:15px}.contact-bottom button{background:transparent;border-bottom:1px solid #888;padding:0 0 5px}.copyright{display:flex;justify-content:space-between;color:#6f6f74;font-size:10px;letter-spacing:1px;padding-top:40px}dialog{border:1px solid #414147;border-radius:15px;background:#18181a;color:#eee;padding:55px 40px 35px;max-width:1100px;width:92vw;max-height:90svh;overscroll-behavior:contain}dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}.close{position:absolute;right:20px;top:15px;background:transparent;font-size:13px;padding:7px}.detail-head{display:flex;justify-content:space-between;align-items:baseline;gap:20px}.detail-head h2{font-size:30px}.detail-head span{font-size:11px;color:#bbb}.detail-shot{width:100%;height:52svh;object-fit:contain;background:#242427}.detail-controls{display:flex;justify-content:space-between;align-items:center;padding:15px 0}.detail-controls button{padding:8px 18px;background:#333;border-radius:20px}.detail-body{display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px}.detail-body h3{font-size:12px;color:var(--accent)}.detail-body p{font-size:13px;line-height:1.8;color:#ccc}.detail-note{color:#888;font-size:12px;line-height:1.7}.image-view{width:100%;max-height:72svh;object-fit:contain}.image-caption{font-size:14px;color:#bbb}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#fff;color:#111;border-radius:30px;padding:15px 24px;z-index:80;opacity:0;pointer-events:none;transition:opacity .2s}#toast.show{opacity:1}
@media(min-width:1800px){.section{padding-left:max(6vw,calc((100vw - 1600px)/2));padding-right:max(6vw,calc((100vw - 1600px)/2))}}
@media(max-width:900px){.nav{height:78px}.brand span{display:none}.nav nav{gap:18px;font-size:12px}.hero{min-height:600px;padding-top:100px}.hero h1{font-size:10.8vw;margin-top:45px}.avatar-wrap{width:80%;left:10%;top:25%;bottom:16%}.orbit-label{right:0}.hero-bottom p{font-size:15px}.section{padding:70px 6vw}.section-intro{display:block}.filters{margin-top:25px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-grid{gap:5vw}.facts{gap:25px}.career article{grid-template-columns:1fr 2fr}.career p{grid-column:2}.compare-layout{gap:5vw}.compare-info h3{font-size:29px}.render-grid img{height:300px}.workbench-picture{left:12%;width:80%;top:47%}.wb-copy h2{font-size:44px}.wb-copy .muted{font-size:15px}}
@media(max-width:600px){:root{scroll-padding-top:20px}.nav{padding:0 6vw}.nav nav{gap:14px;font-size:11px}.nav nav a:nth-child(2){display:none}.hero-scroll{height:140svh}.hero{min-height:650px}.hero-topline{font-size:8px;letter-spacing:1px}.hero-topline span:last-child{display:none}.hero h1{font-size:16vw;line-height:.98;white-space:normal}.hero h1 span{display:block}.avatar-wrap{top:30%;bottom:22%;width:88%;left:6%}.hero-bottom{left:6vw;right:6vw;bottom:65px;align-items:flex-end}.hero-bottom p{font-size:13px}.hero-bottom .mini{font-size:8px}.pill{padding:12px 14px;gap:12px;font-size:11px}.orbit-label{display:none}.eyebrow{font-size:9px;letter-spacing:1px;margin-bottom:30px}.eyebrow span:last-child:not(:first-child){display:none}.section h2{font-size:40px}.about-grid{grid-template-columns:1fr;margin:35px 0 60px}.portrait{width:145px}.portrait img{aspect-ratio:1;}.portrait span{font-size:9px}.lead{font-size:21px}.muted{font-size:14px}.facts b{font-size:28px}.facts{justify-content:space-between;gap:15px}.small{font-size:11px}.career article{grid-template-columns:1fr;gap:12px}.career p{grid-column:auto}.career h3{font-size:20px}.workbench-scroll{height:150svh}.workbench-stage{min-height:550px}.wb-copy{padding-top:65px}.wb-copy h2{font-size:37px}.workbench-picture{top:52%;width:92%;left:4%}.workbench-picture span{font-size:9px;bottom:5px;right:5px}.wb-foot{font-size:8px;gap:15px}.project-grid{grid-template-columns:1fr;gap:35px}.project-image{aspect-ratio:16/10}.project h3{font-size:23px}.after-agents{font-size:12px;gap:20px;line-height:1.7}.filters{gap:6px}.filters button{font-size:11px;padding:10px 12px}.compare-layout{grid-template-columns:1fr;margin-top:35px;gap:30px}.compare-info h3{font-size:30px}.compare-info .mini{font-size:9px}.workflow{grid-template-columns:1fr 1fr;font-size:10px}.render-grid{grid-template-columns:1fr;gap:40px}.render-grid img{height:300px}.commerce-grid{grid-template-columns:1fr;gap:25px}.commerce article{gap:20px}.commerce article>b{font-size:32px}.contact h2{font-size:75px}.contact h2>a{right:0;font-size:85px}.contact-bottom{display:grid;gap:23px;font-size:14px}.contact-bottom button{width:max-content}.copyright{display:block;font-size:9px;line-height:2}.copyright span{display:block}dialog{padding:50px 20px 25px;width:96vw}.detail-head{display:block}.detail-head h2{font-size:24px}.detail-shot{height:38svh}.detail-body{grid-template-columns:1fr;gap:0}.detail-controls{font-size:12px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*{transition:none!important;animation:none!important}.hero-scroll,.workbench-scroll{height:auto}.hero,.workbench-stage{position:relative}.avatar-wrap,.workbench-picture,.hero h1,.wb-copy{transform:none!important;opacity:1!important}}

::view-transition-group(project-focus){animation-duration:.55s;animation-timing-function:cubic-bezier(.2,.7,.2,1)}