._25G50a_card{isolation:isolate;min-width:0;box-shadow:0 0 1.5rem color-mix(in srgb, var(--card-accent) 12%, transparent);--card-accent:#22d3eee0;background:linear-gradient(145deg,#30233ef5,#1d1927fa);flex-direction:column;display:flex;position:relative;overflow:visible}._25G50a_card[data-featured=true]{--card-accent:#a855f7e6}._25G50a_card:before{z-index:2;content:"";pointer-events:none;background:linear-gradient(var(--card-accent), var(--card-accent)) left top / 28% 3px no-repeat, linear-gradient(color-mix(in srgb, var(--card-accent) 58%, transparent), color-mix(in srgb, var(--card-accent) 58%, transparent)) 33% top / 8% 3px no-repeat, linear-gradient(var(--card-accent), var(--card-accent)) 47% top / 19% 3px no-repeat, linear-gradient(var(--card-accent), var(--card-accent)) right top / 22% 3px no-repeat, linear-gradient(var(--card-accent), var(--card-accent)) left top / 3px 34% no-repeat, linear-gradient(var(--card-accent), var(--card-accent)) left 45% / 3px 20% no-repeat, linear-gradient(var(--card-accent), var(--card-accent)) left bottom / 3px 25% no-repeat, linear-gradient(var(--card-accent), var(--card-accent)) right top / 3px 24% no-repeat, linear-gradient(color-mix(in srgb, var(--card-accent) 58%, transparent), color-mix(in srgb, var(--card-accent) 58%, transparent)) right 32% / 3px 9% no-repeat, linear-gradient(var(--card-accent), var(--card-accent)) right 47% / 3px 19% no-repeat, linear-gradient(var(--card-accent), var(--card-accent)) right bottom / 3px 24% no-repeat, linear-gradient(var(--card-accent), var(--card-accent)) left bottom / 26% 3px no-repeat, linear-gradient(var(--card-accent), var(--card-accent)) 37% bottom / 17% 3px no-repeat, linear-gradient(var(--card-accent), var(--card-accent)) right bottom / 24% 3px no-repeat;position:absolute;inset:0}._25G50a_artwork{background:radial-gradient(ellipse at center, color-mix(in srgb, var(--card-accent) 8%, transparent), transparent 72%);justify-content:center;align-items:center;width:100%;padding-block:clamp(1rem,2.5vw,1.5rem);display:flex;position:relative}._25G50a_artworkLink{z-index:1;width:84%;max-width:calc(100% - 1rem);display:block;position:relative}._25G50a_artworkImage{width:100%;height:auto;display:block}._25G50a_artworkLink:focus-visible{outline-offset:-4px}._25G50a_artwork[data-artwork=ally] ._25G50a_artworkLink{width:84%}._25G50a_artwork[data-artwork=ntpt-boilerplate] ._25G50a_artworkLink{width:90%}._25G50a_artwork[data-artwork=a11y-report-runner] ._25G50a_artworkLink{width:80%}._25G50a_artwork[data-artwork=maikodev-website] ._25G50a_artworkLink{width:82%}@media (min-width:56rem){._25G50a_artwork{min-height:clamp(18rem,33.333vw,25rem)}}._25G50a_body{flex-direction:column;flex:1;min-width:0;padding:clamp(1.25rem,2.5vw,2rem);display:flex}._25G50a_status{border:1px solid var(--card-accent);color:var(--color-porcelain);font-family:var(--font-code);letter-spacing:.08em;text-transform:uppercase;align-self:flex-start;margin:0 0 .75rem;padding:.15rem .55rem;font-size:.875rem;font-weight:600;line-height:1.5}._25G50a_title{color:var(--color-porcelain);font-family:var(--font-code);overflow-wrap:anywhere;margin:0;font-size:clamp(1.25rem,2vw,1.65rem);line-height:1.3}._25G50a_title a{color:inherit;-webkit-text-decoration-color:color-mix(in srgb, var(--card-accent) 78%, transparent);text-decoration-color:color-mix(in srgb, var(--card-accent) 78%, transparent)}._25G50a_summary{color:var(--color-porcelain);font-family:var(--font-secondary);overflow-wrap:anywhere;margin:1rem 0 0;font-size:1rem;line-height:1.6}@media (forced-colors:active){._25G50a_card{border:1px solid canvastext}._25G50a_card:before{display:none}}
._26JrhG_pageButton,._26JrhG_pageButton:link,._26JrhG_pageButton:visited,._26JrhG_pageButton:hover,._26JrhG_pageButton:active,._26JrhG_pagination ._26JrhG_pageButton[aria-current=page],._26JrhG_pageButtonText{text-decoration:none}._26JrhG_pagination[data-accent=violet] a{border-color:var(--color-violet-400);color:var(--color-violet-100)}._26JrhG_pagination[data-accent=violet] a:hover{background-color:#7c3aed40}._26JrhG_pagination[data-accent=cyan] a:hover{background-color:#0891b240}._26JrhG_pagination a[aria-current=page]{background-color:color-mix(in srgb, var(--page-accent) 20%, transparent);border-width:2px;font-weight:700;text-decoration-line:underline}._26JrhG_pagination[data-accent=violet]{--page-accent:var(--color-violet-300)}._26JrhG_pagination[data-accent=cyan]{--page-accent:var(--color-cyan-300)}
.D-cxOq_page{isolation:isolate;width:100%;max-width:100%;color:var(--color-porcelain);position:relative}.D-cxOq_page:before{z-index:-1;content:"";pointer-events:none;background:linear-gradient(to bottom, transparent 0%, transparent calc(100% - 7rem), color-mix(in srgb, var(--color-page-bg-dark) 55%, var(--color-nav-bg-dark)) calc(100% - 3rem), var(--color-nav-bg-dark) 100%), radial-gradient(ellipse at 12% 14%, #7c3aed26, transparent 31rem), radial-gradient(ellipse at 88% 35%, #22d3ee1c, transparent 34rem), radial-gradient(ellipse at 8% 78%, #d946ef1a, transparent 28rem), radial-gradient(ellipse at 52% 42%, transparent 31rem, #a855f721 31.08rem 31.16rem, transparent 31.28rem), radial-gradient(circle, #f6e6f93b 0 1px, transparent 1.3px) 0 0 / 37px 41px;position:absolute;inset:-6rem 0 -5rem}.D-cxOq_indexIntro{text-align:center;width:min(100% - 2rem,74rem);margin:0 auto clamp(2rem,5vw,4rem)}.D-cxOq_indexIntro h2{color:var(--color-pink-300);font-family:var(--font-code);margin:0;font-size:clamp(1.4rem,3vw,2rem);line-height:1.3}.D-cxOq_indexIntro p{color:var(--color-cyan-300);font-family:var(--font-code);margin:.5rem 0 0;font-size:clamp(1rem,1.5vw,1.25rem)}.D-cxOq_projectList{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,3vw,2.5rem);width:min(100% - 2rem,74rem);margin:0 auto;display:grid}.D-cxOq_surface{--project-accent:#22d3eee0;isolation:isolate;overflow-wrap:anywhere;width:min(100% - 2rem,74rem);min-width:0;box-shadow:0 0 2.5rem color-mix(in srgb, var(--project-accent) 12%, transparent), inset 0 0 3rem #d946ef09;background:linear-gradient(145deg,#30233ef0,#1d1927f5);margin-inline:auto;padding:clamp(1.25rem,4vw,3.5rem);position:relative}.D-cxOq_page[data-accent=violet] .D-cxOq_surface{--project-accent:#a855f7e6}.D-cxOq_surface:before{z-index:0;content:"";pointer-events:none;background:linear-gradient(var(--project-accent), var(--project-accent)) left top / 24% 3px no-repeat, linear-gradient(color-mix(in srgb, var(--project-accent) 62%, transparent), color-mix(in srgb, var(--project-accent) 62%, transparent)) 28% top / 7% 3px no-repeat, linear-gradient(var(--project-accent), var(--project-accent)) 39% top / 19% 3px no-repeat, linear-gradient(var(--project-accent), var(--project-accent)) 63% top / 8% 3px no-repeat, linear-gradient(var(--project-accent), var(--project-accent)) right top / 25% 3px no-repeat, linear-gradient(var(--project-accent), var(--project-accent)) left top / 3px 29% no-repeat, linear-gradient(color-mix(in srgb, var(--project-accent) 62%, transparent), color-mix(in srgb, var(--project-accent) 62%, transparent)) left 35% / 3px 8% no-repeat, linear-gradient(var(--project-accent), var(--project-accent)) left 48% / 3px 22% no-repeat, linear-gradient(var(--project-accent), var(--project-accent)) left bottom / 3px 25% no-repeat, linear-gradient(var(--project-accent), var(--project-accent)) right top / 3px 22% no-repeat, linear-gradient(color-mix(in srgb, var(--project-accent) 62%, transparent), color-mix(in srgb, var(--project-accent) 62%, transparent)) right 29% / 3px 8% no-repeat, linear-gradient(var(--project-accent), var(--project-accent)) right 42% / 3px 20% no-repeat, linear-gradient(var(--project-accent), var(--project-accent)) right bottom / 3px 25% no-repeat, linear-gradient(var(--project-accent), var(--project-accent)) left bottom / 22% 3px no-repeat, linear-gradient(color-mix(in srgb, var(--project-accent) 62%, transparent), color-mix(in srgb, var(--project-accent) 62%, transparent)) 31% bottom / 18% 3px no-repeat, linear-gradient(var(--project-accent), var(--project-accent)) 54% bottom / 10% 3px no-repeat, linear-gradient(var(--project-accent), var(--project-accent)) right bottom / 24% 3px no-repeat;position:absolute;inset:-2px}.D-cxOq_surface>*{z-index:1;position:relative}.D-cxOq_projectStatus{border:1px solid var(--project-accent);min-height:2rem;color:var(--color-porcelain);font-family:var(--font-code);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;margin:0 0 1rem;padding:.25rem .75rem;font-size:.875rem;font-weight:600;display:inline-flex}.D-cxOq_projectIntro{align-items:start;gap:var(--project-intro-gap);grid-template-columns:minmax(0,1fr) minmax(0,.95fr);display:grid}.D-cxOq_projectArtworkColumn{min-width:0}.D-cxOq_projectArtwork{isolation:isolate;min-width:0;margin:0;position:relative}.D-cxOq_projectArtwork:before{z-index:-1;content:"";background:radial-gradient(ellipse, color-mix(in srgb, var(--project-accent) 25%, transparent), transparent 70%);filter:blur(1rem);border-radius:50%;position:absolute;inset:9%}.D-cxOq_projectArtwork img{width:var(--project-artwork-width,100%);object-fit:contain;max-width:100%;height:auto;margin-inline:auto;display:block}.D-cxOq_projectArtworkColumn[data-artwork=ally]{--project-artwork-width:96%}.D-cxOq_projectArtworkColumn[data-artwork=ntpt-boilerplate]{--project-artwork-width:88%}.D-cxOq_projectArtworkColumn[data-artwork=a11y-report-runner]{--project-artwork-width:76%}.D-cxOq_projectArtworkColumn[data-artwork=maikodev-website]{--project-artwork-width:82%}.D-cxOq_projectDetails{min-width:0}.D-cxOq_projectDetails h2,.D-cxOq_updatesHeading{color:var(--project-accent-solid,var(--color-cyan-200));font-family:var(--font-code);margin:0 0 .75rem;font-size:clamp(1.3rem,2.4vw,1.8rem);line-height:1.3}.D-cxOq_page[data-accent=violet] .D-cxOq_projectDetails h2,.D-cxOq_page[data-accent=violet] .D-cxOq_updatesHeading{--project-accent-solid:var(--color-violet-200)}.D-cxOq_projectDetails p,.D-cxOq_projectDetails li{color:var(--color-porcelain);overflow-wrap:anywhere}.D-cxOq_projectDescription{border-inline-start:2px solid color-mix(in srgb, var(--project-accent) 75%, transparent);color:var(--color-porcelain);font-family:var(--font-secondary);margin:0 0 1.5rem;padding-inline-start:1rem;font-size:clamp(1.15rem,1.8vw,1.4rem);line-height:1.65}.D-cxOq_projectDescriptionText,.D-cxOq_projectSummaryText{margin:0}.D-cxOq_techStack{border-inline-start:2px solid color-mix(in srgb, var(--project-accent) 75%, transparent);margin-bottom:2rem;padding-left:1rem}.D-cxOq_projectSummaryAcrossColumns{width:100%;max-width:100%;margin-block-start:clamp(1.75rem,4vw,2.5rem)}.D-cxOq_projectSummaryResponsive{display:none}.D-cxOq_projectSummaryAcrossColumns .D-cxOq_projectSummary{margin-block:0}@media (min-width:56rem) and (max-width:71.999rem){.D-cxOq_projectSummaryInline{display:none}.D-cxOq_projectSummaryResponsive{display:block}}.D-cxOq_projectSummary{border-inline-start:3px solid var(--project-accent);background:color-mix(in srgb, var(--project-accent) 9%, #09060c66);color:var(--color-porcelain);font-family:var(--font-secondary);margin-block:1.75rem;padding:1.25rem clamp(1rem,2vw,1.5rem);font-size:clamp(1rem,1.5vw,1.15rem);font-style:italic;line-height:1.7}.D-cxOq_projectSummary h2{color:var(--project-accent-solid,var(--color-cyan-200));letter-spacing:.04em;text-transform:uppercase;margin:0 0 .5rem;font-size:1rem;font-style:normal}.D-cxOq_page[data-accent=violet] .D-cxOq_projectSummary h2{--project-accent-solid:var(--color-violet-200)}.D-cxOq_projectExternalLink{box-sizing:border-box;width:var(--project-artwork-width,100%);border:1px solid var(--color-cyan-300);border-radius:var(--radius-md,.375rem);max-width:100%;min-height:2.75rem;color:var(--color-cyan-100);overflow-wrap:anywhere;text-align:center;justify-content:center;align-items:center;gap:.5rem;margin:clamp(.75rem,1.5vw,1rem) auto 0;padding:.65rem 1rem;font-weight:700;line-height:1.4;text-decoration:none;display:flex}.D-cxOq_projectExternalLink:hover{background:color-mix(in srgb, var(--color-cyan-400) 12%, transparent);color:var(--color-cyan-50)}.D-cxOq_projectBody{--project-heading-h2:var(--color-cyan-200);--project-heading-h3:var(--color-cyan-300);--project-heading-deep:var(--color-cyan-400);border-top:1px solid color-mix(in srgb, var(--project-accent) 38%, transparent);color:var(--color-porcelain);margin-top:clamp(2.5rem,6vw,5rem);padding-top:clamp(1.5rem,4vw,3rem)}.D-cxOq_page[data-accent=violet] .D-cxOq_projectBody{--project-heading-h2:var(--color-violet-200);--project-heading-h3:var(--color-violet-300);--project-heading-deep:var(--color-violet-400)}.D-cxOq_projectBody h2{color:var(--project-heading-h2)}.D-cxOq_projectBody h3{color:var(--project-heading-h3)}:is(.D-cxOq_projectBody h4,.D-cxOq_projectBody h5,.D-cxOq_projectBody h6){color:var(--project-heading-deep)}.D-cxOq_updatesSection{border-top:1px solid color-mix(in srgb, var(--project-accent) 38%, transparent);margin-top:clamp(2.5rem,6vw,5rem);padding-top:clamp(1.5rem,4vw,3rem)}.D-cxOq_updatesHeading{text-align:center}.D-cxOq_emptyState{box-sizing:border-box;width:min(100%,42rem);max-width:100%;color:var(--color-porcelain);text-align:center;justify-self:center;margin:clamp(1.5rem,4vw,2.5rem) auto;padding:0;line-height:1.65}.D-cxOq_updateGrid>.D-cxOq_emptyState{grid-column:1/-1}.D-cxOq_updateGrid{--updates-accent:var(--color-cyan-300);--updates-accent-muted:color-mix(in srgb, var(--updates-accent) 42%, transparent);grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2.5rem,5vw,4.5rem) clamp(2rem,5vw,5rem);width:min(100%,74rem);margin-inline:auto;display:grid}@media (min-width:56rem){.D-cxOq_singleUpdateGrid>.D-cxOq_updateEntry{grid-column:1/-1;justify-self:center;width:calc(50% - clamp(2rem,5vw,5rem)/2)}}.D-cxOq_page[data-accent=violet] .D-cxOq_updateGrid{--updates-accent:var(--color-violet-300)}.D-cxOq_updateEntry{isolation:isolate;min-width:0;padding:clamp(.75rem,1.5vw,1.25rem) clamp(.25rem,1vw,.9rem) clamp(1.75rem,3vw,2.5rem);position:relative}.D-cxOq_updateEntry:before{z-index:-1;content:"";pointer-events:none;background:linear-gradient(var(--updates-accent-muted), var(--updates-accent-muted)) right top / 2.2rem 1px no-repeat, linear-gradient(var(--updates-accent-muted), var(--updates-accent-muted)) right top / 1px 1.2rem no-repeat, radial-gradient(ellipse at 22% 28%, color-mix(in srgb, var(--updates-accent) 8%, transparent), transparent 72%);opacity:.85;position:absolute;inset:-.75rem -.5rem 0}.D-cxOq_updateEntry:after{inset-inline-start:0;content:"";pointer-events:none;background:linear-gradient(90deg, var(--updates-accent) 0 19%, transparent 19% 23%, color-mix(in srgb, var(--updates-accent) 62%, transparent) 23% 35%, transparent 35% 39%, var(--updates-accent-muted) 39% 73%, transparent 73% 78%, var(--updates-accent) 78% 100%);width:min(78%,28rem);height:2px;position:absolute;bottom:0}.D-cxOq_updateEntry:nth-child(2n){margin-block-start:clamp(1rem,2.4vw,2.25rem)}.D-cxOq_updateEntry:nth-child(2n):after{inset-inline:auto 0}.D-cxOq_updateEntryDate{color:var(--updates-accent);font-family:var(--font-code);letter-spacing:.04em;margin:0 0 .85rem;font-size:.9rem;font-weight:600;line-height:1.5;display:block}.D-cxOq_updateEntryTitle{color:var(--color-porcelain);font-family:var(--font-code);overflow-wrap:anywhere;margin:0;font-size:clamp(1.25rem,2.1vw,1.75rem);font-weight:600;line-height:1.35}.D-cxOq_updateEntryTitle a{color:inherit;text-decoration-thickness:.08em}.D-cxOq_updateEntrySummary{max-width:62ch;font-family:var(--font-code);overflow-wrap:anywhere;margin:clamp(1rem,2vw,1.4rem) 0 0;font-size:2rem;font-weight:600;line-height:1.25}.D-cxOq_updateDetailSummary,.D-cxOq_updateArticle{width:min(100%,47rem);margin-inline:auto}.D-cxOq_updateDetailSummary{font-family:var(--font-code);overflow-wrap:anywhere;margin-block:0 clamp(2rem,4vw,3.5rem);font-size:clamp(1.125rem,1.4vw,1.375rem);font-weight:500;line-height:1.5}.D-cxOq_updateDetailSummary p{color:inherit;font-family:var(--font-code);font-size:inherit;font-weight:inherit;line-height:inherit;margin:0}.D-cxOq_updateEntrySummary h2{max-width:42ch;color:inherit;font-family:var(--font-code);text-align:center;margin-block:0;margin-inline:auto;font-size:clamp(1.1rem,1.8vw,1.5rem);font-weight:600;line-height:1.25}.D-cxOq_updateDetailSummary h2{max-width:none;color:inherit;font-family:var(--font-code);font-size:inherit;font-weight:inherit;line-height:inherit;text-align:start;margin:0}.D-cxOq_updateDetailSummary p+p{margin-top:.65rem}.D-cxOq_updateDetailSummary a{color:inherit}.D-cxOq_updateEntrySummary p{color:inherit;font-family:var(--font-code);margin:0;font-size:2rem;font-weight:600;line-height:1.25}.D-cxOq_updateEntrySummary p+p{margin-top:.5rem}.D-cxOq_updateEntrySummary a{color:inherit}.D-cxOq_updateArticle{min-width:0;color:var(--color-porcelain);line-height:1.7}:is(.D-cxOq_updateArticle p,.D-cxOq_updateArticle li){color:var(--color-porcelain);overflow-wrap:anywhere}:is(.D-cxOq_updateArticle h2,.D-cxOq_updateArticle h3,.D-cxOq_updateArticle h4){color:var(--color-cyan-200);font-family:var(--font-code);overflow-wrap:anywhere;line-height:1.35}:is(.D-cxOq_page[data-accent=violet] .D-cxOq_updateArticle h2,.D-cxOq_page[data-accent=violet] .D-cxOq_updateArticle h3,.D-cxOq_page[data-accent=violet] .D-cxOq_updateArticle h4){color:var(--color-violet-200)}.D-cxOq_updateArticle h2{margin-inline:0;font-size:clamp(1.25rem,2.1vw,1.75rem)}.D-cxOq_updateArticle a{color:var(--color-cyan-100);overflow-wrap:anywhere;text-decoration-thickness:.08em;display:inline}.D-cxOq_page[data-accent=violet] .D-cxOq_updateArticle a{color:var(--color-violet-100)}:is(.D-cxOq_updateArticle img,.D-cxOq_updateArticle video,.D-cxOq_updateArticle iframe){max-width:100%;height:auto}:is(.D-cxOq_updateArticle pre,.D-cxOq_updateArticle table){max-width:100%;display:block;overflow-x:auto}.D-cxOq_updateNav{margin-top:clamp(2rem,5vw,4rem)}.D-cxOq_updateNav a:not(:focus){color:var(--color-cyan-100)}.D-cxOq_page[data-accent=violet] .D-cxOq_updateNav a:not(:focus){color:var(--color-violet-100)}@media (max-width:55.999rem){.D-cxOq_projectList,.D-cxOq_updateGrid,.D-cxOq_projectIntro{grid-template-columns:minmax(0,1fr)}.D-cxOq_updateGrid{grid-template-columns:minmax(0,1fr);row-gap:clamp(2rem,7vw,3rem)}.D-cxOq_updateEntry:nth-child(2n){margin-block-start:0}.D-cxOq_updateEntry:before{inset-inline:0}.D-cxOq_projectArtwork{width:100%}.D-cxOq_projectArtworkColumn{width:min(100%,35rem);margin-inline:auto}.D-cxOq_projectArtworkColumn[data-artwork=ally]{--project-artwork-width:100%}.D-cxOq_projectArtworkColumn[data-artwork=ntpt-boilerplate]{--project-artwork-width:94%}.D-cxOq_projectArtworkColumn[data-artwork=a11y-report-runner]{--project-artwork-width:84%}.D-cxOq_projectArtworkColumn[data-artwork=maikodev-website]{--project-artwork-width:88%}.D-cxOq_updateArticle{max-width:none}}@media (forced-colors:active){.D-cxOq_surface{border:1px solid canvastext}.D-cxOq_surface:before,.D-cxOq_page:before,.D-cxOq_projectArtwork:before{display:none}.D-cxOq_projectExternalLink{color:linktext;border-color:linktext}.D-cxOq_projectExternalLink:focus-visible{outline-offset:3px;box-shadow:none;outline:2px solid highlight}}
