@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/static/inter-latin-400-normal-C38fXH4l.woff2)format("woff2"),url(/static/inter-latin-400-normal-CyCys3Eg.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/static/inter-latin-500-normal-Cerq10X2.woff2)format("woff2"),url(/static/inter-latin-500-normal-BL9OpVg8.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/static/inter-latin-600-normal-LgqL8muc.woff2)format("woff2"),url(/static/inter-latin-600-normal-CiBQ2DWP.woff)format("woff")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/static/space-grotesk-latin-500-normal-lFbtlQH6.woff2)format("woff2"),url(/static/space-grotesk-latin-500-normal-CNSSEhBt.woff)format("woff")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(/static/space-grotesk-latin-600-normal-DjKNqYRj.woff2)format("woff2"),url(/static/space-grotesk-latin-600-normal-BflQw4A9.woff)format("woff")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/static/space-grotesk-latin-700-normal-RjhwGPKo.woff2)format("woff2"),url(/static/space-grotesk-latin-700-normal-CwsQ-cCU.woff)format("woff")}@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{.visible{visibility:visible}.relative{position:relative}.static{position:static}.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.table{display:table}}:root{--cream:#f7f0e3;--paper:#fffaf0;--ink:#191919;--muted:#68635b;--yellow:#f5d547;--coral:#f05b4f;--blue:#2457e6;--green:#35a86b;--line:#19191938;--shadow:0 10px 24px #3025151f;--display:"Space Grotesk", "Arial Black", sans-serif;--display-cjk:"PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;--body:"Inter", "PingFang SC", "Microsoft YaHei", sans-serif;--cursor-x:50vw;--cursor-y:50vh}html[data-theme=dark]{--cream:#1c1c19;--paper:#272722;--ink:#f7f0e3;--muted:#bbb5aa;--line:#f7f0e33b;--shadow:0 12px 30px #00000047}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--cream)}body{background:var(--cream);color:var(--ink);font-family:var(--body);margin:0;font-size:15px;line-height:1.55;transition:color .18s,background .18s;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;opacity:.28;background-image:radial-gradient(#1919192e .55px,#0000 .55px);background-size:5px 5px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 58%);mask-image:linear-gradient(#000,#0000 58%)}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}::selection{color:#fff;background:var(--blue)}.shell{width:min(100% - 56px,1240px);margin-inline:auto}.site-header{z-index:50;grid-template-columns:1fr auto 1fr;align-items:center;height:82px;display:grid;position:relative}.brand{width:max-content;font-family:var(--display);letter-spacing:-.07em;font-size:1.65rem;font-weight:700}.brand span{color:var(--coral)}.main-nav{align-items:center;gap:34px;font-size:.78rem;font-weight:600;display:flex}.main-nav a{padding:8px 0;position:relative}.main-nav a:after{content:"";background:var(--yellow);height:2px;transition:right .18s;position:absolute;bottom:1px;left:0;right:100%}.main-nav a:hover:after,.main-nav a:focus-visible:after{right:0}.header-tools{justify-self:end;align-items:center;gap:9px;display:flex}.theme-toggle{width:36px;height:36px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.theme-toggle:hover{background:#8080801f}.language-toggle{border:1px solid var(--ink);border-radius:99px;padding:2px;display:flex}.language-toggle button{min-width:28px;height:25px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:99px;padding:0 6px;font-size:.61rem;font-weight:700}.language-toggle button.active{color:var(--cream);background:var(--ink)}.say-hello{background:var(--yellow);color:#191919;border:1px solid #19191917;border-radius:9px;align-items:center;gap:10px;min-height:38px;padding:0 15px;font-size:.72rem;font-weight:700;transition:transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 4px 10px #7154001f}.say-hello:hover{box-shadow:4px 5px 0 var(--ink);transform:translateY(-2px)rotate(-1deg)}.home-hero{grid-template-columns:.92fr 1.08fr;align-items:center;gap:34px;min-height:660px;padding-top:35px;display:grid}.hero-copy{padding-bottom:34px;padding-left:58px;position:relative}.hero-copy h1{font-family:var(--display);letter-spacing:-.09em;margin:0;font-size:clamp(5.1rem,8.5vw,8.25rem);font-weight:700;line-height:.8}.hero-copy h1 span{opacity:0;animation:.64s cubic-bezier(.16,1,.3,1) forwards hero-line;display:block;transform:translateY(28px)}.hero-copy h1 span:nth-child(2){animation-delay:70ms}.hero-copy h1 span:nth-child(3){animation-delay:.14s}.hero-copy h1 i{color:var(--coral);font-style:normal}.hero-copy>p{max-width:420px;margin:30px 0 24px;font-size:.98rem;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:16px;display:flex}.primary-button,.outline-button{border-radius:8px;justify-content:center;align-items:center;gap:20px;min-height:48px;padding:0 20px;font-size:.78rem;font-weight:700;transition:transform .18s,box-shadow .18s;display:inline-flex}.primary-button{color:#fff;background:var(--blue);border:1px solid var(--blue)}.outline-button{background:var(--paper);border:1px solid var(--ink)}.primary-button:hover,.outline-button:hover{box-shadow:4px 5px 0 var(--ink);transform:translateY(-3px)}.hero-burst{width:38px;height:55px;position:absolute;top:39px;left:2px}.hero-burst i{background:var(--coral);transform-origin:100%;border-radius:99px;width:26px;height:4px;position:absolute;left:3px}.hero-burst i:first-child{top:3px;transform:rotate(27deg)}.hero-burst i:nth-child(2){top:21px;transform:rotate(4deg)}.hero-burst i:nth-child(3){top:40px;transform:rotate(-23deg)}.hero-underline{border-top:4px solid var(--yellow);border-radius:50%;width:220px;height:18px;margin:5px 0 0 112px;transform:rotate(-2deg)}.doodle-arrow{color:var(--blue);position:absolute;bottom:48px;left:-18px;transform:rotate(112deg)}.hero-collage{isolation:isolate;height:590px;position:relative}.portrait-card{z-index:4;border:1px solid var(--line);background:var(--paper);width:42%;height:330px;box-shadow:var(--shadow);border-radius:17px;padding:10px;position:absolute;top:56px;left:7%;transform:rotate(-2.2deg)}.portrait-image{filter:saturate(.9)contrast(.98);background:#eee2cf url(/jude-portrait-v3.png) 50% 22%/cover no-repeat;border-radius:11px;width:100%;height:100%}.collage-card{z-index:3;color:#191919;box-shadow:var(--shadow);border:1px solid #1919192e;border-radius:15px;flex-direction:column;padding:22px;display:flex;position:absolute}.collage-card strong{font-family:var(--display);letter-spacing:-.045em;font-size:1.38rem;line-height:1.05}.collage-card p{max-width:160px;margin:7px 0 0;font-size:.72rem;line-height:1.4}.mini-icon{place-items:center;width:30px;height:30px;margin-bottom:auto;display:grid}.mini-icon svg{width:25px;height:25px}.card-developer{background:var(--green);width:39%;height:145px;top:31px;right:4%;transform:rotate(4.5deg)}.card-focus{background:var(--paper);width:39%;height:158px;color:var(--ink);top:185px;right:1%;transform:rotate(1.2deg)}.card-builder{background:var(--yellow);width:38%;height:172px;bottom:45px;left:5%;transform:rotate(-1.2deg)}.card-location{background:var(--coral);width:43%;height:170px;bottom:42px;right:2%;transform:rotate(2.2deg)}.card-location strong{max-width:160px}.always-building{z-index:8;color:#fff;background:var(--blue);font-family:var(--display);border:1px solid #19191933;border-radius:7px;padding:10px 14px;font-size:.9rem;font-weight:600;line-height:1.05;position:absolute;top:148px;left:0;transform:rotate(5deg);box-shadow:3px 5px #19191940}.always-building span{color:var(--yellow);vertical-align:-3px;display:inline-flex}.collage-note{z-index:9;border:5px solid var(--paper);color:#fff;background:#191919;border-radius:10px;padding:11px 17px;font-size:.72rem;font-weight:600;line-height:1.25;position:absolute;bottom:1px;right:14%;transform:rotate(4deg);box-shadow:0 3px #19191947}.collage-note svg{color:var(--yellow);vertical-align:-3px;margin-left:18px}.dot-grid{z-index:-1;background-image:radial-gradient(var(--ink) 1.3px, transparent 1.3px);opacity:.7;background-size:13px 13px;width:85px;height:75px;position:absolute;top:25px;right:0}.card-scribble{border-top:2px solid #191919;border-radius:50%;width:68px;height:24px;position:absolute;bottom:15px;right:22px;transform:rotate(-12deg)}.tiny-skyline{border-bottom:1px solid #191919b3;align-items:end;gap:5px;height:52px;margin-top:auto;display:flex}.tiny-skyline i{border:1px solid #ffffffd9;border-bottom:0;flex:1}.tiny-skyline i:first-child{height:21px}.tiny-skyline i:nth-child(2){height:34px}.tiny-skyline i:nth-child(3){height:49px}.tiny-skyline i:nth-child(4){height:29px}.tiny-skyline i:nth-child(5){height:39px}.home-section{padding:34px 0 46px}.section-title{justify-content:space-between;align-items:flex-start;min-height:48px;margin-bottom:20px;display:flex;position:relative}.section-title h2{font-family:var(--display);letter-spacing:-.06em;margin:0;font-size:1.65rem;line-height:1}.section-title h2:after{content:"";border-top:3px solid var(--yellow);border-radius:50%;width:120px;height:8px;margin-top:4px;display:block;transform:rotate(-1deg)}.section-title.accent-green h2:after{border-color:var(--green)}.section-title.accent-blue h2:after{border-color:var(--blue)}.section-title.accent-coral h2:after{border-color:var(--coral)}.section-title>a{color:var(--blue);align-items:center;gap:8px;font-size:.72rem;font-weight:700;display:inline-flex}.section-title>a svg{transition:transform .16s}.section-title>a:hover svg{transform:translate(4px)}.note-grid{grid-template-columns:repeat(4,1fr);gap:17px;display:grid}.note-card{border:1px solid var(--line);background:var(--paper);border-radius:12px;min-width:0;transition:transform .24s cubic-bezier(.16,1,.3,1),box-shadow .22s;overflow:hidden;box-shadow:0 6px 16px #30251514}.note-card:hover{box-shadow:var(--shadow);transform:translateY(-7px)rotate(-.4deg)}.note-thumb{border-bottom:1px solid var(--line);height:132px;position:relative;overflow:hidden}.note-thumb>span{z-index:3;color:#fff;background:#191919;border-radius:4px;padding:4px 8px;font-size:.58rem;position:absolute;bottom:10px;left:12px}.note-thumb i,.note-thumb b{display:block;position:absolute}.thumb-blue{background-color:var(--blue);background-image:linear-gradient(#ffffff1f 1px,#0000 1px),linear-gradient(90deg,#ffffff1f 1px,#0000 1px);background-size:18px 18px}.thumb-blue i{border-top:2px solid #fff;border-radius:50%;width:120px;height:50px;top:38px;left:70px;transform:rotate(-8deg)}.thumb-green{background:linear-gradient(160deg, var(--green) 0 55%, var(--paper) 55%)}.thumb-green i{border:3px solid #191919;width:63px;height:63px;top:31px;left:42%;transform:rotate(30deg)}.thumb-yellow{background:linear-gradient(169deg, var(--paper) 0 25%, var(--yellow) 25%)}.thumb-yellow i{background:#191919;border-radius:5px;width:95px;height:58px;top:43px;left:44px;transform:rotate(-6deg);box-shadow:7px 8px #1919192e}.thumb-coral{background:linear-gradient(106deg, var(--coral) 0 44%, var(--paper) 44%)}.thumb-coral i{border:2px solid #191919;border-radius:50%;width:110px;height:75px;top:28px;right:22px;transform:rotate(18deg)}.note-content{padding:16px 17px 14px}.note-content time{color:var(--muted);font-size:.61rem}.note-content h3{min-height:66px;font-family:var(--display);letter-spacing:-.045em;margin:7px 0 8px;font-size:1.24rem;line-height:1.05}.note-content p{min-height:50px;color:var(--muted);margin:0;font-size:.71rem;line-height:1.45}.note-meta{color:var(--muted);justify-content:space-between;margin-top:16px;font-size:.58rem;display:flex}.note-meta svg{color:var(--ink)}.writing-in-progress{border:1px solid var(--line);background:var(--paper);min-height:310px;box-shadow:var(--shadow);border-radius:16px;grid-template-columns:minmax(280px,.9fr) 1.1fr;display:grid;position:relative;overflow:hidden;transform:rotate(-.25deg)}.writing-illustration{background:#eee2cf url(/writing-in-progress-no-person.png) 50%/cover no-repeat;min-height:310px}.writing-copy{flex-direction:column;justify-content:center;padding:42px 48px;display:flex}.production-status{width:max-content;color:var(--muted);text-transform:uppercase;letter-spacing:.09em;align-items:center;gap:9px;margin:0;font-size:.65rem;font-weight:700;display:inline-flex}.production-status i{background:var(--coral);border-radius:50%;width:7px;height:7px;animation:1.8s ease-in-out infinite status-pulse;box-shadow:0 0 0 4px #f05b4f26}.writing-copy h3{font:700 clamp(2.4rem,5vw,4.8rem)/.88 var(--display);letter-spacing:-.07em;margin:17px 0 12px}.writing-copy p{max-width:510px;color:var(--muted);margin:0;font-size:.78rem;line-height:1.65}.writing-tape{background:#2457e6c7;width:74px;height:18px;position:absolute;top:-3px;left:35%;transform:rotate(-3deg)}.notes-production{border:1px solid var(--line);background:var(--paper);min-height:520px;box-shadow:var(--shadow);border-radius:17px;grid-template-columns:1.05fr .95fr;margin-top:66px;display:grid;position:relative;overflow:hidden;transform:rotate(-.25deg)}.notes-production-art{border-right:1px solid var(--line);min-height:520px;position:relative}.notes-production-art .writing-illustration{height:100%;min-height:520px}.notes-production-copy{flex-direction:column;justify-content:center;padding:54px 48px;display:flex}.notes-production-copy h2{max-width:100%;font:700 clamp(2.45rem,4vw,4.15rem)/.94 var(--display);letter-spacing:-.06em;margin:20px 0 16px}.notes-production-copy>p{max-width:510px;color:var(--muted);margin:0;font-size:.82rem;line-height:1.7}.production-list{border-top:1px solid var(--line);margin-top:34px}.production-list span{border-bottom:1px solid var(--line);align-items:center;gap:16px;min-height:43px;font-size:.67rem;display:flex}.production-list b{color:var(--blue);font:600 .6rem var(--display)}.notes-dots{background-image:radial-gradient(var(--blue) 1.4px, transparent 1.4px);opacity:.65;background-size:13px 13px;width:90px;height:72px;position:absolute;top:-8px;right:-8px}@keyframes status-pulse{50%{opacity:.55;transform:scale(.72)}}.project-preview-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.project-preview{color:#fff;background:#191919 var(--project-image) center / cover no-repeat;min-height:245px;box-shadow:var(--shadow);isolation:isolate;border:1px solid #19191938;border-radius:14px;padding:28px 26px 22px;transition:transform .26s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.project-preview:first-child{transform:rotate(-1.3deg)}.project-preview:nth-child(2){transform:rotate(1.2deg)}.project-preview:nth-child(3){transform:rotate(-.5deg)}.project-preview:hover{transform:translateY(-8px)rotate(0)}.project-preview:after{content:"";z-index:1;clip-path:polygon(0 10%,88% 0,100% 72%,12% 100%);background:#121616d1;width:78%;height:64%;position:absolute;bottom:-22%;left:-12%;transform:rotate(-2deg)}.project-preview>*{z-index:2;position:relative}.project-mark{width:47px;height:47px;color:var(--blue);font-family:var(--display);background:#fff;border-radius:11px;place-items:center;margin-bottom:44px;font-size:1.4rem;font-weight:700;display:grid;transform:rotate(-4deg)}.project-logo{background:var(--project-logo) center / contain no-repeat;width:88%;height:88%;display:block}.project-preview b{font-family:var(--display);letter-spacing:-.05em;text-shadow:0 2px 14px #0000006b;font-size:1.65rem;display:block}.project-preview p{text-shadow:0 2px 12px #00000080;width:72%;min-height:42px;margin:6px 0 15px;font-size:.73rem}.project-preview>i{z-index:3;color:#fff;filter:drop-shadow(0 2px 5px #00000080);font-style:normal;position:absolute;bottom:17px;right:24px}.home-bottom{grid-template-columns:.9fr 1.1fr;gap:58px;padding-bottom:74px;display:grid}.hand-note{align-items:center;gap:4px;margin-right:18px;font-family:cursive;font-size:.76rem;display:inline-flex;transform:rotate(-6deg)}.skill-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.skill-grid>span{border:1px solid var(--line);color:#fff;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:94px;font-size:.6rem;display:flex;box-shadow:0 5px 12px #30251514}.skill-grid b{font-family:var(--display);font-size:1.5rem}.skill-blue{background:var(--blue)}.skill-green{background:var(--green)}.skill-black{background:#191919}.skill-yellow{background:var(--yellow);color:#191919!important}.skill-coral{background:var(--coral)}.skill-paper{background:var(--paper);color:var(--ink)!important}.sticky-grid{grid-template-columns:repeat(3,1fr);align-items:start;gap:15px;display:grid}.sticky{color:#191919;border:1px solid #1919191a;flex-direction:column;min-height:183px;padding:40px 16px 16px;font-size:.73rem;line-height:1.45;display:flex;position:relative;box-shadow:3px 7px 14px #3025151f}.sticky:first-child{transform:rotate(-1deg)}.sticky:nth-child(2){transform:translateY(8px)rotate(1deg)}.sticky:nth-child(3){transform:rotate(2deg)}.sticky-yellow{background:#f6edc8}.sticky-green{background:#dbead8}.sticky-blue{background:#dce7fb}.sticky i{background:#2457e6cc;width:48px;height:14px;position:absolute;top:-7px;left:50%;transform:translate(-50%)rotate(-2deg)}.sticky-green i{background:#35a86bd1}.sticky-blue i{background:#2457e6d1}.sticky small{margin-top:auto;font-size:.55rem}.site-footer{border-top:1px dashed var(--line);padding:34px 0 18px}.footer-grid{grid-template-columns:170px 1fr 280px;align-items:center;gap:30px;display:grid}.footer-sticker{color:#fff;width:145px;font-family:var(--display);background:#191919;padding:11px 15px;font-weight:600;line-height:1.05;transform:rotate(-4deg);box-shadow:4px 5px #1919192e}.footer-copy p{max-width:420px;margin:0;font-size:.74rem}.footer-copy strong{font-family:var(--display);border-bottom:2px solid var(--yellow);margin-top:5px;display:inline-block}.footer-links>div{gap:20px;margin-bottom:9px;font-size:.65rem;font-weight:700;display:flex}.connect-button{color:#fff;background:var(--blue);border-radius:7px;justify-content:space-between;align-items:center;min-height:41px;padding:0 16px;font-size:.7rem;font-weight:700;display:flex}.footer-bottom{color:var(--muted);justify-content:space-between;padding-top:22px;font-size:.56rem;display:flex}.cursor-dot{z-index:100;border:1px dashed var(--blue);pointer-events:none;opacity:0;width:24px;height:24px;transform:translate(calc(var(--cursor-x) - 12px), calc(var(--cursor-y) - 12px));border-radius:50%;transition:opacity .15s;position:fixed;top:0;left:0}.cursor-dot:after{content:"";background:var(--blue);border-radius:50%;width:5px;height:5px;position:absolute;top:9px;left:9px}.cursor-on .cursor-dot{opacity:.75}.motion-ready .reveal{opacity:0;transition:opacity .56s,transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(28px)}.motion-ready .reveal.visible{opacity:1;transform:translateY(0)}.route-page{min-height:70vh;padding:70px 0 100px}.route-head{padding-right:0;position:relative}.route-kicker{color:var(--blue);text-transform:uppercase;letter-spacing:.12em;font-size:.66rem;font-weight:700}.route-title{max-width:900px;font-family:var(--display);letter-spacing:-.08em;margin:12px 0 24px;font-size:clamp(4rem,8vw,7rem);line-height:.84}.route-lead{max-width:530px;color:var(--muted);font-size:.95rem}.route-scribble{align-items:center;gap:7px;font-family:cursive;font-size:.8rem;display:inline-flex;position:absolute;bottom:14px;right:10px;transform:rotate(-7deg)}.archive-projects{grid-template-columns:repeat(12,1fr);gap:24px;margin-top:70px;display:grid}.archive-project{aspect-ratio:16/10;background:#191919 var(--project-image) center / cover no-repeat;min-height:0;box-shadow:var(--shadow);color:#fff;transform:translateY(var(--card-offset,0px)) rotate(var(--card-tilt,0deg));isolation:isolate;border:1px solid #19191947;border-radius:15px;flex-direction:column;grid-column:span 4;padding:34px 25px 17px;transition:transform .32s cubic-bezier(.16,1,.3,1),box-shadow .32s;display:flex;position:relative;overflow:hidden}.archive-project:hover{transform:translateY(calc(var(--card-offset,0px) - 8px)) rotate(0);box-shadow:0 18px 34px #30251533}.archive-project:after{content:"";z-index:1;clip-path:polygon(0 0,100% 13%,100% 100%,0 100%);background:linear-gradient(165deg,#0f1414e6,#080d0df7);width:116%;height:78%;position:absolute;bottom:-18%;left:-8%;transform:rotate(-1.2deg)}.archive-project>*{z-index:2;position:relative}.archive-project-top{justify-content:space-between;align-items:flex-start;display:flex}.archive-project-copy{margin-top:auto;padding:0 34px 28px 0}.archive-mark{background:var(--paper);width:53px;height:53px;color:var(--ink);font:700 1.5rem var(--display);border-radius:11px;place-items:center;transition:transform .32s cubic-bezier(.16,1,.3,1);display:grid;transform:rotate(-5deg)}.archive-project-top small{color:inherit;text-transform:uppercase;letter-spacing:.08em;text-shadow:0 2px 10px #0000008c;font-size:.56rem}.archive-project h2{font:700 2.1rem/1 var(--display);letter-spacing:-.055em;text-shadow:0 2px 14px #0000008c;margin:0}.archive-project p{text-shadow:0 2px 12px #00000094;max-width:78%;min-height:42px;margin:8px 0 0;font-size:.76rem;line-height:1.45}.archive-project-arrow{color:#fff;filter:drop-shadow(0 2px 5px #0000008c);transition:transform .26s cubic-bezier(.16,1,.3,1);display:inline-flex;position:absolute;bottom:18px;right:24px}.archive-project:hover .archive-mark{transform:translateY(-3px)rotate(0)scale(1.04)}.archive-project:hover .archive-project-arrow{transform:translate(3px,-3px)}.motion-ready .archive-project.reveal{opacity:0;transform:translateY(calc(var(--card-offset,0px) + 34px)) rotate(var(--card-tilt,0deg)) scale(.97)}.motion-ready .archive-project.reveal.visible{opacity:1;transform:translateY(var(--card-offset,0px)) rotate(var(--card-tilt,0deg)) scale(1);animation:project-card-in .68s cubic-bezier(.16,1,.3,1) var(--reveal-delay,0s) backwards}.motion-ready .archive-project.reveal.visible:hover{transform:translateY(calc(var(--card-offset,0px) - 8px)) rotate(0) scale(1)}.route-note{color:#191919;background:#dbead8;border:1px solid #19191929;width:min(520px,90%);margin:88px 8% 0 auto;padding:24px 30px;position:relative;transform:rotate(-1.2deg);box-shadow:4px 7px 13px #3025151f}.route-note:before{content:"";background:#2457e6c7;width:58px;height:15px;position:absolute;top:-8px;left:50%;transform:translate(-50%)rotate(2deg)}.route-note span{text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;font-size:.56rem;display:block}.route-note strong{font:600 1.45rem/1.15 var(--display);letter-spacing:-.035em}.route-note-coral{background:#f4d5cf}.notes-filter{flex-wrap:wrap;gap:8px;margin-top:56px;display:flex}.notes-filter span{border:1px solid var(--line);border-radius:99px;padding:8px 13px;font-size:.63rem}.notes-filter .active{color:#fff;background:var(--blue);border-color:var(--blue)}.archive-notes{border-top:1px solid var(--line);margin-top:24px}.archive-note{border:1px solid var(--line);border-top:0;grid-template-columns:68px 1fr 50px;align-items:center;gap:18px;min-height:178px;padding:24px 26px;transition:transform .23s,box-shadow .23s;display:grid;position:relative}.archive-note:hover{z-index:2;transform:translate(6px)rotate(-.2deg);box-shadow:0 9px 20px #3025151f}.archive-note-index{font:700 1.65rem var(--display);opacity:.75}.archive-note-meta{text-transform:uppercase;letter-spacing:.08em;gap:16px;margin-bottom:8px;font-size:.57rem;display:flex}.archive-note h2{max-width:780px;font:700 clamp(1.5rem,3vw,2.45rem)/1 var(--display);letter-spacing:-.055em;margin:0}.archive-note p{opacity:.72;margin:10px 0 0;font-size:.72rem}.archive-note>i{font-size:2rem;font-style:normal}.archive-note-blue{background:#dce7fb}.archive-note-green{background:#dbead8}.archive-note-yellow{background:#f6edc8}.archive-note-coral{background:#f4d5cf}.archive-note-paper{background:var(--paper)}.archive-note-black{color:#fff;background:#191919}html[lang^=zh] .section-title h2,html[lang^=zh] .writing-copy h3,html[lang^=zh] .notes-production-copy h2,html[lang^=zh] .route-title,html[lang^=zh] .route-note strong{font-family:var(--display-cjk);letter-spacing:-.035em;word-break:keep-all;overflow-wrap:normal;text-wrap:balance}html[lang^=zh] .writing-copy h3,html[lang^=zh] .notes-production-copy h2{word-break:normal;overflow-wrap:anywhere;line-height:1.08}html[lang^=zh] .route-title{letter-spacing:-.045em;line-height:.98}html[lang^=zh] .route-note strong{letter-spacing:-.02em;line-height:1.35}@keyframes hero-line{to{opacity:1;transform:translateY(0)}}@keyframes project-card-in{0%{opacity:0;transform:translateY(calc(var(--card-offset,0px) + 34px)) rotate(var(--card-tilt,0deg)) scale(.97)}to{opacity:1;transform:translateY(var(--card-offset,0px)) rotate(var(--card-tilt,0deg)) scale(1)}}@media (width<=1000px){.site-header{grid-template-columns:1fr auto}.main-nav{display:none}.home-hero{grid-template-columns:1fr;padding-top:60px}.hero-copy{max-width:650px}.hero-collage{width:min(100%,690px);margin-inline:auto}.note-grid{grid-template-columns:repeat(2,1fr)}.home-bottom{grid-template-columns:1fr}.footer-grid{grid-template-columns:150px 1fr 250px}.archive-project{grid-column:span 6}}@media (width<=680px){.shell{width:min(100% - 28px,620px)}.site-header{height:68px}.brand{font-size:1.35rem}.theme-toggle,.say-hello{display:none}.hero-copy{padding:28px 0 10px 32px}.hero-copy h1{font-size:clamp(4.1rem,19vw,6rem)}.hero-burst{top:54px;left:-5px;transform:scale(.75)}.hero-copy>p{font-size:.86rem}.hero-underline{width:155px;margin-left:70px}.doodle-arrow{display:none}.hero-collage{transform-origin:top;height:560px;margin-bottom:-25px;transform:scale(.94)}.portrait-card{width:48%;left:0}.card-developer,.card-focus{width:47%;right:0}.card-builder{width:47%;left:0}.card-location{width:49%;right:0}.always-building{left:-5px}.collage-note{right:5%}.note-grid,.project-preview-grid{grid-template-columns:1fr}.note-content h3,.note-content p{min-height:0}.note-thumb{height:155px}.project-preview{min-height:225px}.skill-grid{grid-template-columns:repeat(3,1fr)}.sticky-grid{grid-template-columns:1fr}.sticky{min-height:130px}.sticky:nth-child(n){transform:rotate(-1deg)}.footer-grid{grid-template-columns:120px 1fr}.footer-copy{grid-column:2}.footer-links{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:4px}.route-page{padding-top:48px}.route-head{padding-right:0}.route-title{font-size:clamp(3.5rem,17vw,5.4rem)}.route-scribble{margin:25px 0 0 55%;display:inline-block;position:static}.archive-projects{margin-top:46px}.archive-project{grid-column:1/-1;min-height:290px}.archive-project:nth-child(n){transform:rotate(-.5deg)}.archive-note{grid-template-columns:42px 1fr 24px;gap:10px;padding:20px 15px}.archive-note h2{font-size:1.42rem}.archive-note p{font-size:.66rem}.route-note{margin-top:58px}.writing-in-progress,.notes-production{grid-template-columns:1fr}.writing-illustration{min-height:250px}.writing-copy{padding:32px 24px}.writing-tape{left:50%}.notes-production{margin-top:46px}.notes-production-art{border-right:0;border-bottom:1px solid var(--line);min-height:300px}.notes-production-art .writing-illustration{min-height:300px}.notes-production-copy{padding:38px 24px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.hero-copy h1 span,.motion-ready .reveal{opacity:1;transform:none}.cursor-dot{display:none}}