@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{background:#f5f0e6;color:#392c26;--silver:#3C586E;--muted:#786d62;--line:#392c2629;font-family:Space Grotesk,Arial,Microsoft YaHei,sans-serif}::selection{background:#e8b34a;color:#392c26}a:focus-visible,button:focus-visible{outline-color:#3c586e}header{height:98px;left:6%;right:6%;border-bottom:1px solid var(--line)}.brand{font-family:inherit;font-size:26px;font-weight:700;letter-spacing:-1.5px}.brand span{font:10px Space Grotesk,sans-serif;color:#392c26;letter-spacing:1.2px;vertical-align:middle;margin:0 0 0 12px}nav{font-weight:600;gap:45px;font-size:11px}nav a:after{background:#392c26}.hero{background:#f5f0e6;min-height:800px;height:100svh;max-height:1100px;overflow:hidden;isolation:isolate}.hero:after{display:none}.hero-content{position:relative;z-index:2;width:88%;padding-top:clamp(165px,23vh,240px);pointer-events:none}.hero-content .eyebrow{font-size:9px;color:#786d62;letter-spacing:1.7px}.hero h1{font-family:Space Grotesk,Arial,sans-serif;font-size:clamp(90px,9.3vw,164px);font-weight:700;line-height:.88;letter-spacing:-.075em;margin:30px 0;color:#392c26;text-shadow:none}.hero h1>span{font:inherit;display:inline;color:#392c26;margin:0;letter-spacing:inherit;line-height:inherit}.name-period{color:#3c586e}.hero-content h2{font-family:inherit;font-size:11px;font-weight:600;letter-spacing:1.1px;line-height:1.75;margin:0 0 20px}.hero-content p{font-family:inherit;font-size:13px;color:#786d62;line-height:1.6}.enter-archive{display:inline-flex;align-items:center;gap:45px;background:#392c26;color:#f5f0e6;border:1px solid #392C26;font-weight:500;font-size:10px;letter-spacing:1.3px;padding:17px 22px;margin-top:28px;pointer-events:auto;-webkit-backdrop-filter:none;backdrop-filter:none;transition:background .25s,transform .25s}.enter-archive span{font-size:19px;margin:0}.enter-archive:hover{background:#3c586e;border-color:#3c586e;transform:translateY(-2px)}.hero-foot{bottom:30px;align-items:center;color:#392c26;border-top:1px solid var(--line);padding-top:24px;gap:20px}.scroll-cue{font-size:9px;letter-spacing:1.3px;color:#392c26;font-weight:600}.scroll-cue span{margin-left:20px}.hero-note{color:#786d62;font-size:11px}.folio{font-size:11px;font-variant-numeric:tabular-nums}.hero-foot button{color:#392c26;font-size:15px}.playground{position:absolute;right:4%;top:19%;width:49%;height:64%;z-index:1;--bx:0px;--by:0px}.shape{position:absolute;pointer-events:none}.shape-blue{background:#3c586e;left:17%;top:0;width:65%;height:77%;border-radius:48% 48% 0 0;transform:rotate(-9deg)}.shape-clay{background:#b68e70;left:2%;bottom:4%;width:83%;height:21%;transform:rotate(-9deg);clip-path:polygon(0 15%,100% 0,91% 100%,7% 88%)}.shape-stripe{background:#392c26;width:13%;height:28%;right:4%;top:9%;transform:rotate(23deg);clip-path:polygon(0 0,100% 0,100% 26%,0 26%,0 38%,100% 38%,100% 64%,0 64%,0 76%,100% 76%,100% 100%,0 100%)}.dog-duo{position:absolute;width:83%;height:auto;left:1%;bottom:11%;pointer-events:none;z-index:2}.scene-index{position:absolute;left:30%;top:11%;font-size:8px;letter-spacing:2px;line-height:1.7;color:#f5f0e6b8;transform:rotate(-9deg)}.ball-path{position:absolute;inset:0;width:100%;height:100%;color:#392c2655;pointer-events:none}.yellow-ball{position:absolute;width:clamp(52px,5.7vw,90px);aspect-ratio:1;border-radius:50%;background:#e8b34a;right:4%;bottom:10%;padding:0;transform:translate(var(--bx),var(--by));transition:transform .65s cubic-bezier(.2,.8,.2,1),box-shadow .3s;box-shadow:inset -3px -3px #392c2612;z-index:4;display:grid;place-items:center;color:#392c26}.yellow-ball:before{content:"";position:absolute;inset:7px;border:1px solid #392c2638;border-radius:50%}.yellow-ball span{font-size:24px;transform:rotate(-15deg)}.yellow-ball:hover{box-shadow:inset -3px -3px #392c2612,0 0 0 9px #e8b34a22}.play-hint{position:absolute;right:0;bottom:0;font-size:7px;letter-spacing:1.3px;color:#786d62}.is-rolling .yellow-ball,.is-entering .yellow-ball{animation:ball-roll .65s cubic-bezier(.35,0,.8,.5) forwards}@keyframes ball-roll{30%{translate:-25px -30px}to{translate:-160px 210px;rotate:-200deg;opacity:0}}.works{background:#f5f0e6;border-top:1px solid var(--line);padding-top:80px}.eyebrow{color:#786d62}.section-top h2,.craft .section-top h2{font-family:Space Grotesk,Microsoft YaHei,sans-serif;font-weight:600;letter-spacing:-2px;font-size:50px}.section-top h2 em{font-style:normal;color:#3c586e}.section-top p,.tabs button{color:#786d62}.tabs button[aria-selected=true]{color:#392c26}.tabs button[aria-selected=true]:after{background:#e8b34a;height:3px}.tabs>span{color:#8d8073}.project-image{background:#e9e2d6;border:0}.project-image img{filter:none}.project-0 .project-image{background:#3c586e}.project-index,.round-arrow{background:#f5f0e6;color:#392c26;border:0}.project-meta{color:#786d62}.project h3{font-family:Space Grotesk,Microsoft YaHei,sans-serif;font-weight:500;font-size:27px;letter-spacing:-.7px}.project-0 h3{font-size:39px}.project p,.more-row>span{color:#786d62}.text-button{color:#392c26;font-weight:500}.extra-grid img,.no-cover{background:#e9e2d6}.no-cover svg{stroke:#3c586e}.about{background:#eae4d9;border-color:var(--line)}.identity-monogram{font-family:Space Grotesk,sans-serif;color:#3c586e;background:none;font-weight:600}.identity-monogram span{color:#b68e70}.portrait>span:not(.eyebrow),.portrait p{color:#786d62}.about h2{font-family:Space Grotesk,Microsoft YaHei,sans-serif;font-weight:500}.about h2 em,.about h3{color:#3c586e}.education>span,.stats strong span,.about-links{color:#3c586e}.stats strong{font-family:Space Grotesk,sans-serif;font-size:39px}.stats>div>span{color:#786d62}.skills h3{font-family:inherit;font-weight:500}.skill-top>span,.skills em{color:#3c586e}.skills small,.skills p{color:#786d62}.visual-art{background:#3c586e}.visual-art svg{stroke:#f5f0e6}.visual-art span{color:#f5f0e6}.visual-art.experiment{background:#b68e70}.contact{background:#3c586e;color:#f5f0e6;min-height:800px}.contact-orbit{display:none}.contact>.eyebrow{color:#ded7c9}.contact>h2{font-family:Space Grotesk,sans-serif;font-size:clamp(58px,6.5vw,105px);font-weight:500;letter-spacing:-5px}.contact>h2 em{color:#e8b34a;font-style:normal}.contact>p,.copy{color:#ded7c9}.email{font-family:Space Grotesk,sans-serif;font-size:27px;border-color:#f5f0e655}.email span{color:#e8b34a}.contact-bottom small,footer{color:#e0dbd1}footer{border-color:#f5f0e630}dialog{background:#f5f0e6;color:#392c26;border-color:#392c2640}dialog::backdrop{background:#392c2699}dialog>img{background:#e9e2d6}.close{background:#392c26;border:0}.dialog-body h2{font-family:Space Grotesk,sans-serif;font-weight:500}.dialog-body ul{color:#786d62}.gold-button{background:#392c26;color:#f5f0e6;border:0}.gold-button:hover{background:#3c586e}.contact .eyebrow{color:#ded7c9}.still .yellow-ball{transform:none;transition:none}.hero .playground{mix-blend-mode:normal}@media(min-width:1850px){.playground{right:max(4%,calc((100vw - 1700px)/2));width:830px}}@media(max-width:1050px){.hero{min-height:760px}.hero h1{font-size:clamp(80px,10vw,110px)}.hero-content{padding-top:200px}.playground{top:26%;height:53%;right:2%;width:50%}.hero-content h2{font-size:9px}.hero-content p{font-size:12px}.dog-duo{width:94%;left:-4%;bottom:15%}.yellow-ball{right:0;bottom:12%}.scene-index,.play-hint{font-size:6px}.section-top h2{font-size:43px}}@media(max-width:650px){header{height:78px}.brand{font-size:23px}.brand span{font-size:8px;margin-left:7px}nav{gap:17px;font-size:8px}.hero{height:960px;min-height:960px;max-height:none}.hero-content{padding-top:125px;width:86%}.hero-content .eyebrow{font-size:7px;letter-spacing:1px}.hero h1{font-size:clamp(82px,21vw,120px);letter-spacing:-.07em;margin:22px 0}.hero h1>span{font-size:inherit;letter-spacing:inherit}.hero-content h2{font-size:9px;letter-spacing:.7px;line-height:1.7;margin-bottom:12px}.hero-content p{font-size:11px}.enter-archive{padding:13px 18px;margin-top:22px;font-size:9px}.playground{left:7%;right:auto;top:55%;width:86%;height:32%}.shape-blue{height:82%;left:24%;width:56%}.shape-clay{bottom:3%}.dog-duo{width:85%;bottom:11%;left:0}.yellow-ball{width:53px;bottom:8%;right:2%}.play-hint{bottom:-4%;right:0}.scene-index{font-size:6px;top:10%;left:36%}.shape-stripe{width:10%;height:23%;right:1%;top:5%}.hero-foot{bottom:25px;left:7%;right:7%;padding-top:18px;gap:12px}.hero-note{display:none}.hero-foot .scroll-cue{display:flex;font-size:8px;gap:5px}.folio{font-size:9px}.hero-foot button{font-size:12px}.section-top h2,.craft .section-top h2{font-size:35px;letter-spacing:-1px}.project h3,.project-0 h3{font-size:28px}.project-image,.project-0 .project-image{aspect-ratio:1.4}.contact>h2{font-size:51px;letter-spacing:-2.5px}.email{font-size:20px}.about h2{font-size:27px}.about h3{font-size:26px}}