@charset "UTF-8";
:root{--ink:#f1f2e8;--muted:#becdbd;--accent:#d8efa2;--world-bg:#19392d;--ease:cubic-bezier(.22,1,.36,1);font-family:"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color-scheme:dark;scroll-behavior:smooth;scroll-padding-top:0}
*{box-sizing:border-box}body{margin:0;background:var(--world-bg);color:var(--ink);-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}button,a,input{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{color:inherit;cursor:pointer}button,a{touch-action:manipulation}button{border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:6px}img{max-width:100%;display:block}button img{pointer-events:none}::selection{background:#d8efa2;color:#19392d}h1,h2,h3,p{margin:0}button{padding:0}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:#d8efa2;color:#19392d;padding:14px}.skip-link:focus{top:12px}
.site-header{position:fixed;z-index:20;top:0;width:100%;height:91px;padding:0 5.5vw;display:flex;align-items:center;justify-content:space-between;color:#f1f3e8;transition:background .5s,color .5s;pointer-events:none}.site-header>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:13px;font-size:21px;letter-spacing:.06em;font-weight:650}.brand svg{width:30px;height:30px;stroke:currentColor;stroke-width:2.5;transition:transform .7s var(--ease)}.brand:hover svg{transform:rotate(90deg)}.brand-cn{font-size:12px;font-weight:400;letter-spacing:.05em;margin-left:9px;opacity:.7}.header-caption{font-size:9px;letter-spacing:.2em;opacity:.57}.site-header nav{display:flex;align-items:center;gap:29px;font-size:12px;letter-spacing:.06em}.site-header nav a{padding:10px 0}.site-header nav a:hover{opacity:.65}.site-header sup{font-size:8px;margin-left:3px;opacity:.55}.site-header nav span{margin-left:5px}.site-header.on-light{color:#282b26;background:linear-gradient(#efeee8f0,#efeee800)}
.world{position:relative;min-height:100svh;overflow:hidden;isolation:isolate;padding:114px 7vw 114px;background:var(--section-bg);--rx:0;--ry:0;--scroll-shift:0px;--section-bg:#19392d;--accent:#d8efa2}.world-home{background:radial-gradient(ellipse at 76% 43%,#34523a 0,#233e2c 33%,#19392d 69%)}.world-content{max-width:1560px;margin:auto;min-height:calc(100svh - 228px);display:grid;grid-template-columns:43% 57%;align-items:center;position:relative;z-index:2}.world-atmosphere{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.world-atmosphere:after{content:"";position:absolute;inset:0;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.33' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.world-word{position:absolute;bottom:-.14em;left:3.5vw;white-space:nowrap;font:italic clamp(80px,12vw,220px)/1 Georgia,serif;letter-spacing:-.04em;opacity:.045}.home-sun{position:absolute;width:60vw;height:60vw;max-width:900px;max-height:900px;right:-5vw;top:-10vw;background:radial-gradient(circle,#d1efa336,#b9d08b15 39%,transparent 67%);border-radius:50%}.home-orbit{position:absolute;width:65vw;height:65vw;border:1px solid #e0efad0d;right:-5vw;top:-5vw;border-radius:50%}.home-orbit.orbit-two{transform:scale(.78)}
.project-copy{position:relative;z-index:4;padding-right:24px}.project-kicker{font-size:9px;font-weight:500;letter-spacing:.15em;display:flex;align-items:center;gap:24px;color:var(--accent);margin-bottom:29px}.project-kicker .index{font-variant-numeric:tabular-nums;opacity:.6;font-size:11px;letter-spacing:.06em}.project-copy h1,.project-title{font:normal clamp(64px,7.35vw,126px)/1.02 Georgia,"Times New Roman",serif;letter-spacing:-.065em;color:#f3f3e8;position:relative;margin-left:-4px;width:max-content;max-width:110%;margin-bottom:24px}.project-copy h1 span{font-style:italic;font-weight:400}.title-seed{font:normal 28px Georgia;letter-spacing:0;position:absolute;top:1px;right:-31px;color:var(--accent);animation:slow-turn 35s linear infinite}.project-copy h2:not(.project-title),.project-copy h3{font-size:clamp(21px,2vw,30px);line-height:1.5;letter-spacing:.04em;font-weight:400;margin-bottom:16px}.project-description{font-size:13px;line-height:2.1;letter-spacing:.025em;color:var(--muted)}.project-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px;color:var(--muted)}.project-tags span{font-size:9px;border:1px solid #ffffff20;border-radius:30px;padding:6px 10px;letter-spacing:.045em}.case-link{display:flex;align-items:center;gap:29px;font-size:12px;font-weight:500;letter-spacing:.07em;margin-top:31px}.round-arrow{display:grid;place-items:center;border:1px solid #f4f7e455;border-radius:50%;width:40px;height:40px;font-size:20px;transition:transform .45s var(--ease),background .35s,color .35s}.case-link:hover .round-arrow{transform:rotate(45deg);background:var(--accent);border-color:var(--accent);color:var(--section-bg)}.film-link{margin-top:32px;display:flex;align-items:center;gap:13px;font-size:10px;text-align:left;color:var(--muted)}.play-icon{display:grid;place-items:center;width:34px;height:26px;border:1px solid #ffffff3b;border-radius:5px;font-size:8px;transition:background .3s}.film-link:hover .play-icon{background:#ffffff1a}.film-link small{display:block;font-size:7px;letter-spacing:.17em;opacity:.55;margin-top:4px}.world-footer{position:absolute;z-index:4;left:7vw;right:7vw;bottom:29px;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.08em;color:var(--muted)}.world-footer>span{opacity:.48}.scroll-invite{display:flex;align-items:center;gap:14px}.scroll-invite>span{font-size:18px;animation:hint-down 2.8s ease-in-out infinite}
.project-stage{position:relative;height:min(69vh,660px);min-height:440px;perspective:1600px;transform:translate3d(calc(var(--rx) * 8px),calc(var(--ry) * 6px + var(--scroll-shift)),0);will-change:transform}.home-ring{width:92%;aspect-ratio:1;position:absolute;top:-7%;left:3%;border:1px solid #e5efbb14;border-radius:50%;background:radial-gradient(circle,#c9e89112 0%,transparent 69%);box-shadow:0 0 0 49px #e5efbb03,0 0 0 100px #e5efbb02}.scene-label{font:italic 14px Georgia,serif;letter-spacing:.01em;color:var(--accent);opacity:.7;position:absolute;z-index:5;white-space:nowrap}.label-home{right:3%;top:-3%;transform:rotate(6deg)}.phone{position:absolute;width:clamp(167px,16.1vw,270px);padding:7px;border-radius:34px;background:#d4ddc8;box-shadow:0 32px 46px #0000003b,inset 0 0 0 1px #fff8;transition:transform 1s var(--ease),box-shadow .5s;transform-style:preserve-3d}.phone-inner{display:block;overflow:hidden;border-radius:27px;border:1px solid #20382332}.phone img{width:100%;height:auto}.phone-front{left:15%;top:9%;z-index:2;transform:rotate(-9deg) rotateY(-10deg);}.phone-back{right:3%;top:-3%;transform:rotate(10deg) rotateY(-10deg) scale(.91);background:#a9b69b;filter:brightness(.92)}.phone-front:hover{transform:rotate(-3deg) rotateY(-3deg) translateY(-14px);box-shadow:0 50px 60px #0005}.phone-back:hover{transform:rotate(4deg) scale(.95) translateY(-12px);filter:brightness(1)}.floating-caption{position:absolute;z-index:4;bottom:2%;right:3%;display:flex;align-items:center;gap:15px;padding:19px 24px;border:1px solid #e4efc427;border-radius:4px;background:#314b34ee;box-shadow:0 15px 50px #11211444;transform:rotate(3deg);font-size:11px;line-height:1.9;color:#cfdbbb}.floating-caption b{font-weight:500;color:#eff3db}.mini-flower{font-size:36px;color:#d8efa2}.stage-note{position:absolute;font-size:8px;letter-spacing:.11em;opacity:.45;bottom:-20px;left:25%;display:flex;gap:15px}.home-stage .stage-note{left:14%;bottom:-25px}
.world-workbench{--section-bg:#122a37;--accent:#a0e4df;--muted:#a9c6cc;background:radial-gradient(ellipse at 73% 55%,#23515d 0,#1b3543 40%,#122a37 80%)}.world-workbench .project-title{font-size:clamp(60px,6.55vw,112px);line-height:.94;letter-spacing:-.055em;margin-bottom:24px}.project-title em{font-weight:400;color:var(--accent)}.desk-glow{position:absolute;width:80vw;height:75vw;border-radius:50%;right:-25vw;top:-12vw;background:radial-gradient(circle,#62bfc520,transparent 64%)}.desk-grid{position:absolute;width:120%;height:90%;bottom:-47%;left:0;background-image:linear-gradient(#85c4cf14 1px,transparent 1px),linear-gradient(90deg,#85c4cf14 1px,transparent 1px);background-size:70px 70px;transform:perspective(700px) rotateX(58deg);mask-image:linear-gradient(transparent,#000)}.interaction-hint{font-size:10px;margin-top:35px;color:var(--muted);opacity:.68;line-height:1.8}.interaction-hint>span{font-size:17px;vertical-align:middle;margin-right:8px}.desk-stage{display:flex;align-items:center;min-height:450px}.label-desk{left:13%;top:1%;transform:rotate(-5deg)}.desk-window{width:108%;margin-left:-2%;background:#193b4e;border-radius:12px;overflow:hidden;border:1px solid #a7e2e34f;box-shadow:0 36px 90px #0013216e;transform:perspective(1600px) rotateY(-9deg) rotateZ(-3deg);transition:transform .7s var(--ease)}.desk-window:focus-within,.desk-window:has(.is-dragging){transform:perspective(1600px) rotateY(0) rotateZ(0)}.window-bar{height:31px;background:#153540;display:flex;align-items:center;justify-content:space-between;padding:0 14px;color:#cae4e07a;font-size:7px;letter-spacing:.14em}.traffic-lights{display:flex;gap:4px}.traffic-lights i{width:5px;height:5px;border-radius:50%;background:#97b8b780}.traffic-lights i:nth-child(2){opacity:.7}.traffic-lights i:nth-child(3){opacity:.4}.window-spark{font-size:13px}.desktop-demo{height:330px;position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 81% 10%,#41646c 0,transparent 62%),linear-gradient(145deg,#264b69,#0d333c);transition:background .7s}.desktop-demo[data-desk-theme=plum]{background:radial-gradient(ellipse at 81% 10%,#866e86,transparent 62%),linear-gradient(145deg,#434365,#3b253e)}.desktop-demo[data-desk-theme=forest]{background:radial-gradient(ellipse at 81% 10%,#728570,transparent 62%),linear-gradient(145deg,#2e5250,#182e21)}.desktop-horizon{width:120%;height:75%;position:absolute;bottom:-34%;left:-8%;background:#86c3cc10;border-radius:50%;transform:rotate(-15deg);box-shadow:0 -30px 0 #c9e4de05,0 -70px 0 #c9e4de04;z-index:-1}.desk-widget{position:absolute;left:var(--x);top:var(--y);border:1px solid #e2f3ed2e;border-radius:12px;padding:10px 13px 14px;background:linear-gradient(130deg,#defff018,#aeced311);box-shadow:0 12px 24px #081b3024;backdrop-filter:blur(18px);user-select:none;transition:box-shadow .25s}.desk-widget.is-dragging{z-index:10;box-shadow:0 18px 38px #05182666}.drag-handle{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:8px;color:#c2ddddbd;cursor:grab;touch-action:none;padding-bottom:12px;gap:10px}.drag-handle:active{cursor:grabbing}.widget-clock{width:153px}.widget-clock strong{font-size:36px;line-height:1.2;font-weight:200;letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:#f0f7f5}.widget-clock p{font-size:7px;color:#c8dddd99;margin-top:6px}.widget-note{width:184px}.widget-note>p{font-size:17px;line-height:1.6;font-weight:300;color:#e5f2e9;padding-bottom:7px}.note-sign{font:italic 12px Georgia;color:#d0eeb4;display:block;text-align:right}.widget-todo{width:220px}.widget-todo label{display:flex;gap:7px;align-items:center;margin-top:9px;font-size:10px;color:#d7e9e2}.widget-todo input{appearance:none;width:11px;height:11px;border:1px solid #a9d1ca90;border-radius:3px;margin:0;cursor:pointer}.widget-todo input:checked{background:#95ceb2;border-color:#95ceb2}.widget-todo input:checked:after{content:'✓';display:block;font-size:9px;color:#244e45;line-height:9px;text-align:center}.widget-todo input:checked+span{text-decoration:line-through;opacity:.5}.desk-theme{position:absolute;right:16px;bottom:17px;display:flex;gap:6px;align-items:center}.desk-theme>span{font-size:8px;opacity:.5;margin-right:4px}.desk-theme button{width:14px;height:14px;border-radius:50%;border:1px solid #fff4;transition:transform .2s}.desk-theme button:hover{transform:scale(1.2)}.desk-theme button[aria-pressed=true]{outline:1px solid #e7ead6;outline-offset:3px}.theme-dusk{background:#396a80}.theme-plum{background:#825670}.theme-forest{background:#678167}.desk-reset{position:absolute;left:14px;bottom:11px;font-size:23px;opacity:.5}.demo-label{position:absolute;left:40px;bottom:20px;font-size:6px;letter-spacing:.15em;opacity:.3}.real-shot{position:absolute;bottom:-1%;right:-1%;width:160px;border:5px solid #74979955;border-radius:5px;overflow:hidden;transform:rotate(5deg);box-shadow:0 10px 30px #00172566;transition:transform .4s var(--ease)}.real-shot img{aspect-ratio:1.67;object-fit:cover}.real-shot>span{position:absolute;bottom:0;left:0;right:0;background:#102a3ddd;padding:7px;font-size:8px;display:flex;justify-content:space-between}.real-shot:hover{transform:rotate(0) translateY(-8px)}.desk-stage .stage-note{left:5%;bottom:7%}
.world-digest{--section-bg:#27243e;--accent:#d2b9f2;--muted:#c2b9d5;background:radial-gradient(ellipse at 74% 49%,#52486c 0,#342d4c 38%,#242139 79%)}.world-digest .project-title{font-size:clamp(80px,9vw,148px)}.title-period{color:#d2b9f2}.digest-glow{position:absolute;right:4%;top:20%;width:50%;height:60%;background:radial-gradient(ellipse,#b498dc20,transparent 68%);filter:blur(20px)}.digest-orbit{position:absolute;width:100vw;height:60vw;border:1px solid #d7bffa0b;border-radius:50%;top:-10vw;right:-20vw;transform:rotate(-35deg)}.digest-orbit.orbit-small{transform:rotate(-35deg) scale(.76)}.digest-stage{display:flex;align-items:center}.label-digest{right:10%;top:1%;transform:rotate(4deg)}.board-window{width:114%;max-width:none;border-radius:11px;overflow:hidden;border:1px solid #cbb3ee44;transform:perspective(1600px) rotateY(-13deg) rotateZ(3deg);box-shadow:0 40px 80px #110d2a66;transition:transform .7s var(--ease)}.board-window:focus-within{transform:perspective(1600px) rotateY(0) rotateZ(0)}.board-window .window-bar{background:#352e49;color:#e6d5f896}.comparison{position:relative;aspect-ratio:1479/868;isolation:isolate;overflow:hidden}.comparison-image{position:absolute;width:100%;height:100%;object-fit:cover;filter:brightness(1.17);user-select:none;pointer-events:none}.comparison-after{clip-path:inset(0 0 0 var(--split))}.compare-label{position:absolute;top:14px;font-size:9px;letter-spacing:.13em;background:#231b35c9;padding:7px 11px;border-radius:2px;z-index:2;color:#eee5ff}.before-label{left:14px}.after-label{right:14px}.compare-line{position:absolute;top:0;bottom:0;left:var(--split);width:1px;background:#e5d1ff;z-index:3;pointer-events:none}.compare-line>span{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);display:grid;place-items:center;background:#e8ddf5;color:#463454;width:35px;height:35px;border-radius:50%;box-shadow:0 4px 15px #180a3333;font-size:18px}.compare-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;z-index:4;touch-action:pan-y}.comparison:focus-within{outline:2px solid #e5d1ff;outline-offset:-3px}.flow-path{position:absolute;bottom:6%;left:15%;right:1%;display:flex;align-items:center;justify-content:space-between;gap:12px;transform:rotate(3deg)}.flow-path span{font-size:11px;border:1px solid #d1b9f324;border-radius:22px;padding:10px 20px;display:flex;align-items:center;gap:8px;background:#b499d708}.flow-path i{width:5px;height:5px;border-radius:50%;background:#c9a3eb}.flow-path span:nth-of-type(2) i{background:#a799ea}.flow-path span:nth-of-type(3) i{background:#9293ce}.flow-path b{font-size:22px;font-weight:300;opacity:.25}.digest-stage .stage-note{bottom:-4%;left:36%}
.world-switcher{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:20;display:flex;gap:5px;padding:5px 7px 7px;border:1px solid #e8eec326;border-radius:35px;box-shadow:0 8px 35px #0000001a;background:#13232180;backdrop-filter:blur(20px);transition:opacity .4s,transform .5s var(--ease)}.world-switcher a{padding:11px 14px;border-radius:28px;display:flex;align-items:center;gap:8px;font-size:10px;color:#d4dccdaa;transition:background .4s,color .4s}.world-switcher a>span{font-size:8px;opacity:.5}.world-switcher b{font-weight:400}.world-switcher a.is-current{background:#eff5df;color:#24352f}.world-switcher a:hover:not(.is-current){background:#ffffff12;color:#fff}.switcher-progress{position:absolute;bottom:0;left:19%;width:62%;height:1px;opacity:.4;overflow:hidden}.switcher-progress i{display:block;width:33.33%;height:100%;background:#e8efcf;transition:transform .6s var(--ease)}.world-switcher.is-hidden{opacity:0;pointer-events:none;transform:translate(-50%,20px)}
.lab-section,.about-section{position:relative;background:#efeee8;color:#2d312b;padding:100px 9vw;--accent:#3c6450;scroll-margin-top:58px}.eyebrow{font-size:9px;letter-spacing:.18em;font-weight:500}.lab-heading{position:relative}.lab-heading>h2{font-size:clamp(30px,4vw,56px);font-weight:400;letter-spacing:-.02em;margin-top:24px;margin-bottom:14px}.lab-heading h2 em{font-style:normal;color:#798171}.lab-heading>p:last-child{font-size:12px;color:#7a8077;line-height:2}.lab-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;margin-top:52px;align-items:start}.lab-list{border-top:1px solid #27352933}.lab-item{display:grid;grid-template-columns:22px 1fr auto 24px;gap:14px;align-items:center;text-align:left;width:100%;padding:29px 0;border-bottom:1px solid #27352925;transition:padding .4s var(--ease),color .3s;color:#969b8f}.lab-item>span:first-child{font-size:8px}.lab-item>strong{font:normal 31px Georgia,serif;letter-spacing:-.03em}.lab-item strong small{font:normal 11px "Segoe UI","Microsoft YaHei",sans-serif;margin-left:5px}.lab-item>span:nth-last-child(2){font-size:9px}.lab-item>b{font-size:20px;font-weight:400}.lab-item.is-selected,.lab-item:hover{color:#2e4435;padding-left:9px}.lab-item.is-selected>b{transform:rotate(45deg)}.lab-detail{background:#e3e6da;padding:37px;min-height:325px;position:relative;border-radius:4px}.lab-symbol{position:absolute;right:28px;top:26px;font-size:48px;line-height:1;color:#7e957667}.lab-detail>.eyebrow{color:#6b7d5c;font-size:8px;max-width:80%}.lab-detail h3{margin-top:31px;font-size:22px;font-weight:400;line-height:1.65}.lab-detail>p:not(.eyebrow):not(.lab-status){margin-top:15px;font-size:12px;line-height:1.9;color:#74806b}.lab-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.lab-chips span{font-size:9px;border:1px solid #78856a55;padding:5px 8px;border-radius:15px}.lab-status{font-size:8px;margin-top:20px;color:#7c8674}.about-section{padding-top:50px;padding-bottom:0}.about-top{border-top:1px solid #26382722;padding-top:27px;display:flex;justify-content:space-between;align-items:center}.about-top>span{font-size:10px;letter-spacing:.1em;color:#8c9187}.about-content{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;margin-top:57px;align-items:start}.about-content h2{font-size:clamp(25px,3.1vw,43px);font-weight:400;line-height:1.6;letter-spacing:-.02em}.about-content h2>span{color:#7d8771}.about-content p{font-size:12px;line-height:2;color:#7f847a;margin-bottom:13px}.about-skills{display:flex;gap:18px;margin-top:27px;font-size:9px;color:#596850}.contact-block{margin-top:100px;border-top:1px solid #26382722;padding:51px 0 80px;display:flex;justify-content:space-between;align-items:center;gap:30px}.availability{font-size:9px;color:#7d8774;display:flex;align-items:center;gap:8px}.availability i{width:5px;height:5px;background:#5c8d54;border-radius:50%;box-shadow:0 0 0 4px #5c8d5411}.contact-block h3{font-size:clamp(27px,3.5vw,52px);font-weight:400;margin-top:23px;letter-spacing:-.02em}.contact-block h3 em{font-style:normal;color:#6b7a59}.contact-actions{text-align:right;position:relative}.email-link{font-size:clamp(15px,1.8vw,25px);letter-spacing:-.015em;border-bottom:1px solid #8f967e;padding-bottom:8px;display:block}.email-link>span{margin-left:22px}.contact-actions button{font-size:9px;margin-top:13px;color:#7c8770}.contact-actions button span{margin-left:6px}.contact-actions #copy-status{position:absolute;bottom:-25px;right:0;font-size:9px;color:#557047;white-space:nowrap}.about-section footer{padding:23px 0;border-top:1px solid #26382722;display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:.08em;color:#8a907f}.about-section footer a{color:#58664e}
.pointer-label{position:fixed;left:0;top:0;pointer-events:none;z-index:50;width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:#e4edc2d9;color:#263827;font-size:9px;letter-spacing:.08em;opacity:0;transform:translate(-50%,-50%) scale(.3);transition:opacity .25s,scale .3s;backdrop-filter:blur(6px)}.pointer-label.is-visible{opacity:1;scale:1}.pointer-label:not(.is-visible){scale:.3}
dialog{color:var(--ink);border:0;max-width:none;max-height:none;padding:0;margin:0}dialog::backdrop{background:#07120ee6;backdrop-filter:blur(10px)}.case-dialog{position:fixed;inset:0;width:100%;height:100%;background:var(--case-bg,#19392d);overflow-y:auto;overscroll-behavior:contain;opacity:0;transform:translateY(45px);transition:opacity .45s var(--ease),transform .65s var(--ease);--accent:#d8efa2}.case-dialog.is-open{opacity:1;transform:translateY(0)}.case-topbar{position:sticky;top:0;z-index:5;padding:25px 6vw;display:flex;align-items:center;justify-content:space-between;background:var(--case-bg,#19392d);border-bottom:1px solid #ffffff12}.case-brand{font-size:10px;letter-spacing:.15em;opacity:.6}.close-button{font-size:10px;display:flex;align-items:center;gap:17px}.close-button span{font-size:25px;line-height:1}.case-hero{padding:75px 10vw 58px;max-width:1440px;margin:auto}.case-hero h2{font:normal clamp(55px,8vw,120px)/1.1 Georgia,serif;letter-spacing:-.045em;margin-top:17px}.case-hero h3{font-size:22px;font-weight:400;margin-top:21px}.case-intro{display:grid;grid-template-columns:1.4fr 1fr;gap:12vw;margin-top:40px}.case-intro>p{font-size:14px;line-height:2;color:#ffffffa1}.case-facts{display:grid;grid-template-columns:1fr 1fr;gap:20px}.case-facts dt{font-size:9px;letter-spacing:.12em;opacity:.4;margin-bottom:10px}.case-facts dd{font-size:11px;line-height:1.8;margin:0;opacity:.8}.case-visual{max-width:1180px;margin:0 auto 50px;border-radius:4px;overflow:hidden}.case-phones{display:flex;align-items:center;justify-content:center;gap:5%;padding:50px 6%;background:#dce4d1}.case-phones button{width:25%;max-width:245px;padding:5px;border-radius:25px;background:#edf1e7;box-shadow:0 20px 35px #2b4d2822;transition:transform .5s var(--ease)}.case-phones button:hover{transform:translateY(-10px)}.case-phones button:nth-child(2){transform:translateY(-13px)}.case-phones img{border-radius:20px;width:100%}.case-block{max-width:1080px;margin:60px auto;padding:0 5vw;display:grid;grid-template-columns:.7fr 1fr;gap:60px}.case-block .eyebrow{opacity:.4}.case-block h3{font-size:27px;line-height:1.5;font-weight:400;margin-top:15px}.case-block p{font-size:13px;line-height:2;color:#ffffffa3;margin-bottom:15px}.case-feature-list{padding:0;list-style:none;display:grid;gap:20px;margin:0}.case-feature-list li{border-bottom:1px solid #ffffff16;padding-bottom:20px}.case-feature-list strong{display:block;font-size:14px;font-weight:500;margin-bottom:7px}.case-feature-list span{font-size:12px;line-height:1.9;color:#ffffff8c}.case-video{display:block;width:100%;max-height:650px;background:#10241c}.case-film-button{display:flex;gap:10px;align-items:center;border:1px solid #ffffff44;border-radius:50px;padding:13px 19px;font-size:11px;margin-top:25px}.case-image-full{width:100%;height:auto}.case-caption{text-align:center;font-size:9px;opacity:.5;line-height:1.8;margin-top:14px}.case-next{margin:80px 7vw 0;border-top:1px solid #ffffff2e;display:flex;justify-content:space-between;align-items:center;padding:35px 3vw 50px;width:86%;text-align:left}.case-next small{display:block;font-size:9px;letter-spacing:.14em;opacity:.4;margin-bottom:10px}.case-next strong{font:normal clamp(25px,4vw,58px) Georgia,serif}.case-next>span{font-size:45px;color:var(--accent)}.case-visual .comparison{width:100%;border:1px solid #d7c7f133}.case-note{font-size:10px!important;opacity:.66}
.lightbox{inset:0;width:100%;height:100%;background:#0d1515f5;padding:62px 5vw 40px;flex-direction:column;align-items:center;justify-content:center;gap:18px;overflow:hidden}.lightbox[open]{display:flex}.lightbox img{max-width:100%;max-height:calc(100svh - 150px);object-fit:contain;min-height:0}.lightbox p{max-width:800px;font-size:12px;line-height:1.8;text-align:center;color:#dbe5d9a8}.lightbox-close,.film-close{position:absolute;right:5vw;top:24px;font-size:11px;letter-spacing:.1em;background:#ffffff12;border:1px solid #ffffff22;border-radius:30px;padding:9px 15px;z-index:2}.film-dialog{position:fixed;inset:0;width:100%;height:100%;background:#09110ef5;padding:65px 5vw 35px;flex-direction:column;align-items:center;justify-content:center;gap:20px}.film-dialog[open]{display:flex}.film-dialog video{max-width:1080px;width:100%;max-height:calc(100svh - 140px);background:#050b08}.film-dialog p{font-size:10px;opacity:.5}
@keyframes slow-turn{to{transform:rotate(360deg)}}@keyframes hint-down{0%,100%{transform:translateY(-2px)}50%{transform:translateY(4px)}}@keyframes reveal-up{from{opacity:0;transform:translateY(23px)}to{opacity:1;transform:translateY(0)}}.world.is-active .project-kicker{animation:reveal-up .8s var(--ease) both}.world.is-active .project-copy h1,.world.is-active .project-title{animation:reveal-up 1s var(--ease) both}.world.is-active .project-description{animation:reveal-up 1.2s var(--ease) both}.lab-detail.is-changing{animation:reveal-up .45s var(--ease) both}
.real-shot img{width:100%;height:auto}
.desktop-demo{overflow:clip}
@media(min-width:1600px){.world{padding-left:9vw;padding-right:9vw}.project-description{font-size:15px}.project-tags span{font-size:11px}.case-link{font-size:14px}.phone{width:255px}.desktop-demo{height:430px}.widget-clock{width:185px}.widget-note{width:230px}.widget-todo{width:265px}.drag-handle{font-size:10px}.widget-todo label{font-size:12px}.widget-note>p{font-size:21px}.widget-clock strong{font-size:47px}.real-shot{width:210px}}
@media(min-width:761px) and (max-height:740px){.world{padding-top:104px;padding-bottom:95px}.world-content{min-height:calc(100svh - 199px)}.project-stage{min-height:405px;height:66vh}.project-kicker{margin-bottom:22px}.project-copy h1,.project-title{margin-bottom:19px}.project-tags{margin-top:20px}.case-link{margin-top:23px}.film-link{margin-top:23px}.phone{width:clamp(170px,15.4vw,225px)}.desktop-demo{height:310px}.world-workbench .project-title{font-size:6.3vw}.floating-caption{padding:13px 17px}.flow-path{bottom:2%}}
@media(max-width:1100px){.header-caption{display:none}.world{padding-left:6vw;padding-right:6vw}.project-copy{padding-right:14px}.project-description{font-size:12px}.project-kicker{gap:13px;font-size:8px}.title-seed{font-size:22px;right:-25px}.phone-front{left:9%}.phone-back{right:-1%}.floating-caption{right:-2%;font-size:10px;padding:14px 16px}.project-copy h2:not(.project-title),.project-copy h3{font-size:20px}.desk-widget{padding:8px 10px 11px}.widget-clock{width:133px}.widget-note{width:150px}.widget-note>p{font-size:14px}.widget-todo{width:188px}.widget-todo label{font-size:9px}.board-window{width:110%}.world-footer{left:6vw;right:6vw;font-size:8px}.world-footer>span{max-width:170px;line-height:1.8}.world-switcher a{padding:10px 11px}.lab-layout{gap:35px}.lab-item{grid-template-columns:17px 1fr 20px;gap:7px}.lab-item>span:nth-last-child(2){display:none}.about-content{gap:40px}}
@media(max-width:760px){:root{scroll-padding-top:0}.site-header{height:69px;padding:0 6vw}.brand{font-size:18px;gap:9px}.brand svg{width:24px;height:24px}.brand-cn{font-size:10px;margin-left:5px}.site-header nav{gap:20px;font-size:10px}.site-header nav a:first-child{display:none}.site-header nav span{display:none}.world{padding:107px 7vw 99px;min-height:100svh}.world-content{min-height:0;display:flex;flex-direction:column;gap:35px;align-items:stretch}.project-copy{padding:0}.project-kicker{font-size:8px;margin-bottom:18px;gap:18px}.project-copy h1,.project-title{font-size:clamp(62px,14vw,94px);margin-bottom:17px;max-width:100%;letter-spacing:-.055em}.title-seed{font-size:20px;right:-27px}.project-copy h2:not(.project-title),.project-copy h3{font-size:20px;margin-bottom:10px}.project-description{font-size:11px;line-height:1.9}.project-tags{margin-top:16px;gap:7px}.project-tags span{font-size:8px;padding:4px 8px}.case-link{font-size:10px;margin-top:18px;gap:18px}.round-arrow{width:32px;height:32px;font-size:17px}.film-link{position:absolute;right:0;bottom:6px;margin:0;font-size:9px;gap:7px}.film-link small{font-size:6px}.play-icon{width:29px;height:24px}.project-stage{height:380px;min-height:0;perspective:900px}.phone{width:clamp(147px,36vw,200px);padding:5px;border-radius:25px}.phone-inner{border-radius:20px}.phone-front{left:13%;top:5%;transform:rotate(-9deg)}.phone-back{right:4%;top:-2%;transform:rotate(10deg) scale(.9)}.home-stage{margin-top:4px}.home-ring{width:110%;left:-3%;top:-10%}.floating-caption{bottom:5%;right:0;padding:11px 15px;font-size:9px;gap:9px;box-shadow:0 10px 25px #0002}.mini-flower{font-size:28px}.scene-label{font-size:11px}.label-home{top:-5%;right:0;transform:rotate(5deg)}.home-stage .stage-note{bottom:-8px;font-size:7px;left:9%}.world-footer{left:7vw;right:7vw;bottom:80px;font-size:7px}.world-footer>span{max-width:160px}.scroll-invite{gap:8px;font-size:8px}.scroll-invite>span{font-size:14px}.world-switcher{bottom:17px;max-width:94vw;white-space:nowrap}.world-switcher a{padding:10px 13px;gap:7px;font-size:9px}.world-switcher a>span{font-size:7px}.world-word{font-size:21vw;bottom:4%;opacity:.035}.world-workbench .world-content{gap:48px}.world-workbench .project-title{font-size:clamp(58px,13vw,82px);line-height:.95;margin-bottom:18px}.world-workbench .project-title br{display:none}.world-workbench .project-title em{display:block}.interaction-hint{font-size:9px;margin-top:18px}.desk-stage{height:335px;min-height:0;padding-bottom:30px}.desk-window{width:106%;margin-left:-3%;transform:rotate(-3deg)}.desktop-demo{height:245px}.window-bar{font-size:6px;height:26px;padding:0 10px}.widget-clock{width:104px}.widget-clock strong{font-size:27px}.widget-clock p{font-size:6px}.drag-handle{font-size:7px;padding-bottom:9px}.widget-note{width:133px}.widget-note>p{font-size:12px}.note-sign{font-size:10px}.widget-todo{width:171px}.widget-todo label{font-size:8px;margin-top:7px}.desk-widget{border-radius:9px;padding:8px 10px 10px}.desk-theme{right:10px;bottom:11px;gap:6px}.desk-theme>span{display:none}.desk-theme button{width:12px;height:12px}.desk-reset{font-size:19px;bottom:7px}.demo-label{bottom:14px;font-size:5px}.real-shot{width:111px;bottom:-2%;right:0;border-width:3px}.real-shot>span{font-size:6px;padding:5px}.label-desk{top:-6%;left:7%}.desk-stage .stage-note{font-size:7px;left:0;bottom:0}.world-digest .project-title{font-size:clamp(80px,21vw,115px)}.digest-stage{height:295px;padding-bottom:42px}.board-window{width:110%;margin-left:-4%;transform:rotate(3deg)}.label-digest{top:-2%;right:5%}.flow-path{bottom:0;left:6%;right:3%;gap:6px}.flow-path span{font-size:9px;padding:7px 13px}.flow-path b{font-size:17px}.compare-label{top:8px;padding:5px 7px;font-size:7px}.before-label{left:8px}.after-label{right:8px}.compare-line>span{width:29px;height:29px;font-size:16px}.digest-stage .stage-note{bottom:-33px;left:24%;font-size:7px}.lab-section,.about-section{padding-left:7vw;padding-right:7vw}.lab-section{padding-top:76px;padding-bottom:45px}.lab-heading>h2{font-size:30px;margin-top:18px}.lab-heading>p:last-child{font-size:11px}.eyebrow{font-size:8px}.lab-layout{grid-template-columns:1fr;gap:25px;margin-top:33px}.lab-item{padding-top:20px;padding-bottom:20px;grid-template-columns:22px 1fr auto 21px}.lab-item>span:nth-last-child(2){display:block;font-size:7px}.lab-item>strong{font-size:26px}.lab-item strong small{font-size:10px}.lab-detail{padding:29px;min-height:300px}.lab-detail h3{font-size:21px;margin-top:24px}.lab-detail>p:not(.eyebrow):not(.lab-status){font-size:11px}.about-section{padding-top:25px}.about-content{grid-template-columns:1fr;gap:25px;margin-top:36px}.about-content h2{font-size:27px}.about-content p{font-size:11px}.about-skills{margin-top:20px}.contact-block{margin-top:52px;padding:36px 0 49px;align-items:flex-start;flex-direction:column;gap:30px}.contact-block h3{font-size:30px;margin-top:18px}.contact-actions{text-align:left}.email-link{font-size:20px}.contact-actions #copy-status{left:0;right:auto}.about-section footer{font-size:7px;gap:12px;padding:21px 0 26px}.about-section footer>span:nth-child(2){display:none}.pointer-label{display:none}.case-topbar{padding:20px 6vw}.case-brand{font-size:8px}.close-button{font-size:9px;gap:10px}.case-hero{padding:42px 7vw 33px}.case-hero h2{font-size:57px}.case-hero h3{font-size:19px}.case-intro{grid-template-columns:1fr;gap:20px;margin-top:25px}.case-intro>p{font-size:12px}.case-facts{gap:15px;margin:0}.case-facts dd{font-size:10px}.case-visual{margin:0 5vw 30px}.case-phones{padding:30px 3%;gap:3%}.case-phones button{width:30%;padding:3px;border-radius:12px}.case-phones img{border-radius:9px}.case-block{grid-template-columns:1fr;gap:21px;margin:37px auto;padding:0 7vw}.case-block h3{font-size:23px;margin-top:10px}.case-block p{font-size:12px}.case-next{margin-top:43px;padding-bottom:35px}.case-next strong{font-size:31px}.lightbox p{font-size:10px}.lightbox-close,.film-close{top:18px}.film-dialog{padding-left:0;padding-right:0}.film-dialog p{padding:0 5vw}}
@media(max-width:360px){.brand-cn{display:none}.world{padding-left:6vw;padding-right:6vw}.project-copy h1{font-size:57px}.project-stage{height:338px}.phone{width:139px}.floating-caption{font-size:8px;right:-4%;bottom:0}.world-footer>span{max-width:125px;font-size:6px}.desk-stage{height:315px}.widget-note{width:122px}.widget-todo{width:156px}.digest-stage{height:270px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.project-stage{transform:none!important;will-change:auto}.phone-front{transform:rotate(-7deg)}.pointer-label{display:none}}