*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Hanken Grotesk,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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{text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:JetBrains Mono,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}html{font-family:var(--sans);scroll-behavior:smooth;scroll-padding-top:80px}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;transition:background .4s ease,color .4s ease}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.block{display:block}.flex{display:flex}.min-h-screen{min-height:100vh}.flex-grow{flex-grow:1}.flex-col{flex-direction:column}@import url("https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..900;1,9..144,300..700&family=Hanken+Grotesk:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap");:root,:root[data-theme=dark]{--ink:#ece7d9;--bg:#0d0d0b;--bg-2:#15140f;--bg-3:#1b1914;--accent:#6b7bff;--accent-2:#e2674a;--muted:#8c8672;--line:rgba(236,231,217,0.14);--cta-text:#0d0d0b;--img:grayscale(1) contrast(1.02) brightness(0.92);--noise-blend:screen;--noise-opacity:0.05}:root[data-theme=light]{--ink:#16140d;--bg:#f2efe6;--bg-2:#eae6d9;--bg-3:#e3dece;--accent:#1322c9;--accent-2:#b4341f;--muted:#6c6857;--line:rgba(22,20,13,0.16);--cta-text:#f2efe6;--img:grayscale(1) contrast(1.05);--noise-blend:multiply;--noise-opacity:0.4}:root{--serif:"Fraunces",Georgia,serif;--sans:"Hanken Grotesk",system-ui,sans-serif;--mono:"JetBrains Mono",monospace}body:after{z-index:9999;opacity:var(--noise-opacity);mix-blend-mode:var(--noise-blend);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}body:after,body:before{content:"";position:fixed;inset:0;pointer-events:none}body:before{z-index:0;background:radial-gradient(120% 80% at 80% -10%,rgba(107,123,255,.08),transparent 60%),radial-gradient(100% 70% at 0 110%,rgba(226,103,74,.06),transparent 55%)}:root[data-theme=light] body:before{opacity:.5}.x-wrap{max-width:1280px;margin:0 auto;padding:0 clamp(20px,5vw,72px);position:relative;z-index:1}.mono{font-family:var(--mono);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase}.serif{font-family:var(--serif)}a{color:inherit;text-decoration:none}.btn{display:inline-flex;align-items:center;gap:14px;background:var(--ink);color:var(--cta-text);padding:15px 30px;border-radius:100px;font-family:var(--mono);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;transition:transform .3s,background .3s,color .3s;cursor:pointer;border:0}.btn:hover{background:var(--accent);color:#fff;transform:translateY(-2px)}.btn svg{transition:transform .3s}.btn:hover svg{transform:translate(4px,-4px)}.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.btn-ghost:hover{background:transparent;color:var(--accent);border-color:var(--accent);transform:translateY(-2px)}.nav{position:fixed;top:0;left:0;right:0;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:color-mix(in srgb,var(--bg) 72%,transparent);border-bottom:1px solid var(--line)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:64px}.nav-brand{font-family:var(--mono);font-weight:600;letter-spacing:.1em;font-size:.82rem}.nav-links{display:flex;gap:30px;align-items:center}.nav-links a{font-family:var(--mono);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);transition:color .25s}.nav-links a.active,.nav-links a:hover{color:var(--accent)}.nav-right{display:flex;align-items:center;gap:22px}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer;transition:.25s}.theme-toggle:hover{color:var(--accent);border-color:var(--accent);transform:rotate(15deg)}.lang-toggle{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px solid var(--line);color:var(--muted);border-radius:100px;padding:7px 13px;cursor:pointer;font-family:var(--mono);font-size:.64rem;letter-spacing:.12em;transition:.25s}.lang-toggle:hover{border-color:var(--accent)}.lang-toggle .on{color:var(--accent)}.lang-toggle .sep{color:var(--line)}.nav-burger{background:transparent;border:0;color:var(--ink);cursor:pointer}.mobile-menu,.nav-burger{display:none}@media (max-width:760px){.nav-links{display:none}.nav-burger{display:inline-flex}.mobile-menu{display:flex;flex-direction:column;gap:6px;padding:14px 0 24px;border-top:1px solid var(--line)}.mobile-menu a{font-family:var(--serif);font-size:1.6rem;padding:8px 0;color:var(--ink)}.mobile-menu a.active{color:var(--accent)}}.hero{padding:140px 0 0}.hero-meta{display:flex;justify-content:space-between;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:48px;flex-wrap:wrap;gap:8px}.hero h1{font-family:var(--serif);font-weight:340;font-size:clamp(2.3rem,7.5vw,5.4rem);line-height:1;letter-spacing:-.03em}@media (min-width:560px){.hero h1{white-space:nowrap}}.hero h1 em{font-style:italic;color:var(--accent)}.hero-sub{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;margin-top:54px;align-items:end}.hero-lede{font-family:var(--serif);font-size:clamp(1.3rem,2.4vw,1.95rem);font-weight:300;line-height:1.35;max-width:40ch;color:color-mix(in srgb,var(--ink) 88%,transparent)}.roles{display:flex;flex-direction:column;gap:10px}.roles span{font-family:var(--mono);font-size:.82rem;letter-spacing:.05em;display:flex;align-items:center;gap:12px;color:var(--muted)}.roles span b{color:var(--ink);font-weight:600}.roles span:before{content:"";width:26px;height:1px;background:var(--accent)}.roles .hero-cta{margin-top:24px;display:flex;gap:12px;flex-wrap:wrap}@media (max-width:820px){.hero-sub{grid-template-columns:1fr}}.marq{border-block:1px solid var(--line);overflow:hidden;white-space:nowrap;padding:16px 0;margin-top:60px}.marq-track{display:inline-block;animation:marq 32s linear infinite;font-family:var(--serif);font-size:1.9rem;font-style:italic;font-weight:300}.marq-track span{margin:0 26px;color:var(--muted)}.marq-track span b{color:var(--accent-2);font-style:normal;font-weight:500}@keyframes marq{to{transform:translateX(-50%)}}.sec{padding:96px 0;border-top:1px solid var(--line)}.sec-head{display:flex;align-items:baseline;gap:18px;margin-bottom:54px;flex-wrap:wrap}.sec-head .no{font-family:var(--mono);font-size:.78rem;color:var(--accent)}.sec-head h2{font-family:var(--serif);font-weight:360;font-size:clamp(2rem,5vw,3.6rem);letter-spacing:-.01em}.sec-head .link{margin-left:auto;font-family:var(--mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);display:inline-flex;align-items:center;gap:8px;transition:.25s}.sec-head .link:hover{color:var(--accent);gap:14px}.sec-sub{color:var(--muted);font-style:italic;font-family:var(--serif);font-size:1.1rem}.about{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:start}.about-pf{position:relative}.about-pf img{width:100%;border-radius:4px;filter:var(--img);display:block}.about-pf .tag{position:absolute;bottom:14px;left:14px;background:var(--bg-2);padding:7px 13px;border-radius:3px;border:1px solid var(--line)}.about p{font-family:var(--serif);font-weight:300;font-size:clamp(1.15rem,2vw,1.5rem);line-height:1.5;margin-bottom:26px}.about p.small{font-family:var(--sans);font-size:1.02rem;color:var(--muted);line-height:1.7}@media (max-width:820px){.about{grid-template-columns:1fr}}.exp .row{display:grid;grid-template-columns:90px 1fr auto;gap:24px;align-items:center;padding:24px 0;border-top:1px solid var(--line);transition:padding-left .35s,background .35s}.exp .row:last-child{border-bottom:1px solid var(--line)}.exp .row:hover{padding-left:18px;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 9%,transparent),transparent)}.exp .yr{font-family:var(--mono);font-size:.78rem;color:var(--accent)}.exp .ti{font-family:var(--serif);font-size:clamp(1.05rem,2vw,1.55rem);font-weight:380;line-height:1.15}.exp .co{font-family:var(--sans);font-size:.95rem;color:var(--muted);margin-top:4px}.exp .bd{font-family:var(--mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:#fff;background:var(--accent-2);padding:5px 10px;border-radius:100px}@media (max-width:620px){.exp .row{grid-template-columns:64px 1fr;gap:14px}.exp .bd{display:none}}.exp .row{align-items:start}.exp .yr{padding-top:4px}.exp .hl{color:var(--muted);font-size:.92rem;line-height:1.5;margin-top:7px;max-width:64ch}.exp .ti .intern{margin-left:10px;font-family:var(--mono);font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);padding:3px 8px;border-radius:100px;vertical-align:middle}.about-meta{margin-top:30px;padding-top:24px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:14px}.about-meta .row{display:grid;grid-template-columns:130px 1fr;gap:16px;align-items:baseline}.about-meta .k{color:var(--accent)}.about-meta .v{color:var(--muted);font-size:.98rem}@media (max-width:560px){.about-meta .row{grid-template-columns:1fr;gap:4px}}.tech-chips .chip .lvl{font-family:var(--mono);font-size:.56rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);border-left:1px solid var(--line);padding-left:9px}.proj{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}.card{background:var(--bg-2);padding:38px 34px;min-height:300px;display:flex;flex-direction:column;transition:background .4s}.card:hover{background:var(--bg-3)}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:auto}.card-top .n{font-family:var(--mono);font-size:.72rem;color:var(--muted)}.card h3{font-family:var(--serif);font-size:1.85rem;font-weight:380;margin:30px 0 14px;line-height:1.05}.card p{font-size:.98rem;color:var(--muted);line-height:1.6;margin-bottom:22px}.card .stack{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:22px}.card .stack span{font-family:var(--mono);font-size:.62rem;letter-spacing:.06em;border:1px solid var(--line);padding:5px 9px;border-radius:3px;color:var(--ink)}.card .links{display:flex;gap:18px;flex-wrap:wrap}.card .links a{font-family:var(--mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);border-bottom:1px solid var(--accent);padding-bottom:3px;transition:.25s}.card .links a:hover{color:var(--accent)}.card .live{display:inline-flex;align-items:center;gap:7px;color:var(--accent-2);font-family:var(--mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase}.card .live i{width:7px;height:7px;border-radius:50%;background:var(--accent-2);animation:pulse 1.6s infinite}.card .embed{width:100%;aspect-ratio:16/9;border-radius:6px;border:1px solid var(--line);margin-bottom:22px}@keyframes pulse{50%{opacity:.3}}@media (max-width:720px){.proj{grid-template-columns:1fr}}.tech-cat{margin-bottom:44px}.tech-cat h3{font-family:var(--serif);font-weight:360;font-size:1.7rem;margin-bottom:18px;display:flex;align-items:baseline;gap:12px}.tech-cat h3 .c{font-family:var(--mono);font-size:.7rem;color:var(--accent)}.tech-chips{display:flex;flex-wrap:wrap;gap:10px}.tech-chips .chip{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:100px;padding:9px 16px 9px 12px;transition:.3s;background:var(--bg-2)}.tech-chips .chip:hover{border-color:var(--accent);transform:translateY(-2px)}.tech-chips .chip span{font-size:.92rem}.tech-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}.tech-grid .t{background:var(--bg-2);display:flex;flex-direction:column;align-items:center;gap:12px;padding:28px 16px;transition:background .35s}.tech-grid .t:hover{background:var(--bg-3)}.tech-grid .t span{font-family:var(--mono);font-size:.72rem;letter-spacing:.04em;color:var(--ink)}.contact{text-align:center;padding:120px 0;border-top:1px solid var(--line)}.contact .mono{color:var(--accent)}.contact h2{font-family:var(--serif);font-weight:330;font-size:clamp(2.6rem,9vw,7rem);line-height:.95;margin:24px 0 10px;letter-spacing:-.02em}.contact h2 a{border-bottom:2px solid var(--accent);transition:color .3s}.contact h2 a:hover{color:var(--accent)}.contact .soc{display:flex;gap:30px;justify-content:center;margin-top:46px}.contact .soc a{font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);transition:color .3s}.contact .soc a:hover{color:var(--ink)}.foot{border-top:1px solid var(--line);padding:30px 0}.foot-inner{display:flex;justify-content:space-between;color:var(--muted);font-family:var(--mono);font-size:.66rem;letter-spacing:.1em;flex-wrap:wrap;gap:10px}.page-head{padding:130px 0 20px}.page-head .back{font-family:var(--mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);display:inline-flex;gap:8px;transition:.25s}.page-head .back:hover{color:var(--accent);gap:14px}.page-head h1{font-family:var(--serif);font-weight:340;font-size:clamp(2.6rem,8vw,6rem);line-height:.95;letter-spacing:-.02em;margin:28px 0 12px}.page-head .lede{font-family:var(--serif);font-style:italic;font-weight:300;color:var(--muted);font-size:1.3rem}.nf{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:120px 0}.nf .big{font-family:var(--serif);font-weight:300;font-size:clamp(6rem,22vw,16rem);line-height:.9;color:var(--accent)}.nf p{color:var(--muted);margin:6px 0}.nf .btn{margin-top:30px}.posts{display:flex;flex-direction:column}.post-row{display:block;padding:30px 0;border-top:1px solid var(--line);transition:padding-left .3s}.post-row:last-child,.posts .reveal:last-child .post-row{border-bottom:1px solid var(--line)}.post-row:hover{padding-left:16px}.post-row-meta{display:flex;gap:16px;align-items:center;color:var(--muted);margin-bottom:14px;flex-wrap:wrap}.post-row-meta .cat{color:var(--accent-2);border:1px solid var(--line);padding:3px 9px;border-radius:100px}.post-row h3{font-family:var(--serif);font-weight:360;font-size:clamp(1.4rem,3vw,2rem);line-height:1.1;margin-bottom:10px;transition:color .3s}.post-row:hover h3{color:var(--accent)}.post-row p{color:var(--muted);line-height:1.6;max-width:70ch;margin-bottom:14px}.post-row-read{color:var(--accent)}.post{padding:120px 0 40px}.post .post-wrap{max-width:760px}.post .back{font-family:var(--mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);display:inline-flex;gap:8px;transition:.25s}.post .back:hover{color:var(--accent);gap:14px}.post-cat{color:var(--accent-2);margin:26px 0 14px}.post h1{font-family:var(--serif);font-weight:340;font-size:clamp(2.2rem,6vw,4rem);line-height:1.05;letter-spacing:-.02em}.post-meta{display:flex;gap:12px;align-items:center;color:var(--muted);margin-top:18px;padding-bottom:30px;border-bottom:1px solid var(--line)}.article{margin-top:38px;font-size:1.05rem;line-height:1.75}.article>p{margin:0 0 22px;color:color-mix(in srgb,var(--ink) 90%,transparent)}.article h2{font-weight:360;font-size:clamp(1.6rem,3.5vw,2.2rem);margin:46px 0 18px;letter-spacing:-.01em}.article h2,.article h3{font-family:var(--serif)}.article h3{font-weight:400;font-size:1.4rem;margin:34px 0 14px}.article ul{margin:0 0 22px;padding-left:22px}.article li{margin-bottom:10px;color:color-mix(in srgb,var(--ink) 88%,transparent)}.article a{color:var(--accent);border-bottom:1px solid var(--accent)}.article strong{font-weight:600}.article code{font-family:var(--mono);font-size:.85em;background:var(--bg-2);padding:2px 6px;border-radius:4px;border:1px solid var(--line)}.article-note{font-style:italic;color:var(--muted);font-size:.95rem}.tldr{background:color-mix(in srgb,var(--accent-2) 8%,transparent);border:1px solid color-mix(in srgb,var(--accent-2) 40%,var(--line));border-radius:10px;padding:22px 24px;margin:10px 0 34px}.tldr h2{margin:0 0 10px;font-family:var(--mono);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-2)}.tldr p{margin:0 0 8px;font-size:1rem}.codeblock{position:relative;margin:0 0 24px}.codeblock-lang{position:absolute;top:10px;right:14px;color:var(--muted)}.codeblock pre{background:var(--bg-2);border:1px solid var(--line);border-radius:10px;padding:22px;overflow-x:auto}.codeblock code{font-family:var(--mono);font-size:.82rem;line-height:1.6;color:var(--ink);white-space:pre;background:none;border:0;padding:0}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin:8px 0 28px}.gallery-item{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--bg-2);transition:.3s}.gallery-item:hover{border-color:var(--accent);transform:translateY(-2px)}.gallery-item img{width:100%;height:auto;display:block}.gallery-cap{padding:10px 12px;font-size:.8rem;color:var(--muted);line-height:1.4}html.js .reveal{opacity:0;transform:translateY(28px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}html.js .reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html.js .reveal{opacity:1;transform:none;transition:none}.marq-track{animation:none}}