.BlogPostExperience-module__GI9_OW__page{--hero-x:0px;--hero-y:0px;--note-reveal-distance:1rem;--note-reveal-duration:.25s;--note-reveal-move-duration:.59s;--note-reveal-blur-duration:.54s;color:#f8f8faeb;background:#020304;min-height:100dvh;padding:5.2rem 0 8rem;position:relative;overflow-x:clip}.BlogPostExperience-module__GI9_OW__progress{z-index:1100;opacity:0;pointer-events:none;background:#ffffff1a;height:2px;transition:opacity .22s,transform .32s cubic-bezier(.22,1,.36,1);position:fixed;top:calc(4.7rem + 5px);left:0;right:0;transform:translateY(-3px)}.BlogPostExperience-module__GI9_OW__progressVisible{opacity:1;transform:translateY(0)}.BlogPostExperience-module__GI9_OW__progressFill{z-index:1;transform:scaleX(var(--read-progress));transform-origin:0;will-change:transform, background-position;background:linear-gradient(90deg,#a977ff 0%,#687cff 22%,#45c8ee 44%,#65e3b5 66%,#45c8ee 82%,#a977ff 100%) 0 0/220% 100%;animation:4.8s linear infinite BlogPostExperience-module__GI9_OW__progress-spectrum;position:absolute;inset:0;box-shadow:0 0 9px #45c8ee52}.BlogPostExperience-module__GI9_OW__progressNode{z-index:2;top:50%;left:calc(var(--read-progress) * 100%);will-change:left;background:#75cfff;border-radius:50%;width:.42rem;height:.42rem;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 10px #75cfffc7}.BlogPostExperience-module__GI9_OW__progressValue{z-index:2;color:#ffffff75;font-family:var(--font-ibm-plex-mono), monospace;font-size:.62rem;position:absolute;top:.72rem;right:1.45rem}.BlogPostExperience-module__GI9_OW__backRow{width:calc(100% - 2.5rem);margin-inline:auto;padding:1.15rem 0}.BlogPostExperience-module__GI9_OW__backLink{color:#ffffff94;min-height:2.5rem;font-family:var(--font-ibm-plex-mono), monospace;align-items:center;gap:.55rem;font-size:.72rem;transition:color .18s,transform .18s;display:inline-flex}.BlogPostExperience-module__GI9_OW__backLink:hover,.BlogPostExperience-module__GI9_OW__backLink:focus-visible{color:#cbb4ff;transform:translate(-.18rem)}.BlogPostExperience-module__GI9_OW__hero{border-top:1px solid #ffffff1c;border-bottom:1px solid #ffffff1f;grid-template-columns:minmax(0,56%) minmax(0,44%);min-height:clamp(22rem,27vw,30rem);display:grid}.BlogPostExperience-module__GI9_OW__heroImage{min-height:inherit;position:relative;overflow:hidden}.BlogPostExperience-module__GI9_OW__heroImage img{object-fit:cover;object-position:center;transform:translate3d(var(--hero-x), var(--hero-y), 0) scale(1.035);transition:transform .9s cubic-bezier(.22,1,.36,1);animation:18s ease-in-out infinite alternate BlogPostExperience-module__GI9_OW__tide-drift}.BlogPostExperience-module__GI9_OW__heroCopy{flex-direction:column;justify-content:center;padding:clamp(2.5rem,4.5vw,5.5rem);display:flex}.BlogPostExperience-module__GI9_OW__meta,.BlogPostExperience-module__GI9_OW__tags,.BlogPostExperience-module__GI9_OW__toc{font-family:var(--font-ibm-plex-mono), monospace}.BlogPostExperience-module__GI9_OW__meta{color:#b991ff;flex-wrap:wrap;gap:.6rem;font-size:.72rem;display:flex}.BlogPostExperience-module__GI9_OW__meta a{color:inherit;text-underline-offset:.2em;-webkit-text-decoration:underline #b991ff73;text-decoration:underline #b991ff73}.BlogPostExperience-module__GI9_OW__meta a:hover{color:#d8bcff;text-decoration-color:currentColor}.BlogPostExperience-module__GI9_OW__meta a:focus-visible{outline-offset:3px;border-radius:.2rem;outline:2px solid #b991ff}.BlogPostExperience-module__GI9_OW__heroCopy h1{max-width:11ch;font-family:var(--font-space-grotesk), sans-serif;letter-spacing:-.055em;margin-top:1.6rem;font-size:clamp(2.8rem,4.2vw,4.9rem);font-weight:500;line-height:.98}.BlogPostExperience-module__GI9_OW__summary{color:#ffffffa3;max-width:34rem;margin-top:1.6rem;font-size:clamp(1rem,1.25vw,1.25rem);line-height:1.55}.BlogPostExperience-module__GI9_OW__tags{flex-wrap:wrap;gap:.7rem;margin-top:1.8rem;display:flex}.BlogPostExperience-module__GI9_OW__tags span{color:#ffffffb8;border:1px solid #ffffff29;padding:.5rem .8rem;font-size:.68rem}.BlogPostExperience-module__GI9_OW__tags span:first-child{border-color:#b991ff80}.BlogPostExperience-module__GI9_OW__tags span:nth-child(2){border-color:#45c8ee80}.BlogPostExperience-module__GI9_OW__tags span:nth-child(3){border-color:#65e3b580}.BlogPostExperience-module__GI9_OW__contentGrid{grid-template-columns:minmax(0,50rem) minmax(12rem,15rem);justify-content:center;gap:clamp(2.25rem,4vw,4rem);width:min(100% - 3rem,82rem);margin:clamp(3rem,5vw,5.5rem) auto 0;display:grid;transform:translate(clamp(.75rem,1.5vw,1.75rem))}.BlogPostExperience-module__GI9_OW__article{min-width:0}.BlogPostExperience-module__GI9_OW__article .blog-note-prose{max-width:50rem}.BlogPostExperience-module__GI9_OW__article .blog-note-prose>*{opacity:0;filter:blur(5px);transform:translateY(var(--note-reveal-distance));transition:opacity var(--note-reveal-duration) cubic-bezier(.22, 1, .36, 1), transform var(--note-reveal-move-duration) cubic-bezier(.22, 1, .36, 1), filter var(--note-reveal-blur-duration) ease;transition-delay:var(--note-delay,0s)}.BlogPostExperience-module__GI9_OW__article .blog-note-prose>[data-note-visible=true]{opacity:1;filter:blur();transform:translateY(0)}.BlogPostExperience-module__GI9_OW__article .blog-note-prose p{color:#f5f5f7c2;font-family:var(--font-inter), sans-serif;margin-block:0 1.35rem;font-size:clamp(1rem,.35vw + .94rem,1.13rem);line-height:1.78}.BlogPostExperience-module__GI9_OW__article .blog-note-prose h2{color:#fafafcf0;font-family:var(--font-space-grotesk), sans-serif;letter-spacing:-.035em;margin:3rem 0 1rem;font-size:clamp(1.65rem,2.2vw,2.2rem);font-weight:400}.BlogPostExperience-module__GI9_OW__article .blog-note-prose pre{box-shadow:none;background:#020305e0;border:1px solid #ffffff26;border-radius:0;margin:1.7rem 0 2rem;padding:1.4rem 1.6rem;position:relative;overflow:auto}.BlogPostExperience-module__GI9_OW__article .blog-note-prose pre:before{content:"";background:linear-gradient(90deg,#0000,#a977ff,#45c8ee,#0000);width:38%;height:1px;animation:5.5s ease-in-out infinite BlogPostExperience-module__GI9_OW__code-signal;position:absolute;top:-1px;left:-35%}.BlogPostExperience-module__GI9_OW__article .blog-note-prose pre code{font-size:.86rem;line-height:1.65}.BlogPostExperience-module__GI9_OW__article .blog-note-prose blockquote{color:#ffffffc7;font-family:var(--font-ibm-plex-mono), monospace;background:0 0;border:0;border-left:1px solid #a977ff;border-radius:0;margin:2.5rem 0;padding:.25rem 0 .25rem 1.6rem;font-size:.92rem}.BlogPostExperience-module__GI9_OW__toc{border-left:1px solid #ffffff24;align-self:start;padding-left:1.5rem;position:sticky;top:8.5rem}.BlogPostExperience-module__GI9_OW__toc>p{color:#ffffff8c;letter-spacing:.24em;text-transform:uppercase;margin-bottom:1.4rem;font-size:.68rem}.BlogPostExperience-module__GI9_OW__toc nav{display:grid}@media (min-width:901px){.BlogPostExperience-module__GI9_OW__toc nav{padding-right:.5rem}}.BlogPostExperience-module__GI9_OW__toc a{color:#ffffff6b;align-items:center;min-height:2.35rem;font-size:.72rem;transition:color .24s,transform .35s cubic-bezier(.22,1,.36,1);display:flex;position:relative}.BlogPostExperience-module__GI9_OW__toc a:hover,.BlogPostExperience-module__GI9_OW__toc a:focus-visible,.BlogPostExperience-module__GI9_OW__toc .BlogPostExperience-module__GI9_OW__activeSection{color:#cbb4ff;transform:translate(.22rem)}.BlogPostExperience-module__GI9_OW__toc i{background:0 0;border-radius:50%;width:.42rem;height:.42rem;transition:background .24s,box-shadow .24s,transform .42s cubic-bezier(.22,1,.36,1);position:absolute;left:-1.76rem}.BlogPostExperience-module__GI9_OW__toc .BlogPostExperience-module__GI9_OW__activeSection i{background:#a977ff;transform:scale(1.08);box-shadow:0 0 11px #a977ffb8}.BlogPostExperience-module__GI9_OW__page [data-note-reveal]{opacity:0;filter:blur(5px);transform:translateY(var(--note-reveal-distance));transition:opacity var(--note-reveal-duration) cubic-bezier(.22, 1, .36, 1), transform var(--note-reveal-move-duration) cubic-bezier(.22, 1, .36, 1), filter var(--note-reveal-blur-duration) ease}.BlogPostExperience-module__GI9_OW__page [data-note-reveal][data-note-visible=true]{opacity:1;filter:blur();transform:translateY(0)}@keyframes BlogPostExperience-module__GI9_OW__tide-drift{0%{transform:translate3d(var(--hero-x), var(--hero-y), 0) scale(1.035)}to{transform:translate3d(calc(var(--hero-x) - .65rem), calc(var(--hero-y) + .35rem), 0) scale(1.055)}}@keyframes BlogPostExperience-module__GI9_OW__code-signal{0%,22%{opacity:0;left:-38%}35%{opacity:.85}72%,to{opacity:0;left:100%}}@keyframes BlogPostExperience-module__GI9_OW__progress-spectrum{0%{background-position:0%}to{background-position:220%}}@media (max-width:900px){.BlogPostExperience-module__GI9_OW__page{padding-top:5rem}.BlogPostExperience-module__GI9_OW__hero{grid-template-columns:1fr}.BlogPostExperience-module__GI9_OW__heroImage{min-height:18rem}.BlogPostExperience-module__GI9_OW__heroCopy{padding:2.5rem 1.5rem 3rem}.BlogPostExperience-module__GI9_OW__heroCopy h1{max-width:14ch}.BlogPostExperience-module__GI9_OW__contentGrid{grid-template-columns:1fr;gap:2rem;transform:none}.BlogPostExperience-module__GI9_OW__toc{border-bottom:1px solid #ffffff1f;border-left:0;grid-row:1;padding:0 0 1.5rem;position:static}.BlogPostExperience-module__GI9_OW__toc nav{grid-template-columns:repeat(2,minmax(0,1fr))}.BlogPostExperience-module__GI9_OW__toc i{display:none}}@media (max-width:560px){.BlogPostExperience-module__GI9_OW__backRow{width:calc(100% - 1.5rem)}.BlogPostExperience-module__GI9_OW__heroImage{min-height:14rem}.BlogPostExperience-module__GI9_OW__heroCopy h1{font-size:clamp(2.4rem,12vw,3.25rem)}.BlogPostExperience-module__GI9_OW__contentGrid{width:calc(100% - 1.5rem)}.BlogPostExperience-module__GI9_OW__toc{background:#ffffff06;border:1px solid #ffffff1f;border-radius:.75rem;padding:1rem;overflow:hidden}.BlogPostExperience-module__GI9_OW__toc>p{margin-bottom:.85rem}.BlogPostExperience-module__GI9_OW__toc nav{scrollbar-width:none;scroll-snap-type:x proximity;gap:.55rem;padding-bottom:.2rem;display:flex;overflow-x:auto}.BlogPostExperience-module__GI9_OW__toc nav::-webkit-scrollbar{display:none}.BlogPostExperience-module__GI9_OW__toc a{white-space:nowrap;scroll-snap-align:start;background:#ffffff05;border:1px solid #ffffff1c;border-radius:999px;flex:none;min-height:2.35rem;padding:.55rem .8rem}.BlogPostExperience-module__GI9_OW__toc a:hover,.BlogPostExperience-module__GI9_OW__toc a:focus-visible,.BlogPostExperience-module__GI9_OW__toc .BlogPostExperience-module__GI9_OW__activeSection{background:#a977ff17;border-color:#a977ff75;transform:none}.BlogPostExperience-module__GI9_OW__article .blog-note-prose pre{margin-inline:-.15rem;padding:1.15rem 1rem}}@media (prefers-reduced-motion:reduce){.BlogPostExperience-module__GI9_OW__progressFill,.BlogPostExperience-module__GI9_OW__progressNode,.BlogPostExperience-module__GI9_OW__progress,.BlogPostExperience-module__GI9_OW__backLink,.BlogPostExperience-module__GI9_OW__heroImage img,.BlogPostExperience-module__GI9_OW__toc a,.BlogPostExperience-module__GI9_OW__toc i,.BlogPostExperience-module__GI9_OW__page [data-note-reveal]{transition:none;animation:none}.BlogPostExperience-module__GI9_OW__article .blog-note-prose>*{transition:none;animation:none}.BlogPostExperience-module__GI9_OW__heroImage img{transform:none}.BlogPostExperience-module__GI9_OW__article .blog-note-prose pre:before{display:none}}