@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700;900&family=Space+Grotesk:wght@500;700&display=swap";:root{--ink:#0b0b0b;--paper:#f4f4ef;--green:#75e46a;--pink:#ff62cf;--cyan:#48dbea}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Noto Sans SC,sans-serif}button,a{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}.site{overflow:hidden}.nav{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd4;border:1px solid #111;border-radius:4px;justify-content:space-between;align-items:center;height:54px;padding:0 20px;display:flex;position:fixed;top:18px;left:22px;right:22px}.brand{font:900 18px Space Grotesk}.nav nav{gap:30px;display:flex}.nav nav button{font-size:13px}.nav a{align-items:center;gap:8px;font-size:13px;font-weight:700;text-decoration:none;display:flex}.cover-page{background:#1a551e;height:100vh;min-height:650px;position:relative}.cover-page>img{object-fit:cover;width:100%;height:100%}.cover-page>button{background:#fff;border:1px solid #111;border-radius:50px;align-items:center;gap:10px;padding:13px 20px;font-weight:700;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.chapter{letter-spacing:.12em;font:700 12px Space Grotesk;position:absolute;top:110px;left:4vw}.identity-page,.files-page,.projects-page{height:100vh;min-height:720px;position:relative}.identity-page{background:#d8ff3e;grid-template-columns:44% 56%;align-items:center;padding:8vw 6vw;display:grid}.identity-copy{z-index:2}.identity-copy>p,.files-title>p{letter-spacing:.18em;font:700 12px Space Grotesk}.identity-copy h1,.files-title h2,.projects-head h2{letter-spacing:0;margin:22px 0 50px;font-size:clamp(54px,7vw,126px);line-height:.92}.identity-copy h1 span{color:#ff4c1c}.identity-notes{flex-direction:column;gap:8px;font-size:14px;display:flex}.lanyard-stage{touch-action:none;place-items:center;height:100%;display:grid;position:relative}.lanyard-line{transform-origin:top;background:repeating-linear-gradient(90deg,#111 0 5px,#fff 5px 9px);border:2px solid #111;width:46px;height:52%;transition:transform .55s cubic-bezier(.18,.89,.32,1.28);position:absolute;top:-15%;left:50%}.lanyard-card{aspect-ratio:3/4.45;z-index:2;cursor:grab;filter:drop-shadow(18px 22px #00000024);-webkit-user-select:none;user-select:none;width:min(27vw,390px);transition:transform .65s cubic-bezier(.22,1.3,.36,1),filter .2s;position:relative}.lanyard-card.is-dragging{cursor:grabbing;transition:none}.lanyard-card img{object-fit:cover;pointer-events:none;border:2px solid #111;border-radius:28px;width:100%;height:100%}.lanyard-hole{z-index:3;background:#111;border:4px solid #fff;border-radius:20px;width:52px;height:17px;position:absolute;top:15px;left:50%;transform:translate(-50%)}.drag-hint{font-size:12px;position:absolute;bottom:25px}.files-page{background:#f7f7f2;flex-direction:column;padding:10vw 6vw 5vw;display:flex}.files-title{justify-content:space-between;align-items:end;display:flex}.files-title h2{margin:0;font-size:clamp(55px,7vw,108px)}.folder-row{flex:1;grid-template-columns:repeat(3,1fr);align-items:center;gap:5vw;display:grid}.folder{perspective:900px;height:300px;transition:transform .25s;position:relative}.folder:hover{transform:translateY(-18px)}.folder-back,.folder-front,.folder-paper{border:2px solid #111;position:absolute;bottom:44px;left:6%;right:6%}.folder-back{background:var(--folder);border-radius:7px;height:180px}.folder-back i{background:var(--folder);border:2px solid #111;border-bottom:0;border-radius:7px 7px 0 0;width:44%;height:38px;position:absolute;top:-35px;left:-2px}.folder-paper{background:#fff;justify-content:space-between;height:180px;padding:22px;transition:transform .35s;display:flex;bottom:55px;transform:rotate(-2deg)}.folder:hover .folder-paper{transform:translateY(-65px)rotate(3deg)}.folder-paper b{font:700 32px Space Grotesk}.folder-paper small{writing-mode:vertical-rl}.folder-front{background:var(--folder);transform-origin:bottom;border-radius:7px;height:145px;transform:rotateX(-8deg)}.folder>strong{z-index:5;font-size:24px;position:absolute;bottom:87px;left:10%}.projects-page{color:#fff;background:#111;padding:9vw 5vw 4vw}.projects-head{z-index:5;pointer-events:none;position:absolute;top:18%;left:6vw}.projects-head h2{margin:0;font-size:clamp(60px,7vw,112px)}.projects-head p{color:#aaa;font-size:13px;line-height:1.8}.depth-carousel{perspective:1400px;width:65%;position:absolute;top:8%;bottom:5%;right:2vw}.carousel-stage{transform-style:preserve-3d;position:absolute;inset:0}.depth-card{transform-origin:50%;background:#202020;border:1px solid #555;width:min(38vw,660px);height:min(67vh,650px);padding:0;transition:transform .65s cubic-bezier(.2,.8,.2,1),opacity .5s,filter .5s;position:absolute;top:50%;left:52%;overflow:hidden;box-shadow:0 35px 60px #0000008c}.depth-card.pos-0{z-index:4;transform:translate(-50%,-50%)translateZ(180px)}.depth-card img{object-fit:cover;width:100%;height:100%}.depth-card>span{text-align:left;color:#fff;background:linear-gradient(#0000,#000000e6);padding:80px 25px 24px;position:absolute;bottom:0;left:0;right:0}.depth-card small,.depth-card b,.depth-card em{display:block}.depth-card b{margin-top:8px;font-size:30px}.depth-card em{color:#d8ff3e;margin-top:8px;font-size:11px;font-style:normal}.carousel-arrow{z-index:9;color:#111;background:#d8ff3e;border-radius:50%;place-items:center;width:48px;height:48px;display:grid;position:absolute;top:50%}.carousel-arrow.prev{left:2%}.carousel-arrow.next{right:1%}.carousel-count{font:700 14px Space Grotesk;position:absolute;bottom:2%;right:2%}.image-modal{z-index:100;background:#080808eb;place-items:center;padding:6vh;display:grid;position:fixed;inset:0;overflow:auto}.image-modal>img{object-fit:contain;background:#fff;max-width:min(1200px,92vw);max-height:88vh}.modal-close{z-index:2;background:#d8ff3e;border-radius:50%;place-items:center;width:48px;height:48px;display:grid;position:fixed;top:24px;right:24px}.project-modal{z-index:100;color:#fff;background:#111;position:fixed;inset:0;overflow:auto}.project-modal>header{z-index:3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#111111e6;border-bottom:1px solid #444;justify-content:space-between;align-items:center;padding:25px 4vw;display:flex;position:sticky;top:0}.project-modal h2{margin:5px 0;font-size:42px}.project-modal header p,.project-modal header small{color:#aaa;margin:0}.project-modal header button{color:#fff;align-items:center;gap:8px;display:flex}.project-pages{max-width:1500px;margin:auto;padding:30px}.project-pages figure{margin:0 0 22px;position:relative}.project-pages img{width:100%;display:block}.project-pages figcaption{color:#fff;background:#111;padding:5px 8px;font:11px Space Grotesk;position:absolute;bottom:10px;right:12px}footer{background:#d8ff3e;justify-content:space-between;align-items:center;height:110px;padding:0 5vw;font-size:13px;display:flex}footer strong{font-size:22px}@media (width<=850px){.nav{top:10px;left:10px;right:10px}.nav nav{display:none}.cover-page{height:70vh}.identity-page,.files-page,.projects-page{height:auto;min-height:760px}.identity-page{grid-template-columns:1fr;padding:120px 24px 50px}.identity-copy h1{font-size:58px}.lanyard-stage{height:480px}.lanyard-card{width:250px}.files-page{padding:110px 24px 60px}.files-title{display:block}.files-title h2{font-size:58px}.folder-row{grid-template-columns:1fr;gap:20px;margin-top:30px}.folder{height:230px}.projects-page{min-height:900px;padding:110px 20px}.projects-head{position:relative;top:auto;left:auto}.projects-head h2{font-size:56px}.depth-carousel{width:100%;height:560px;margin-top:10px;position:relative;top:auto;right:auto}.depth-card{width:72vw;height:460px}.carousel-arrow.prev{left:0}.carousel-arrow.next{right:0}.image-modal{padding:20px}.project-modal h2{font-size:28px}.project-pages{padding:12px}footer{flex-wrap:wrap;gap:10px}}.intro-title p{max-width:720px}@media (width<=850px){.intro-page{min-height:720px}.intro-meta{font-size:9px;top:18px;left:18px;right:18px}.intro-title{top:12%}.intro-title h1{font-size:92px}.intro-title p{margin-top:20px;font-size:15px}.intro-cards{width:100%;height:330px;top:52%}.intro-card{border-radius:16px;width:190px;height:190px}.intro-footer{font-size:9px;left:18px;right:18px}.card-a{margin-left:-80px}.card-d{margin-left:80px}.intro-card{width:145px;height:145px}.intro-cards{width:94vw}.intro-card.card-a{margin-left:0;left:10%}.intro-card.card-b{margin-left:0;left:36%}.intro-card.card-c{margin-left:0;left:62%}.intro-card.card-d{margin-left:0;left:88%}.intro-title p{font-size:15px}}.intro-title{width:min(1200px,94vw);top:12%}.intro-title p{letter-spacing:-.03em;font-size:clamp(28px,3.4vw,54px);font-weight:900}.intro-card{border:0;border-radius:18px;width:clamp(190px,20vw,290px);height:clamp(190px,20vw,290px);transition:transform .55s cubic-bezier(.18,.9,.25,1.2),box-shadow .3s;box-shadow:0 24px 38px #0003}.intro-card:hover{box-shadow:0 34px 52px #0000004d}.intro-subtitle{text-align:center;color:#c9c9c9;letter-spacing:-.03em;width:94vw;font-size:clamp(28px,3.4vw,54px);font-weight:900;line-height:1.15;position:absolute;top:72%;left:50%;transform:translate(-50%)}.intro-footer{font-weight:900}.intro-word{z-index:0;color:#e8e8e8;letter-spacing:-.08em;pointer-events:none;font:900 clamp(90px,14vw,210px)/.8 Space Grotesk;position:absolute}.intro-word-left{top:32%;left:-1vw}.intro-word-right{bottom:25%;right:-2vw}@media (width<=850px){.intro-title{top:12%}.intro-title p{font-size:24px}.intro-cards{width:100%;height:260px;top:47%}.intro-card{width:145px;height:145px}.intro-card.card-a{left:8%}.intro-card.card-b{left:30%}.intro-card.card-c{left:52%}.intro-card.card-d{left:74%}.intro-subtitle{font-size:23px;top:69%}}.folder-single{height:180px}.folder-face,.folder-tab{background:#079cff!important}.fan-file{color:#111;text-align:left;justify-content:flex-start;gap:12px;height:145px;padding:14px;background:#fff!important}.fan-file span{font-size:18px}.projects-page{color:#111!important;background:#fff!important}.projects-head p{color:#666}.depth-card{border:2px solid #111;transition:transform 1.05s cubic-bezier(.22,.8,.2,1),opacity .8s,filter .8s;box-shadow:0 28px 60px #00000029}.projects-page .carousel-arrow{color:#fff;background:#111}.projects-page .carousel-count{color:#111}.intro-page{color:#2d2d2d;background:#fff;height:100vh;min-height:760px;font-family:Alibaba PuHuiTi,Noto Sans SC,sans-serif;position:relative;overflow:hidden}.intro-meta{letter-spacing:.12em;justify-content:space-between;font-size:12px;display:flex;position:absolute;top:25px;left:5vw;right:5vw}.intro-title{text-align:center;z-index:1;width:min(900px,90vw);position:absolute;top:11%;left:50%;transform:translate(-50%)}.intro-title h1{letter-spacing:-.08em;margin:0;font-size:clamp(82px,13vw,190px);font-weight:900;line-height:.82}.intro-title p{margin-top:28px;font-size:clamp(16px,1.8vw,25px);font-weight:900;line-height:1.5}.intro-cards{width:min(700px,78vw);height:390px;position:absolute;top:51%;left:50%;transform:translate(-50%,-50%)}.intro-card{object-fit:cover;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;border:3px solid #111;border-radius:22px;width:clamp(190px,21vw,300px);height:clamp(190px,21vw,300px);transition:transform .75s cubic-bezier(.18,.9,.25,1.3),box-shadow .3s;position:absolute;top:50%;left:50%;box-shadow:14px 22px 35px #0003}.intro-card.dragging{cursor:grabbing;z-index:10;transition:none;box-shadow:18px 28px 42px #00000052}.card-a{z-index:1}.card-b{z-index:2}.card-c{z-index:3}.card-d{z-index:4}.intro-card:not(.dragging){animation:5s ease-in-out infinite introFloat}.card-b{animation-delay:-1.3s!important}.card-c{animation-delay:-2.1s!important}.card-d{animation-delay:-3.2s!important}@keyframes introFloat{50%{margin-top:-10px}}.intro-footer{letter-spacing:.14em;color:#666;justify-content:space-between;font:700 11px Space Grotesk;display:flex;position:absolute;bottom:24px;left:5vw;right:5vw}.fan-file{border-radius:3px!important;justify-content:flex-start!important;align-items:flex-start!important;width:190px!important;height:92px!important;padding:12px!important;top:auto!important;bottom:16px!important;overflow:hidden!important}.fan-file span{text-align:left;font-size:16px;line-height:1.1;display:block}.fan-files{z-index:2}.folder-single{z-index:5}.folder-face{z-index:6}.depth-carousel{perspective:1400px;width:72%;right:1%}.depth-card{border-radius:2px;width:min(58vw,760px);height:min(44vh,430px)}.depth-card.pos-0{transform:translate(-50%,-50%)translateZ(160px)}.depth-card.pos-1{opacity:.65;transform:translate(calc(60px - 50%),calc(-50% - 70px))translateZ(-100px)rotateY(-18deg)scale(.9)}.depth-card.pos--1{opacity:.65;transform:translate(calc(-50% - 60px),calc(70px - 50%))translateZ(-100px)rotateY(18deg)scale(.9)}.intro-title h1{display:none}.intro-title p{margin:0;font-size:clamp(20px,2.3vw,34px);font-weight:900;line-height:1.5}.intro-title p strong{color:#111}.intro-title p span{color:#cfcfcf}.intro-cards{width:min(900px,88vw);height:360px;top:50%}.intro-card{border:0;border-radius:18px;width:clamp(150px,15vw,230px);height:clamp(150px,15vw,230px);box-shadow:0 22px 35px #0000002e;animation:none!important}.intro-card.card-a{z-index:1;left:12%}.intro-card.card-b{z-index:2;left:37%}.intro-card.card-c{z-index:3;left:62%}.intro-card.card-d{z-index:4;left:87%}.intro-card:hover{z-index:12;box-shadow:0 28px 45px #00000040}.intro-footer span:first-child{color:#111}.intro-footer{font-size:10px}.depth-card.pos-2{transform:translate(-50%,-35%)translateY(-330px)rotateX(21deg)scale(.72)}.projects-page{background:#111!important}.folder-row{grid-template-columns:repeat(3,1fr);gap:5vw!important;display:grid!important}.folder-row .folder{width:auto}.folder-row .folder:first-child,.folder-row .folder:nth-child(3),.folder-row:hover .folder:first-child,.folder-row:hover .folder:nth-child(3){transform:none}.depth-card.pos-1{transform:translate(-18%,-50%)translateZ(-220px)rotateY(-24deg)scale(1)}.depth-card.pos-2{opacity:.2;transform:translate(-50%,-50%)translateZ(-300px)scale(.8)}.depth-card.pos--1{transform:translate(-84%,-50%)translateZ(-220px)rotateY(24deg)scale(1)}.file-fan{flex:1;place-items:center;min-height:420px;display:grid;position:relative}.folder-single{z-index:5;cursor:pointer;width:250px;height:190px;transition:transform .45s cubic-bezier(.2,.9,.3,1.2);position:relative}.folder-face{background:#75e46a;border:3px solid #111;border-radius:6px 16px 16px;position:absolute;inset:18px 0 0;box-shadow:12px 15px #0000002e}.folder-tab{background:#75e46a;border:3px solid #111;border-bottom:0;border-radius:10px 10px 0 0;width:86px;height:30px;position:absolute;top:0;left:0}.folder-single strong{z-index:1;font-size:28px;position:relative}.fan-files{place-items:center;display:grid;position:absolute;inset:0}.fan-file{text-align:left;background:#fff;border:3px solid #111;flex-direction:column;justify-content:space-between;width:190px;height:260px;padding:18px;transition:transform .55s cubic-bezier(.2,.9,.3,1.2),opacity .25s;display:flex;position:absolute;box-shadow:10px 12px #0000001f}.fan-file b{font:700 26px Space Grotesk}.fan-file span{font-size:20px;font-weight:700}.fan-file-1{z-index:2;background:#b7f3ff;transform:translateY(25px)rotate(-3deg)}.fan-file-2{z-index:3;background:#ffd7ef;transform:translateY(25px)rotate(3deg)}.fan-file-3{z-index:4;background:#fff3a4;transform:translateY(25px)rotate(0)}.file-fan.is-open .folder-single{transform:translateY(120px)}.file-fan.is-open .fan-file-1{transform:translate(-270px)rotate(-18deg)}.file-fan.is-open .fan-file-2{transform:translateY(-75px)rotate(0)}.file-fan.is-open .fan-file-3{transform:translate(270px)rotate(18deg)}.fan-tip{color:#666;font-size:12px;position:absolute;bottom:15px}.project-pages img{cursor:zoom-in}.page-zoom{z-index:200;background:#000000e6;place-items:center;padding:30px;display:grid;position:fixed;inset:0}.page-zoom img{object-fit:contain;max-width:92vw;max-height:90vh}.page-zoom button{background:#d8ff3e;border-radius:50%;place-items:center;width:46px;height:46px;display:grid;position:absolute;top:22px;right:22px}.opening{z-index:300;color:#fff;background:#087fca;place-items:center;transition:transform 1s cubic-bezier(.77,0,.18,1);display:grid;position:fixed;inset:0}.opening.is-revealed{pointer-events:none;transform:translateY(-100%)}.opening-top{letter-spacing:.15em;justify-content:space-between;font:700 12px Space Grotesk;display:flex;position:absolute;top:30px;left:42px;right:42px}.opening-stack{width:min(56vw,700px);height:min(66vh,620px);transform-style:preserve-3d;perspective:1100px;position:relative}.opening-stack img{object-fit:cover;transform-origin:50% 100%;width:62%;height:78%;animation:7s ease-in-out infinite openingSpin;animation-delay:calc(var(--i) * -1.05s);border:3px solid #fff;position:absolute;top:50%;left:50%;box-shadow:0 25px 40px #00000040}@keyframes openingSpin{0%,to{transform:translate(-50%,-50%) rotate(calc((var(--i) - 2) * 9deg)) translateY(calc((var(--i) - 2) * 20px)) translateZ(calc(var(--i) * -35px));opacity:.86}50%{transform:translate(-50%,-50%) rotate(calc((var(--i) - 2) * -11deg)) translateY(calc((var(--i) - 2) * -24px)) translateZ(calc((4 - var(--i)) * 35px));opacity:1}}.opening-cursor{font-size:30px;animation:1.5s infinite bounceHint;position:absolute;bottom:34px}@keyframes bounceHint{50%{transform:translateY(12px)}}.bubble-hero{background-image:url(/assets/grass-sky.avif);background-position:50%;background-size:cover;position:absolute;inset:0;overflow:hidden}.bubble-sky{mix-blend-mode:screen;background:radial-gradient(circle at 18% 20%,#ffffff8c,#0000 23%),radial-gradient(circle at 76% 24%,#ffffff7a,#0000 21%);position:absolute;inset:0}.info-bubble{aspect-ratio:1;text-align:center;background:#fff;border:3px solid #111;border-radius:50%;place-items:center;width:clamp(150px,14vw,240px);font-size:clamp(18px,2.2vw,34px);font-weight:900;animation:4s ease-in-out infinite bubbleFloat;display:grid;position:absolute;box-shadow:10px 14px #0000002e}.info-bubble span{max-width:78%;line-height:1.15}.bubble-1{background:#ffe600;top:18%;left:10%}.bubble-2{background:#ff6ac9;animation-delay:-1.6s;top:12%;right:12%}.bubble-3{background:#63e8ff;animation-delay:-2.2s;bottom:17%;left:17%}.bubble-4{background:#ff7048;animation-delay:-.8s;bottom:13%;right:20%}.bubble-5{z-index:2;background:#7ee86b;top:44%;left:43%}.bubble-center{z-index:3;text-align:center;text-shadow:5px 5px #fff;font:900 clamp(36px,6vw,90px)/.85 Space Grotesk;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bubble-center small{letter-spacing:.18em;font-size:11px}@keyframes bubbleFloat{50%{transform:translateY(-15px)rotate(3deg)}}.folder-row{justify-content:center;gap:0;display:flex;position:relative}.folder-row .folder{width:260px;transition:transform .6s cubic-bezier(.2,.9,.3,1.2)}.folder-row .folder:first-child{transform:translate(180px)rotate(-13deg)}.folder-row .folder:nth-child(2){z-index:2}.folder-row .folder:nth-child(3){transform:translate(-180px)rotate(13deg)}.folder-row:hover .folder:first-child{transform:translate(235px)rotate(-20deg)}.folder-row:hover .folder:nth-child(3){transform:translate(-235px)rotate(20deg)}.folder-row .folder:hover{z-index:4;transform:translateY(-25px)rotate(0)scale(1.08)}.folder-row .folder:hover .folder-paper{transform:translateY(-80px)rotate(4deg)}.identity-page{background-color:#55bbed;background-image:radial-gradient(#ffffff52 1px,#0000 1px),linear-gradient(#50b9ed 0 74%,#61d448 74% 100%);background-position:0 0;background-repeat:repeat;background-size:14px 14px,100% 100%;background-attachment:scroll;background-origin:padding-box;background-clip:border-box}.files-page{background-color:#4eb7ea;background-image:radial-gradient(#ffffff4d 1px,#0000 1px),linear-gradient(#4eb7ea 0 77%,#58d84a 77% 100%);background-position:0 0;background-repeat:repeat;background-size:14px 14px,100% 100%;background-attachment:scroll;background-origin:padding-box;background-clip:border-box}.projects-page{background-color:#078cda;background-image:linear-gradient(#0074c742,#0074c70d),radial-gradient(#ffffff47 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:100% 100%,15px 15px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box}.depth-card{border:4px solid #ffffffd9;width:min(38vw,560px);height:min(67vh,620px);transition:transform .78s cubic-bezier(.2,.85,.28,1.22),opacity .55s,filter .55s}.depth-card.pos-1{opacity:.72;filter:saturate(.8);transform:translate(-50%,-42%)translateZ(-90px)translateY(-210px)rotateX(16deg)scale(.86)}.depth-card.pos-2{opacity:.42;filter:saturate(.65);transform:translate(-50%,-35%)translateZ(-180px)translateY(-330px)rotateX(21deg)scale(.72)}.depth-card.pos--1{opacity:.25;filter:saturate(.5);transform:translate(-50%,-62%)translateZ(-280px)translateY(285px)rotateX(-18deg)scale(.78)}.click-spark{width:100%;min-height:100vh;position:relative}.click-spark>canvas{pointer-events:none;z-index:200;width:100%;height:100%;position:fixed;inset:0}.scroll-float{display:inline-block;overflow:hidden}.scroll-char{opacity:0;transform-origin:50% 0;transition:opacity 1s cubic-bezier(.68,-.55,.265,1.55),transform 1s cubic-bezier(.68,-.55,.265,1.55);display:inline-block;transform:translateY(120%)scaleY(2.3)scaleX(.7)}.scroll-char.is-visible{opacity:1;transform:translateY(0)scaleY(1)scaleX(1)}.lanyard-rope{pointer-events:none;width:84%;height:58%;position:absolute;inset:4% 8% 22%;overflow:visible}.lanyard-rope path{fill:none;stroke:#000;stroke-width:3px;stroke-linecap:round;transition:d .55s cubic-bezier(.18,.89,.32,1.28)}.depth-card{transition:transform 1.15s cubic-bezier(.34,1.56,.64,1),opacity .8s,filter .8s}body{cursor:crosshair}.intro-title{text-align:center;width:min(1400px,94vw);left:50%;transform:translate(-50%)}.intro-title p,.intro-subtitle{text-align:center;line-height:1.1;font-size:clamp(34px,4.2vw,68px)!important;font-weight:900!important}@media (width<=850px){.intro-title p,.intro-subtitle{font-size:28px!important}}.intro-title{justify-content:center;display:flex;width:100%!important;top:20%!important;left:0!important;right:0!important;transform:none!important}.intro-title p{text-align:center;width:100%}.intro-title p,.intro-subtitle{-webkit-text-stroke:1.2px currentColor;text-shadow:.5px 0,-.5px 0;font-weight:1000!important}.signpost-open-prompt{z-index:5;color:#fff;letter-spacing:.08em;background:#111;border:1px solid #111;border-radius:999px;padding:14px 22px;font:800 12px Noto Sans SC;animation:.55s cubic-bezier(.16,1,.3,1) both signPromptIn;position:absolute;bottom:76px;left:50%;transform:translate(-50%);box-shadow:0 12px 28px #0002}.signpost-open-prompt:hover{color:#111;background:#fff}@keyframes signPromptIn{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%)}}.signpost-scene{perspective:1100px;background:#fff;border-top:1px solid #eee;height:58vh;min-height:440px;position:relative;overflow:hidden}.signpost-stage{width:min(760px,86vw);height:92%;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.8,.2,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.signpost-pole{background:linear-gradient(90deg,#111,#333 45%,#050505);border-radius:12px;width:28px;position:absolute;top:2%;bottom:0;left:50%;transform:translate(-50%)translateZ(0);box-shadow:8px 0 18px #0002}.signpost-pole i{background:#343434;border-radius:9px;width:44px;height:13px;position:absolute;left:-8px;box-shadow:inset 0 2px 3px #777}.signpost-pole i:first-child{top:16%}.signpost-pole i:nth-child(2){top:48%}.signpost-pole i:nth-child(3){top:78%}.road-sign{transform-style:preserve-3d;filter:drop-shadow(10px 15px 12px #0002);position:absolute}.road-sign:before{content:"";border-radius:inherit;background:#eee;border:5px solid #c9c9c9;position:absolute;inset:-7px;transform:translateZ(-7px)}.sign-face,.sign-back{color:#111;backface-visibility:hidden;background:linear-gradient(135deg,#fff,#ddd);border:3px solid #aaa;place-items:center;font:900 18px Space Grotesk;display:grid;position:absolute;inset:0}.sign-face{background:linear-gradient(135deg,#fdfdfd,#cfcfcf);transform:translateZ(8px)}.sign-back{background:#d5d5d5;transform:rotateY(180deg)translateZ(8px)}.road-sign b{letter-spacing:.12em;color:#777;font:700 10px Space Grotesk;position:absolute;top:calc(100% + 8px);left:0}.sign-wide{width:220px;height:74px;top:18%;left:4%;transform:rotate(-7deg)rotateY(-12deg)}.sign-tall{width:78px;height:190px;top:9%;right:7%;transform:rotate(8deg)rotateY(15deg)}.sign-round{border-radius:50%;width:116px;height:116px;top:59%;left:1%;transform:rotate(11deg)rotateY(-18deg)}.sign-round:before,.sign-round .sign-face,.sign-round .sign-back{border-radius:50%}.sign-square{width:128px;height:128px;top:57%;right:2%;transform:rotate(-9deg)rotateY(14deg)}.sign-triangle{clip-path:polygon(50% 0,100% 100%,0 100%);width:116px;height:100px;top:35%;left:39%;transform:rotate(4deg)rotateY(-8deg)}.sign-triangle:before,.sign-triangle .sign-face,.sign-triangle .sign-back{clip-path:polygon(50% 0,100% 100%,0 100%)}.signpost-caption{letter-spacing:.16em;color:#777;font:700 11px Space Grotesk;position:absolute;bottom:24px;left:5vw}.magnetic{will-change:transform;transition:transform .5s cubic-bezier(.22,1.4,.36,1);display:inline-block}.opening-loading{background:#42c9ee!important}.opening-loading img,.opening-progress,.opening-loading>b{display:none!important}.opening-percent{color:#fff;letter-spacing:-.08em;font:900 clamp(120px,20vw,360px)/.78 Alibaba PuHuiTi,Noto Sans SC,sans-serif;position:absolute;bottom:14vh;right:15vw}.opening-copy{text-align:center;width:min(1500px,92vw);transform:translate(-50%);top:13%!important;left:50%!important}.opening-copy h1{letter-spacing:-.06em;white-space:normal;font-family:Alibaba PuHuiTi,Noto Sans SC,sans-serif;font-size:clamp(60px,10.5vw,190px);font-weight:900;line-height:.86}.opening-copy h1 i,.opening-copy p{display:none}.opening-marquee{color:#aaa;font-family:Alibaba PuHuiTi,Noto Sans SC,sans-serif;font-size:clamp(34px,6vw,120px);bottom:5vh}.opening-overlay.welcome{background:0 0!important}.opening-enter-hint{color:#fff;letter-spacing:.2em;font:700 14px Alibaba PuHuiTi,Noto Sans SC,sans-serif;animation:1.4s ease-in-out infinite hintPulse;margin-top:28px!important;display:block!important}.opening-overlay.is-zooming{animation:.72s cubic-bezier(.16,1,.3,1) both openingZoomOut}.intro-zoom-in{animation:1.1s cubic-bezier(.16,1,.3,1) both introZoomIn}@keyframes openingZoomOut{to{opacity:0;transform:scale(1.55)}}@keyframes introZoomIn{0%{opacity:.35;transform:scale(1.18)}58%{opacity:1;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes hintPulse{50%{opacity:.45}}.signpost-scene{flex:none!important;order:5!important;height:150vh!important;min-height:1200px!important;overflow:hidden!important}.signpost-stage{width:min(820px,92vw)!important;height:88%!important;max-height:none!important;top:47%!important}.signpost-pole{height:100%!important;top:0!important;bottom:0!important;left:50%!important}.sign-wide{top:14%!important;left:2%!important}.sign-tall{top:7%!important;right:3%!important}.sign-triangle{top:34%!important;left:40%!important}.sign-round{top:61%!important;left:4%!important}.sign-square{top:67%!important;right:4%!important}.three-signpost-scene{background:#fff;border-top:1px solid #eee;width:100%;height:112vh;min-height:760px;position:relative;overflow:hidden;order:5!important}.three-signpost-canvas{position:absolute;inset:0}.three-signpost-canvas canvas{width:100%;height:100%;display:block}.three-signpost-loading,.three-signpost-hint{letter-spacing:.14em;color:#777;font:700 11px Space Grotesk;position:absolute;bottom:28px;left:5vw}.three-signpost-loading{color:#111;top:50%;bottom:auto;left:50%;transform:translate(-50%,-50%)}.three-signpost-hint{left:auto;right:5vw}.signpost-page-title{z-index:1;color:#111;letter-spacing:-.06em;text-align:right;pointer-events:none;margin:0;font:900 clamp(34px,5vw,82px)/.9 Alibaba PuHuiTi,Noto Sans SC,sans-serif;position:absolute;top:4vh;left:auto;right:5vw}.entrance-overlay{z-index:300;color:#fff;pointer-events:none;opacity:0;clip-path:inset(0 0 100%);background:#111;place-items:center;transition:opacity .35s,clip-path .8s cubic-bezier(.76,0,.24,1);display:grid;position:fixed;inset:0}.entrance-overlay.is-visible{opacity:1;clip-path:inset(0)}.entrance-mark{letter-spacing:-.08em;font:900 clamp(52px,10vw,150px)/.8 Space Grotesk;animation:.9s cubic-bezier(.16,1,.3,1) both entranceRise;transform:translateY(18px)}.entrance-mark span{letter-spacing:0;margin-left:.25em;font:700 .22em Noto Sans SC}.opening-overlay{z-index:320;color:#fff;cursor:crosshair;opacity:0;pointer-events:none;background:#42c9ee;transition:opacity .65s;position:fixed;inset:0;overflow:hidden}.opening-overlay.is-visible{opacity:1;pointer-events:auto}.opening-overlay.is-exiting{opacity:0;pointer-events:none}.opening-loading{background:#42c9ee;place-items:center;display:grid;position:absolute;inset:0}.opening-loading img{object-fit:contain;width:84%;height:84%;position:absolute;inset:8%}.opening-progress{background:#fff5;height:3px;position:absolute;bottom:15vh;left:9vw;right:9vw;overflow:hidden}.opening-progress span{background:#fff;height:100%;transition:width 80ms linear;display:block}.opening-loading>b{letter-spacing:.12em;font:900 14px Space Grotesk;position:absolute;bottom:10vh;right:9vw}.opening-welcome-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.opening-copy{z-index:2;font-family:Alibaba PuHuiTi,Noto Sans SC,sans-serif;position:absolute;top:10vh;left:7vw}.opening-copy h1{letter-spacing:-.05em;margin:0;font-size:clamp(50px,8vw,150px);font-weight:900;line-height:.9}.opening-copy h1 i{vertical-align:-.02em;background:#fff;width:.08em;height:.72em;margin-left:.14em;animation:.8s step-end infinite caretBlink;display:inline-block}.opening-copy p{letter-spacing:.12em;margin:18px 0 0;font-size:13px;font-weight:700}.opening-marquee{z-index:2;color:#aaa;white-space:nowrap;width:max-content;font:900 clamp(42px,7vw,130px)/.9 Alibaba PuHuiTi,Noto Sans SC,sans-serif;animation:18s linear infinite openingMarquee;display:flex;position:absolute;bottom:3vh;left:0;right:0}.opening-marquee span{padding-right:2em}@keyframes openingMarquee{to{transform:translate(-50%)}}@keyframes caretBlink{50%{opacity:0}}.entrance-bar{background:#444;height:2px;position:absolute;bottom:9vh;left:8vw;right:8vw;overflow:hidden}.entrance-bar i{transform-origin:0;background:#fff;width:100%;height:100%;animation:.9s cubic-bezier(.76,0,.24,1) both entranceLoad;display:block}@keyframes entranceRise{to{transform:translateY(0)}}@keyframes entranceLoad{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.projects-page{color:#111!important;background:#fff!important;height:auto!important;min-height:100vh!important;padding:0!important;overflow:visible!important}.scroll-stack-scroller{background:#fff;width:100%;position:relative;overflow:visible}.scroll-stack-inner{min-height:100vh;padding:20vh 7vw 55vh}.scroll-stack-card{top:calc(12vh + var(--stack-i) * 30px);background:var(--stack-color);color:#111;text-align:left;transform-origin:top;width:100%;height:58vh;min-height:420px;transform:scale(calc(.91 + var(--stack-i) * .03));will-change:transform;border:0;border-radius:32px;margin:0 0 100px;padding:clamp(28px,5vw,72px);transition:transform .6s cubic-bezier(.22,.8,.2,1),box-shadow .35s;display:block;position:sticky;box-shadow:0 18px 50px #0000001f}.scroll-stack-card:hover{transform:scale(calc(.925 + var(--stack-i) * .03)) translateY(-8px);box-shadow:0 28px 65px #0000002e}.scroll-stack-card h2{letter-spacing:-.05em;max-width:82%;margin:7vh 0 18px;font-size:clamp(52px,8vw,132px);font-weight:1000;line-height:.88}.scroll-stack-card p{font-size:16px;font-weight:800}.scroll-stack-card em{font-size:12px;font-style:normal;font-weight:900;position:absolute;bottom:32px;right:38px}.stack-num{letter-spacing:.15em;font:900 14px Space Grotesk}.scroll-stack-end{height:1px}@media (width<=850px){.scroll-stack-inner{padding:16vh 18px 40vh}.scroll-stack-card{top:calc(10vh + var(--stack-i) * 22px);border-radius:20px;height:52vh;min-height:380px;margin-bottom:80px}.scroll-stack-card h2{max-width:100%;font-size:52px}}.rb-folder-wrap{flex-direction:column;justify-content:center;align-items:center;height:310px;display:flex}.rb-folder{cursor:pointer;transform-origin:50%;transition:all .2s ease-in;transform:scale(2.35)}.rb-folder:hover,.rb-folder.open{transform:scale(2.35)translateY(-8px)}.rb-folder__back{background:var(--folder-back-color);border-radius:0 10px 10px;width:100px;height:80px;position:relative}.rb-folder__back:after{z-index:0;content:"";background:var(--folder-back-color);border-radius:5px 5px 0 0;width:30px;height:10px;position:absolute;bottom:98%;left:0}.rb-paper{z-index:2;background:var(--paper-1);border-radius:10px;flex-direction:column;justify-content:space-between;width:70%;height:80%;padding:6px;font-size:7px;font-weight:800;transition:all .3s ease-in-out;display:flex;position:absolute;bottom:10%;left:50%;transform:translate(-50%,10%)}.rb-paper:nth-child(2){background:var(--paper-2);width:80%;height:70%}.rb-paper:nth-child(3){background:var(--paper-3);width:90%;height:60%}.rb-folder:hover .rb-paper{transform:translate(-50%)}.rb-folder:hover .rb-folder__front,.rb-folder.open .rb-folder__front{transform:skew(15deg)scaleY(.6)}.rb-folder:hover .right,.rb-folder.open .right{transform:skew(-15deg)scaleY(.6)}.rb-folder.open .rb-paper:first-child{transform:translate(calc(-120% + var(--magnet-x,0px)),calc(-70% + var(--magnet-y,0px))) rotateZ(-15deg)}.rb-folder.open .rb-paper:nth-child(2){transform:translate(calc(10% + var(--magnet-x,0px)),calc(-70% + var(--magnet-y,0px))) rotateZ(15deg);height:80%}.rb-folder.open .rb-paper:nth-child(3){transform:translate(calc(-50% + var(--magnet-x,0px)),calc(-100% + var(--magnet-y,0px))) rotateZ(5deg);height:80%}.rb-folder.open .rb-paper:hover{scale:1.1}.rb-folder__front{z-index:3;background:var(--folder-color);transform-origin:bottom;border-radius:5px 10px 10px;width:100%;height:100%;transition:all .3s ease-in-out;position:absolute}.rb-folder:focus-visible{outline-offset:4px;border-radius:10px;outline:2px solid #111}.rb-folder-label{margin-top:34px;font-size:20px}.folder-row{align-items:center}@media (width<=850px){.rb-folder{transform:scale(1.75)}.rb-folder:hover,.rb-folder.open{transform:scale(1.75)translateY(-8px)}.rb-folder-wrap{height:250px}}.folder-row .rb-folder-wrap:nth-child(n+2){display:none!important}.folder-row{position:relative;justify-content:center!important;display:flex!important}.folder-row:before{content:"关于我的一个文件夹";white-space:nowrap;font-size:clamp(34px,5vw,72px);font-weight:900;position:absolute;top:-18%;left:50%;transform:translate(-50%)}.rb-folder-label{z-index:10;position:relative;margin-top:56px!important;font-size:24px!important}.files-page .files-title{visibility:hidden}.projects-page{color:#111!important;background:#fff!important;height:100vh!important;min-height:760px!important;padding:0!important;position:relative!important;overflow:hidden!important}.final-showcase{background:#fff;width:100%;height:100%;position:relative;overflow:hidden}.showcase-kicker{letter-spacing:.16em;color:#777;font:700 11px Space Grotesk;position:absolute;top:12%;left:5vw}.showcase-title{z-index:2;letter-spacing:-.08em;text-transform:uppercase;mix-blend-mode:multiply;max-width:58vw;margin:0;font:900 clamp(72px,11vw,180px)/.82 Space Grotesk;position:absolute;top:28%;left:4vw}.showcase-copy{z-index:3;font-size:18px;font-weight:800;line-height:1.45;position:absolute;top:58%;left:5vw}.showcase-copy span{color:#aaa;font-size:13px}.showcase-open{z-index:5;color:#fff;letter-spacing:.12em;background:#111;border:1px solid #111;padding:12px 18px;font:700 11px Space Grotesk;position:absolute;bottom:12%;left:5vw}.showcase-anchor{will-change:transform;background:#111;width:min(56vw,820px);height:min(82vh,760px);transition:transform .15s linear;position:absolute;bottom:-16vh;right:-7vw;overflow:hidden;box-shadow:-25px 28px 80px #0003}.showcase-anchor img{object-fit:cover;width:100%;height:100%;display:block}.showcase-index{color:#fff;letter-spacing:.16em;font:700 12px Space Grotesk;position:absolute;bottom:18px;left:20px}.showcase-switch{z-index:6;gap:8px;display:flex;position:absolute;top:12%;right:5vw}.showcase-switch button{background:#fff;border:1px solid #111;place-items:center;width:42px;height:42px;display:grid}.showcase-switch button:hover{color:#fff;background:#111}.projects-page .chapter,.projects-page .projects-head{display:none}.identity-page{background-image:url(/assets/grass-sky.avif)!important;background-position:50%!important;background-size:cover!important}.depth-card>span{text-align:center;background:#00000073;padding:22px;font-weight:900;top:50%;bottom:auto;transform:translateY(-50%)}.depth-card>span b{font-size:clamp(28px,4vw,56px)}.depth-carousel .carousel-stage{animation:6s ease-in-out infinite showcaseBreath}@keyframes showcaseBreath{50%{transform:translateY(-8px)}}@media (width<=850px){.projects-page{min-height:760px!important}.showcase-title{max-width:80vw;font-size:68px;top:27%;left:6vw}.showcase-copy{font-size:15px;top:55%;left:6vw}.showcase-anchor{width:92vw;height:58vh;bottom:-8vh;right:-22vw}.showcase-open{bottom:10%;left:6vw}.showcase-switch{top:13%;right:6vw}}.projects-page{background:#fff!important;height:auto!important;min-height:320vh!important;padding:0!important;display:block!important;overflow:visible!important}.projects-page>.chapter,.projects-page>.projects-head{display:none!important}.scroll-stack-scroller{height:auto!important;overflow:visible!important}.scroll-stack-inner{padding-top:18vh!important;padding-bottom:70vh!important}.scroll-stack-card{height:62vh!important;min-height:440px!important;margin-bottom:140px!important;top:18vh!important}.scroll-stack-card h2{font-size:clamp(48px,7vw,118px)!important}.scroll-stack-card:first-child{z-index:1}.scroll-stack-card:nth-child(2){z-index:2}.scroll-stack-card:nth-child(3){z-index:3}.scroll-stack-card:nth-child(4){z-index:4}.files-page{background:#fff!important}.project-modal-actions{align-items:center;gap:18px;display:flex}.project-pdf-link{color:#fff;letter-spacing:.04em;border:1px solid #fff;border-radius:999px;align-items:center;padding:10px 14px;font-size:12px;font-weight:800;text-decoration:none;transition:background .25s,color .25s;display:inline-flex}.project-pdf-link:hover{color:#111;background:#fff}.identity-page{background:#fff!important}main{flex-direction:column;display:flex}.identity-page{order:3}.files-page{order:4}.signpost-scene{order:5}.scroll-stack-card{background:var(--stack-color)!important;height:100vh!important;min-height:100vh!important;transform:scale(calc(.86 + var(--stack-i) * .035)) translateY(calc(var(--stack-i) * 18px))!important;border-radius:0!important;margin-bottom:100px!important;padding:0!important;transition:transform .7s cubic-bezier(.22,.8,.2,1),box-shadow .7s!important;top:0!important;overflow:hidden!important}.scroll-stack-card:hover{transform:scale(calc(.88 + var(--stack-i) * .035)) translateY(calc(var(--stack-i) * 10px))!important}.stack-card-image{background-image:var(--stack-image);opacity:.88;background-position:50%;background-size:cover;transition:transform 1s cubic-bezier(.22,.8,.2,1),opacity .7s;position:absolute;inset:0}.scroll-stack-card:hover .stack-card-image{opacity:1;transform:scale(1.04)}.stack-card-content{text-align:left;color:#fff;background:linear-gradient(90deg,#00000094,#0000 70%);flex-direction:column;justify-content:center;align-items:flex-start;padding:10vh 7vw;display:flex;position:absolute;inset:0}.stack-card-content h2{letter-spacing:-.05em;max-width:78%;margin:22px 0 18px;font-size:clamp(54px,8vw,140px);font-weight:1000;line-height:.86}.stack-card-content p{font-size:18px;font-weight:800}.stack-card-content em{font-size:12px;font-style:normal;font-weight:900;position:absolute;bottom:8vh;right:7vw}.scroll-stack-inner{padding-top:0!important}.cover-page{order:1!important}.intro-page{order:2!important}.opening-copy{text-align:left!important;width:min(82vw,1500px)!important;top:12vh!important;left:10vw!important;transform:none!important}.opening-copy h1{letter-spacing:-.075em!important;white-space:pre-line!important;font-size:clamp(84px,13.5vw,250px)!important;line-height:.78!important}.opening-marquee{color:#aaa!important;font-size:clamp(34px,5.8vw,116px)!important;bottom:4vh!important}.opening-enter-hint{text-align:left!important;margin-left:4px!important}@media (width<=850px){.opening-copy{width:88vw!important;top:15vh!important;left:6vw!important}.opening-copy h1{font-size:clamp(56px,15vw,108px)!important}.opening-marquee{font-size:clamp(30px,8vw,64px)!important}}.opening-sound-start{z-index:4;color:#111;background:#fff;border:1px solid #fff;border-radius:999px;align-items:center;gap:9px;padding:13px 18px;font:800 13px Alibaba PuHuiTi,Noto Sans SC,sans-serif;transition:transform .25s,background .25s,color .25s;display:flex;position:absolute;bottom:8vh;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #0002}.opening-sound-start:hover{color:#fff;background:#111;transform:translate(-50%)scale(1.04)}