@font-face{font-family:IBM Plex Sans Condensed;font-style:normal;font-display:swap;font-weight:400;src:url(./ibm-plex-sans-condensed-latin-400-normal-DKyD6XsY.woff2) format("woff2"),url(./ibm-plex-sans-condensed-latin-400-normal-5i361Byk.woff) format("woff")}@font-face{font-family:IBM Plex Sans Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(./ibm-plex-sans-condensed-latin-500-normal-BqaLkUoX.woff2) format("woff2"),url(./ibm-plex-sans-condensed-latin-500-normal-BLe87hIu.woff) format("woff")}@font-face{font-family:IBM Plex Sans Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(./ibm-plex-sans-condensed-latin-600-normal-CRd5VyFf.woff2) format("woff2"),url(./ibm-plex-sans-condensed-latin-600-normal-6XnkKYvF.woff) format("woff")}@font-face{font-family:Satoshi;src:url(../fonts/satoshi-400.woff2) format("woff2");font-display:swap;font-style:normal;font-weight:400}@font-face{font-family:Satoshi;src:url(../fonts/satoshi-500.woff2) format("woff2");font-display:swap;font-style:normal;font-weight:500}@font-face{font-family:Satoshi;src:url(../fonts/satoshi-700.woff2) format("woff2");font-display:swap;font-style:normal;font-weight:700}@font-face{font-family:Geist Sans;src:url(./Geist-Variable-CrgPqtmy.woff2) format("woff2");font-display:swap;font-style:normal;font-weight:100 900}@font-face{font-family:Geist Mono;src:url(./GeistMono-Variable-BNLlm6Cd.woff2) format("woff2");font-display:swap;font-style:normal;font-weight:100 900}:root{color-scheme:dark;--bg: #020304;--ink: #f7fbff;--muted: rgba(247, 251, 255, .64);--line: rgba(247, 251, 255, .14);--accent: #0397f5;--accent-rgb: 3, 151, 245;--progress-accent: #1be8ff;--progress-accent-rgb: 27, 232, 255;--font-sans: "Satoshi", "Geist Sans", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-condensed: "IBM Plex Sans Condensed", "Avenir Next Condensed", "Arial Narrow", var(--font-sans);--font-mono: "Geist Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0;overflow:hidden;background:var(--bg);color:var(--ink);font-family:var(--font-sans)}body{min-height:100svh}.hero{position:relative;isolation:isolate;width:100vw;height:100svh;min-height:560px;overflow:hidden;background:#000}#scene{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;transform-origin:center;transition:opacity .52s ease,transform .76s cubic-bezier(.22,1,.36,1),filter .52s ease}.hero.has-content #scene{opacity:1;filter:none;transform:none;pointer-events:none}.hero[data-view=id] #scene,.hero[data-view=lens] #scene{pointer-events:auto}.site-header{position:fixed;top:clamp(20px,2.4vh,32px);left:50%;z-index:22;display:block;width:auto;color:#eef4fce6;line-height:1;text-transform:uppercase;opacity:0;transition:opacity 1.2s ease,transform 1.2s cubic-bezier(.22,1,.36,1);transform:translate(-50%,-4px);pointer-events:none}.site-header.visible{opacity:1;transform:translate(-50%)}#qs-title{position:relative;display:block;padding:0;color:#f7fbffc7;font-family:var(--font-sans);font-size:clamp(11px,.68vw,13px);font-weight:500;letter-spacing:clamp(.18em,.26vw,.28em);line-height:1;white-space:nowrap;text-indent:clamp(.18em,.26vw,.28em);text-shadow:0 0 18px rgba(247,251,255,.05);pointer-events:auto}.site-mark{appearance:none;border:0;margin:0;background:transparent;color:inherit;font:inherit;cursor:pointer}#qs-title:hover,#qs-title:focus-visible{color:#f7fbfff0;text-shadow:0 0 14px rgba(247,251,255,.11),0 0 26px rgba(var(--progress-accent-rgb),.06)}#qs-title:focus-visible{outline:1px solid rgba(247,251,255,.28);outline-offset:7px}.content-stage{position:absolute;inset:0;z-index:12;display:grid;align-items:center;padding:104px min(7vw,96px) 132px;pointer-events:none}.content-panel{grid-area:1 / 1;width:min(560px,100%);margin-left:auto;color:var(--ink);opacity:0;visibility:hidden;transform:translateY(16px);transition:opacity .98s ease,visibility .98s ease,transform .98s cubic-bezier(.22,1,.36,1)}.content-panel.is-active{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.content-panel:not(.is-active){display:none}.hero.is-content-locked .content-panel,.hero.is-content-locked .content-panel.is-active{opacity:0;visibility:hidden;transform:translateY(10px);pointer-events:none;transition:none;transition-delay:0ms}.hero[data-view=id] .content-stage{place-items:center;padding:104px min(8vw,120px) 128px}.hero[data-view=id] .content-panel{width:min(620px,calc(100vw - 72px));margin:0;text-align:left}.id-page__inner{position:relative;z-index:1;display:grid;justify-items:start;gap:22px;padding:0;transform:translate(clamp(-220px,-12vw,-96px))}.id-page__label{margin:0;color:#f7fbff75;font-size:10px;line-height:1;text-transform:uppercase}.id-page__copy{display:grid;gap:clamp(18px,2.4vw,28px);max-width:620px}.id-page__copy p{max-width:100%;margin:0;color:#f7fbffe0;font-size:clamp(21px,1.52vw,28px);font-weight:400;line-height:1.34;letter-spacing:0;text-wrap:balance}.id-page__copy p+p{max-width:520px;color:#f7fbff9e;font-size:clamp(15px,1vw,18px);line-height:1.42}.id-page__link{color:#f7fbfff0;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em;text-decoration-color:#f7fbff6b;transition:color .18s ease,text-decoration-color .18s ease}.id-page__link:hover,.id-page__link:focus-visible{color:#f7fbff;text-decoration-color:#f7fbffc2}.id-page__link:focus-visible{outline:1px solid rgba(247,251,255,.34);outline-offset:4px}.hero[data-view=lens] .content-stage{align-items:stretch;justify-items:stretch;padding:54px clamp(18px,3.2vw,56px) 104px;pointer-events:none}.hero[data-view=lens] .content-panel.is-active{pointer-events:none}.hero[data-view=lens] .content-panel{width:100%;max-width:none;margin:0}.lens-gallery{--filmstrip-height: clamp(54px, 6.4vh, 72px);--lens-viewer-width: min(56vw, 68vh);--lens-left-rail-x: 17.5vw;--lens-right-rail-x: 82.5vw;width:100%;height:100%;margin:0;display:grid;grid-template-rows:minmax(0,1fr) var(--filmstrip-height);gap:clamp(12px,1.55vh,18px);pointer-events:none}.lens-gallery__stage{position:relative;z-index:2;display:block;width:100%;height:100%;pointer-events:none}.lens-gallery__viewer{position:absolute;top:50%;left:50%;height:min(100%,82vh);aspect-ratio:2 / 3;width:auto;min-width:0;transform:translate(-50%,-50%);pointer-events:auto}.lens-gallery__feature{position:absolute;inset:0;margin:0;overflow:hidden;border:0;background:#000;box-shadow:0 22px 90px #00000094;cursor:pointer;pointer-events:auto}.lens-gallery__feature img,.lens-gallery__thumb img{display:block;width:100%;height:100%;object-fit:cover}.lens-gallery__feature img{position:absolute;inset:-2px -2px -5px;width:calc(100% + 4px);height:calc(100% + 7px);object-position:center;backface-visibility:hidden;filter:saturate(1) contrast(1.04) brightness(1);transform:translateZ(0) scale(1.01);transition:opacity .21s ease,filter .34s ease,transform .64s cubic-bezier(.22,1,.36,1)}.lens-gallery__feature:hover img{filter:saturate(1.02) contrast(1.04) brightness(1);transform:translateZ(0) scale(1.038)}.lens-gallery__feature img.is-changing{opacity:0;transform:translateZ(0) scale(1.028)}.lens-gallery__nav{position:absolute;z-index:4;top:0;bottom:0;width:min(8vw,92px);appearance:none;border:0;border-radius:0;padding:0;background:transparent;color:#f7fbff6b;font:inherit;font-size:24px;line-height:1;cursor:pointer;opacity:0;transition:color .22s ease,opacity .22s ease,background .22s ease}.lens-gallery__nav:focus,.lens-gallery__nav:focus-visible{outline:none}.lens-gallery__nav--prev{left:0}.lens-gallery__nav--next{right:0}.lens-gallery__viewer:hover .lens-gallery__nav,.lens-gallery__nav:focus-visible{opacity:1}.lens-gallery__nav:hover,.lens-gallery__nav:focus-visible{color:#f7fbffdb;background:linear-gradient(90deg,rgba(0,0,0,.3),transparent)}.lens-gallery__nav--next:hover,.lens-gallery__nav--next:focus-visible{background:linear-gradient(270deg,rgba(0,0,0,.3),transparent)}.lens-gallery__context{position:absolute;top:calc(50% + clamp(154px,14.8vh,214px));left:var(--lens-left-rail-x);display:grid;width:min(286px,22vw);min-width:238px;justify-items:center;transform:translate(-50%);pointer-events:none}.lens-gallery__meta{align-self:start;justify-self:center;width:min(260px,100%);padding-bottom:0;text-align:center;font-family:var(--font-condensed)}.lens-gallery__eyebrow{margin:0 0 7px;color:#f7fbff5c;font-size:10px;line-height:1;text-transform:uppercase}.lens-gallery__place{margin:0;color:#f7fbffdb;font-size:clamp(20px,1.3vw,23px);font-weight:600;line-height:1.08;letter-spacing:0}.lens-gallery__region{margin:7px 0 0;color:#f7fbff85;font-size:13px;line-height:1.18}.lens-gallery__coords{margin:9px 0 0;color:#f7fbff57;font-family:var(--font-mono);font-size:12px;line-height:1;font-variant-numeric:tabular-nums}.lens-gallery__stats{position:absolute;top:50%;left:var(--lens-right-rail-x);z-index:3;display:grid;gap:clamp(22px,2.4vh,30px);width:min(286px,22vw);min-width:238px;transform:translate(-50%,-50%);pointer-events:none}.lens-progress{display:grid;gap:10px;font-family:var(--font-condensed)}.lens-progress__header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:18px}.lens-progress__header span{color:#f7fbff7a;font-size:10px;line-height:1;text-transform:uppercase}.lens-progress__header strong{color:#f7fbffe6;font-size:clamp(24px,2.3vw,38px);font-weight:600;line-height:.86;letter-spacing:0;font-variant-numeric:tabular-nums}.lens-progress__track{position:relative;height:13px;overflow:visible}.lens-progress__track:before,.lens-progress__track span{content:"";position:absolute;top:6px;left:0;height:1px}.lens-progress__track:before{right:0;background:repeating-linear-gradient(90deg,rgba(247,251,255,.2) 0,rgba(247,251,255,.2) 1px,transparent 1px,transparent 9px),#f7fbff14}.lens-progress__track span{width:var(--progress);background:rgba(var(--progress-accent-rgb),.95);box-shadow:0 0 10px rgba(var(--progress-accent-rgb),.34),0 0 24px rgba(var(--progress-accent-rgb),.14);animation:lensProgressPulse 3.8s ease-in-out infinite}.lens-progress__track span:after{content:"";position:absolute;top:-3px;right:-3px;width:7px;height:7px;border-radius:999px;background:var(--progress-accent);box-shadow:0 0 14px rgba(var(--progress-accent-rgb),.52);animation:lensProgressDotPulse 3.8s ease-in-out infinite}.lens-progress p{margin:-1px 0 0;color:#f7fbff57;font-family:var(--font-mono);font-size:11px;line-height:1;text-align:right;font-variant-numeric:tabular-nums}@keyframes lensProgressPulse{0%,to{opacity:.72;box-shadow:0 0 8px rgba(var(--progress-accent-rgb),.26),0 0 18px rgba(var(--progress-accent-rgb),.1)}50%{opacity:1;box-shadow:0 0 13px rgba(var(--progress-accent-rgb),.44),0 0 32px rgba(var(--progress-accent-rgb),.18)}}@keyframes lensProgressDotPulse{0%,to{opacity:.78;transform:scale(.92)}50%{opacity:1;transform:scale(1.08)}}.lens-gallery__filmstrip{position:relative;z-index:6;display:flex;justify-content:center;justify-self:center;margin-inline:auto;width:min(var(--lens-viewer-width),calc(100vw - 96px));height:var(--filmstrip-height);overflow:hidden;--thumb-width: calc(var(--filmstrip-height) * .6667);--thumb-gap: clamp(10px, 1vw, 14px);pointer-events:auto;-webkit-mask-image:linear-gradient(90deg,transparent,black 12%,black 88%,transparent);mask-image:linear-gradient(90deg,transparent,black 12%,black 88%,transparent)}.lens-gallery__filmstrip-track{display:flex;gap:var(--thumb-gap);height:100%;width:max-content;justify-content:center;will-change:transform;transition:transform .52s cubic-bezier(.22,1,.36,1)}.lens-gallery__thumb{position:relative;flex:0 0 var(--thumb-width);width:var(--thumb-width);height:100%;--thumb-brightness: .16;--thumb-grayscale: .92;--thumb-opacity: .42;--thumb-overlay: .72;--thumb-saturation: .16;overflow:hidden;border:1px solid transparent;border-radius:0;padding:0;background:#000;color:#f7fbffb3;cursor:pointer;opacity:var(--thumb-opacity);transition:opacity .22s ease,transform .3s cubic-bezier(.22,1,.36,1)}.lens-gallery__thumb:after{content:"";position:absolute;inset:0;z-index:1;background:#000;opacity:var(--thumb-overlay);transition:opacity .26s ease,background .26s ease}.lens-gallery__thumb img{object-position:center;filter:grayscale(var(--thumb-grayscale)) saturate(var(--thumb-saturation)) contrast(1.05) brightness(var(--thumb-brightness));transform:scale(1.015);transition:filter .26s ease,transform .32s cubic-bezier(.22,1,.36,1)}.lens-gallery__thumb.is-selected{--thumb-brightness: 1;--thumb-grayscale: 0;--thumb-opacity: 1;--thumb-overlay: 0;--thumb-saturation: 1;opacity:1;z-index:2}.lens-gallery__thumb.is-selected:after{opacity:0}.lens-gallery__thumb.is-selected img{filter:grayscale(0) saturate(1) contrast(1.04) brightness(1);transform:scale(1.006)}.lens-gallery__thumb:hover:not(.is-selected),.lens-gallery__thumb:focus-visible:not(.is-selected){opacity:.72}.lens-gallery__thumb:hover:not(.is-selected):after,.lens-gallery__thumb:focus-visible:not(.is-selected):after{opacity:.36}.lens-gallery__thumb:hover:not(.is-selected) img,.lens-gallery__thumb:focus-visible:not(.is-selected) img{filter:grayscale(.32) saturate(.74) contrast(1.05) brightness(.72)}.lens-gallery__thumb:hover,.lens-gallery__thumb:focus-visible{transform:translateY(-2px)}.lens-gallery__thumb:focus-visible,.lens-gallery__feature:focus-visible{outline:1px solid rgba(247,251,255,.58);outline-offset:6px}.hero[data-view=ink] .content-stage,.hero[data-view=code] .content-stage{align-items:stretch;justify-items:stretch;padding:72px clamp(22px,6vw,110px) 104px;overflow-x:hidden;overflow-y:auto;pointer-events:auto;isolation:isolate;scrollbar-width:none}.hero[data-view=ink] .content-stage::-webkit-scrollbar,.hero[data-view=code] .content-stage::-webkit-scrollbar{display:none}.hero[data-view=ink] .content-panel,.hero[data-view=code] .content-panel{width:100%;max-width:none;margin:0}.hero[data-view=ink][data-ink-mode=reader] #scene{opacity:.34;filter:brightness(.62) saturate(.72)}.hero[data-view=ink] #scene{position:fixed;inset:0;z-index:1}.hero[data-view=ink]:after,.hero[data-view=code]:after{content:"";position:fixed;left:0;right:0;bottom:0;z-index:18;height:clamp(160px,24vh,280px);pointer-events:none;background:linear-gradient(0deg,#000,#000000fa 26%,#000000c7 58%,#0000)}.hero[data-view=code] #scene{opacity:.36;filter:brightness(.72) saturate(.9)}.ink-page{width:100%;min-height:100%;pointer-events:auto}.ink-index{display:grid;align-content:start;justify-items:center;width:100%;min-height:100%;gap:0;padding:clamp(168px,20vh,228px) 0 clamp(150px,18vh,210px)}.ink-index__header,.code-index__header{display:grid;width:min(1180px,78vw);gap:10px;margin-bottom:clamp(32px,4.8vh,58px)}.ink-index__header span,.code-index__header span{color:#f7fbffd6;font-size:clamp(16px,1.18vw,20px);font-weight:500;line-height:1;text-transform:uppercase}.ink-index__header p,.code-index__header p{max-width:36ch;margin:0;color:#f7fbff61;font-size:11px;line-height:1.45}.ink-lines{position:relative;z-index:3;display:grid;width:min(1180px,78vw);gap:clamp(30px,4.2vh,48px)}.ink-particle-break{position:relative;z-index:1;width:min(1180px,78vw);height:clamp(82px,10vh,124px);margin:clamp(32px,4.6vh,54px) 0 clamp(50px,7vh,88px);pointer-events:none}.ink-line{position:relative;display:grid;grid-template-columns:minmax(0,auto) minmax(80px,1fr) auto;min-height:34px;align-items:center;gap:clamp(16px,2vw,28px);padding:0 4px;color:#f7fbffcc;text-decoration:none;isolation:isolate;opacity:.92;transition:opacity .18s ease,transform .22s cubic-bezier(.22,1,.36,1)}.ink-line__rule{display:block;height:1px;background:#f7fbff29;box-shadow:0 0 18px #f7fbff14,0 0 44px #f7fbff0a;transform-origin:center;transition:background .22s ease,box-shadow .22s ease,transform .22s ease}.ink-line__title,.ink-line__meta{position:relative;display:block;background:#000}.ink-line__title{max-width:min(610px,48vw);padding-right:16px;overflow:hidden;color:#f7fbffe0;font-size:clamp(14px,1.02vw,18px);font-weight:500;line-height:1;text-overflow:ellipsis;white-space:nowrap}.ink-line__meta{padding-left:16px;color:#f7fbff61;font-size:9px;line-height:1;text-transform:uppercase}.ink-line:hover .ink-line__title,.ink-line:focus-visible .ink-line__title{color:#f7fbff}.ink-line:hover .ink-line__rule,.ink-line:focus-visible .ink-line__rule{background:#f7fbff9e;box-shadow:0 0 18px #f7fbff38,0 0 48px #f7fbff1a;transform:scaleX(1.015)}.ink-line:hover,.ink-line:focus-visible{opacity:1;transform:translate(4px)}.ink-line:focus-visible{outline:1px solid rgba(247,251,255,.5);outline-offset:8px}.ink-tweets{display:grid;width:min(1180px,82vw);gap:clamp(18px,2.6vh,28px)}.ink-tweets__header{display:flex;align-items:end;justify-content:space-between;gap:24px;padding-bottom:14px;border-bottom:1px solid rgba(247,251,255,.12)}.ink-tweets__header p,.ink-tweets__header span{margin:0;line-height:1;text-transform:uppercase}.ink-tweets__header p{color:#f7fbffd6;font-size:clamp(14px,1vw,17px);font-weight:500}.ink-tweets__header span{color:#f7fbff57;font-size:9px}.ink-tweets__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:clamp(18px,2vw,30px)}.ink-tweet{position:relative;display:grid;align-content:space-between;gap:20px;min-width:0;min-height:248px;overflow:hidden;padding:clamp(22px,2.3vw,30px);border:0;background:transparent;color:#f7fbffc2;isolation:isolate;text-decoration:none;transition:color .18s ease,transform .22s cubic-bezier(.22,1,.36,1)}.ink-tweet:before{content:"";position:absolute;inset:0;z-index:-1;border:1px solid rgba(247,251,255,0);background:linear-gradient(180deg,#f7fbff06,#f7fbff00),#00000038;opacity:0;transition:background .18s ease,border-color .18s ease,opacity .18s ease}.ink-tweet:hover:before{border-color:#f7fbff24;background:linear-gradient(180deg,#f7fbff0a,#f7fbff03),#000000c7;opacity:1}.ink-tweet:hover{color:#f7fbffeb;transform:translateY(-2px)}.ink-tweet__chrome{display:flex;align-items:start;justify-content:space-between;gap:18px;color:#f7fbff6b;font-size:9px;line-height:1.18;text-transform:uppercase}.ink-tweet__chrome span,.ink-tweet__metric strong,.ink-tweet__metric em{display:block;font-style:normal;font-weight:500}.ink-tweet__body{display:block;max-width:34ch;color:currentColor;font-size:clamp(15px,1.05vw,19px);font-weight:500;line-height:1.27;letter-spacing:0}.ink-tweet__metrics{display:flex;flex-wrap:wrap;gap:14px;padding-top:14px;border-top:1px solid rgba(247,251,255,.12)}.ink-tweet__metric{display:grid;gap:4px}.ink-tweet__metric strong{color:#f7fbffbd;font-size:12px;line-height:1;font-variant-numeric:tabular-nums}.ink-tweet__metric em{color:#f7fbff5c;font-size:9px;line-height:1;text-transform:uppercase}.ink-tweet:focus-visible{outline:1px solid rgba(247,251,255,.5);outline-offset:8px}.ink-reader{width:min(760px,calc(100vw - 44px));height:100%;margin:0 auto;padding:clamp(36px,7vh,82px) 0 72px;overflow-y:auto;color:#f7fbffc7;scrollbar-width:none}.ink-reader::-webkit-scrollbar{display:none}.ink-reader__header{padding-bottom:clamp(28px,4.6vh,52px)}.ink-reader__chrome{display:flex;align-items:center;justify-content:space-between;margin-bottom:clamp(34px,6vh,70px);padding-bottom:13px;border-bottom:1px solid rgba(247,251,255,.12)}.ink-reader__back,.ink-reader__source{appearance:none;border:0;margin:0;padding:0;background:transparent;color:#f7fbff7a;font:inherit;font-size:10px;line-height:1;text-decoration:none;text-transform:uppercase;cursor:pointer;transition:color .18s ease}.ink-reader__back:hover,.ink-reader__back:focus-visible,.ink-reader__source:hover,.ink-reader__source:focus-visible{color:#f7fbffe0}.ink-reader__back:focus-visible,.ink-reader__source:focus-visible{outline:1px solid rgba(247,251,255,.5);outline-offset:8px}.ink-reader__kicker{margin:0 0 16px;color:#f7fbff6b;font-size:10px;line-height:1;text-transform:uppercase}.ink-reader h1{max-width:700px;margin:0;color:#f7fbfff0;font-size:clamp(34px,4.5vw,72px);font-weight:500;line-height:.96;letter-spacing:0}.ink-reader__summary{max-width:560px;margin:26px 0 0;color:#f7fbff9e;font-size:clamp(16px,1.2vw,20px);line-height:1.46}.ink-reader__tags{display:flex;flex-wrap:wrap;gap:9px 14px;margin-top:24px}.ink-reader__tags span{color:#f7fbff57;font-size:9px;line-height:1;text-transform:uppercase}.ink-reader__body{display:grid;gap:0}.ink-reader__note{padding:0 0 28px;border-bottom:1px solid rgba(247,251,255,.12)}.ink-reader__note p,.ink-reader__section p{margin:0;font-size:15px;line-height:1.68}.ink-reader__note p{color:#f7fbff7a}.ink-reader__contents{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px 22px;padding:28px 0;border-bottom:1px solid rgba(247,251,255,.12)}.ink-reader__contents span{color:#f7fbff61;font-size:10px;line-height:1.3}.ink-reader__section{display:grid;grid-template-columns:minmax(116px,.35fr) minmax(0,1fr);gap:28px;padding:30px 0;border-bottom:1px solid rgba(247,251,255,.1)}.ink-reader__section h2{margin:0;color:#f7fbff85;font-size:10px;font-weight:500;line-height:1.25;text-transform:uppercase}.ink-reader__section p{color:#f7fbffb8}.code-page{width:100%;min-height:100%;pointer-events:auto}.code-index{display:grid;align-content:start;justify-items:center;width:100%;min-height:100%;padding:clamp(138px,17vh,196px) 0 clamp(150px,18vh,210px)}.code-projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,1.8vw,28px);width:min(1180px,78vw)}.code-project{position:relative;display:grid;min-height:clamp(212px,22vh,276px);align-content:space-between;gap:18px;overflow:hidden;border:1px solid rgba(247,251,255,.1);border-radius:0;padding:clamp(18px,1.8vw,26px);background:#0000006b;color:#f7fbffc7;font:inherit;text-align:left;cursor:pointer;isolation:isolate;transition:border-color .19s ease,background .19s ease,color .19s ease,transform .24s cubic-bezier(.22,1,.36,1)}.code-project:before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;background:linear-gradient(180deg,#f7fbff0b,#f7fbff00),radial-gradient(circle at 80% 0%,rgba(var(--accent-rgb),.12),transparent 38%);transition:opacity .19s ease}.code-project:hover,.code-project:focus-visible{border-color:#f7fbff3d;background:#000000b8;color:#f7fbfff0;transform:translateY(-3px)}.code-project:hover:before,.code-project:focus-visible:before{opacity:1}.code-project:focus-visible,.code-modal__close:focus-visible,.code-modal__scrim:focus-visible{outline:1px solid rgba(247,251,255,.5);outline-offset:8px}.code-project__chrome,.code-project__meta,.code-modal__kicker,.code-modal__footer{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#f7fbff61;font-size:9px;line-height:1;text-transform:uppercase}.code-project__signal{display:grid;gap:8px;padding:clamp(12px,1.5vh,18px) 0}.code-project__signal span{display:block;height:1px;background:#f7fbff2e;box-shadow:0 0 18px #f7fbff14}.code-project__signal span:nth-child(1){width:72%}.code-project__signal span:nth-child(2){width:100%;background:rgba(var(--accent-rgb),.34);box-shadow:0 0 18px rgba(var(--accent-rgb),.18)}.code-project__signal span:nth-child(3){width:48%}.code-project__body{display:grid;gap:13px}.code-project__body strong,.code-project__body em{display:block;font-style:normal;font-weight:500}.code-project__body strong{color:#f7fbffe0;font-size:clamp(18px,1.35vw,26px);line-height:1.02}.code-project__body em{max-width:32ch;color:#f7fbff80;font-size:clamp(12px,.9vw,15px);line-height:1.42}.code-project__meta{align-items:end}.code-project__meta span:last-child{max-width:22ch;text-align:right;line-height:1.25}.code-modal{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:28px}.code-modal__scrim{position:absolute;inset:0;border:0;margin:0;padding:0;background:#000000bd;cursor:pointer}.code-modal__panel{position:relative;display:grid;gap:clamp(20px,3vh,32px);width:min(680px,calc(100vw - 44px));padding:clamp(28px,4vw,48px);border:1px solid rgba(247,251,255,.16);background:#000;box-shadow:0 28px 120px #000000bd}.code-modal__close{position:absolute;top:18px;right:18px;appearance:none;border:0;margin:0;padding:0;background:transparent;color:#f7fbff6b;font:inherit;font-size:9px;line-height:1;text-transform:uppercase;cursor:pointer}.code-modal__kicker{justify-content:start;margin:0}.code-modal h2,.code-modal p{margin:0}.code-modal h2{max-width:10ch;color:#f7fbfff0;font-size:clamp(38px,5vw,72px);font-weight:500;line-height:.96}.code-modal p{max-width:54ch;color:#f7fbff9e;font-size:clamp(15px,1vw,18px);line-height:1.55}.code-modal__stack{display:flex;flex-wrap:wrap;gap:9px 14px;padding-top:4px}.code-modal__stack span{color:#f7fbff6b;font-size:9px;line-height:1;text-transform:uppercase}.code-modal__footer{padding-top:18px;border-top:1px solid rgba(247,251,255,.12)}.code-project__link{color:#f7fbffa8;text-decoration:none}.code-project__link--muted{color:#f7fbff57}.section-menu{position:fixed;z-index:22;left:50%;bottom:max(24px,calc(env(safe-area-inset-bottom) + 16px));display:grid;grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr);align-items:center;justify-content:center;gap:0;width:min(184px,calc(100vw - 48px));min-height:38px;padding:6px 0 7px;border:0;border-radius:0;background:linear-gradient(#f7fbff24,#f7fbff24) top / 100% 1px no-repeat,linear-gradient(#f7fbff21,#f7fbff21) bottom / 100% 1px no-repeat;box-shadow:none;transform:translate(-50%);backdrop-filter:none;-webkit-backdrop-filter:none}.section-menu__item{position:relative;appearance:none;border:0;border-radius:0;margin:0;min-width:0;height:100%;padding:5px 12px 10px;background:transparent;color:#e6ecf470;font:inherit;font-family:var(--font-sans);font-size:9px;font-weight:500;line-height:1;letter-spacing:.16em;text-transform:uppercase;text-align:center;text-indent:.16em;cursor:pointer;transition:color .22s ease,opacity .22s ease,text-shadow .22s ease}.section-menu__particle{position:relative;align-self:center;justify-self:center;width:14px;height:14px;opacity:.54;pointer-events:none}.section-menu__particle:before,.section-menu__particle:after{content:"";position:absolute;border-radius:999px}.section-menu__particle:before{inset:1px;background:radial-gradient(circle at 50% 0%,rgba(247,251,255,.84) 0 1px,transparent 1.45px),radial-gradient(circle at 100% 50%,rgba(247,251,255,.64) 0 1px,transparent 1.45px),radial-gradient(circle at 50% 100%,rgba(247,251,255,.72) 0 1px,transparent 1.45px),radial-gradient(circle at 0% 50%,rgba(247,251,255,.48) 0 1px,transparent 1.45px);filter:drop-shadow(0 0 5px rgba(247,251,255,.16));animation:footerParticleDrift 8s linear infinite}.section-menu__particle:after{top:50%;left:50%;width:1.5px;height:1.5px;background:#f7fbffa8;transform:translate(-50%,-50%)}.section-menu__item:after{content:"";position:absolute;left:50%;bottom:2px;width:2px;height:2px;border-radius:999px;transform:translate(-50%) scale(.35);transform-origin:center;background:#f7fbff80;box-shadow:none;transition:transform .26s ease,opacity .26s ease,background .26s ease,box-shadow .26s ease;opacity:.56}.section-menu__item:hover,.section-menu__item:focus-visible,.section-menu__item.is-active{color:#f7fbffe6}.section-menu__item:hover:after,.section-menu__item:focus-visible:after,.section-menu__item.is-active:after{transform:translate(-50%) scale(1);opacity:1}.section-menu__item.is-active{text-shadow:0 0 16px rgba(247,251,255,.08)}.section-menu__item.is-active:after{background:#f7fbfff0;box-shadow:0 0 7px #f7fbff7a,0 0 16px #f7fbff2e}.section-menu__item:focus-visible{outline:none}@keyframes footerParticleDrift{0%{transform:rotate(0) scale(.92);opacity:.62}50%{transform:rotate(180deg) scale(1.06);opacity:.9}to{transform:rotate(360deg) scale(.92);opacity:.62}}.vignette,.grain{pointer-events:none;position:absolute;inset:0}.vignette{z-index:2;box-shadow:inset 0 0 96px #000000c7,inset 0 -18vh 120px #00000057}.grain{z-index:3;opacity:.08;mix-blend-mode:soft-light;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:radial-gradient(circle at center,black 0%,transparent 72%);mask-image:radial-gradient(circle at center,black 0%,transparent 72%)}@media(max-width:720px){.hero{min-height:100svh;background:#000}.grain{background-size:34px 34px;opacity:.18}.site-header{top:16px}#qs-title{font-size:10px;letter-spacing:.18em;text-indent:.18em}.section-menu{bottom:max(16px,calc(env(safe-area-inset-bottom) + 10px));width:min(174px,calc(100vw - 44px));min-height:36px;padding:6px 0 7px}.section-menu__item{font-size:9px;letter-spacing:.14em;text-indent:.14em;padding:5px 8px 10px}.hero.has-content #scene{opacity:1;transform:none}.hero[data-view=lens] #scene{opacity:0;pointer-events:none}.hero[data-view=lens] .content-stage{padding:52px 12px 94px;overflow:hidden;pointer-events:auto}.content-stage{align-items:start;padding:112px 24px;overflow-y:auto}.content-panel{margin-left:0}.hero[data-view=id] .content-stage{align-items:center;padding:104px 22px;overflow:hidden}.hero[data-view=id] .content-panel{width:min(340px,100%)}.id-page__inner{gap:18px;padding:0;transform:none}.id-page__copy{gap:20px}.id-page__copy p{font-size:22px;line-height:1.28;text-wrap:pretty}.id-page__copy p+p{font-size:17px;line-height:1.45}.lens-gallery{width:100%;height:100%;--filmstrip-height: 58px;gap:10px}.lens-gallery__stage{width:100%;min-height:0;pointer-events:auto}.lens-gallery__viewer{width:min(100%,calc((100svh - 214px)*.6667));height:auto;max-height:100%;aspect-ratio:2 / 3}.lens-gallery__feature{inset:0}.lens-gallery__context,.lens-gallery__stats{display:none}.lens-gallery__meta{justify-self:start;width:min(260px,100%);padding-bottom:0;text-align:left}.lens-gallery__place{font-size:19px}.lens-gallery__region{font-size:11px}.lens-gallery__thumb{min-width:0}.lens-gallery__nav{width:62px;opacity:.85}.hero[data-view=ink] .content-stage,.hero[data-view=code] .content-stage{padding:64px 18px 86px;overflow-x:hidden;overflow-y:auto}.hero[data-view=ink] .content-panel,.hero[data-view=code] .content-panel{height:100%}.ink-index{gap:0;padding:118px 0 112px}.ink-index__header,.code-index__header{width:100%}.ink-lines{width:100%;gap:24px}.ink-particle-break{width:100%;height:156px;margin:26px 0 52px}.ink-line{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px}.ink-line__title{max-width:100%;font-size:15px;white-space:normal}.ink-line__rule{display:none}.ink-line__meta{justify-self:start}.ink-tweets{width:100%}.ink-tweets__header{display:grid;gap:8px}.ink-tweets__grid{grid-template-columns:1fr}.ink-tweet{min-height:224px}.ink-reader{width:100%;padding:24px 0 62px}.ink-reader__chrome{margin-bottom:34px}.ink-reader h1{font-size:36px;line-height:1}.ink-reader__summary{font-size:16px}.ink-reader__contents{grid-template-columns:1fr 1fr}.ink-reader__section{grid-template-columns:1fr;gap:12px;padding:25px 0}.code-index{padding:96px 0 112px}.code-projects{grid-template-columns:1fr;width:100%}.code-project{min-height:196px}.code-modal{padding:18px}.code-modal__panel{padding:30px 24px}}@media(prefers-reduced-motion:reduce){#qs-title,#scene,.content-panel{transition:none}}