@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.start{inset-inline-start:var(--spacing)}}:root{--ink:#302e39;--paper:#f6f1ea;--red:#b95c5c;--line:#b95c5c4d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Microsoft YaHei,PingFang SC,sans-serif}button,a{font:inherit}.page{isolation:isolate;background:#f7f2eb;min-height:100svh;position:relative;overflow-x:hidden}.page:before{content:"";pointer-events:none;z-index:0;opacity:.3;mix-blend-mode:multiply;background-image:radial-gradient(#4e3d4321 .55px,#0000 .7px),linear-gradient(112deg,#0000 45%,#cab5b214 46%,#0000 49%);background-size:8px 8px,240px 240px;position:absolute;inset:0}.wash{pointer-events:none;z-index:0;opacity:.54;filter:blur(.1px);mix-blend-mode:multiply;position:absolute}.wash:before,.wash:after{content:"";background:inherit;filter:blur(9px);opacity:.68;border-radius:48% 42% 54% 41%/46% 57% 43% 55%;position:absolute;inset:0}.wash-left{background:radial-gradient(at 48%,#d3bda17a 0 27%,#0000 65%),linear-gradient(155deg,#0000 18%,#d3bda13d 19% 38%,#0000 39% 56%,#d3bda138 57% 72%,#0000 73%);width:390px;height:270px;top:47%;left:-155px;transform:rotate(-14deg)}.wash-right{background:linear-gradient(139deg,#0000 12% 24%,#c4b4d559 25% 37%,#0000 38% 48%,#b4a0c84f 49% 62%,#0000 63% 72%,#d4c5de47 73% 84%,#0000 85%);width:420px;height:360px;top:14%;right:-165px;transform:rotate(-10deg)}.wash-bottom{filter:blur(5px);background:radial-gradient(at 28% 45%,#d3c4de91,#0000 33%),radial-gradient(at 62% 52%,#e0d1e575,#0000 36%),linear-gradient(90deg,#beaccf45,#e2d6e859);border-radius:52% 48% 0 0;width:103%;height:210px;bottom:-130px;left:-2%}.topbar{z-index:3;justify-content:space-between;align-items:center;max-width:1420px;height:90px;margin:auto;padding:22px 48px;display:flex;position:relative}.brand{color:var(--ink);letter-spacing:.08em;gap:5px;font-family:Georgia,Noto Serif SC,serif;font-size:21px;line-height:1;text-decoration:none;display:grid}.brand small{color:#8a7781;letter-spacing:.28em;font:600 9px Arial,sans-serif}.nav{align-items:center;gap:30px;display:flex}.nav a{color:#665e67;font-size:13px;text-decoration:none;transition:color .2s}.nav a:hover,.nav a:first-child{color:#a04e55}.nav a em{color:#a49ca3;letter-spacing:.08em;margin-top:4px;font-size:8px;font-style:normal;display:block}.home{z-index:1;grid-template-columns:1fr 1.45fr .9fr;align-items:center;max-width:1420px;min-height:calc(100svh - 90px);margin:auto;padding:38px 48px 36px;display:grid;position:relative}.intro{align-self:start;max-width:290px;padding-top:82px}.eyebrow{color:#b15b62;text-transform:uppercase;letter-spacing:.17em;margin:0 0 19px;font-size:10px}h1{letter-spacing:.04em;margin:0 0 20px;font-family:Georgia,Noto Serif SC,serif;font-size:clamp(29px,2.45vw,40px);font-weight:500;line-height:1.28}.intro p{color:#766d75;max-width:235px;margin:0;font:14px/1.7 Georgia,Noto Serif SC,serif}.scene{align-self:center;height:min(680px,100svh - 150px);min-height:560px;position:relative}.scene:before{content:"";opacity:.26;mix-blend-mode:multiply;background:url(/watercolor-lilac-brush.png) 50%/contain no-repeat;width:520px;height:520px;position:absolute;top:51%;left:50%;transform:translate(-50%,-49%)rotate(-7deg)}.scene:after{content:"";background:#5d4f5b3b;width:340px;height:1px;position:absolute;bottom:8%;left:50%;transform:translate(-50%)rotate(-2deg)}.character{z-index:1;width:252px;height:491px;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.character-portrait{width:100%;max-width:none;height:auto;display:block}.connectors{z-index:0;pointer-events:none;position:absolute;inset:0}.connector{border-style:dashed;border-color:#b95c5c85;display:block;position:absolute}.connector:after{content:"";background:#f7f2eb;border:1px solid #b95c5ca6;border-radius:50%;width:5px;height:5px;position:absolute}.connector-1{border-left-width:1px;height:7%;top:17%;left:50%}.connector-1:after{bottom:-3px;left:-3px}.connector-2{border-top-width:1px;width:35%;height:1px;top:36%;left:53%}.connector-2:after{top:-3px;left:-3px}.connector-3{border-top-width:1px;width:25%;height:1px;top:45%;left:12%}.connector-3:after{top:-3px;right:-3px}.connector-4{border-top-width:1px;width:27%;height:1px;top:66%;left:20%}.connector-4:after{top:-3px;right:-3px}.connector-5{border-top-width:1px;width:23%;height:1px;top:66%;left:59%}.connector-5:after{top:-3px;left:-3px}.connector-6{border-left-width:1px;height:10%;top:82%;left:52%}.connector-6:after{top:-3px;left:-3px}.head{z-index:3;background:#f4cdbb;border:2px solid #504653;border-radius:46% 52% 48% 45%;width:82px;height:94px;position:absolute;top:19px;left:61px;transform:rotate(2deg)}.hair{z-index:2;background:#4d414f;border-radius:58% 51% 42% 48%;width:117px;height:119px;transition:transform .35s;position:absolute;top:0;left:44px;transform:rotate(-7deg)}.hair:after{content:"";background:#4d414f;border-radius:20px;width:35px;height:96px;position:absolute;top:31px;right:-6px;transform:rotate(-13deg)}.eye{z-index:4;background:#39313a;border-radius:50%;width:5px;height:7px;transition:height .12s;position:absolute;top:57px}.eye.left{left:88px}.eye.right{left:117px}.smile{z-index:4;opacity:.6;border-bottom:1.5px solid #a24e58;border-radius:50%;width:19px;height:8px;position:absolute;top:80px;left:96px}.body{z-index:1;background:#766687;border:2px solid #504653;border-radius:35px 35px 24px 26px;width:122px;height:164px;position:absolute;top:105px;left:43px;transform:rotate(2deg)}.body:after{content:"";border:2px solid #504653;border-left:0;border-radius:0 23px 23px 0;width:49px;height:52px;position:absolute;top:72px;right:-10px;transform:rotate(-5deg)}.camera{z-index:4;background:#5f555e;border:2px solid #403842;border-radius:7px;width:49px;height:38px;transition:box-shadow .2s;position:absolute;top:152px;left:128px;transform:rotate(8deg)}.camera:after{content:"";border:2px solid #dac6bb;border-radius:50%;width:21px;height:21px;position:absolute;top:6px;left:12px}.camera:before{content:"";background:#5f555e;border:2px solid #403842;border-bottom:0;width:14px;height:6px;position:absolute;top:-8px;left:5px}.bag{z-index:3;background:#b67876;border:2px solid #514450;border-radius:16px 16px 12px 12px;width:74px;height:65px;transition:transform .25s;position:absolute;top:231px;right:7px}.bag:before{content:"";border:2px solid #514450;border-bottom:0;border-radius:20px 20px 0 0;width:34px;height:20px;position:absolute;top:-17px;left:17px}.bag:after{content:"AI · 设 计 · 语 言";white-space:nowrap;color:#a14f58;opacity:0;font:9px Arial;transition:opacity .2s;position:absolute;top:-24px;left:-22px}.arm{z-index:2;background:#f4cdbb;border:2px solid #514450;border-radius:20px;width:24px;height:134px;position:absolute;top:123px;left:33px;transform:rotate(13deg)}.arm.right{height:103px;top:129px;left:149px;transform:rotate(-30deg)}.leg{z-index:0;background:#59606f;border:2px solid #47414d;width:38px;height:141px;position:absolute;top:255px;left:61px;transform:rotate(5deg)}.leg.right{left:110px;transform:rotate(-3deg)}.skate{z-index:2;background:#e7e5e5;border:2px solid #4d4551;border-radius:8px 6px 14px 7px;width:70px;height:23px;position:absolute;top:386px;left:39px;transform:rotate(2deg)}.skate.right{left:103px;transform:rotate(-3deg)}.skate:after{content:"";border-bottom:2px solid #6b6270;border-radius:50%;width:79px;height:5px;position:absolute;top:15px;left:-5px}.node{text-align:center;z-index:2;border:1px dashed var(--line);color:#695c64;cursor:pointer;background:#fffbf757;border-radius:15px 13px 16px 12px;width:166px;height:78px;padding:12px 10px 10px;text-decoration:none;transition:all .25s;animation:.55s both arrive;display:block;position:absolute}.node b{letter-spacing:.04em;white-space:nowrap;font-family:Georgia,Noto Serif SC,serif;font-size:15px;font-weight:500;line-height:1.1;display:block}.node span{color:#aa9fa5;letter-spacing:.055em;white-space:nowrap;margin-top:6px;font-size:9px;display:block}.node:hover,.node:focus-visible{color:#9c454e;background:#fdefebd1;border-color:#b95c5c;transform:translateY(-2px)rotate(-1deg);box-shadow:2px 3px #b95c5c1a}.node:hover span,.node:focus-visible span{color:#a74e56}.node-1{animation-delay:.2s;top:5%;left:50%;transform:translate(-50%)}.node-2{animation-delay:.4s;top:29%;right:-5%}.node-3{animation-delay:.6s;top:38%;left:-5%}.node-4{animation-delay:.8s;bottom:22%;left:-1%}.node-5{animation-delay:1s;bottom:22%;right:-3%}.node-6{animation-delay:1.2s;bottom:0;left:50%;transform:translate(-50%)}.node-1:hover,.node-1:focus-visible,.node-6:hover,.node-6:focus-visible{transform:translate(-50%)translateY(-2px)rotate(-1deg)}.scene.hair-active .hair{transform:rotate(-2deg)translate(4px)}.scene.eye-active .eye{height:1px}.scene.camera-active .camera{box-shadow:0 0 0 6px #c63c4421,0 0 14px 3px #c63c4473}.scene.hand-active .character{transform:translate(-50%,-50%)rotate(-2deg)}.scene.bag-active .bag{transform:rotate(-8deg)translateY(3px)}.scene.bag-active .bag:after{opacity:1}.scene.skate-active .character{transform:translate(calc(10px - 50%),-50%)}.side-note{text-align:left;place-self:end;padding-bottom:61px}.lab{color:#a14f58;border-bottom:1px solid #a14f5873;padding:0 0 9px;text-decoration:none;transition:transform .2s;display:block}.lab:hover{transform:translate(4px)}.lab strong{letter-spacing:.06em;font:500 16px Georgia,Noto Serif SC,serif;display:block}.lab span{color:#9a8e96;margin-top:7px;font-size:11px;display:block}.scrollhint{color:#9a9094;letter-spacing:.13em;margin-top:84px;font-size:10px}.scrollhint:before{content:"↓";color:#af5960;margin-bottom:8px;font-size:17px;display:block}.contact-note{z-index:2;background:#fbf3e7d1;border:1px solid #9b776f21;width:212px;padding:19px 20px 17px;position:absolute;bottom:27px;left:48px;transform:rotate(-2deg);box-shadow:2px 4px 15px #513f4714}.contact-note:before{content:"";background:#caa58f6b;width:42px;height:13px;position:absolute;top:-8px;left:21px;transform:rotate(-4deg)}.contact-note p{color:#ae6262;letter-spacing:.16em;margin:0 0 10px;font:9px Arial,sans-serif}.contact-note a{color:#5f5760;text-decoration:none}.contact-email{border-bottom:1px dashed #ae626261;padding-bottom:10px;font:12px Georgia,Noto Serif SC,serif;display:block}.contact-links{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.contact-links a{color:#8d737b;font-size:10px}.contact-note a:hover{color:#aa5159}@media (max-width:880px){.contact-note{bottom:25px;left:24px}}@media (max-width:560px){.contact-note{justify-self:start;margin:24px 0 0;position:relative;bottom:auto;left:auto;transform:rotate(-1deg)}}.detail{z-index:2;background:#fffbf6db;border-top:1px solid #b95c5c73;max-width:920px;margin:0 auto 55px;padding:38px 46px;scroll-margin-top:24px;animation:.35s both open;display:none;position:relative}.detail:target{display:block}.detail-close{color:#9e555d;font-size:22px;text-decoration:none;position:absolute;top:22px;right:27px}.detail-kicker{letter-spacing:.15em;color:#af5960!important;margin:0 0 9px!important;font-size:10px!important}.detail h2{margin:0;font:500 28px Georgia,Noto Serif SC,serif}.detail h2 small{color:#aa9da4;letter-spacing:.1em;margin-left:12px;font:10px Arial}.detail>p{color:#716873;max-width:610px;margin:16px 0 22px;font-size:14px;line-height:1.8}.detail-tags{flex-wrap:wrap;gap:9px;display:flex}.detail-tags span{color:#695f66;border:1px solid #65535e40;padding:7px 11px;font-size:11px}.experience-list{border-top:1px solid #65535e29;margin-top:28px}.experience{border-bottom:1px solid #65535e29;grid-template-columns:210px 1fr;gap:30px;padding:22px 0;display:grid}.experience-meta p{color:#403940;margin:0 0 8px;font:500 13px/1.55 Georgia,Noto Serif SC,serif}.experience-meta span{letter-spacing:.06em;color:#aa7980;font-size:10px}.experience h3{color:#403940;margin:0 0 8px;font:500 16px/1.45 Georgia,Noto Serif SC,serif}.experience ul{margin:0;padding:0;list-style:none}.experience li{color:#716873;margin:4px 0;padding-left:13px;font-size:13px;line-height:1.75;position:relative}.experience li:before{content:"•";color:#af5960;position:absolute;left:0}@media (max-width:560px){.experience{grid-template-columns:1fr;gap:8px}.detail{padding:35px 25px}.detail h2 small{margin:9px 0 0;display:block}}@keyframes arrive{0%{opacity:0}to{opacity:1}}@keyframes open{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:880px){.topbar{padding:20px 24px}.nav{gap:13px}.nav a:nth-child(n+4){display:none}.home{grid-template-columns:1fr;gap:0;padding:20px 24px}.intro{max-width:none;padding:0}.intro p{max-width:320px}.scene{width:min(100%,680px);height:660px;min-height:660px;margin:0 auto}.side-note{padding:0;position:absolute;bottom:0;right:24px}.scrollhint{display:none}.detail{margin:20px 24px 40px;padding:35px 25px}}@media (max-width:560px){.nav{display:none}.home{padding:20px 12px 34px}.scene{width:100%;height:1060px;min-height:1060px;margin:0}.scene:before{opacity:.21;width:420px;height:420px;top:26%}.scene:after{display:none}.character{width:220px;height:auto;top:29%}.connectors{display:none}.node{width:166px;height:78px}.node-1{top:2%;left:50%}.node-2{top:52%;right:calc(50% + 6px)}.node-3{top:52%;left:calc(50% + 6px)}.node-4{top:62%;bottom:auto;left:calc(50% - 172px)}.node-5{top:62%;bottom:auto;right:calc(50% - 172px)}.node-6{top:72%;bottom:auto;left:50%}.side-note{justify-self:start;margin-top:-84px;padding:0;position:relative;bottom:auto;right:auto}.intro{padding-top:12px}}.page{transition:filter .25s,transform .25s}.detail-stack{z-index:10;position:relative}.detail{z-index:20;background:0 0;border:0;margin:0;padding:clamp(14px,5vw,64px);scroll-margin-top:0;animation:none;display:none;position:fixed;inset:0}.detail:target{place-items:center;display:grid}.detail-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:default;background:#4c3c482e;position:absolute;inset:0}.detail-panel{background:#fffbf6e0;border:1px solid #b95c5c73;width:min(920px,100%);max-height:min(80svh,760px);padding:38px 46px;animation:.3s both open;position:relative;overflow:auto;box-shadow:0 18px 55px #3e2d3933}.detail-close{z-index:1;color:#a14f58;letter-spacing:.04em;background:#fffbf6b8;border:1px solid #b95c5c57;padding:8px 10px;font-size:11px;line-height:1;top:20px;right:24px}.back-home{color:#a14f58;margin-top:26px;font-size:13px;text-decoration:none;display:inline-block}body:has(.detail:target){overflow:hidden}body:has(.detail:target) .page{filter:none;pointer-events:auto;transform:none}:is(body:has(.detail:target) .page>.wash,body:has(.detail:target) .page>.topbar,body:has(.detail:target) .page>.home){filter:blur(6px);pointer-events:none;transform:scale(.995)}@media (max-width:880px){.detail{margin:0;padding:20px}.detail-panel{padding:34px 28px}}@media (max-width:560px){.detail{padding:14px}.detail-panel{max-height:86svh;padding:32px 22px}.detail h2 small{margin:9px 0 0;display:block}}.detail{padding:clamp(18px,4vw,58px)}.detail-panel{background:#faf7f1f5;border-color:#b95c5c4d;width:min(1080px,100%);max-height:86svh;padding:clamp(34px,5vw,66px);box-shadow:0 22px 70px #543e4824}.detail-close{text-align:center;min-width:35px;padding:8px 10px;font-family:Georgia,Noto Serif SC,serif;font-size:20px}.detail-panel h2{margin:0 0 24px;line-height:1.3}.detail-panel>p{color:#716873;max-width:650px;margin:0 0 28px;font-size:14px;line-height:2}.detail-panel .detail-tags{gap:11px;margin:0 0 34px}@media (max-width:560px){.detail-panel{padding:34px 24px}.detail-panel h2{margin-bottom:20px}.detail-panel>p{margin-bottom:24px}}.detail-panel{width:min(1180px,100vw - clamp(32px,8vw,180px));padding:clamp(34px,5vw,66px);display:block}.detail-content{min-width:0}.detail-content>p{color:#716873;max-width:760px;margin:0 0 28px;font-size:14px;line-height:2}.detail-content .detail-tags{gap:11px;margin:0 0 34px}@media (max-width:880px){.detail-panel{width:100%;padding:34px 28px}.detail-content>p{margin-bottom:24px}}.coded-work{z-index:2;border-top:1px solid #7b65712e;max-width:1420px;margin:0 auto;padding:clamp(72px,9vw,132px) 48px clamp(88px,10vw,150px);position:relative}.coded-work:before{content:"";opacity:.8;pointer-events:none;background:linear-gradient(146deg,#0000 8%,#d3c4de57 9% 25%,#0000 26% 38%,#e1d1e747 39% 54%,#0000 55%);width:410px;height:175px;position:absolute;top:46px;right:-55px;transform:rotate(-8deg)}.coded-work-heading{max-width:480px;margin-bottom:42px;position:relative}.coded-work-heading p{color:#b15b62;letter-spacing:.16em;margin:0 0 13px;font:10px Arial,sans-serif}.coded-work-heading h2{letter-spacing:.04em;margin:0 0 14px;font:500 clamp(30px,3.2vw,46px)/1.15 Georgia,Noto Serif SC,serif}.coded-work-heading span{color:#766d75;font:14px/1.8 Georgia,Noto Serif SC,serif}.coded-projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid;position:relative}.coded-project{color:#665e67;background:#fffbf77a;border:1px dashed #b95c5c61;border-radius:18px 15px 20px 14px;grid-template-columns:45px minmax(0,1fr) 24px;gap:14px;min-height:240px;padding:28px 26px;text-decoration:none;transition:background .22s,transform .22s,box-shadow .22s;display:grid}.coded-project:hover,.coded-project:focus-visible{background:#fdefebcc;outline:none;transform:translateY(-4px)rotate(-.4deg);box-shadow:3px 5px #b95c5c1a}.coded-project-number{color:#b35d65;letter-spacing:.12em;padding-top:5px;font:11px Arial,sans-serif}.coded-project h3{color:#443e47;margin:0 0 14px;font:500 22px/1.35 Georgia,Noto Serif SC,serif}.coded-project h3 small{color:#a3949d;letter-spacing:.08em;margin-top:6px;font:10px Arial,sans-serif;display:block}.coded-project p{color:#766d75;margin:0 0 20px;font-size:13px;line-height:1.8}.coded-project em{color:#8b717b;letter-spacing:.04em;border:1px solid #6e5c6733;margin:0 6px 6px 0;padding:5px 8px;font:9px Arial,sans-serif;display:inline-block}.coded-project>b{color:#b35d65;align-self:start;font:400 20px Georgia,serif}@media (max-width:880px){.coded-work{padding:70px 24px 90px}.coded-projects{grid-template-columns:1fr}.coded-project{min-height:0}}@media (max-width:560px){.coded-work{padding:62px 18px 76px}.coded-work-heading{margin-bottom:29px}.coded-project{grid-template-columns:34px minmax(0,1fr) 20px;padding:24px 18px}.coded-project h3{font-size:20px}}:root{--paper:#f5efe8;--ink:#302e39}.page,.coded-work{background:0 0}.page:before{opacity:.22}.wash{opacity:.32;mix-blend-mode:multiply}.wash-left{background:radial-gradient(at 48%,#d5beca6b 0 27%,#0000 65%),linear-gradient(155deg,#0000 18%,#cdb7cc33 19% 38%,#0000 39% 56%,#d3bda12e 57% 72%,#0000 73%)}.wash-right{opacity:.24}.wash-bottom{opacity:.35}.detail-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f4ede86e}.archive-portals{z-index:30;gap:8px;display:flex;position:fixed;top:25px;right:26px}.archive-portals a{color:#a65760;background:#faf5eea6;border:1px solid #b95c5c61;border-radius:50%;place-items:center;width:42px;height:42px;text-decoration:none;transition:transform .2s,background .2s;display:grid}.archive-portals a:hover,.archive-portals a:focus-visible{background:#f6e1e7e6;outline:none;transform:translateY(-2px)}.archive-portals span{font:18px/.8 Georgia,serif}.archive-portals small{letter-spacing:.06em;margin-top:-2px;font:8px Arial,sans-serif}.coded-work{border-top:1px solid #7b657129;padding-top:clamp(82px,10vw,142px)}.coded-work:before{opacity:.35}.coded-work-heading{max-width:none;margin-bottom:30px}.coded-work-heading h2{margin-bottom:8px;font-size:clamp(28px,2.6vw,39px)}.coded-work-heading span{font-size:13px}.coded-projects{gap:clamp(20px,3vw,48px)}.coded-project{background:0 0;border:0;border-radius:0;min-height:0;padding:0;display:block}.coded-project:hover,.coded-project:focus-visible{box-shadow:none;background:0 0;transform:translateY(-3px)rotate(0)}.coded-preview{aspect-ratio:16/10;background:#e7dfe5;border:1px solid #68535f2e;position:relative;overflow:hidden}.coded-preview:after{content:"";pointer-events:none;background:linear-gradient(#0000 72%,#3a2b3724);position:absolute;inset:0}.coded-preview iframe{transform-origin:0 0;pointer-events:none;border:0;width:1440px;height:900px;position:absolute;top:0;left:0;transform:scale(.36)}.tourism-preview{background:linear-gradient(135deg,#dce5df,#f0e8db 54%,#afc1b6)}.future-preview{background:linear-gradient(135deg,#e7ddea,#f4eee5 58%,#b79dc0)}.coded-project-meta{grid-template-columns:44px 1fr 26px;align-items:start;gap:12px;padding-top:14px;display:grid}.coded-project-meta>span{color:#b35d65;letter-spacing:.12em;padding-top:4px;font:10px Arial,sans-serif}.coded-project-meta h3{margin:0;font-size:19px}.coded-project-meta h3 small{font-size:9px}.coded-project-meta>b{color:#b35d65;font:400 20px Georgia,serif}.coded-project p,.coded-project em{display:none}.media-archives{grid-template-columns:1fr 1fr;gap:18px;max-width:1420px;margin:0 auto;padding:0 48px clamp(90px,10vw,150px);display:grid}.media-archive{color:#625762;background:#fffbf742;border:1px dashed #b95c5c4d;align-items:center;gap:20px;min-height:190px;padding:29px;display:flex}.media-archive>span{color:#ad6871;font:27px Georgia,serif}.media-archive p{color:#ae6262;letter-spacing:.14em;margin:0 0 8px;font:9px Arial,sans-serif}.media-archive h2{margin:0 0 7px;font:500 25px Georgia,Noto Serif SC,serif}.media-archive small{color:#9d8f97;letter-spacing:.06em;font:10px Arial,sans-serif}@media (max-width:880px){.archive-portals{top:18px;right:20px}.coded-projects{grid-template-columns:1fr 1fr}.coded-preview iframe{transform:scale(.25)}.media-archives{padding:0 24px 90px}.media-archive{min-height:160px}}@media (max-width:560px){.archive-portals{top:14px;right:14px}.archive-portals a{width:38px;height:38px}.coded-projects{grid-template-columns:1fr;gap:30px}.coded-preview iframe{transform:scale(.28)}.media-archives{grid-template-columns:1fr;gap:12px;padding:0 18px 74px}.media-archive{min-height:138px;padding:23px}.media-archive h2{font-size:22px}}html{scrollbar-width:none}body::-webkit-scrollbar{display:none}body{background-color:#0000;background-image:radial-gradient(850px 700px at 100% 12%,#d2c1dd42,#0000 44%),radial-gradient(780px 620px at 0 86%,#e2d1e233,#0000 40%),linear-gradient(135deg,#f8f4ed 0%,#f6f1e9 48%,#f5f0e9 100%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}.page:before,.coded-work:before,.wash{display:none}.page,.coded-work,.media-archives{background:0 0}.coded-work{border-top:0;padding-top:clamp(78px,9vw,124px);padding-bottom:48px}.coded-work-heading{margin-bottom:35px}.coded-work-heading p{color:#ae6262;margin:0 0 10px}.coded-work-heading h2{margin:0;font-size:clamp(30px,3vw,43px)}.coded-work-heading span{display:none}.portfolio-group-label{color:#5f5860;margin:0 0 16px;font:500 20px Georgia,Noto Serif SC,serif}.portfolio-group-label small{color:#9f939b;letter-spacing:.12em;margin-left:7px;font:9px Arial,sans-serif}.coded-project-meta{padding-top:12px;display:block}.coded-project-meta h3{font-size:18px}.coded-project-number,.coded-project-meta>span,.coded-project-meta>b{display:none}.coded-preview{border-color:#6a5a6533}.coded-preview iframe{width:100%;height:100%;transform-origin:initial;transform:none}@media (max-width:880px){.coded-preview iframe{transform:none}}@media (max-width:560px){.coded-preview iframe{transform:none}}.media-archives{grid-template-columns:1fr 1fr;gap:22px;padding-top:24px}.media-archive{background:0 0;border:0;border-top:1px solid #6d5b6736;min-height:154px;padding:26px}.media-archive>span{display:none}.media-archive p{color:#645d65;letter-spacing:0;margin-bottom:8px;font-family:Georgia,Noto Serif SC,serif;font-size:17px}.media-archive h2{display:none}.media-archive small{color:#9d9299;font-size:9px}.character-portrait{filter:saturate(.8)}.detail-backdrop{background:#f7f2eb80}.detail-panel{background:radial-gradient(600px 420px at 100% 0,#d6c6e033,#0000 55%),#f9f5eee6}@media (max-width:880px){.media-archives{grid-template-columns:1fr 1fr;padding-top:16px}.media-archive{padding:22px}.portfolio-group-label{font-size:19px}}@media (max-width:560px){.coded-work{padding-top:66px;padding-bottom:30px}.media-archives{grid-template-columns:1fr 1fr;gap:10px;padding-top:14px}.media-archive{min-height:110px;padding:17px}.media-archive p{font-size:16px}.media-archive small{font-size:8px}}.eyebrow{line-height:1.6}.eyebrow small{color:#9d919a;letter-spacing:.12em;margin-top:3px;font:8px Arial,sans-serif;display:block}@media (min-width:1500px){.topbar,.home{max-width:1720px}.home{grid-template-columns:minmax(310px,.84fr) minmax(760px,1.8fr) minmax(190px,.36fr);padding-left:clamp(54px,6vw,120px);padding-right:clamp(54px,4vw,84px)}.scene{height:min(740px,100svh - 135px);min-height:620px}.character{width:clamp(260px,16vw,310px);height:auto;top:51%;left:48%}.node{width:clamp(170px,10vw,196px);height:82px}.node b{font-size:clamp(14px,.92vw,17px)}.node span{font-size:10px}.node-1{top:3%;left:48%}.node-2{top:28%;right:-1%}.node-3{top:38%;left:-1%}.node-4{bottom:20%;left:1%}.node-5{bottom:20%;right:1%}.node-6{bottom:-1%;left:48%}.connector-1{top:15%;left:48%}.connector-2{width:38%;left:51%}.connector-3{width:29%;left:8%}.connector-4{width:31%;left:15%}.connector-5{width:26%;left:57%}.connector-6{left:50%}.contact-note{left:clamp(54px,6vw,120px)}}.portfolio-archive{max-width:1420px;margin:0 auto;padding:clamp(72px,9vw,130px) 48px 110px;position:relative}.portfolio-archive>header{border-bottom:1px solid #b95c5c47;align-items:baseline;gap:16px;margin-bottom:38px;padding-bottom:19px;display:flex}.portfolio-archive>header p{color:#ae6262;letter-spacing:.15em;order:2;margin:0;font:10px Arial,sans-serif}.portfolio-archive>header h2{color:#443e47;order:1;margin:0;font:500 clamp(30px,3vw,42px) Georgia,Noto Serif SC,serif}.film-row{color:#554b50;text-align:left;cursor:pointer;background:#ddd7ce;border:1px solid #c8b8ad;border-radius:13px;grid-template-columns:210px minmax(0,1fr);gap:28px;width:100%;margin:0 0 30px;padding:42px 30px 40px;transition:transform .22s,box-shadow .22s;display:grid;position:relative;overflow:hidden}.film-row:before,.film-row:after{content:"";background:radial-gradient(#faf6ee 0 9px,#0000 10px) 0 0/44px 20px repeat-x;height:20px;position:absolute;left:22px;right:22px}.film-row:hover,.film-row:focus-visible{outline:none;transform:translateY(-3px);box-shadow:0 10px 28px #63484d1f}.film-label{align-content:center;gap:8px;padding-left:16px;display:grid}.film-label b{font:500 22px Georgia,serif}.film-label small{color:#857077;letter-spacing:.03em;font:10px Arial,sans-serif}.film-label em{color:#9a7d7a;margin-top:64px;font:9px Arial,sans-serif}.film-frames{align-items:center;gap:22px;min-width:0;display:flex}.film-frame{background:#eee8df;flex:1;min-width:0;height:182px;padding:5px 5px 31px;display:block;position:relative;overflow:hidden}.film-frame img{object-fit:contain;background:#d8d0c8;width:100%;height:100%;display:block}.film-frame i{color:#5d5358;letter-spacing:.03em;font:10px Arial,sans-serif;position:absolute;bottom:5px;left:5px;right:5px}.web-cover{align-content:center;padding:20px 24px;text-decoration:none;display:grid}.web-cover span{max-width:70%;font:500 clamp(18px,2vw,32px)/1 Georgia,serif}.web-cover i{bottom:10px}.tourism{color:#324b3e;background:linear-gradient(135deg,#e6eadc,#f1eee5 55%,#b7c7ba)}.future{color:#17413b;background:linear-gradient(135deg,#e2eccb,#e9edcf 58%,#b9d19b)}.portfolio-modal,.lightbox{z-index:100;place-items:center;padding:clamp(14px,4vw,54px);display:grid;position:fixed;inset:0}.portfolio-backdrop,.lightbox-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:default;background:#f5efe8a8;border:0;position:absolute;inset:0}.portfolio-panel{background:#faf7f1f5;border:1px solid #b95c5c59;width:min(1280px,100%);max-height:90svh;padding:clamp(32px,5vw,68px);position:relative;overflow:auto;box-shadow:0 22px 70px #543e482e}.portfolio-close{z-index:2;color:#a14f58;cursor:pointer;background:#fffbf6bf;border:1px solid #b95c5c57;width:39px;height:39px;font:21px Georgia,serif;position:absolute;top:22px;right:25px}.portfolio-panel header{margin-bottom:34px}.portfolio-panel header p{color:#ae6262;letter-spacing:.15em;margin:0 0 10px;font:10px Arial,sans-serif}.portfolio-panel h2{color:#443e47;margin:0 0 11px;font:500 clamp(30px,4vw,48px) Georgia,serif}.portfolio-panel header span{color:#8d8086;font:13px Georgia,serif}.gallery-item{break-inside:avoid;cursor:zoom-in;background:#e6ded6;border:0;width:100%;margin:0 0 18px;padding:5px;display:block}.gallery-item img{object-fit:contain;background:#f7f3ec;width:100%;height:auto;max-height:520px;display:block}.lightbox{z-index:120;background:#2e262bb3}.lightbox img{z-index:1;object-fit:contain;max-width:min(92vw,1400px);max-height:86svh;position:relative}.lightbox-close{z-index:2;color:#fff;cursor:pointer;background:#1e191c66;border:1px solid #ffffff80;border-radius:50%;width:38px;height:38px;font:25px Arial;position:absolute;top:clamp(18px,4vw,40px);right:clamp(18px,4vw,55px)}@media (max-width:880px){.portfolio-archive{padding:72px 24px 85px}.film-row{grid-template-columns:1fr;padding:38px 24px 36px}.film-label{padding-left:0}.film-label em{margin-top:4px}.film-frames{gap:14px}.film-frame{height:145px}.portfolio-gallery{columns:2 200px}}@media (max-width:560px){.portfolio-archive{padding:60px 16px 70px}.portfolio-archive>header{display:block}.portfolio-archive>header p{margin:11px 0 0}.film-row{gap:22px;margin-bottom:18px;padding:34px 17px 32px}.film-frames{gap:8px}.film-frame{height:128px;padding:3px 3px 28px}.film-frame i{font-size:8px;bottom:6px;left:3px;right:3px}.web-cover{padding:14px 10px}.web-cover span{font-size:15px}.film-label b{font-size:19px}.portfolio-panel{padding:34px 20px}.portfolio-gallery{columns:1}.portfolio-close{top:16px;right:17px}}.node{text-align:center;place-content:center;padding:10px;display:grid}.node b,.node span{margin-left:auto;margin-right:auto}.intro h1{letter-spacing:.09em;font-size:clamp(28px,2.3vw,39px);line-height:1.35}.intro p:last-child{max-width:300px;font-size:15px;line-height:1.8}.film-row{background:#ded9d1;margin-bottom:clamp(42px,5vw,68px);padding:31px 30px 29px}.film-row:before,.film-row:after{background:repeating-linear-gradient(90deg,#faf7f0 0 25px,#0000 25px 47px);height:16px;left:5px;right:5px}.film-row:before{top:6px}.film-row:after{bottom:6px}.film-frames{gap:16px}.film-frame{height:154px;padding:4px 4px 28px}.film-frame img{object-fit:contain}.portfolio-gallery{columns:3 250px;column-gap:18px}.gallery-item{break-inside:avoid}.frame-art,.gallery-placeholder{display:none}@media (max-width:560px){.intro h1{letter-spacing:.06em;font-size:28px}.intro p:last-child{font-size:14px}.home{padding-bottom:62px}.scene{height:1120px;min-height:1120px}.contact-note{margin-top:2px}.node{width:160px}.node-4{top:64%;left:calc(50% - 166px)}.node-5{top:64%;right:calc(50% - 166px)}.node-6{top:76%}.film-row{margin-bottom:34px;padding:28px 15px 27px}.film-row:before,.film-row:after{background:repeating-linear-gradient(90deg,#faf7f0 0 19px,#0000 19px 35px);height:14px}.film-frame{height:118px}.film-frames{gap:8px}.portfolio-gallery{columns:1}}.intro h1{margin-bottom:4px;line-height:1.22}.intro p:last-child{line-height:1.35}.film-label em{display:none}.web-cover{padding:0}.web-cover img{object-fit:cover;width:100%;height:100%}.web-cover i{color:#fff;background:linear-gradient(#0000,#251f22b3);padding:8px 10px;font-size:9px;bottom:0;left:0;right:0}.album-cover{cursor:pointer;font:inherit;color:inherit;text-align:left;border:0}.album-cover:hover img,.album-cover:focus-visible img{transform:scale(1.025)}.album-cover img{transition:transform .3s}.theatre-panel{width:min(1440px,100%);max-height:94svh;padding:clamp(30px,4.5vw,62px)}.theatre-gallery{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense;columns:auto;gap:clamp(10px,1.15vw,20px);display:grid}.theatre-gallery .gallery-item{break-inside:auto;aspect-ratio:4/5;background:#dfd7ce;grid-column:span 4;margin:0;padding:0;overflow:hidden}.theatre-gallery .gallery-item:nth-child(3n+1){aspect-ratio:3/4;grid-column:span 4}.theatre-gallery .gallery-item:nth-child(5n+2){aspect-ratio:1;grid-column:span 4}.theatre-gallery .gallery-item:nth-child(7n+4){aspect-ratio:16/10;grid-column:span 6}.theatre-gallery .gallery-item img{object-fit:cover;width:100%;height:100%;max-height:none;transition:transform .3s}.theatre-gallery .gallery-item:hover img,.theatre-gallery .gallery-item:focus-visible img{transform:scale(1.025)}@media (max-width:880px){.theatre-gallery .gallery-item,.theatre-gallery .gallery-item:nth-child(3n+1),.theatre-gallery .gallery-item:nth-child(5n+2){grid-column:span 6}.theatre-gallery .gallery-item:nth-child(7n+4){aspect-ratio:16/10;grid-column:span 12}}@media (max-width:560px){.theatre-panel{padding:30px 16px}.theatre-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.theatre-gallery .gallery-item,.theatre-gallery .gallery-item:nth-child(3n+1),.theatre-gallery .gallery-item:nth-child(5n+2),.theatre-gallery .gallery-item:nth-child(7n+4){aspect-ratio:4/5;grid-column:span 1}.theatre-gallery .gallery-item:nth-child(4n+1){aspect-ratio:16/10;grid-column:span 2}}.portfolio-gallery.theatre-gallery{columns:auto;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-flow:row;gap:12px;display:grid}.portfolio-gallery.theatre-gallery .gallery-item,.portfolio-gallery.theatre-gallery .gallery-item:nth-child(n){break-inside:auto;aspect-ratio:auto;background:#eee8df;grid-column:auto;place-items:center;width:100%;height:170px;margin:0;padding:5px;display:grid;overflow:hidden}.portfolio-gallery.theatre-gallery .gallery-item img,.portfolio-gallery.theatre-gallery .gallery-item:nth-child(n) img{object-fit:contain;background:0 0;width:100%;height:100%;max-height:none;display:block}@media (max-width:880px){.portfolio-gallery.theatre-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.portfolio-gallery.theatre-gallery .gallery-item,.portfolio-gallery.theatre-gallery .gallery-item:nth-child(n){height:180px}}@media (max-width:560px){.portfolio-gallery.theatre-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.portfolio-gallery.theatre-gallery .gallery-item,.portfolio-gallery.theatre-gallery .gallery-item:nth-child(n){height:145px;padding:4px}}.frame-art{background:linear-gradient(135deg,#f1ece5,#ddd5cd);place-items:center;padding:18px;display:grid}.frame-art strong{color:#685d63;text-align:center;letter-spacing:.04em;font:500 17px/1.2 Georgia,serif}.frame-art.theatre{background:radial-gradient(circle at 52% 65%,#e3ddd5 0 8%,#0000 9%),linear-gradient(130deg,#19171b,#4b4244 49%,#d7cdc4 50%)}.frame-art.theatre strong{color:#f4f0e8}.frame-art.motion{background:radial-gradient(at 55% 65%,#faf6e8 0 18%,#171417 19% 45%,#343038 46%)}.frame-art.motion strong{color:#f2eee4}.frame-art.landscape{background:linear-gradient(#a5a19e 0 58%,#c4b9ae 59% 100%)}.frame-art.drawing{background:linear-gradient(135deg,#f3dbc4,#ded6d5 45%,#e8c5b8)}.frame-art.emoji{background:linear-gradient(135deg,#f5f1db,#d1e58a)}.frame-art.graphic{background:linear-gradient(135deg,#efddd6,#f7efe8 52%,#becce0)}.portfolio-gallery{columns:auto;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.gallery-placeholder{color:#665a61;background:linear-gradient(135deg,#e9dbde8c,#f5efe5b8);border:1px dashed #a86f6b70;align-content:center;gap:12px;min-height:250px;padding:24px;display:grid}.gallery-placeholder span{font:500 20px/1.25 Georgia,serif}.gallery-placeholder small{letter-spacing:.12em;color:#a57170;font:9px Arial,sans-serif}.gallery-placeholder:nth-child(2){background:linear-gradient(135deg,#e0e6d29e,#f5efe5b8);transform:translateY(24px)}.gallery-placeholder:nth-child(3){background:linear-gradient(135deg,#ddd5e69e,#f5efe5b8)}@media (max-width:880px){.portfolio-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.portfolio-gallery{grid-template-columns:1fr}.gallery-placeholder:nth-child(2){transform:none}}