@font-face{font-family:LXGW WenKai Portfolio;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/lxgw-wenkai-portfolio.woff2)format("woff2")}@font-face{font-family:HongLei Note Portfolio;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/honglei-xiaozhitiao-portfolio.ttf)format("truetype")}:root{color:#282722;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--paper:#fff;--paper-warm:#fbfbf8;--paper-surface-image:radial-gradient(circle at 28% 35%, #3a383309 0, #3a383309 .45px, transparent .7px), radial-gradient(circle at 72% 67%, #3a383306 0, #3a383306 .5px, transparent .78px), repeating-linear-gradient(7deg, #3a383303 0, #3a383303 1px, transparent 1px, transparent 12px), linear-gradient(115deg, #fff 0%, #fdfdfb 52%, #fff 100%);--paper-surface-size:7px 9px, 11px 13px, auto, 100% 100%;--cream:#f3ede1;--ink:#24231f;--body:#4a4842;--muted:#716d65;--line:#3e382e2e;--line-soft:#3e382e1c;--blue:#2c65bc;--blue-soft:#e9f0fa;--green:#4e7657;--green-soft:#eaf0e8;--orange:#c56f39;--orange-soft:#f6eadc;--red:#aa553f;--red-soft:#f5e8e3;--yellow:#e8d89b;--font-base:"Noto Sans SC", "Microsoft YaHei UI", "PingFang SC", "DengXian", sans-serif;--font-note:"LXGW WenKai Portfolio", "LXGW WenKai Lite", "华文楷体", "STKaiti", "KaiTi", serif;--font-script:"HongLei Note Portfolio", "STXingkai", "华文行楷", cursive;--ease-out-quart:cubic-bezier(.22, 1, .36, 1);--ease-soft:cubic-bezier(.4, 0, .2, 1);--motion-fast:.24s;--motion-medium:.38s;--motion-slow:.72s;--text-meta:11px;--text-small:12px;--text-body:14px;--text-lead:16px;--text-note:20px;--text-section:28px;--text-page:clamp(32px, 2.8vw, 40px);background:#f5efe2;font-family:Noto Sans SC,Microsoft YaHei UI,PingFang SC,DengXian,sans-serif}*{box-sizing:border-box}html{background:var(--cream);min-width:320px}body{background-color:var(--cream);min-width:320px;min-height:100vh;color:var(--ink);font-family:var(--font-base);font-size:var(--text-body);margin:0}button,a{font:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline-offset:4px;outline:3px solid #2c65bc6b}.skip-link{z-index:100;background:var(--ink);color:#fff;padding:10px 14px;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site{background-color:var(--cream);background-image:url(/images/decor/paper-texture.webp);background-repeat:repeat;background-size:700px 700px;min-height:100vh;position:relative;overflow:clip}.site:before{content:"";z-index:0;pointer-events:none;background-color:#fffcf30f;position:absolute;inset:0}.page-shell{z-index:2;width:min(100% - 76px,1360px);margin:0 auto;position:relative}.site-header{min-height:118px;animation:header-in .64s var(--ease-out-quart) both;border-bottom:1px solid #39342c40;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:42px;display:grid}.header-profile{align-items:flex-end;gap:28px;width:max-content;max-width:100%;display:flex}.identity{align-items:center;width:max-content;display:inline-flex}.identity-copy{gap:5px;display:grid}.identity-copy strong{font-family:var(--font-base);letter-spacing:.01em;font-size:25px;font-weight:700}.identity-copy small{color:#5f5b54;font-family:var(--font-base);font-size:var(--text-small);letter-spacing:.02em;font-weight:400}.availability{color:#68645d;font-family:var(--font-base);font-size:var(--text-small);letter-spacing:.01em;white-space:nowrap;align-items:center;gap:9px;margin-bottom:3px;font-weight:400;display:inline-flex}.availability i{width:9px;height:9px;animation:status-dot-in .52s .36s var(--ease-out-quart) both;background:#4f9b63;border-radius:50%;box-shadow:0 0 0 4px #4f9b631a}.site-header nav{align-items:center;gap:29px;height:100%;display:flex}.site-header nav a[href=\/about]{margin-left:22px}.site-header nav a{color:#4e4b45;height:100%;font-family:var(--font-base);font-size:var(--text-body);place-items:center;font-weight:600;display:grid;position:relative}.site-header nav a:after{content:"";background:var(--blue);transform-origin:50%;width:28px;height:2px;transition:transform var(--motion-medium) var(--ease-out-quart);position:absolute;bottom:23px;left:50%;transform:translate(-50%)rotate(-1deg)scaleX(0)}.site-header nav a:hover:after,.site-header nav a.is-active:after{transform:translate(-50%)rotate(-1deg)scaleX(1)}.site-header nav a.is-active{color:#1f3961}.route-view{animation:page-in var(--motion-fast) var(--ease-soft) both;outline:none}@keyframes page-in{0%{opacity:0}to{opacity:1}}.motion-ready [data-motion]{opacity:0}.motion-ready [data-motion].is-motion-visible{animation-delay:var(--motion-delay,0s);animation-duration:var(--motion-slow);animation-fill-mode:both;animation-timing-function:var(--ease-out-quart)}.motion-ready [data-motion=rise]{will-change:opacity, transform}.motion-ready [data-motion=rise].is-motion-visible{animation-name:motion-rise-in}.motion-ready [data-motion=fade]{will-change:opacity}.motion-ready [data-motion=fade].is-motion-visible{animation-name:motion-fade-in}@keyframes motion-rise-in{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translate(0,0)}}@keyframes motion-fade-in{0%{opacity:0}to{opacity:1}}@keyframes header-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translate(0,0)}}@keyframes status-dot-in{0%{opacity:0;scale:.45}to{opacity:1;scale:1}}.eyebrow,.section-kicker{color:#756f65;font-family:var(--font-base);font-size:var(--text-meta);letter-spacing:.16em;text-transform:uppercase;margin:0;font-weight:700}.home-intro{justify-content:space-between;align-items:center;gap:36px;padding:35px 30px 28px;display:flex}.handwritten-label{color:#666158;width:max-content;font-family:var(--font-note);font-size:var(--text-body);border-bottom:2px solid #2c65bcb8;margin:0 0 9px;padding-bottom:3px;transform:rotate(-.7deg)}.home-intro h1{font-family:var(--font-script);letter-spacing:.01em;margin:0;font-size:clamp(27px,2.2vw,34px);font-weight:400;line-height:1.45;transform:rotate(-.18deg)}.quiet-link{color:#3c5f92;font-size:var(--text-small);white-space:nowrap;border-bottom:1px solid #2c65bc73;align-items:center;gap:8px;padding:9px 0;display:inline-flex}.quiet-link svg{width:14px;height:14px;transition:translate var(--motion-medium) var(--ease-out-quart)}.quiet-link:hover svg{translate:4px}.featured-wall{padding:22px 8px 46px}.featured-grid{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(155px,.44fr);align-items:start;gap:24px;display:grid}.project-paper,.archive-sheet,.profile-sheet,.contact-letter,.case-cover-note{background-color:var(--paper);background-image:var(--paper-surface-image);background-repeat:repeat,repeat,repeat,no-repeat;background-size:var(--paper-surface-size);background-blend-mode:multiply, multiply, multiply, normal}.project-paper{transform-origin:50% 8%;min-width:0;min-height:535px;transition:transform var(--motion-medium) var(--ease-out-quart), box-shadow var(--motion-medium) var(--ease-soft);border:1px solid #40392e29;flex-direction:column;padding:31px 22px 21px;display:flex;position:relative;box-shadow:0 12px 23px #483a241c,inset 0 1px #ffffffe6}.paper-1{transform:rotate(-1.2deg)}.paper-2{margin-top:10px;transform:rotate(.65deg)}.paper-3{margin-top:3px;transform:rotate(-.35deg)}@media (hover:hover) and (pointer:fine){.project-paper:hover{z-index:3;box-shadow:0 17px 30px #483a2426}.paper-1:hover,.paper-2:hover,.paper-3:hover{transform:translateY(-4px)rotate(0)}}.push-pin{z-index:3;background-image:url(/images/decor/pushpin.webp);background-position:50%;background-repeat:no-repeat;background-size:contain;width:33px;height:43px;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.pin-blue{filter:hue-rotate()drop-shadow(0 4px 3px #392a1933)}.pin-orange{filter:hue-rotate(150deg)saturate(.82)drop-shadow(0 4px 3px #392a1933)}.pin-red{filter:hue-rotate(125deg)saturate(.72)drop-shadow(0 4px 3px #392a1933)}.pin-green{filter:hue-rotate(245deg)saturate(.52)drop-shadow(0 4px 3px #392a1933)}.project-heading{align-items:flex-start;gap:11px;min-height:64px;display:flex}.project-number{color:#9b958a;font-family:var(--font-base);font-size:var(--text-meta);padding-top:5px}.project-heading h2{font-family:var(--font-base);letter-spacing:.01em;margin:0 0 7px;font-size:clamp(18px,1.3vw,20px);font-weight:700;line-height:1.3}.project-heading p{color:#5e5951;font-family:var(--font-base);font-size:var(--text-small);margin:0;font-weight:600}.project-image-link{background:#edf0f2;border:1px solid #28303b29;display:block;position:relative;overflow:hidden}.project-image-link img{aspect-ratio:1.5;object-fit:cover;width:100%;transition:transform .62s var(--ease-out-quart)}.project-image-link.is-portrait img{object-fit:contain;object-position:center;background:#edf0f2}.project-cover-empty{aspect-ratio:1.5;color:#5d6d7d;text-align:center;background-color:#eef1f2;background-image:linear-gradient(#43597414 1px,#0000 1px),linear-gradient(90deg,#43597414 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:21px 21px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;place-content:center;gap:10px;min-height:190px;display:grid}.project-cover-empty svg{width:28px;height:28px;margin:0 auto}.project-cover-empty b{max-width:210px;font-size:var(--text-small);line-height:1.45}.project-image-link>span{color:#fff;font-size:var(--text-meta);opacity:0;transition:opacity var(--motion-fast) var(--ease-soft), transform var(--motion-medium) var(--ease-out-quart);background:#24231fe0;align-items:center;gap:5px;padding:7px 9px;display:inline-flex;position:absolute;bottom:9px;right:9px;transform:translateY(4px)}.project-image-link>span svg{width:12px;height:12px}@media (hover:hover) and (pointer:fine){.project-image-link:hover img{transform:scale(1.018)}.project-image-link:hover>span{opacity:1;transform:translateY(0)}}.project-summary{color:var(--body);font-size:var(--text-small);margin:13px 0 9px;line-height:1.72}.outcome-line{color:#3e3c37;font-family:var(--font-base);font-size:var(--text-small);align-items:center;gap:8px;font-weight:600;display:flex}.outcome-line>span{background:var(--blue);color:#fff;border-radius:50%;place-items:center;width:17px;height:17px;display:grid}.outcome-line svg{width:10px;height:10px}.paper-bottom{justify-content:space-between;align-items:end;gap:13px;margin-top:auto;padding-top:14px;display:flex}.paper-bottom p{color:#4e4941;width:66%;font-family:var(--font-script);letter-spacing:.005em;margin:0;font-size:24px;font-weight:400;line-height:1.45;transform:rotate(-.9deg)}.paper-bottom a{color:#4d4942;font-size:var(--text-meta);background:#eee8db;flex:none;align-items:center;gap:4px;padding:8px 9px;transition:background-color .16s;display:inline-flex}.paper-bottom a:hover{background:#e3dbcd}.paper-bottom svg{width:12px;height:12px}.now-note{background-color:var(--paper);background-blend-mode:soft-light;background-image:url(/images/decor/paper-texture.webp);background-size:520px 520px;border:1px solid #423a2b26;margin-top:100px;padding:40px 17px 24px;position:relative;transform:rotate(1.5deg);box-shadow:0 9px 18px #4839221a}.now-note>p{border-bottom:2px solid var(--green);font-family:var(--font-script);text-align:center;margin:0 0 20px;padding-bottom:7px;font-size:28px;font-weight:400}.now-note ul{color:#4f4a43;font-family:var(--font-base);font-size:var(--text-small);margin:0;padding:0 0 0 17px;font-weight:400;line-height:1.7}.now-note li+li{margin-top:11px}.hand-star{width:37px;height:37px;color:var(--green);margin:16px 0 0 auto;display:block;transform:rotate(13deg)}.home-notes{border-top:1px solid #39342c36;grid-template-columns:repeat(3,1fr);gap:19px;padding:34px 36px 70px;display:grid}.home-note{background-color:var(--paper);background-blend-mode:soft-light;min-height:92px;transition:transform var(--motion-medium) var(--ease-out-quart), box-shadow var(--motion-medium) var(--ease-soft);background-image:url(/images/decor/paper-texture.webp);background-size:520px 520px;border:1px solid #413a2f21;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:17px 18px;display:grid;box-shadow:0 7px 13px #483a240f}@media (hover:hover) and (pointer:fine){.home-note:hover{transform:translateY(-3px)rotate(0);box-shadow:0 10px 17px #483a241a}}.note-lab{border-left:3px solid #5f7eaa;transform:rotate(-.45deg)}.note-about{border-left:3px solid #c39f53;transform:rotate(.4deg)}.note-contact{border-left:3px solid #62846b;transform:rotate(-.2deg)}.home-note>svg:first-child{color:#3e6598;width:26px;height:26px}.home-note>svg:last-child{color:#706a60;width:16px;height:16px}.home-note small{color:#817a6f;font-size:var(--text-meta);letter-spacing:.08em;margin-bottom:4px;display:block}.home-note strong{font-family:var(--font-base);font-size:var(--text-body);font-weight:600;display:block}.page-intro{border-bottom:1px solid #39342c33;grid-template-columns:minmax(0,1fr);align-items:start;gap:20px;padding:52px 38px 41px;display:grid}.page-intro.intro-work{box-shadow:inset 4px 0 #2c65bcbd}.page-intro.intro-lab{box-shadow:inset 4px 0 #486f5bc7}.page-intro.intro-about{box-shadow:inset 4px 0 #b98437b8}.page-intro.intro-contact{box-shadow:inset 4px 0 #5a5374ad}.page-intro h1{max-width:none;font-family:var(--font-script);letter-spacing:.01em;margin:13px 0 0;font-size:clamp(30px,2.45vw,38px);font-weight:400;line-height:1.42;transform:rotate(-.15deg)}.page-intro-side{justify-content:space-between;align-items:flex-end;gap:42px;padding:0;display:flex}.page-intro-side>p{color:#625e56;max-width:760px;font-size:var(--text-body);margin:0;line-height:1.75}.handwritten-mark{color:#46566b;font-family:var(--font-script);letter-spacing:0;white-space:nowrap;border-bottom:2px solid #2c65bc9e;margin:0 0 1px;padding:1px 7px 4px;font-size:25px;font-weight:400;line-height:1.25;display:inline-block;transform:rotate(-1deg)}.work-archive{padding:38px 25px 94px}.archive-toolbar{justify-content:space-between;align-items:center;gap:30px;margin-bottom:42px;display:flex}.archive-toolbar h2{font-family:var(--font-base);font-size:var(--text-note);letter-spacing:.015em;margin:0;font-weight:700}.archive-filters{flex-wrap:wrap;justify-content:end;gap:7px;display:flex}.archive-filters button{color:#6c675f;cursor:pointer;font-size:var(--text-meta);background:#fffdf78a;border:1px solid #3f3a3224;padding:7px 11px}.archive-filters button:hover,.archive-filters button.is-selected{background:var(--blue-soft);color:#31578a;border-color:#2c65bc61}.archive-board{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:34px 27px;display:grid}.archive-sheet{background-color:var(--paper);background-blend-mode:soft-light;min-height:396px;transition:transform var(--motion-medium) var(--ease-out-quart), box-shadow var(--motion-medium) var(--ease-soft);background-image:url(/images/decor/paper-texture.webp);background-size:620px 620px;border:1px solid #40392e26;flex-direction:column;padding:20px 20px 18px;display:flex;position:relative;box-shadow:0 10px 21px #483a2417}.archive-sheet-1{transform:rotate(-.7deg)}.archive-sheet-2{margin-top:12px;transform:rotate(.55deg)}.archive-sheet-3{transform:rotate(-.25deg)}.archive-sheet-4{margin-top:8px;transform:rotate(.75deg)}.archive-sheet-5{transform:rotate(-.6deg)}.archive-sheet-6{margin-top:13px;transform:rotate(.3deg)}@media (hover:hover) and (pointer:fine){.archive-sheet:hover{z-index:3;transform:translateY(-5px)rotate(0);box-shadow:0 16px 28px #483a2424}}.archive-tab{z-index:2;color:#474139;width:42px;height:28px;font-family:var(--font-base);font-size:var(--text-meta);place-items:center;display:grid;position:absolute;top:-12px;right:24px;transform:rotate(2deg)}.tab-blue{background:#cbdcf1}.tab-green{background:#ceddc8}.tab-orange{background:#ead0b7}.tab-red{background:#e5c4bb}.archive-sheet>img,.archive-letterhead{aspect-ratio:1.62;background:#edf0f2;border:1px solid #30333621;width:100%}.archive-sheet>img{object-fit:cover}.archive-sheet>img.is-portrait{object-fit:contain;object-position:center;background:#edf0f2}.archive-letterhead{color:#4f4b44;background-color:#f5f7f8;flex-direction:column;justify-content:end;align-items:flex-start;gap:19px;padding:25px;display:flex}.archive-letterhead svg{color:#58729a;width:30px;height:30px}.archive-letterhead b{font-family:var(--font-base);font-size:clamp(19px,1.8vw,27px);font-weight:700}.archive-meta{margin-top:7px;display:block}.archive-state{color:#52705a;width:max-content;font-size:var(--text-meta);letter-spacing:.06em;border:1px solid #4e765738;align-items:center;gap:6px;margin-top:15px;padding:4px 7px;font-weight:700;display:inline-flex}.archive-state svg{width:11px;height:11px}.archive-meta small{color:#817b72;font-size:var(--text-meta);letter-spacing:.08em;margin-bottom:6px;display:block}.archive-meta strong{font-family:var(--font-base);font-size:var(--text-note);letter-spacing:.01em;font-weight:700;display:block}.archive-sheet>p{color:#5e5951;font-size:var(--text-small);margin:11px 0 12px;line-height:1.75}.archive-result{color:#3f5e8a;font-size:var(--text-meta);margin-top:auto;font-weight:600;display:block}.archive-open{color:#656058;font-size:var(--text-meta);border-top:1px solid #3e382e21;align-self:flex-end;align-items:center;gap:5px;margin-top:13px;padding-top:8px;display:inline-flex}.archive-open svg{width:12px;height:12px}.case-page{padding:34px 35px 98px}.back-link{color:#5e6570;font-size:var(--text-meta);align-items:center;gap:7px;padding:8px 0;display:inline-flex}.back-link svg{width:14px;height:14px}.back-link:hover{color:var(--blue)}.case-header{grid-template-columns:minmax(420px,1fr) 260px;align-items:end;gap:70px;padding:42px 38px 41px;display:grid}.case-header h1{font-family:var(--font-base);letter-spacing:.012em;margin:13px 0 16px;font-size:clamp(36px,3.65vw,49px);font-weight:700;line-height:1.24}.case-lead{color:#5e5a53;max-width:690px;font-size:var(--text-body);margin:0;line-height:1.8}.case-metric{background-color:var(--paper);background-blend-mode:soft-light;background-image:url(/images/decor/paper-texture.webp);background-size:520px 520px;border:1px solid #413a2f24;padding:24px 22px 22px;position:relative;transform:rotate(1.1deg);box-shadow:0 8px 15px #483a2412}.metric-blue{border-top:4px solid var(--blue)}.metric-green{border-top:4px solid var(--green)}.metric-orange{border-top:4px solid var(--orange)}.metric-red{border-top:4px solid var(--red)}.case-metric small{color:#777168;font-size:var(--text-meta);letter-spacing:.09em;display:block}.case-metric strong{font-family:var(--font-base);margin:10px 0 9px;font-size:25px;font-weight:700;display:block}.case-metric span{color:#57534d;font-size:var(--text-meta);line-height:1.6}.case-cover{background-color:var(--paper);background-blend-mode:soft-light;background-image:url(/images/decor/paper-texture.webp);background-size:620px 620px;border:1px solid #40392e29;width:min(100% - 68px,1020px);margin:18px auto 72px;padding:14px 14px 17px;position:relative;transform:rotate(-.3deg);box-shadow:0 15px 28px #483a241f}.case-cover img{object-fit:cover;border:1px solid #2f333721;width:100%;max-height:600px}.case-cover-portrait{width:min(100% - 68px,640px)}.case-cover-portrait img{object-fit:contain;background:#edf0f2;width:auto;max-width:100%;height:auto;max-height:900px;margin:0 auto}.case-cover figcaption,.case-cover-note>p{color:#514d46;font-family:var(--font-note);font-size:var(--text-body);text-align:center;margin:14px 5px 1px;font-weight:400}.case-cover figcaption{font-size:var(--text-note)}.case-tape,.tape,.polaroid-tape{z-index:3;opacity:.72;filter:saturate(.72)contrast(.96)drop-shadow(0 2px 2px #4b3c2624);background-image:url(/images/decor/tape.webp);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;width:58px;height:22px;position:absolute}.case-tape{top:-12px;left:calc(50% - 29px);transform:rotate(-2deg)}.case-cover-note{flex-direction:column;justify-content:center;gap:31px;min-height:290px;padding:54px;display:flex}.cover-blue{background-color:#f3f7fb}.cover-green{background-color:#f1f5ef}.cover-orange{background-color:#fbf3e8}.cover-red{background-color:#f8eeea}.case-cover-note>p{max-width:720px;margin:0 auto;font-size:clamp(21px,2.3vw,30px);line-height:1.65}.case-cover-note>div{flex-wrap:wrap;justify-content:center;gap:12px 22px;display:flex}.case-cover-note>div span,.case-result>div span{color:#5a554d;font-size:var(--text-meta);align-items:center;gap:6px;display:inline-flex}.case-cover-note svg,.case-result svg{width:12px;height:12px;color:var(--blue)}.case-body{grid-template-columns:250px minmax(0,720px);justify-content:center;gap:76px;display:grid}.case-sidebar{padding-top:10px}.case-sidebar section{border-bottom:1px solid #3e382e26;padding:0 0 25px}.case-sidebar section+section{padding-top:25px}.case-sidebar small{color:#777168;font-size:var(--text-meta);letter-spacing:.1em;font-weight:700}.case-sidebar p{color:#5d5851;font-size:var(--text-small);margin:10px 0 0;line-height:1.8}.case-tags{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.case-tags span{color:#476388;font-size:var(--text-meta);background:#f7faffb3;border:1px solid #2c65bc38;padding:6px 8px}.case-sidebar .case-hand-note{background:var(--paper);color:#4e4940;font-family:var(--font-script);border:1px solid #413a2f1f;margin:31px 4px 0;padding:22px 15px;font-size:23px;font-weight:400;line-height:1.75;transform:rotate(-1.2deg)}.case-main>section{padding-bottom:52px}.case-main>section+section{border-top:1px solid #3e382e2b;padding-top:49px}.case-main h2{font-family:var(--font-base);letter-spacing:.012em;margin:11px 0 19px;font-size:clamp(25px,2.4vw,33px);font-weight:700;line-height:1.45}.case-problem>.section-kicker,.case-process>.section-kicker,.case-result>.section-kicker{color:#575149;letter-spacing:.12em;margin-bottom:19px;font-size:clamp(15px,1.25vw,17px)}.case-problem>p:last-child{color:#56524c;font-size:var(--text-body);margin:0;line-height:1.9}.case-process ol{margin:0;padding:0;list-style:none}.case-process li{border-top:1px solid #3e382e1f;grid-template-columns:48px 1fr;gap:20px;padding:20px 0;display:grid}.case-process li:last-child{border-bottom:1px solid #3e382e1f}.case-process li>span{color:#8a847a;font-family:var(--font-base);font-size:var(--text-small)}.case-process li p{color:#55514a;font-size:var(--text-body);margin:0;line-height:1.8}.case-result{background-color:var(--paper);background-blend-mode:soft-light;background-image:url(/images/decor/paper-texture.webp);background-size:520px 520px;margin-top:2px;transform:rotate(.3deg);box-shadow:0 8px 16px #483a240f;border:1px solid #413a2f24!important;padding:31px!important}.case-result>strong{font-family:var(--font-base);font-size:var(--text-note);margin:13px 0 21px;font-weight:600;line-height:1.65;display:block}.case-result>div{flex-wrap:wrap;gap:10px 21px;display:flex}.case-contact-cta{background:var(--paper);justify-content:space-between;align-items:center;gap:24px;margin-top:49px;display:flex;border:1px solid #2c65bc2e!important;padding:24px 25px!important}.case-contact-cta strong{font-size:var(--text-lead);margin-top:8px;font-weight:700;display:block}.case-contact-cta a{color:#3f608d;font-size:var(--text-small);background:#fff;border:1px solid #2c65bc40;flex:none;align-items:center;gap:7px;padding:10px 13px;font-weight:600;display:inline-flex}.case-contact-cta svg{width:14px;height:14px}.case-gallery{border-top:1px solid #3e382e38;width:min(100% - 70px,1045px);margin:88px auto 0;padding-top:35px}.case-gallery-header{grid-template-columns:minmax(0,1fr) minmax(270px,410px);align-items:end;gap:38px;margin-bottom:30px;display:grid}.case-gallery-header h2{max-width:620px;font-family:var(--font-base);letter-spacing:.012em;margin:10px 0 0;font-size:clamp(27px,2.55vw,35px);font-weight:700;line-height:1.4}.case-gallery-header>p{color:#68635b;font-size:var(--text-small);margin:0;line-height:1.8}.case-gallery-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:26px 22px;display:grid}.case-media{background-color:var(--paper);background-blend-mode:soft-light;background-image:url(/images/decor/paper-texture.webp);background-size:520px 520px;border:1px solid #413a2f29;grid-column:span 6;min-width:0;margin:0;padding:10px 10px 13px;box-shadow:0 10px 20px #483a2414}.case-media-full{grid-column:1/-1}.case-media-wide{grid-column:span 8}.case-media-half{grid-column:span 6}.case-media-portrait{grid-column:span 4}.case-media img,.case-media video{background:#f0f1ef;border:1px solid #413a2f1f;width:100%;display:block}.case-media img{object-fit:contain;max-height:740px}.case-media video{aspect-ratio:16/9;object-fit:contain;background:#151719;max-height:650px}.case-media figcaption{grid-template-columns:30px 1fr;align-items:start;gap:10px;padding:12px 5px 0;display:grid}.case-media figcaption span{color:#8b857b;font-size:var(--text-meta);letter-spacing:.08em}.case-media figcaption p{color:#57534d;font-size:var(--text-small);margin:0;line-height:1.7}.case-pagination{border-top:1px solid #3e382e38;grid-template-columns:1fr 1fr;gap:22px;width:min(100% - 70px,1045px);margin:82px auto 0;padding-top:31px;display:grid}.case-pagination a{background:var(--paper);border:1px solid #3e382e1f;align-items:center;gap:15px;min-height:76px;padding:13px 16px;display:flex}.case-pagination a:last-child{text-align:right;justify-content:flex-end}.case-pagination a:hover{background:#fffdf7cc}.case-pagination svg{color:#607493;flex:none;width:18px;height:18px}.case-pagination small{color:#878177;font-size:var(--text-meta);margin-bottom:4px;display:block}.case-pagination strong{font-family:var(--font-base);font-size:var(--text-body);display:block}.lab-board{grid-template-columns:230px 1fr;align-items:start;gap:55px;padding:62px 45px 102px;display:grid}.lab-note{background-color:var(--paper);background-blend-mode:soft-light;background-image:url(/images/decor/paper-texture.webp);background-size:520px 520px;border:1px solid #413a2f24;border-top:4px solid #58779f;margin-top:64px;padding:39px 25px 29px;position:relative;transform:rotate(-1.5deg);box-shadow:0 10px 20px #483a2417}.lab-note .tape{width:72px;top:-11px;left:24px;transform:rotate(-5deg)}.lab-note>svg{color:#416b91;width:30px;height:30px}.lab-note h2{font-family:var(--font-script);margin:16px 0 20px;font-size:28px;font-weight:400;line-height:1.45}.lab-note ol{color:#5b554c;font-family:var(--font-base);font-size:var(--text-body);margin:0;padding-left:20px;line-height:1.75}.lab-note li+li{margin-top:6px}.experiment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:43px 31px;display:grid}.polaroid{background-color:var(--paper);background-blend-mode:soft-light;transition:transform var(--motion-medium) var(--ease-out-quart), box-shadow var(--motion-medium) var(--ease-soft);background-image:url(/images/decor/paper-texture.webp);background-size:620px 620px;border:1px solid #39332826;padding:13px 13px 18px;display:block;position:relative;box-shadow:0 10px 18px #48392217}.experiment-state{color:#52705a;font-size:var(--text-meta);letter-spacing:.1em;text-transform:uppercase;border-bottom:2px solid #4e765780;margin:2px 3px 10px;padding-bottom:8px;font-weight:700;display:block}.polaroid-1{transform:rotate(-.8deg)}.polaroid-2{margin-top:17px;transform:rotate(.7deg)}.polaroid-3{transform:rotate(.45deg)}.polaroid-4{margin-top:12px;transform:rotate(-.7deg)}.polaroid-5{margin-top:5px;transform:rotate(.55deg)}@media (hover:hover) and (pointer:fine){.polaroid:hover{transform:translateY(-5px)rotate(0);box-shadow:0 15px 24px #48392221}}.polaroid-tape{width:70px;top:-11px;left:13%;transform:rotate(-6deg)}.polaroid-4 .polaroid-tape,.polaroid-5 .polaroid-tape{filter:hue-rotate(165deg)saturate(.52)contrast(.94)drop-shadow(0 2px 2px #37424921);left:auto;right:12%;transform:rotate(5deg)}.polaroid img{aspect-ratio:1.48;object-fit:cover;background:#e9edf2;border:1px solid #3933281f;width:100%}.polaroid img.is-portrait{object-fit:contain;object-position:center}.polaroid-media-note{aspect-ratio:1.48;color:#526578;text-align:center;background:radial-gradient(circle at 20% 18%,#fffc,#0000 34%),#e8edf0;border:1px solid #3933281f;place-content:center;gap:7px;width:100%;display:grid}.polaroid-media-note.is-text{color:#746a5a;background:#eeeae0}.polaroid-media-note .media-symbol{width:46px;height:46px;font-family:var(--font-base);border:1px solid;border-radius:50%;place-items:center;margin:0 auto 2px;font-size:13px;font-weight:700;display:grid}.polaroid-media-note small{font-size:var(--text-meta);letter-spacing:.08em}.polaroid-media-note strong{font-size:var(--text-small);font-weight:600}.polaroid-meta{justify-content:space-between;align-items:baseline;gap:13px;padding:13px 4px 0;display:flex}.polaroid-meta small{color:#89837a;font-size:var(--text-meta);letter-spacing:.08em}.polaroid-meta strong{font-family:var(--font-base);font-size:var(--text-note);font-weight:700}.polaroid>p{color:#656057;font-size:var(--text-small);margin:10px 4px 14px;line-height:1.75}.polaroid>p b{color:#3f5a4a;font-weight:700}.polaroid-link{color:#4b6488;font-size:var(--text-small);align-items:center;gap:5px;margin-left:4px;font-weight:600;display:inline-flex}.polaroid-link svg{width:12px;height:12px}.experiment-page{padding:34px 28px 100px}.experiment-header{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:46px;padding:42px 28px 40px;display:grid}.experiment-header h1{font-size:var(--text-page);letter-spacing:-.01em;margin:12px 0;line-height:1.3}.experiment-header div>p:last-child{max-width:720px;color:var(--body);font-size:var(--text-lead);margin:0;line-height:1.65}.experiment-header>span{color:#52705a;font-size:var(--text-small);white-space:nowrap;background:#eef3eb;border:1px solid #4e765738;padding:9px 12px}.experiment-detail-grid{grid-template-columns:minmax(360px,.92fr) minmax(0,1.08fr);align-items:start;gap:62px;width:min(100% - 72px,1080px);margin:68px auto 0;display:grid}.experiment-visual{background:var(--paper);background-blend-mode:soft-light;background-image:url(/images/decor/paper-texture.webp);background-size:620px 620px;border:1px solid #40392e29;margin:0;padding:14px;position:sticky;top:26px;transform:rotate(-.35deg);box-shadow:0 13px 25px #483a241a}.experiment-visual .tape{filter:hue-rotate(165deg)saturate(.5)contrast(.94)drop-shadow(0 2px 2px #37424921);width:72px;top:-11px;left:auto;right:38px;transform:rotate(4deg)}.experiment-visual img,.experiment-visual video{border:1px solid var(--line-soft);object-fit:contain;width:100%;max-height:72vh;display:block}.experiment-visual video{background:#151719}.experiment-visual-empty{border:1px solid var(--line-soft);color:#776c5d;text-align:center;background-color:#f0ece2;background-image:linear-gradient(#76674e12 1px,#0000 1px),linear-gradient(90deg,#76674e12 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;place-content:center;gap:12px;min-height:480px;padding:38px;display:grid}.experiment-visual-empty svg{width:42px;height:42px;margin:0 auto 6px}.experiment-visual-empty small{font-size:var(--text-meta);letter-spacing:.12em}.experiment-visual-empty strong{font-size:var(--text-note);line-height:1.5}.experiment-notes{border-top:1px solid var(--line)}.experiment-notes section{border-bottom:1px solid var(--line-soft);padding:25px 4px 27px}.experiment-notes small{color:#7f786e;font-size:var(--text-meta);letter-spacing:.1em;font-weight:700}.experiment-notes h2,.experiment-notes p{color:#4f4b44;font-size:var(--text-lead);margin:10px 0 0;font-weight:400;line-height:1.75}.experiment-notes h2{font-weight:600}.experiment-related{background:var(--paper);border:1px solid #2c65bc29;justify-content:space-between;align-items:center;gap:28px;width:min(100% - 72px,1080px);margin:55px auto 0;padding:22px 24px;display:flex}.experiment-related small{color:#7d776e;font-size:var(--text-meta);margin-bottom:6px;display:block}.experiment-related strong{font-size:var(--text-lead)}.experiment-related a{color:#43648f;font-size:var(--text-small);align-items:center;gap:7px;font-weight:600;display:inline-flex}.experiment-related svg{width:14px;height:14px}.about-layout{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:77px;padding:67px 63px 105px;display:grid}.profile-sheet{border:1px solid #40392e29;padding:31px 28px 30px;position:sticky;top:24px;transform:rotate(-.7deg);box-shadow:0 12px 24px #483a241a}.profile-kicker{color:#80796f;font-size:var(--text-meta);letter-spacing:.12em;margin-bottom:13px;font-weight:700;display:block}.profile-clip{z-index:4;background:0 0;border:2px solid #525452bd;border-radius:12px 12px 10px 10px;width:21px;height:52px;position:absolute;top:-18px;right:34px;transform:rotate(8deg);box-shadow:1px 3px 3px #37312724,inset 0 0 0 1px #ffffff9e}.profile-clip:after{content:"";border:1.5px solid #696b68b8;border-radius:8px 8px 6px 6px;position:absolute;inset:5px 4px 11px}.profile-sheet h2{font-family:var(--font-base);font-size:var(--text-section);letter-spacing:.01em;margin:0;font-weight:700}.profile-sheet>p:not(.profile-note){color:#666158;font-size:var(--text-small);margin:9px 0 26px;line-height:1.65}.profile-sheet dl{margin:0}.profile-sheet dl>div{border-top:1px solid #3e382e1f;padding:13px 0}.profile-sheet dt{color:#8a847b;font-size:var(--text-meta);letter-spacing:.09em}.profile-sheet dd{color:#524e47;font-size:var(--text-small);margin:5px 0 0;line-height:1.6}.profile-sheet .profile-note{background:var(--paper-warm);color:#504a40;font-family:var(--font-script);margin:23px 0 0;padding:17px 13px;font-size:25px;font-weight:400;line-height:1.55;transform:rotate(.8deg)}.about-content{min-width:0}.experience-section,.skills-section{padding-bottom:58px}.skills-section{border-top:1px solid #3e382e2e;padding-top:55px}.section-title-row{justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:27px;display:flex}.section-title-row span{color:#8a847b;font-family:var(--font-base);font-size:var(--text-meta)}.experience-entry{background-color:var(--paper);background-blend-mode:soft-light;background-image:url(/images/decor/paper-texture.webp);background-size:620px 620px;border:1px solid #40392e24;padding:26px 27px 24px;position:relative;box-shadow:0 8px 16px #483a2412}.experience-entry+.experience-entry{margin-top:24px}.entry-blue{border-left:4px solid #6f8eac;transform:rotate(-.25deg)}.entry-yellow{border-left:4px solid #c2a05e;width:calc(100% - 18px);margin-left:18px;transform:rotate(.35deg)}.experience-entry time{color:#7e786e;font-family:var(--font-base);font-size:var(--text-meta)}.experience-entry h3{font-family:var(--font-base);font-size:var(--text-note);letter-spacing:.012em;margin:10px 0 6px;font-weight:700}.experience-entry>p{color:#59606a;font-size:var(--text-meta);margin:0}.experience-entry ul{color:#56514a;font-size:var(--text-small);margin:19px 0 0;padding-left:18px;line-height:1.8}.skill-list{border-top:1px solid #3e382e33}.skill-list article{border-bottom:1px solid #3e382e24;grid-template-columns:45px 150px 1fr;align-items:baseline;gap:17px;padding:20px 0;display:grid}.skill-list article>span{color:#8b857c;font-family:var(--font-base);font-size:var(--text-meta)}.skill-list article>div{display:contents}.skill-list h3{font-family:var(--font-base);font-size:var(--text-lead);letter-spacing:.01em;margin:0;font-weight:700}.skill-list p{color:#5f5a53;font-size:var(--text-small);margin:0;line-height:1.75}.education-note{background-color:var(--paper);background-blend-mode:soft-light;background-image:url(/images/decor/paper-texture.webp);background-size:620px 620px;border:1px solid #40392e24;width:calc(100% - 42px);margin:6px 0 0 29px;padding:27px 28px;position:relative;transform:rotate(-.6deg);box-shadow:0 8px 15px #483a240f}.education-note small{color:#7c766c;font-family:var(--font-base);font-size:var(--text-meta)}.education-note h3{font-family:var(--font-base);font-size:var(--text-note);letter-spacing:.01em;margin:8px 0 5px;font-weight:700}.education-note p{color:#5f5a52;font-size:var(--text-small);margin:0;line-height:1.75}.contact-desk{grid-template-columns:minmax(0,1fr) minmax(330px,380px);align-items:start;gap:58px;padding:70px 70px 108px;display:grid}.contact-letter{min-height:640px;font-family:var(--font-script);border:1px solid #40392e29;padding:55px 58px 46px;position:relative;transform:rotate(-.5deg);box-shadow:0 14px 27px #483a241c}.letter-salutation{font-family:var(--font-script);letter-spacing:.01em;margin:0 0 17px;font-size:clamp(25px,1.9vw,29px);font-weight:400;line-height:1.5}.contact-letter h2{max-width:660px;font-family:var(--font-script);letter-spacing:.012em;margin:0 0 27px;font-size:clamp(40px,3.35vw,50px);font-weight:400;line-height:1.35;transform:rotate(-.35deg)}.letter-body{border-top:1px solid var(--line);gap:20px;max-width:740px;padding-top:25px;display:grid}.letter-body p{color:#46423c;font-family:var(--font-script);letter-spacing:.012em;margin:0;font-size:clamp(20px,1.55vw,23px);font-weight:400;line-height:1.88}.letter-signoff{flex-direction:column;align-items:flex-start;gap:5px;margin-top:31px;display:flex;transform:rotate(-1deg)}.letter-signoff span{color:#6c665e;font-family:var(--font-script);font-size:24px}.letter-signoff strong{font-family:var(--font-script);letter-spacing:.02em;font-size:34px;font-weight:400}.contact-stack{flex-direction:column;gap:20px;display:flex}.contact-directory{background-color:var(--paper);border:1px solid #40392e26;padding:29px 27px 27px;transform:rotate(.7deg);box-shadow:0 10px 19px #483a2414}.contact-directory>header{border-bottom:1px solid var(--line);padding-bottom:19px}.contact-directory>header small{color:#7f7970;font-size:var(--text-meta);letter-spacing:.09em}.contact-directory>header h2{font-size:var(--text-note);margin:8px 0 7px}.contact-directory>header p{color:#676159;font-size:var(--text-small);margin:0;line-height:1.65}.contact-method{border-bottom:1px solid var(--line-soft);grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:12px;padding:18px 0;display:grid}.contact-method>svg{width:24px;height:24px;color:var(--blue)}.contact-method+.contact-method>svg{color:var(--green)}.contact-method span small{color:#817b72;font-size:var(--text-meta);letter-spacing:.07em;margin-bottom:4px;display:block}.contact-method a,.contact-method strong{font-size:var(--text-body);font-weight:600;display:inline-block}.contact-method a{border-bottom:1px solid #2c65bc61}.contact-method button{color:#5f6670;cursor:pointer;font-size:var(--text-meta);background:#fff;border:1px solid #40392e24;align-items:center;gap:5px;padding:6px 8px;display:inline-flex}.contact-method button:hover{background:#f4f6f8}.contact-method button svg{width:12px;height:12px}.contact-facts{margin:0}.contact-facts>div{border-bottom:1px solid var(--line-soft);padding:15px 0}.contact-facts dt{color:#817b72;font-size:var(--text-meta);letter-spacing:.07em}.contact-facts dd{color:#4f4b45;font-size:var(--text-small);margin:5px 0 0;line-height:1.7}.contact-directory .send-email{color:#fff;font-size:var(--text-small);background:#2f66b5;border:1px solid #2c65bc47;justify-content:center;align-items:center;gap:7px;margin-top:20px;padding:10px 12px;font-weight:600;display:flex}.contact-directory .send-email svg{width:14px;height:14px}.contact-work-link{background:var(--paper);color:#55647a;font-size:var(--text-small);border:1px solid #40392e26;justify-content:center;align-items:center;gap:8px;padding:13px 16px;font-weight:600;display:flex}.contact-work-link svg{width:14px;height:14px}.project-paper,.now-note,.home-note,.archive-sheet,.case-metric,.case-cover,.case-cover-note,.case-sidebar .case-hand-note,.case-result,.case-contact-cta,.case-pagination a,.lab-note,.polaroid,.experiment-visual,.profile-sheet,.experience-entry,.education-note,.contact-letter,.contact-directory,.contact-work-link,.not-found a{background-color:var(--paper);background-image:var(--paper-surface-image);background-position:50%,50%;background-repeat:repeat,repeat,repeat,no-repeat;background-size:var(--paper-surface-size);background-blend-mode:multiply, multiply, multiply, normal;outline-offset:-2px;outline:1px solid #ffffff6b}.not-found{text-align:center;place-items:center;min-height:580px;padding:70px 20px;display:grid}.not-found>span{color:#9b9387;font-family:var(--font-base);font-size:var(--text-body)}.not-found h1{font-family:var(--font-base);letter-spacing:.015em;margin:15px 0 11px;font-size:36px;font-weight:700}.not-found p{color:#6d675e;font-size:var(--text-small);margin:0}.not-found a{border:1px solid var(--line);background:var(--paper);font-size:var(--text-meta);align-items:center;gap:7px;margin-top:29px;padding:10px 14px;display:inline-flex}.not-found svg{width:14px;height:14px}.paper-bottom a,.archive-filters button,.back-link,.case-contact-cta a,.case-pagination a,.experiment-related a,.contact-method button,.contact-directory .send-email,.contact-work-link,.not-found a{transition:color var(--motion-fast) var(--ease-soft), background-color var(--motion-fast) var(--ease-soft), border-color var(--motion-fast) var(--ease-soft), box-shadow var(--motion-medium) var(--ease-out-quart), translate var(--motion-medium) var(--ease-out-quart), scale var(--motion-fast) var(--ease-soft)}.quiet-link svg,.paper-bottom a svg,.home-note>svg:last-child,.archive-open svg,.polaroid-link svg,.case-contact-cta a svg,.experiment-related a svg,.contact-directory .send-email svg,.contact-work-link svg,.not-found a svg,.back-link svg,.project-paper .push-pin,.now-note .push-pin{transition:translate var(--motion-medium) var(--ease-out-quart)}@media (hover:hover) and (pointer:fine){.paper-bottom a:hover,.case-contact-cta a:hover,.case-pagination a:hover,.experiment-related a:hover,.contact-method button:hover,.contact-directory .send-email:hover,.contact-work-link:hover,.not-found a:hover{translate:0 -2px}.paper-bottom a:hover,.case-contact-cta a:hover,.case-pagination a:hover,.experiment-related a:hover,.contact-method button:hover,.contact-work-link:hover,.not-found a:hover{border-color:#2c65bc47;box-shadow:0 8px 18px #3d342517}.contact-directory .send-email:hover{background-color:#275da9;box-shadow:0 9px 20px #2c65bc38}.back-link:hover{translate:-2px}.quiet-link:hover svg,.paper-bottom a:hover svg,.home-note:hover>svg:last-child,.archive-sheet:hover .archive-open svg,.polaroid:hover .polaroid-link svg,.case-contact-cta a:hover svg,.experiment-related a:hover svg,.contact-directory .send-email:hover svg,.contact-work-link:hover svg,.not-found a:hover svg{translate:4px}.back-link:hover svg{translate:-3px}.project-paper:hover .push-pin{translate:0 -2px}}.archive-filters button:active,.contact-method button:active,.contact-directory .send-email:active,.contact-work-link:active{scale:.97}footer{color:#6e685f;min-height:82px;font-size:var(--text-meta);letter-spacing:.09em;border-top:1px solid #332f2847;grid-template-columns:1fr auto auto;align-items:center;gap:25px;display:grid}.signature{color:#3567a8;min-width:112px;height:36px;font-family:var(--font-script);letter-spacing:0;border:2px solid #3567a8;justify-self:end;place-items:center;padding:0 10px;font-size:23px;font-weight:700;display:grid;transform:rotate(2deg)}.desk-edge{z-index:1;pointer-events:none;opacity:.74;filter:saturate(.72)sepia(.1)brightness(1.02);background-repeat:no-repeat;background-size:contain;width:265px;height:390px;position:absolute;top:590px;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.desk-edge-left{filter:saturate(.58)sepia(.28)brightness(1.08)contrast(.94);animation:desk-left-in .88s .1s var(--ease-out-quart) both;background-image:url(/images/decor/desk-notebook.webp);background-position:0 100%;left:-25px;-webkit-mask-image:radial-gradient(112% 92% at 0 100%,#000 0 50%,#000000db 64%,#0000 88%);mask-image:radial-gradient(112% 92% at 0 100%,#000 0 50%,#000000db 64%,#0000 88%)}.desk-edge-right{animation:desk-right-in .88s .18s var(--ease-out-quart) both;background-image:url(/images/decor/desk-pen.webp);background-position:100% 100%;right:-22px;-webkit-mask-image:radial-gradient(112% 92% at 100% 100%,#000 0 50%,#000000db 64%,#0000 88%);mask-image:radial-gradient(112% 92% at 100% 100%,#000 0 50%,#000000db 64%,#0000 88%)}@keyframes desk-left-in{0%{opacity:0;transform:translate(-18px,10px)}to{opacity:.74;transform:translate(0,0)}}@keyframes desk-right-in{0%{opacity:0;transform:translate(18px,10px)}to{opacity:.74;transform:translate(0,0)}}@media (min-width:1181px){.page-intro h1{white-space:nowrap}}@media (max-width:1180px){.page-shell{width:min(100% - 44px,1080px)}.site-header{grid-template-columns:1fr auto;gap:20px}.header-profile{flex-direction:column;align-items:flex-start;gap:7px}.availability{margin:0;display:inline-flex}.featured-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.now-note{grid-column:1/-1;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;width:min(660px,100%);min-height:100px;margin:8px 0 0 auto;padding:24px 25px;display:grid}.now-note>p{border-right:2px solid var(--green);border-bottom:0;margin:0;padding:0 18px 4px 0}.now-note ul{font-family:var(--font-base);font-size:var(--text-meta);gap:34px;display:flex}.now-note li+li{margin-top:0}.hand-star{margin:0}.project-paper{padding-inline:18px}.page-intro{gap:18px;padding-inline:25px}.case-header{gap:40px;padding-inline:23px}.case-body{gap:52px}.about-layout{gap:50px;padding-inline:35px}.contact-desk{gap:45px;padding-inline:35px}.desk-edge{display:none}}@media (max-width:900px){.site-header{min-height:118px}.identity-copy{display:grid}.identity-copy strong{font-size:var(--text-note);display:block}.identity-copy small{font-size:var(--text-meta);display:block}.site-header nav{gap:17px}.site-header nav a{font-size:var(--text-body)}.site-header nav a[href=\/about]{margin-left:8px}.home-intro{padding-inline:10px}.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:31px 24px}.paper-3{margin-top:0}.now-note{grid-column:2;width:auto;margin-top:45px;padding:34px 25px 25px;display:block}.now-note>p{border-right:0;border-bottom:2px solid var(--green);text-align:left;margin-bottom:13px;padding:0 0 6px}.now-note ul{display:block}.now-note li+li{margin-top:9px}.hand-star{position:absolute;top:19px;right:21px}.home-notes{grid-template-columns:1fr;padding-inline:28px}.page-intro{grid-template-columns:1fr;gap:17px;padding:46px 12px 37px}.page-intro h1{max-width:700px}.page-intro-side{flex-direction:column;align-items:flex-start;gap:12px;max-width:700px}.handwritten-mark{font-size:var(--text-note)}.archive-board{grid-template-columns:repeat(2,minmax(0,1fr))}.case-header{grid-template-columns:1fr;gap:26px}.case-metric{width:min(100%,360px)}.case-cover{width:calc(100% - 25px)}.case-body{grid-template-columns:1fr;gap:35px}.case-gallery{width:calc(100% - 25px)}.case-gallery-header{grid-template-columns:1fr;gap:14px}.case-sidebar{grid-template-columns:1fr 1fr;gap:22px;display:grid}.case-sidebar section+section{padding-top:0}.case-sidebar .case-hand-note{grid-column:1/-1;margin:0}.lab-board{grid-template-columns:1fr;gap:52px;padding-inline:30px}.lab-note{width:310px;margin:0}.experiment-header{grid-template-columns:1fr;align-items:start}.experiment-detail-grid{grid-template-columns:1fr;gap:38px;width:min(100% - 30px,700px)}.experiment-visual{position:relative;top:0}.experiment-related{width:min(100% - 30px,700px)}.about-layout{grid-template-columns:1fr}.profile-sheet{width:min(100%,430px);position:relative;top:0}.contact-desk{grid-template-columns:1fr}.contact-stack{width:min(100%,430px);margin-left:auto}}@media (max-width:680px){.page-shell{width:min(100% - 26px,520px)}.site-header{grid-template-columns:1fr;gap:13px;padding:17px 0 14px}.identity-copy strong{font-size:var(--text-note)}.identity-copy small{font-size:var(--text-meta)}.site-header nav{grid-template-columns:repeat(5,1fr);gap:4px;width:100%;height:34px;display:grid}.site-header nav a{height:34px;font-size:var(--text-small)}.site-header nav a:after{bottom:0}.site-header nav a[href=\/about]{border-left:0;margin-left:0;padding-left:0}.home-intro{padding:31px 3px 23px;display:block}.home-intro h1{font-size:28px;line-height:1.45}.quiet-link{margin-top:18px}.featured-wall{padding-inline:2px}.featured-grid{flex-direction:column;gap:30px;display:flex}.project-paper{width:100%;min-height:auto;padding:29px 20px 21px}.paper-1,.paper-2,.paper-3{margin-top:0;transform:none}.project-heading{min-height:auto;margin-bottom:14px}.project-heading h2{font-size:var(--text-note)}.project-image-link>span{opacity:1;transform:none}.paper-bottom{margin-top:16px}.now-note{order:4;align-self:flex-end;width:calc(100% - 38px);margin:3px 0 0}.home-notes{padding:28px 2px 62px}.page-intro{padding:39px 15px 33px 18px}.page-intro h1{font-size:30px;line-height:1.5}.page-intro-side{gap:10px}.handwritten-mark{white-space:normal;font-size:22px}.work-archive{padding:31px 2px 72px}.archive-toolbar{margin-bottom:34px;display:block}.archive-filters{justify-content:start;margin-top:17px}.archive-board{grid-template-columns:1fr;gap:29px}.archive-sheet{min-height:auto}.archive-sheet-1,.archive-sheet-2,.archive-sheet-3,.archive-sheet-4,.archive-sheet-5,.archive-sheet-6{margin-top:0;transform:none}.case-page{padding:26px 2px 76px}.case-header{padding:31px 0}.case-header h1{letter-spacing:-.025em;font-size:32px;line-height:1.24}.case-cover{width:100%;margin:12px auto 52px;padding:8px 8px 13px}.case-cover-note{min-height:250px;padding:39px 22px}.case-cover-note>p{font-size:var(--text-note)}.case-sidebar{grid-template-columns:1fr}.case-sidebar section+section{padding-top:0}.case-main>section{padding-bottom:42px}.case-main>section+section{padding-top:40px}.case-main h2{font-size:25px}.case-result{padding:23px 20px!important}.case-contact-cta{flex-direction:column;align-items:flex-start}.case-gallery{width:100%;margin-top:62px;padding-top:28px}.case-gallery-header{margin-bottom:23px}.case-gallery-header h2{font-size:26px}.case-media,.case-media-full,.case-media-wide,.case-media-half,.case-media-portrait{grid-column:1/-1}.case-media{padding:7px 7px 11px}.case-media figcaption{padding-top:10px}.case-pagination{grid-template-columns:1fr;width:100%;margin-top:60px}.case-pagination a:last-child{text-align:left;justify-content:flex-start}.case-pagination a:last-child span{order:2}.case-pagination a:last-child svg{order:1;transform:rotate(180deg)}.lab-board{padding:45px 2px 76px}.lab-note{width:calc(100% - 35px)}.experiment-grid{grid-template-columns:1fr;gap:32px}.polaroid-1,.polaroid-2,.polaroid-3,.polaroid-4,.polaroid-5{margin-top:0;transform:none}.experiment-page{padding:25px 2px 72px}.experiment-header{gap:20px;padding:34px 2px 30px}.experiment-header h1{font-size:31px}.experiment-header>span{white-space:normal}.experiment-detail-grid{width:100%;margin-top:43px}.experiment-related{flex-direction:column;align-items:flex-start;width:100%;margin-top:42px}.about-layout{gap:46px;padding:49px 2px 80px}.profile-sheet{width:calc(100% - 22px)}.profile-sheet,.contact-letter,.education-note{transform:none}.skill-list article{grid-template-columns:38px 1fr;gap:13px}.skill-list article>div{display:block}.skill-list h3{margin-bottom:6px}.entry-yellow{width:100%;margin-left:0}.education-note{width:calc(100% - 20px);margin-left:12px;padding-inline:21px}.contact-desk{gap:41px;padding:48px 2px 80px}.contact-letter{min-height:0;padding:42px 25px 36px}.letter-salutation{font-size:25px}.contact-letter h2{font-size:38px}.letter-body p{font-size:21px;line-height:1.78}.letter-signoff strong{font-size:31px}.contact-stack{width:calc(100% - 18px)}.contact-method a,.contact-method strong{font-size:var(--text-body)}footer{font-size:var(--text-meta);grid-template-columns:1fr auto}footer>span:nth-child(2){display:none}.signature{min-width:96px;font-size:var(--text-small);padding-inline:7px}}@media (prefers-reduced-motion:reduce){.motion-ready [data-motion]{opacity:1!important;animation:none!important}.motion-ready [data-motion=rise]{transform:none!important}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}