@font-face{font-family:Playfair Display Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(./playfair-display-cyrillic-wght-normal-5WvUvBgz.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Playfair Display Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(./playfair-display-vietnamese-wght-normal-Cabi7G8-.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Playfair Display Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(./playfair-display-latin-ext-wght-normal-CT1r92Rl.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Playfair Display Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(./playfair-display-latin-wght-normal-BOwq7MWX.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Playfair Display Variable;font-style:italic;font-display:swap;font-weight:400 900;src:url(./playfair-display-cyrillic-wght-italic-D5dBZ3aJ.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Playfair Display Variable;font-style:italic;font-display:swap;font-weight:400 900;src:url(./playfair-display-vietnamese-wght-italic-DUEcMSM3.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Playfair Display Variable;font-style:italic;font-display:swap;font-weight:400 900;src:url(./playfair-display-latin-ext-wght-italic-ze_cPdSg.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Playfair Display Variable;font-style:italic;font-display:swap;font-weight:400 900;src:url(./playfair-display-latin-wght-italic-DmbndNpe.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(./jetbrains-mono-cyrillic-ext-wght-normal-EocZY2iu.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(./jetbrains-mono-cyrillic-wght-normal-D73BlboJ.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(./jetbrains-mono-greek-wght-normal-Bw9x6K1M.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(./jetbrains-mono-vietnamese-wght-normal-Bt-aOZkq.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(./jetbrains-mono-latin-ext-wght-normal-DBQx-q_a.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(./jetbrains-mono-latin-wght-normal-B9CIFXIH.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Caveat Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(./caveat-cyrillic-ext-wght-normal-DiMfzA-V.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Caveat Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(./caveat-cyrillic-wght-normal-D5lnP6kL.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Caveat Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(./caveat-latin-ext-wght-normal-Byk3UhVp.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Caveat Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(./caveat-latin-wght-normal-C1hSzPvX.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-bg: #f4f2ed;--color-fg: #2a1e1a;--color-primary: #4d332b;--color-primary-fg: #f5ece9;--color-muted: #e4d3ce;--color-muted-fg: #5a4b46;--color-accent: #e1c7c1;--color-accent-fg: #2a1e1a;--color-btn: #5d291c;--color-btn-fg: #fff6f3;--color-border: #d0c0bb;--color-hairline: rgb(0 0 0 / .12);--color-brick: #a33a1c;--color-danger: #b3261e;--chart-1: #f05100;--chart-2: #009588;--chart-3: #104e64;--photo-filter: grayscale(.9) contrast(1.12) sepia(.35) hue-rotate(-12deg) saturate(1.25);--font-display: "Playfair Display Variable", "Playfair Display", "Times New Roman", Georgia, serif;--font-mono: "JetBrains Mono Variable", "JetBrains Mono", "Cascadia Mono", Consolas, ui-monospace, monospace;--font-hand: "Caveat Variable", "Caveat", "Segoe Script", cursive;--step--1: clamp(.82rem, .79rem + .15vw, .9rem);--step-0: clamp(1rem, .96rem + .2vw, 1.125rem);--step-1: clamp(1.18rem, 1.1rem + .4vw, 1.4rem);--step-2: clamp(1.4rem, 1.25rem + .75vw, 1.9rem);--step-3: clamp(1.7rem, 1.4rem + 1.5vw, 2.6rem);--size-hero: clamp(3rem, 1.6rem + 6.4vw, 6.5rem);--size-giant: clamp(4rem, 14vw, 20rem);--container: 1280px;--gutter: clamp(1.5rem, .9rem + 2.6vw, 6rem);--section-y: clamp(4rem, 2.5rem + 6vw, 6rem);--grid-cell: 32px;--radius: .5rem;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-jelly: cubic-bezier(.22, 1.4, .36, 1);--dur-micro: .15s;--dur-small: .3s;--dur-medium: .5s;--dur-hero: .8s}:root[data-theme=dark]{--color-bg: #041716;--color-fg: #a3dbcf;--color-primary: #00a692;--color-primary-fg: #00100c;--color-muted: #00372f;--color-muted-fg: #6cb5a6;--color-accent: #00473c;--color-accent-fg: #a3dbcf;--color-btn: #00a692;--color-btn-fg: #00100c;--color-border: #00463c;--color-hairline: rgb(163 219 207 / .12);--color-brick: #e2603f;--color-danger: #ff7a6b;--chart-1: #00bb7f;--chart-2: #1447e6;--chart-3: #f99c00;--photo-filter: grayscale(.85) contrast(1.15) sepia(.25) hue-rotate(120deg) saturate(1.4)}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}html.lenis{scroll-behavior:auto}body{min-height:100svh;background:var(--color-bg);color:var(--color-fg);font-family:var(--font-display);font-size:var(--step-0);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;transition:background-color var(--dur-medium) var(--ease-out),color var(--dur-medium) var(--ease-out)}img,svg,video{display:block;max-width:100%}button,input,textarea,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-weight:800;line-height:.95;text-wrap:balance}p{text-wrap:pretty}::selection{background:var(--color-accent);color:var(--color-accent-fg)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:2px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}body:after{content:"";position:fixed;inset:0;z-index:-10;pointer-events:none;background-image:linear-gradient(90deg,var(--color-hairline) 1px,transparent 1px),linear-gradient(var(--color-hairline) 1px,transparent 1px);background-size:var(--grid-cell) var(--grid-cell);animation:gridPulse 6s var(--ease-in-out) infinite}@keyframes gridPulse{0%,to{opacity:.35}50%{opacity:.55}}.section{position:relative;width:100%;padding-inline:var(--gutter);padding-block:var(--section-y)}.container{position:relative;z-index:1;width:100%;max-width:var(--container);margin-inline:auto}.measure{max-width:48ch}.chip-label{display:inline-block;padding:.4rem 1.1rem;border:2px solid var(--color-border);border-radius:999px;font-size:var(--step--1);font-weight:500;transition:transform var(--dur-micro) var(--ease-out),border-color var(--dur-micro) var(--ease-out),color var(--dur-micro) var(--ease-out)}.chip-label:hover{transform:scale(1.05);border-color:var(--color-primary);color:var(--color-primary)}.mono-label{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.35em;text-transform:uppercase;color:var(--color-muted-fg)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}body:after{animation:none;opacity:.4}.split-host,.reveal,.giant-letter{visibility:visible!important;opacity:1!important;transform:none!important}}.skip-link{position:fixed;top:.5rem;left:.5rem;z-index:200;padding:.6rem 1rem;border:1px solid var(--color-primary);border-radius:var(--radius, 4px);background:var(--color-bg);color:var(--color-fg);font-family:var(--font-mono);font-size:var(--step--1);text-decoration:none;transform:translateY(-160%);transition:transform var(--dur-small, .2s) var(--ease-out, ease)}.skip-link:focus-visible{transform:translateY(0)}html{scroll-padding-top:5rem}main:focus,main:focus-visible{outline:none}.preloader{position:fixed;inset:0;z-index:300;display:grid;place-items:center;background:var(--color-bg);transition:opacity var(--dur-hero) var(--ease-out)}.preloader[hidden]{display:none}.preloader.is-done{opacity:0;pointer-events:none}.sig-text{fill:transparent;stroke:currentColor;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:var(--sig-len, 900);stroke-dashoffset:var(--sig-len, 900);animation:sigDraw 1.5s var(--ease-out) var(--sig-delay, 0ms) forwards,sigFill .5s ease calc(var(--sig-delay, 0ms) + 1.25s) forwards}@keyframes sigDraw{to{stroke-dashoffset:0}}@keyframes sigFill{to{fill:currentColor;stroke-opacity:0}}[data-signature] svg{max-width:100%;height:auto}@media(prefers-reduced-motion:reduce){.sig-text{animation:none;fill:currentColor;stroke-opacity:0;stroke-dashoffset:0}}.cursor{display:none}@media(hover:hover)and (pointer:fine){html.cursor-ready,html.cursor-ready *{cursor:none}.cursor{display:block;position:fixed;top:0;left:0;z-index:310;pointer-events:none;user-select:none}.cursor__ring,.cursor__dot{position:fixed;top:0;left:0;border-radius:50%;will-change:transform;pointer-events:none}.cursor__ring{width:44px;height:44px;margin:-22px 0 0 -22px;border:1.5px solid color-mix(in srgb,var(--color-fg) 70%,transparent);background:color-mix(in srgb,var(--color-fg) 6%,transparent);transition:width var(--dur-micro) var(--ease-out),height var(--dur-micro) var(--ease-out),margin var(--dur-micro) var(--ease-out),border-color .18s var(--ease-out),background-color .18s var(--ease-out)}.cursor__dot{width:6px;height:6px;margin:-3px 0 0 -3px;background:var(--color-fg)}.cursor.is-active .cursor__ring{width:74px;height:74px;margin:-37px 0 0 -37px;border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 12%,transparent)}.cursor__ring{display:grid;place-items:center}.cursor__label{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--color-primary);opacity:0;transform:scale(.7);transition:opacity var(--dur-micro) var(--ease-out),transform var(--dur-micro) var(--ease-out)}.cursor.has-label .cursor__ring{width:92px;height:92px;margin:-46px 0 0 -46px;border-color:var(--color-primary);background:color-mix(in srgb,var(--color-bg) 94%,transparent)}.cursor.has-label .cursor__label{opacity:1;transform:scale(1)}}.progress{position:fixed;top:0;right:0;z-index:120;width:3px;height:100vh;pointer-events:none;background:color-mix(in srgb,var(--color-border) 60%,transparent);overflow:hidden}.progress__fill{position:absolute;inset:0;transform-origin:top center;transform:scaleY(var(--p, 0));background:linear-gradient(180deg,var(--color-accent) 0%,var(--color-primary) 100%);filter:url(#sketchFilter);opacity:.92;will-change:transform}.progress__head{position:absolute;top:0;left:-1px;width:5px;height:4px;border-radius:50%;transform:translateY(var(--py, 0px));background:radial-gradient(ellipse at center,var(--color-primary) 0%,color-mix(in srgb,var(--color-primary) 40%,transparent) 70%);box-shadow:0 0 8px color-mix(in srgb,var(--color-primary) 70%,transparent);opacity:.85;will-change:transform}.btn{display:inline-flex;align-items:center;gap:.6rem;padding:.65rem 1.4rem;border:2px solid var(--color-border);border-radius:999px;background:transparent;font-size:var(--step--1);cursor:pointer;transition:transform var(--dur-micro) var(--ease-out),background-color var(--dur-micro) var(--ease-out),border-color var(--dur-micro) var(--ease-out),color var(--dur-micro) var(--ease-out)}.btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.btn:active{transform:scale(.95)}.btn--solid{background:var(--color-btn);border-color:var(--color-btn);color:var(--color-btn-fg);padding-inline:2rem}.btn--solid:hover{color:var(--color-btn-fg);filter:brightness(1.1)}.btn__arrow{transition:transform var(--dur-small) var(--ease-out)}.btn:hover .btn__arrow{transform:translate(4px)}.link-draw{position:relative;display:inline-flex;align-items:center;gap:.6rem;padding-block:.65rem;cursor:pointer;background:none;border:0;font-size:var(--step--1)}.link-draw:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1.5px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform var(--dur-small) var(--ease-out)}.link-draw:hover:after,.link-draw:focus-visible:after{transform:scaleX(1)}.giant{display:flex;flex-wrap:nowrap;align-items:flex-end;justify-content:center;line-height:.78;letter-spacing:-.02em;color:var(--color-fg);overflow:clip;padding-block:.08em}@media(hover:hover)and (pointer:fine){.giant{overflow-clip-margin:48px}}.giant--left{justify-content:flex-start}.giant+*:not(.giant){margin-top:clamp(1.25rem,2.5vw,2.5rem)}.giant-letter{display:inline-block;font-weight:800}.giant-letter__in{display:inline-block}.split-host{visibility:hidden}.split-host.is-revealed{visibility:visible}.split-word{display:inline-block;white-space:nowrap}.split-char{display:inline-block}@media(max-width:640px){.split-host{visibility:visible!important;opacity:1!important;transform:none!important}.split-char{transform:none!important;opacity:1!important}}.frame{position:relative;overflow:hidden;background:var(--color-muted)}.frame:before,.frame:after{content:"";position:absolute;inset:0;z-index:2;border:2px solid var(--color-primary);pointer-events:none;animation:clipMe 8s linear infinite}.frame:after{animation-delay:-4s}@keyframes clipMe{0%,to{clip-path:inset(0 0 calc(100% - 2px) 0)}25%{clip-path:inset(0 0 0 calc(100% - 2px))}50%{clip-path:inset(calc(100% - 2px) 0 0 0)}75%{clip-path:inset(0 calc(100% - 2px) 0 0)}}.frame img{width:100%;height:112%;position:relative;top:-6%;object-fit:cover;filter:var(--photo-filter);transition:filter var(--dur-medium) var(--ease-out)}.frame:hover img{filter:grayscale(.2) contrast(1.05) saturate(1.05)}.frame__overlay{position:absolute;right:1rem;bottom:1rem;z-index:3;font-family:var(--font-hand);font-size:var(--step-1);line-height:1.15;text-align:right;color:#fff;text-shadow:0 1px 6px rgb(0 0 0 / .6);white-space:pre-line}.decor{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.dot{position:absolute;border-radius:50%}.doodle{position:absolute;stroke:var(--color-fg);stroke-width:1.4;fill:none;opacity:.18}@media(max-width:640px){.doodle{display:none}.dot{opacity:.28!important}}.accordion__item{border-bottom:1px solid var(--color-border)}.accordion__head{display:grid;grid-template-columns:2.5rem 1fr auto;align-items:center;gap:1.25rem;width:100%;padding-block:1.6rem;background:none;border:0;text-align:left;cursor:pointer}.accordion__icon{display:grid;place-items:center;color:var(--color-primary)}.accordion__label{display:block;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.24em;text-transform:uppercase;color:var(--color-muted-fg);margin-bottom:.35rem}.accordion__title{display:block;font-size:var(--step-3);font-weight:800;letter-spacing:-.01em;transition:color var(--dur-micro) var(--ease-out)}.accordion__head:hover .accordion__title{color:var(--color-primary)}.accordion__text{display:block;margin-top:.4rem;font-size:var(--step--1);color:var(--color-muted-fg)}.accordion__chevron{color:var(--color-primary);transition:transform var(--dur-small) var(--ease-out)}.accordion__head[aria-expanded=true] .accordion__chevron{transform:rotate(180deg)}.accordion__panel{overflow:hidden;height:0}.card-rail{cursor:grab;display:flex;gap:1.25rem;padding-block:.5rem 2rem;overflow-x:auto;scrollbar-width:thin;scroll-snap-type:x proximity}.card-rail::-webkit-scrollbar{height:4px}.card-rail::-webkit-scrollbar-track{background:color-mix(in srgb,var(--color-border) 35%,transparent);border-radius:999px}.card-rail::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--color-primary) 55%,transparent);border-radius:999px}.card-rail.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}.card{flex:0 0 auto;width:min(20rem,78vw);scroll-snap-align:start;display:flex;flex-direction:column;gap:.75rem;padding:1.5rem;border:1px solid color-mix(in srgb,var(--color-border) 80%,transparent);border-radius:var(--radius);background:transparent;transition:transform var(--dur-small) var(--ease-out),border-color var(--dur-small) var(--ease-out),box-shadow var(--dur-small) var(--ease-out)}.card:hover{transform:translateY(-4px);border-color:var(--color-primary);box-shadow:0 12px 30px -18px color-mix(in srgb,var(--color-primary) 60%,transparent)}.card__name{font-family:var(--font-mono);font-size:var(--step-0);font-weight:700;letter-spacing:-.01em}.card__text{font-size:var(--step--1);color:var(--color-muted-fg);flex:1}.card__stack{display:flex;flex-wrap:wrap;gap:.4rem}.tag{padding:.2rem .6rem;border:1px solid var(--color-border);border-radius:999px;font-family:var(--font-mono);font-size:.68rem;color:var(--color-muted-fg)}.card__links{display:flex;gap:1rem;padding-top:.5rem;border-top:1px solid color-mix(in srgb,var(--color-border) 50%,transparent);font-size:var(--step--1)}.card__links a{display:inline-flex;align-items:center;gap:.35rem;color:var(--color-primary)}.card__links a:hover{text-decoration:underline;text-underline-offset:3px}.timeline{position:relative;padding-left:3.5rem}.timeline:before{content:"";position:absolute;left:1.5rem;top:.5rem;bottom:.5rem;width:1px;background:var(--color-border)}.timeline__line{position:absolute;left:1.5rem;top:.5rem;bottom:.5rem;width:1px;background:var(--color-primary);transform-origin:top center;transform:scaleY(0);box-shadow:0 0 8px color-mix(in srgb,var(--color-primary) 50%,transparent)}.tl-item{position:relative;padding-bottom:2.5rem}.tl-item__icon{position:absolute;left:-3.5rem;top:0;display:grid;place-items:center;width:3rem;height:3rem;border:1px solid var(--color-border);border-radius:50%;background:var(--color-bg);color:var(--color-primary)}.tl-item__head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;flex-wrap:wrap}.tl-item__place{font-size:var(--step--1);color:var(--color-muted-fg)}.tl-item__date{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;color:var(--color-muted-fg)}.tl-item__title{margin-top:.2rem;font-size:var(--step-2);font-weight:800}.tl-item__text{margin-top:.5rem;padding-bottom:1.25rem;border-bottom:1px solid color-mix(in srgb,var(--color-border) 60%,transparent);font-size:var(--step--1);color:var(--color-muted-fg);max-width:62ch}.chart{width:100%;height:200px;overflow:visible}.chart__axis{stroke:var(--color-border);stroke-width:1}.chart__tick{font-family:var(--font-mono);font-size:9px;fill:var(--color-muted-fg)}.chart__bar{fill:var(--chart-1);rx:3}.chart__line{fill:none;stroke:var(--chart-1);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.chart__point{fill:var(--chart-1)}.field{display:flex;flex-direction:column;gap:.4rem;padding-block:1.25rem;border-bottom:1px solid var(--color-border)}.field label{font-size:var(--step--1);color:var(--color-muted-fg)}.field input,.field textarea{width:100%;background:transparent;border:0;padding:.25rem 0;font-size:var(--step-0);color:var(--color-fg)}.field input::placeholder,.field textarea::placeholder{color:color-mix(in srgb,var(--color-muted-fg) 75%,transparent)}.field input:focus,.field textarea:focus{outline:none}.field:focus-within{border-color:var(--color-primary)}.field textarea{resize:vertical;min-height:6rem}.pill{padding:.55rem 1.2rem;border:1px solid var(--color-border);border-radius:999px;background:transparent;font-size:var(--step--1);cursor:pointer;transition:background-color var(--dur-micro) var(--ease-out),border-color var(--dur-micro) var(--ease-out),color var(--dur-micro) var(--ease-out),transform var(--dur-micro) var(--ease-out)}.pill:hover{border-color:var(--color-primary)}.pill:active{transform:scale(.95)}.pill[aria-pressed=true]{background:var(--color-accent);border-color:var(--color-primary);color:var(--color-accent-fg)}.marquee{position:relative;z-index:1;overflow:hidden;padding-block:1rem;border-block:1px solid var(--color-border)}.marquee__track{display:flex;width:max-content;white-space:nowrap;will-change:transform}.marquee__item{display:inline-flex;align-items:center;gap:2.5rem;padding-inline:1.25rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;color:var(--color-muted-fg)}.marquee__item:after{content:"";width:5px;height:5px;border-radius:50%;background:var(--color-primary)}.dock{position:fixed;right:clamp(.75rem,2vw,1.5rem);bottom:clamp(.75rem,2vw,1.5rem);z-index:130;display:flex;flex-direction:column;gap:.5rem}.dock__btn{display:grid;place-items:center;width:2.75rem;height:2.75rem;border:1px solid var(--color-border);border-radius:50%;background:color-mix(in srgb,var(--color-bg) 92%,transparent);font-family:var(--font-mono);font-size:.7rem;font-weight:700;letter-spacing:.05em;cursor:pointer;transition:transform var(--dur-micro) var(--ease-out),border-color var(--dur-micro) var(--ease-out),color var(--dur-micro) var(--ease-out)}.dock__btn:hover{transform:scale(1.08);border-color:var(--color-primary);color:var(--color-primary)}.dock__btn:active{transform:scale(.94)}.reveal{opacity:0;transform:translateY(28px)}.swim-wrap{position:relative}.swim-wrap>#skills-list{position:relative;z-index:1}.swim{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:visible}.swim[hidden]{display:none}.swim__svg{position:absolute;inset:0;overflow:visible}.swim__path{stroke:var(--color-border);stroke-width:1.5;stroke-dasharray:5 9;opacity:.55}.swim__path--done{stroke:var(--color-primary);stroke-dasharray:none;stroke-linecap:round;opacity:.45}.swim__marker{position:absolute;width:12px;height:12px;margin:-6px 0 0 -6px;border:1.5px solid var(--color-border);border-radius:50%;background:var(--color-bg);transition:transform var(--dur-small) var(--ease-out),background-color var(--dur-small) var(--ease-out),border-color var(--dur-small) var(--ease-out),box-shadow var(--dur-small) var(--ease-out)}.swim__marker.is-passed{transform:scale(1.5);background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 0 14px color-mix(in srgb,var(--color-primary) 60%,transparent)}.swim__fish{position:absolute;top:0;left:0;color:var(--color-primary);will-change:transform}.fish__body{fill:currentColor}.fish__tail,.fish__fin{fill:color-mix(in srgb,currentColor 62%,var(--color-bg))}.fish__tail{transform-origin:16px 22px;animation:fishWiggle .7s var(--ease-in-out) infinite}.fish__fin--bottom{transform-origin:34px 35px;animation:fishWiggle .9s var(--ease-in-out) infinite}.fish__eye{fill:var(--color-bg)}@keyframes fishWiggle{0%,to{transform:rotate(-14deg)}50%{transform:rotate(14deg)}}.swim__bubble{position:absolute;border-radius:50%;border:1px solid color-mix(in srgb,var(--color-primary) 60%,transparent);background:color-mix(in srgb,var(--color-primary) 12%,transparent);opacity:.7;will-change:transform,opacity}@media(max-width:640px){.swim__fish .fish{width:38px;height:23px}.swim__path{opacity:.22}.swim__path--done{opacity:.2}.swim__marker{width:9px;height:9px;margin:-4.5px 0 0 -4.5px}.swim__bubble{display:none}}.chart-box{position:relative}.chart__bar,.chart__point{pointer-events:auto;transition:fill var(--dur-micro) var(--ease-out)}.chart__bar:hover,.chart__point:hover,.chart__bar.is-hot,.chart__point.is-hot{fill:var(--color-fg)}.chart-tip{position:absolute;z-index:5;padding:.35rem .7rem;border:1px solid var(--color-primary);border-radius:var(--radius);background:color-mix(in srgb,var(--color-bg) 92%,transparent);backdrop-filter:blur(8px);font-family:var(--font-mono);font-size:.7rem;white-space:nowrap;color:var(--color-fg);pointer-events:none;opacity:0;transform:translate(-50%,-120%) scale(.9);transform-origin:bottom center;transition:opacity var(--dur-micro) var(--ease-out),transform var(--dur-micro) var(--ease-out)}.chart-tip.is-visible{opacity:1;transform:translate(-50%,-135%) scale(1)}.chart-tip__value{color:var(--color-primary);font-weight:700}.stats{margin-top:clamp(2.5rem,6vw,4rem);padding-top:2rem}.stats[hidden]{display:none}.stats__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1.5rem 2.5rem;margin-top:1.25rem}.stat{display:flex;flex-direction:column;gap:.2rem;padding-left:1rem;border-left:1px solid var(--color-border)}.stat__value{font-size:var(--step-3);font-weight:800;line-height:1;color:var(--color-primary);font-variant-numeric:tabular-nums}.stat__label{font-size:var(--step--1);color:var(--color-muted-fg)}.stats__langs{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}.stats__langs .tag b{color:var(--color-primary);font-weight:700}.stats__note{margin-top:1rem;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.08em;color:var(--color-muted-fg)}.field{position:relative;transition:border-color var(--dur-small) var(--ease-out)}.field.is-valid{border-color:var(--color-primary)}.field.is-valid:after{content:"";position:absolute;right:.1rem;bottom:1.4rem;width:14px;height:8px;border-left:2px solid var(--color-primary);border-bottom:2px solid var(--color-primary);transform:rotate(-45deg);animation:fieldCheck var(--dur-small) var(--ease-out) forwards}@keyframes fieldCheck{0%{opacity:0;transform:rotate(-45deg) scale(.4)}to{opacity:1;transform:rotate(-45deg) scale(1)}}.field.is-invalid{border-color:var(--color-danger)}.field__msg{display:block;max-height:0;overflow:hidden;font-size:var(--step--1);color:var(--color-danger);opacity:0;transition:max-height var(--dur-small) var(--ease-out),opacity var(--dur-small) var(--ease-out),margin-top var(--dur-small) var(--ease-out)}.field.is-invalid .field__msg{max-height:3em;margin-top:.4rem;opacity:1}.fish-layer{position:fixed;inset:0;z-index:110;pointer-events:none;overflow:hidden}.fish-layer--ambient{z-index:0}.drifter{position:absolute;top:0;left:0;color:var(--color-primary);will-change:transform}.egg-toast{position:fixed;left:50%;bottom:2rem;z-index:210;transform:translate(-50%);padding:.7rem 1.4rem;border:1px solid var(--color-primary);border-radius:999px;background:color-mix(in srgb,var(--color-bg) 88%,transparent);backdrop-filter:blur(10px);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;color:var(--color-fg);pointer-events:none}.hero__socials a,.card__links a{justify-content:flex-start}@media(pointer:coarse){.hero__socials{gap:.5rem}.hero__socials a{min-width:44px;min-height:44px}.card__links{gap:.35rem 1rem}.card__links a{min-height:40px}}.footer{background:color-mix(in srgb,var(--color-muted) 55%,var(--color-bg));padding:var(--section-y) var(--gutter) 2rem}.footer__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:3rem}.footer__head{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.28em;color:var(--color-muted-fg);margin-bottom:1.1rem}.footer__nav a{display:inline-flex;align-items:center;gap:.6rem;padding-block:.4rem;font-size:var(--step--1);transition:color var(--dur-micro) var(--ease-out)}.footer__nav a:before{content:"";width:1rem;height:1px;background:currentColor;transition:width var(--dur-small) var(--ease-out)}.footer__nav a:hover{color:var(--color-primary)}.footer__nav a:hover:before{width:1.75rem}.social-row{display:flex;align-items:center;gap:1rem;padding-block:.9rem;border-bottom:1px solid color-mix(in srgb,var(--color-border) 60%,transparent)}.social-row__num{font-family:var(--font-mono);font-size:.65rem;color:var(--color-muted-fg)}.social-row__name{flex:1;font-size:var(--step-1);font-weight:700}.social-row__go{display:grid;place-items:center;width:2rem;height:2rem;border:1px solid var(--color-border);border-radius:50%;color:var(--color-primary);transition:transform var(--dur-small) var(--ease-out),background-color var(--dur-small) var(--ease-out),color var(--dur-small) var(--ease-out)}.social-row:hover .social-row__go{transform:translate(2px,-2px);background:var(--color-primary);color:var(--color-primary-fg)}.footer__bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-top:3.5rem;padding-top:1.5rem;border-top:1px solid color-mix(in srgb,var(--color-border) 50%,transparent);font-size:var(--step--1);color:var(--color-muted-fg)}.footer__head--gap{margin-top:2rem}.footer__mail{font-size:var(--step-0)}.footer__where{margin:.2rem 0 0;color:var(--color-muted-fg)}.footer__links{display:grid;gap:.15rem}.footer__links--pages{grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));column-gap:1.5rem}.footer__built{white-space:nowrap;padding-right:clamp(3rem,6vw,4.5rem)}@media(pointer:coarse){.social-row{min-height:44px}}.footer__fine{display:grid;gap:.1rem;margin-top:2rem;font-size:var(--step--1)}.footer__fine a{color:var(--color-muted-fg);transition:color var(--dur-micro) var(--ease-out)}.footer__fine a:hover{color:var(--color-primary)}.footer__back{display:inline-block;margin-top:1.5rem;font-size:var(--step-0);font-weight:600}.hero{position:relative;display:flex;flex-direction:column;overflow:hidden;opacity:0;transform:translateY(40px);animation:pageEnter var(--dur-hero) var(--ease-out) forwards}@media(min-width:768px){.hero{min-height:min(900px,100svh)}}@keyframes pageEnter{to{opacity:1;transform:none}}.hero__header{position:relative;z-index:1;padding:1.5rem var(--gutter)}.hero__header-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:var(--step--1);color:var(--color-muted-fg)}.hero__rule{position:absolute;left:var(--gutter);right:var(--gutter);bottom:0;height:1.5px;background:var(--color-border);transform:scaleX(0);transform-origin:left;animation:ruleReveal var(--dur-medium) var(--ease-out) .45s forwards}@keyframes ruleReveal{to{transform:scaleX(1)}}.hero__meta{display:inline-flex;align-items:baseline;gap:.45rem}.hero__socials{display:flex;gap:1rem}.hero__socials a{color:var(--color-fg);opacity:0;transform:translateY(8px);animation:iconEntry var(--dur-medium) var(--ease-out) forwards;transition:transform var(--dur-small) var(--ease-out),color var(--dur-small) var(--ease-out)}.hero__socials a:hover{transform:translateY(-4px);color:var(--color-primary)}@keyframes iconEntry{to{opacity:1;transform:none}}.hero__body{flex:1;display:grid;grid-template-columns:1fr;gap:3rem;align-items:center;width:100%;max-width:var(--container);margin-inline:auto;padding:3rem var(--gutter);position:relative;z-index:1}@media(min-width:768px){.hero__body{grid-template-columns:1fr 1fr;gap:clamp(3rem,5vw,6rem)}}.hero__title{font-size:var(--size-hero);font-weight:800;line-height:.95;color:var(--color-fg)}.hero__title span{display:block}.hero__title .is-highlight{background:var(--color-accent);box-shadow:.25em 0 0 var(--color-accent),-.1em 0 0 var(--color-accent);width:fit-content}.hero__cta{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:2rem}.hero__aside{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(1.5rem,3vw,3rem);align-items:start}.hero__portrait{aspect-ratio:1;width:100%;max-width:340px}.hero__nav{display:flex;flex-direction:column;gap:.5rem;padding-top:.25rem}.hero__nav a{display:inline-flex;align-items:center;gap:.4rem;font-size:var(--step-0);color:var(--color-primary);transition:transform var(--dur-small) var(--ease-out)}.hero__nav a:hover{transform:translate(5px)}.hero__signature{margin-top:1.5rem;color:var(--color-fg)}.hero__bio{margin-top:1rem;max-width:42ch;font-size:var(--step--1);line-height:1.65;color:var(--color-muted-fg)}.hero__scroll{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:.75rem;padding-bottom:2.5rem}.hero__scroll-label{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.35em;color:var(--color-muted-fg)}.scroll-arrow{background:none;border:0;cursor:pointer;color:var(--color-primary);animation:scrollBounce 1.8s var(--ease-in-out) infinite}@keyframes scrollBounce{0%,to{opacity:.6;transform:translateY(0)}50%{opacity:1;transform:translateY(8px)}}.about__quotes{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:clamp(2rem,6vw,6rem);margin-block:clamp(3rem,8vw,7rem)}.about__quote{max-width:26ch;font-family:var(--font-hand);font-size:var(--step-1);line-height:1.4;color:var(--color-muted-fg)}.about__quote:nth-child(2){justify-self:center;text-align:center}.about__quote:nth-child(3){justify-self:end;text-align:right}.about__cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2.5rem;padding-block:2.5rem;border-block:1px solid var(--color-border)}.about__specs{list-style:none;padding:0;margin-top:.9rem;display:grid;gap:.4rem;font-size:var(--step--1)}.about__slogan{font-size:var(--step-3);font-weight:800;line-height:1;white-space:pre-line}.about__slogan--brick{color:var(--color-brick);text-align:center}.about__slogan--right{text-align:right;color:var(--color-fg)}.skill-block{display:grid;grid-template-columns:1fr;gap:2.5rem;align-items:center;padding-block:clamp(3rem,7vw,5.5rem);border-bottom:1px solid color-mix(in srgb,var(--color-border) 50%,transparent)}@media(min-width:768px){.skill-block{grid-template-columns:1fr 1fr;gap:clamp(3rem,6vw,6rem)}.skill-block:nth-child(2n) .skill-block__text{order:2}}.skill-block__title{font-size:var(--step-3);font-weight:800;margin-bottom:.75rem}.skill-block__text{font-size:var(--step-0);line-height:1.6;color:var(--color-muted-fg);max-width:52ch}.skill-block__tech{margin-top:1.5rem}.skill-block__tech-label{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.24em;text-transform:uppercase;color:var(--color-muted-fg);margin-bottom:.7rem}.skill-block__chips{display:flex;flex-wrap:wrap;gap:.5rem}.contact__head{text-align:center;margin-bottom:clamp(2.5rem,6vw,4.5rem)}.contact__subtitle{margin-top:.75rem;font-family:var(--font-hand);font-size:var(--step-2);color:var(--color-muted-fg)}.contact__form{max-width:60rem;margin-inline:auto}.contact__row{display:grid;grid-template-columns:1fr;gap:0 3rem}@media(min-width:640px){.contact__row--two{grid-template-columns:1fr 1fr}}.contact__tags{padding-block:2rem}.contact__tags-label{color:var(--color-primary);font-size:var(--step--1);margin-bottom:1rem}.contact__pills{display:flex;flex-wrap:wrap;gap:.6rem}.contact__submit{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-top:2.5rem}.contact__note{font-size:var(--step--1);color:var(--color-muted-fg)}.form-status{margin-top:1.25rem;font-size:var(--step--1);color:var(--color-primary);min-height:1.5em}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;flex-wrap:wrap;margin-bottom:clamp(1.5rem,4vw,3rem)}.section-intro{margin-top:1.25rem;font-size:var(--step-0);color:var(--color-muted-fg);max-width:52ch}.placeholder-badge{position:absolute;top:.5rem;left:.5rem;z-index:4;padding:.2rem .5rem;border-radius:3px;background:color-mix(in srgb,var(--color-brick) 85%,transparent);color:#fff;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;pointer-events:none}.section--tight{padding-block:clamp(2.5rem,5vw,4rem)}.hr-card{margin-top:clamp(2.5rem,6vw,4rem);padding-top:2rem;border-top:1px solid var(--color-border)}.hr-card__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem 2.5rem;margin:1.25rem 0 0}.hr-card__row dt{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--color-muted-fg)}.hr-card__row dd{margin:.35rem 0 0;font-size:var(--step-0)}.hr-card__cv{margin-top:1.5rem;color:var(--color-primary)}.now[hidden],#now[hidden],#testimonials[hidden]{display:none}.now__list{list-style:none;margin:1.5rem 0 0;padding:0;display:grid;gap:1.1rem;max-width:62ch}.now__item{display:grid;grid-template-columns:2.5rem 1fr;gap:.5rem;align-items:baseline;font-size:var(--step-1);line-height:1.5;padding-bottom:1.1rem;border-bottom:1px solid color-mix(in srgb,var(--color-border) 55%,transparent)}.now__item:last-child{border-bottom:0;padding-bottom:0}.now__num{font-family:var(--font-mono);font-size:.7rem;color:var(--color-primary)}.now__updated{margin-top:1.25rem}.tst__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem}.tst{position:relative;margin:0;padding:1.75rem;border:1px solid var(--color-border);border-radius:var(--radius)}.tst__text{margin:0;font-size:var(--step-0);line-height:1.6}.tst__text:before{content:"«";color:var(--color-primary)}.tst__text:after{content:"»";color:var(--color-primary)}.tst__who{display:flex;flex-direction:column;gap:.15rem;margin-top:1.25rem;padding-top:1rem;border-top:1px solid color-mix(in srgb,var(--color-border) 55%,transparent)}.tst__name{font-weight:700}.tst__role{font-size:var(--step--1);color:var(--color-muted-fg)}.placeholder-badge--inline{position:static;display:inline-block;margin-bottom:.75rem}.plankton{position:fixed;inset:0;z-index:-5;pointer-events:none;overflow:hidden}.plankton__mote{position:absolute;border-radius:50%;background:var(--color-primary);animation:planktonDrift var(--drift, 20s) linear infinite;animation-delay:var(--delay, 0s)}@keyframes planktonDrift{0%{transform:translateY(40vh)}to{transform:translate(var(--sway, 14px),-60vh)}}.drift-bubble{position:absolute;border-radius:50%;border:1px solid color-mix(in srgb,var(--color-primary) 55%,transparent);background:color-mix(in srgb,var(--color-primary) 10%,transparent);opacity:.6;pointer-events:none;will-change:transform,opacity}@media(max-width:640px){.drift-bubble{display:none}}@media(prefers-reduced-motion:reduce){.plankton,.drift-bubble{display:none}}.contact__verify{margin:0 0 1.25rem;min-height:0}.contact__verify:not([hidden]){min-height:65px}.lab-defs{position:absolute;width:0;height:0}.lab-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:1px;margin-top:clamp(2rem,5vw,3rem);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-border);overflow:hidden}.lab-card{display:flex;flex-direction:column;gap:1rem;padding:clamp(1.1rem,2.5vw,1.6rem);background:var(--color-bg)}.lab-card__head{display:flex;flex-direction:column;gap:.35rem}.lab-card__tech{color:var(--color-muted-fg)}.lab-card__title{margin:0;font-size:var(--step-0);font-weight:600}.lab-card__stage{display:grid;place-items:center;min-height:140px;padding:1rem;border:1px dashed var(--color-border);border-radius:var(--radius)}.lab-card__text{margin:0;color:var(--color-muted-fg);font-size:var(--step--1);line-height:1.5}.lab-card__stage:has(.lab-magnet){min-height:170px}.lab-magnet{will-change:transform}.lab-fill{position:relative;isolation:isolate;overflow:hidden}.lab-fill:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--color-btn);clip-path:circle(0% at var(--x, 50%) var(--y, 50%));transition:clip-path var(--dur-medium) var(--ease-out)}.lab-fill:hover,.lab-fill:focus-visible{border-color:var(--color-btn);color:var(--color-btn-fg)}.lab-fill:hover:before,.lab-fill:focus-visible:before{clip-path:circle(140% at var(--x, 50%) var(--y, 50%))}.lab-roll__box{display:block;height:1.4em;overflow:hidden}.lab-roll__line{display:block;height:1.4em;line-height:1.4em;transition:transform var(--dur-small) var(--ease-out)}.lab-roll:hover .lab-roll__line,.lab-roll:focus-visible .lab-roll__line{transform:translateY(-100%)}.lab-ripple{position:relative;overflow:hidden}.lab-ripple__wave{position:absolute;border-radius:50%;background:currentcolor;opacity:.35;pointer-events:none;animation:lab-ripple .62s var(--ease-out) forwards}@keyframes lab-ripple{0%{transform:scale(0);opacity:.35}to{transform:scale(1);opacity:0}}.lab-state{position:relative;min-width:11rem;justify-content:center}.lab-state[data-state=done]{border-color:var(--color-primary);color:var(--color-primary)}.lab-state__spin{width:1em;height:1em;border:2px solid currentcolor;border-top-color:transparent;border-radius:50%;opacity:0;animation:lab-spin .7s linear infinite}.lab-state[data-state=busy] .lab-state__spin{opacity:1}.lab-state[data-state=idle] .lab-state__spin,.lab-state[data-state=done] .lab-state__spin{animation-play-state:paused}@keyframes lab-spin{to{transform:rotate(1turn)}}.lab-state__check{position:absolute;right:1rem;width:1.1em;height:1.1em;fill:none;stroke:currentcolor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;opacity:0}.lab-state__check path{stroke-dasharray:26;stroke-dashoffset:26}.lab-state[data-state=done] .lab-state__check{opacity:1}.lab-state[data-state=done] .lab-state__check path{animation:lab-draw .42s var(--ease-out) forwards}@keyframes lab-draw{to{stroke-dashoffset:0}}.lab-goo{padding:0;border:0;background:none;cursor:pointer}.lab-goo__track{display:block;position:relative;width:5.5rem;height:2.75rem;border:2px solid var(--color-border);border-radius:999px;background:var(--color-muted);transition:border-color var(--dur-micro) var(--ease-out)}.lab-goo:hover .lab-goo__track,.lab-goo:focus-visible .lab-goo__track{border-color:var(--color-primary)}.lab-goo__blob{position:absolute;top:50%;left:.3rem;width:1.85rem;height:1.85rem;border-radius:50%;background:var(--color-btn);transform:translateY(-50%);filter:url(#lab-goo-filter);transition:left var(--dur-medium) var(--ease-jelly)}.lab-goo__blob--trail{width:1.5rem;height:1.5rem;transition-duration:.7s;transition-delay:60ms}.lab-goo[aria-checked=true] .lab-goo__blob{left:3.05rem;background:var(--color-primary)}.lab-goo[aria-checked=true] .lab-goo__blob--trail{left:3.2rem}.lab-card__stage:has(.lab-tilt){perspective:700px}.lab-tilt{display:flex;flex-direction:column;gap:.4rem;position:relative;width:min(100%,15rem);padding:1.4rem 1.2rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-muted);transform:rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));transform-style:preserve-3d;transition:transform var(--dur-small) var(--ease-out);overflow:hidden}.lab-tilt:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--gx, 50%) var(--gy, 50%),rgb(255 255 255 / .35),transparent 55%);opacity:0;transition:opacity var(--dur-small) var(--ease-out);pointer-events:none}.lab-tilt:hover:after{opacity:1}.lab-tilt__title{font-family:var(--font-display);font-size:var(--step-1);line-height:1.1}.lab-cipher__text{display:inline-block;min-width:9ch;font-family:var(--font-mono);letter-spacing:.06em;text-align:center}@media(prefers-reduced-motion:reduce){.lab-fill:before,.lab-roll__line,.lab-goo__blob,.lab-tilt,.lab-tilt:after{transition-duration:1ms}.lab-state__spin{animation:none}.lab-state__check path{stroke-dashoffset:0;animation:none}.lab-scroll__item{animation:none;opacity:1}}.lab__hint{max-width:46ch;margin:1.25rem auto 0;text-align:center;color:var(--color-muted-fg)}.lab__more{margin-top:clamp(1.5rem,4vw,2.5rem);text-align:center}.lab-section{margin-top:clamp(3rem,8vw,5rem);font-family:var(--font-display);font-size:var(--step-2);font-weight:800}.lab-section:first-of-type{margin-top:clamp(2rem,5vw,3rem)}.lab-section+.lab-grid{margin-top:1.25rem}.lab-note{margin:.6rem 0 0;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.04em;color:var(--color-muted-fg);text-align:center}.lab-flip{display:flex;flex-direction:column;align-items:center;gap:1rem}.lab-flip__grid{display:grid;grid-template-columns:repeat(3,3rem);gap:.5rem;margin:0;padding:0;list-style:none}.lab-flip__item{display:grid;place-items:center;height:3rem;border-radius:var(--radius);background:var(--color-muted);color:var(--color-fg);font-family:var(--font-mono);font-size:var(--step--1)}.lab-vt{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%}.lab-vt__stage{display:flex;justify-content:flex-start;width:min(100%,15rem);padding:.5rem;border:1px dashed var(--color-border);border-radius:var(--radius)}.lab-vt__stage.is-alt{justify-content:flex-end}.lab-vt__box{width:2.5rem;height:2.5rem;border-radius:var(--radius);background:var(--color-btn);view-transition-name:lab-vt-box}.lab-vt__stage.is-alt .lab-vt__box{width:4.5rem;border-radius:999px;background:var(--color-primary)}::view-transition-group(lab-vt-box){animation-duration:.45s;animation-timing-function:cubic-bezier(.16,1,.3,1)}.lab-scroll{width:100%}.lab-scroll__strip{display:flex;gap:.6rem;padding:.5rem 45%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}.lab-scroll__item{flex:0 0 2.5rem;height:2.5rem;border-radius:var(--radius);background:var(--color-btn);scroll-snap-align:center;animation:lab-scroll-in linear both;animation-timeline:view(inline);animation-range:entry 10% cover 40%}@keyframes lab-scroll-in{0%{opacity:.12;transform:scale(.5)}to{opacity:1;transform:none}}.lab-discrete{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%}.lab-discrete__box{margin:0;padding:.7rem 1rem;border:1px solid var(--color-primary);border-radius:var(--radius);background:var(--color-muted);font-size:var(--step--1);text-align:center;transition:opacity var(--dur-small) var(--ease-out),transform var(--dur-small) var(--ease-out),display var(--dur-small) allow-discrete}@starting-style{.lab-discrete__box{opacity:0;transform:translateY(-8px)}}.lab-discrete__box[hidden]{display:none;opacity:0;transform:translateY(-8px)}.lab-anchor{display:flex;flex-direction:column;align-items:center;gap:.75rem}.lab-anchor__btn{anchor-name:--lab-anchor-btn}.lab-anchor__tip{position:absolute;position-anchor:--lab-anchor-btn;bottom:anchor(top);justify-self:anchor-center;margin-bottom:.5rem;padding:.35rem .7rem;border-radius:var(--radius);background:var(--color-btn);color:var(--color-btn-fg);font-family:var(--font-mono);font-size:.68rem;white-space:nowrap;opacity:0;transition:opacity var(--dur-micro) var(--ease-out);pointer-events:none}.lab-anchor__btn:hover~.lab-anchor__tip,.lab-anchor__btn:focus-visible~.lab-anchor__tip{opacity:1}.lab-size{display:flex;flex-direction:column;align-items:center;gap:.6rem;width:100%}.lab-size__panel{interpolate-size:allow-keywords;height:0;overflow:hidden;width:min(100%,16rem);transition:height var(--dur-small) var(--ease-out)}.lab-size__panel.is-open{height:auto}.lab-size__panel p{margin:0;padding:.7rem .9rem;border:1px solid var(--color-border);border-radius:var(--radius);font-size:var(--step--1)}.lab-spring{display:grid;place-items:center;width:min(100%,16rem);height:3.5rem;border:1px dashed var(--color-border);border-radius:999px}.lab-spring__puck{width:2.5rem;height:2.5rem;border-radius:50%;background:var(--color-btn);cursor:grab;touch-action:none;will-change:transform}.lab-spring__puck:active{cursor:grabbing}.lab-morph{display:flex;flex-direction:column;align-items:center;gap:.9rem}.lab-morph svg{width:3.5rem;height:3.5rem}.lab-morph path{fill:var(--color-btn);transition:d var(--dur-medium) var(--ease-jelly)}@media(prefers-reduced-motion:reduce){.lab-discrete__box,.lab-size__panel,.lab-morph path{transition-duration:1ms}}.palette,.keys,.chat,.game{position:fixed;inset:0;z-index:250;display:grid;place-items:center;padding:clamp(1rem,4vw,3rem)}.palette[hidden],.keys[hidden],.chat[hidden],.game[hidden]{display:none}.palette__backdrop,.keys__backdrop,.chat__backdrop,.game__backdrop{position:absolute;inset:0;background:color-mix(in srgb,var(--color-bg) 78%,transparent);backdrop-filter:blur(8px);animation:overlayIn var(--dur-small) var(--ease-out)}.palette__box,.keys__box,.chat__box,.game__box{position:relative;width:100%;border:1px solid var(--color-border);border-radius:calc(var(--radius) * 2);background:var(--color-bg);box-shadow:0 30px 80px -40px #000000b3;animation:overlayBox var(--dur-small) var(--ease-out)}@keyframes overlayIn{0%{opacity:0}}@keyframes overlayBox{0%{opacity:0;transform:translateY(16px) scale(.98)}}.palette__box{max-width:34rem;align-self:start;margin-top:12vh;overflow:hidden}.palette__input{width:100%;padding:1.1rem 1.4rem;border:0;border-bottom:1px solid var(--color-border);background:transparent;font-size:var(--step-1);color:var(--color-fg)}.palette__input:focus{outline:none}.palette__list{list-style:none;margin:0;padding:.5rem;max-height:min(50vh,24rem);overflow-y:auto}.palette__group{padding:.75rem .9rem .35rem;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.24em;text-transform:uppercase;color:var(--color-muted-fg)}.palette__item{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.6rem .9rem;border-radius:var(--radius);cursor:pointer;font-size:var(--step-0)}.palette__item[aria-selected=true]{background:var(--color-accent);color:var(--color-accent-fg)}.palette__hintText{font-family:var(--font-mono);font-size:.66rem;color:var(--color-muted-fg)}.palette__empty{padding:1.5rem .9rem;text-align:center;color:var(--color-muted-fg)}.palette__hint{margin:0;padding:.7rem 1.4rem;border-top:1px solid var(--color-border);font-family:var(--font-mono);font-size:.64rem;color:var(--color-muted-fg)}.keys__box{max-width:28rem;padding:1.75rem}.keys__list{margin:1.25rem 0 0;display:grid;gap:.9rem}.keys__row{display:grid;grid-template-columns:9rem 1fr;gap:1rem;align-items:baseline}.keys__row dt{margin:0}.keys__row dd{margin:0;font-size:var(--step--1);color:var(--color-muted-fg)}kbd{display:inline-block;padding:.2rem .5rem;border:1px solid var(--color-border);border-bottom-width:2px;border-radius:4px;background:color-mix(in srgb,var(--color-muted) 40%,transparent);font-family:var(--font-mono);font-size:.7rem}.keys__close{margin-top:1.75rem}.curtain{position:fixed;inset:-12% 0;z-index:240;pointer-events:none;visibility:hidden;transform:translateY(100%)}.curtain.is-active{visibility:visible}.curtain__svg{width:100%;height:100%}.curtain__path{fill:var(--color-accent)}.chat__box{display:flex;flex-direction:column;max-width:32rem;max-height:min(80vh,40rem);padding:1.5rem}.chat__head,.game__head{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.chat__head .mono-label,.game__head .mono-label{flex:1}.chat__x,.game__x{border:0;background:none;color:var(--color-muted-fg);font-size:1rem;cursor:pointer;padding:.25rem}.chat__x:hover,.game__x:hover{color:var(--color-primary)}.chat__log{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.6rem;padding:.25rem 0;min-height:8rem}.chat__msg{max-width:85%;padding:.7rem 1rem;border-radius:calc(var(--radius) * 2);font-size:var(--step--1);line-height:1.55;white-space:pre-line}.chat__msg--bot{align-self:flex-start;border:1px solid var(--color-border)}.chat__msg--me{align-self:flex-end;background:var(--color-accent);color:var(--color-accent-fg)}.chat__suggest-label{margin:1rem 0 .6rem}.chat__suggest{display:flex;flex-wrap:wrap;gap:.4rem}.chat__suggest .pill{font-size:.72rem;padding:.35rem .8rem}.chat__form{display:flex;gap:.6rem;margin-top:1rem}.chat__input{flex:1;padding:.7rem 1rem;border:1px solid var(--color-border);border-radius:999px;background:transparent;color:var(--color-fg);font-size:var(--step--1)}.chat__input:focus{outline:none;border-color:var(--color-primary)}.game__box{max-width:44rem;padding:1.5rem}.game__canvas{display:block;width:100%;height:min(50vh,22rem);border:1px solid var(--color-border);border-radius:var(--radius);background:color-mix(in srgb,var(--color-muted) 30%,var(--color-bg));cursor:crosshair;touch-action:none}.game__hint{margin-top:.9rem;text-align:center}@media(prefers-reduced-motion:reduce){.palette__backdrop,.keys__backdrop,.chat__backdrop,.game__backdrop,.palette__box,.keys__box,.chat__box,.game__box{animation:none}}.odo{display:inline-flex;align-items:flex-start;line-height:1}.odo__slot{display:inline-block;height:1em;overflow:hidden;font-variant-numeric:lining-nums tabular-nums}.odo__reel{display:block}.odo__digit{display:block;height:1em;line-height:1;text-align:center}.odo__sep{display:inline-block}.trail{position:fixed;inset:0;z-index:190;pointer-events:none}.trail__dot{position:fixed;top:0;left:0;border-radius:50%;background:var(--color-primary);opacity:calc(.5 - var(--i) * .06)}.hero__role{margin-top:1.25rem;min-height:1.2em;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--color-primary)}.fish-layer__bubbles,.swim__bubbles{position:absolute;inset:0;pointer-events:none;filter:url(#gooey)}@media(prefers-reduced-motion:reduce){.trail{display:none}}.wave{position:fixed;inset:-20% 0 -10%;z-index:400;pointer-events:none;visibility:hidden;transform:translateY(110%)}.wave.is-active{visibility:visible}.wave.is-in{animation:waveIn .56s cubic-bezier(.5,0,.2,1) forwards}.wave.is-out{animation:waveOut .62s cubic-bezier(.6,0,.25,1) forwards}.wave.is-covering{transform:translateY(0)}@keyframes waveIn{0%{transform:translateY(110%)}to{transform:translateY(0)}}@keyframes waveOut{0%{transform:translateY(0)}to{transform:translateY(-110%)}}.wave__svg{position:absolute;inset:0;width:100%;height:100%}.wave__back{fill:var(--color-primary);opacity:.55;transition:d .32s cubic-bezier(.4,0,.2,1)}.wave__front{fill:var(--color-accent);transition:d .28s cubic-bezier(.4,0,.2,1)}.wave__foam{position:absolute;left:0;right:0;top:12%;height:0}.wave__drop{position:absolute;top:0;border-radius:50%;background:var(--color-accent);opacity:0;animation:waveDrop .75s cubic-bezier(.2,.7,.3,1) forwards;animation-delay:var(--delay, 0s)}.wave.is-in .wave__drop{animation-name:waveDrop}@keyframes waveDrop{0%{opacity:0;transform:translate(0) scale(.4)}25%{opacity:.9}to{opacity:0;transform:translate(var(--dx, 0),var(--dy, -80px)) scale(1)}}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}html.vt-theme::view-transition-old(root){z-index:1}html.vt-theme::view-transition-new(root){z-index:2;animation:themeReveal .55s cubic-bezier(.3,0,.2,1) forwards}@keyframes themeReveal{0%{clip-path:circle(0 at var(--vt-x, 50%) var(--vt-y, 50%))}to{clip-path:circle(var(--vt-r, 150vmax) at var(--vt-x, 50%) var(--vt-y, 50%))}}@media(prefers-reduced-motion:reduce){.wave{display:none}html.vt-theme::view-transition-new(root){animation:none}}