@font-face{font-family:Jakarta;src:url('./assets/fonts/Jakarta.woff2') format('woff2');font-weight:200 800;font-display:swap}
@font-face{font-family:Inter;src:url('./assets/fonts/Inter.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:JetBrains;src:url('./assets/fonts/JetBrains.woff2') format('woff2');font-weight:100 800;font-display:swap}
:root{color-scheme:light;--bg:#fff;--ink:#101114;--muted:#66676e;--subtle:#85868d;--line:#e6e7eb;--soft:#f5f5f7;--display:Jakarta,'PingFang SC','Microsoft YaHei',sans-serif;--body:Inter,'PingFang SC','Microsoft YaHei',sans-serif;--mono:JetBrains,'PingFang SC',monospace;--gutter:clamp(20px,5vw,86px);--max:1360px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased}a,button{color:inherit;font:inherit}a{text-decoration:none}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--ink);outline-offset:5px}::selection{background:#dedee3}.wrap{width:min(calc(100% - 2 * var(--gutter)),var(--max));margin-inline:auto}
.mast{border-bottom:1px solid var(--line)}.mast-inner{height:76px;display:flex;align-items:center;justify-content:space-between}.brand,.mast nav,.mast nav a{display:flex;align-items:center}.brand{gap:10px}.symbol{display:grid;place-items:center;width:31px;height:31px;background:#111;color:white;border-radius:7px;font:800 15px var(--display);letter-spacing:-.08em;font-style:italic}.brand b{font:750 19px var(--display);letter-spacing:-.05em}.brand-type{font:10px var(--mono);margin-left:5px;color:var(--subtle)}.mast nav{gap:30px;font-size:12px;font-weight:550}.mast nav a:last-child{border:1px solid var(--line);padding:8px 13px;border-radius:7px;gap:8px}.mast a:hover{opacity:.65}
.intro{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(20px,3vw,44px);align-items:center;padding-block:58px 60px}.eyebrow,.index-no,.counter,.cap-code{font-family:var(--mono);font-variant-numeric:tabular-nums}.eyebrow{font-size:9px;letter-spacing:.08em;color:var(--muted)}.eyebrow span{color:#b2b3ba;margin:0 5px}.intro h1{font:750 clamp(58px,6vw,86px)/1.15 var(--display);letter-spacing:-.07em;margin:0 0 14px}.hero-role{font:650 clamp(18px,1.65vw,25px)/1.4 var(--display);letter-spacing:-.025em;margin:0}.bio{margin-top:25px;max-width:36em}.bio p{font-size:14px;line-height:1.9;color:var(--muted);margin:14px 0 0}.bio .hero-lead{font:550 clamp(17px,1.45vw,21px)/1.7 var(--display);color:var(--ink);margin-bottom:17px}.bio strong{color:#2e3036;font-weight:550}.hero-actions{margin-top:25px}.hero-actions a{display:inline-flex;align-items:center;justify-content:space-between;gap:48px;background:var(--ink);color:white;padding:12px 17px;border-radius:7px;font-size:12px}.hero-actions a:hover{background:#383a40}
.hero-art{position:relative;height:clamp(420px,38vw,550px);overflow:hidden;touch-action:pan-y;background:transparent;min-width:0}.hero-art canvas{width:100%;height:100%;display:block}
.section-top,.title-lock,.rail-tools{display:flex;align-items:center}.section-top{justify-content:space-between;gap:24px}.title-lock{gap:14px;min-width:0}.index-no{font-size:11px;color:var(--subtle);border:1px solid var(--line);border-radius:5px;padding:4px 6px;flex:none}.title-lock :is(h2,h3){font:650 clamp(25px,2.25vw,34px)/1.3 var(--display);letter-spacing:-.045em;margin:0}.directory{padding-block:24px 34px}.directory .section-top{display:none}.category-nav{display:flex;gap:8px;flex-wrap:wrap}.category-nav a{display:flex;align-items:center;gap:10px;padding:10px 13px;border:1px solid var(--line);border-radius:7px;font-size:12px}.category-nav small,.category-nav span{color:var(--subtle);font:10px var(--mono)}.category-nav a:hover{border-color:#111;background:#fafafa}
.topic{padding-block:36px 56px;border-top:1px solid var(--line)}.unit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 26px;margin-top:28px}.unit{min-width:0;display:flex;flex-direction:column}.case-visual{display:block;position:relative;width:100%;aspect-ratio:1.75;padding:0;border:1px solid var(--line);border-radius:13px;overflow:hidden;background:var(--soft);text-align:left}.case-visual .visual-open{position:absolute;right:13px;bottom:13px;width:33px;height:33px;display:grid;place-items:center;background:#fffefc;color:#141414;border:1px solid #e9e9ee;border-radius:50%;font-size:18px;z-index:3}.case-visual:hover .visual-open{background:#111;color:#fff;border-color:#111}.image-cover>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s}.image-cover:hover>img{transform:scale(1.025)}.interface-cover{padding:27px 25px 0;background:#f1f2f5}.interface-cover>img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;border-radius:7px 7px 0 0;box-shadow:0 5px 20px #13132318}.unit-body{padding:18px 2px 0;display:flex;flex-direction:column;flex:1}.cap-code{display:block;font-size:10px;color:var(--subtle);margin-bottom:7px}.unit h3{font:650 clamp(18px,1.6vw,24px)/1.4 var(--display);letter-spacing:-.025em;margin:0}.unit p{font-size:13px;color:var(--muted);line-height:1.75;margin:8px 0 0;max-width:47em}.unit-bottom{display:flex;justify-content:space-between;align-items:baseline;gap:14px;margin-top:auto;padding-top:18px}.unit-bottom>b{font-size:12px;font-weight:600}.case-actions{display:flex;gap:12px;flex-wrap:wrap}.case-actions button,.case-actions a{font-size:11px;font-weight:550;border:0;border-bottom:1px solid #b8b8bd;background:none;padding:0 0 3px;text-align:left}.part-links{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.part-links button{border:1px solid var(--line);border-radius:5px;padding:4px 7px;background:white;font-size:10px;color:var(--muted)}.part-links button:hover{border-color:var(--ink);color:var(--ink)}.catalog-only{font:11px var(--mono);color:var(--subtle)}
.cover-label{display:flex;justify-content:space-between;gap:12px;position:relative;z-index:1;font:10px var(--mono);letter-spacing:.06em}.cover-label>span{font-size:9px;opacity:.55}.central-cover{background:#16181d;padding:24px 26px;color:#f5f5f7;border-color:#25272e;display:flex;flex-direction:column}.workflow-line{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:20px;font-size:11px}.workflow-line strong{border:1px solid #71737c;border-radius:8px;padding:10px 17px;font:550 14px var(--mono);background:#292c34}.workflow-line i{font-style:normal;color:#92949e}.output-frames{display:flex;align-items:start;justify-content:center;gap:12px;margin:21px auto 0;width:78%;flex:1;min-height:0;overflow:hidden}.output-frames img{width:calc((100% - 24px)/3);height:100%;object-fit:cover;object-position:center 55%;border-radius:7px 7px 0 0}.cover-note{font:9px var(--mono);color:#a9acb5;position:absolute;left:26px;bottom:12px}.central-cover .output-frames{padding-bottom:9px}.product-cover{background:#f0f1f5;padding:29px 24px 0}.screen-frame{width:87%;height:112%;background:white;border:1px solid #e1e1e7;border-radius:8px;box-shadow:0 12px 30px #14142316;overflow:hidden}.screen-bar{height:23px;display:flex;align-items:center;gap:4px;padding:0 9px;background:white;border-bottom:1px solid var(--line)}.screen-bar i{width:4px;height:4px;border-radius:50%;background:#b5b6bd}.screen-bar span{font-size:8px;color:var(--muted);margin-left:8px}.screen-frame>img{width:100%;display:block}.floating-panel{position:absolute;height:81%;width:auto;right:24px;bottom:0;border-radius:10px 10px 0 0;box-shadow:-8px 10px 30px #1c1d281c;border:1px solid #e7e7ed;background:white}.org-cover{padding:24px 26px;background:radial-gradient(#dfe0e5 .8px,transparent .8px);background-size:14px 14px;display:flex;flex-direction:column;align-items:center}.org-cover .cover-label{width:100%;color:#555862}.org-root{display:flex;align-items:center;gap:10px;border:1px solid #d5d6dd;border-radius:9px;background:white;padding:12px 17px;margin-top:22px;box-shadow:0 5px 15px #00000008;font-size:13px}.agent-symbol{font-size:24px}.org-branches{display:flex;justify-content:center;gap:12px;width:92%;margin-top:31px;position:relative}.org-branches:before{content:'';position:absolute;left:12%;right:12%;top:-13px;border-top:1px solid #babcc7}.org-root:after{content:'';position:absolute;margin-top:68px;left:50%;height:14px;border-left:1px solid #babcc7}.org-branches>span{background:white;position:relative;border:1px solid #d9dae1;border-radius:7px;flex:1;text-align:center;padding:12px 3px;font-size:12px}.org-branches>span:before{content:'';position:absolute;left:50%;top:-14px;height:13px;border-left:1px solid #babcc7}.org-branches small{display:block;font:9px var(--mono);color:#9698a3;margin-bottom:7px}.org-result{font-size:10px;margin-top:17px;padding:7px 25px;background:#111;color:#fff;border-radius:5px}.org-result span{margin-left:15px}.assistant-cover{display:flex;align-items:center;flex-direction:column;padding:24px 26px;background:#f1f2f4}.assistant-cover .cover-label{width:100%;color:#60636b}.assistant-symbol{font-size:clamp(60px,7vw,105px);line-height:1.25;margin-top:17px;color:#191b20}.tool-chips{display:flex;gap:7px;margin-top:12px}.tool-chips span{font-size:11px;background:white;border:1px solid #dfe0e6;border-radius:6px;padding:8px 12px}.infinite-cover{background:#080808;display:flex;flex-direction:column;align-items:center;justify-content:center;color:white}.infinite-cover>img{width:40%;height:65%;object-fit:contain}.infinite-cover>strong{font:600 27px var(--display);letter-spacing:-.04em}.pending-cover{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:#f6f6f8}.placeholder-symbol{display:flex;gap:7px;transform:rotate(-8deg)}.placeholder-symbol>span{width:33px;height:48px;border:1px solid #d3d4dc;background:#fff;border-radius:4px}.placeholder-symbol>span:nth-child(2){transform:translateY(-7px)}.placeholder-caption{font:10px var(--mono);color:#92949d}
#publishing .unit-pending .case-visual{aspect-ratio:2.7}#lab .unit-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 22px}#lab .case-visual{aspect-ratio:1.4}#lab .unit-pending .case-visual{aspect-ratio:2}#lab .unit h3{font-size:19px}#lab .unit-bottom{flex-wrap:wrap}#business .case-visual{display:none}#business .unit{border:1px solid var(--line);border-radius:12px;padding:23px}#business .unit-body{padding:0}
.screen{border-top:1px solid var(--line);padding-block:40px 54px}.screen .section-top{margin-bottom:24px}.rail-tools{gap:8px;flex:none}.counter{white-space:nowrap;font-size:11px;color:var(--muted);margin-right:9px}.arrow{width:35px;height:35px;display:grid;place-items:center;border:1px solid var(--line);border-radius:7px;background:#fff;font-size:18px}.arrow:hover:not(:disabled){background:#111;color:white}.arrow:disabled{color:#bbbcc5}.rail{--side:max(var(--gutter),calc((100% - var(--max)) / 2));--screen-h:clamp(230px,25vw,380px);display:flex;align-items:start;gap:28px;padding:0 var(--side) 8px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:var(--side);scrollbar-width:none}.rail::-webkit-scrollbar{display:none}.film{min-width:0;flex:0 0 calc(var(--screen-h)*1.64);scroll-snap-align:start;transform:none}.film:last-child{scroll-snap-align:end}.film[data-shape=portrait]{flex-basis:calc(var(--screen-h)*.68)}.poster{padding:0;border:1px solid var(--line);background:#f1f2f5;position:relative;display:block;width:100%;height:var(--screen-h);border-radius:13px;overflow:hidden}.poster img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s}.poster:hover img{transform:scale(1.025)}.film[data-shape=portrait] .poster img{object-fit:contain;background:#171719}.poster:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#0004);pointer-events:none}.play,.time{position:absolute;z-index:1;color:white}.play{left:16px;bottom:16px;width:40px;height:40px;display:grid;place-items:center;border:1px solid #ffffff90;border-radius:50%;background:#1118;backdrop-filter:blur(8px)}.play svg{width:15px;height:15px}.time{right:15px;bottom:20px;font:10px var(--mono);background:#1119;padding:3px 6px;border-radius:4px}.film .cap-code{margin-top:17px}.film h3{font:650 clamp(18px,1.6vw,23px)/1.4 var(--display);letter-spacing:-.035em;margin:0}.film p{font-size:12px;color:var(--muted);line-height:1.65;margin:7px 0 12px}.film-project{font-size:11px;border:0;border-bottom:1px solid #999;background:none;padding:0 0 3px}.placeholder{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:20px;color:#6c6e77;font-size:20px;font-weight:550}.placeholder small{font:10px var(--mono);color:#999ba3}.placeholder:after{display:none}.progress{height:2px;margin-top:25px;background:var(--line);position:relative}.progress span{position:absolute;background:#111;height:100%;left:0;top:0}.case-parts{list-style:none;padding:0;margin:12px 0;border-top:1px solid var(--line)}.case-parts li{display:flex;align-items:baseline;gap:10px;margin-top:8px}.case-parts li>span{font-size:10px;color:var(--subtle);min-width:6em}.case-parts button{border:0;background:none;font-size:12px;text-align:left;padding:0}.case-parts button:hover{text-decoration:underline}
.resume{padding:42px 0;border-top:1px solid var(--line)}.pdf-actions{display:flex;gap:20px;align-items:center;font-size:13px}.pdf-actions a{border-bottom:1px solid #aaa;padding-bottom:4px}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:22px 0;font-size:12px;color:var(--muted)}
dialog{background:white;color:var(--ink);border:1px solid var(--line);border-radius:15px;padding:0;width:min(92vw,1000px);max-height:91dvh;box-shadow:0 15px 80px #10101440}dialog::backdrop{background:#111115b8}body:has(dialog[open]){overflow:hidden}.close-dialog{z-index:3;position:sticky;float:right;top:12px;margin:12px 12px -47px 0;width:34px;height:34px;background:white;border:1px solid var(--line);border-radius:7px;font-size:22px}.modal-text{padding:28px clamp(18px,3vw,42px)}.kicker{font:11px var(--mono);color:var(--subtle)}.modal-text h2{font:650 clamp(24px,2.6vw,36px)/1.3 var(--display);margin:8px 38px 14px 0;letter-spacing:-.04em}.lead{font-size:15px;line-height:1.7}.modal-art{max-height:45vh;max-width:100%;object-fit:contain;display:block;margin:18px auto}.modal-text dt{font-weight:650;font-size:12px;margin:16px 0 5px}.modal-text dd{margin:0;color:var(--muted);font-size:14px;line-height:1.75}.modal-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:18px}.modal-actions a,.modal-actions button{padding:8px 12px;border:1px solid var(--line);border-radius:6px;font-size:12px;background:white}.modal-actions button{background:var(--ink);color:white;border-color:var(--ink)}.video-stage{background:black;display:grid;place-items:center}.video-stage video{width:100%;max-height:65dvh}
@media(max-width:1000px){.intro{grid-template-columns:1fr 1.1fr;gap:30px}.hero-art{height:440px}.intro h1{font-size:62px}.hero-role{font-size:19px}.bio .hero-lead{font-size:17px}.cover-label{font-size:9px}.workflow-line{gap:10px;font-size:10px}.org-root{margin-top:15px}.org-branches{margin-top:25px}.org-branches>span{padding:8px 3px}.org-result{margin-top:10px}#lab .unit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.mast-inner{height:59px}.mast nav{gap:14px;font-size:11px}.mast nav a:last-child{padding:5px 7px}.brand-type,.brand b{display:none}.intro{grid-template-columns:1fr;gap:26px;padding-block:32px}.intro h1{font-size:55px;margin:0 0 9px}.hero-role{font-size:21px}.bio{margin-top:17px}.bio .hero-lead{font-size:18px;line-height:1.6}.bio p{font-size:12px;line-height:1.8}.hero-actions{margin-top:18px}.hero-actions a{padding:10px 14px;font-size:11px}.hero-art{height:270px;order:2;margin-top:-12px}.desktop-break{display:none}.directory{padding-block:20px 28px}.category-nav{gap:6px}.category-nav a{font-size:11px;gap:6px;padding:8px}.topic{padding-block:26px 36px}.title-lock{gap:9px}.title-lock :is(h2,h3){font-size:25px}.index-no{font-size:9px;padding:3px 5px}.unit-grid{grid-template-columns:1fr;gap:29px;margin-top:22px}.case-visual{aspect-ratio:1.6;border-radius:10px}.unit-body{padding-top:14px}.unit h3{font-size:20px}.unit p{font-size:12px}.unit-bottom{flex-wrap:wrap;gap:10px;padding-top:14px}.part-links{gap:5px}.part-links button{font-size:9px}.central-cover,.org-cover,.assistant-cover{padding:18px}.cover-label{font-size:9px}.workflow-line{margin-top:14px;gap:12px}.workflow-line strong{padding:8px 12px;font-size:12px}.output-frames{margin-top:15px;width:82%;gap:9px}.output-frames img{width:calc((100% - 18px)/3)}.cover-note{font-size:8px;left:18px;bottom:7px}.product-cover{padding:20px 17px 0}.floating-panel{right:18px}.org-root{padding:9px 13px;margin-top:16px}.org-branches{margin-top:25px;width:95%;gap:8px}.org-branches>span{font-size:11px;padding:8px 3px}.org-branches small{font-size:8px;margin-bottom:4px}.org-result{padding:5px 18px;margin-top:12px}.assistant-symbol{font-size:75px;margin-top:10px}.tool-chips{gap:5px}.tool-chips span{font-size:10px;padding:7px 10px}.interface-cover{padding:20px 17px 0}#lab .unit-grid{grid-template-columns:1fr;gap:29px}#lab .case-visual{aspect-ratio:1.6}#lab .unit-pending .case-visual{aspect-ratio:2.7}#business .unit{padding:20px}.screen{padding-block:28px 36px}.screen .section-top{margin-bottom:20px;align-items:start;gap:14px}.screen .title-lock :is(h2,h3){font-size:19px}.rail-tools{gap:4px}.counter{font-size:9px;margin-right:3px}.arrow{width:27px;height:27px;font-size:16px}.rail{--screen-h:215px;gap:16px;scroll-snap-type:x mandatory}.film{flex-basis:86vw}.film[data-shape=portrait]{flex-basis:155px}.film h3{font-size:17px}.film .cap-code{font-size:9px}.film p{font-size:12px}.poster{border-radius:10px}.play{width:35px;height:35px;left:12px;bottom:12px}.time{right:11px;bottom:17px}.progress{margin-top:20px}.case-parts li{flex-wrap:wrap;gap:5px}.resume{padding:28px 0}.resume .section-top{align-items:flex-start;flex-direction:column;gap:20px}.pdf-actions{font-size:12px}.modal-text{padding:22px 18px}.modal-text .lead{font-size:14px}.modal-text dd{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}