@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--bg:#080909;--paper:#e9e9e2;--ink:#0a0b0b;--muted:#969993;--line:#ffffff24;--acid:#d7ff45;--max:1700px;--pad:clamp(24px,3.2vw,64px);color:#f2f2ed;background:var(--bg);font-synthesis:none;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{background:var(--bg);min-width:320px;margin:0;overflow-x:hidden}button,a{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}a{text-decoration:none}::selection{background:var(--acid);color:#0a0b0b}.cursor-glow{z-index:20;pointer-events:none;background:radial-gradient(380px circle at var(--x,-100px) var(--y,-100px),#d7ff4512,transparent 70%);mix-blend-mode:screen;position:fixed;inset:0}.site-header{z-index:100;-webkit-backdrop-filter:blur(18px)saturate(130%);backdrop-filter:blur(18px)saturate(130%);background:#090a0a8c;border:1px solid #ffffff1f;border-radius:18px;grid-template-columns:1fr auto 1fr;align-items:center;width:min(100% - 44px,1680px);height:64px;padding:0 10px 0 18px;display:grid;position:fixed;top:22px;left:50%;transform:translate(-50%);box-shadow:0 20px 70px #0003}.brand{letter-spacing:-.08em;justify-self:start;font-size:23px;font-weight:900}.brand sup{letter-spacing:0;margin-left:4px;font:8px DM Mono}.site-header nav{gap:8px;display:flex}.site-header nav button{color:#a9aaa6;letter-spacing:.12em;padding:10px 15px;font:11px DM Mono;transition:all .25s}.site-header nav button:hover{color:#fff}.contact-pill{color:#111;letter-spacing:.08em;background:#f1f1ea;border-radius:12px;justify-self:end;align-items:center;gap:12px;padding:14px 18px;font:600 11px DM Mono;display:flex}.status-dot{background:#5aee6f;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #5aee6f21}.section{width:min(100%,var(--max));padding-left:var(--pad);padding-right:var(--pad);margin:auto}.hero{min-height:100svh;padding:118px var(--pad) 40px;border-bottom:1px solid var(--line);align-items:flex-end;display:flex;position:relative;overflow:hidden}.hero-media{background:radial-gradient(circle at 63% 38%,#252a25 0,#0000 25%),linear-gradient(135deg,#050606 10%,#171a18 55%,#060707 90%);position:absolute;inset:0}.hero-media video{object-fit:cover;opacity:.22;filter:grayscale()contrast(1.35)brightness(.7);width:100%;height:100%}.hero-media:after{content:"";background:linear-gradient(#08090940,#08090914 48%,#080909 100%),linear-gradient(90deg,#080909a6,#0000 55%);position:absolute;inset:0}.hero-grain{opacity:.13;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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");animation:.18s steps(2,end) infinite grain;position:absolute;inset:-50%}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(2%,-3%)}50%{transform:translate(-3%,2%)}75%{transform:translate(3%,4%)}to{transform:translate(-2%,-3%)}}.hero-orbit{mix-blend-mode:screen;border:1px solid #ffffff21;border-radius:50%;position:absolute}.orbit-one{aspect-ratio:1;width:48vw;animation:18s linear infinite orbit;top:8vh;right:-5vw}.orbit-two{aspect-ratio:1;border-color:#d7ff4538;width:30vw;animation:13s linear infinite reverse orbit;top:25vh;right:9vw}.hero-orbit:before{content:"";background:var(--acid);width:10px;height:10px;box-shadow:0 0 30px var(--acid);border-radius:50%;position:absolute;top:8%;left:23%}@keyframes orbit{to{transform:rotate(360deg)}}.hero-topline{z-index:2;top:120px;left:var(--pad);right:var(--pad);color:#9b9e98;letter-spacing:.12em;justify-content:space-between;font:10px DM Mono;display:flex;position:absolute}.hero-title-wrap{z-index:2;width:100%;max-width:var(--max);margin:0 auto;position:relative}.eyebrow{letter-spacing:.2em;color:var(--acid);margin:0 0 18px;font:11px DM Mono}.hero h1{letter-spacing:-.085em;margin:0;font-size:clamp(64px,10.6vw,196px);font-weight:800;line-height:.76}.hero h1 span{display:block}.outline-line{color:#0000;-webkit-text-stroke:1.5px #ffffffad}.hero h1 i{color:var(--paper);letter-spacing:-.06em;font-family:Georgia,serif;font-weight:400}.hero-caption{border-top:1px solid #ffffff47;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;margin-top:40px;padding-top:17px;display:grid}.hero-caption p{color:#babcb7;margin:0;font-size:13px}.hero-caption a{border:1px solid #ffffff4d;border-radius:50%;place-items:center;width:54px;height:54px;font-size:22px;transition:all .3s;display:grid;transform:rotate(90deg)}.hero-caption a:hover{background:var(--acid);color:#111;border-color:var(--acid)}.hero-index{z-index:2;writing-mode:vertical-rl;letter-spacing:.16em;color:#8b8e88;font:9px DM Mono;position:absolute;bottom:42%;right:24px}.hero-index span{color:var(--acid);margin-top:14px}.section-label{color:#777b75;letter-spacing:.18em;align-items:center;gap:12px;font:10px DM Mono;display:flex}.section-label:after{content:"";background:#d9d9d3;flex:1;height:1px}.section-label.light:after{background:#ffffff2e}.section-label.light span{color:var(--acid)}.about{background:var(--paper);color:var(--ink);padding-top:150px;padding-bottom:150px}.about-grid{grid-template-columns:minmax(300px,.72fr) 1.28fr;align-items:center;gap:clamp(50px,8vw,150px);margin-top:72px;display:grid}.portrait-card{max-width:520px}.portrait-art{aspect-ratio:4/5;background:linear-gradient(145deg,#151716,#2f332f);position:relative;overflow:hidden;box-shadow:0 28px 80px #0000002e}.portrait-art:after{content:"";background:repeating-linear-gradient(90deg,#0000 0 29px,#ffffff09 30px),linear-gradient(#0000 60%,#0000008c);position:absolute;inset:0}.portrait-halo{aspect-ratio:1;filter:blur(8px);background:radial-gradient(circle at 40% 35%,#f5ffc7,#d7ff45b3 18%,#d7ff450d 57%,#0000 60%);border-radius:50%;width:75%;position:absolute;top:8%;left:12%}.portrait-head{aspect-ratio:.78;background:linear-gradient(120deg,#999f91,#242724 65%);border-radius:47% 47% 42% 42%;width:33%;position:absolute;top:22%;left:35%;box-shadow:inset -20px 0 35px #0006}.portrait-body{clip-path:polygon(16% 0,84% 0,100% 100%,0 100%);background:linear-gradient(120deg,#73796e 0,#1b1d1b 58%);border-radius:50% 50% 0 0;width:76%;height:55%;position:absolute;bottom:-8%;left:12%}.portrait-code{z-index:2;color:#fff;letter-spacing:.15em;font:9px DM Mono;position:absolute;bottom:18px;left:20px}.portrait-meta{letter-spacing:.11em;justify-content:space-between;padding-top:13px;font:9px DM Mono;display:flex}.portrait-meta span:last-child{color:#56c766}.about-copy .kicker{letter-spacing:.2em;color:#777b75;font:10px DM Mono}.about-copy h2{letter-spacing:-.06em;margin:26px 0 46px;font-size:clamp(42px,5vw,82px);font-weight:600;line-height:1.08}.about-copy h2 span{border-bottom:5px solid var(--acid);font-family:Georgia,serif;font-style:italic;font-weight:400}.about-text-columns{grid-template-columns:1fr 1fr;gap:40px;max-width:900px;display:grid}.about-text-columns p{color:#4b4e49;margin:0;font-size:15px;line-height:1.8}.contact-list{border-top:1px solid #bbbdb6;margin-top:50px}.contact-list a{border-bottom:1px solid #bbbdb6;grid-template-columns:140px 1fr auto;padding:18px 0;font:13px DM Mono;display:grid}.contact-list a span:first-child{color:#7f827c;letter-spacing:.13em;font-size:9px}.timeline{grid-template-columns:repeat(3,1fr);gap:60px;margin-top:140px;padding-top:45px;display:grid;position:relative}.timeline-line{background:linear-gradient(90deg,#222 0,#8e9388 48%,var(--acid) 100%);height:7px;position:absolute;top:5px;left:0;right:0}.timeline-item{position:relative}.timeline-dot{border:3px solid var(--paper);background:var(--acid);width:13px;height:13px;opacity:var(--brightness);box-shadow:0 0 20px var(--acid);border-radius:50%;position:absolute;top:-48px}.timeline-year{color:#6f726c;font:10px DM Mono}.timeline-item h3{margin:18px 0 7px;font-size:20px}.timeline-item strong{font-size:12px}.timeline-item p{color:#696c66;max-width:330px;font-size:13px;line-height:1.7}.featured{padding-top:150px;padding-bottom:190px}.featured .section-label:after{background:#ffffff29}.section-head{justify-content:space-between;align-items:flex-end;margin:70px 0 110px;display:flex}.section-head h2{letter-spacing:-.08em;margin:0;font-size:clamp(60px,8vw,132px);line-height:.78}.section-head h2 i{color:#0000;-webkit-text-stroke:1px #fff;font-family:Georgia,serif;font-weight:400}.section-head p{color:#8f928d;max-width:400px;margin:0;font-size:13px;line-height:1.7}.folder-grid{perspective:1800px;grid-template-columns:repeat(3,1fr);gap:clamp(22px,3vw,52px);display:grid}.folder-project{text-align:left;min-width:0}.folder-stage{height:clamp(360px,34vw,570px);transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .18s;position:relative}.folder-back{background:#1c1f1c;border:1px solid #ffffff2e;border-radius:17px 17px 12px 12px;position:absolute;inset:13% 4% 7%;box-shadow:0 30px 70px #00000073}.folder-back:before{content:"";background:#1c1f1c;border:1px solid #ffffff2e;border-bottom:0;border-radius:14px 30px 0 0;width:45%;height:55px;position:absolute;top:-44px;left:0}.folder-back>span{color:#757a73;letter-spacing:.12em;font:8px DM Mono;position:absolute;top:15px;right:18px}.project-sheet{z-index:2;color:#111;background:#d8d9d2;padding:22px;transition:transform .65s cubic-bezier(.2,.8,.2,1),rotate .65s;position:absolute;inset:4% 10% 16%;overflow:hidden;transform:translateY(16%)}.folder-project:hover .project-sheet{transform:translateY(-10%)rotate(-2deg)}.project-sheet>span{font:10px DM Mono}.project-sheet strong{letter-spacing:-.07em;margin-top:15px;font-size:clamp(25px,2.6vw,47px);line-height:.9;display:block}.project-sheet>i{font-size:11px}.sheet-grid{opacity:.22;background-color:#0000;background-image:linear-gradient(#0003 1px,#0000 1px),linear-gradient(90deg,#0003 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:34px 34px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.sheet-object{aspect-ratio:1;background:radial-gradient(circle at 30% 30%,#fff,transparent 8%),conic-gradient(from 90deg,#202520,var(--tone),#eef0e8,#141614,#202520);border-radius:48% 52% 38% 62%;width:68%;animation:8s linear infinite blob;position:absolute;bottom:-8%;right:-10%;box-shadow:-20px 20px 60px #0000004d}@keyframes blob{to{transform:rotate(360deg)}}.tone-acid{--tone:#d7ff45}.tone-ice{--tone:#82a8ff}.tone-violet{--tone:#c28cff}.folder-front{z-index:3;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform-origin:bottom;background:linear-gradient(145deg,#373b36c2,#0f1110f0);border:1px solid #fff3;border-radius:16px;height:61%;transition:transform .65s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:0;left:0;right:0;box-shadow:0 30px 70px #00000059}.folder-project:hover .folder-front{transform:rotateX(-14deg)translateY(4%)}.folder-tab{color:#a6aaa2;letter-spacing:.12em;background:#292c29f0;border:1px solid #fff3;border-bottom:0;border-radius:12px 24px 0 0;width:43%;height:41px;padding:14px 18px;font:8px DM Mono;position:absolute;top:-40px;left:-1px}.folder-info{justify-content:space-between;align-items:flex-end;display:flex;position:absolute;bottom:20px;left:20px;right:20px}.folder-info div{flex-wrap:wrap;gap:7px;display:flex}.folder-info div span{color:#a9ada6;border:1px solid #ffffff26;border-radius:20px;padding:7px 9px;font:8px DM Mono}.folder-info>span{font-size:22px}.project-caption{border-top:1px solid #ffffff26;justify-content:space-between;align-items:end;margin-top:22px;padding-top:14px;display:flex}.project-caption h3{margin:0;font-size:20px}.project-caption span{color:#7c807a;font-size:11px}.archive{color:#0c0d0d;background:#ecece5}.archive-inner{padding-top:150px;padding-bottom:150px}.archive-head{justify-content:space-between;align-items:end;margin:70px 0;display:flex}.archive-head h2{letter-spacing:-.09em;margin:0;font-size:clamp(70px,10vw,170px);line-height:.72}.archive-head p{text-align:right;font:10px/1.8 DM Mono}.category-list{border-top:1px solid #a9aba5}.category-list button{text-align:left;color:#111;border-bottom:1px solid #a9aba5;grid-template-columns:80px 1fr auto 70px;align-items:center;width:100%;padding:30px 0;transition:all .35s;display:grid;position:relative;overflow:hidden}.category-list button:before{content:"";background:#101111;transition:all .4s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0;transform:translateY(101%)}.category-list button.active:before{transform:none}.category-list button>*{z-index:1;position:relative}.category-list button.active{color:#f4f4ee;padding-left:20px;padding-right:20px}.category-no,.category-count{letter-spacing:.1em;font:10px DM Mono}.category-title{align-items:baseline;gap:25px;display:flex}.category-title i{letter-spacing:-.05em;font-size:clamp(28px,4vw,68px);font-style:normal;font-weight:700}.category-title b{color:#72756f;font-size:12px;font-weight:500}.category-list button.active .category-title b{color:#aaa}.category-arrow{color:#111;opacity:0;border-radius:50%;place-items:center;width:50px;height:50px;font-size:20px;transition:all .4s;display:grid;transform:scale(.6)rotate(-25deg)}.category-list button.active .category-arrow{opacity:1;transform:scale(1)rotate(0)}.contact{min-height:100svh;padding:42px var(--pad) 22px;background:#070808;flex-direction:column;justify-content:space-between;display:flex;position:relative;overflow:hidden}.contact-signal{color:#8b8e88;letter-spacing:.13em;justify-content:space-between;font:9px DM Mono;display:flex}.contact-main{margin:auto 0}.contact-main>p{letter-spacing:.18em;color:#81847e;font:10px DM Mono}.contact-main>a{letter-spacing:-.09em;align-items:flex-end;gap:35px;font-size:clamp(60px,10.3vw,180px);font-weight:800;line-height:.72;display:flex}.contact-main a i{color:#0000;-webkit-text-stroke:1px #fff;font-family:Georgia,serif;font-weight:400}.contact-main a>span{aspect-ratio:1;background:var(--acid);color:#111;border-radius:50%;flex:0 0 clamp(60px,8vw,130px);place-items:center;font-size:clamp(25px,4vw,58px);transition:all .35s;display:grid}.contact-main a:hover>span{transform:rotate(45deg)}.contact-footer{border-top:1px solid var(--line);grid-template-columns:1.2fr 1.2fr 1.2fr auto;gap:30px;padding-top:28px;display:grid}.contact-footer a,.contact-footer button{text-align:left;font-size:11px}.contact-footer button{align-self:end;font:9px DM Mono}.contact-marquee{z-index:-1;color:#ffffff05;white-space:nowrap;letter-spacing:-.07em;font-size:12vw;font-weight:900;position:absolute;bottom:8%;right:-1vw}.back-link{color:#a5a8a2;letter-spacing:.14em;align-items:center;gap:14px;font:10px DM Mono;display:flex}.back-link span{font-size:18px}.detail-page,.archive-page{background:#090a0a;min-height:100vh}.detail-hero{min-height:100svh;padding:130px var(--pad) 45px;grid-template-rows:auto 1fr auto;display:grid;position:relative;overflow:hidden}.detail-title{z-index:2;align-self:center;position:relative}.detail-title>span{color:var(--acid);letter-spacing:.15em;font:9px DM Mono}.detail-title h1{letter-spacing:-.085em;margin:18px 0 2px;font-size:clamp(70px,12vw,205px);line-height:.8}.detail-title p{color:#b0b3ac;margin:20px 0;font-size:18px}.detail-art{color:#111;background:#d8d9d2;position:absolute;inset:10% 2% 6% 42%;overflow:hidden;transform:rotate(3deg);box-shadow:0 30px 100px #000}.detail-grid{background-color:#0000;background-image:linear-gradient(#00000021 1px,#0000 1px),linear-gradient(90deg,#00000021 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:55px 55px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.detail-orb{aspect-ratio:1;background:conic-gradient(#121412,var(--tone),#e5e6df,#151715,var(--tone));border-radius:44% 56% 49% 51%;width:80%;animation:12s linear infinite blob;position:absolute;top:15%;right:-10%;box-shadow:-30px 30px 100px #00000059}.detail-art b{letter-spacing:-.1em;mix-blend-mode:overlay;font-size:16vw;line-height:.7;position:absolute;bottom:20px;left:25px}.detail-meta{z-index:2;gap:10px;display:flex}.detail-meta span{border:1px solid var(--line);color:#aaa;border-radius:20px;padding:9px 12px;font:8px DM Mono}.detail-intro{padding-top:140px;padding-bottom:100px}.detail-intro .section-label:after{background:var(--line)}.detail-intro .section-label span{color:var(--acid)}.detail-intro h2{letter-spacing:-.05em;max-width:1200px;margin:70px 0;font-size:clamp(35px,5vw,78px);line-height:1.15}.metrics{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.metrics div{border-right:1px solid var(--line);padding:30px;font:12px DM Mono}.metrics div:last-child{border:0}.case-grid{grid-template-columns:repeat(2,1fr);gap:22px;padding-bottom:140px;display:grid}.case-visual{aspect-ratio:16/11;color:#111;background:#d6d7d0;position:relative;overflow:hidden}.case-visual span{z-index:2;font:8px DM Mono;position:absolute;top:18px;left:18px}.case-visual i{aspect-ratio:1;background:var(--tone);border-radius:50%;width:55%;position:absolute;top:18%;left:22%;box-shadow:30px 40px 60px #0000003d}.visual-2{color:#eee;background:#171918}.visual-2 i{background:linear-gradient(45deg,var(--tone),transparent);border-radius:0;transform:rotate(24deg)}.visual-3 i{background:conic-gradient(var(--tone),#161816,var(--tone));border-radius:50% 50% 0 0;width:80%;top:40%;left:10%}.visual-4{background:var(--tone)}.visual-4 i{background:#111;border-radius:45% 55%}.next-project{padding:100px var(--pad);background:var(--paper);color:#111}.next-project p{font:9px DM Mono}.next-project button{letter-spacing:-.07em;border-bottom:1px solid #aaa;justify-content:space-between;width:100%;font-size:clamp(45px,8vw,120px);font-weight:800;display:flex}.archive-page-head{min-height:72vh;padding:150px var(--pad) 70px;background:var(--category-color);color:#0c0d0d}.archive-page-head>span{margin-top:90px;font:10px DM Mono;display:block}.archive-page-head h1{letter-spacing:-.09em;margin:15px 0 0;font-size:clamp(70px,13vw,220px);line-height:.8}.archive-page-head p{font-size:16px}.archive-page-head .back-link{color:#111}.works-grid{grid-template-columns:repeat(3,1fr);gap:70px 24px;padding-top:100px;padding-bottom:130px;display:grid}.work-tile{text-align:left}.work-cover{aspect-ratio:4/3;color:#111;background:#d9dad3;position:relative;overflow:hidden}.work-cover>span{z-index:2;font:9px DM Mono;position:absolute;top:15px;left:15px}.work-cover i{aspect-ratio:1;background:var(--category-color);border-radius:50%;width:68%;transition:all .5s;position:absolute;top:22%;left:25%;box-shadow:-20px 25px 50px #00000047}.work-tile:hover i{transform:scale(1.15)rotate(30deg)}.cover-2{color:#eee;background:#181a18}.cover-2 i{border-radius:0;transform:rotate(18deg)}.cover-3 i{background:conic-gradient(var(--category-color),#111,var(--category-color));border-radius:5%}.cover-4{background:var(--category-color)}.cover-4 i{background:#111;border-radius:35% 65%}.work-tile>div:last-child{color:#90938d;justify-content:space-between;margin-top:14px;font:9px DM Mono;display:flex}.work-tile strong{color:#eee;font-weight:400}@media (width<=1000px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.about-grid{grid-template-columns:1fr}.portrait-card{max-width:430px}.folder-grid{grid-template-columns:1fr 1fr}.folder-project:last-child{grid-column:1/-1;width:50%;margin:auto}.category-list button{grid-template-columns:55px 1fr auto}.category-count{display:none}.contact-footer{grid-template-columns:1fr 1fr}.detail-art{opacity:.55;inset:24% -10% 13% 35%}.works-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){.site-header{width:calc(100% - 24px);height:56px;top:12px}.contact-pill{padding:12px;font-size:9px}.hero{padding-top:95px}.hero-topline{top:94px}.hero-topline span:last-child{display:none}.hero h1{font-size:18.5vw;line-height:.82}.hero-caption{grid-template-columns:auto 1fr}.hero-caption a,.hero-index{display:none}.about,.featured,.archive-inner{padding-top:95px;padding-bottom:95px}.about-grid{margin-top:45px}.about-copy h2{font-size:42px}.about-text-columns{grid-template-columns:1fr}.contact-list a{grid-template-columns:1fr auto}.contact-list a span:first-child{grid-column:1/-1;margin-bottom:8px}.timeline{grid-template-columns:1fr;gap:45px;margin-top:90px;padding-left:25px}.timeline-line{background:linear-gradient(180deg,#222,var(--acid));width:6px;height:auto;top:0;bottom:0;left:4px}.timeline-dot{top:2px;left:-27px}.section-head{margin:50px 0 80px;display:block}.section-head p{margin-top:35px}.folder-grid{grid-template-columns:1fr}.folder-project:last-child{grid-column:auto;width:auto}.folder-stage{height:115vw;max-height:520px}.archive-head{display:block}.archive-head p{text-align:left;margin-top:30px}.category-list button{grid-template-columns:40px 1fr 48px;padding:22px 0}.category-title{display:block}.category-title i{font-size:27px}.category-title b{margin-top:4px;display:block}.category-arrow{width:42px;height:42px}.contact-main>a{gap:10px;font-size:16vw}.contact-footer{grid-template-columns:1fr 1fr;gap:20px}.contact-footer div:nth-child(3){display:none}.detail-hero{padding-top:100px}.detail-art{inset:35% -30% 13% 18%}.detail-title h1{font-size:17vw}.detail-intro{padding-top:90px}.metrics{grid-template-columns:1fr}.metrics div{border-right:0;border-bottom:1px solid var(--line)}.case-grid,.works-grid{grid-template-columns:1fr}.archive-page-head{min-height:60vh;padding-top:110px}.archive-page-head>span{margin-top:70px}.works-grid{padding-top:65px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.cursor-glow{display:none}}:root{--acid:#ff5a24;--signal:#d7ff45;--paper:#0a0a0a;--ink:#f3f0e9;--muted:#99958f}.site-header{background:#0a09099e;border-color:#ffffff1a;box-shadow:0 18px 70px #0000006b}.brand span{color:var(--signal)}.site-header nav button{color:#bbb6af;font-size:10px}.contact-pill{color:#fff;background:linear-gradient(90deg,#ff4c1f,#ff7435)}.contact-pill>span{opacity:.65;font:8px DM Mono}.status-dot{background:var(--signal);box-shadow:0 0 0 4px #d7ff451f}.cursor-glow{background:radial-gradient(420px circle at var(--x,-100px) var(--y,-100px),#ff5a2417,transparent 70%)}.hero,.hero-media{background:#050505}.hero-orbit{opacity:.28;border-color:#ff5c2366}.orbit-two{border-color:#d7ff4561}.hero-orbit:before{background:#ff642e;box-shadow:0 0 35px #ff642e}.eyebrow{color:#ff6a35}.hero h1{text-shadow:0 12px 45px #0000006b;font-size:clamp(64px,9.7vw,178px)}.hero h1 i{color:#fff5eb}.outline-line{-webkit-text-stroke:1.5px #ffffffb8}.hero-caption span:first-child,.hero-index span{color:#ff6a35}.section-label{color:#8e8982}.section-label:after{background:#ffffff29}.section-label span{color:#ff6732}.about{color:#f2eee8;background:#080808;position:relative;overflow:hidden}.about:before{content:"";pointer-events:none;background:radial-gradient(circle,#ff541c2e,#0000 66%);width:48vw;height:48vw;position:absolute;top:20%;left:-30vw}.about:after{content:"108";color:#ffffff05;pointer-events:none;font-size:25vw;font-weight:900;line-height:1;position:absolute;top:38%;right:-2vw}.about-grid,.timeline{z-index:1;position:relative}.portrait-art{background:#111;border:1px solid #ffffff14;box-shadow:0 35px 100px #0000008c}.portrait-meta{color:#8b8781}.about-copy .kicker{color:#ff6a35}.about-copy h2 span{border-color:#ff612b}.about-text-columns p{color:#aaa59e}.contact-list,.contact-list a{border-color:#333}.contact-list a span:first-child{color:#76726d}.timeline-line{background:linear-gradient(90deg,#30251f 0,#e34f24 50%,#d7ff45 100%)}.timeline-dot{background:#ff612b;border-color:#080808;box-shadow:0 0 24px #ff612b}.timeline-year,.timeline-item p{color:#8e8982}.timeline-item strong{color:#c9c4bd}.featured{background:#080909;position:relative}.featured:before{content:"";pointer-events:none;background:radial-gradient(circle,#461bff26,#0000 66%);width:55vw;height:55vw;position:absolute;top:12%;right:-38vw}.featured .section-label span{color:#ff6732}.section-head h2 i{color:#0000;-webkit-text-stroke:1px #ff8a62}.folder-front{background:linear-gradient(145deg,#362a24b8,#0d0d0df2)}.folder-tab{background:#271f1bf5}.archive{color:#f4f0ea;background:#070707;position:relative;overflow:hidden}.archive:before{content:"";background:radial-gradient(circle,#1b72ff33,#0000 65%);width:60vw;height:40vw;position:absolute;bottom:-18vw;right:-28vw}.archive:after{content:"";background:radial-gradient(circle,#ff531b33,#0000 65%);width:52vw;height:36vw;position:absolute;top:18%;left:-30vw}.archive-inner{z-index:1;position:relative}.archive-head{margin-bottom:90px}.archive-head h2{font-size:clamp(70px,9vw,150px)}.archive-head p{color:#8e8982}.discipline-grid{grid-template-columns:repeat(5,1fr);align-items:start;gap:clamp(14px,1.6vw,28px);display:grid}.discipline-card{text-align:left;background:linear-gradient(180deg,color-mix(in srgb,var(--card-color) 70%,#111),color-mix(in srgb,var(--card-color) 28%,#080808));transform-origin:bottom;border:1px solid #ffffff1f;border-radius:8px;min-width:0;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s;position:relative;overflow:hidden;transform:translateY(0)rotateX(0);box-shadow:0 28px 70px #00000059}.discipline-card:nth-child(2n){margin-top:45px}.discipline-card:hover{box-shadow:0 35px 90px color-mix(in srgb,var(--card-color) 28%,transparent);transform:translateY(-18px)rotateX(3deg)}.discipline-cover{aspect-ratio:4/3;background:#111;position:relative;overflow:hidden}.discipline-cover:after{content:"";background:linear-gradient(180deg,transparent 30%,#000000bd),linear-gradient(135deg,color-mix(in srgb,var(--card-color) 25%,transparent),transparent);position:absolute;inset:0}.discipline-cover img{object-fit:cover;filter:saturate(1.1)contrast(1.05);width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .7s}.discipline-card:hover .discipline-cover img{filter:saturate(1.35)contrast(1.1);transform:scale(1.12)}.discipline-cover>span{z-index:2;color:#fff;font:10px DM Mono;position:absolute;top:14px;left:14px}.discipline-cover>i{z-index:2;background:var(--card-color);width:34px;height:34px;box-shadow:0 0 30px var(--card-color);border-radius:50%;transition:transform .5s;position:absolute;bottom:-17px;right:16px}.discipline-card:hover .discipline-cover>i{transform:translateY(-16px)scale(1.18)}.discipline-body{flex-direction:column;min-height:250px;padding:28px 22px 22px;display:flex}.discipline-body>span{letter-spacing:.12em;color:#ffffff9e;font:8px DM Mono}.discipline-body h3{letter-spacing:-.05em;margin:12px 0 16px;font-size:clamp(22px,2vw,34px)}.discipline-body p{color:#ffffffad;margin:0;font-size:12px;line-height:1.7}.discipline-body>div{justify-content:space-between;align-items:end;margin-top:auto;padding-top:28px;display:flex}.discipline-body b{font:400 9px DM Mono}.discipline-arrow{background:#0000004d;border-radius:50%;place-items:center;width:42px;height:42px;font-size:19px;transition:all .4s;display:grid}.discipline-card:hover .discipline-arrow{color:#111;background:#fff;transform:rotate(45deg)}.contact{background:#060606}.contact:before{content:"";background:radial-gradient(circle,#ff4f1833,#0000 65%);width:70vw;height:45vw;position:absolute;bottom:-25vw;left:-30vw}.contact-signal span:first-child{color:#ff6834}.contact-main>a{z-index:1;position:relative}.contact-main a i{-webkit-text-stroke:1px #ff8b64}.contact-main a>span{background:#ff5a24}.contact-footer{z-index:1;position:relative}@media (width<=1250px){.discipline-grid{grid-template-columns:repeat(3,1fr)}.discipline-card:nth-child(2n){margin-top:0}.discipline-card:nth-child(2),.discipline-card:nth-child(5){margin-top:35px}}@media (width<=800px){.discipline-grid{grid-template-columns:repeat(2,1fr)}.discipline-card:nth-child(2),.discipline-card:nth-child(5){margin-top:0}.discipline-body{min-height:220px}.hero-media video{opacity:.66}}@media (width<=520px){.discipline-grid{grid-template-columns:1fr}.discipline-card{grid-template-columns:42% 1fr;display:grid}.discipline-cover{aspect-ratio:auto;height:100%}.discipline-body{min-height:210px}.contact-pill>span{display:none}}i,.hero h1 i,.section-head h2 i,.contact-main a i{font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif!important;font-style:normal!important}.hero-media video{opacity:.96;filter:saturate()contrast(1.04)brightness(.9)}.hero-media:after{background:linear-gradient(#0000001f,#00000005 38%,#050505c7 100%),linear-gradient(90deg,#00000085,#0000 68%)}.hero-caption p{flex-direction:column;gap:7px;display:flex}.hero-caption p strong{letter-spacing:.06em;font-size:15px;font-weight:600}.hero-caption p small{color:#92908b;letter-spacing:.15em;font:9px DM Mono}.bilingual-head{align-items:flex-end}.bilingual-head h2{flex-direction:column;gap:18px;line-height:.82;display:flex}.bilingual-head h2 small{color:#ff7548;letter-spacing:.16em;font:500 clamp(14px,1.5vw,24px)/1 DM Mono;display:block}.archive-head.bilingual-head h2{line-height:.82}.folder-project-title{z-index:4;color:#f5f1eb;letter-spacing:-.04em;text-shadow:0 8px 30px #00000080;margin:0;font-size:clamp(19px,1.8vw,30px);line-height:1.08;position:absolute;top:34px;left:22px;right:22px}.folder-project-title small{color:#8f8b85;letter-spacing:.11em;margin-top:8px;font:8px DM Mono;display:block}.folder-project:hover .folder-project-title{color:#fff}.project-caption h3{letter-spacing:.06em;font-family:DM Mono;font-size:13px;font-weight:400}.project-caption span{color:#f0ece6;font-size:15px;font-weight:600}@media (width<=650px){.bilingual-head h2{gap:12px}.folder-project-title{font-size:24px}.hero-caption p strong{font-size:13px}}.portfolio-title{letter-spacing:-.085em!important;font-size:clamp(72px,12vw,220px)!important;line-height:.76!important}.portfolio-title span{color:#f4f1eb;text-shadow:0 20px 65px #00000080}.about-intro{grid-template-columns:1.25fr .75fr;gap:clamp(30px,4vw,70px)}.about-intro p:first-child{color:#d3cec7;font-size:16px}.about-intro p:last-child{border-left:1px solid #ffffff2e;padding-left:28px}.timeline-item h3{font-size:22px}.timeline-item strong{max-width:360px;min-height:38px;line-height:1.55;display:block}.timeline-item p{max-width:390px}.portrait-art img{z-index:2;object-fit:cover;filter:saturate(.86)contrast(1.05);width:100%;height:100%;position:absolute;inset:0}@media (width<=800px){.about-intro{grid-template-columns:1fr}.about-intro p:last-child{border-top:1px solid #ffffff2e;border-left:0;padding-top:24px;padding-left:0}}.about-copy h2 span{font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif!important;font-style:normal!important}.portrait-art img{object-position:50% 68%;filter:saturate(.72)contrast(1.1)brightness(.78)}.portrait-art:after{z-index:3;background:linear-gradient(#08080805 40%,#080808bd 100%),linear-gradient(90deg,#ff5b2314,#0000 45%)}.portrait-code{z-index:4}.portrait-art:hover img{filter:saturate(.9)contrast(1.08)brightness(.84);transform:scale(1.035)}.portrait-art img{transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .7s}.discipline-grid{grid-template-columns:repeat(3,1fr);gap:clamp(22px,2.5vw,44px)}.discipline-card:nth-child(2n),.discipline-card:nth-child(2),.discipline-card:nth-child(5){margin-top:0}.discipline-cover img,.discipline-cover video{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .55s cubic-bezier(.2,.8,.2,1)}.discipline-card:hover .discipline-cover img,.discipline-card:hover .discipline-cover video{transform:scale(1.065)}.portfolio-groups{flex-direction:column;gap:clamp(120px,13vw,210px);padding-top:130px;padding-bottom:190px;display:flex}.portfolio-group{content-visibility:auto;contain-intrinsic-size:700px 900px;min-width:0;position:relative}.compact-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(85px,8vw,140px) clamp(28px,4vw,70px);display:grid}.stack-gallery{isolation:isolate;width:100%;height:clamp(500px,48vw,790px);color:inherit;text-align:left;place-items:center;display:grid;position:relative}.compact-groups .stack-gallery{height:clamp(390px,32vw,540px)}.stack-gallery:before{content:"";background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--category-color) 14%,transparent),transparent 62%);border:1px solid #ffffff14;position:absolute;inset:8% 3% 2%}.stack-media{width:min(68%,930px);height:88%;z-index:var(--z);transform:translate(var(--rest-x),var(--rest-y)) rotate(var(--rest-r));opacity:.76;background:#121212;border:1px solid #ffffff2e;border-radius:7px;transition:transform .62s cubic-bezier(.18,.8,.18,1),opacity .45s;display:block;position:absolute;overflow:hidden;box-shadow:0 18px 45px #0000006b}.compact-groups .stack-media{width:74%;height:82%}.stack-media img,.stack-media video,.stack-media .video-card-placeholder{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.stack-media:first-of-type{opacity:1;box-shadow:0 24px 58px #00000085}.stack-gallery:hover .stack-media{transform:translateX(var(--fan-x)) rotate(var(--fan-r));opacity:1}.stack-count{z-index:30;color:#fff;align-items:flex-end;gap:7px;font:700 clamp(36px,4vw,68px)/.8 Inter;display:flex;position:absolute;top:8%;left:4%}.stack-count small{color:#aaa;letter-spacing:.15em;padding-bottom:4px;font:8px DM Mono}.stack-hint{z-index:30;color:#d0cdc7;letter-spacing:.12em;background:#080808e6;border:1px solid #ffffff26;padding:11px 14px;font:8px DM Mono;position:absolute;bottom:2%;right:4%}.single-gallery{background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--category-color) 13%,#151515),#090909 70%);border:1px solid #ffffff1f;place-items:center;width:100%;min-height:clamp(470px,46vw,760px);display:grid;position:relative;overflow:hidden;box-shadow:0 22px 62px #00000061}.compact-groups .single-gallery{min-height:clamp(380px,30vw,520px)}.single-gallery>img{object-fit:cover;width:100%;height:100%;display:block}.single-gallery>.video-card-placeholder{width:100%;height:100%;min-height:inherit}.single-badge{color:#ddd;letter-spacing:.13em;background:#050505e0;border:1px solid #ffffff24;padding:10px 13px;font:8px DM Mono;position:absolute;bottom:18px;right:18px}.single-video{aspect-ratio:16/9;min-height:0}.video-card-placeholder{background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--category-color) 25%,#222),#070707 68%);color:#fff;align-content:center;place-items:center;gap:13px;display:grid!important}.video-card-placeholder b{border:1px solid #ffffff4d;border-radius:50%;place-items:center;width:66px;height:66px;padding-left:5px;font-size:23px;display:grid}.video-card-placeholder small{text-overflow:ellipsis;color:#aaa;letter-spacing:.12em;white-space:nowrap;max-width:80%;font:9px DM Mono;overflow:hidden}.group-copy{border-top:1px solid #ffffff29;grid-template-columns:minmax(180px,.42fr) 1fr 1fr;align-items:start;gap:clamp(24px,4vw,80px);margin-top:38px;padding-top:28px;display:grid}.compact-groups .group-copy{grid-template-columns:1fr;gap:15px;margin-top:24px}.group-copy>span{color:var(--category-color);letter-spacing:.13em;font:9px DM Mono}.group-copy h2{letter-spacing:-.06em;overflow-wrap:anywhere;margin:0;font-size:clamp(34px,4vw,68px);line-height:.92}.compact-groups .group-copy h2{font-size:clamp(30px,3vw,48px)}.group-copy h2 small{color:#8e908b;letter-spacing:.14em;margin-top:15px;font:9px/1.4 DM Mono;display:block}.group-copy p{color:#9d9f99;max-width:560px;margin:0;font-size:14px;line-height:1.85}.long-preview{text-align:left;background:#111;border:1px solid #ffffff24;width:100%;height:clamp(560px,48vw,760px);display:block;position:relative;overflow:hidden;box-shadow:0 24px 68px #0006}.compact-groups .long-preview{height:clamp(420px,32vw,540px)}.long-preview img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .55s cubic-bezier(.2,.8,.2,1);display:block}.long-preview:hover img{transform:scale(1.025)}.long-action{z-index:2;color:#fff;letter-spacing:.12em;background:#050505e6;border:1px solid #ffffff2e;padding:12px 16px;font:9px DM Mono;position:absolute;bottom:20px;right:20px}.project-viewer{z-index:5000;content-visibility:visible;background:#000000f0;place-items:center;padding:3vh 3vw;display:grid;position:fixed;inset:0}.viewer-shell{background:#080808;border:1px solid #ffffff2b;grid-template-rows:auto minmax(0,1fr) auto;gap:14px;width:min(94vw,1800px);height:94vh;padding:18px;display:grid;position:relative;box-shadow:0 40px 120px #000}.viewer-header{border-bottom:1px solid #ffffff21;justify-content:space-between;align-items:center;gap:30px;padding-bottom:13px;display:flex}.viewer-header div{align-items:baseline;gap:18px;min-width:0;display:flex}.viewer-header span{font-size:20px;font-weight:700}.viewer-header small{text-overflow:ellipsis;color:#858782;letter-spacing:.1em;white-space:nowrap;font:9px DM Mono;overflow:hidden}.viewer-header button{color:#fff;border:1px solid #ffffff2e;flex:none;padding:9px 12px;font:9px DM Mono}.viewer-media{background:#030303;justify-content:center;align-items:center;min-height:0;display:flex;overflow:hidden}.viewer-media img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.viewer-media video{object-fit:contain;background:#000;width:100%;height:100%;display:block}.viewer-media.is-long{overscroll-behavior:contain;align-items:flex-start;overflow-y:auto}.viewer-media.is-long img{width:min(100%,1500px);max-width:1500px;height:auto;max-height:none}.viewer-arrow{z-index:3;color:#fff;background:#050505d1;border:1px solid #ffffff38;border-radius:50%;place-items:center;width:48px;height:48px;font-size:20px;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.viewer-prev{left:28px}.viewer-next{right:28px}.viewer-thumbs{border-top:1px solid #ffffff21;gap:9px;min-height:74px;padding-top:12px;display:flex;overflow-x:auto}.viewer-thumbs button{opacity:.52;background:#111;border:1px solid #0000;flex:0 0 58px;height:68px;transition:opacity .25s,border-color .25s;position:relative;overflow:hidden}.viewer-thumbs button.active{border-color:var(--category-color);opacity:1}.viewer-thumbs img,.viewer-thumbs .video-card-placeholder{object-fit:cover;width:100%;height:100%}.viewer-thumbs .video-card-placeholder b{width:28px;height:28px;font-size:10px}.viewer-thumbs .video-card-placeholder small{display:none}.viewer-thumbs button>span{color:#fff;background:#000c;padding:2px 4px;font:7px DM Mono;position:absolute;bottom:2px;right:3px}@media (width<=1100px){.discipline-grid{grid-template-columns:repeat(2,1fr)}.compact-groups,.group-copy{grid-template-columns:1fr}.compact-groups .stack-gallery{height:clamp(480px,62vw,680px)}.compact-groups .single-gallery{min-height:clamp(440px,58vw,650px)}.viewer-prev{left:22px}.viewer-next{right:22px}}@media (width<=650px){.discipline-grid{grid-template-columns:1fr}.discipline-card{grid-template-columns:42% 1fr;display:grid}.portfolio-groups,.compact-groups{gap:100px;padding-top:90px;display:flex}.stack-gallery,.compact-groups .stack-gallery{height:108vw;overflow:hidden}.stack-media,.compact-groups .stack-media{width:82%;height:84%}.stack-gallery:hover .stack-media{transform:translateX(var(--fan-x)) rotate(var(--fan-r)) scale(.82)}.stack-hint{bottom:0;right:2%}.single-gallery,.compact-groups .single-gallery{min-height:95vw}.long-preview,.compact-groups .long-preview{height:95vw}.group-copy{margin-top:24px}.group-copy h2,.compact-groups .group-copy h2{font-size:38px}.project-viewer{padding:0}.viewer-shell{border:0;width:100vw;height:100dvh;padding:12px}.viewer-header div{display:block}.viewer-header small{margin-top:5px;display:block}.viewer-arrow{top:auto;bottom:92px}.viewer-prev{left:18px}.viewer-next{right:18px}.viewer-thumbs{padding-bottom:4px}}.long-preview,.compact-groups .long-preview{aspect-ratio:3/4;height:auto}.contact{min-height:100svh;padding:38px var(--pad) 24px;color:#fff;background:#08090d url(/images/contact-screen.jpg) 50%/cover no-repeat;flex-direction:column;justify-content:flex-end;display:flex;position:relative;overflow:hidden}.contact:before{display:none}.contact-shade{pointer-events:none;background:linear-gradient(90deg,#02050e14 0%,#02050e05 48%,#02050e80 73%,#02050ec7 100%),linear-gradient(#00000005,#0000 58%,#000000c2);position:absolute;inset:0}.contact-thanks{z-index:2;align-self:flex-end;width:min(42vw,720px);margin:auto 0;padding:96px 0 64px;position:relative}.contact-thanks>span{color:#ff8a58;letter-spacing:.22em;margin-bottom:22px;font:9px DM Mono;display:block}.contact-thanks h2{letter-spacing:-.085em;text-shadow:0 20px 60px #00000073;margin:0;font-size:clamp(70px,8vw,148px);line-height:.82}.wechat-direction{justify-content:flex-end;align-items:center;gap:22px;margin:50px 0 0;display:flex}.wechat-direction svg{fill:none;stroke:#ff7447;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 12px #ff683c59);width:clamp(128px,10vw,190px);overflow:visible}.wechat-direction p{min-width:190px;margin:0;font-size:clamp(18px,1.55vw,27px);font-weight:620}.wechat-direction small{color:#aaa;letter-spacing:.15em;margin-top:8px;font:8px DM Mono;display:block}.contact-footer{z-index:2;text-shadow:0 2px 12px #000;border-top:1px solid #ffffff3d;grid-template-columns:1.15fr 1fr 1.2fr auto auto;align-items:end;gap:26px;padding-top:18px;display:grid;position:relative}.contact-footer div{flex-direction:column;gap:7px;display:flex}.contact-footer span{color:#aaa;letter-spacing:.13em;font:8px DM Mono}.contact-footer a,.contact-footer b{font-size:11px;font-weight:500}.contact-copy{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#03060e70;border:1px solid #fff3;border-radius:999px;align-items:center;gap:18px;min-width:240px;padding:10px 13px;transition:border-color .3s,background .3s,transform .3s;display:flex}.contact-copy:hover{background:#ff622e24;border-color:#ff7546cc;transform:translateY(-2px)}.contact-copy.copied{background:#20875247;border-color:#78ffad}.contact-copy.failed{background:#a53e2247;border-color:#ff8a58}.contact-copy span{white-space:nowrap;font-size:10px;font-weight:600}.contact-copy strong{letter-spacing:.1em;margin-left:auto;font:9px DM Mono}.contact-top{color:#fff;white-space:nowrap;align-self:center;font:9px DM Mono}@media (width<=1100px){.contact-footer{grid-template-columns:1fr 1fr 1fr auto}.contact-footer div:nth-child(3){display:none}.contact-copy{min-width:220px}}@media (width<=900px){.contact{background-position:38%}.contact-shade{background:linear-gradient(#03050c14,#03050c24 38%,#03050ce6 72%)}.contact-thanks{align-self:stretch;width:100%;margin-top:auto;padding:48vh 0 45px}.contact-thanks h2{font-size:clamp(64px,14vw,110px)}.wechat-direction{justify-content:flex-start;margin-top:30px}.contact-footer{grid-template-columns:1fr 1fr}.contact-copy{grid-area:2/1/auto/2;min-width:0}.contact-top{grid-area:2/2;justify-self:end}}@media (width<=560px){.contact{background-position:34%;padding:24px 22px 18px}.contact-thanks{padding-top:44vh}.contact-thanks>span{margin-bottom:15px}.wechat-direction{gap:10px}.wechat-direction svg{width:92px}.wechat-direction p{min-width:0;font-size:16px}.contact-footer{grid-template-columns:1fr auto;gap:16px}.contact-footer div:nth-child(2){display:none}.contact-copy{min-width:0;padding:10px 12px}.contact-copy strong{display:none}}.has-project-cover .project-sheet{background:#edf4f8;padding:0}.has-project-cover .project-sheet img{object-fit:cover;object-position:center top;filter:saturate(.92)contrast(1.02);width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.8,.2,1);display:block}.folder-project.has-project-cover:hover .project-sheet img{transform:scale(1.035)}.baimeng-project{color:#0b1726;background:#e9eff4}.baimeng-project .site-header{color:#f4f6f8}.baimeng-cover{min-height:100svh;padding:116px var(--pad) 48px;background:#080d13;position:relative}.baimeng-back{z-index:3;left:var(--pad);color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050a108c;border:1px solid #ffffff3d;border-radius:999px;padding:11px 15px;position:absolute;top:116px}.baimeng-cover-frame{background:#dfe8ef;width:min(100%,1700px);margin:0 auto;position:relative;overflow:hidden;box-shadow:0 36px 110px #0006}.baimeng-cover-frame img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;display:block}.baimeng-cover-frame>span{color:#102034;letter-spacing:.13em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffb8;padding:8px 10px;font:8px DM Mono;position:absolute;bottom:15px;right:18px}.baimeng-overview{color:#0b1726;background:#edf3f7;padding-top:130px;padding-bottom:120px}.baimeng-overview .section-label{color:#718092}.baimeng-overview .section-label:after{background:#0d1f3133}.baimeng-overview .section-label span{color:#6f91b5}.baimeng-overview-copy{margin:74px 0 90px}.baimeng-overview-copy>p{color:#7890a7;letter-spacing:.16em;margin:0 0 18px;font:9px DM Mono}.baimeng-overview-copy h1{letter-spacing:-.08em;margin:0;font-size:clamp(64px,9.5vw,164px);line-height:.86}.baimeng-overview-copy h2{color:#4f6275;letter-spacing:-.04em;max-width:1100px;margin:42px 0 0;font-size:clamp(25px,3vw,50px);font-weight:450;line-height:1.35}.baimeng-overview .metrics{border-color:#0d1f3133}.baimeng-overview .metrics div{color:#25384a;border-color:#0d1f3133}.baimeng-case-stack{padding:130px var(--pad) 150px;background:#08090b;gap:104px;display:grid}.baimeng-case{width:min(100%,1700px);margin:0 auto}.baimeng-case figcaption{color:#f5f5f3;border-bottom:1px solid #ffffff2e;justify-content:space-between;align-items:end;gap:25px;padding:0 2px 18px;display:flex}.baimeng-case figcaption span{font-size:17px;font-weight:650}.baimeng-case figcaption small{color:#777d83;letter-spacing:.15em;font:8px DM Mono}.baimeng-case img{background:#111;width:100%;height:auto;margin-top:24px;display:block;box-shadow:0 30px 100px #0000006b}.baimeng-next{color:#0a1724;background:#dce8f0}@media (width<=900px){.baimeng-cover{min-height:auto;padding-top:98px}.baimeng-back{top:98px}.baimeng-overview{padding-top:95px;padding-bottom:90px}.baimeng-overview-copy{margin:55px 0 65px}.baimeng-case-stack{gap:70px;padding-top:90px;padding-bottom:100px}}@media (width<=650px){.baimeng-cover{padding:82px 0 24px}.baimeng-back{font-size:8px;top:82px;left:18px}.baimeng-cover-frame img{object-fit:cover;min-height:62vw}.baimeng-cover-frame>span{font-size:6px;bottom:8px;right:10px}.baimeng-overview{padding-top:78px;padding-bottom:72px}.baimeng-overview-copy{margin:44px 0 52px}.baimeng-overview-copy h1{font-size:16vw}.baimeng-overview-copy h2{margin-top:28px;font-size:24px}.baimeng-case-stack{gap:55px;padding:72px 14px 85px}.baimeng-case figcaption{padding-bottom:12px}.baimeng-case figcaption span{font-size:13px}.baimeng-case img{margin-top:14px}}.video-card-placeholder.has-poster{background:#050505;position:relative;overflow:hidden}.video-card-placeholder.has-poster img{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.video-card-placeholder.has-poster:after{content:"";background:linear-gradient(#0000 45%,#0000007a);position:absolute;inset:0}.video-card-placeholder.has-poster b,.video-card-placeholder.has-poster small{z-index:2;position:relative}.video-card-placeholder.has-poster b{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#05050559}.about-copy .profile-name{letter-spacing:-.055em;align-items:flex-end;gap:clamp(14px,2vw,30px);margin:24px 0 42px;font-size:clamp(42px,4.4vw,72px);font-weight:650;line-height:.95;display:flex}.profile-name small{color:#8d8982;letter-spacing:.18em;white-space:nowrap;padding-bottom:.12em;font:500 clamp(11px,1.05vw,17px)/1.2 DM Mono}.woowu-project{color:#f2f3f5;background:#08090d}.woowu-cover{min-height:100svh;padding:108px var(--pad) 42px;background:#090b10;place-items:center;display:grid;position:relative;overflow:hidden}.woowu-cover:before{content:"";filter:blur(48px)brightness(.35)saturate(.8);opacity:.58;background:url(/projects/woowu-ai/detail-cover.jpg) 50%/cover no-repeat;position:absolute;inset:-10%;transform:scale(1.1)}.woowu-cover:after{content:"";background:radial-gradient(circle at 50% 38%,#0000,#04050885 70%),linear-gradient(#04050833,#040508bd);position:absolute;inset:0}.woowu-back{z-index:4;left:var(--pad);color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#07090e8c;border:1px solid #fff3;border-radius:999px;padding:11px 15px;position:absolute;top:112px}.woowu-cover-glow{z-index:1;background:radial-gradient(circle,#756cff29,#0000 66%);border-radius:50%;width:55vw;height:55vw;position:absolute}.woowu-cover-frame{z-index:2;justify-content:center;align-items:center;max-width:min(100%,1100px);height:calc(100svh - 168px);margin:0;display:flex;position:relative}.woowu-cover-frame img{object-fit:contain;width:auto;max-width:100%;height:100%;display:block;box-shadow:0 35px 120px #0000007a}.woowu-cover-frame figcaption{color:#c7c9d1;letter-spacing:.14em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080a109e;padding:8px 10px;font:7px DM Mono;position:absolute;bottom:12px;right:12px}.woowu-overview{color:#f2f3f5;background:#111319;padding-top:130px;padding-bottom:120px}.woowu-overview .section-label{color:#777b88}.woowu-overview .section-label:after{background:#ffffff26}.woowu-overview .section-label span{color:#ffca55}.woowu-overview-copy{margin:72px 0 88px}.woowu-overview-copy>p{color:#777e91;letter-spacing:.16em;margin:0 0 18px;font:9px DM Mono}.woowu-overview-copy h1{letter-spacing:-.08em;margin:0;font-size:clamp(62px,9vw,152px);line-height:.86}.woowu-overview-copy h2{color:#a9adba;letter-spacing:-.04em;max-width:1080px;margin:40px 0 0;font-size:clamp(25px,3vw,48px);font-weight:430;line-height:1.35}.woowu-overview .metrics{border-color:#ffffff26}.woowu-overview .metrics div{color:#d1d3da;border-color:#ffffff26}.woowu-case-section{padding:125px var(--pad) 150px;background:#07080c}.woowu-case-section>header{border-bottom:1px solid #ffffff2b;justify-content:space-between;align-items:end;width:min(100%,1100px);margin:0 auto 28px;padding-bottom:18px;display:flex}.woowu-case-section>header span{font-size:17px;font-weight:650}.woowu-case-section>header small{color:#686d7a;letter-spacing:.15em;font:8px DM Mono}.woowu-long-frame{background:#11141c;width:min(100%,900px);margin:0 auto;box-shadow:0 36px 120px #00000080}.woowu-long-frame img{width:100%;height:auto;display:block}.woowu-next{color:#11141a;background:#ffca55}@media (width<=650px){.about-copy .profile-name{margin-bottom:34px;font-size:48px;display:block}.profile-name small{margin-top:12px;padding:0;font-size:10px;display:block}.woowu-cover{min-height:auto;padding:80px 12px 26px}.woowu-back{font-size:8px;top:82px;left:18px}.woowu-cover-frame{height:calc(100svh - 128px);min-height:620px}.woowu-overview{padding-top:78px;padding-bottom:72px}.woowu-overview-copy{margin:44px 0 52px}.woowu-overview-copy h1{font-size:15vw}.woowu-overview-copy h2{margin-top:28px;font-size:23px}.woowu-case-section{padding:72px 12px 90px}.woowu-case-section>header{margin-bottom:18px;display:block}.woowu-case-section>header small{margin-top:8px;display:block}}html.is-opening,html.is-opening body{overscroll-behavior:none}.opening-sequence{z-index:1000;pointer-events:none;color:#f4f4ee;background:#080909;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.opening-panels{grid-template-columns:repeat(4,1fr);display:grid;position:absolute;inset:0}.opening-panel{will-change:transform;background:#0b0c0c;border-right:1px solid #ffffff0f;display:block}.opening-panel:nth-child(2){background:#0d0e0e}.opening-panel:nth-child(3){background:#090a0a}.opening-panel:nth-child(4){background:#0c0d0d;border:0}.opening-content{z-index:2;width:min(100% - 88px,1680px);position:relative}.opening-kicker{color:#a8aaa5;letter-spacing:.2em;margin:0 0 22px;font:10px/1.2 DM Mono,monospace}.opening-word{padding:.08em 0 .13em;overflow:hidden}.opening-word span{letter-spacing:-.09em;will-change:transform;font-size:clamp(66px,12.2vw,220px);font-weight:800;line-height:.72;display:block}.opening-progress{color:#8b8e88;letter-spacing:.16em;grid-template-columns:auto 1fr;align-items:center;gap:28px;margin-top:42px;font:8px/1 DM Mono,monospace;display:grid}.opening-progress i{transform-origin:0;will-change:transform;background:linear-gradient(90deg,#d7ff45,#fff);height:1px;display:block}.hero-media,.portfolio-title span,.portrait-card,.folder-project,.discipline-card,.woowu-cover-frame,.woowu-long-frame{will-change:transform,opacity,clip-path}.hero-title-wrap{overflow:visible}.portfolio-title{padding:.09em 0 .13em;overflow:hidden;margin:-.09em 0 -.13em!important}.bilingual-head h2{overflow:visible}.bilingual-head h2 small{transform-origin:0;will-change:transform,opacity;display:block}.portrait-art,.project-sheet,.discipline-cover{overflow:hidden}.woowu-cover-frame{aspect-ratio:16/9;width:min(100%,1360px);height:auto}.woowu-cover-frame img{object-fit:cover;width:100%;max-width:none;height:100%}.woowu-cover-frame figcaption{bottom:18px;right:18px}.woowu-cover:before{filter:blur(58px)brightness(.3)saturate(.85);background-image:url(/projects/woowu-ai/detail-cover.jpg)}@media (width<=900px){.opening-content{width:calc(100% - 44px)}.opening-panels{grid-template-columns:repeat(2,1fr)}.opening-panel:nth-child(n+3){display:none}.opening-progress{gap:16px}.woowu-cover-frame{aspect-ratio:16/10}}@media (width<=650px){.opening-word span{font-size:17vw}.opening-kicker{font-size:7px}.opening-progress{margin-top:26px}.opening-progress small{max-width:150px;line-height:1.5}.woowu-cover-frame{aspect-ratio:16/10;height:auto;min-height:0}}@media (prefers-reduced-motion:reduce){.opening-sequence{display:none!important}.hero-media,.portfolio-title span,.portrait-card,.folder-project,.discipline-card,.woowu-cover-frame,.woowu-long-frame{will-change:auto}}