:root{color:#171818;background:#f6f0e4;color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--theme-color: #f8f1e5;--paper: #f8f1e5;--paper-deep: #efe4d4;--surface: rgba(255, 252, 245, .62);--surface-soft: rgba(255, 252, 245, .52);--surface-hover: rgba(255, 252, 245, .42);--ink: #151617;--ink-soft: #4d4d49;--muted: #68655f;--dim: rgba(70, 67, 60, .72);--faint: rgba(33, 31, 26, .15);--line: rgba(40, 36, 28, .22);--line-strong: rgba(32, 29, 23, .42);--blue: #1e63c6;--blue-hover: #174f9f;--blue-soft: #dfeafe;--blue-line: rgba(30, 99, 198, .45);--green: #4f8f67;--green-soft: rgba(79, 143, 103, .08);--rust: #c35d3a;--shadow: 0 18px 48px rgba(40, 35, 25, .08);--body-glow-one: rgba(255, 255, 255, .85);--body-glow-two: rgba(255, 255, 255, .65);--body-grid-x: rgba(28, 25, 20, .025);--body-grid-y: rgba(28, 25, 20, .024);--shell-glow-one: rgba(220, 198, 160, .16);--shell-glow-two: rgba(30, 99, 198, .065);--texture-opacity: .55;--texture-blend: multiply;--texture-sheen: rgba(55, 47, 34, .035);--texture-dot: rgba(45, 40, 30, .11);--sidebar-sheen: rgba(255, 255, 255, .28);--sidebar-bg: rgba(248, 241, 229, .72);--sidebar-edge: rgba(34, 30, 24, .11);--sidebar-edge-tick: rgba(34, 30, 24, .1);--control-inset: rgba(255, 255, 255, .35);--focus-ring: rgba(30, 99, 198, .52);--primary-button-text: #fff;--primary-button-bg: #111316;--primary-button-hover: #0c1017;--primary-button-glint: rgba(255, 255, 255, .08);--thumb-shadow: rgba(35, 30, 20, .08);--code-fg: #e7edf8;--code-bg: #11171f;--code-glow: rgba(30, 99, 198, .13);--code-border: rgba(17, 23, 31, .2);--code-shadow: rgba(18, 22, 28, .16);--inline-code-color: #173f79;--inline-code-bg: rgba(30, 99, 198, .08);--inline-code-border: rgba(30, 99, 198, .12)}:root[data-theme=dark]{color:#f4efe4;background:#11100e;color-scheme:dark;--theme-color: #11100e;--paper: #11100e;--paper-deep: #1b1813;--surface: rgba(38, 34, 27, .78);--surface-soft: rgba(255, 244, 222, .055);--surface-hover: rgba(255, 244, 222, .085);--ink: #f4efe4;--ink-soft: #d8cfbf;--muted: #a79f90;--dim: #81796d;--faint: rgba(246, 238, 220, .12);--line: rgba(246, 238, 220, .18);--line-strong: rgba(246, 238, 220, .3);--blue: #7eb0ff;--blue-hover: #a6c8ff;--blue-soft: rgba(126, 176, 255, .16);--blue-line: rgba(126, 176, 255, .36);--green: #80c992;--green-soft: rgba(128, 201, 146, .15);--rust: #e49473;--shadow: 0 22px 54px rgba(0, 0, 0, .42);--body-glow-one: rgba(126, 176, 255, .08);--body-glow-two: rgba(228, 148, 115, .07);--body-grid-x: rgba(246, 238, 220, .028);--body-grid-y: rgba(246, 238, 220, .025);--shell-glow-one: rgba(228, 148, 115, .08);--shell-glow-two: rgba(126, 176, 255, .07);--texture-opacity: .36;--texture-blend: screen;--texture-sheen: rgba(255, 244, 222, .04);--texture-dot: rgba(246, 238, 220, .13);--sidebar-sheen: rgba(255, 244, 222, .06);--sidebar-bg: rgba(27, 24, 19, .82);--sidebar-edge: rgba(246, 238, 220, .12);--sidebar-edge-tick: rgba(246, 238, 220, .12);--control-inset: rgba(255, 244, 222, .04);--focus-ring: rgba(126, 176, 255, .64);--primary-button-text: #10110f;--primary-button-bg: var(--blue);--primary-button-hover: var(--blue-hover);--primary-button-glint: rgba(255, 255, 255, .16);--thumb-shadow: rgba(0, 0, 0, .34);--code-fg: #eef4ff;--code-bg: #0b0f14;--code-glow: rgba(126, 176, 255, .13);--code-border: var(--line);--code-shadow: rgba(0, 0, 0, .36);--inline-code-color: var(--blue-hover);--inline-code-bg: var(--blue-soft);--inline-code-border: var(--blue-line)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 18% 22%,var(--body-glow-one),transparent 21rem),radial-gradient(circle at 82% 18%,var(--body-glow-two),transparent 25rem),linear-gradient(90deg,var(--body-grid-x) 1px,transparent 1px),linear-gradient(var(--body-grid-y) 1px,transparent 1px),var(--paper);background-size:auto,auto,22px 22px,22px 22px,auto;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible,.post-row:focus-visible,.code-copy-button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:4px}button,a{color:inherit}.site-shell{--sidebar-width: clamp(320px, 29.2vw, 420px);min-height:100vh;display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);background:radial-gradient(circle at 18% 16%,var(--shell-glow-one),transparent 18rem),radial-gradient(circle at 88% 88%,var(--shell-glow-two),transparent 23rem);position:relative;overflow-x:hidden}.site-shell--full{display:block}.site-shell:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:var(--texture-opacity);mix-blend-mode:var(--texture-blend);background-image:linear-gradient(105deg,transparent 0 48%,var(--texture-sheen) 50%,transparent 52% 100%),radial-gradient(circle,var(--texture-dot) 0 .7px,transparent .8px);background-size:100% 100%,6px 6px}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);height:100vh;overflow-y:auto;padding:clamp(36px,5vw,78px) clamp(28px,4.4vw,58px);border-right:1px solid var(--line);background:linear-gradient(90deg,var(--sidebar-sheen),transparent),var(--sidebar-bg);display:flex;flex-direction:column;align-items:flex-start;z-index:2}.sidebar:after{content:"";position:absolute;right:-7px;top:16px;bottom:16px;width:14px;background:linear-gradient(180deg,transparent,var(--sidebar-edge),transparent),repeating-linear-gradient(180deg,transparent 0 14px,var(--sidebar-edge-tick) 15px,transparent 17px);opacity:.28;pointer-events:none}.code-mark{width:44px;height:44px;border:0;padding:0;color:var(--blue);background:transparent;display:grid;place-items:center;margin-bottom:clamp(30px,4vw,54px);transform:rotate(-7deg);text-decoration:none;transition:transform .18s ease,color .18s ease}.code-mark:hover{color:var(--blue-hover);transform:rotate(-2deg) translateY(-1px)}.masthead{position:relative;margin-bottom:26px}.brand-button{border:0;padding:0;background:transparent;color:var(--ink);display:inline-block;font-family:Georgia,Times New Roman,serif;font-size:clamp(46px,3.65vw,56px);line-height:.92;letter-spacing:0;text-decoration:none}.ink-underline,.header-underline{display:block;height:6px;border-bottom:4px solid var(--blue);transform:skew(-18deg) rotate(-1deg);border-radius:999px}.ink-underline{width:64%;margin-top:9px}.site-description{max-width:300px;margin:0 0 42px;color:var(--ink-soft);font-size:18px;line-height:1.52}.site-description a{color:var(--blue);font-weight:550;text-decoration-color:var(--blue-line);text-decoration-thickness:2px;text-underline-offset:3px}.sidebar-intro{width:100%}.sidebar-utility{display:flex;flex-direction:column;gap:22px;width:100%;margin-top:clamp(32px,4.5vw,44px)}.status-line{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;column-gap:10px;max-width:330px;color:var(--muted);font-size:15px;line-height:1.5;margin-bottom:0}.status-line strong{color:var(--blue);font-weight:550}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px var(--green-soft)}.subscribe-form{position:relative;width:100%;max-width:322px;padding-top:92px;margin-bottom:0}.subscribe-form label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.subscribe-row{display:grid;grid-template-columns:minmax(0,1fr) auto;border:1px solid var(--line-strong);background:var(--surface-soft);box-shadow:inset 0 0 0 1px var(--control-inset)}.subscribe-row input{min-width:0;border:0;color:var(--ink);background:transparent;padding:17px 18px;font-size:15px}.subscribe-row input::placeholder{color:var(--dim)}.subscribe-row button{border:0;border-left:1px solid var(--line-strong);color:var(--primary-button-text);background:linear-gradient(135deg,var(--primary-button-glint),transparent),var(--primary-button-bg);padding:0 21px;min-height:56px;transition:background .18s ease,transform .18s ease}.subscribe-row button:hover{background:var(--primary-button-hover)}.form-message{display:flex;align-items:center;gap:8px;margin:12px 0 0;font-size:14px}.form-message.success{color:var(--green)}.form-message.error{color:var(--rust)}.side-nav{display:grid;gap:13px;margin-top:0;width:100%;max-width:220px}.side-nav a{display:flex;align-items:center;gap:13px;padding:4px 0;color:var(--ink-soft);text-decoration:none;font-size:17px;text-align:left}.side-nav a svg{color:var(--muted)}.side-nav a.active{color:var(--blue)}.side-nav a.active span,.side-nav a.active{text-decoration:underline;text-decoration-color:var(--blue-line);text-decoration-thickness:2px;text-underline-offset:5px}.side-nav a:hover{color:var(--blue)}.scribble{font-family:Bradley Hand,Comic Sans MS,cursive;color:var(--rust);letter-spacing:.04em;line-height:1.3;font-size:17px;transform:rotate(-7deg)}.keep-building{position:absolute;top:72px;right:52px}.inbox-note{position:absolute;left:42px;top:8px;color:var(--ink-soft);transform:rotate(-9deg)}.subscribe-arrow{position:absolute;left:-5px;top:30px;color:var(--muted);transform:rotate(115deg)}.sidebar-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;width:100%;margin-top:auto;padding-top:clamp(28px,4vw,40px)}.sidebar-footer .side-nav{flex-shrink:0}.sidebar-footer .footer-note{margin-left:auto;text-align:right}.sidebar-footer .footer-note:after{margin-left:auto}.footer-note{position:static;margin:0;padding-top:0;color:var(--dim);font-size:20px}.footer-note:after{content:"";display:block;width:96px;height:16px;border-bottom:2px solid var(--line-strong);border-radius:50%;transform:rotate(-10deg) translateY(-4px)}.floating-settings{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:20;display:grid;justify-items:end;gap:10px}.settings-trigger{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line-strong);border-radius:8px;color:var(--ink);background:linear-gradient(135deg,var(--sidebar-sheen),transparent),var(--surface);box-shadow:var(--shadow);transition:color .18s ease,border-color .18s ease,transform .18s ease}.settings-trigger:hover,.settings-trigger[aria-expanded=true]{color:var(--blue);border-color:var(--blue-line);transform:translateY(-1px)}.settings-trigger svg{flex:0 0 auto}.settings-panel{width:min(274px,calc(100vw - 36px));border:1px solid var(--line-strong);border-radius:8px;color:var(--ink);background:linear-gradient(135deg,var(--sidebar-sheen),transparent),var(--sidebar-bg);box-shadow:var(--shadow);padding:14px}.settings-panel-header{display:flex;align-items:center;gap:9px;margin-bottom:14px;color:var(--ink);font-size:15px;font-weight:600}.settings-panel-header svg{color:var(--blue);flex:0 0 auto}.settings-section{display:grid;gap:8px;margin-top:14px}.settings-section:first-of-type{margin-top:0}.settings-label{color:var(--muted);font-size:12px;font-weight:650;text-transform:uppercase}.settings-segmented{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.settings-segmented button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;border-radius:6px}.settings-segmented svg{flex:0 0 auto}.content-pane{grid-column:2;padding:clamp(34px,5vw,72px) clamp(28px,5vw,72px);min-width:0;z-index:1}.content-pane--full{grid-column:auto;padding:clamp(34px,5vw,72px) clamp(22px,6vw,88px)}.home-view{max-width:1010px;margin:0 auto}.tools-row-label{display:grid;gap:6px;flex:0 0 auto}.tools-row-label .eyebrow{margin:0}.tools-row-underline{width:100%;max-width:112px}.eyebrow{margin:0 0 4px;color:var(--ink-soft);font-size:19px;font-weight:600}.header-underline{width:120px}.tools-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 16px;padding-bottom:18px;border-bottom:1px solid var(--line)}.tag-filter{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px}.tag-filter button,.settings-segmented button{border:1px solid var(--line);color:var(--ink-soft);background:var(--surface-soft);padding:8px 12px;font-size:13px;transition:background .18s ease,color .18s ease,border-color .18s ease}.tag-filter button:hover,.tag-filter button.selected,.settings-segmented button:hover,.settings-segmented button.selected{color:var(--blue);background:var(--blue-soft);border-color:var(--blue-line)}.posts-list{display:grid}.post-row{display:grid;grid-template-columns:clamp(160px,19vw,240px) minmax(0,1fr);gap:clamp(22px,3vw,38px);align-items:stretch;min-height:132px;padding:22px 0;border-bottom:1px solid var(--line);color:inherit;text-decoration:none;transition:background .18s ease,transform .18s ease,border-color .18s ease}.post-row:hover{background:var(--surface-hover);transform:translate(4px);border-color:var(--blue-line)}.post-thumb-frame{width:100%;aspect-ratio:16 / 9;overflow:hidden;align-self:start;border:1px solid var(--line);background:var(--paper-deep);box-shadow:0 10px 24px var(--thumb-shadow)}.post-thumb{display:block;width:100%;height:100%;object-fit:cover}.post-copy{display:flex;flex-direction:column;min-width:0;min-height:100%}.post-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:var(--muted);font-size:14px;line-height:1.35;margin-bottom:8px}.post-meta span:last-child{color:var(--blue)}.meta-dot{width:5px;height:5px;border-radius:999px;background:var(--blue)}.post-row h2{margin:0 0 9px;color:var(--ink);font-family:Georgia,Times New Roman,serif;font-size:clamp(26px,2.35vw,34px);line-height:1.05;font-weight:500;letter-spacing:0}.post-row p{margin:0;color:var(--ink-soft);font-size:15px;line-height:1.48}.read-meta{display:flex;align-items:center;gap:16px;margin-top:auto;padding-top:14px;color:var(--muted);font-size:14px}.post-arrow{margin-left:auto;flex:0 0 auto;color:var(--muted);transition:color .18s ease,transform .18s ease}.view-count{display:inline-flex;align-items:center;gap:6px;color:inherit;white-space:nowrap}.view-count.loading,.view-count.muted{color:var(--dim)}.view-count svg{flex:0 0 auto}.post-meta .view-count{color:var(--blue)}.read-meta .view-count{color:var(--muted)}.post-row:hover .post-arrow{color:var(--blue);transform:translate(4px)}.empty-state{min-height:280px;display:grid;place-items:center;gap:14px;color:var(--muted);text-align:center}.empty-state button{border:1px solid var(--blue-line);color:var(--blue);background:var(--blue-soft);padding:10px 14px}.site-footer{position:relative;display:grid;grid-template-columns:minmax(260px,1fr) auto auto;align-items:end;gap:clamp(24px,4vw,58px);width:100%;max-width:1010px;margin-top:clamp(42px,7vw,82px);margin-inline:auto;padding:30px 0 8px;border-top:1px solid var(--line);color:var(--muted)}.content-pane--full .site-footer{max-width:1180px}.site-footer:before{content:"";position:absolute;top:-4px;left:0;width:170px;height:6px;border-bottom:3px solid var(--blue);border-radius:999px;transform:rotate(-1deg) skew(-16deg)}.footer-kicker{margin:0 0 9px;color:var(--ink);font-family:Georgia,Times New Roman,serif;font-size:26px;line-height:1.1}.site-footer-copy p{max-width:560px;margin:0;font-size:15px;line-height:1.58}.site-footer a{color:var(--blue);text-decoration-color:var(--blue-line);text-decoration-thickness:2px;text-underline-offset:4px}.footer-socials{display:flex;align-items:center;gap:12px}.footer-socials{flex-wrap:nowrap;justify-content:flex-end;max-width:none}.footer-socials a{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;color:var(--ink-soft);background:transparent;border:0;text-decoration:none;line-height:1;transition:color .18s ease,transform .18s ease}.footer-socials a:hover{color:var(--blue);transform:translateY(-2px)}.footer-socials svg{flex:0 0 auto}.footer-scribble{color:var(--dim);font-size:18px;transform:rotate(-6deg)}.footer-dash-game{grid-column:1 / -1;display:grid;justify-items:center;width:100%;margin-top:-10px}.footer-dash-game.expanded{padding-right:0}.footer-dash-trigger{position:relative;padding:4px 2px;color:var(--rust);background:transparent;border:0;font-size:17px;line-height:1;transform:rotate(-4deg)}.footer-dash-trigger:after{content:"";position:absolute;left:1px;right:-2px;bottom:-4px;height:8px;border-bottom:2px solid var(--blue-line);border-radius:999px;transform:rotate(-1deg)}.footer-dash-trigger:hover{color:var(--blue)}.dash-game-panel{position:relative;width:min(100%,760px);margin-top:18px;padding:0;color:var(--ink-soft);background:transparent;border:0;box-shadow:none}.dash-game-toolbar,.dash-game-actions{display:flex;align-items:center;justify-content:space-between;gap:14px}.dash-game-toolbar{margin-bottom:10px}.dash-game-toolbar p{margin:0;color:var(--ink);font-size:15px;line-height:1.2}.dash-game-toolbar small{display:block;margin-top:3px;color:var(--muted);font-size:12px;font-style:italic}.dash-game-score{display:inline-flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:8px;color:var(--muted);font-size:12px}.dash-game-score span{display:inline-flex;align-items:center;gap:5px}.dash-game-score span:not(:last-child):after{content:"";width:3px;height:3px;margin-left:3px;border-radius:999px;background:var(--blue);opacity:.72}.dash-game-stage{overflow:hidden;width:100%;background:transparent;border:0}.dash-game-stage canvas{display:block;width:100%;height:220px}.dash-game-actions{margin-top:10px;color:var(--muted);font-size:13px}@media(prefers-reduced-motion:reduce){.footer-dash-trigger,.about-story-layer,.about-story-hotspot{transition:none}.about-story-stack:has(.about-story-layer:hover) .about-story-layer:not(:hover),.about-story-stack:has(.about-story-layer:focus-visible) .about-story-layer:not(:focus-visible),.about-story-stack:has(.about-story-hotspot:hover) .about-story-layer:not(:hover),.about-story-stack:has(.about-story-hotspot:focus-visible) .about-story-layer:not(:focus-visible){opacity:1;transform:rotate(var(--story-tilt, 0deg))}}.info-view{max-width:820px;margin:0 auto;padding-top:clamp(8px,5vw,44px)}.info-view h1{max-width:720px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(44px,6vw,76px);line-height:.98;font-weight:500;letter-spacing:0}.info-view .header-underline{width:150px;margin:16px 0 28px}.info-description{max-width:640px;color:var(--ink-soft);font-size:19px;line-height:1.62;margin:0 0 36px}.info-list{display:grid;gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.info-list article{display:grid;grid-template-columns:minmax(180px,.38fr) minmax(0,1fr);gap:28px;padding:22px 0;border-bottom:1px solid var(--line)}.info-list article:last-child{border-bottom:0}.info-list h2{margin:0;font-family:Georgia,Times New Roman,serif;font-size:25px;line-height:1.15;font-weight:500}.info-list p{margin:0;color:var(--ink-soft);font-size:16px;line-height:1.55}.info-back{margin-top:28px}.not-found-view{padding-bottom:clamp(48px,8vw,96px)}.not-found-scribble{margin-top:clamp(36px,6vw,56px);font-size:clamp(22px,3vw,30px);transform:rotate(-5deg)}.profile-page,.projects-page{max-width:1040px;margin:0 auto;padding-top:clamp(8px,5vw,44px)}.profile-hero{max-width:850px}.profile-hero h1{max-width:820px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(42px,5.4vw,72px);line-height:.99;font-weight:500;letter-spacing:0}.profile-hero .header-underline{width:152px;margin:16px 0 26px}.profile-lede{max-width:720px;margin:0;color:var(--ink-soft);font-size:19px;line-height:1.62}.profile-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.profile-tags span,.project-stats span{display:inline-flex;align-items:center;gap:7px;color:var(--ink-soft);background:var(--surface-soft);border:1px solid var(--line);font-size:13px}.profile-tags span{padding:8px 11px}.profile-tags svg,.project-stats svg,.project-links svg,.profile-link-list svg,.project-mini-list svg{flex:0 0 auto}.about-story-widget{position:relative;margin:clamp(34px,6vw,64px) auto clamp(28px,5vw,54px);isolation:isolate;text-align:center}.about-story-scene{position:relative;width:min(100%,900px);margin:0 auto}.about-story-stack{position:relative;width:100%;margin:0 auto;aspect-ratio:900 / 520}.about-story-stack:after{content:"";position:absolute;left:10%;right:10%;bottom:8.5%;height:16px;background:radial-gradient(ellipse at center,rgba(40,35,25,.1) 0%,transparent 72%);pointer-events:none;z-index:1}.about-story-layer,.about-story-hotspot{position:absolute;z-index:var(--story-z, 1);display:block;width:var(--story-w, auto);height:var(--story-h, auto);color:inherit;cursor:pointer;text-decoration:none;transform:rotate(var(--story-tilt, 0deg));transform-origin:center bottom;transition:opacity .18s ease,transform .18s cubic-bezier(.22,1,.36,1);-webkit-tap-highlight-color:transparent}.about-story-layer--wall,.about-story-layer--figure,.about-story-layer--prop{top:auto}.about-story-layer--prop{bottom:var(--story-bottom, 10%)}.about-story-layer--by-height{width:auto;height:var(--story-h)}.about-story-layer img{display:block;width:100%;height:auto}.about-story-layer--by-height img{width:auto;height:100%}.about-story-hotspot{border-radius:8px;background:transparent}.about-story-hotspot:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.about-story-stack:has(.about-story-layer:hover) .about-story-layer:not(:hover),.about-story-stack:has(.about-story-layer:focus-visible) .about-story-layer:not(:focus-visible),.about-story-stack:has(.about-story-hotspot:hover) .about-story-layer:not(:hover),.about-story-stack:has(.about-story-hotspot:focus-visible) .about-story-layer:not(:focus-visible){opacity:.78}.about-story-layer:hover,.about-story-layer:focus-visible,.about-story-hotspot:hover,.about-story-hotspot:focus-visible{z-index:20;opacity:1;transform:translateY(-4px) rotate(var(--story-hover-tilt, var(--story-tilt, 0deg)))}.about-story-layer:focus-visible{outline:2px solid var(--focus-ring);outline-offset:4px}.about-story-label{position:absolute;z-index:4;display:flex;flex-direction:column;align-items:flex-start;min-width:128px;max-width:190px;opacity:0;pointer-events:none;text-align:left;transform:translateY(6px) rotate(var(--label-tilt, -4deg));transition:opacity .16s ease,transform .18s ease}.about-story-label-copy{position:relative;z-index:1;padding:2px 4px 0;color:var(--ink-soft);text-wrap:balance}.about-story-label-copy strong{display:block;color:var(--rust);font-size:clamp(16px,1.8vw,19px);line-height:1.05}.about-story-label-copy span{display:block;margin-top:3px;font-size:12px;font-weight:700;line-height:1.25}.about-story-arrow{position:absolute;width:25px;height:40px;fill:none;stroke:var(--blue);stroke-width:2;stroke-linecap:round;transform:rotate(var(--arrow-rotate, 0deg)) scale(var(--arrow-scale, 1));transform-origin:center}.about-story-arrow path{vector-effect:non-scaling-stroke}.about-story-layer:hover .about-story-label,.about-story-layer:focus-visible .about-story-label,.about-story-hotspot:hover .about-story-label,.about-story-hotspot:focus-visible .about-story-label{opacity:1;transform:translateY(0) rotate(var(--label-tilt, -4deg))}.about-story-layer--projects{left:0;bottom:34%;--story-w: 34%;--story-z: 2;--story-tilt: -1deg}.about-story-layer--projects .about-story-label{left:34%;top:-14%}.about-story-layer--projects .about-story-arrow{left:18px;top:34px;--arrow-rotate: 18deg}.about-story-layer--uae{right:0;left:auto;bottom:34%;--story-w: 32%;--story-z: 2}.about-story-layer--uae .about-story-label{left:14%;top:-12%}.about-story-layer--uae .about-story-arrow{left:34px;top:32px;--arrow-rotate: 34deg}.about-story-layer--developer{left:31%;bottom:9%;--story-w: 26%;--story-z: 4}.about-story-layer--developer .about-story-label{left:66%;top:2%;--label-tilt: -3deg}.about-story-layer--developer .about-story-arrow{left:-10px;top:28px;--arrow-rotate: 158deg}.about-story-hotspot--stac{left:41%;bottom:16%;width:14%;height:12%;--story-z: 6}.about-story-hotspot--stac .about-story-label{left:50%;top:-120%;--label-tilt: 2deg}.about-story-hotspot--stac .about-story-arrow{left:-14px;top:30px;--arrow-rotate: 165deg}.about-story-hotspot--x{left:35%;bottom:14%;width:5.5%;height:6%;--story-z: 6}.about-story-hotspot--x .about-story-label{left:-20%;top:-130%;--label-tilt: -4deg}.about-story-hotspot--x .about-story-arrow{left:20px;top:32px;--arrow-rotate: 148deg}.about-story-layer--writing{left:1%;--story-w: 21%;--story-bottom: 10%;--story-z: 7;--story-tilt: -1.5deg}.about-story-layer--writing .about-story-label{left:4%;top:-22%}.about-story-layer--writing .about-story-arrow{left:42px;top:30px;--arrow-rotate: 24deg}.about-story-layer--talks{left:22%;--story-h: 16%;--story-bottom: 10%;--story-z: 8}.about-story-layer--talks .about-story-label{left:-70%;top:-16%}.about-story-layer--talks .about-story-arrow{right:0;top:28px;--arrow-rotate: -28deg}.about-story-layer--github{left:57%;--story-h: 10.5%;--story-bottom: 10%;--story-z: 8}.about-story-layer--github .about-story-label{left:44%;top:-36%;--label-tilt: -5deg}.about-story-layer--github .about-story-arrow{left:8px;top:32px;--arrow-rotate: 148deg}.about-story-layer--experiments{right:0;left:auto;--story-w: 20%;--story-bottom: 10%;--story-z: 7;--story-tilt: -1deg}.about-story-layer--experiments .about-story-label{left:0;top:-22%}.about-story-layer--experiments .about-story-arrow{left:28px;top:30px;--arrow-rotate: 12deg}.about-story-caption{max-width:580px;margin:clamp(16px,2.5vw,24px) auto 0;color:var(--ink-soft);font-family:Georgia,Times New Roman,serif;font-size:clamp(16px,2vw,18px);line-height:1.6}.about-story-caption a{color:var(--ink);text-decoration-thickness:1px;text-underline-offset:.18em}.about-story-mobile-links{display:none}:root[data-theme=dark] .about-story-stack:has(.about-story-layer:hover) .about-story-layer:not(:hover),:root[data-theme=dark] .about-story-stack:has(.about-story-layer:focus-visible) .about-story-layer:not(:focus-visible),:root[data-theme=dark] .about-story-stack:has(.about-story-hotspot:hover) .about-story-layer:not(:hover),:root[data-theme=dark] .about-story-stack:has(.about-story-hotspot:focus-visible) .about-story-layer:not(:focus-visible){opacity:.62}:root[data-theme=dark] .about-story-label,:root[data-theme=dark] .about-story-mobile-links a,:root[data-theme=dark] .about-story-caption{color:var(--ink)}.profile-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:clamp(34px,5vw,54px) 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.profile-metric{min-width:0;padding:18px 20px 20px;border-right:1px solid var(--line)}.profile-metric:last-child{border-right:0}.profile-metric strong,.project-shelf-heading h2{display:block;margin:0;color:var(--ink);font-family:Georgia,Times New Roman,serif;font-weight:500;letter-spacing:0}.profile-metric strong{font-size:clamp(30px,4vw,44px);line-height:1}.profile-metric span,.profile-metric small{display:block;line-height:1.35}.profile-metric span{margin-top:8px;color:var(--ink);font-size:14px}.profile-metric small{margin-top:3px;color:var(--muted);font-size:12px}.profile-sections{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.78fr);gap:clamp(28px,5vw,58px);align-items:start}.profile-section{border-top:1px solid var(--line);padding-top:20px}.section-kicker{margin:0 0 10px;color:var(--blue);font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.profile-section h2,.project-shelf-heading h2{margin:0 0 18px;color:var(--ink);font-family:Georgia,Times New Roman,serif;font-size:clamp(28px,3vw,38px);line-height:1.1;font-weight:500;letter-spacing:0}.profile-section p{margin:0 0 18px;color:var(--ink-soft);font-size:17px;line-height:1.68}.profile-section p:last-child{margin-bottom:0}.profile-focus-list{display:grid;gap:0}.profile-focus-list article{display:grid;grid-template-columns:30px minmax(0,1fr);gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}.profile-focus-list article:first-child{padding-top:0}.profile-focus-list article:last-child{padding-bottom:0;border-bottom:0}.profile-focus-list h3{margin:0 0 6px;color:var(--ink);font-family:Georgia,Times New Roman,serif;font-size:22px;line-height:1.15;font-weight:500}.profile-focus-list p{margin:0;font-size:15px;line-height:1.55}.profile-links-section{margin-top:clamp(38px,6vw,68px)}.profile-link-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.profile-link-list a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;min-height:92px;padding:16px;color:inherit;text-decoration:none;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .18s ease,color .18s ease}.profile-link-list a:hover{color:var(--blue);background:var(--surface-hover)}.profile-link-list strong,.profile-link-list small{display:block}.profile-link-list strong{color:var(--ink);font-size:15px}.profile-link-list small{margin-top:4px;color:var(--muted);font-size:12px;line-height:1.35}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:clamp(34px,5vw,54px)}.project-card{display:flex;flex-direction:column;min-width:0;min-height:100%;padding:clamp(20px,3vw,28px);color:inherit;background:var(--surface-soft);border:1px solid var(--line);border-radius:6px;scroll-margin-top:26px;box-shadow:0 12px 30px #2823190a}:root[data-theme=dark] .project-card{box-shadow:none}.project-card--featured{grid-column:1 / -1;background:linear-gradient(135deg,var(--blue-soft),transparent 48%),var(--surface-soft)}.project-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.project-card-top p{margin:0 0 6px;color:var(--blue);font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.project-card-top h2{margin:0;color:var(--ink);font-family:Georgia,Times New Roman,serif;font-size:clamp(30px,3vw,42px);line-height:1.05;font-weight:500;letter-spacing:0}.project-card-top>span{flex:0 0 auto;padding:7px 10px;color:var(--ink-soft);background:var(--paper);border:1px solid var(--line);border-radius:999px;font-size:12px}.project-description,.project-impact{margin:0;color:var(--ink-soft);line-height:1.58}.project-description{font-size:17px}.project-impact{margin-top:12px;font-size:15px}.project-stats{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.project-stats span{padding:7px 10px}.project-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:22px}.project-links a{display:inline-flex;align-items:center;gap:6px;color:var(--blue);text-decoration-color:var(--blue-line);text-decoration-thickness:2px;text-underline-offset:4px;font-size:14px}.project-shelf{display:grid;grid-template-columns:minmax(230px,.36fr) minmax(0,1fr);gap:clamp(26px,5vw,58px);margin-top:clamp(42px,6vw,70px);padding-top:24px;border-top:1px solid var(--line)}.project-mini-list{display:grid;border-top:1px solid var(--line)}.project-mini-list a{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:16px;align-items:center;padding:16px 0;color:inherit;text-decoration:none;border-bottom:1px solid var(--line);transition:color .18s ease,background .18s ease}.project-mini-list a:hover{color:var(--blue);background:var(--surface-hover)}.project-mini-list strong,.project-mini-list small{display:block}.project-mini-list strong{color:var(--ink);font-size:16px}.project-mini-list small{margin-top:5px;color:var(--ink-soft);font-size:14px;line-height:1.45}.project-mini-list em{color:var(--muted);font-size:13px;font-style:normal;white-space:nowrap}.article-view{max-width:800px;margin:0 auto}.article-topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:clamp(28px,4vw,48px)}.back-button{display:inline-flex;align-items:center;gap:9px;border:0;color:var(--blue);background:transparent;padding:6px 0;text-decoration:none}.article-header{max-width:100%;margin-bottom:28px}.article-header h1{margin:0 0 16px;font-family:Georgia,Times New Roman,serif;font-size:clamp(44px,6vw,78px);line-height:.96;font-weight:500;letter-spacing:0}.article-header p{margin:0;color:var(--ink-soft);font-size:19px;line-height:1.55}.article-engagement{display:inline-flex;align-items:center;flex-wrap:wrap;gap:12px;max-width:100%;margin-top:18px;padding:0;color:var(--ink-soft)}.engagement-metric{position:relative;display:inline-flex;align-items:center;gap:5px;min-height:20px;padding:0;color:var(--ink-soft);font-size:13px;line-height:1}.engagement-metric:not(:last-child):after{content:"";width:3px;height:3px;margin-left:7px;border-radius:999px;background:var(--blue);opacity:.78}.engagement-metric svg{color:var(--muted);flex:0 0 auto}.engagement-metric small{color:var(--muted);font-size:12px;font-style:italic}.article-image{width:100%;max-height:420px;object-fit:cover;border:1px solid var(--line);border-radius:6px;background:#fff;box-shadow:var(--shadow);margin-bottom:44px}.article-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:26px;align-items:start}.article-body{color:var(--ink-soft)}.article-body p{margin:0 0 24px;font-size:19px;line-height:1.78}.article-body h2,.article-body h3{margin:44px 0 18px;color:var(--ink);font-family:Georgia,Times New Roman,serif;font-weight:500;letter-spacing:0}.article-body h2{font-size:clamp(30px,3vw,42px);line-height:1.08}.article-body h3{font-size:clamp(24px,2.2vw,31px);line-height:1.16}.article-body a{color:var(--blue);text-decoration-color:var(--blue-line);text-decoration-thickness:2px;text-underline-offset:3px}.github-card-host{width:100%;margin:28px 0}.article-body a.github-card{display:block;width:100%;overflow:hidden;border:1px solid #d0d7de;border-radius:6px;color:#1f2328;text-decoration:none;background:#fff;box-shadow:0 1px #1b1f240a;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.article-body a.github-card p,.article-body a.github-card span,.article-body a.github-card strong{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:normal}.article-body a.github-card .github-card-description{font-size:13px;line-height:1.4;color:#656d76}.article-body a.github-card:hover{border-color:#0969da;box-shadow:0 8px 24px #1b1f241f;transform:translateY(-1px)}.github-card-body{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 116px;gap:0;align-items:center;min-height:118px;padding:0;text-align:left}.github-card-main{display:grid;grid-template-rows:auto auto auto;align-content:center;gap:8px;min-width:0;padding:14px 14px 14px 16px}.github-card-aside{position:relative;display:flex;align-items:center;justify-content:center;align-self:center;width:116px;flex:0 0 auto;padding:14px 14px 14px 0}.github-card-title{width:100%;min-width:0;flex:0 0 auto;font-weight:700;line-height:1.2;letter-spacing:-.01em}.github-card-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:17px;color:#1f2328}.github-card-description{width:100%;margin:0;color:#656d76;font-size:13px;line-height:1.4;max-height:2.8em;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;word-break:break-word}.github-card-stats{display:flex;flex-wrap:nowrap;align-items:center;gap:12px;width:100%;min-width:0;color:#656d76}.github-card-stat{display:inline-flex;align-items:center;gap:4px;font-size:12px;line-height:1;white-space:nowrap}.github-card-stat-icon{width:12px;height:12px;flex:0 0 auto;color:#656d76}.github-card-stat-value{color:#1f2328;font-weight:600}.github-card-stat-label{color:#656d76}.github-card-avatar{display:block;width:88px;height:88px;max-width:88px;max-height:88px;flex:0 0 88px;border:1px solid #d0d7de;border-radius:6px;object-fit:cover;object-position:center}.github-card-avatar--placeholder{background:#f6f8fa}.github-card-mark{position:absolute;right:18px;bottom:16px;z-index:1;width:18px;height:18px;padding:4px;border-radius:999px;color:#656d76;background:#ffffffeb;box-shadow:0 1px 4px #1b1f241f}@media(max-width:640px){.github-card-body{grid-template-columns:minmax(0,1fr) 92px;min-height:108px}.github-card-aside{width:92px;padding:12px 12px 12px 0}.github-card-main{padding:12px 10px 12px 14px;gap:4px}.github-card-avatar{width:72px;height:72px;max-width:72px;max-height:72px;flex-basis:72px}.github-card-mark{right:14px;bottom:12px}.github-card-name{font-size:15px}.github-card-stats{gap:8px}.github-card-stat-label{display:none}}.article-body ul,.article-body ol{margin:0 0 28px;padding-left:26px;color:var(--ink-soft);font-size:19px;line-height:1.72}.article-body li{margin-bottom:11px}.article-body img{display:block;width:auto;max-width:100%;max-height:560px;height:auto;margin:34px auto;padding:14px 16px;border:1px solid var(--line);border-radius:6px;background:#fff;box-shadow:var(--shadow)}.article-body em{color:var(--ink)}html[data-reader-mode=sans] .brand-button,html[data-reader-mode=sans] .footer-kicker,html[data-reader-mode=sans] .info-view h1,html[data-reader-mode=sans] .info-list h2,html[data-reader-mode=sans] .profile-hero h1,html[data-reader-mode=sans] .profile-metric strong,html[data-reader-mode=sans] .profile-section h2,html[data-reader-mode=sans] .profile-focus-list h3,html[data-reader-mode=sans] .project-card-top h2,html[data-reader-mode=sans] .project-shelf-heading h2,html[data-reader-mode=sans] .article-header h1,html[data-reader-mode=sans] .article-body p,html[data-reader-mode=sans] .article-body h2,html[data-reader-mode=sans] .article-body h3,html[data-reader-mode=sans] .post-row h2,html[data-reader-mode=sans] .related-posts strong{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.article-body pre{margin:34px 0;padding:24px 22px;overflow-x:auto;color:var(--code-fg);background:radial-gradient(circle at 18% 0%,var(--code-glow),transparent 38%),linear-gradient(135deg,rgba(255,255,255,.035),transparent 34%),var(--code-bg)!important;border:1px solid color-mix(in srgb,var(--code-border) 72%,var(--blue-line));border-left:3px solid var(--blue-line);border-radius:2px;box-shadow:0 18px 36px var(--code-shadow),inset 0 1px #ffffff0f}.article-body code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:14px;line-height:1.7}.article-body :not(pre)>code{padding:.12em .34em;color:var(--inline-code-color);background:var(--inline-code-bg);border:1px solid var(--inline-code-border)}.code-block{position:relative;margin:34px 0;padding:10px;background:linear-gradient(120deg,var(--sidebar-sheen),transparent 52%),var(--surface);border:1px solid var(--line);border-radius:3px;box-shadow:var(--shadow)}.code-block:before{content:"";position:absolute;left:18px;right:58px;top:9px;height:2px;background:linear-gradient(90deg,var(--blue-line),transparent);opacity:.8}.article-body .code-block pre{margin:0;padding:28px 22px 24px;border-radius:2px}.code-copy-button{position:absolute;top:18px;right:18px;z-index:2;display:inline-grid;place-items:center;width:34px;height:34px;padding:0;color:var(--code-fg);background:linear-gradient(135deg,rgba(255,255,255,.11),transparent),color-mix(in srgb,var(--code-bg) 82%,var(--paper));border:1px solid color-mix(in srgb,var(--code-border) 62%,var(--blue-line));border-radius:3px;box-shadow:0 10px 18px var(--code-shadow);opacity:.78;transition:color .18s ease,background .18s ease,opacity .18s ease,transform .18s ease}.code-copy-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.code-block:hover .code-copy-button,.code-copy-button:focus-visible,.code-copy-button.copied{opacity:1}.code-copy-button:hover{color:var(--blue);background:linear-gradient(135deg,rgba(255,255,255,.13),transparent),color-mix(in srgb,var(--code-bg) 72%,var(--blue-soft));transform:translateY(-1px)}.code-copy-button.copied{color:var(--green)}.code-copy-button.copy-failed{color:var(--rust)}.article-footer{margin-top:56px;padding-top:30px;border-top:1px solid var(--line)}.article-footer h2{margin:0 0 18px;font-family:Georgia,Times New Roman,serif;font-size:30px;font-weight:500}.related-posts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.related-posts a{border:1px solid var(--line);color:inherit;background:var(--surface-soft);text-align:left;text-decoration:none;padding:0;transition:transform .18s ease,border-color .18s ease}.related-posts a:hover{transform:translateY(-3px);border-color:var(--blue-line)}.related-posts img{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;border-bottom:1px solid var(--line)}.related-posts span,.related-posts strong{display:block;padding:0 16px}.related-posts span{color:var(--blue);font-size:13px;margin-top:14px}.related-posts strong{padding-bottom:18px;margin-top:6px;font-family:Georgia,Times New Roman,serif;font-size:22px;line-height:1.2;font-weight:500}@media(max-width:1120px){.site-shell{grid-template-columns:330px minmax(0,1fr)}.sidebar{padding-inline:34px}.post-row{grid-template-columns:170px minmax(0,1fr)}}@media(max-width:860px){.site-shell{display:block}.sidebar{position:relative;inset:auto;width:100%;height:auto;min-height:0;overflow:visible;border-right:0;border-bottom:1px solid var(--line);padding:38px 24px 30px}.sidebar:after,.sidebar-footer .footer-note,.keep-building{display:none}.sidebar-footer{margin-top:18px;padding-top:0;justify-content:flex-start}.brand-button{font-size:clamp(38px,10vw,45px)}.site-description{max-width:560px;margin-bottom:24px}.sidebar-utility{gap:18px}.status-line{margin-bottom:0}.subscribe-form{max-width:322px;padding-top:52px}.inbox-note{left:44px;top:0}.subscribe-arrow{top:16px}.side-nav{grid-template-columns:repeat(4,auto);max-width:none;margin-top:0;gap:18px}.content-pane{padding:28px 20px 44px}.tools-row,.article-topbar{align-items:stretch;flex-direction:column}.tag-filter{justify-content:flex-start}.post-row{grid-template-columns:1fr;gap:14px;padding:24px 0}.site-footer{grid-template-columns:1fr;align-items:start;gap:18px}.footer-socials{justify-content:flex-start;flex-wrap:nowrap}.footer-scribble{margin-top:4px}.footer-dash-game{justify-items:center;margin-top:2px}.footer-dash-game.expanded{padding-right:0;padding-bottom:72px}.dash-game-panel{width:calc(100% - 112px);min-width:0}.dash-game-toolbar,.dash-game-actions{align-items:flex-start;flex-direction:column}.dash-game-score{justify-content:flex-start}.read-meta{flex-wrap:wrap;padding-top:12px}.article-grid{grid-template-columns:1fr}.profile-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.about-story-stack,.about-story-caption,.about-story-label{display:none}.about-story-mobile-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;margin-top:20px;text-align:left}.about-story-mobile-links a{position:relative;min-width:0;padding-left:18px;color:var(--ink-soft);text-decoration:none}.about-story-mobile-links a:before{content:"";position:absolute;top:8px;left:0;width:9px;height:9px;border-radius:999px;background:var(--blue-line)}.about-story-mobile-links strong,.about-story-mobile-links span{display:block}.about-story-mobile-links strong{color:var(--rust);font-size:18px}.about-story-mobile-links span{margin-top:2px;font-size:12px;font-weight:700;line-height:1.3}.profile-metric:nth-child(2n){border-right:0}.profile-metric:nth-child(n+3){border-top:1px solid var(--line)}.profile-sections,.project-shelf,.profile-link-list,.project-grid{grid-template-columns:1fr}.project-card--featured{grid-column:auto}.related-posts{grid-template-columns:1fr}}@media(max-width:520px){body{overflow-x:hidden}.sidebar,.content-pane,.profile-page,.projects-page,.profile-hero,.project-grid,.project-card{width:100%;max-width:100%;min-width:0}.site-description,.profile-hero h1,.profile-lede,.profile-section h2,.project-card-top h2,.project-description,.project-impact{overflow-wrap:break-word}.profile-page,.projects-page{padding-bottom:96px}.profile-hero{padding-right:66px}.about-story-widget{margin-top:28px;text-align:left}.about-story-mobile-links{grid-template-columns:1fr}.about-story-mobile-links strong{font-size:17px}.subscribe-row{grid-template-columns:1fr}.subscribe-row button{border-left:0;border-top:1px solid var(--line-strong)}.side-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.post-row h2{font-size:28px}.article-header h1{font-size:36px;line-height:1.05;overflow-wrap:anywhere}.article-body p{font-size:17px}.article-view,.article-header,.article-image,.article-grid{width:100%;max-width:100%;min-width:0}.article-header p{overflow-wrap:break-word}.article-engagement{display:inline-flex;align-items:center}.engagement-metric{width:auto}.profile-hero h1{font-size:34px;line-height:1.03}.profile-lede{font-size:17px}.profile-metrics{grid-template-columns:1fr}.profile-metric,.profile-metric:nth-child(2n){border-right:0}.profile-metric:nth-child(n+2){border-top:1px solid var(--line)}.profile-link-list a,.project-mini-list a{grid-template-columns:auto minmax(0,1fr)}.profile-link-list a>svg:last-child,.project-mini-list a>svg:last-child{grid-column:1 / -1}.project-card{padding:18px}.project-card-top{flex-direction:column;align-items:flex-start}.project-mini-list em{white-space:normal}.site-description span{display:block}}