@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.12tyk43_3sh9u.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.0jzbimsg8vl84.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.0-wfv7uh4i7h9.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.0nx0ww8fni_q3.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.09~u27dqhyhd6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.0zgw-jeven.3w.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.0wkzw~je483f-.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.0rhz0arwfsn~5.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.0l76wvqk9d84w.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.0k4k9394f2q-k.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.08e28id.o-okb.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@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}.fixed{position:fixed}.static{position:static}.start{inset-inline-start:var(--spacing)}.inline{display:inline}.table{display:table}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--ink:#1d1e1a;--paper:#f3f0e7;--paper-deep:#e9e4d8;--muted:#74756d;--line:#cbc7bb;--orange:#e45f35;--blue:#a9c4d1;--green:#b2c49a;--serif:"Songti SC", "STSong", "Noto Serif CJK SC", Georgia, serif;--sans:var(--font-geist-sans), "PingFang SC", sans-serif;--container:min(1520px, 100%);--gutter:clamp(24px, 5vw, 80px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{color:var(--ink);font-family:var(--sans);text-rendering:optimizelegibility;background:#0a180f;margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{color:inherit}::selection{background:var(--orange);color:var(--paper)}.skip-link{z-index:100;background:var(--ink);color:var(--paper);padding:10px 14px;position:fixed;top:8px;left:8px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.garden-site{min-height:100vh;position:relative}body>main{z-index:1;position:relative}.site-backdrop{z-index:0;background:#15301e url(/media/bamboo-garden-poster.jpg) 50%/cover no-repeat;position:fixed;inset:0;overflow:hidden}.site-backdrop-video{object-fit:cover;object-position:center;filter:saturate(.82)contrast(1.04)brightness(.78);width:100%;height:100%;display:block;transform:scale(1.01)}.site-backdrop-shade{background:linear-gradient(90deg,#07140c8a,#07140c24);position:absolute;inset:0}.nav{color:#f5f2e9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#07140c52;border-color:#f5f2e933}.nav .links{color:#f5f2e9b8}.nav .links a:hover,.nav .links a:focus-visible{color:#fff}.nav{width:var(--container);height:78px;padding:0 var(--gutter);border-bottom:1px solid var(--line);z-index:20;justify-content:space-between;align-items:center;margin:0 auto;font-size:12px;display:flex;position:relative}.mark{letter-spacing:-.01em;align-items:center;gap:11px;font-weight:620;display:inline-flex}.mark-symbol{color:var(--orange);font-family:var(--serif);font-size:26px;line-height:1}.links{color:#65665f;align-items:center;gap:clamp(20px,2.3vw,38px);display:flex}.links a{transition:color .2s;position:relative}.links a:after{content:"";background:var(--orange);height:1px;transition:right .25s;position:absolute;bottom:-8px;left:0;right:100%}.links a:hover,.links a:focus-visible{color:var(--ink)}.links a:hover:after,.links a:focus-visible:after{right:0}.menu{cursor:pointer;background:0 0;border:0;padding:8px 0;display:none}.hero{width:var(--container);border-bottom:1px solid var(--line);isolation:isolate;color:#f5f2e9;background:0 0;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1.4fr) minmax(270px,.6fr);min-height:min(850px,100svh - 78px);margin:0 auto;padding:clamp(78px,10vh,116px) clamp(24px,10vw,160px) 62px;display:grid;position:relative;overflow:hidden}.hero:before{content:"";z-index:1;pointer-events:none;border-left:1px solid #f5f2e933;height:100%;position:absolute;inset:0 0 auto 58%}.eyebrow,.label{letter-spacing:.19em;text-transform:uppercase;color:var(--muted);font-size:10px}.pulse{background:var(--orange);border-radius:50%;width:7px;height:7px;margin-right:11px;animation:3s ease-in-out infinite breathe;display:inline-block;box-shadow:0 0 0 5px #e45f351c}.hero h1{z-index:3;letter-spacing:-.077em;max-width:900px;margin:35px 0 38px;font-size:clamp(64px,8.7vw,136px);font-weight:570;line-height:.88;animation:.75s cubic-bezier(.2,.8,.2,1) both reveal-up;position:relative}.hero h1 em,.section h2 i{font-family:var(--serif);color:var(--orange);letter-spacing:-.08em;font-weight:400}.hero .eyebrow{color:#f5f2e9b8}.hero h1{text-shadow:0 2px 28px #0000003d}.hero h1 em{color:#f48158}.intro{color:#f5f2e9c7;font-family:var(--serif);grid-column:1;align-self:end;margin:24px 0 4px;padding-left:clamp(42px,7vw,112px);font-size:15px;line-height:1.9}.scroll{color:#f5f2e9b8;border-bottom:1px solid #f5f2e9b8;grid-area:2/2;place-self:end;align-items:center;gap:28px;margin:0 0 5px;padding:0 0 9px;font-size:11px;transition:color .2s,gap .2s;display:inline-flex}.scroll:hover{color:#fff;gap:36px}.scroll b{font-size:17px;font-weight:400}.hero-visual{aspect-ratio:1;z-index:-1;width:min(48vw,690px);position:absolute;top:118px;right:clamp(-180px,-8vw,-80px)}.orbit{border:1px solid var(--line);border-radius:50%;position:absolute;inset:0}.orbit-one:before,.orbit-one:after{content:"";background:var(--line);position:absolute}.orbit-one:before{width:1px;height:100%;left:50%}.orbit-one:after{width:100%;height:1px;top:50%}.orbit-two{inset:22%}.orbit-dot{background:var(--orange);border-radius:50%;width:11px;height:11px;position:absolute;top:21.6%;left:50%;box-shadow:0 0 0 8px #e45f351f}.hero-note{color:var(--orange);font-family:var(--serif);margin:0;position:absolute;top:36%;left:29%;transform:rotate(6deg)}.hero-note i{font-size:54px;font-style:normal;line-height:.6;display:block}.hero-note span{margin-left:25px;font-size:clamp(14px,1.3vw,19px);line-height:1.6;display:block}.hero-visual small{color:var(--muted);font-family:var(--font-geist-mono), monospace;letter-spacing:.12em;font-size:8px;line-height:1.6;position:absolute;bottom:23%;right:16%}.hero-index{left:var(--gutter);color:#f5f2e98f;font-family:var(--font-geist-mono), monospace;letter-spacing:.16em;gap:4px;font-size:8px;display:grid;position:absolute;bottom:34px}.section{width:var(--container);margin:0 auto;padding:clamp(90px,10vw,154px) clamp(24px,10vw,160px)}.garden-site .section{color:#f5f2e9;width:min(100% - clamp(20px,4vw,64px),1460px);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;margin-top:clamp(80px,12vh,140px)}.garden-site .projects{margin-bottom:clamp(80px,12vh,140px)}.section-head{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) 180px;align-items:end;gap:50px;padding-top:24px;display:grid}.section h2{letter-spacing:-.06em;margin:32px 0 70px;font-size:clamp(43px,5vw,76px);font-weight:540;line-height:1}.section-head>p{color:var(--muted);font-family:var(--serif);margin:0 0 70px;font-size:12px;line-height:1.75}.filter{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.filter button{border:1px solid var(--line);min-height:34px;color:var(--muted);cursor:pointer;background:0 0;border-radius:0;padding:7px 16px;font-size:11px;transition:background .2s,color .2s,border-color .2s}.filter button.active,.filter button:hover{border-color:var(--ink);background:var(--ink);color:var(--paper)}.note-grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.note-card{border:1px solid #1d1e1a21;min-height:330px;padding:24px;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s;position:relative;box-shadow:inset 0 1px #ffffff57}.note-card:hover{transform:translateY(-8px) rotate(calc((var(--card-index) - 1) * .35deg));box-shadow:0 22px 34px #1d1e1a1a}.note-card.orange{background:var(--orange);color:#191a16}.note-card.blue{background:var(--blue)}.note-card.green{background:var(--green)}.card-top{letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;font-size:10px;display:flex}.card-top small{font-family:var(--font-geist-mono), monospace;opacity:.58}.note-card h3{max-width:290px;font-family:var(--serif);letter-spacing:-.055em;margin:84px 0 14px;font-size:clamp(27px,2.2vw,34px);font-weight:400;line-height:1.08}.note-card p{opacity:.76;max-width:260px;margin:0;font-size:12px;line-height:1.7}.arrow{font-size:22px;transition:transform .2s;position:absolute;bottom:22px;right:24px}.note-card:hover .arrow{transform:translate(4px,-4px)}.projects{padding-top:22px}.project-list{border-top:1px solid var(--line)}.project{border-bottom:1px solid var(--line);grid-template-columns:70px 1fr 110px 30px;align-items:center;gap:24px;padding:30px 0;transition:padding .25s,background .25s;display:grid}.project:hover{background:var(--paper-deep);padding-left:18px;padding-right:18px}.project-number,.status{color:var(--muted);font-family:var(--font-geist-mono), monospace;font-size:10px}.project h3{font-family:var(--serif);letter-spacing:-.025em;margin:0 0 7px;font-size:24px;font-weight:400}.project p{color:var(--muted);margin:0;font-size:11px}.project-arrow{font-size:20px;transition:transform .2s}.project:hover .project-arrow{transform:translate(4px,-4px)}.collection-grid{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.collection-card{border-right:1px solid var(--line);min-height:240px;padding:24px 24px 28px;position:relative}.collection-card:last-child{border-right:0}.collection-card:hover{background:var(--paper-deep)}.collection-type{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:9px}.collection-card h3{font-family:var(--serif);margin:56px 0 12px;font-size:28px;font-weight:400;line-height:1.12}.collection-card p{max-width:260px;color:var(--muted);font-size:11px;line-height:1.7}.collection-card>span:last-child{font-size:20px;position:absolute;bottom:22px;right:24px}.log-list{border-top:1px solid var(--line)}.log-item{border-bottom:1px solid var(--line);grid-template-columns:150px 1fr;gap:40px;padding:28px 0;display:grid}.log-item time{color:var(--muted);font-family:var(--font-geist-mono), monospace;font-size:10px}.log-item h3{font-family:var(--serif);margin:0 0 8px;font-size:22px;font-weight:400}.log-item p{max-width:650px;color:var(--muted);font-family:var(--serif);margin:0;font-size:16px;line-height:1.65}.about{width:var(--container);background:var(--ink);color:var(--paper);grid-template-columns:1fr 2fr;gap:40px;margin:0 auto;padding:clamp(95px,10vw,150px) clamp(24px,10vw,160px);display:grid;position:relative;overflow:hidden}.garden-site .about{width:min(100% - clamp(20px,4vw,64px),1460px);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;margin-top:clamp(80px,12vh,140px)}.about:after{content:"◎";color:#f3f0e708;font-family:var(--serif);font-size:58vw;line-height:1;position:absolute;bottom:-22vw;right:-5vw}.about .label{color:#989991}.about-copy{z-index:1;position:relative}.about-copy h2{letter-spacing:-.075em;margin:0 0 52px;font-size:clamp(54px,7vw,106px);font-weight:480;line-height:.89}.about-copy h2 em{color:var(--orange);font-family:var(--serif);font-weight:400}.about-copy p{color:#ccc9bf;font-family:var(--serif);font-size:18px;line-height:1.85}.about-copy a{border-bottom:1px solid #777870;gap:30px;margin-top:25px;padding:12px 0;font-size:12px;transition:color .2s,gap .2s;display:inline-flex}.about-copy a:hover{color:var(--orange);gap:38px}footer{width:var(--container);padding:27px var(--gutter);color:var(--muted);font-family:var(--font-geist-mono), monospace;letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;margin:0 auto;font-size:8px;display:flex}.garden-site footer{color:#f5f2e9b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#07140c5c;margin-top:clamp(60px,9vh,100px)}footer a:hover{color:var(--orange)}.skills-page,.skill-detail{min-height:100vh}.skills-hero{width:var(--container);border-bottom:1px solid var(--line);margin:0 auto;padding:96px clamp(24px,10vw,160px) 78px}.skills-hero h1,.skill-detail h1{letter-spacing:-.075em;margin:34px 0;font-size:clamp(58px,8vw,116px);font-weight:540;line-height:.9}.skills-hero h1 em{color:var(--orange);font-family:var(--serif);font-weight:400}.skills-hero>p{color:var(--muted);font-family:var(--serif);line-height:1.85}.skills-stats{border:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin:70px 0 0;display:grid}.skills-stats div{border-right:1px solid var(--line);padding:20px}.skills-stats div:last-child{border-right:0}.skills-stats dt,.skills-controls label>span{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:9px}.skills-stats dd{font-family:var(--serif);margin:13px 0 0;font-size:25px}.skills-browser,.skill-detail-body{width:var(--container);margin:0 auto;padding:66px clamp(24px,10vw,160px) 120px}.skills-controls{grid-template-columns:2fr repeat(3,1fr) auto;align-items:end;gap:10px;margin-bottom:28px;display:grid}.skills-controls label{gap:9px;display:grid}.skills-controls input,.skills-controls select{border:1px solid var(--line);width:100%;min-height:44px;color:var(--ink);background:#fffdf794;border-radius:0;padding:11px 12px}.clear-filters{border:1px solid var(--ink);background:var(--ink);min-height:44px;color:var(--paper);cursor:pointer;padding:11px 17px}.skills-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.skill-card{border:1px solid var(--line);flex-direction:column;min-height:340px;padding:24px;transition:transform .25s,background .25s,box-shadow .25s;display:flex}.skill-card:hover{background:var(--paper-deep);transform:translateY(-6px);box-shadow:0 16px 30px #1d1e1a0f}.skill-card-top{justify-content:space-between;align-items:center;display:flex}.skill-card time,.skill-category{color:var(--muted);letter-spacing:.1em;font-size:9px}.skill-source{letter-spacing:.08em;border:1px solid;padding:5px 8px;font-size:9px;display:inline-flex}.skill-category{text-transform:uppercase;margin-top:44px}.skill-card h2{font-family:var(--serif);letter-spacing:-.04em;margin:8px 0 14px;font-size:31px;font-weight:400}.skill-card>p:not(.skill-category){color:var(--muted);font-size:12px;line-height:1.7}.skill-tags{flex-wrap:wrap;gap:6px;padding:0;list-style:none;display:flex}.skill-tags li,.skill-tags span{border:1px solid var(--line);padding:5px 8px;font-size:9px}.skill-card>a{border-top:1px solid var(--line);justify-content:space-between;margin-top:auto;padding-top:16px;font-size:11px;display:flex}.skills-empty{text-align:center;color:var(--muted);padding:70px 0}.skills-empty button{cursor:pointer;background:0 0;border:0;border-bottom:1px solid;margin:18px auto;display:block}.back-link{color:var(--muted);font-size:11px}.skill-detail-head{border-bottom:1px solid var(--line);grid-template-columns:2fr 1fr;gap:10vw;padding:70px 0;display:grid}.skill-detail-head>div>p{max-width:620px;color:var(--muted);line-height:1.8}.skill-meta{margin:0}.skill-meta div{border-bottom:1px solid var(--line);grid-template-columns:90px 1fr;padding:13px 0;font-size:11px;display:grid}.skill-meta dd{word-break:break-all;margin:0}.skill-source-link{color:var(--orange);text-underline-offset:3px;text-decoration:underline}.skill-use-cases{border-bottom:1px solid var(--line);padding:55px 0}.skill-use-cases ul{font-family:var(--serif);padding-left:25px;font-size:24px;line-height:1.8}.install-panel{background:var(--ink);color:var(--paper);margin-top:70px;padding:50px}.install-panel h2{font-family:var(--serif);margin:25px 0;font-size:42px;font-weight:400}.install-panel>p{color:#c7c5bb;line-height:1.7}.source-warning{border-left:3px solid var(--orange);padding-left:14px}.source-link{color:var(--orange);margin:15px 0 25px;font-size:11px;display:inline-block}.install-panel details{border-top:1px solid #4a4b47;padding-top:20px}.install-panel summary{cursor:pointer}.copy-command{margin-top:18px;position:relative}.command-block{color:#f4f1e9;white-space:pre-wrap;background:#11120f;max-height:420px;padding:20px;font-size:11px;line-height:1.6;overflow:auto}.copy-command button{border:1px solid var(--paper);color:var(--paper);cursor:pointer;background:0 0;padding:10px 15px}.copy-feedback{color:var(--green);margin-left:12px;font-size:11px}.section-head,.project-list,.project,.collection-grid,.collection-card,.log-list,.log-item{border-color:#f5f2e93d}.garden-site .section .label,.garden-site .section-head>p,.garden-site .project-number,.garden-site .status,.garden-site .project p,.garden-site .collection-type,.garden-site .collection-card p,.garden-site .log-item time,.garden-site .log-item p{color:#f5f2e9ad}.garden-site .section h2,.garden-site .project h3,.garden-site .project-arrow,.garden-site .collection-card h3,.garden-site .log-item h3{color:#f5f2e9;text-shadow:0 2px 22px #00000047}.garden-site .section h2 i{color:#f48158}.garden-site .filter button{color:#f5f2e9bd;background:#0510092e;border-color:#f5f2e952}.garden-site .filter button.active,.garden-site .filter button:hover{color:var(--ink);background:#f5f2e9;border-color:#f5f2e9}.garden-site .project:hover,.garden-site .collection-card:hover{background:#0510094d}.garden-site .about .label{color:#f5f2e994}.skills-page,.skill-detail{color:#f5f2e9;background:0 0}.skills-hero,.skills-browser,.skill-detail-body{background:0 0}.skills-hero{border-color:#f5f2e93d}.skills-hero>p,.skill-detail-head>div>p,.back-link,.skills-empty{color:#f5f2e9b8}.skills-hero h1,.skill-detail h1{color:#f5f2e9;text-shadow:0 2px 28px #00000042}.skills-hero h1 em{color:#f48158}.skills-stats{background:#0510091f;border-color:#f5f2e93d}.skills-stats div{background:0 0;border-color:#f5f2e933}.skills-stats dt,.skills-controls label>span{color:#f5f2e99e}.skills-controls input,.skills-controls select{color:#f5f2e9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#05100952;border-color:#f5f2e947}.skills-controls input::placeholder{color:#f5f2e97a}.skills-controls select option{color:var(--ink);background:var(--paper)}.clear-filters{color:var(--ink);background:#f5f2e9;border-color:#f5f2e9}.skill-card{color:#f5f2e9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#05100942;border-color:#f5f2e938;box-shadow:0 18px 40px #0000001a}.skill-card:hover{background:#05100975;box-shadow:0 20px 42px #0003}.skill-card time,.skill-category,.skill-card>p:not(.skill-category){color:#f5f2e9a3}.skill-tags li,.skill-tags span,.skill-card>a{border-color:#f5f2e93d}.skill-source.personal{color:#ff9b76}.skill-source.open-source{color:#a9d8ed}.skill-detail-head,.skill-meta div,.skill-use-cases{border-color:#f5f2e93d}.skill-meta{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#05100938;padding:14px 18px}.skill-meta dt{color:#f5f2e994}.skill-use-cases .label{color:#f5f2e999}.install-panel{color:#f5f2e9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#05100994;box-shadow:0 24px 60px #0003}.skills-page footer,.skill-detail footer{color:#f5f2e9b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#05100942}:focus-visible{outline:2px solid var(--orange);outline-offset:4px}@keyframes reveal-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes breathe{50%{box-shadow:0 0 0 9px #e45f350d}}@media (max-width:1000px){.hero{grid-template-columns:minmax(0,1.3fr) minmax(200px,.7fr);padding-left:8vw;padding-right:8vw}.hero-visual{width:57vw;right:-14vw}.section,.about{padding-left:8vw;padding-right:8vw}.note-grid,.skills-grid{grid-template-columns:repeat(2,1fr)}.note-card:last-child{grid-column:span 2}.skills-controls{grid-template-columns:1fr 1fr}.clear-filters{align-self:stretch}}@media (max-width:700px){html{scroll-padding-top:64px}.nav{height:64px;padding:0 6vw}.mark{font-size:11px}.mark-symbol{font-size:23px}.menu{z-index:2;letter-spacing:.12em;align-items:center;gap:10px;font-size:10px;display:inline-flex}.menu i,.menu i:before{content:"";background:currentColor;width:18px;height:1px;transition:transform .2s;display:block}.menu i:before{transform:translateY(5px)}.menu[aria-expanded=true] i{transform:rotate(45deg)}.menu[aria-expanded=true] i:before{transform:rotate(-90deg)}.links{background:var(--paper);border-bottom:0 solid var(--line);opacity:0;max-height:0;padding:0 6vw;transition:max-height .3s,padding .3s,opacity .2s,border-width .3s;display:grid;position:absolute;inset:63px 0 auto;overflow:hidden}.nav .links{color:#f5f2e9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#051009d1}.links.is-open{opacity:1;border-bottom-width:1px;max-height:380px;padding-top:22px;padding-bottom:22px}.links a{font-family:var(--serif);padding:8px 0;font-size:17px}.links a:after{display:none}.hero{border-bottom:1px solid var(--line);min-height:760px;padding:70px 7vw 44px;display:block}.hero:before{border:0;border-top:1px solid #cbc7bb9e;width:100%;height:1px;inset:53% 0 auto}.hero h1{margin-top:37px;font-size:clamp(60px,17vw,76px);line-height:.9}.site-backdrop-video{object-position:56% center}.site-backdrop-shade{background:linear-gradient(#07140c7a 0%,#07140c33 48%,#07140c94 100%),linear-gradient(90deg,#07140c57 0%,#0000 100%)}.intro{margin:0;padding:0;font-size:13px;position:absolute;bottom:93px;left:7vw}.scroll{margin:0;position:absolute;bottom:45px;right:7vw}.hero-index{display:none}.section{padding:88px 7vw}.section-head{padding-top:18px;display:block}.section h2{margin:27px 0 30px;font-size:clamp(42px,13vw,62px)}.section-head>p{margin-bottom:38px}.note-grid,.skills-grid{grid-template-columns:1fr}.note-card,.note-card:last-child{grid-column:auto;min-height:280px}.note-card h3{margin-top:58px}.project{grid-template-columns:32px 1fr 20px;gap:10px;padding:24px 0}.project:hover{padding-left:8px;padding-right:8px}.project .status{display:none}.project h3{font-size:20px}.project p{font-size:10px;line-height:1.5}.collection-grid{grid-template-columns:1fr}.collection-card{border-right:0;border-bottom:1px solid var(--line)}.log-item{grid-template-columns:1fr;gap:12px}.about{padding:88px 7vw 100px;display:block}.about-copy{margin-top:76px}.about-copy p{font-size:16px}footer{gap:10px;padding:24px 7vw;display:grid}footer span:nth-child(2){display:none}.skills-hero,.skills-browser,.skill-detail-body{padding-left:7vw;padding-right:7vw}.skills-hero{padding-top:72px}.skills-stats{grid-template-columns:1fr 1fr}.skills-stats div:nth-child(2){border-right:0}.skills-stats div{border-bottom:1px solid var(--line)}.skills-stats div:nth-last-child(-n+2){border-bottom:0}.skills-controls,.skill-detail-head{grid-template-columns:1fr}.skill-detail-head{gap:40px}.install-panel{padding:32px 22px}.skill-card{min-height:295px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.site-backdrop-video{display:none}}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}