.writing-code-page{isolation:isolate;position:relative}.writing-code-page .cb-root{z-index:-1;pointer-events:none;--cb-bg-0:#0a0b10;--cb-bg-1:#1c212f;--cb-ink:#eaf2ff;background:#0a0b10;position:fixed;inset:0;overflow:hidden}.writing-code-page .cb-canvas{opacity:.8;width:100%;height:100%;position:absolute;inset:0}.writing-code-page .cb-vignette{background:radial-gradient(#0000 25%,#0a0b1090 100%);position:absolute;inset:0}.writing-code-page .cb-grain{display:none}.writing-code-page>.listing{z-index:1;position:relative}.writing-code-page .post-list{backdrop-filter:blur(3px);background:#0a0b10b8;border-top:1px solid #656f9866}.writing-code-page .post-row{border-color:#656f9844;padding-inline:22px;transition:background .25s}.writing-code-page .post-row:hover,.writing-code-page .post-row:focus-visible{background:#1c212fe0}.writing-code-page .listing h1{color:#eaf2ff;text-shadow:0 2px 20px #0a0b10}@media (width<=700px){.writing-code-page .post-row{padding-inline:12px}}.projects-grid.generative-project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding-block:12px 32px;display:grid}.art-gallery-slot{perspective:1000px;width:100%;height:340px;position:relative}.art-gallery-slot:hover,.art-gallery-slot:focus-within{z-index:2}.art-gallery-card{outline-offset:8px;background:#1c212f;border:1px solid #656f9855;border-radius:12px;width:100%;height:100%;transition:border-color .3s,box-shadow .3s;display:block;position:relative}.art-gallery-card.is-active{border-color:#8b5cff99;box-shadow:0 22px 40px #0a0b1099}.art-gallery-card:focus-visible{outline:2px solid #f90}.art-gallery-face{transform-style:preserve-3d;background:#0a0b10;border-radius:8px;flex-direction:column;justify-content:flex-end;padding:24px;display:flex;position:absolute;inset:16px;overflow:hidden;transform:translateZ(50px)}.art-gallery-image,.art-gallery-canvas,.art-gallery-shade{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.art-gallery-image{object-fit:cover;object-position:center;transition:transform .5s}.art-gallery-card.is-active .art-gallery-image{transform:scale(1.1)}.art-gallery-canvas{opacity:0;z-index:2;transition:opacity .5s}.art-gallery-card.is-active .art-gallery-canvas{opacity:1}.art-gallery-shade{opacity:0;z-index:1;background:linear-gradient(#0000,#0a0b1066 50%,#0a0b10e6);transition:opacity .3s}.art-gallery-copy{z-index:3;pointer-events:none;position:relative}.art-gallery-copy h3{color:#eaf2ff;margin:0 0 6px;font-size:21px;font-weight:700;line-height:1.45}.art-gallery-copy p{color:#eaf9ffb3;margin:0;font-size:13px}.art-gallery-arrow{color:#f90;opacity:0;z-index:3;pointer-events:none;transition:opacity .3s;position:absolute;top:16px;right:16px}.art-gallery-card.is-active .art-gallery-arrow{opacity:1}@media (width<=1050px){.projects-grid.generative-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=650px){.projects-grid.generative-project-grid{grid-template-columns:1fr;gap:28px}.art-gallery-slot{height:330px}}@media (hover:none){.art-gallery-copy h3,.art-gallery-copy p{opacity:1!important;transform:none!important}.art-gallery-arrow{opacity:1}}@media (prefers-reduced-motion:reduce){.art-gallery-slot,.art-gallery-card,.art-gallery-face{opacity:1!important;transform:none!important}.art-gallery-image,.art-gallery-card,.art-gallery-arrow{transition:none}.art-gallery-copy h3,.art-gallery-copy p{opacity:1!important;transform:none!important}}.art-gallery-card.is-active .art-gallery-shade{opacity:1}