@layer theme{:host,:root{--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;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{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}:host,html{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{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}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,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}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::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,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-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]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button,::-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}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.inline{display:inline}.resize{resize:both}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--font-display:"Bricolage Grotesque","Be Vietnam Pro",system-ui,sans-serif;--font-body:"Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",sans-serif;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--sp-9:96px;--sp-10:128px;--container:1180px;--pad-x:clamp(20px,4vw,56px);--t-display:clamp(52px,8.5vw,120px);--t-h1:clamp(40px,5vw,64px);--t-h2:clamp(30px,4vw,52px);--t-h3:clamp(18px,1.6vw,22px);--t-body:16px;--t-small:14px;--t-micro:12px;--r-1:8px;--r-2:12px;--r-3:18px;--r-4:26px;--ease:cubic-bezier(.22,1,.36,1);--bounce:cubic-bezier(.34,1.56,.64,1);--t-fast:.16s;--t-med:.28s;--t-slow:.56s;--section-py:clamp(72px,11vw,140px);--nav-h:60px}[data-density=compact]{--section-py:clamp(48px,7vw,96px);--t-body:15px}[data-density=roomy]{--section-py:clamp(96px,14vw,180px);--t-body:17px}[data-theme=dark]{--bg:#1b1726;--bg-elev:#241f33;--bg-inset:#2c2640;--bg-hov:#2e2843;--fg:#f3efe7;--fg-muted:#aba3bc;--fg-dim:#7a7290;--fg-veryDim:#463f5c;--border:#332c49;--border-strong:#443c60;--shadow:0 1px 0 #ffffff08 inset,0 14px 40px -14px #0000008c;--shadow-lift:0 20px 44px -16px #0009;color-scheme:dark}[data-theme=light]{--bg:#fff9f0;--bg-elev:#fff;--bg-inset:#f6efe1;--bg-hov:#fbf4e8;--fg:#2b2440;--fg-muted:#6d6580;--fg-dim:#9c93ac;--fg-veryDim:#d6cfe0;--border:#ece3d4;--border-strong:#dcd1bd;--shadow:0 1px 0 #fff9 inset,0 12px 32px -14px #6048282e;--shadow-lift:0 22px 44px -18px #60482842;color-scheme:light}[data-accent=lime]{--accent:#6bcb77;--accent-ink:#14261a}[data-accent=amber]{--accent:#ffa94d;--accent-ink:#2b1a05}[data-accent=cyan]{--accent:#4dabf7;--accent-ink:#0a2038}[data-accent=rose]{--accent:#ff8fa3;--accent-ink:#33101a}[data-accent=violet]{--accent:#9775fa;--accent-ink:#1d1438}[data-theme=light][data-accent=lime]{--accent:#2f9e44;--accent-ink:#fff}[data-theme=light][data-accent=amber]{--accent:#e8590c;--accent-ink:#fff}[data-theme=light][data-accent=cyan]{--accent:#1971c2;--accent-ink:#fff}[data-theme=light][data-accent=rose]{--accent:#d6336c;--accent-ink:#fff}[data-theme=light][data-accent=violet]{--accent:#7048e8;--accent-ink:#fff}:root{--accent-soft:var(--accent)}@supports (color:color-mix(in lab,red,red)){:root{--accent-soft:color-mix(in oklab,var(--accent),var(--bg) 86%)}}:root{--accent-soft-2:var(--accent)}@supports (color:color-mix(in lab,red,red)){:root{--accent-soft-2:color-mix(in oklab,var(--accent),var(--bg) 72%)}}:root{--accent-glow:var(--accent)}@supports (color:color-mix(in lab,red,red)){:root{--accent-glow:color-mix(in oklab,var(--accent),transparent 72%)}}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:var(--t-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;transition:background var(--t-med) var(--ease),color var(--t-med) var(--ease);margin:0;line-height:1.6;overflow-x:hidden}a{text-decoration:none}a,button{color:inherit}button{font:inherit;cursor:pointer;background:0 0;border:0;padding:0}img,svg{max-width:100%;display:block}blockquote,dd,dl,dt,figure,h1,h2,h3,h4,ol,p,ul{margin:0;padding:0}ol,ul{list-style:none}strong{color:var(--fg);font-weight:600}h1,h2,h3{font-family:var(--font-display)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.container{width:100%;max-width:var(--container);padding-inline:var(--pad-x);margin:0 auto;position:relative}.dim{color:var(--fg-dim)}.muted{color:var(--fg-muted)}.ok{color:var(--accent)}.rule{background:linear-gradient(to right,var(--border) 50%,transparent 50%);background-size:8px 1px;flex:1;align-self:center;min-width:24px;height:1px}.link-inline{color:var(--fg);border-bottom:2px solid var(--accent-soft-2);transition:color var(--t-fast),border-color var(--t-fast),background var(--t-fast);padding-bottom:1px}.link-inline:hover{color:var(--accent);border-bottom-color:var(--accent)}::-moz-selection{background:var(--accent);color:var(--accent-ink)}::selection{background:var(--accent);color:var(--accent-ink)}html[data-js] [data-reveal]{opacity:0;transition:opacity .7s var(--ease) var(--rd,0s),translate .7s var(--ease) var(--rd,0s),scale .7s var(--ease) var(--rd,0s);translate:0 28px}html[data-js] [data-reveal=pop]{translate:0 16px;scale:.94}html[data-js] [data-reveal=left]{translate:-28px}html[data-js] [data-reveal].is-in{opacity:1;translate:0;scale:1}@media(prefers-reduced-motion:reduce){html[data-js] [data-reveal]{opacity:1;transition:none;translate:none;scale:none}}.nav{z-index:50;background:var(--bg);position:sticky;top:0}@supports (color:color-mix(in lab,red,red)){.nav{background:color-mix(in oklab,var(--bg) 82%,transparent)}}.nav{-webkit-backdrop-filter:saturate(140%)blur(14px);border-bottom:1px solid var(--border)}.nav__inner{max-width:var(--container);padding-inline:var(--pad-x);height:var(--nav-h);align-items:center;gap:var(--sp-5);grid-template-columns:auto 1fr auto;margin:0 auto;display:grid}.nav__brand{align-items:center;gap:var(--sp-3);letter-spacing:-.01em;font-size:15px;font-weight:700;font-family:var(--font-display);display:inline-flex}.nav__brand-mark{background-color:var(--accent);width:26px;height:26px;transition:background-color var(--t-fast),transform var(--t-med) var(--bounce);display:inline-block;-webkit-mask:url(../kn-mark.svg) 50%/contain no-repeat;mask:url(../kn-mark.svg) 50%/contain no-repeat}.nav__brand:hover .nav__brand-mark{transform:rotate(-10deg)scale(1.15)}.nav__links{justify-content:center;gap:var(--sp-2);color:var(--fg-muted);white-space:nowrap;scrollbar-width:none;font-size:13.5px;font-weight:500;display:flex;overflow-x:auto}.nav__links::-webkit-scrollbar{display:none}.nav__links a{transition:color var(--t-fast),background var(--t-fast),transform var(--t-fast) var(--bounce);border-radius:999px;padding:7px 13px;position:relative}.nav__links a:hover{color:var(--fg);background:var(--accent-soft);transform:translateY(-1px)}.nav__links a .dim{font-variant-numeric:tabular-nums;font-size:11px}.nav__links a.is-current{color:var(--accent);background:var(--accent-soft)}.nav__links a.is-current .dim{color:var(--accent);opacity:.7}.nav__actions{align-items:center;gap:var(--sp-3);justify-content:flex-end;font-size:12px;display:flex}.clock{color:var(--fg-dim);font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:12px}.iconbtn{border:1px solid var(--border);width:34px;height:34px;color:var(--fg-muted);background:var(--bg-elev);transition:color var(--t-fast),border-color var(--t-fast),background var(--t-fast),transform var(--t-fast) var(--bounce);border-radius:999px;place-items:center;display:inline-grid}.iconbtn:hover{color:var(--fg);border-color:var(--border-strong);transform:scale(1.08)}.accent-picker{position:relative}.accent-picker__swatch{background:var(--accent);border:1px solid var(--border-strong);border-radius:50%;width:15px;height:15px}.accent-picker__pop{background:var(--bg-elev);border:1px solid var(--border);box-shadow:var(--shadow-lift);z-index:60;animation:popIn var(--t-med) var(--bounce) both;border-radius:999px;gap:8px;padding:10px;display:flex;position:absolute;top:calc(100% + 10px);right:0}.accent-picker__pop[hidden]{display:none}.accent-picker__pop button{background:var(--sw);border:2px solid var(--bg-elev);outline:1px solid var(--border);width:24px;height:24px;transition:transform var(--t-fast) var(--bounce);border-radius:50%}.accent-picker__pop button:hover{transform:scale(1.25)}.accent-picker__pop button.is-active{outline:2px solid var(--fg);outline-offset:1px}@keyframes popIn{0%{opacity:0;transform:scale(.9)translateY(-4px)}to{opacity:1;transform:none}}@media(max-width:760px){.clock,.nav__links{display:none}}.hero{padding-top:clamp(56px,8vw,104px);padding-bottom:var(--section-py);isolation:isolate;--sx:50%;--sy:30%;position:relative;overflow:hidden}.hero__blob{filter:blur(70px);pointer-events:none;z-index:-2;opacity:.55;border-radius:50%;position:absolute}.hero__blob--a{background:var(--accent-glow);width:44vw;min-width:340px;height:44vw;min-height:340px;animation:blobFloatA 16s ease-in-out infinite alternate;top:-12%;right:-8%}.hero__blob--b{background:var(--accent);width:30vw;min-width:260px;height:30vw;min-height:260px;bottom:-18%;left:-6%}@supports (color:color-mix(in lab,red,red)){.hero__blob--b{background:color-mix(in oklab,var(--accent),transparent 82%)}}.hero__blob--b{animation:blobFloatB 20s ease-in-out infinite alternate}@keyframes blobFloatA{0%{transform:translate(0)scale(1)}to{transform:translate(-4vw,5vh)scale(1.12)}}@keyframes blobFloatB{0%{transform:translate(0)scale(1.05)}to{transform:translate(3vw,-4vh)scale(.95)}}.hero__year{font-family:var(--font-display);letter-spacing:-.06em;color:var(--accent);opacity:.06;pointer-events:none;z-index:-1;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:clamp(260px,40vw,580px);font-weight:800;line-height:.85;animation:yearDrift 14s ease-in-out infinite alternate;position:absolute;top:50%;right:-2vw;transform:translateY(-50%)}@keyframes yearDrift{0%{transform:translateY(-50%)}to{transform:translate(-14px,-48%)}}.hero__spotlight{pointer-events:none;z-index:-1;background:radial-gradient(420px circle at var(--sx,50%) var(--sy,30%),var(--accent-glow),transparent 70%);opacity:0;transition:opacity .6s var(--ease);position:absolute;inset:0}.hero.is-active .hero__spotlight,.hero:hover .hero__spotlight{opacity:.5}@keyframes riseIn{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}@keyframes heroPop{0%{opacity:0;transform:scale(.93)rotate(2.5deg)translateY(18px)}to{opacity:1;transform:none}}.hero__status{animation:riseIn .7s var(--ease) 50ms both}.hero .kicker{animation:riseIn .7s var(--ease) .12s both}.hero__name{animation:riseIn .8s var(--ease) .2s both}.hero__chips{animation:riseIn .7s var(--ease) .32s both}.hero__lede{animation:riseIn .7s var(--ease) .4s both}.hero__ctas{animation:riseIn .7s var(--ease) .48s both}.hero__side{animation:heroPop .9s var(--ease) .3s both}.hero__foot{animation:riseIn .7s var(--ease) .65s both}.hero__status{align-items:center;gap:var(--sp-3);font-size:var(--t-micro);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-muted);margin-bottom:var(--sp-8);font-weight:600;display:flex}.badge{align-items:center;gap:var(--sp-2);border:1px solid var(--accent-soft-2);background:var(--accent-soft);color:var(--fg);border-radius:999px;padding:7px 14px;display:inline-flex}.badge__dot{background:var(--accent);width:9px;height:9px;box-shadow:0 0 0 0 var(--accent);animation:pulse 2.4s var(--ease) infinite;border-radius:50%}@keyframes pulse{50%{opacity:.5}}.hero__meta{color:var(--fg-dim);white-space:nowrap}.hero__grid{grid-template-columns:1.45fr 1fr;align-items:start;gap:clamp(32px,5vw,80px);display:grid}@media(max-width:900px){.hero__grid{grid-template-columns:1fr}}.kicker{color:var(--fg-muted);margin-bottom:var(--sp-4);align-items:center;gap:var(--sp-2);font-size:15px;font-weight:500;display:inline-flex}.kicker__wave{transform-origin:72% 72%;font-size:20px;animation:wave 2.2s .9s 2;display:inline-block}@keyframes wave{0%,60%,to{transform:rotate(0)}10%,30%{transform:rotate(16deg)}20%,40%{transform:rotate(-9deg)}50%{transform:rotate(8deg)}}.hero__name{font-size:var(--t-display);letter-spacing:-.03em;margin-bottom:var(--sp-5);text-wrap:balance;font-weight:750;line-height:.98;position:relative}.hero__name-line{white-space:nowrap;display:inline-block}.hero__name-dot{color:var(--accent)}.hero__chips{gap:var(--sp-2);margin-bottom:var(--sp-6);flex-wrap:wrap;display:flex}.chip{background:var(--bg-elev);border:1px solid var(--border);font-size:var(--t-small);color:var(--fg);box-shadow:var(--shadow);transition:transform var(--t-fast) var(--bounce),border-color var(--t-fast);border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-weight:500;display:inline-flex}.chip:hover{border-color:var(--accent-soft-2);transform:translateY(-2px)rotate(-1deg)}.chip__icon{font-size:15px;line-height:1}.hero__lede{max-width:56ch;color:var(--fg-muted);margin-bottom:var(--sp-7);text-wrap:pretty;font-size:clamp(16px,1.3vw,18px);line-height:1.7}.hero__ctas{gap:var(--sp-3);flex-wrap:wrap;display:flex}.btn{align-items:center;gap:var(--sp-3);border:1px solid var(--border);transition:transform var(--t-med) var(--bounce),box-shadow var(--t-med) var(--ease),border-color var(--t-fast),color var(--t-fast),background var(--t-fast);background:var(--bg-elev);white-space:nowrap;border-radius:999px;padding:14px 22px;font-size:14.5px;font-weight:600;display:inline-flex}.btn:hover{transform:translateY(-3px)}.btn:active{transform:translateY(0)scale(.97)}.btn__arrow{transition:transform var(--t-med) var(--bounce)}.btn:hover .btn__arrow{transform:translate(3px,-1px)}.btn--primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);box-shadow:0 8px 20px -8px var(--accent-glow)}.btn--primary:hover{box-shadow:0 14px 28px -8px var(--accent-glow)}.btn--ghost{color:var(--fg);background:0 0}.btn--ghost:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.hero__side{gap:var(--sp-5);display:grid}.hero__side,.portrait,.portrait__frame{position:relative}.portrait__frame{aspect-ratio:1/1.05;border-radius:var(--r-4);background:var(--bg-inset);box-shadow:var(--shadow-lift);transition:rotate var(--t-slow) var(--bounce),box-shadow var(--t-med);overflow:hidden;rotate:1.5deg}.portrait:hover .portrait__frame{rotate:0deg}.portrait__frame:after{content:"";border-radius:inherit;border:1px solid var(--fg);position:absolute;inset:0}@supports (color:color-mix(in lab,red,red)){.portrait__frame:after{border:1px solid color-mix(in oklab,var(--fg),transparent 88%)}}.portrait__frame:after{pointer-events:none}.portrait__img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:scale var(--t-slow) var(--ease);display:block;position:absolute;inset:0}.portrait:hover .portrait__img{scale:1.04}.portrait__crosshair{display:none}.portrait__caption{font-size:var(--t-micro);color:var(--fg-muted);margin-top:var(--sp-3);padding-top:var(--sp-2);padding-inline:var(--sp-2);gap:4px;display:grid}.datasheet{gap:var(--sp-2);font-size:var(--t-small);grid-template-columns:1fr 1fr;display:grid}.datasheet>div{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-2);transition:transform var(--t-fast) var(--bounce),border-color var(--t-fast);flex-direction:column;gap:2px;padding:10px 14px;display:flex}.datasheet>div:hover{border-color:var(--accent-soft-2);transform:translateY(-2px)}.datasheet dt{letter-spacing:.1em;text-transform:uppercase;color:var(--fg-dim);font-size:10.5px;font-weight:600}.datasheet dd{color:var(--fg);font-weight:500}.hero__foot{gap:var(--sp-3);font-size:var(--t-micro);letter-spacing:.04em;color:var(--fg-muted);align-items:center;margin-top:clamp(48px,7vw,80px);font-weight:500;display:flex}.section{padding-block:var(--section-py);position:relative}.section--alt{background:var(--bg-inset);border-radius:var(--r-4);margin-inline:clamp(8px,1.2vw,16px)}.section__head{margin-bottom:var(--sp-8)}.section__head--row{justify-content:space-between;align-items:flex-end;gap:var(--sp-5);flex-wrap:wrap;display:flex}.section__num{font-size:var(--t-micro);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-soft-2);margin-bottom:var(--sp-4);border-radius:999px;padding:5px 13px;font-weight:700;display:inline-block;rotate:-1.5deg}.section__title{font-size:var(--t-h2);letter-spacing:-.025em;text-wrap:balance;max-width:24ch;font-weight:700;line-height:1.05}.section__aside{align-items:baseline;gap:var(--sp-3);font-size:var(--t-micro);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-dim);font-weight:600;display:flex}.bignum{font-family:var(--font-display);color:var(--accent);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:clamp(28px,4vw,56px);font-weight:750;line-height:1}.about__grid{grid-template-columns:1.4fr 1fr;align-items:start;gap:clamp(32px,5vw,72px);display:grid}@media(max-width:900px){.about__grid{grid-template-columns:1fr}}.about__prose{color:var(--fg-muted);gap:var(--sp-5);text-wrap:pretty;font-size:clamp(16px,1.25vw,18px);line-height:1.75;display:grid}.about__prose strong,.quote{color:var(--fg)}.quote{padding:var(--sp-5) var(--sp-6);background:var(--accent-soft);border:1px solid var(--accent-soft-2);border-radius:var(--r-3);transition:rotate var(--t-med) var(--bounce);font-size:clamp(17px,1.4vw,20px);line-height:1.55;position:relative;rotate:-.6deg}.quote:hover{rotate:0deg}.quote p{font-style:italic;font-weight:500}.quote p,.quote__mark{font-family:var(--font-display)}.quote__mark{color:var(--accent);font-size:26px;font-style:normal;line-height:1;margin-bottom:2px;display:block}.quote__mark--end{text-align:right;margin-top:2px;margin-bottom:0}.about__sig{font-size:var(--t-small);color:var(--fg-dim)}.about__card{border:1px solid var(--border);border-radius:var(--r-3);background:var(--bg-elev);box-shadow:var(--shadow);top:calc(var(--nav-h) + 24px);transition:transform var(--t-med) var(--bounce),box-shadow var(--t-med);position:sticky;overflow:hidden}.about__card:hover{box-shadow:var(--shadow-lift);transform:translateY(-3px)}.card__head{background:var(--bg-inset);border-bottom:1px solid var(--border);font-size:var(--t-micro);letter-spacing:.03em;color:var(--fg-muted);justify-content:space-between;align-items:center;padding:12px 18px;font-weight:600;display:flex}.card__dot{background:var(--accent);width:9px;height:9px;box-shadow:0 0 10px var(--accent-glow);border-radius:50%}.about__meta{padding:var(--sp-4) var(--sp-5);gap:var(--sp-1);font-size:var(--t-small);display:grid}.about__meta>div{border-bottom:1px dashed var(--border);grid-template-columns:96px 1fr;align-items:baseline;padding:9px 0;display:grid}.about__meta>div:last-child{border-bottom:0}.about__meta dt{color:var(--fg-dim);letter-spacing:.06em;text-transform:uppercase;font-size:11.5px;font-weight:600}.about__meta dd{color:var(--fg);font-weight:500}.skills{gap:var(--sp-4);grid-template-columns:repeat(2,1fr);display:grid}@media(max-width:760px){.skills{grid-template-columns:1fr}}.skill{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-3);padding:var(--sp-5) var(--sp-5) var(--sp-4);gap:var(--sp-3);box-shadow:var(--shadow);transition:transform var(--t-med) var(--bounce),border-color var(--t-fast),box-shadow var(--t-med);display:grid;position:relative}.skill:hover{border-color:var(--accent-soft-2);box-shadow:var(--shadow-lift);transform:translateY(-4px)}.skill__head{align-items:baseline;gap:var(--sp-3);grid-template-columns:auto 1fr auto;display:grid}.skill__idx{font-size:var(--t-micro);letter-spacing:.08em;color:var(--fg-dim);font-variant-numeric:tabular-nums;font-weight:600}.skill__name{font-size:var(--t-h3);letter-spacing:-.01em;color:var(--fg);font-weight:700}.skill__pct{font-size:var(--t-small);color:var(--accent);font-variant-numeric:tabular-nums;font-weight:700;font-family:var(--font-display);align-items:baseline;gap:2px;display:flex}.pct__num{font-variant-numeric:tabular-nums;font-size:20px}.pct__unit{color:var(--fg-dim);font-size:11px;font-family:var(--font-body);font-weight:500}.skill__bar{background:var(--bg-inset);border-radius:999px;height:10px;position:relative;overflow:hidden}.skill__bar-fill{background:linear-gradient(90deg,var(--accent),var(--accent));width:0;position:absolute;inset:0 auto 0 0}@supports (color:color-mix(in lab,red,red)){.skill__bar-fill{background:linear-gradient(90deg,color-mix(in oklab,var(--accent),var(--bg) 25%),var(--accent))}}.skill__bar-fill{transition:width 1.2s var(--ease) .2s;border-radius:999px}.skill.is-in .skill__bar-fill,html:not([data-js]) .skill__bar-fill{width:calc(var(--pct)*1%)}@media(prefers-reduced-motion:reduce){.skill__bar-fill{width:calc(var(--pct)*1%);transition:none}}.skill__desc{font-size:var(--t-small);color:var(--fg-muted);max-width:50ch;line-height:1.65}.timeline{gap:var(--sp-4);padding-left:clamp(28px,4vw,44px);display:grid;position:relative}.timeline:before{content:"";background:linear-gradient(to bottom,var(--accent),var(--accent-soft-2));transform-origin:top;width:2px;transition:transform 1.4s var(--ease) .15s;border-radius:2px;position:absolute;top:12px;bottom:12px;left:9px;transform:scaleY(0)}.timeline.is-in:before,html:not([data-js]) .timeline:before{transform:scaleY(1)}@media(prefers-reduced-motion:reduce){.timeline:before{transition:none;transform:scaleY(1)}}.entry{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-3);padding:var(--sp-5) var(--sp-6);gap:var(--sp-6);box-shadow:var(--shadow);transition:transform var(--t-med) var(--bounce),border-color var(--t-fast),box-shadow var(--t-med);grid-template-columns:150px 1fr;display:grid;position:relative}.entry:hover{border-color:var(--accent-soft-2);box-shadow:var(--shadow-lift);transform:translate(4px)}.entry:before{content:"";background:var(--bg);border:3px solid var(--accent);width:14px;height:14px;transition:transform var(--t-med) var(--bounce),background var(--t-fast);border-radius:50%;position:absolute;top:30px;left:calc(clamp(28px,4vw,44px)*-1 + 3px)}.entry:hover:before{background:var(--accent);transform:scale(1.3)}.entry--current:before{background:var(--accent);box-shadow:0 0 0 6px var(--accent-soft)}@media(max-width:760px){.entry{gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);grid-template-columns:1fr}}.entry__year{font-size:var(--t-small);letter-spacing:.03em;color:var(--fg-dim);font-variant-numeric:tabular-nums;align-items:baseline;gap:6px;padding-top:4px;font-weight:600;display:flex}.entry--current .entry__year{color:var(--accent);font-weight:700}.entry__body{gap:6px;display:grid}.entry__title{gap:var(--sp-3);flex-wrap:wrap;align-items:baseline;display:flex}.entry__title h3{letter-spacing:-.015em;color:var(--fg);font-size:clamp(17px,1.5vw,22px);font-weight:700}.tag{letter-spacing:.1em;background:var(--accent);color:var(--accent-ink);text-transform:uppercase;border-radius:999px;padding:3px 9px;font-size:10.5px;font-weight:700}.entry__org{font-weight:500}.entry__desc,.entry__org{font-size:var(--t-small);color:var(--fg-muted)}.entry__desc{max-width:68ch;margin-top:4px;line-height:1.7}.entry--edu .entry__title h3{color:var(--fg-muted)}.onsite{background:var(--accent-soft);border:1px solid var(--accent-soft-2);border-radius:var(--r-2);gap:6px;margin-top:14px;padding:14px 18px;display:grid}.onsite__top{flex-wrap:wrap;align-items:baseline;gap:11px;display:flex}.onsite__badge{letter-spacing:.12em;color:var(--accent);white-space:nowrap;font-size:10.5px;font-weight:700}.onsite__badge:before{content:"✈";margin-right:6px}.onsite__place{color:var(--fg);font-size:14px;font-weight:600}.onsite__when{color:var(--fg-dim);letter-spacing:.02em;font-variant-numeric:tabular-nums;font-size:11.5px}.onsite__desc{color:var(--fg-muted);max-width:60ch;font-size:13px;line-height:1.65}.projects{gap:var(--sp-4);perspective:1200px;grid-template-columns:repeat(3,1fr);display:grid}@media(max-width:960px)and (min-width:761px){.projects{grid-template-columns:repeat(2,1fr)}}.projects__hint{display:none}.proj{gap:var(--sp-4);padding:var(--sp-5);background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-3);box-shadow:var(--shadow);transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--lift,0));transform-style:preserve-3d;transition:transform var(--t-fast) linear,border-color var(--t-med) var(--ease),box-shadow var(--t-med) var(--ease);grid-template-rows:auto 1fr auto auto;min-height:190px;display:grid;position:relative;overflow:hidden}.proj:before{content:"";background:radial-gradient(120% 100% at 100% 0,var(--accent-glow) 0,transparent 60%);opacity:0;transition:opacity var(--t-med);pointer-events:none;position:absolute;inset:0}.proj:hover{border-color:var(--accent);--lift:-5px;box-shadow:var(--shadow-lift)}.proj:hover:before{opacity:.6}.proj__head{font-size:var(--t-micro);letter-spacing:.08em;color:var(--fg-dim);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;font-weight:600;display:flex}.proj__ext{border:1px solid var(--border);width:32px;height:32px;color:var(--fg-muted);transition:transform var(--t-med) var(--bounce),color var(--t-med),background var(--t-med),border-color var(--t-med);border-radius:50%;place-items:center;font-size:15px;display:inline-grid}.proj:hover .proj__ext{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);transform:rotate(45deg)scale(1.1)}.proj__name{letter-spacing:-.02em;color:var(--fg);font-size:clamp(19px,1.7vw,23px);font-weight:700}.proj__desc{font-size:var(--t-small);color:var(--fg-muted);max-width:40ch;line-height:1.6}.proj__foot{letter-spacing:.03em;color:var(--fg-dim);padding-top:var(--sp-3);border-top:1px dashed var(--border);justify-content:space-between;align-items:baseline;gap:var(--sp-3);font-size:12px;display:flex}.proj__url{color:var(--fg-muted);font-weight:600}.proj:hover .proj__url{color:var(--accent)}.proj__stack{text-transform:uppercase;letter-spacing:.08em;font-weight:500}.links{gap:var(--sp-3);display:grid}.links a{gap:var(--sp-4);padding:var(--sp-4) var(--sp-5);background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-3);box-shadow:var(--shadow);transition:transform var(--t-med) var(--bounce),border-color var(--t-fast),box-shadow var(--t-med);grid-template-columns:64px 220px 1fr 32px;align-items:center;display:grid;position:relative}.links a:hover{border-color:var(--accent-soft-2);box-shadow:var(--shadow-lift);transform:translate(6px)}.links__idx{border:1px solid var(--border);width:44px;height:44px;color:var(--fg-muted);background:var(--bg-inset);transition:color var(--t-med),border-color var(--t-med),background var(--t-med),transform var(--t-med) var(--bounce);border-radius:14px;justify-content:center;align-items:center;display:inline-flex}.links__idx svg{width:22px;height:22px;display:block}.links__glyph{color:currentColor;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-weight:700;line-height:1}.links__glyph--in{letter-spacing:-.04em;font-size:16px}.links__glyph--f{letter-spacing:-.04em;font-family:ui-sans-serif,system-ui,-apple-system,Helvetica Neue,sans-serif;font-size:23px;font-weight:800;transform:translateY(1px)}.links a:hover .links__idx{color:var(--accent);border-color:var(--accent-soft-2);background:var(--accent-soft);transform:rotate(-6deg)scale(1.08)}.links__name{letter-spacing:-.015em;font-size:clamp(17px,1.5vw,21px);font-weight:700;font-family:var(--font-display)}.links__handle{font-size:var(--t-small);color:var(--fg-muted)}.links__arrow{color:var(--fg-dim);transition:transform var(--t-med) var(--bounce),color var(--t-med);font-size:18px}.links a:hover .links__arrow{color:var(--accent);transform:translate(6px)}@media(max-width:700px){.links a{grid-template-columns:52px 1fr 28px}.links__handle{display:none}}.footer{border-top:1px solid var(--border);background:var(--bg);padding-block:var(--sp-7)}.footer__inner{gap:var(--sp-6);font-size:var(--t-small);grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.footer__name{color:var(--fg);font-weight:700;font-family:var(--font-display);margin-bottom:4px;font-size:16px}.footer__email{font-size:var(--t-small);margin-top:6px}.footer__email a{color:var(--fg)}.footer__right{text-align:right;justify-items:end;gap:4px;display:grid}.footer__mid .signature{background-color:var(--fg-muted);width:64px;height:64px;transition:transform var(--t-med) var(--bounce),background-color var(--t-med) var(--ease);margin:0 auto;display:block;transform:rotate(-4deg);-webkit-mask:url(../kn-mark.svg) 50%/contain no-repeat;mask:url(../kn-mark.svg) 50%/contain no-repeat}.footer__mid .signature:hover{background-color:var(--accent);transform:rotate(4deg)scale(1.12)}@media(max-width:700px){.footer__inner{grid-template-columns:1fr}.footer__right{text-align:left;justify-items:start}.footer__mid{display:none}}.scrollbar{z-index:40;pointer-events:none;flex-direction:column;align-items:center;width:3px;display:flex;position:fixed;top:0;bottom:0;right:14px}.scrollbar__track{background:var(--border);border-radius:999px;flex:1;width:3px;margin:96px 0}.scrollbar__thumb{background:var(--accent);width:3px;height:0;box-shadow:0 0 12px var(--accent-glow);transform-origin:top;border-radius:999px;transition:height 80ms linear;position:absolute;top:96px;left:0}.scrollbar__label{letter-spacing:.14em;color:var(--fg-dim);white-space:nowrap;font-variant-numeric:tabular-nums;writing-mode:vertical-rl;padding:60px 0;font-size:9.5px;font-weight:600;position:absolute;top:0;left:-4px;transform:rotate(180deg)}@media(max-width:900px){.scrollbar{display:none}}.marquee{background:var(--accent);color:var(--accent-ink);letter-spacing:.1em;text-transform:uppercase;z-index:60;font-size:11.5px;font-weight:700;position:relative;overflow:hidden}.marquee__track{white-space:nowrap;will-change:transform;gap:28px;padding:7px 0;animation:marquee 48s linear infinite}.marquee__item,.marquee__track{align-items:center;display:inline-flex}.marquee__item{gap:8px}.marquee__dot{background:var(--accent-ink);border-radius:50%;width:7px;height:7px;animation:blink 1.2s steps(2) infinite;display:inline-block}.marquee__sep{opacity:.5;font-size:10px}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes blink{50%{opacity:0}}.marquee:hover .marquee__track{animation-play-state:paused}.langtoggle{border:1px solid var(--border);background:var(--bg-elev);border-radius:999px;display:inline-flex;overflow:hidden}.langtoggle button{letter-spacing:.1em;color:var(--fg-dim);transition:background var(--t-fast),color var(--t-fast);padding:6px 11px;font-size:11px;font-weight:700}.langtoggle button:hover{color:var(--fg)}.langtoggle button.is-active{background:var(--accent);color:var(--accent-ink)}@media(max-width:540px){.langtoggle button{padding:6px 8px;font-size:10px}}.themetoggle{border:1px solid var(--border);background:var(--bg-elev);border-radius:999px;display:inline-flex;overflow:hidden}.themetoggle button{width:32px;height:32px;color:var(--fg-dim);transition:background var(--t-fast),color var(--t-fast);place-items:center;display:inline-grid}.themetoggle button:hover{color:var(--fg)}.themetoggle button.is-active{background:var(--accent);color:var(--accent-ink)}@media(max-width:540px){.themetoggle button{width:28px;height:28px}.themetoggle button svg{width:12px;height:12px}}:root{--dock-h:0px;--dock-safe:env(safe-area-inset-bottom,0px)}.dock,.marquee__pill{display:none}@media(max-width:760px){:root{--dock-h:64px;--pad-x:18px;--section-py:clamp(56px,12vw,88px)}body{padding-bottom:calc(var(--dock-h) + var(--dock-safe) + 20px)}.nav__inner{gap:var(--sp-3);grid-template-columns:1fr auto;height:54px}.nav__brand-text{font-size:14px}.nav__brand-mark{width:23px;height:23px}.nav__actions{gap:var(--sp-2)}.iconbtn{width:38px;height:38px}.accent-picker__pop button{width:28px;height:28px}.langtoggle button{min-height:36px;padding:0 10px}.marquee{color:var(--fg-muted);border-bottom:1px solid var(--border);background:0 0;padding:0}.marquee__track{display:none}.marquee__pill{padding:7px var(--pad-x);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;justify-content:center;align-items:center;gap:8px;font-size:10.5px;font-weight:600;display:flex;overflow:hidden}.marquee__pill .marquee__item{text-overflow:ellipsis;max-width:100%;color:var(--fg-muted);overflow:hidden}.marquee__pill .marquee__dot{background:var(--accent);box-shadow:0 0 6px var(--accent-glow)}.marquee__pill .marquee__sep{color:var(--fg-veryDim)}.hero{padding-top:clamp(32px,8vw,48px);padding-bottom:clamp(48px,10vw,72px)}.hero__blob--a{opacity:.4}.hero__blob--b{opacity:.35}.hero__year{opacity:.07;font-size:clamp(170px,54vw,250px);animation:yearDriftSm 16s ease-in-out infinite alternate;right:-12px}@keyframes yearDriftSm{0%{transform:translateY(-50%)}to{transform:translate(-6px,-47%)}}.hero__spotlight{opacity:.5;--sx:78%;--sy:22%;background:radial-gradient(320px circle at var(--sx) var(--sy),var(--accent-glow),transparent 70%)}.hero__status{margin-bottom:var(--sp-6);gap:var(--sp-2);flex-wrap:wrap}.hero__status .rule{display:none}.badge,.hero__meta{font-size:10.5px}.badge{padding:6px 12px}.hero__grid{gap:var(--sp-7);grid-template-columns:1fr}.kicker{margin-bottom:var(--sp-3);font-size:14px}.hero__name{letter-spacing:-.025em;margin-bottom:var(--sp-4);font-size:clamp(42px,13.5vw,76px);line-height:1}.hero__chips{margin-bottom:var(--sp-5);gap:var(--sp-2)}.chip{padding:7px 12px;font-size:13px}.hero__lede{margin-bottom:var(--sp-6);font-size:15px;line-height:1.65}.hero__ctas{gap:10px}.hero__ctas .btn{flex:calc(50% - 10px);justify-content:center;min-height:48px;padding:13px 14px;font-size:13.5px}.hero__side{margin-top:var(--sp-2);gap:var(--sp-4)}.portrait__frame{aspect-ratio:4/3;rotate:1deg}.portrait__caption{gap:var(--sp-2) var(--sp-4);grid-template-columns:1fr 1fr;font-size:10.5px}.datasheet{font-size:13px}.datasheet>div{padding:9px 12px}.datasheet dt{font-size:9.5px}.hero__foot{margin-top:var(--sp-6);flex-wrap:wrap;font-size:10.5px}.hero__foot .rule{min-width:18px}.section--alt{border-radius:var(--r-3);margin-inline:6px}.section__title{font-size:clamp(27px,7vw,38px)}.section__head{margin-bottom:var(--sp-6)}.section__head--row{align-items:flex-start}.section__aside{gap:var(--sp-2)}.bignum{font-size:clamp(24px,7vw,36px)}.about__grid{gap:var(--sp-6)}.about__card{position:static;top:auto}.about__prose{font-size:15.5px}.quote{padding:var(--sp-4) var(--sp-5);font-size:16px}.about__meta>div{grid-template-columns:84px 1fr;padding:8px 0}.skill{padding:var(--sp-4)}.skill__head{gap:var(--sp-2)}.skill__name{font-size:17px}.pct__num{font-size:18px}.skill__desc{font-size:13px}.timeline{gap:var(--sp-3);padding-left:26px}.timeline:before{left:6px}.entry{padding:var(--sp-4) var(--sp-5)}.entry:before{border-width:2.5px;width:12px;height:12px;top:24px;left:-26px}.entry__year{letter-spacing:.08em;color:var(--fg-muted);text-transform:uppercase;padding-top:0;font-size:11.5px}.entry--current .entry__year:after{content:"★";margin-left:var(--sp-2);color:var(--accent);font-size:11px}.entry__title h3{font-size:17px}.entry__org{font-size:13px}.entry__desc{font-size:13.5px;line-height:1.65}.projects{gap:var(--sp-3);scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(var(--pad-x)*-1);padding-inline:var(--pad-x);padding-bottom:var(--sp-4);scroll-padding-inline:var(--pad-x);perspective:none;grid-template-columns:none;grid-auto-columns:82%;grid-auto-flow:column;overflow:auto hidden}.projects::-webkit-scrollbar{display:none}.proj{scroll-snap-align:start;min-height:200px;padding:var(--sp-5) var(--sp-4)}.proj__name{font-size:19px}.proj__desc{font-size:13px}.proj__foot{gap:var(--sp-2);font-size:11.5px}#projects .section__aside{flex-wrap:wrap;row-gap:6px}.projects__hint{letter-spacing:.1em;text-transform:uppercase;color:var(--fg-dim);flex-basis:100%;align-items:center;gap:6px;font-size:10.5px;display:inline-flex}.projects__hint-arrow{animation:hintNudge 1.8s ease-in-out infinite;display:inline-block}@keyframes hintNudge{0%,to{transform:translate(0)}50%{transform:translate(4px)}}.links a{gap:var(--sp-3);padding:13px var(--sp-4);grid-template-columns:48px 1fr 24px;min-height:58px}.links__idx{border-radius:12px;width:40px;height:40px}.links__name{font-size:16px}.links__handle{display:none}.links__arrow{font-size:16px}.footer{padding-block:var(--sp-6)}.footer__inner{gap:var(--sp-4);text-align:left;grid-template-columns:1fr}.footer__right{text-align:left;justify-items:start}.footer__mid{display:none}.dock{z-index:55;background:var(--bg);display:block;position:fixed;bottom:0;left:0;right:0}@supports (color:color-mix(in lab,red,red)){.dock{background:color-mix(in oklab,var(--bg) 92%,transparent)}}.dock{-webkit-backdrop-filter:saturate(140%)blur(14px);border-top:1px solid var(--border);padding-bottom:var(--dock-safe)}.dock__inner{height:var(--dock-h);grid-template-columns:repeat(6,1fr);align-items:stretch;display:grid}.dock__item{color:var(--fg-dim);transition:color var(--t-fast) var(--ease);grid-template-rows:1fr auto;place-items:center;gap:2px;padding:6px 4px 8px;display:grid;position:relative}.dock__item:before{content:"";transform-origin:50%;background:var(--accent);width:24px;height:3px;border-radius:0 0 3px 3px;position:absolute;top:0;left:50%;transform:translate(-50%)scaleX(0)}.dock__icon,.dock__item:before{transition:transform var(--t-med) var(--bounce)}.dock__icon{width:26px;height:26px;place-items:center;display:inline-grid}.dock__label{letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;align-items:baseline;gap:4px;font-size:8.5px;font-weight:700;line-height:1;display:inline-flex}.dock__idx{display:none}.dock__item:active .dock__icon{transform:translateY(1px)scale(.94)}.dock__item.is-current{color:var(--fg)}.dock__item.is-current:before{transform:translate(-50%)scaleX(1)}.dock__item.is-current .dock__icon{color:var(--accent);transform:translateY(-1px)scale(1.08)}.dock__item.is-current .dock__idx{color:var(--accent)}}@media(max-width:380px){:root{--pad-x:14px}.nav__brand-text{font-size:13px}.clock{display:none}.langtoggle button{padding:0 7px;font-size:10px}.hero__name{font-size:clamp(38px,13vw,62px)}.dock__label{letter-spacing:.05em;font-size:9px}.dock__idx{display:none}.projects{grid-auto-columns:88%}}@media(prefers-reduced-motion:reduce){*,:after,:before{transition-duration:.001ms!important;animation-duration:.001ms!important}}.apps__lede{max-width:64ch;color:var(--fg-muted);font-size:var(--t-body);margin-top:calc(var(--sp-6)*-1);margin-bottom:var(--sp-8);line-height:1.65}.apps__group+.apps__group{margin-top:var(--sp-8)}.apps__group-head{justify-content:space-between;align-items:baseline;gap:var(--sp-4);margin-bottom:var(--sp-5);padding-bottom:var(--sp-3);border-bottom:1px dashed var(--border);flex-wrap:wrap;display:flex}.apps__group-title{align-items:baseline;gap:var(--sp-3);font-family:var(--font-display);letter-spacing:-.02em;color:var(--fg);font-size:clamp(20px,2vw,26px);font-weight:700;display:inline-flex}.apps__group-idx{letter-spacing:.08em;color:var(--accent)}.apps__group-count,.apps__group-idx{font-family:var(--font-body);font-size:var(--t-micro);font-variant-numeric:tabular-nums;font-weight:700}.apps__group-count{color:var(--fg-dim);border:1px solid var(--border);border-radius:999px;padding:2px 8px;line-height:1.4}.apps__group-blurb{font-size:var(--t-small);color:var(--fg-dim)}.proj__head-left{align-items:center;gap:var(--sp-2);display:inline-flex}.proj__status{letter-spacing:.1em;text-transform:uppercase;background:var(--accent);color:var(--accent-ink);border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700;line-height:1.5}.proj__status--archive{background:var(--bg-inset);color:var(--fg-dim);border:1px solid var(--border)}.proj--archive{opacity:.85}.proj--archive:hover{opacity:1}.blog{gap:var(--sp-4);grid-template-columns:repeat(3,1fr);display:grid}.blog__all{color:var(--fg-muted);transition:color var(--t-fast);text-decoration:none}.blog__all:hover{color:var(--accent)}.blog__all-arrow{transition:transform var(--t-med) var(--bounce);display:inline-block}.blog__all:hover .blog__all-arrow{transform:translate(5px)}.post{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-3);box-shadow:var(--shadow);color:inherit;transition:transform var(--t-med) var(--bounce),border-color var(--t-med) var(--ease),box-shadow var(--t-med) var(--ease);grid-template-rows:auto 1fr;text-decoration:none;display:grid;overflow:hidden}.post:hover{border-color:var(--accent);box-shadow:var(--shadow-lift);transform:translateY(-5px)}.post__media{aspect-ratio:16/9;background:var(--bg-inset);border-bottom:1px solid var(--border);place-items:center;display:grid;overflow:hidden}.post__media img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform var(--t-slow) var(--ease);display:block}.post:hover .post__media img{transform:scale(1.04)}.post__media-fallback{font-family:var(--font-display);letter-spacing:-.04em;color:var(--fg-veryDim);font-size:28px;font-weight:800}.post__body{gap:var(--sp-2);padding:var(--sp-4) var(--sp-5) var(--sp-5);align-content:start;display:grid}.post__meta{align-items:baseline;gap:var(--sp-2);font-size:var(--t-micro);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-dim);font-weight:600;display:flex}.post__title{font-family:var(--font-display);letter-spacing:-.015em;color:var(--fg);transition:color var(--t-fast);font-size:clamp(17px,1.5vw,20px);font-weight:700;line-height:1.25}.post:hover .post__title{color:var(--accent)}.post__excerpt{font-size:var(--t-small);-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.55;display:-webkit-box;overflow:hidden}.blog__empty,.post__excerpt{color:var(--fg-muted)}@media(max-width:960px)and (min-width:761px){.blog{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.apps__lede{margin-top:calc(var(--sp-4)*-1);margin-bottom:var(--sp-6)}.apps__group+.apps__group{margin-top:var(--sp-6)}.apps__group-head{flex-direction:column;align-items:flex-start;gap:4px}.blog{gap:var(--sp-3);scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(var(--pad-x)*-1);padding-inline:var(--pad-x);padding-bottom:var(--sp-4);scroll-padding-inline:var(--pad-x);grid-template-columns:none;grid-auto-columns:82%;grid-auto-flow:column;overflow:auto hidden}.blog::-webkit-scrollbar{display:none}.post{scroll-snap-align:start}#blog .section__head--row{align-items:flex-start}}