:root{--bg: #f7c13f;--bg-2: #dd982d;--bg-3: #c86f1f;--panel: rgba(255, 246, 222, .92);--panel-strong: rgba(255, 239, 193, .96);--ink: #17100f;--muted: #5f4b30;--line: rgba(24, 19, 15, .14);--shadow: 0 30px 90px rgba(18, 12, 10, .34);--font-display: "Oxanium", "Space Grotesk", "Avenir Next", "Inter", ui-sans-serif, system-ui, sans-serif;--font-mono: "Share Tech Mono", "IBM Plex Mono", "SFMono-Regular", Consolas, ui-monospace, monospace}*{box-sizing:border-box}html{min-height:100%}body{margin:0;min-height:100vh;font-family:var(--font-display);font-weight:500;line-height:1.5;color:var(--ink);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 18% 18%,rgba(255,244,188,.72) 0,transparent 22%),radial-gradient(circle at 82% 14%,rgba(255,255,255,.24) 0,transparent 18%),radial-gradient(circle at 80% 84%,rgba(255,180,61,.36) 0,transparent 28%),linear-gradient(135deg,var(--bg) 0%,var(--bg-2) 52%,var(--bg-3) 100%)}.starfield{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.universe-dot{position:absolute;display:block;image-rendering:pixelated;background:#fffffff5;box-shadow:0 0 0 1px hsla(var(--dot-tint),96%,82%,.42),0 0 6px hsla(var(--dot-tint),96%,72%,.8),0 0 16px #ffffff70;opacity:calc(var(--dot-brightness) * .45);animation-name:universe-dot-blink;animation-timing-function:ease-in-out;animation-iteration-count:infinite;will-change:opacity,transform}.universe-dot:nth-child(3n){background:hsl(var(--dot-tint),96%,88%)}.universe-dot:nth-child(5n){box-shadow:0 0 0 1px #ffffff61,0 0 8px hsla(var(--dot-tint),96%,70%,.9),0 0 22px hsla(var(--dot-tint),96%,76%,.48)}.star{position:absolute;display:block;image-rendering:pixelated;animation-name:shooting-star;animation-timing-function:cubic-bezier(.16,.84,.44,1);animation-iteration-count:infinite;transform:rotate(var(--star-angle)) translateZ(0);transform-origin:right center;border-radius:999px;opacity:0;background:linear-gradient(90deg,#fff0,hsla(var(--star-tint),94%,74%,.2) 14%,hsla(var(--star-tint),94%,74%,.52) 42%,#fff6bec7 68%,#fffffffa 88%,#fff);box-shadow:0 0 8px #ffffffdb,0 0 18px hsla(var(--star-tint),96%,74%,.46);will-change:opacity,transform}.star:before,.star:after{content:"";position:absolute;display:block;pointer-events:none}.star:before{right:calc(var(--star-pixel) * -.45);top:50%;width:calc(var(--star-pixel) * 1.7);height:calc(var(--star-pixel) * 1.7);background:#fffffffa;box-shadow:calc(var(--star-pixel) * -1.1) 0 0 hsla(var(--star-tint),96%,78%,.58),0 calc(var(--star-pixel) * -1.1) 0 hsla(var(--star-tint),96%,82%,.38),0 calc(var(--star-pixel) * 1.1) 0 hsla(var(--star-tint),96%,76%,.3);transform:translateY(-50%)}.star:after{right:8%;top:calc(50% - var(--star-pixel) * 1.8);width:var(--star-pixel);height:var(--star-pixel);background:hsla(var(--star-tint),96%,86%,.46);box-shadow:calc(var(--star-pixel) * -5) calc(var(--star-pixel) * 2.8) 0 hsla(var(--star-tint),92%,78%,.26),calc(var(--star-pixel) * -9) calc(var(--star-pixel) * .9) 0 #ffffff3d}@keyframes shooting-star{0%{opacity:0;transform:rotate(var(--star-angle)) translateZ(0) scaleX(.35)}7%{opacity:var(--star-brightness);transform:rotate(var(--star-angle)) translate3d(18px,0,0) scaleX(1)}24%{opacity:var(--star-brightness)}38%{opacity:0;transform:rotate(var(--star-angle)) translate3d(var(--star-travel),0,0) scaleX(.86)}39%,to{opacity:0;transform:rotate(var(--star-angle)) translate3d(var(--star-travel),0,0) scaleX(.86)}}@keyframes universe-dot-blink{0%,to{opacity:calc(var(--dot-brightness) * .34);transform:scale(.9)}45%{opacity:var(--dot-brightness);transform:scale(1.18)}62%{opacity:calc(var(--dot-brightness) * .72);transform:scale(1)}}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 75%);pointer-events:none}@media(prefers-reduced-motion:no-preference){html.typewriter-boot [data-typewriter-root] :is(h1,h2,h3,p){visibility:hidden}}.typewriter-line.is-typewriting:after,.typewriter-line--persistent-caret:after{content:"";display:inline-block;width:.08em;height:.9em;margin-left:.08em;background:var(--bg-2);vertical-align:-.12em;animation:typewriter-caret .72s steps(1,end) infinite}.typewriter-line--persistent-caret:after{width:.5em;height:.1em;margin-left:.12em;vertical-align:0em}@keyframes typewriter-caret{50%{opacity:0}}body.blog-surface{--bg: #f4c767;--bg-2: #dd982d;--bg-3: #c86f1f;--panel: rgba(255, 250, 239, .96);--panel-strong: rgba(255, 243, 211, .98);--ink: #18110f;--muted: #66543d;--accent: var(--bg-2);--accent-2: var(--bg-3);--line: rgba(27, 19, 14, .13);--shadow: 0 28px 72px rgba(41, 30, 18, .26);background:linear-gradient(145deg,rgba(255,251,235,.16),transparent 36%),linear-gradient(135deg,var(--bg) 0%,var(--bg-2) 48%,var(--bg-3) 126%)}.shell{width:min(1120px,calc(100% - 32px));margin:0 auto;min-height:100vh;display:grid;align-items:center;padding:48px 0;position:relative;z-index:1}.shell--error{width:min(1080px,calc(100% - 32px))}.error-layout{width:min(100%,940px);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,300px);gap:28px;align-items:center;justify-items:start;perspective:1400px;overflow:visible}.hero-card{position:relative;width:min(100%,580px);justify-self:center;display:grid;grid-template-columns:1fr;background:linear-gradient(145deg,#fffcf4ed,#f9ecc3db);border:1px solid rgba(255,255,255,.42);border-radius:36px;box-shadow:var(--shadow);backdrop-filter:blur(10px);overflow:hidden;transform-style:preserve-3d;perspective:1200px;will-change:transform;transform:perspective(1200px) rotateX(calc(var(--tilt-x, 0) * 1deg)) rotateY(calc(var(--tilt-y, 0) * 1deg)) translateY(calc(var(--lift, 0) * 1px));transition:transform .16s ease,box-shadow .2s ease,filter .2s ease}.hero-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mx, 50%) var(--my, 50%),rgba(255,255,255,.58) 0,rgba(255,255,255,.22) 12%,transparent 34%),linear-gradient(135deg,rgba(255,255,255,.18),transparent 30%,rgba(255,255,255,.06) 62%,transparent 82%);opacity:.9;pointer-events:none;mix-blend-mode:screen}.hero-card:after{content:"";position:absolute;inset:auto 20px 20px auto;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.55) 0,rgba(255,255,255,.12) 34%,transparent 68%);filter:blur(8px);opacity:.55;pointer-events:none}.hero-card--error{width:100%;grid-template-columns:1fr;gap:20px;padding:0 0 36px;position:relative;z-index:1;transform:perspective(1400px) rotateY(8deg) rotateX(-2deg) translateZ(0)}.card-light{position:absolute;border-radius:999px;pointer-events:none;filter:blur(2px)}.card-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(38,22,17,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(38,22,17,.055) 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.36),transparent 76%);pointer-events:none}.hero-copy{padding:54px;display:flex;flex-direction:column;justify-content:flex-start;width:100%;align-self:start;transform:translateZ(28px)}.hero-copy--error{align-items:center;text-align:center;padding:42px 36px 0}.hero-copy--error .lead{max-width:30rem}.hero-copy--error .bio{max-width:31rem}.hero-copy--error .chip-row{justify-content:center}h1{margin:0;font-size:clamp(3.6rem,9vw,6.8rem);line-height:.92;letter-spacing:-.06em}.lead{margin:24px 0 0;width:100%;font-size:clamp(1.5rem,2.4vw,2.2rem);line-height:1.03;font-weight:700}.bio{margin:28px 0 0;max-width:36rem;font-size:1.05rem;line-height:1.7;color:var(--muted)}.bio span{color:var(--ink);font-weight:700}.chip-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.closing-line{margin:28px 0 0;max-width:28rem;font-size:1rem;line-height:1.55;color:var(--muted)}.social-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}.social-link{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:18px;border:1px solid var(--line);background:#ffffff9e;color:inherit;text-decoration:none;transition:transform .16s ease,background-color .16s ease,border-color .16s ease}.social-link:hover,.social-link:focus-visible{transform:translateY(-1px);background:#ffffffc7;border-color:#18130f38}.social-link:focus-visible{outline:2px solid rgba(24,19,15,.65);outline-offset:3px}.social-link--itch{grid-column:1 / -1;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:12px}.social-icon,.social-arrow{display:inline-flex;align-items:center;justify-content:center;color:var(--ink)}.social-icon{width:34px;height:34px;border-radius:12px;border:1px solid rgba(24,19,15,.12);background:#ffffff8c}.social-icon svg{width:19px;height:19px}.social-copy{display:flex;min-width:0;flex-direction:column;gap:4px}.social-arrow svg{width:18px;height:18px}.social-label{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.social-handle{font-size:.98rem;font-weight:700;color:var(--ink)}.chip{display:inline-flex;align-items:center;min-height:42px;padding:10px 16px;border-radius:999px;border:1px solid var(--line);background:#ffffffa8;font-family:var(--font-mono);font-size:.82rem}.chip-link{position:relative;isolation:isolate;color:inherit;text-decoration:none;transition:transform .16s ease,background-color .16s ease,border-color .16s ease}.chip-link:hover,.chip-link:focus-visible{transform:translateY(-1px);background:#ffffffd1;border-color:#18130f38}.chip-link:focus-visible{outline:2px solid rgba(24,19,15,.65);outline-offset:3px}.chip-link--devlog-cta{width:100%;min-height:84px;justify-content:space-between;gap:20px;padding:18px 22px;border-radius:8px;border-width:2px;border-color:#ffcb38e6;background:linear-gradient(#fff8d7eb,#ffeb97db),#ffffffb8;color:#2b1708;font-size:.95rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;overflow:visible;box-shadow:0 0 0 5px #ffd64433,0 0 0 11px #ffd6441a,0 16px 34px #7a460033;animation:devlog-cta-neon 2.8s ease-in-out infinite}.chip-link__content{display:flex;align-items:center;gap:16px;min-width:0}.chip-link__icon-shell{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;flex:0 0 auto;border-radius:8px;background:#fffadce0;border:1px solid rgba(181,122,0,.18);box-shadow:inset 0 1px #ffffffb3}.chip-link__icon-shell svg,.chip-link__arrow svg{width:20px;height:20px;stroke-width:2.2}.chip-link__copy{display:flex;flex-direction:column;min-width:0}.chip-link__eyebrow{font-family:var(--font-mono);font-size:.67rem;letter-spacing:.14em;text-transform:uppercase;color:#4f3008b8}.chip-link__title{margin-top:4px;font-size:1.08rem;line-height:1.1;letter-spacing:.08em;text-transform:uppercase}.chip-link__arrow{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 auto;border-radius:8px;border:1px solid rgba(181,122,0,.22);background:#fffcebc7;box-shadow:inset 0 1px #ffffffbd}.chip-link--devlog-cta:before,.chip-link--devlog-cta:after{content:"";position:absolute;inset:-9px;z-index:-1;border:2px solid rgba(255,224,88,.55);border-radius:inherit;pointer-events:none;animation:devlog-cta-ring 2.8s ease-in-out infinite}.chip-link--devlog-cta:after{inset:-16px;border-color:#ffe86f47;animation-delay:.28s}.chip-link--devlog-cta:hover,.chip-link--devlog-cta:focus-visible{transform:translateY(-2px) scale(1.02);border-color:#ffbe14fa;background:linear-gradient(#fffce2f5,#ffe070eb),#ffffffd1;box-shadow:0 0 0 6px #ffda3f40,0 0 0 14px #ffda3f21,0 20px 40px #7a46003d}.chip-link--devlog-cta:hover .chip-link__arrow,.chip-link--devlog-cta:focus-visible .chip-link__arrow{transform:translate(1px,-1px)}.chip-link--devlog-cta:focus-visible{outline-color:#4a2900bf}@keyframes devlog-cta-neon{0%,to{box-shadow:0 0 0 5px #ffd6442e,0 0 0 11px #ffd64414,0 0 18px #ffd6442e,0 16px 34px #7a460033}50%{box-shadow:0 0 0 5px #ffdc5547,0 0 0 11px #ffdc5529,0 0 28px #ffd84a6b,0 0 52px #ffd84a2e,0 18px 38px #7a46003d}}@keyframes devlog-cta-ring{0%,to{opacity:.58;transform:scale(.985);filter:drop-shadow(0 0 10px rgba(255,220,90,.16))}50%{opacity:1;transform:scale(1.02);filter:drop-shadow(0 0 16px rgba(255,220,90,.34))}}@media(prefers-reduced-motion:reduce){.chip-link--devlog-cta,.chip-link--devlog-cta:before,.chip-link--devlog-cta:after{animation:none}}.eyebrow{margin:0;font-family:var(--font-mono);font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.shell--blog{width:min(1160px,calc(100% - 48px));min-height:auto;display:block;padding:28px 0 72px}.blog-page{display:grid;gap:22px}.blog-nav{display:flex;justify-content:space-between;align-items:center;gap:14px}.blog-nav__link{display:inline-flex;align-items:center;min-height:40px;padding:9px 15px;border-radius:999px;border:1px solid var(--line);background:#fffaefc2;color:inherit;text-decoration:none;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.06em;box-shadow:0 8px 22px #22170c14;transition:transform .16s ease,background-color .16s ease,border-color .16s ease}.blog-nav__link:hover,.blog-nav__link:focus-visible{transform:translateY(-1px);background:#fffcf5f0;border-color:#18130f38}.blog-nav__link:focus-visible{outline:2px solid rgba(24,19,15,.65);outline-offset:3px}.blog-nav__link--active{background:#18110ff0;color:#fff6de;border-color:#18110ff0}.blog-nav__link--active:hover,.blog-nav__link--active:focus-visible{background:#2a1b17;border-color:#2a1b17}.blog-index-card,.blog-article{width:100%;border-radius:28px;background:linear-gradient(180deg,#fffdf7f5,#fff2d1e6),var(--panel);border-color:#ffffff8a;box-shadow:0 32px 80px #23180e3d,0 1px #ffffff80 inset}.blog-surface .hero-card{transform:none}.blog-surface .hero-card:before{background:linear-gradient(135deg,rgba(255,255,255,.34),transparent 28%,rgba(200,111,31,.08) 68%,transparent 86%);mix-blend-mode:normal}.blog-surface .hero-card:after{display:none}.blog-index,.blog-article__content{position:relative;z-index:1;padding:64px}.blog-index h1,.blog-article h1{margin:18px 0 0;width:100%;max-width:none;letter-spacing:0;text-wrap:balance}.blog-index h1{font-size:5.1rem;line-height:.98}.blog-article h1{font-size:5.25rem;line-height:.96}.blog-index .lead,.blog-article__lead{max-width:46rem;margin-top:22px;font-size:1.32rem;line-height:1.38;font-weight:650;color:#2f251d}.blog-index .lead{max-width:55rem}.blog-index .bio{max-width:40rem}.blog-list{display:grid;gap:16px;margin-top:42px}.blog-entry{position:relative;display:block;padding:24px 24px 22px 28px;border-radius:14px;border:1px solid var(--line);background:linear-gradient(180deg,#ffffffad,#fff7e280);box-shadow:0 14px 32px #23180e14;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;color:inherit;text-decoration:none;cursor:pointer}.blog-entry:before{content:"";position:absolute;left:14px;top:22px;bottom:22px;width:3px;border-radius:999px;background:linear-gradient(180deg,var(--accent),var(--accent-2));opacity:.78}.blog-entry:hover,.blog-entry:focus-visible{transform:translateY(-2px);border-color:#c86f1f52;box-shadow:0 20px 44px #23180e1f}.blog-entry:focus-visible{outline:2px solid rgba(74,41,0,.75);outline-offset:4px}.blog-entry__meta{margin:0;font-family:var(--font-mono);font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.blog-entry h2,.blog-article h2{margin:10px 0 0;width:100%;max-width:none;font-size:2rem;line-height:1.08;letter-spacing:0;text-wrap:balance}.blog-entry__title{color:inherit;transition:color .16s ease}.blog-entry:hover .blog-entry__title,.blog-entry:focus-visible .blog-entry__title{color:#7a3f10}.blog-entry__excerpt,.blog-article__body p,.blog-article__body li,.image-slot figcaption,.video-slot figcaption,.code-slot figcaption{width:100%;max-width:none;font-size:1.04rem;line-height:1.76;color:var(--muted)}.blog-entry__excerpt{margin:12px 0 0}.blog-article__content{display:grid;gap:42px}.blog-article__header{display:grid;gap:16px}.blog-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.blog-meta span{display:inline-flex;align-items:center;min-height:34px;padding:7px 12px;border-radius:999px;border:1px solid var(--line);background:#ffffffb3;font-family:var(--font-mono);font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.blog-article__body{display:grid;gap:22px}.blog-article__body h2{margin-top:8px;font-size:2.2rem}.blog-article__body>p,.blog-list-block,.image-slot figcaption,.video-slot figcaption,.code-slot figcaption{width:100%;max-width:none}.blog-article__body a{color:#7a3f10;font-weight:800;text-decoration-line:underline;text-decoration-thickness:.08em;text-underline-offset:.18em}.blog-article__body a:hover,.blog-article__body a:focus-visible{color:var(--ink)}.blog-list-block{margin:0;padding:0 0 0 1.25rem;display:grid;gap:10px}.blog-list-block li{padding-left:.35rem}.blog-list-block li::marker{color:var(--accent)}.video-slot{margin:6px 0 0;position:relative;display:grid;gap:10px}.video-slot__media{display:block;width:100%;max-height:720px;border-radius:16px;border:1px solid rgba(24,19,15,.14);background:#ffffff73;box-shadow:0 16px 30px #18130f1f,0 2px #fff6 inset}.video-slot__frame-label{position:absolute;left:16px;top:16px;display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:#18130fdb;color:#fff6de;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;box-shadow:0 12px 24px #18130f2e}.video-slot figcaption{margin:0}.image-slot__trigger{position:relative;display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in;text-align:left}.image-slot__trigger:focus-visible{outline:2px solid rgba(24,19,15,.72);outline-offset:4px;border-radius:18px}.image-slot{margin:6px 0 0;position:relative;display:grid;gap:10px}.image-slot__image{display:block;width:100%;height:auto;border-radius:16px;border:1px solid rgba(24,19,15,.14);background:#ffffff73;box-shadow:0 16px 30px #18130f1f,0 2px #fff6 inset}.image-slot--tall .image-slot__image{max-height:640px;object-fit:cover}.image-slot__frame-label{position:absolute;left:16px;top:16px;display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:#18130fdb;color:#fff6de;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;box-shadow:0 12px 24px #18130f2e}.image-slot figcaption{margin:0}.code-slot{margin:8px 0 0;display:grid;gap:10px}.code-slot figcaption{order:-1;margin:0;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.code-slot pre{margin:0;max-height:680px;overflow:auto;padding:18px;border-radius:16px;border:1px solid rgba(24,19,15,.16);background:#141210f0;box-shadow:0 16px 30px #18130f29,0 1px #ffffff14 inset}.code-slot code{display:block;min-width:max-content;font-family:var(--font-mono);font-size:.82rem;line-height:1.58;color:#fff2d2;tab-size:2;white-space:pre}.blog-article__footer{padding-top:8px}.blog-article__footer .back-link{margin-left:0;margin-right:0}.blog-article__body p{margin:0}.image-modal{width:90vw;height:90vh;max-width:none;max-height:none;padding:clamp(14px,2vw,28px);border:0;border-radius:28px;background:radial-gradient(circle at 50% 25%,rgba(255,255,255,.1),transparent 35%),linear-gradient(180deg,#0f0b0af2,#160e0afa);box-shadow:none;color:var(--ink);overflow:hidden}.image-modal::backdrop{background:#0b0807b8;backdrop-filter:blur(8px)}.image-modal[open]{animation:modal-pop .18s ease-out}.image-modal__close{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:#ffffff1a;color:#fff6de;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.image-modal__close:hover,.image-modal__close:focus-visible{background:#ffffff2e;border-color:#ffffff38}.image-modal__close:focus-visible{outline:2px solid rgba(255,255,255,.7);outline-offset:3px}.image-modal__figure{margin:0;height:calc(90vh - (clamp(14px,2vw,28px)*2) - 52px);display:flex;flex-direction:column;gap:14px;align-items:stretch;min-height:0}.image-modal__image{display:block;width:100%;height:100%;max-height:calc(100% - 64px);object-fit:contain;border-radius:22px;background:#ffffff0a;box-shadow:0 20px 40px #00000052,0 1px #ffffff14 inset;transform-origin:center center}.image-modal__caption{display:grid;gap:6px;flex:0 0 auto}.image-modal__label{margin:0;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#fff6deb8}.image-modal__text{margin:0;font-size:1rem;line-height:1.7;color:#fff6ded1}html.modal-open,html.modal-open body{overflow:hidden}@keyframes modal-pop{0%{opacity:0;transform:scale(.98) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.error-panel{width:min(100%,300px);padding:16px;border-radius:26px;background:linear-gradient(180deg,#fff6def5,#ffedbbeb);color:var(--ink);border:1px solid rgba(255,255,255,.48);box-shadow:0 30px 70px #1f130a47,0 10px 24px #1f130a29;transform:translate(-26px) translateY(-12px) rotateY(-20deg) rotateX(7deg) translateZ(34px);position:relative;z-index:3}.error-panel--side{justify-self:center;align-self:center}.error-panel__top{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.error-panel img{display:block;width:min(100%,240px);height:auto;margin:0 auto;border-radius:24px;border:1px solid rgba(255,255,255,.18)}.error-panel__caption{margin:14px 0 0;font-size:.95rem;line-height:1.55;color:var(--muted);text-align:center}.back-link{position:relative;isolation:isolate;display:inline-flex;align-items:center;width:fit-content;margin-top:32px;padding:12px 18px;border-radius:999px;background:var(--ink);color:#fff6de;text-decoration:none;font-family:var(--font-mono);font-size:.82rem;letter-spacing:.06em;border:1px solid rgba(255,255,255,.1);box-shadow:0 14px 28px #110b092e;margin-left:auto;margin-right:auto;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,background-color .16s ease}.blog-surface .back-link{border-color:#ffcb38db;background:linear-gradient(#fff8d7ed,#ffeb97e0),#ffffffb8;color:#2b1708;font-weight:700;box-shadow:0 0 0 4px #ffd64424,0 12px 26px #7a46002b}.back-link:hover,.back-link:focus-visible{transform:translateY(-1px);box-shadow:0 18px 32px #110b0938;background:#2a1b17}.blog-surface .back-link:hover,.blog-surface .back-link:focus-visible{border-color:#ffbe14f5;background:linear-gradient(#fffce2f5,#ffe070eb),#ffffffd1;color:#2b1708;box-shadow:0 0 0 5px #ffda3f33,0 16px 32px #7a460038}.back-link:focus-visible{outline:2px solid rgba(74,41,0,.75);outline-offset:3px}.status-dot{width:11px;height:11px;flex:0 0 auto;border-radius:50%;background:#8cff7a;box-shadow:0 0 0 5px #8cff7a2e}.status-dot--orange{background:#ff9a3d;box-shadow:0 0 0 5px #ff9a3d33}@media(max-width:920px){.hero-copy{padding:44px 32px 36px}.error-layout{width:min(100%,520px);grid-template-columns:1fr;justify-items:center}.hero-copy--error{padding:38px 26px 0}.error-panel{width:min(100%,280px);transform:translate(0) translateY(0)}.blog-index,.blog-article__content{padding:42px 32px}.blog-index h1,.blog-article h1{font-size:4rem;line-height:1}.blog-index .lead,.blog-article__lead{font-size:1.18rem;line-height:1.45}}@media(max-width:560px){.shell{width:min(100% - 18px,1120px);padding:12px 0}.hero-card{border-radius:22px}h1{font-size:clamp(4.2rem,18vw,5.4rem);line-height:.9}.hero-copy{padding:28px 18px 30px}.lead{max-width:100%;margin-top:18px;font-size:clamp(1.55rem,8vw,2rem)}.bio{font-size:.98rem;margin-top:22px}.chip-row{margin-top:20px;gap:10px}.social-row{grid-template-columns:1fr;margin-top:20px}.social-link{padding:11px 13px}.social-link--itch{column-gap:10px}.social-handle{overflow-wrap:anywhere;font-size:.92rem}.blog-nav{flex-direction:row;align-items:center}.blog-nav__link{justify-content:center;min-width:0}.blog-index,.blog-article__content{padding:28px 18px 24px}.blog-index h1,.blog-article h1{margin-top:14px;font-size:2.7rem;line-height:1.03}.blog-index .lead,.blog-article__lead{margin-top:16px;font-size:1.02rem;line-height:1.52;font-weight:600}.blog-list{gap:14px;margin-top:28px}.blog-entry{padding:18px 16px 18px 20px;border-radius:12px}.blog-entry:before{left:10px;top:18px;bottom:18px;width:2px}.blog-entry h2,.blog-article h2,.blog-article__body h2{font-size:1.5rem;line-height:1.14}.blog-entry__excerpt,.blog-article__body p,.blog-article__body li,.image-slot figcaption,.video-slot figcaption,.code-slot figcaption{font-size:.98rem;line-height:1.68}.blog-meta span{min-height:32px;padding:7px 10px;font-size:.68rem;letter-spacing:.06em}.image-slot__frame-label,.video-slot__frame-label{left:12px;top:12px;padding:7px 10px;font-size:.68rem}.code-slot pre{max-height:520px;padding:14px;border-radius:12px}.code-slot code{font-size:.76rem;line-height:1.52}.image-modal{padding:12px;border-radius:22px}.image-modal__image{max-height:100%;border-radius:18px}.hero-card:after{inset:auto 8px 8px auto;width:140px;height:140px}.hero-copy--error{padding:26px 18px 0}.error-panel{width:min(100%,240px);border-radius:22px;padding:14px;transform:translate(0) translateY(0)}.error-panel img{width:min(100%,200px)}.back-link{margin-top:24px}}@media(prefers-reduced-motion:reduce){.hero-card{transform:none!important}.star{animation:none;opacity:var(--star-brightness);transform:rotate(var(--star-angle))}.image-modal[open]{animation:none}}