@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.3p2_lha1f2xer.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.1qq4vpdcun5oj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.390ncx5urfkfu.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.21jp631_3pja2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.0wgildi0cnwt9.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.31988l_ccedte.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.2tuy5pz7dlieh.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.2dbetqa9o8jxf.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.1uyisp29ctx0d.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.1rgnod-3esatf.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.0r6juujl39pe6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
.pdf-section{margin-top:28px}.viewer-title{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.viewer-title h2{letter-spacing:-.035em;margin:0;font-size:24px;font-weight:500}.viewer-title>span{font:12px var(--font-mono);color:var(--muted)}.viewer-shell{background:var(--stage);border:1px solid var(--line);position:relative}.viewer-toolbar{background:var(--surface);border-bottom:1px solid var(--line);z-index:2;justify-content:space-between;align-items:center;gap:15px;padding:12px 18px;display:flex;position:relative}.viewer-toolbar button{justify-content:center;align-items:center;min-width:36px;min-height:36px;display:inline-flex}.viewer-toolbar button:hover:not(:disabled){background:var(--stage)}.viewer-paging,.viewer-zoom{align-items:center;gap:8px;display:flex}.page-select{font:13px var(--font-mono);white-space:nowrap;align-items:center;gap:4px;display:flex}.page-select select{color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;padding:8px 3px}.page-select option{background:var(--surface)}.page-select span{color:var(--muted)}.viewer-fit{border:1px solid var(--line);gap:2px;padding:2px;display:flex}.viewer-fit button{white-space:nowrap;padding:6px 12px;font-size:12px}.viewer-fit button.is-active{background:var(--ink);color:var(--bg)}.viewer-zoom output{font:12px var(--font-mono);text-align:center;min-width:40px}.viewer-viewport{overscroll-behavior-x:contain;touch-action:pan-x pan-y pinch-zoom;cursor:grab;scrollbar-color:var(--muted) var(--stage);scrollbar-width:thin;height:min(65dvh,640px);min-height:320px;position:relative;overflow:auto}.viewer-viewport[data-dragging=true]{cursor:grabbing;-webkit-user-select:none;user-select:none}.viewer-page-area{justify-content:center;align-items:center;width:max-content;min-width:100%;margin:0 auto;padding:24px;display:flex}.pdf-canvas-host,.portfolio-image{box-shadow:0 8px 24px var(--shadow);background:#fff;flex:none}.pdf-canvas-host canvas{display:block}.portfolio-image{object-fit:contain;max-width:none}.viewer-bottom{border-top:1px solid var(--line);color:var(--muted);background:var(--surface);justify-content:space-between;align-items:center;gap:20px;padding:14px 18px;font-size:12px;display:flex}.viewer-bottom>span,.viewer-bottom a{align-items:center;gap:9px;display:flex}.viewer-bottom a{white-space:nowrap}.viewer-bottom svg{flex:none}.viewer-status{background:var(--surface);border:1px solid var(--line);pointer-events:none;padding:14px 22px;font-size:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.viewer-error{background:var(--surface);border:1px solid var(--line);width:min(90%,480px);box-shadow:0 8px 40px var(--shadow);padding:28px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.viewer-error h3{font-size:20px}.viewer-error p{color:var(--muted);font-size:14px;line-height:1.7}.viewer-error>div{flex-wrap:wrap;gap:10px;display:flex}.viewer-empty,.viewer-loading{border:1px solid var(--line);background:var(--surface);text-align:center;color:var(--muted);padding:60px 25px}.viewer-loading{place-items:center;min-height:450px;display:grid}.document-text{color:var(--muted);margin:15px 0;font-size:13px}.document-text summary{cursor:pointer;padding:8px 0}.document-text p{background:var(--surface);white-space:pre-wrap;padding:20px;font-size:16px;line-height:1.8}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.viewer-shell:fullscreen{background:var(--bg);flex-direction:column;display:flex}.viewer-shell:fullscreen .viewer-viewport{flex:1;height:auto;min-height:0}.viewer-shell:fullscreen .viewer-toolbar,.viewer-shell:fullscreen .viewer-bottom{flex:none}@media (max-width:767px){.viewer-toolbar{flex-wrap:wrap;gap:8px;padding:10px}.viewer-fit{order:3;width:100%}.viewer-fit button{flex:1;font-size:13px}.viewer-zoom{gap:1px}.viewer-paging{gap:2px}.viewer-zoom output{min-width:34px}.viewer-viewport{height:56dvh;min-height:280px}.viewer-bottom{flex-direction:column;align-items:flex-start;gap:12px;padding:12px;font-size:12px}.viewer-bottom>span{line-height:1.6}.viewer-title h2{font-size:22px}.viewer-error{padding:20px}.viewer-error .outline-button{padding:10px;font-size:12px}}
:root{--bg:#eae5e1;--surface:#f3efea;--paper:#faf7f2;--ink:#1d1b19;--muted:#655f58;--line:#c8c1b8;--accent:#1d1b19;--accent-fill:#1d1b19;--on-accent:#faf7f2;--stage:#dfd8cf;--shadow:#2820161a;--font-sans:var(--font-geist-sans), Arial, "Microsoft YaHei", sans-serif;--font-mono:var(--font-geist-mono), monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{max-width:100%;min-height:100%;margin:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-size:16px}button,a{-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{background:0 0;border:0}button:disabled{cursor:not-allowed;opacity:.4}a:focus-visible,button:focus-visible,[tabindex]:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}::selection{background:var(--accent);color:var(--on-accent)}.skip-link{background:var(--ink);color:var(--bg);z-index:50;padding:12px;position:fixed;top:-80px;left:16px}.skip-link:focus{top:12px}.site-shell{flex-direction:column;max-width:1600px;min-height:100dvh;margin:auto;padding:0 4.1vw;display:flex}.site-shell>main{flex:1}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:32px;height:88px;display:flex}.brand{letter-spacing:.1em;align-items:center;gap:12px;font-size:13px;line-height:1.25;display:flex}.brand strong{font-weight:750}.brand-mark{align-items:flex-end;gap:4px;width:35px;height:35px;display:flex;transform:skewY(-18deg)}.brand-mark i{background:var(--ink);width:8px;height:23px;display:block}.brand-mark i:nth-child(2){height:32px}.brand-mark i:last-child{background:var(--accent-fill);height:26px}.site-header nav{gap:40px;margin-left:auto;display:flex}.site-header nav a{align-items:center;gap:14px;padding:10px 0;font-size:14px;display:flex;position:relative}.site-header nav a[aria-current=page]:after{content:"";background:var(--accent);width:23px;height:2px;position:absolute;bottom:0;left:0}.nav-number{font:12px var(--font-mono);color:var(--muted)}.language-toggle{border-left:1px solid var(--line);color:var(--muted);white-space:nowrap;align-items:center;gap:10px;padding:10px 0 10px 30px;font-size:13px;display:flex}.language-toggle .selected{color:var(--ink);font-weight:650}.eyebrow{font:12px var(--font-mono);letter-spacing:.12em;align-items:center;gap:10px;margin:0 0 15px;display:flex}.accent-square{background:var(--accent-fill);width:6px;height:6px}h1,h2,h3,p{margin-top:0}.primary-button{background:var(--accent);color:var(--on-accent);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:35px;padding:16px 20px;font-size:14px;transition:background .2s,transform .2s;display:inline-flex}.primary-button:hover{background:#3b3530}.primary-button:active{transform:scale(.98)}.demo-note{font:12px/1.6 var(--font-mono);color:var(--muted);margin:8px 0 20px}.site-footer{border-top:1px solid var(--line);color:var(--muted);font:12px/1.5 var(--font-mono);letter-spacing:.03em;justify-content:space-between;gap:20px;padding:22px 0;display:flex}.site-footer>span:nth-child(2){font-family:var(--font-sans);font-size:12px}.back-link{color:var(--muted);align-items:center;gap:10px;margin:28px 0;font-size:14px;display:inline-flex}.detail-heading{justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:24px;display:flex}.detail-heading h1{letter-spacing:-.06em;margin-bottom:12px;font-size:clamp(40px,5.3vw,76px);font-weight:500;line-height:1.1}.detail-heading p{max-width:600px;color:var(--muted);margin-bottom:0;line-height:1.7}.detail-category{font:12px var(--font-mono);color:var(--accent);margin-bottom:16px}.outline-button{border:1px solid var(--line);white-space:nowrap;justify-content:center;align-items:center;gap:10px;padding:12px 16px;font-size:14px;display:inline-flex}.outline-button:hover{background:var(--paper)}.project-facts{border-block:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:20px;margin:25px 0;padding:20px 0;display:grid}.project-facts dt{font:12px var(--font-mono);color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}.project-facts dd{margin:0;font-size:14px}.resource-links{flex-wrap:wrap;gap:10px;margin:20px 0;display:flex}.resource-note{color:var(--muted);align-items:center;gap:12px;margin:20px 0;font-size:13px;display:flex}.detail-footer{justify-content:space-between;gap:20px;padding:30px 0;display:flex}.next-project{align-items:center;gap:24px;display:flex}.next-project small{color:var(--muted);margin-bottom:5px;font-size:12px;display:block}.next-project strong{font-size:20px;font-weight:500}.about-page{max-width:1050px;margin:0 auto;padding:55px 0 75px}.about-heading{grid-template-columns:1fr 1.4fr;gap:60px;margin:30px 0 55px;display:grid}.about-heading h2{letter-spacing:-.07em;font-size:clamp(50px,7vw,94px);font-weight:550;line-height:1.02}.about-heading h2 span{color:var(--ink);letter-spacing:-.025em;margin-top:22px;font-size:.4em;display:inline-block}.about-intro{letter-spacing:-.035em;font-size:clamp(23px,2.8vw,37px);font-weight:450;line-height:1.35}.about-bio{color:var(--muted);line-height:1.9}.about-approach{border-top:1px solid var(--line);grid-template-columns:1fr 1.4fr;gap:60px;padding:28px 0;display:grid}.about-approach h3{font-size:18px;font-weight:500}.about-approach ul{letter-spacing:-.03em;flex-direction:column;gap:20px;margin:0;padding:0;font-size:21px;list-style:none;display:flex}.about-approach li{border-bottom:1px solid var(--line);padding-bottom:18px;line-height:1.5}.about-contact{flex-wrap:wrap;gap:15px;margin-top:35px;display:flex}.empty-archive{padding:60px 0}.not-found{padding:100px 0}.not-found h1{letter-spacing:-.04em;font-size:50px}@media (max-width:767px){.site-shell{padding:0 5vw}.site-header{gap:15px;height:74px}.brand{gap:9px;font-size:10px}.brand-mark{gap:3px;width:28px;height:28px}.brand-mark i{width:6px}.site-header nav{gap:16px}.site-header nav a{gap:7px;font-size:12px}.nav-number{display:none}.language-toggle{gap:5px;padding-left:12px;font-size:12px}.demo-note{margin-bottom:22px;font-size:12px}.site-footer{flex-wrap:wrap;gap:8px;padding:20px 0;font-size:11px}.site-footer>span:nth-child(2){display:none}.detail-heading{display:block}.detail-heading>.outline-button{margin-top:20px}.detail-heading p{font-size:16px}.project-facts{grid-template-columns:repeat(2,1fr);gap:24px}.project-facts dd{font-size:14px}.about-page{padding:20px 0 50px}.about-heading,.about-approach{grid-template-columns:1fr;gap:15px}.about-heading{margin-bottom:35px}.about-heading h2{margin-bottom:15px;font-size:62px}.about-approach ul{font-size:19px}.detail-footer{flex-direction:column}.resource-note{line-height:1.7}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
:root{--bg:#20211f;--surface:#292a27;--paper:#eae7de;--ink:#f0eee7;--muted:#b1b1a7;--line:#484a42;--accent:#d2e65b;--accent-fill:#d2e65b;--on-accent:#20211f;--stage:#191a18;--shadow:#10110f66;--lime:#d2e65b;--violet:#a17cda;--project-cover-ratio:16 / 9;--project-cover-fit:contain;--project-cover-bg:#171916;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body:after{content:"";z-index:30;pointer-events:none;opacity:.042;background-image:url(/textures/grain.svg);position:fixed;inset:0}.site-header{border-bottom-color:#ffffff16;height:80px}.brand{letter-spacing:-.025em;font-size:13px;font-weight:750}.brand-mark i:last-child{background:var(--lime)}.site-header nav a{font-size:12px}.nav-number{display:none}.language-toggle{border-left:0}.language-toggle .selected{color:var(--lime)}.outline-button:hover{color:var(--bg)}.primary-button:hover{background:#e0ee8c}.site-footer{font-size:10px}.project-facts:empty{display:none}.crate-shell{max-width:none;padding:0;overflow:clip}.crate-shell>.site-header{flex-shrink:0;margin:0 3.5vw}.crate-shell>main{display:flex}.crate-stage{isolation:isolate;width:100%;height:calc(100dvh - 80px);min-height:740px;position:relative;overflow:hidden}.crate-stage:before{content:"";pointer-events:none;background:radial-gradient(at 65% 80%,#696a5830,#0000 48%),linear-gradient(125deg,#10110f55,#0000 48%,#0e100e44);position:absolute;inset:0}.crate-intro{z-index:1;position:absolute;top:36px;left:65%}.crate-intro>p{font:10px var(--font-mono);letter-spacing:.11em;color:var(--muted);margin:0 0 18px}.crate-intro h1{letter-spacing:-.065em;margin:0 0 18px;font-size:clamp(36px,4vw,64px);font-weight:500;line-height:1.02}.crate-intro h1 span{color:#aeafa7}.intro-note{color:var(--muted);font-size:11px}.kinetic-type{z-index:0;pointer-events:none;padding:12px 0 22px;position:absolute;top:38%;left:0;right:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 40%,#0008 55%,#0000 72%);mask-image:linear-gradient(90deg,#000 40%,#0008 55%,#0000 72%)}.kinetic-track{width:max-content;animation:42s linear infinite marquee;display:flex}.kinetic-track>span{white-space:nowrap;letter-spacing:-.055em;color:var(--lime);text-shadow:3px 4px 0 #20211f, 5px 7px 0 var(--violet);flex-shrink:0;align-items:center;font-family:Georgia,Times New Roman,Songti SC,serif;font-size:clamp(90px,10.6vw,180px);line-height:1.2;display:flex}.kinetic-track svg{width:.58em;height:.58em;color:var(--violet);filter:drop-shadow(2px 2px 0 var(--lime));margin:0 .25em}@keyframes marquee{to{transform:translate(-50%)}}.curiosity-sticker{background:var(--violet);color:#20182a;z-index:1;border-radius:20px;flex-direction:column;justify-content:center;align-items:flex-start;width:238px;min-height:110px;padding:19px 18px 15px 48px;display:flex;position:absolute;top:42px;right:37%;transform:rotate(-6deg);box-shadow:3px 5px #141512}.curiosity-sticker:after{content:"";background:var(--violet);clip-path:polygon(0 0,100% 0,8% 100%);width:25px;height:20px;position:absolute;bottom:-14px;left:28px}.curiosity-sticker strong{letter-spacing:-.035em;white-space:pre-line;margin:0 0 10px;font-size:20px;line-height:1.16}.curiosity-sticker>svg{position:absolute;top:22px;left:14px}.curiosity-sticker .sticker-mini{font:9px var(--font-mono);letter-spacing:0}.side-instruction{writing-mode:vertical-rl;font:9px var(--font-mono);letter-spacing:.09em;color:var(--muted);z-index:1;align-items:center;gap:10px;display:flex;position:absolute;top:44%;right:3.5vw}.crate-scene{z-index:2;aspect-ratio:1.18;touch-action:pinch-zoom;outline-offset:9px;perspective:clamp(650px,125vw,1900px);perspective-origin:50% 45%;width:min(57vw,820px,115dvh - 212.75px);position:absolute;bottom:94px;left:29%;transform:translate(-50%);container-type:inline-size}.crate-shadow{filter:blur(16px);pointer-events:none;background:radial-gradient(#060706df,#06070688 48%,#0000 72%);border-radius:50%;width:84%;height:22%;position:absolute;bottom:2%;left:12%;transform:rotate(-12deg)skew(28deg)}.crate-world{width:60cqw;height:24cqw;transform-style:preserve-3d;position:absolute;top:60%;left:50%;transform:translate(-50%,-50%)rotateX(-24deg)rotateY(27deg)}.crate-floor{transform-origin:top;pointer-events:none;background:#11120f;width:60cqw;height:64cqw;position:absolute;top:24cqw;left:0;transform:translateZ(-32cqw)rotateX(90deg);box-shadow:inset 0 0 7cqw #050605}.crate-back-edge{background:linear-gradient(#242621,#0c0e0b);border:.55cqw solid #66675d;position:absolute;inset:0;transform:translateZ(-32cqw);box-shadow:inset 0 0 3cqw #000}.crate-side{transform-origin:0;background:repeating-linear-gradient(172deg,#ffffff03 0 1px,#0000 1px 4px),linear-gradient(145deg,#474941,#272922 46%,#141610);border:.55cqw solid #5e5f55;border-color:#a4a497 #5e5f55 #171915;width:64cqw;height:24cqw;position:absolute;top:0;box-shadow:inset 0 0 0 1px #141610,inset 0 0 0 .9cqw #32342c,inset 0 0 5cqw #10120b80}.crate-side-left{left:0;transform:translateZ(-32cqw)rotateY(-90deg)}.crate-side-right{background:linear-gradient(175deg,#282a23,#11130e);left:100%;transform:translateZ(-32cqw)rotateY(-90deg)}.case-stencil{font:600 2.3cqw/1.2 var(--font-mono);letter-spacing:.05em;color:#777b6b;position:absolute;top:31%;left:8%}.case-side-ticket{color:#25202d;font:1.15cqw var(--font-mono);background:#a17cda;padding:1cqw 1.4cqw;position:absolute;bottom:16%;right:12%;transform:rotate(-7deg)}.project-paper{background:var(--paper-accent);text-align:left;cursor:pointer;color:#242321;transform-origin:50%;width:56cqw;height:auto;transform:translate3d(0, calc(var(--depth) * .5cqw), calc(26cqw - var(--depth) * 9cqw));border:1px solid #eeebe288;border-radius:.45cqw .45cqw 0 0;grid-template-rows:5.5cqw auto 4cqw;padding:0;transition:transform .65s cubic-bezier(.2,.7,.15,1);display:grid;position:absolute;top:-27cqw;left:2cqw;overflow:hidden;box-shadow:0 -2px #eeebe2aa,2px 0 #514e4677,0 6px 14px #090a0866}.project-paper:focus-visible{outline:3px solid var(--lime);outline-offset:3px}.project-paper>*,.crate-stage[data-preview=true] .project-paper:not([data-preview=true]),.crate-front>*,.crate-side>*,.crate-stage[data-preview=true] .crate-front,.crate-stage[data-preview=true] .crate-side,.crate-stage[data-preview=true] .crate-back-edge{pointer-events:none}.project-paper[data-active=true]{border-color:var(--lime)}@media (hover:hover) and (pointer:fine){.project-paper:hover:not([data-preview=true]){transform:translate3d(0, calc(var(--depth) * .5cqw - 2.2cqw), calc(26cqw - var(--depth) * 9cqw))}}.project-paper[data-preview=true]{opacity:0}@media (prefers-reduced-motion:no-preference){.project-paper[data-flight=back]{animation:.9s cubic-bezier(.3,.05,.2,1) both card-to-back}.project-paper[data-flight=front]{animation:.9s cubic-bezier(.25,.1,.15,1) both card-to-front}}@keyframes card-to-back{0%{transform:translateZ(26cqw)}38%{transform:translate3d(-2cqw,-16cqw,30cqw)rotate(-4deg)}72%{transform:translate3d(-1cqw, -6cqw, calc(26cqw - var(--depth) * 9cqw)) rotateZ(-2deg)}to{transform:translate3d(0, calc(var(--depth) * .5cqw), calc(26cqw - var(--depth) * 9cqw))}}@keyframes card-to-front{0%{transform:translate3d(0,3cqw,-28cqw)}36%{transform:translate3d(-2cqw,-6cqw,-28cqw)rotate(-3deg)}70%{transform:translate3d(1cqw,-16cqw,30cqw)rotate(2deg)}to{transform:translateZ(26cqw)}}.project-paper:after{content:"";pointer-events:none;opacity:calc(var(--depth) * .085);background:#10120c;transition:opacity .45s;position:absolute;inset:0}.project-paper[data-active=true]:after{opacity:0}.crate-stage[data-preview=true] .project-paper:not([data-preview=true]):after{opacity:calc(.15 + var(--depth) * .085)}.paper-tab{text-transform:uppercase;font:1.1cqw var(--font-mono);letter-spacing:0;border-bottom:1px solid #22222240;align-items:center;gap:1.4cqw;padding:0 3%;display:flex}.paper-title{font-family:var(--font-geist-sans), sans-serif;letter-spacing:-.025em;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:2.7cqw;font-weight:750;line-height:1.05;overflow:hidden}.paper-number{flex-shrink:0}.project-paper[data-active=true] .paper-tab{background:var(--lime)}.paper-selection{white-space:nowrap;margin-left:auto;font-size:.9em}.preview-note{max-width:220px;color:var(--muted);margin-top:12px;font-size:11px;line-height:1.6;display:block}.paper-art{width:100%;min-height:0;aspect-ratio:var(--project-cover-ratio);background:var(--project-cover-bg);position:relative}.paper-art img{object-fit:var(--project-cover-fit);object-position:center}.paper-caption{background:#ece9e0;justify-content:space-between;align-items:center;gap:10px;padding:0 3.2%;display:flex}.paper-caption strong{letter-spacing:-.01em;font-size:1.55cqw;font-weight:400}.paper-caption>span{font:.97cqw var(--font-mono);white-space:nowrap;align-items:center;gap:9px;display:flex}.paper-placeholder{background:var(--paper-accent);flex-direction:column;justify-content:center;width:100%;height:auto;padding:6% 7%;display:flex;position:absolute;inset:0}.paper-placeholder>span{white-space:pre-line;letter-spacing:-.055em;font-size:4.8cqw;font-weight:850;line-height:.98}.paper-placeholder>svg{opacity:.7;width:16cqw;height:16cqw;position:absolute;top:22%;right:5%}.paper-placeholder small{font:1.3cqw var(--font-mono);margin-top:8%}.crate-front{background:repeating-linear-gradient(3deg,#ffffff03 0 1px,#0000 1px 4px),linear-gradient(115deg,#35382e,#272a22 50%,#191c15);border:.55cqw solid #4c4e43;border-bottom-color:#10120e;border-radius:.8cqw;position:absolute;inset:0;transform:translateZ(32cqw);box-shadow:inset 0 0 0 1px #82847366,inset 0 -1cqw 2cqw #0b0e0988,0 .5cqw #11130e}.crate-front:after,.crate-side-left:after{content:"";opacity:.045;pointer-events:none;background:url(/textures/grain.svg);position:absolute;inset:.8cqw}.front-top-edge{background:linear-gradient(#b4b3a4,#6c6e61 35%,#36392e 80%);border:1px solid #c1c1ad88;border-radius:.45cqw .45cqw 0 0;height:1.35cqw;position:absolute;top:-.75cqw;left:-.55cqw;right:-.55cqw;box-shadow:0 .3cqw .4cqw #090b08aa}.case-corner{background:linear-gradient(90deg,#10130e,#4f5246 45%,#181c13 82%);border:1px solid #6c6e5a88;border-radius:.7cqw;width:2.8cqw;position:absolute;top:0;bottom:-.6cqw;box-shadow:.3cqw 0 .7cqw #10120aaa}.case-corner:before,.case-corner:after{content:"";background:#10130c;border:1px solid #8a8d7477;border-radius:50%;width:.75cqw;height:.75cqw;position:absolute;left:.75cqw}.case-corner:before{top:2cqw}.case-corner:after{bottom:2cqw}.case-corner-left{left:-1cqw}.case-corner-right{right:-1cqw}.box-caption{font:.8cqw var(--font-mono);letter-spacing:.06em;color:#a7a89d;position:absolute;top:13%;left:7%}.case-maker{white-space:pre-line;font:1.25cqw/1.45 var(--font-mono);color:#a1a58f;position:absolute;top:37%;left:8%}.case-handle{background:linear-gradient(#090c08,#25291e);border:.65cqw solid #1b1e16;border-radius:.65cqw;width:25%;height:57%;position:absolute;top:16%;left:38%;box-shadow:0 1px #92957b,inset 0 .8cqw 1.2cqw #050703}.case-handle span{background:linear-gradient(#555c47,#1d2418 40%,#11170c);border:.4cqw solid #444939;border-radius:.5cqw;height:35%;position:absolute;top:20%;left:9%;right:9%;box-shadow:0 .8cqw 1.1cqw #000b,inset 0 1px #81856e}.case-sticker{background:var(--lime);color:#252a19;width:21%;padding:1cqw;position:absolute;top:23%;left:71%;transform:rotate(-7deg);box-shadow:1px 2px 3px #0c110766}.case-sticker strong{white-space:pre-line;letter-spacing:-.04em;font-size:1.7cqw;font-weight:800;line-height:.98;display:block}.case-sticker svg{width:2.4cqw;height:2.4cqw;position:absolute;top:.7cqw;right:.6cqw}.barcode{background:repeating-linear-gradient(90deg,#252a19 0 1px,#0000 1px 3px,#252a19 3px 6px,#0000 6px 8px,#252a19 8px 9px,#0000 9px 12px);width:45%;height:1.5cqw;margin:.7cqw 0 0 auto}.box-edition{font:.65cqw var(--font-mono);color:#8e9181;position:absolute;bottom:10%;left:8%}.current-project{z-index:15;max-width:30%;position:absolute;bottom:238px;left:65%}.current-project>p{font:10px var(--font-mono);color:var(--muted);align-items:center;gap:14px;margin-bottom:13px;display:flex}.project-counter{color:var(--lime);white-space:nowrap;font-size:15px}.project-counter>span{color:#aaa99e;font-size:10px}.current-project h2{letter-spacing:-.05em;text-wrap:balance;max-width:330px;margin-bottom:20px;font-size:clamp(22px,2.6vw,38px);font-weight:550;line-height:1.06}.explore-link{border-bottom:1px solid #a8aa9a;align-items:center;gap:24px;padding:0 0 8px;font-size:12px;display:inline-flex}.explore-link:hover{color:var(--lime);border-color:var(--lime)}.explore-link svg{transition:transform .2s}.explore-link:hover svg{transform:translate(2px,-2px)}.reserved-note{color:var(--muted);font-size:11px}.crate-navigation{z-index:15;flex-direction:column;align-items:flex-start;gap:28px;display:flex;position:absolute;bottom:108px;left:65%}.project-tabs{gap:3px;display:flex}.project-tab{color:#aaa99e;width:29px;height:43px;font:10px var(--font-mono);flex-direction:column;align-items:center;gap:10px;padding:4px 5px;display:flex}.project-tab i{border:1px solid #737569;width:15px;height:3px;display:block}.project-tab i.filled{background:#737569}.project-tab[aria-pressed=true]{color:var(--lime)}.project-tab[aria-pressed=true] i{background:var(--lime);border-color:var(--lime);transform:scaleY(2)}.project-tab:hover{color:var(--ink)}.crate-controls{gap:8px;display:flex}.crate-controls button{border:1px solid #6c6e61;border-radius:50%;place-items:center;width:47px;height:47px;transition:transform .18s,background .18s;display:grid}.crate-controls button:last-child{background:var(--lime);color:#24251e;border-color:var(--lime)}.crate-controls button:hover{transform:translateY(-3px)}.crate-bottom{z-index:15;color:var(--muted);border-top:1px solid #ffffff16;justify-content:space-between;align-items:center;gap:16px;padding-top:18px;font-size:10px;display:flex;position:absolute;bottom:20px;left:3.5vw;right:3.5vw}.motion-toggle{font:8px var(--font-mono);letter-spacing:.07em;align-items:center;gap:9px;padding:8px 0 8px 12px;display:flex}.crate-stage[data-paused=true] .kinetic-track,.crate-stage[data-paused=true] .curiosity-sticker svg{animation-play-state:paused}@media (prefers-reduced-motion:no-preference){.curiosity-sticker>svg{animation:5s ease-in-out infinite sticker-rock}@keyframes sticker-rock{0%,75%,to{transform:rotate(0)}82%{transform:rotate(-12deg)}90%{transform:rotate(9deg)}}}@media (min-width:1600px){.crate-scene{width:min(57vw,1050px,118dvh - 241.9px)}.curiosity-sticker{top:80px;right:36%}}@media (max-height:800px) and (min-width:768px){.crate-stage{min-height:595px}.crate-intro{top:24px}.crate-intro h1{font-size:43px}.crate-scene{width:min(57vw,760px,115dvh - 178.25px);bottom:77px}.current-project{bottom:218px}.crate-navigation{bottom:89px}.curiosity-sticker{width:220px;min-height:103px;top:32px;right:36%}.curiosity-sticker strong{font-size:20px}}@media (max-width:1023px) and (min-width:768px){.crate-intro h1{font-size:34px}.crate-scene{width:62vw;bottom:158px;left:30%}.current-project{max-width:30%;bottom:260px}.current-project h2{margin-bottom:12px;font-size:27px}.crate-navigation{gap:15px;bottom:71px}.curiosity-sticker{width:190px;min-height:100px;padding-left:42px;right:40%}.curiosity-sticker strong{font-size:17px}}@media (min-width:1024px) and (max-width:1279px){.current-project{max-width:30%}}@media (max-width:767px){.site-header{gap:12px;height:72px}.site-header nav{gap:16px}.site-header nav a,.brand{font-size:10px}.crate-shell>.site-header{margin:0 5vw}.language-toggle{padding-left:0;font-size:10px}.crate-stage{height:calc(100dvh - 72px);min-height:660px}.crate-intro{top:24px;left:5vw}.crate-intro>p{margin-bottom:13px;font-size:8px}.crate-intro h1{max-width:200px;margin-bottom:12px;font-size:36px}html[lang=zh-CN] .crate-intro h1{font-size:30px}.intro-note{max-width:220px;font-size:9px;display:block}.curiosity-sticker{border-radius:15px;width:140px;min-height:86px;padding:15px 12px;top:39px;right:5%;transform:rotate(-5deg)}.curiosity-sticker strong{margin-bottom:7px;font-size:15px}.curiosity-sticker>svg{display:none}.curiosity-sticker .sticker-mini{font-size:8px;line-height:1.5}.kinetic-type{top:33%;-webkit-mask-image:none;mask-image:none}.kinetic-track>span{font-size:88px}.crate-scene{width:93vw;max-width:520px;bottom:244px;left:50%}.paper-caption strong{font-size:1.75cqw}.paper-caption>span{font-size:1.35cqw}.paper-caption>span svg{width:13px}.side-instruction{display:none}.current-project{max-width:calc(100% - 130px);bottom:127px;left:5vw}.current-project>p{gap:10px;margin-bottom:10px;font-size:8px}.project-counter{font-size:12px}.current-project h2{margin-bottom:12px;font-size:25px}.explore-link{padding-bottom:5px;font-size:11px}.crate-navigation{pointer-events:none;justify-content:flex-end;align-items:flex-end;height:140px;bottom:65px;left:5vw;right:5vw}.project-tabs{pointer-events:auto;align-self:flex-start;gap:9px}.project-tab{width:31px}.crate-controls{pointer-events:auto;position:absolute;top:30px;right:0}.crate-controls button{width:39px;height:39px}.crate-bottom{padding-top:11px;font-size:8px;bottom:12px;left:5vw;right:5vw}.motion-toggle{gap:5px;font-size:7px}.motion-toggle span{text-align:left;max-width:57px;line-height:1.5}.reserved-note{font-size:10px}.preview-note{display:none}}@media (max-width:370px){.crate-scene{bottom:274px}.brand-mark{display:none}.curiosity-sticker{width:128px;right:5%}.crate-intro h1{max-width:155px;font-size:30px}html[lang=zh-CN] .crate-intro h1{font-size:24px}.intro-note{max-width:155px}.project-tabs{gap:6px}}@media (prefers-reduced-motion:reduce){.kinetic-track{animation:none}.project-paper,.project-paper:after{transition:none}.curiosity-sticker>svg{animation:none}}
.archive-preview{width:100%;max-width:none;height:100dvh;max-height:none;color:var(--ink);overscroll-behavior:contain;background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden auto}.archive-preview::backdrop{-webkit-backdrop-filter:blur(12px)saturate(.65);backdrop-filter:blur(12px)saturate(.65);background:#11130fcc;animation:.4s both preview-backdrop-in}.preview-layout{grid-template-columns:50% 44%;align-items:center;gap:6%;width:91%;max-width:1640px;min-height:100%;margin:auto;padding:92px 0 60px;display:grid}.preview-close{z-index:2;min-height:44px;font:10px var(--font-mono);background:#24261f;border:1px solid #747765;border-radius:30px;align-items:center;gap:9px;padding:8px 13px;display:flex;position:fixed;top:26px;right:4.5%}.preview-close:hover{color:var(--lime)}.preview-cover{min-width:0}.preview-card{color:#242321;background:var(--paper);border:1px solid #e4eb9b;border-radius:5px;display:block;overflow:hidden;box-shadow:0 30px 90px #0008,0 2px #f2f0e6}.preview-card-tab{background:var(--lime);font:10px var(--font-mono);text-transform:uppercase;align-items:center;gap:14px;padding:19px 22px;display:flex}.preview-card-tab strong{font-family:var(--font-geist-sans), sans-serif;letter-spacing:-.035em;min-width:0;font-size:clamp(20px,2.2vw,34px);font-weight:750;line-height:1.12}.preview-card-number,.preview-card-stamp{white-space:nowrap;flex-shrink:0}.preview-card-stamp{margin-left:auto;font-size:8px}.preview-card-art{aspect-ratio:var(--project-cover-ratio);background:var(--project-cover-bg);position:relative}.preview-card-art img{object-fit:var(--project-cover-fit);object-position:center}.preview-card-fallback{background:var(--violet);justify-content:center;align-items:center;gap:20px;height:100%;padding:30px;display:flex}.preview-card-caption{justify-content:space-between;align-items:center;gap:20px;padding:17px 22px;display:flex}.preview-card-caption strong{letter-spacing:-.01em;font-size:clamp(14px,1.2vw,18px);font-weight:400;line-height:1.35}.preview-card-caption svg{flex-shrink:0}.preview-cover-note{color:#b6b8ab;font:9px var(--font-mono);letter-spacing:.08em;justify-content:space-between;margin-top:20px;display:flex}.preview-info{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#717757 transparent;min-width:0;max-height:calc(100dvh - 152px);padding:0 12px 0 0;animation:.7s cubic-bezier(.2,.7,.15,1) .16s both preview-info-in;overflow-y:auto}.preview-kicker{color:var(--lime);font:10px var(--font-mono);letter-spacing:.12em;justify-content:space-between;margin:0 0 20px;display:flex}.preview-info h2{letter-spacing:-.055em;text-wrap:balance;margin:0 0 20px;font-size:clamp(30px,3.5vw,56px);font-weight:550;line-height:1.03}.preview-tags{flex-wrap:wrap;gap:8px;margin-bottom:22px;display:flex}.preview-tags>span{border:1px solid #727767;border-radius:30px;padding:6px 11px;font-size:11px}.preview-summary{color:#d0d0c6;max-width:52ch;margin:0 0 24px;font-size:15px;line-height:1.75}.preview-facts{border-top:1px solid #ffffff29;grid-template-columns:1fr 1fr;gap:20px;margin:0 0 25px;padding-top:18px;display:grid}.preview-facts dt{font:9px var(--font-mono);color:#b3b7a8;letter-spacing:.06em;margin:0 0 8px}.preview-facts dd{margin:0;font-size:12px;line-height:1.6}.preview-board-heading{font:9px var(--font-mono);letter-spacing:.06em;color:#bdc1af;justify-content:space-between;margin-bottom:12px;display:flex}.preview-board-image{background:#242720;position:relative}.preview-board-image img{object-fit:contain;animation:.25s preview-board-in}.preview-board-image>button{font-size:12px;position:absolute;inset:0}.preview-board-index{flex-wrap:wrap;gap:4px;padding:8px 0 16px;display:flex}.preview-board-index button{min-width:32px;height:32px;font:10px var(--font-mono);color:#b8bbad;border-bottom:2px solid #0000}.preview-board-index button[aria-pressed=true]{color:var(--lime);border-color:var(--lime)}.preview-board-index button:hover{background:#ffffff0d}.preview-more{z-index:1;background:var(--lime);color:#20241a;justify-content:space-between;align-items:center;gap:20px;min-height:60px;padding:18px 22px;font-size:14px;display:flex;position:sticky;bottom:0}.preview-more svg{transition:transform .2s}.preview-more:hover svg{transform:translate(3px,-3px)}.archive-preview[data-closing=true] .preview-info{animation:.28s ease-in both preview-info-out}.archive-preview[data-closing=true]::backdrop{animation:.28s ease-in both preview-backdrop-out}@keyframes preview-info-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes preview-info-out{to{opacity:0;transform:translateY(15px)}}@keyframes preview-board-in{0%{opacity:.3}to{opacity:1}}@keyframes preview-backdrop-in{0%{-webkit-backdrop-filter:blur();backdrop-filter:blur();background:#11130f00}}@keyframes preview-backdrop-out{to{-webkit-backdrop-filter:blur();backdrop-filter:blur();background:#11130f00}}.route-veil{inset:var(--header-height) 0 0;width:100%;height:calc(100dvh - var(--header-height));background:var(--bg);max-width:none;max-height:none;color:var(--lime);border:0;margin:0;padding:0;position:fixed}.route-veil[open]{place-items:center;animation:.2s both route-cover-in;display:grid}.route-veil::backdrop{background:0 0}.route-veil>span{background:var(--lime);transform-origin:0;width:100%;height:2px;animation:.38s cubic-bezier(.16,1,.3,1) both route-line-in;display:block;position:absolute;top:0;left:0}@keyframes route-cover-in{0%{opacity:0}to{opacity:1}}@keyframes route-line-in{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (max-width:1023px){.preview-summary{font-size:13px}.preview-card-tab{padding:12px;font-size:8px}.preview-card-stamp{display:none}.preview-facts{grid-template-columns:1fr;gap:12px}}@media (max-width:767px){.preview-layout{grid-template-columns:1fr;align-items:start;gap:32px;width:88%;padding:86px 0 35px}.preview-cover{width:100%;max-width:480px;margin:auto}.preview-card-tab strong{font-size:19px}.preview-card-caption{padding:17px}.preview-card-caption strong{font-size:14px}.preview-cover-note{margin-top:12px;font-size:7px}.preview-close{top:18px;right:6%}.preview-info{max-height:none;padding:0;overflow:visible}.preview-info h2{font-size:37px}.preview-facts{grid-template-columns:1fr 1fr}.preview-more{margin-top:8px;position:static}}@media (prefers-reduced-motion:reduce){.archive-preview::backdrop,.archive-preview[data-closing=true]::backdrop,.preview-info,.preview-board-image img,.route-veil[open],.route-arriving main{animation:none}.preview-more svg{transition:none}}@media (prefers-reduced-transparency:reduce){.archive-preview::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#191b17}}
:root{--site-gutter:3.5vw;--header-height:80px}html{overflow-y:scroll}.site-shell{max-width:none;min-height:calc(100dvh - var(--header-height));padding-inline:var(--site-gutter)}.crate-shell{padding:0}body>.site-header{z-index:40;background:var(--bg);width:calc(100% - var(--site-gutter) * 2);height:var(--header-height);flex-shrink:0;grid-template-columns:minmax(0,1fr) auto 96px;align-items:center;gap:36px;margin:0 auto;display:grid;position:sticky;top:0}.site-header .brand{justify-self:start;gap:12px;min-width:0}.brand-personal{font-family:var(--font-sans);letter-spacing:-.025em;white-space:nowrap;text-transform:uppercase;flex-direction:column;font-size:13px;font-weight:750;line-height:1.25;display:flex}.brand-divider{background:var(--muted);flex:0 0 1px;width:1px;height:22px}.brand-archive{font-family:var(--font-sans);letter-spacing:-.025em;flex-shrink:0;align-items:center;gap:12px;font-size:11px;font-weight:750;line-height:1.25;display:flex}.site-header nav{gap:clamp(24px,3vw,44px);margin:0;display:flex}.site-header nav a{white-space:nowrap;min-height:44px}.site-header .language-toggle{justify-content:flex-end;width:96px;padding:10px 0}.about-page{width:min(100%,1268px);margin-inline:auto}.crate-stage{height:calc(100dvh - var(--header-height))}@media (max-width:1023px){:root{--site-gutter:5vw;--header-height:112px}body>.site-header{grid-template-rows:64px 48px;grid-template-columns:1fr auto;gap:0 20px}.site-header .brand{grid-area:1/1}.site-header .brand-mark{display:flex}.site-header .language-toggle{grid-area:1/2;width:76px;font-size:11px}.site-header nav{grid-area:2/1/auto/-1;justify-content:space-between;align-self:stretch;gap:8px}.site-header nav a{font-size:12px}.site-header nav a[aria-current=page]:after{bottom:7px}}@media (max-width:767px){.site-header .brand{gap:8px}.brand-personal{flex-direction:column;font-size:10px;line-height:1.25;display:flex}.brand-personal-description{font-size:inherit;letter-spacing:inherit}.brand-divider{height:20px}.brand-archive{gap:7px;font-size:9px}.site-header .brand-mark{gap:3px;width:20px;height:26px}.site-header .brand-mark i{width:4px;height:17px}.site-header .brand-mark i:nth-child(2){height:24px}.site-header .brand-mark i:last-child{height:20px}}
.welcome-page{width:min(100%,1440px);min-height:max(620px, calc(100dvh - var(--header-height)));grid-template-columns:1fr 1fr;align-items:center;gap:5vw;margin:auto;padding:64px 0 80px;display:grid}.home-about{border-top:1px solid var(--line);scroll-margin-top:calc(var(--header-height) + 24px);padding-block:72px 100px}.welcome-label{font:11px var(--font-mono);letter-spacing:.08em;color:var(--muted);margin-bottom:28px}.welcome-copy h1{letter-spacing:-.065em;margin:0 0 30px;font-size:clamp(56px,6.9vw,108px);font-weight:550;line-height:1.02}.welcome-copy h1 span{color:var(--lime)}.welcome-intro{color:var(--muted);max-width:370px;line-height:1.7}.welcome-links{flex-wrap:wrap;align-items:center;gap:30px;margin-top:36px;display:flex}.welcome-about{border-bottom:1px solid var(--muted);align-items:center;gap:18px;padding-block:12px;font-size:14px;display:inline-flex}.welcome-about:hover{color:var(--lime)}.welcome-art{height:clamp(360px,36vw,540px);position:relative}.welcome-print{background:var(--paper);width:88%;color:var(--bg);margin:0;padding:8px;position:absolute;box-shadow:0 20px 50px #0005}.welcome-print-1{top:0;left:0;transform:rotate(-7deg)}.welcome-print-2{bottom:0;right:0;transform:rotate(7deg)}.welcome-print>div{aspect-ratio:16/9;background:var(--project-cover-bg);position:relative}.welcome-print img{object-fit:contain}.welcome-print figcaption{justify-content:space-between;align-items:center;gap:12px;padding:12px 5px 5px;font-size:12px;display:flex}.welcome-print figcaption span{font:8px var(--font-mono)}.other-work-page{width:min(100%,1268px);margin:0 auto;padding:64px 0 80px}.other-work-page h1{letter-spacing:-.055em;margin-bottom:18px;font-size:clamp(48px,6vw,84px);font-weight:550}.other-work-intro{color:var(--muted);line-height:1.7}.other-work-empty{border-top:1px solid var(--line);margin-top:48px;padding:64px 0 30px}.other-work-empty>div{color:var(--violet);gap:24px;margin-bottom:32px;display:flex}.other-work-empty h2{letter-spacing:-.03em;font-size:28px;font-weight:500}.other-work-empty p{color:var(--muted);line-height:1.7}.other-work-empty a{margin-top:24px}@media (prefers-reduced-motion:no-preference){.welcome-copy,.welcome-art{animation:.7s both welcome-arrive}.welcome-art{animation-delay:.1s}@keyframes welcome-arrive{0%{opacity:0;translate:0 18px}to{opacity:1;translate:0}}}@media (max-width:767px){.welcome-page{grid-template-columns:1fr;gap:48px;min-height:0;padding:38px 0 50px}.welcome-label{margin-bottom:22px;font-size:9px}.home-about{scroll-margin-top:calc(var(--header-height) + 20px);padding-block:40px 56px}.welcome-copy h1{margin-bottom:22px;font-size:clamp(52px,12vw,84px)}.welcome-intro{font-size:14px}.welcome-links{gap:22px;margin-top:24px}.welcome-links .primary-button{gap:20px}.welcome-art{width:92%;height:82vw;max-height:450px;margin:0 auto}.welcome-print figcaption{font-size:10px}.welcome-print figcaption span{display:none}.other-work-page{padding-top:38px}.other-work-empty{margin-top:32px;padding-top:36px}}