:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#121212;--paper:#f4f4f1;--yellow:#eaff8f;--yellow-rgb:234, 255, 143;--yellow-soft:#f4ffc4;--yellow-mid:#d5e871;--yellow-deep:#97a747;--grey:#d8d8d6;--mono:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, "PingFang SC", monospace;font-family:var(--mono);font-synthesis:none;text-rendering:optimizelegibility}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{background:var(--ink);min-width:320px;color:var(--paper);margin:0;overflow-x:hidden}button,a{color:inherit;font:inherit}a{text-decoration:none}button{cursor:pointer;background:0 0;border:0;padding:0}svg{fill:none;stroke:currentColor;stroke-width:1.3px}.site-header{z-index:80;grid-template-columns:110px 1fr;align-items:center;height:66px;padding:0 28px;transition:color .3s,background .3s;display:grid;position:fixed;top:0;left:0;right:0}.site-header.dark{color:#eee;background:linear-gradient(#121212f0,#12121200)}.site-header.light{color:#111;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f4f4f1eb}.logo{letter-spacing:-.05em;width:fit-content;font-size:16px;font-weight:700}.site-header nav{text-align:center;letter-spacing:.04em;text-transform:uppercase;grid-template-columns:repeat(4,1fr);align-items:stretch;height:38px;font-size:16px;display:grid}.site-header.dark nav{background:#050505}.site-header.light nav{border-bottom:1px solid #00000021}.site-header nav a{outline:none;place-items:center;padding:0 8px;display:grid}.site-header nav a span{background:linear-gradient(#fff 0 0) bottom/100% 0 no-repeat;padding:3px 2px 2px;line-height:1.05;transition:color .24s,background-size .28s cubic-bezier(.2,.75,.2,1);display:inline-block}.site-header nav a:hover span,.site-header nav a:focus-visible span{color:#111;background-size:100% 100%}.site-header nav a.is-current span,.site-header.light nav a:hover span,.site-header.light nav a:focus-visible span,body.works-detail-open .site-header nav a:hover span,body.works-detail-open .site-header nav a:focus-visible span{color:#fff;background:#111}.hero-section{color:#f0f0ed;background:#121212;min-height:100svh;position:relative;overflow:hidden}.hero-section:after{content:"";background:#151515;height:82px;position:absolute;bottom:0;left:0;right:0}.hero-section h1{z-index:3;text-align:center;letter-spacing:.005em;width:min(760px,70vw);margin:0;font-size:clamp(40px,5.25vw,88px);font-weight:400;line-height:1.55;position:absolute;top:70%;left:50%;transform:translate(-50%,-50%)}.hero-section h1 span{display:block}.hero-side{z-index:3;color:#c9c9c6;white-space:nowrap;margin:0;font-size:14px;position:absolute;top:50%;transform:translateY(-50%)}.side-left{left:1.5vw}.side-right{right:1.5vw}.hero-bottom-code{z-index:4;color:#656565;font-size:9px;position:absolute;bottom:30px;right:24px}.scroll-cue{z-index:5;color:#f2f2ef;letter-spacing:.08em;white-space:nowrap;flex-direction:column;align-items:center;gap:7px;font-size:14px;line-height:1;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.scroll-cue svg{stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:25px;height:34px;transition:transform .3s cubic-bezier(.2,.75,.2,1)}.scroll-cue:hover svg,.scroll-cue:focus-visible svg{transform:translateY(4px)}.scroll-cue:focus-visible{outline-offset:7px;outline:1px solid}.keychain-hitarea{--rx:0deg;--ry:0deg;--mx:0px;--my:0px;z-index:4;perspective:1400px;cursor:default;width:min(720px,60vw);height:500px;position:absolute;top:calc(6.5% - 60px);left:50%;transform:translate(-50%)}.keychain-hitarea.is-hot{cursor:pointer}.keychain-scene{transform-origin:50% 0;transform-style:flat;width:620px;height:560px;transform:translate3d(calc(-50% + var(--mx)), var(--my), 0) rotateX(var(--rx)) rotateY(var(--ry)) scale(.74);z-index:1;transition:transform .24s cubic-bezier(.2,.7,.2,1);position:absolute;top:0;left:50%}.keychain-note{color:#535353;letter-spacing:.18em;white-space:nowrap;opacity:0;font-size:8px;transition:opacity .25s,color .25s;position:absolute;top:448px;left:50%;transform:translate(-50%)}.keychain-hitarea:hover .keychain-note{opacity:1}.keychain-hitarea.is-hot .keychain-note{color:#8b8b86;opacity:1}.snap-hook{z-index:35;pointer-events:none;width:150px;height:200px;position:absolute;top:-12px;left:50%;overflow:visible;transform:translate(-50%)rotate(.5deg)translateZ(88px)}.snap-hook .hook-body{fill:none;stroke:url(#hook-metal);stroke-width:17px;stroke-linecap:round;filter:url(#hook-shadow)}.snap-hook .hook-highlight{fill:none;stroke:#ffffffeb;stroke-width:2px;stroke-linecap:round}.snap-hook .hook-inner-shadow{fill:none;stroke:#1e202285;stroke-width:2.4px;stroke-linecap:round}.snap-hook .hook-lock>rect:first-child{fill:url(#hook-dark);stroke:#ffffffb8;stroke-width:1.5px}.snap-hook .hook-lock-inset{fill:#2b2d2f4d;stroke:#fff6;stroke-width:1px}.snap-hook .hook-lock circle:not(.hook-rivet-shine){fill:#818588;stroke:#ffffffdb;stroke-width:2px}.snap-hook .hook-rivet-shine{fill:#ffffffdb;stroke:none}.snap-hook .hook-collar rect:first-child{fill:url(#hook-dark);stroke:#ffffffad;stroke-width:1.2px}.snap-hook .hook-collar-slot{fill:#4e5153;stroke:#ffffffb3;stroke-width:1px}.snap-hook .hook-neck{fill:none;stroke:url(#hook-metal);stroke-width:10px;stroke-linecap:round;filter:drop-shadow(2px 4px 3px #00000094)}.hook-bridge{z-index:34;pointer-events:none;background:linear-gradient(90deg,#424447 0,#f5f6f3 23%,#898c8f 45%,#fafbf7 66%,#55585b 100%);border-radius:7px;width:10px;height:22px;position:absolute;top:168px;left:50%;transform:translate(-50%)rotate(2deg)translateZ(80px);box-shadow:3px 6px 6px #0000008c,inset 1px 0 1px #ffffffb8}.master-ring{z-index:5;pointer-events:none;width:170px;height:170px;position:absolute;top:130px;left:50%;overflow:visible;transform:translate(-50%)rotate(-2deg)translateZ(-24px)}.master-ring .ring-back{fill:none;stroke:#303235;stroke-width:18px;opacity:.7;filter:drop-shadow(2px 5px 5px #00000038)}.master-ring .ring-main{fill:none;stroke:url(#ring-metal);stroke-width:15px;filter:drop-shadow(2px 5px 5px #00000040)drop-shadow(-1px -1px 1px #ffffff59)}.master-ring .ring-inner-track{fill:none;stroke:#161718ad;stroke-width:2px}.master-ring .ring-shine{fill:none;stroke:#ffffffdb;stroke-width:2.4px;stroke-linecap:round}.master-ring .ring-lower-shine{fill:none;stroke:#ffffff6b;stroke-width:1.8px;stroke-linecap:round}.master-ring .ring-seam path:first-child{stroke:#242527;stroke-width:3.3px}.master-ring .ring-seam path:last-child{stroke:#ffffffc7;stroke-width:1.8px}.key-tag{--anchor-x:0px;--anchor-y:0px;--z:0px;--r:0deg;--sr:0deg;--body-top:82px;--pivot-y:18px;left:calc(50% + var(--anchor-x));z-index:var(--layer,10);width:var(--tag-w,106px);height:var(--tag-h,270px);color:#151515;transform-origin:50% var(--pivot-y);transform:translate3d(-50%, var(--anchor-y), var(--z)) rotateZ(var(--r));filter:drop-shadow(9px 17px 14px #00000094);pointer-events:none;will-change:transform;outline:none;transition:transform .92s cubic-bezier(.16,.84,.18,1),filter .5s,opacity .42s;position:absolute;top:205px}.keychain-scene.has-active .key-tag{transform:translate3d(-50%, var(--anchor-y), calc(var(--z) + 18px)) rotateZ(var(--sr));filter:drop-shadow(10px 20px 16px #00000080)}.keychain-scene.has-active .key-tag:not(.is-active){opacity:.92}.keychain-scene.has-active .key-tag.is-active{z-index:33;transform:translate3d(-50%, calc(var(--anchor-y) - 5px), 150px) rotateZ(var(--r)) scale(1.16);filter:drop-shadow(18px 29px 24px #000000a8)}.key-tag.is-front,.key-tag:focus-visible{z-index:31}.key-tag:focus-visible .tag-body{outline:2px solid var(--yellow);outline-offset:5px}.tag-cord{z-index:3;left:50%;top:calc(var(--pivot-y) + 18px);width:16px;height:calc(var(--body-top) - 20px);pointer-events:none;position:absolute;overflow:visible;transform:translate(-50%)}.tag-cord path{fill:none;stroke-linecap:round;vector-effect:non-scaling-stroke}.tag-cord .cord-shadow{stroke:#00000094;stroke-width:3.8px;filter:blur(.55px);transform:translate(1px,1.7px)}.tag-cord .cord-body{stroke:#aeb4b6;stroke-width:3.1px;filter:drop-shadow(1px 1px 1px #00000075)}.tag-cord .cord-light{stroke:#fffffff5;stroke-width:.9px}.pvc-loop-face{z-index:1}.pvc-loop-face .pvc-face-shadow{stroke:#0000007a;stroke-width:5.2px;filter:blur(.8px);transform:translate(1.2px,1.8px)}.pvc-loop-face .pvc-face-body{stroke:url(#pvc-material);stroke-width:3.8px;filter:drop-shadow(1px 2px 1px #00000061)}.pvc-loop-face .pvc-face-core{stroke:#ebfcfd5c;stroke-width:1.7px}.pvc-loop-face .pvc-face-light{stroke:#fffffffa;stroke-width:.8px}.pvc-loop-seat{z-index:8}.pvc-loop-seat .pvc-seat-shadow{stroke:#00000057;stroke-width:5.2px;filter:blur(.7px);transform:translate(1px,1.5px)}.pvc-loop-seat .pvc-seat-body{stroke:url(#pvc-material);stroke-width:3.8px}.pvc-loop-seat .pvc-seat-light{stroke:#fffffff0;stroke-width:.8px}.tag-pendulum,.bail-face-pendulum{transform-origin:50% calc(var(--body-top) + 8px);animation:tagSway var(--sway,5.8s) ease-in-out var(--delay,0s) infinite alternate;transform-style:preserve-3d;pointer-events:none;position:absolute;inset:0}.tag-edge,.tag-body{left:0;right:0;top:var(--body-top);backface-visibility:hidden;display:block;position:absolute;bottom:0}.tag-body{pointer-events:auto}.tag-edge{z-index:2;background:linear-gradient(115deg,#f8f9f7 0,#777a7d 22%,#2f3133 50%,#dadcda 74%,#55585b 100%);transform:translate3d(1.4px,1.9px,-1px);box-shadow:2px 4px 7px #0006,inset -1px -1px 1px #0003,inset 1px 1px 1px #ffffff85}.tag-body{z-index:4;border:.7px solid #ffffff94;overflow:hidden;box-shadow:inset 1px 1px 1px #ffffffb8,inset -3px -4px 6px #0000002e,inset 0 0 18px #ffffff1f,0 1px #ffffff38}.tag-body:before{content:"";z-index:2;pointer-events:none;mix-blend-mode:screen;opacity:.62;background:linear-gradient(116deg,#0000 0 23%,#fff3 31%,#0000 39% 72%,#ffffff1a 78%,#0000 86%);position:absolute;inset:0}.tag-body:after{content:"";border-radius:inherit;pointer-events:none;border:1px solid #ffffff3d;position:absolute;inset:4px}.tag-specular{z-index:2;mix-blend-mode:screen;opacity:.58;background:linear-gradient(90deg,#0000,#ffffff94,#0000);width:78%;height:165%;transition:left .9s cubic-bezier(.2,.8,.2,1),opacity .45s;position:absolute;top:-34%;left:-65%;transform:rotate(18deg)}.key-tag.is-active .tag-specular{opacity:.84;left:105%}.tag-grain{z-index:1;mix-blend-mode:overlay;opacity:.66;background:repeating-linear-gradient(102deg,#0000 0 5px,#ffffff0b 6px,#00000009 7px);position:absolute;inset:0}.tag-hole{z-index:6;background:#0b0c0d;border-radius:5px;width:11px;height:5px;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:inset 1px 2px 3px #000,0 1px #ffffff5c,0 0 0 1px #00000047}.tag-copy{z-index:5;transform-origin:50% 55%;text-shadow:0 1px #ffffff47;flex-direction:column;align-items:center;display:flex;position:absolute;bottom:16px;left:11px;right:11px;transform:scale(1.15)}.tag-copy>span{letter-spacing:-.08em;opacity:.76;font-size:26px;line-height:.92}.tag-copy>small{letter-spacing:.075em;opacity:.72;margin-top:10px;font-size:9px;line-height:1.25}.tag-copy>em{letter-spacing:.04em;opacity:.94;margin-top:7px;font-size:13px;font-style:normal;font-weight:700;line-height:1.15}.key-tag-1{--tag-w:178px;--tag-h:306px;--body-top:108px;--anchor-x:0px;--anchor-y:0px;--z:56px;--r:48deg;--sr:72deg;--layer:25;--sway:6.4s;--delay:-1.2s}.key-tag-2{--tag-w:110px;--tag-h:366px;--body-top:126px;--anchor-x:0px;--anchor-y:0px;--z:46px;--r:22deg;--sr:39deg;--layer:23;--sway:5.9s;--delay:-3.4s}.key-tag-3{--tag-w:106px;--tag-h:366px;--body-top:100px;--anchor-x:0px;--anchor-y:0px;--z:38px;--r:1deg;--sr:9deg;--layer:21;--sway:6.8s;--delay:-2.1s}.key-tag-4{--tag-w:128px;--tag-h:378px;--body-top:118px;--anchor-x:0px;--anchor-y:0px;--z:30px;--r:-15deg;--sr:-25deg;--layer:19;--sway:6.1s;--delay:-4.5s}.key-tag-5{--tag-w:164px;--tag-h:312px;--body-top:96px;--anchor-x:0px;--anchor-y:0px;--z:20px;--r:-38deg;--sr:-55deg;--layer:17;--sway:6.5s;--delay:-2.8s;color:#f0f0ec}.key-tag-6{--tag-w:150px;--tag-h:344px;--body-top:112px;--anchor-x:0px;--anchor-y:0px;--z:11px;--r:-57deg;--sr:-78deg;--layer:14;--sway:5.7s;--delay:-1.7s}.key-tag-1 .tag-body,.key-tag-1 .tag-edge{clip-path:none;border-radius:24px 13px 30px 18px}.key-tag-1 .tag-body{background:radial-gradient(circle at 50% 54%, transparent 0 31%, #ffffff3d 32% 33%, transparent 34%), linear-gradient(132deg, var(--yellow-soft) 0, var(--yellow) 46%, var(--yellow-deep) 100%)}.key-tag-1 .tag-edge{background:linear-gradient(130deg, #718034, var(--yellow-soft) 22%, #69772f 58%, var(--yellow-mid))}.key-tag-2 .tag-body,.key-tag-2 .tag-edge{border-radius:40px 40px 48px 48px/22px 22px 42px 42px}.key-tag-2 .tag-body{color:#222;background:linear-gradient(118deg,#fefefe 0,#e5e6e7 43%,#fafafa 66%,#c9cbcd 100%);box-shadow:inset 3px 3px 3px #ffffffe6,inset -5px -6px 8px #35383b29}.key-tag-2 .tag-edge{background:linear-gradient(100deg,#9da0a2,#f9faf8 28%,#909396 62%,#dfe1df)}.key-tag-2 .tag-grain{opacity:.92;background:repeating-linear-gradient(90deg,#ffffff1f 0 1px,#0000 1px 3px)}.key-tag-3 .tag-body,.key-tag-3 .tag-edge{clip-path:none;border-radius:18px 22px 27px 20px/16px 19px 25px 22px}.key-tag-3 .tag-body{color:#f7faf9;-webkit-backdrop-filter:blur(7px)saturate(1.35);backdrop-filter:blur(7px)saturate(1.35);background:linear-gradient(112deg,#6f9aabb8,#e0f4f8bf 36%,#527c8fad 61%,#cfe9efb8);border-color:#e1f7ffc7;box-shadow:inset 6px 0 11px #ffffff94,inset -8px -6px 15px #23505e59,inset 0 0 0 3px #ffffff2e}.key-tag-3 .tag-edge{background:linear-gradient(90deg,#4a8597e0,#dcf8ffe6 30%,#316d80db 68%,#afe3efeb)}.key-tag-3 .tag-grain{background:linear-gradient(99deg,#0000 24%,#ffffff70 25% 29%,#0000 30% 62%,#74a3b129 63% 65%,#0000 66%)}.key-tag-4 .tag-body,.key-tag-4 .tag-edge{border-radius:24px 24px 12px 12px}.key-tag-4 .tag-body{color:#25282a;text-shadow:0 1px #ffffffb3,0 -1px #00000038;background:repeating-linear-gradient(90deg,#ffffff17 0 1px,#2225270a 1px 2px,#0000 2px 5px),linear-gradient(112deg,#55595b 0,#f4f6f5 17%,#8b9092 36%,#e8ebea 55%,#676b6e 75%,#f6f7f5 91%,#85898b 100%);border-color:#ffffffb8;box-shadow:inset 1px 1px 1px #ffffffc7,inset -3px -4px 5px #23262838,0 1px #ffffff57}.key-tag-4 .tag-edge{background:linear-gradient(105deg,#35383a,#f7f8f6 28%,#6e7274 58%,#e6e8e6 78%,#484b4d)}.key-tag-4 .tag-grain{opacity:.38;background:repeating-linear-gradient(90deg,#ffffff2e 0 1px,#0000000d 1px 2px,#0000 2px 5px)}.key-tag-5 .tag-body,.key-tag-5 .tag-edge{border-radius:54% 46% 44% 56%/33% 42% 58% 67%}.key-tag-5 .tag-body{border-color:rgba(var(--yellow-rgb),.7);background:radial-gradient(circle at 50% 48%, #c8db63 0 10%, transparent 11%), repeating-conic-gradient(from 2deg at 50% 48%, #ffffff2e 0 8deg, transparent 8deg 40deg), linear-gradient(135deg, var(--yellow-soft), var(--yellow-mid) 62%, var(--yellow-deep));color:#3f4723;box-shadow:inset 3px 4px 4px #ffffff7a,inset -8px -9px 12px #525e2440,inset 0 0 0 2px #ffffff2e}.key-tag-5 .tag-edge{background:linear-gradient(120deg, #718034, var(--yellow-soft) 30%, #778737 64%, var(--yellow-mid))}.key-tag-5 .tag-grain{opacity:.48;background:radial-gradient(circle,#ffffff29 0 1px,#0000 1.5px) 0 0/6px 6px}.key-tag-6 .tag-body,.key-tag-6 .tag-edge{clip-path:none;border-radius:21px 17px 25px 19px/18px 16px 23px 21px}.key-tag-6 .tag-body{color:#202325;text-shadow:0 1px #ffffffc2,0 -1px #0003;background:repeating-linear-gradient(7deg,#ffffff14 0 1px,#21242609 1px 2px,#0000 2px 6px),linear-gradient(126deg,#3d4143 0,#dfe2e0 15%,#707577 32%,#f7f8f6 49%,#8d9294 66%,#e9ebe9 82%,#565a5d 100%);border-color:#ffffffbd;box-shadow:inset 1px 1px 1px #ffffffbd,inset -3px -4px 6px #1f22243d,0 1px #ffffff4d}.key-tag-6 .tag-edge{background:linear-gradient(120deg,#303335,#eff1ef 26%,#6e7375 55%,#dfe2e0 77%,#414548)}.key-tag-6 .tag-grain{opacity:.34;background:repeating-linear-gradient(7deg,#fff3 0 1px,#0000000a 1px 2px,#0000 2px 6px)}.key-tag-1 .tag-copy{display:block;inset:28px 18px 12px}.key-tag-1 .tag-copy>span{color:#ffffffd1;font-size:17px;position:absolute;bottom:7px;right:12px}.key-tag-1 .tag-copy>small{color:#fff;white-space:nowrap;margin:0;font-size:12px;font-weight:700;position:absolute;top:48%;left:49%;transform:translate(-50%,-50%)rotate(90deg)}.key-tag-1 .tag-copy>em{writing-mode:vertical-rl;margin:0;font-size:15px;position:absolute;bottom:12px;left:8px}.key-tag-2 .tag-copy{display:block;inset:34px 9px 20px}.key-tag-2 .tag-copy>span{font-size:27px;position:absolute;bottom:11px;left:50%;transform:translate(-50%)}.key-tag-2 .tag-copy>small{writing-mode:vertical-rl;margin:0;font-size:9px;position:absolute;top:24%;right:1px}.key-tag-2 .tag-copy>em{writing-mode:vertical-rl;margin:0;font-size:13px;position:absolute;top:18%;left:1px}.key-tag-3 .tag-copy{display:block;inset:30px 8px 14px}.key-tag-3 .tag-copy>span{color:#ffffffb8;letter-spacing:-.05em;font-size:32px;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%)rotate(-90deg)}.key-tag-3 .tag-copy>small{color:#fff;writing-mode:vertical-rl;margin:0;font-size:9px;position:absolute;bottom:12px;left:1px}.key-tag-3 .tag-copy>em{color:#fff;writing-mode:vertical-rl;margin:0;font-size:13px;position:absolute;top:24%;right:0}.key-tag-4 .tag-copy{justify-content:center;inset:32px 10px 16px}.key-tag-4 .tag-copy>span{font-size:29px}.key-tag-4 .tag-copy>small{writing-mode:vertical-rl;max-height:110px;margin-top:10px;font-size:10px}.key-tag-4 .tag-copy>em{font-size:14px}.key-tag-5 .tag-copy{justify-content:flex-end;inset:30px 12px 15px}.key-tag-5 .tag-copy>span{font-size:22px}.key-tag-5 .tag-copy>small{margin-top:7px;font-size:9px;font-weight:700}.key-tag-5 .tag-copy>em{font-size:13px}.key-tag-6 .tag-copy{justify-content:center;inset:28px 12px 14px}.key-tag-6 .tag-copy>span{color:#585e61c2;text-shadow:-1px -1px 1px #fffffff5,1px 2px 2px #34373a47;font-size:28px}.key-tag-6 .tag-copy>small{color:#5e6467;writing-mode:vertical-rl;max-height:108px;margin-top:9px;font-size:10px}.key-tag-6 .tag-copy>em{color:#555b5e;font-size:13px}.key-tag .tag-copy{text-align:center;justify-content:center;align-items:center;display:flex;inset:22px 12px 18px}.key-tag .tag-copy>span,.key-tag .tag-copy>small,.key-tag .tag-copy>em{writing-mode:horizontal-tb;white-space:normal;overflow-wrap:break-word;max-width:100%;max-height:none;position:static;inset:auto;transform:none}.key-tag .tag-copy>span{margin:0}.key-tag .tag-copy>small{margin:8px 0 0;line-height:1.25}.key-tag .tag-copy>em{margin:7px 0 0}.key-tag-1 .tag-copy>span{color:#474337;letter-spacing:-.045em;opacity:1;text-shadow:0 1px #ffffff5c;font-size:28px;font-weight:900}.key-tag-1 .tag-copy>small{color:#555044;letter-spacing:.055em;opacity:1;text-shadow:0 1px #ffffff52;font-size:13px;font-weight:900}@keyframes tagSway{0%{transform:translate(0,0)rotate(-.72deg)}55%{transform:translateY(1px)rotate(.42deg)}to{transform:translateY(3px)rotate(.8deg)}}.about-section{background:#171717;place-items:center;min-height:100svh;padding:110px clamp(28px,4vw,72px) 80px;display:grid;position:relative}.section-code{color:#575757;font-size:9px;position:absolute;bottom:22px;right:26px}.about-card{color:#1a1a16;background:var(--yellow);border-radius:6px;grid-template-columns:36% 64%;align-items:start;width:min(1180px,100vw - clamp(56px,8vw,144px));height:auto;min-height:525px;font-size:14px;display:grid;position:relative;overflow:hidden;box-shadow:0 26px 90px #00000061,inset 0 0 0 1px #00000029}.about-card:before,.about-card:after{content:"";z-index:4;border-left:1px dashed #00000057;width:1px;position:absolute;top:0;bottom:0}.about-card:before{left:36%}.about-card:after{right:5.5%}.binding-strip{z-index:8;background:#ffffff12;border-right:1px dashed #00000057;width:42px;position:absolute;top:0;bottom:0;left:0}.binding-strip i{background:#171717;border:2px solid #191919;border-radius:50%;width:12px;height:12px;position:absolute;left:14px}.binding-strip i:first-child{top:26px}.binding-strip i:nth-child(2){top:25%}.binding-strip i:nth-child(3){top:49%}.binding-strip i:nth-child(4){top:73%}.binding-strip i:nth-child(5){bottom:26px}.sheet-mark{z-index:7;background:#171717;width:8px;height:8px;position:absolute}.mark-a{top:16px;left:42%}.mark-b{top:16px;right:8%}.about-photo{border-bottom:1px dashed #00000057;grid-template-rows:auto auto;align-self:start;min-width:0;min-height:0;padding:50px 0 clamp(16px,1.7vw,20px) 42px;display:grid;overflow:hidden}.about-photo-crop{aspect-ratio:.965;filter:grayscale()contrast(1.02);mix-blend-mode:multiply;background:#353516;width:100%;min-width:0;min-height:0;position:relative;overflow:hidden}.about-photo-crop:after{content:"";background:rgba(var(--yellow-rgb),.52);mix-blend-mode:color;position:absolute;inset:0}.about-photo-crop img{object-fit:cover;object-position:center 46%;width:100%;height:100%;display:block}.about-contact{flex-direction:column;gap:3px;min-width:0;padding:18px 8px 0 0;font-family:inherit;font-size:14px;font-weight:400;line-height:1.25;display:flex}.about-contact a{overflow-wrap:anywhere;border-bottom:1px solid #0000;width:fit-content;max-width:100%}.about-contact a:hover{border-color:currentColor}.about-info{grid-template-rows:50px auto 86px 1fr;min-width:0;min-height:0;display:grid}.about-label{letter-spacing:.08em;border-bottom:1px dashed #00000057;place-items:center;font-size:14px;display:grid}.history-list{border-bottom:1px dashed #00000057;min-width:0;padding:24px calc(8.6% + 18px) 22px 18px}.history-row{grid-template-columns:150px minmax(0,1fr) minmax(0,1.15fr);gap:16px;margin-bottom:11px;font-size:14px;line-height:1.42;display:grid}.history-row>span{overflow-wrap:anywhere;min-width:0}.history-row:last-child{margin-bottom:0}.education-row{border-bottom:1px dashed #00000057;align-items:center;gap:44px;padding:0 calc(8.6% + 18px) 0 18px;font-size:14px;display:flex}.education-row strong{font-weight:400}.skill-row{min-width:0;padding:15px calc(8.6% + 18px) 15px 18px;position:relative}.skill-label{margin-bottom:12px;font-size:14px;display:block}.skills{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.skills>div{text-align:center;overflow-wrap:anywhere;flex-direction:column;align-items:center;gap:8px;min-width:0;font-size:14px;display:flex}.skill-icon{place-items:end center;width:42px;height:40px;display:grid}.skill-icon svg{width:34px;height:34px}.skills>div:last-child .skill-icon svg{width:39px;height:39px}.card-registration{z-index:8;writing-mode:vertical-rl;letter-spacing:.12em;opacity:.52;font-size:12px;line-height:1;position:absolute;top:74px;bottom:auto;right:14px}.works-section{color:#151515;background:#f7f7f5;min-height:100svh;padding-top:66px;position:relative;overflow:hidden}.works-intro{z-index:4;position:absolute;top:98px;left:28px}.works-intro h2{font-family:var(--mono);letter-spacing:.005em;margin:0;font-size:clamp(58px,5.5vw,98px);font-weight:400;line-height:.95}.works-intro p{width:min(310px,28vw);margin:68px 0 0 8px;font-size:clamp(13px,1.1vw,17px);line-height:1.58}.works-intro p span{display:block}.works-intro p span+span{margin-top:7px}.folder-stage{z-index:3;height:54%;min-height:440px;position:absolute;bottom:0;left:0;right:0}.folder-tab{text-align:left;color:#202020;height:178px;clip-path:polygon(round 4px, 0 0, 45% 0, calc(45% + 36px) 24px, 100% 24px, 100% 100%, 0 100%);border-radius:4px;align-items:center;padding:25px 50px;transition:transform .44s cubic-bezier(.22,.75,.18,1),background-color .36s,color .36s,opacity .36s,box-shadow .36s;display:flex;position:absolute;box-shadow:0 -1px #0000000d}.folder-tab>.folder-meta{white-space:nowrap;align-items:baseline;gap:10px;font-size:12px;line-height:1;display:flex;position:absolute;top:18px;left:24px}.folder-meta b{font:inherit}.folder-meta em{letter-spacing:.055em;font-size:10px;font-style:normal}.folder-tab>strong{letter-spacing:.02em;white-space:nowrap;margin-top:18px;font-size:clamp(27px,3vw,50px);font-weight:300}.folder-tab.active{color:#202020;opacity:1;box-shadow:none;transform:translateY(-18px);z-index:20!important}.folder-tab.paper{background:#d7d7d5}.folder-tab.graphite{background:#aaa}.folder-tab.yellow{background:var(--yellow)}.works-section.has-selection .folder-tab:not(.active){color:#20202080;opacity:1;box-shadow:none}.works-section.has-selection .folder-tab.yellow:not(.active){background:var(--yellow-mid)}.works-section.has-selection .folder-tab.paper:not(.active){background:#c8c8c6}.works-section.has-selection .folder-tab.graphite:not(.active){background:#989898}.folder-1{z-index:5;width:52%;bottom:268px;left:0}.folder-2{z-index:4;width:48%;bottom:268px;left:52%;right:auto}.folder-3{z-index:7;width:66%;bottom:134px;left:0}.folder-4{z-index:8;width:61%;bottom:134px;right:0}.folder-5{z-index:10;width:52%;bottom:0;left:0}.folder-6{z-index:9;width:48%;bottom:0;left:52%;right:auto}.folder-2,.folder-4,.folder-6{padding-left:52px}.folder-2>.folder-meta,.folder-4>.folder-meta,.folder-6>.folder-meta{left:26px}.preview-peek{--peek-row:0;--peek-count:3;z-index:15;width:50%;height:225px;bottom:calc(446px - var(--peek-row) * 134px);pointer-events:none;perspective:900px;justify-content:center;align-items:flex-end;transition:left .38s,right .38s,bottom .38s;display:flex;position:absolute}.peek-left{left:1%}.peek-right{right:1%}.peek-card{--peek-index:0;--gather-x:0%;--overshoot-x:0%;--sway-r:0deg;width:min(31%, calc(105% / var(--peek-count)));aspect-ratio:1.25;opacity:0;transform-origin:50% 112%;will-change:transform, opacity;animation:peekCardPour .78s cubic-bezier(.16,.88,.22,1.06) calc(var(--peek-index) * 70ms) both;margin:0 -2.4%;box-shadow:0 9px 25px #00000026}.peek-card .project-art{transform-origin:50% 108%;will-change:transform;height:100%;animation:peekCardSway calc(2.8s + var(--peek-index) * .25s) ease-in-out calc(.84s + var(--peek-index) * 70ms) infinite alternate}@keyframes peekCardPour{0%{opacity:0;transform:translate3d(var(--gather-x),160px,-80px) scale(.42) rotate(0deg)}42%{opacity:1}72%{opacity:1;transform:translate3d(var(--overshoot-x),-8px,0) scale(1.025) rotate(var(--peek-r))}to{opacity:1;transform:translate3d(0,12px,0) scale(1) rotate(var(--peek-r))}}@keyframes peekCardSway{0%{transform:translate3d(-3px,0,0) rotate(calc(var(--sway-r) - 1.1deg))}to{transform:translate3d(3px,-2px,0) rotate(calc(var(--sway-r) + 1.1deg))}}.project-art{--art-bg:#111;--art-fg:#fff;width:100%;height:100%;min-height:150px;color:var(--art-fg);background:var(--art-bg);text-align:left;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.project-art:after{content:"";opacity:.35;background-image:linear-gradient(#fff3 1px,#0000 1px),linear-gradient(90deg,#fff3 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.project-art-image{background:#f4f1ea}.project-art-image:after{display:none}.project-art-image img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.project-art-image .art-index{color:#111;background:#ffffffd6;padding:3px 5px}.art-index{z-index:3;font-size:7px;position:absolute;top:10px;left:12px}.project-art>strong{z-index:3;letter-spacing:-.08em;font-size:clamp(18px,2.4vw,40px);line-height:.9;position:absolute;bottom:18px;left:12px}.project-art>small{z-index:3;font-size:6px;position:absolute;bottom:8px;right:10px}.art-object{z-index:2;position:absolute;inset:25% 18%}.art-object i{background:var(--art-fg);display:block;position:absolute}.art-rings .art-object i{inset:calc(var(--n,0) * 7%);border:2px solid var(--art-fg);background:0 0;border-radius:50%}.art-rings .art-object i:nth-child(2){--n:1}.art-rings .art-object i:nth-child(3){--n:2}.art-rings .art-object i:nth-child(4){--n:3}.art-type .art-object i{width:70%;height:8%;left:15%;transform:rotate(-12deg)}.art-type .art-object i:nth-child(2){width:45%;top:25%}.art-type .art-object i:nth-child(3){width:80%;top:50%}.art-type .art-object i:nth-child(4){width:55%;top:75%}.art-orb .art-object i:first-child{aspect-ratio:1;background:radial-gradient(circle at 30% 30%, white, var(--art-fg) 30%, #00000040);border-radius:50%;width:80%}.art-orb .art-object i:nth-child(2){width:25%;height:85%;right:0;transform:rotate(32deg)}.art-grid .art-object{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.art-grid .art-object i{border:2px solid var(--art-fg);background:0 0;position:static}.art-lines .art-object i{width:100%;height:2px;transform:rotate(calc(var(--r,1) * 10deg));top:20%}.art-lines .art-object i:nth-child(2){--r:-1;top:40%}.art-lines .art-object i:nth-child(3){--r:2;top:60%}.art-lines .art-object i:nth-child(4){--r:-2;top:80%}.art-blocks .art-object i{width:42%;height:42%}.art-blocks .art-object i:nth-child(2){right:0}.art-blocks .art-object i:nth-child(3){bottom:0}.art-blocks .art-object i:nth-child(4){bottom:0;right:0}.folder-detail{z-index:40;background:#f4f4f1;grid-template-columns:24% 76%;height:calc(100svh - 66px);min-height:0;padding:54px 28px 24px;animation:.45s cubic-bezier(.2,.8,.2,1) detailIn;display:grid;position:fixed;inset:66px 0 0;overflow:hidden}@keyframes detailIn{0%{transform:translateY(100%)}to{transform:translateY(0)}}.back-to-works{letter-spacing:.05em;font-size:14px;position:absolute;top:20px;left:28px}.back-to-works:hover{text-decoration:underline}.detail-tag{place-items:start center;min-height:0;padding-top:80px;display:grid;position:relative;overflow:hidden}.detail-master-ring{z-index:4;width:126px;height:126px;top:-4px;left:50%;transform:translate(-50%)rotate(-2deg)}.detail-home-tag{z-index:6;filter:drop-shadow(9px 17px 14px #00000038);pointer-events:none;margin-top:-30px;position:relative;top:auto;left:auto;transform:none}.detail-home-tag .tag-pendulum{animation:none}.detail-home-tag.key-tag-1{transform:rotate(-8deg)}.detail-home-tag.key-tag-2{transform:rotate(-3deg)}.detail-home-tag.key-tag-3{transform:rotate(2deg)}.detail-home-tag.key-tag-4{transform:rotate(7deg)}.detail-home-tag.key-tag-5{transform:rotate(-5deg)}.detail-home-tag.key-tag-6{transform:rotate(8deg)}.detail-fob{background:var(--yellow);border:1px solid #fff9;flex-direction:column;justify-content:space-between;width:145px;height:310px;padding:42px 14px 22px;display:flex;position:relative;overflow:hidden;transform:rotate(-8deg);box-shadow:inset 2px 2px 3px #ffffff8c,inset -5px -6px 8px #00000026,10px 16px 20px #00000024}.detail-fob:after{content:"";pointer-events:none;background:linear-gradient(116deg,#0000 0 24%,#ffffff47 32%,#0000 41% 73%,#ffffff21 79%,#0000 88%);position:absolute;inset:0}.detail-fob:before{content:"";z-index:2;border:4px solid #181818;border-radius:50%;width:18px;height:18px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.detail-fob small,.detail-fob strong{z-index:3;position:relative}.detail-fob small{text-align:center}.detail-fob strong{writing-mode:vertical-rl;align-self:center;font-size:22px;font-weight:400}.detail-fob-01{clip-path:polygon(round 8px, 50% 0, 100% 18%, 84% 100%, 14% 92%, 0 18%);background:linear-gradient(132deg,var(--yellow-soft) 0,var(--yellow) 48%,var(--yellow-deep) 100%)}.detail-fob-02{background:linear-gradient(118deg,#fff 0,#dfe1e2 42%,#fafafa 65%,#bfc2c4 100%);border-radius:42px 42px 52px 52px/24px 24px 44px 44px;transform:rotate(-3deg)}.detail-fob-03{color:#f7faf9;-webkit-backdrop-filter:blur(7px)saturate(1.3);backdrop-filter:blur(7px)saturate(1.3);background:linear-gradient(112deg,#6f9aabd1,#e0f4f8e6 36%,#527c8fcc 61%,#cfe9efd6);border-radius:20px 24px 28px 21px/18px 20px 27px 23px;transform:rotate(2deg)}.detail-fob-04{color:#25282a;background:repeating-linear-gradient(90deg,#ffffff17 0 1px,#2225270a 1px 2px,#0000 2px 5px),linear-gradient(112deg,#55595b 0,#f4f6f5 17%,#8b9092 36%,#e8ebea 55%,#676b6e 75%,#f6f7f5 91%,#85898b 100%);border-radius:24px 24px 12px 12px;transform:rotate(7deg)}.detail-fob-05{color:#3f4723;background:radial-gradient(circle at 50% 48%,#c8db63 0 10%,transparent 11%),repeating-conic-gradient(from 2deg at 50% 48%,#ffffff2e 0 8deg,transparent 8deg 40deg),linear-gradient(135deg,var(--yellow-soft),var(--yellow-mid) 62%,var(--yellow-deep));border-radius:54% 46% 44% 56%/33% 42% 58% 67%;transform:rotate(-5deg)}.detail-fob-06{color:#202325;background:repeating-linear-gradient(7deg,#ffffff14 0 1px,#21242609 1px 2px,#0000 2px 6px),linear-gradient(126deg,#3d4143 0,#dfe2e0 15%,#707577 32%,#f7f8f6 49%,#8d9294 66%,#e9ebe9 82%,#565a5d 100%);border-radius:21px 17px 25px 19px/18px 16px 23px 21px;transform:rotate(8deg)}.detail-content{grid-template-rows:auto auto auto minmax(0,1fr);min-width:0;min-height:0;font-size:14px;display:grid}.detail-number{font-size:14px}.detail-content h2{margin:12px 0 18px;font-size:clamp(48px,5vw,88px);font-weight:300}.detail-rule{background:#00000047;height:1px;margin-bottom:18px}.project-list{scrollbar-gutter:stable;grid-template-rows:none;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:360px;align-content:start;gap:16px 22px;height:100%;min-height:0;padding-right:10px;display:grid;overflow:hidden auto}.project-list::-webkit-scrollbar{width:8px}.project-list::-webkit-scrollbar-track{background:0 0}.project-list::-webkit-scrollbar-thumb{background:#c8c8c3;border-radius:8px}.project-list::-webkit-scrollbar-thumb:hover{background:#9d9d98}.project-tile{text-align:left;color:#151515;grid-template-rows:310px auto auto;align-content:start;min-width:0;min-height:0;display:grid;overflow:hidden}.project-tile .project-art{aspect-ratio:auto;height:310px;min-height:310px}.project-tile .project-art:before{content:"";z-index:10;pointer-events:none;border:2px solid #0000;transition:border-color .18s;position:absolute;inset:0}.project-tile>span{justify-self:start;margin-top:7px;font-size:14px;line-height:1;display:block}.project-tile>strong{letter-spacing:.02em;justify-self:start;margin-top:4px;font-size:14px;font-weight:400;line-height:1.1;display:block}button.project-tile:focus{outline:none}button.project-tile:hover .project-art:before,button.project-tile:focus-visible .project-art:before,button.project-tile:active .project-art:before{border-color:#111}.project-update-card{cursor:default}.project-update-visual{color:#343432;background:#e7e6e1;border:1px solid #1515151f;align-content:center;place-items:center;gap:3px;min-height:0;padding:18px;display:grid;overflow:hidden}.project-update-visual svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:min(112px,31%);margin-bottom:5px}.project-update-visual strong{white-space:nowrap;font-size:max(10px,clamp(14px,1.25vw,21px) - 4px);font-weight:400;line-height:1.2}.project-update-card>strong{white-space:nowrap}.project-modal{z-index:120;color:#f1f1ed;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#080808f2;place-items:center;padding:72px;animation:.25s modalIn;display:grid;position:fixed;inset:0}@keyframes modalIn{0%{opacity:0}to{opacity:1}}.modal-close{align-items:center;gap:18px;font-size:14px;display:flex;position:absolute;top:24px;right:32px}.modal-close span{font-size:28px;font-weight:200}.modal-close:hover{color:var(--yellow)}.project-detail-image{background:#161616;place-items:center;width:min(1440px,92vw);height:min(82vh,900px);margin:0;display:grid;overflow:hidden}.project-detail-image img{object-fit:contain;width:auto;max-width:min(1440px,92vw);height:auto;max-height:min(82vh,900px);display:block}.modal-layout{grid-template-columns:1.25fr .75fr;align-items:center;gap:64px;width:min(1240px,90vw);display:grid}.modal-preview{height:min(68vh,680px)}.modal-preview .project-art{height:100%}.modal-copy>span{color:var(--yellow);font-size:9px}.modal-copy h3{margin:28px 0;font-size:clamp(38px,4vw,68px);font-weight:300;line-height:1.1}.modal-copy p{color:#9b9b97;margin:0;font-size:13px;line-height:1.9}.modal-copy dl{border-top:1px solid #444;margin:50px 0 0}.modal-copy dl div{border-bottom:1px solid #444;grid-template-columns:100px 1fr;padding:16px 0;display:grid}.modal-copy dt{color:#666;font-size:8px}.modal-copy dd{margin:0;font-size:11px}.contact-section{color:#eee;background:#121212;min-height:100svh;padding:120px 30px 40px;position:relative;overflow:hidden}.contact-copy h2{font-family:var(--mono);letter-spacing:.005em;margin:0;font-size:clamp(58px,5.5vw,98px);font-weight:400;line-height:1.05}.contact-copy>a{color:#5b5b5b;align-items:center;gap:24px;width:fit-content;margin-top:18px;font-size:clamp(30px,4vw,68px);font-weight:300;transition:color .3s;display:flex;position:relative}.contact-copy>a:after{content:"";background:var(--yellow);height:2px;transition:right .4s;position:absolute;bottom:-5px;left:0;right:100%}.contact-copy>a i{opacity:0;font-size:.7em;font-style:normal;transition:opacity .3s,transform .3s;transform:translate(-10px,10px)}.contact-copy>a:hover{color:var(--yellow)}.contact-copy>a:hover:after{right:0}.contact-copy>a:hover i{opacity:1;transform:none}.contact-ticker{white-space:nowrap;color:#696969;letter-spacing:.02em;justify-content:space-between;align-items:flex-end;min-width:0;font-size:clamp(52px,8vw,142px);line-height:.9;display:flex;position:absolute;bottom:25px;left:30px;right:30px}.contact-ticker span{flex:none}.contact-meta{color:#4d4d4d;flex-direction:column;align-items:flex-end;gap:8px;font-size:8px;display:flex;position:absolute;top:130px;right:30px}@media (width<=980px){.hero-section h1{width:88vw;top:70%}.keychain-hitarea{transform-origin:top;width:90vw;transform:translate(-50%)scale(.82)}.about-card{grid-template-columns:40% 60%;width:min(760px,92vw)}.about-card:before{left:40%}.about-photo{padding-left:42px}.history-row{grid-template-columns:110px 1fr}.history-row span:last-child{grid-column:2}.skills{grid-template-columns:repeat(2,1fr)}.folder-stage{min-height:480px}.folder-tab{width:58%}.folder-2,.folder-4,.folder-6{left:auto;right:0}.folder-tab>strong{font-size:30px}.detail-fob{width:110px;height:250px}}@media (width<=680px){.site-header{grid-template-columns:64px 1fr;padding:0 14px}.site-header nav{font-size:9px}.logo{font-size:10px}.hero-section{min-height:850px}.hero-side{font-size:9px;top:56%}.side-left{left:12px}.side-right{right:12px}.hero-section h1{font-size:36px;line-height:1.5;top:70%}.keychain-hitarea{top:8%;transform:translate(-50%)scale(.68)}.scroll-cue{font-size:12px}.about-section{padding:90px 14px 50px}.about-card{grid-template-columns:1fr;width:100%;height:auto;overflow:visible}.about-card:before{display:none}.about-photo{padding:42px 18px 20px 42px}.about-photo-crop{aspect-ratio:718/883;min-height:0}.about-info{grid-template-rows:46px auto 72px auto}.about-label{padding-left:42px}.history-list{padding:24px 16px 22px 58px}.history-row{grid-template-columns:minmax(88px,31%) minmax(0,1fr);gap:12px}.education-row{gap:24px;padding:0 16px 0 58px}.skill-row{padding:15px 16px 15px 58px}.skills{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.about-card:after{display:none}.works-section{min-height:900px}.works-intro{left:16px}.works-intro p{margin-top:45px}.folder-stage{height:53%;min-height:465px}.folder-tab{width:64%;height:144px;padding:20px}.folder-tab.active{transform:translateY(-10px)}.folder-tab>strong{font-size:23px}.folder-1,.folder-2{bottom:216px}.folder-3,.folder-4{bottom:108px}.preview-peek{width:62%;height:150px;bottom:calc(360px - var(--peek-row) * 108px)}.peek-left{left:1%}.peek-right{right:1%}.peek-card{width:min(31%,calc(105% / var(--peek-count)));margin:0 -2.4%}.detail-tag{transform-origin:top;overflow:visible;transform:scale(.58)}.project-list{grid-template-columns:minmax(0,1fr);grid-auto-rows:360px;gap:20px;padding-right:8px}.project-tile{grid-template-rows:310px auto auto;width:100%}.project-tile .project-art{width:100%;height:310px;min-height:310px}.project-modal{padding:70px 16px 30px;overflow:auto}.modal-layout{grid-template-columns:1fr;gap:28px}.modal-preview{height:38vh}.modal-copy h3{font-size:36px}.modal-copy dl{margin-top:25px}.contact-section{min-height:760px;padding:100px 18px 30px}.contact-copy h2{font-size:38px}.contact-copy>a{font-size:25px}.contact-ticker{font-size:clamp(24px,7.2vw,54px);bottom:30px;left:18px;right:18px}.contact-meta{top:auto;bottom:140px;right:18px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tag-body{animation:none}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}