@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,600;1,9..40,400&display=swap";:root{--bg-deep:#0a0b10;--bg-mid:#12141c;--text:#e8e6f0;--text-muted:#9a95ab;--accent:#7c5cff;--accent-hover:#9580ff;--sans:"DM Sans", system-ui, sans-serif}*,:before,:after{box-sizing:border-box}html{scroll-behavior:auto}body{min-height:100vh;font-family:var(--sans);color:var(--text);background:radial-gradient(120% 80% at 50% 20%, var(--bg-mid), var(--bg-deep));-webkit-font-smoothing:antialiased;margin:0;font-size:clamp(15px,2.5vw,18px);line-height:1.45}main{margin:0}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.scroll-stage{position:relative}.pin-panel{z-index:20;background:#08080a;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative}.gallery-wrap{z-index:0;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.gallery{background:#08080a;flex:none;width:100%;height:100%;position:relative}.gallery__item{background:#000;flex:none;min-width:0;min-height:0;position:relative}.gallery__item--center{z-index:1;justify-content:center;align-items:center;display:flex;overflow:visible;container-type:size}.gallery__code-btn{all:unset;box-sizing:border-box;cursor:pointer;border-radius:2px;justify-content:center;align-items:center;width:100%;max-width:100%;height:100%;max-height:100%;padding:clamp(.25rem,2cqi,1rem);transition:background .2s;display:flex}.gallery__code-btn:hover{background:#7c5cff14}.gallery__code-btn:focus-visible{outline:2px solid var(--accent-hover);outline-offset:2px}.gallery__code{letter-spacing:-.02em;text-align:left;white-space:pre;transform-origin:50%;will-change:transform;max-width:100%;margin:0;font-family:ui-monospace,SF Mono,Cascadia Code,Menlo,monospace;font-size:clamp(.42rem,4.2cqi,.72rem);line-height:1.4;overflow:visible}.gallery__code code{display:block}.gallery--final .gallery__item--center .gallery__code{font-size:clamp(.55rem,2.4vw,1.05rem)}.tok-fn,.tok-method{color:#9580ff}.tok-param{color:#c4bfd6}.tok-key{color:#7eb8da}.tok-num{color:#e8b86d}.tok-str{color:#8fd4a0}.tok-punc{color:#6b6578}.gallery--bento{grid-template-rows:repeat(4,23vh);grid-template-columns:repeat(3,32.5vw);place-content:center;gap:1vh;display:grid}.gallery--final.gallery--bento{grid-template-rows:repeat(4,49.5vh);grid-template-columns:repeat(3,100vw);gap:1vh}.gallery--bento .gallery__item:first-child{grid-area:1/1/3/2}.gallery--bento .gallery__item:nth-child(2){grid-area:1/2/2/3}.gallery--bento .gallery__item:nth-child(3){grid-area:2/2/4/3}.gallery--bento .gallery__item:nth-child(4){grid-area:1/3/3/3}.gallery--bento .gallery__item:nth-child(5){grid-area:3/1/3/2}.gallery--bento .gallery__item:nth-child(6){grid-area:3/3/5/4}.gallery--bento .gallery__item:nth-child(7){grid-area:4/1/5/2}.gallery--bento .gallery__item:nth-child(8){grid-area:4/2/5/3}.content-dark{z-index:0;color:#e8e6f0;background:#050508;border-top:1px solid #ffffff0f;min-height:100dvh;padding:clamp(2.5rem,8vw,5rem) clamp(1.25rem,4vw,2.5rem);position:relative}.content-dark__inner{max-width:52rem;margin:0 auto}.content-dark__title{letter-spacing:-.02em;color:#fff;margin:0 0 1rem;font-size:clamp(1.35rem,3vw,1.75rem);font-weight:600}.content-dark__lede{color:#c4bfd6;margin:0 0 1.25rem;font-size:clamp(1.05rem,2.2vw,1.15rem)}.content-dark p{color:#a39ab8;margin:0 0 1.1rem;font-size:1rem;line-height:1.6}.content-dark p:last-child{margin-bottom:0}.post-hero{border-top:1px solid #ffffff14;padding:clamp(2rem,6vw,4rem) clamp(1.25rem,4vw,2.5rem)}.post-hero__inner{text-align:center;flex-direction:column;align-items:center;gap:clamp(1rem,3vw,1.75rem);max-width:720px;margin:0 auto;display:flex}.content-dark .brand-mark{letter-spacing:-.03em;font-family:ui-monospace,SF Mono,Cascadia Code,Menlo,monospace;font-weight:600;color:#9580ff!important;margin:0 0 3rem!important;font-size:2rem!important;line-height:1!important}.tagline{letter-spacing:.02em;color:var(--text-muted);margin:0;font-size:clamp(1rem,2.8vw,1.25rem);font-weight:600}.contact-block{flex-direction:column;align-items:center;gap:.75rem;min-height:3rem;display:flex}.contact-btn{font:inherit;letter-spacing:.04em;text-transform:uppercase;color:#333;cursor:pointer;margin-top:1.5rem;padding:.85rem 1.75rem;font-size:.8rem;font-weight:600}.contact-btn:hover{transform:translateY(-1px)}.contact-btn:focus-visible{outline:2px solid var(--accent-hover);outline-offset:3px}.email-reveal{color:var(--text);word-break:break-all;max-width:100%;margin:0;font-size:.95rem}.email-reveal[hidden]{display:none}@media (prefers-reduced-motion:reduce){.gallery__code-btn{transition:none}}