#project-gallery:where(.astro-lsl5rgh5){--pg-color-background:var(--sl-color-bg-accent,#164e63);--pg-color-text:var(--sl-color-text-accent,#22d3ee);--pg-color-border:var(--sl-color-border,#155e75)}#project-gallery:where(.astro-lsl5rgh5) :where(.astro-lsl5rgh5),#project-gallery:where(.astro-lsl5rgh5) :where(.astro-lsl5rgh5):after,#project-gallery:where(.astro-lsl5rgh5) :where(.astro-lsl5rgh5):before{box-sizing:border-box}#project-gallery:where(.astro-lsl5rgh5) h2:where(.astro-lsl5rgh5){font-size:1.5rem;font-weight:800;line-height:1.2;margin:0;text-transform:uppercase}#project-gallery:where(.astro-lsl5rgh5) h3:where(.astro-lsl5rgh5){font-size:.6rem;font-weight:400;margin:0}#project-gallery:where(.astro-lsl5rgh5) img:where(.astro-lsl5rgh5){display:block;height:auto;width:100%}#project-gallery:where(.astro-lsl5rgh5) .pg-border-inner:where(.astro-lsl5rgh5),#project-gallery:where(.astro-lsl5rgh5) .pg-border-outer:where(.astro-lsl5rgh5){clip-path:polygon(var(--pg-corner-size) 0,calc(100% - var(--pg-corner-size)) 0,100% var(--pg-corner-size),100% calc(100% - var(--pg-corner-size)),calc(100% - var(--pg-corner-size)) 100%,var(--pg-corner-size) 100%,0 calc(100% - var(--pg-corner-size)),0 var(--pg-corner-size))}#project-gallery:where(.astro-lsl5rgh5) .pg-border-outer:where(.astro-lsl5rgh5){background:var(--pg-color-border);display:flex;flex-direction:column;padding:var(--pg-border-width)}#project-gallery:where(.astro-lsl5rgh5) .pg-border-inner:where(.astro-lsl5rgh5){background:var(--pg-color-background);flex-grow:1}#project-gallery:where(.astro-lsl5rgh5) .pg-cards:where(.astro-lsl5rgh5){align-items:center;color:var(--pg-color-text);display:flex;flex-wrap:wrap;font-family:monospace;gap:1rem;justify-content:center;line-height:1.5;padding:1rem 0}#project-gallery:where(.astro-lsl5rgh5) .pg-card:where(.astro-lsl5rgh5){--pg-corner-size:1.75rem;--pg-border-width:1px;--pg-image-column-width:8rem;--pg-content-width:19rem;cursor:pointer;display:grid;grid-template-columns:var(--pg-image-column-width) calc(var(--pg-corner-size)*2);height:28rem;overflow:clip;position:relative;transition:grid-template-columns .45s ease 50ms}#project-gallery:where(.astro-lsl5rgh5) .pg-card:where(.astro-lsl5rgh5)>input:where(.astro-lsl5rgh5){opacity:0;pointer-events:none;position:absolute}#project-gallery:where(.astro-lsl5rgh5) .pg-card:where(.astro-lsl5rgh5)>:where(.astro-lsl5rgh5):not(input){grid-row:1;min-width:0}#project-gallery:where(.astro-lsl5rgh5) .pg-card-background:where(.astro-lsl5rgh5){grid-column:1/-1}#project-gallery:where(.astro-lsl5rgh5) .pg-card-background:where(.astro-lsl5rgh5) .pg-border-inner:where(.astro-lsl5rgh5){position:relative}#project-gallery:where(.astro-lsl5rgh5) .pg-card-background:where(.astro-lsl5rgh5) img:where(.astro-lsl5rgh5){height:100%;object-fit:cover;width:calc(var(--pg-image-column-width) + var(--pg-corner-size))}@keyframes pg-scanline-fast{0%{transform:translateY(-150%)}to{transform:translateY(150%)}}@keyframes pg-scanline-slow{0%{transform:translateY(-200%)}to{transform:translateY(150%)}}#project-gallery:where(.astro-lsl5rgh5) .pg-scanlines:where(.astro-lsl5rgh5){inset:0;opacity:1;overflow:hidden;pointer-events:none;position:absolute;transition:opacity .3s ease}#project-gallery:where(.astro-lsl5rgh5) .pg-scanlines:where(.astro-lsl5rgh5):before{background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,255,.03) 0,rgba(0,255,255,.03) 4px);content:"";inset:0;position:absolute}#project-gallery:where(.astro-lsl5rgh5) .pg-scanlines:where(.astro-lsl5rgh5):after{animation:pg-scanline-fast 2.5s linear infinite;background:linear-gradient(180deg,transparent,rgba(0,255,255,.08) 50%,transparent);content:"";height:100%;left:0;position:absolute;right:0;top:-50%}#project-gallery:where(.astro-lsl5rgh5) .pg-scanlines-heavy:where(.astro-lsl5rgh5){animation:pg-scanline-slow 6s linear infinite;background:linear-gradient(180deg,transparent,rgba(0,255,255,.25) 30%,rgba(0,255,255,.4) 50%,rgba(0,255,255,.25) 70%,transparent);box-shadow:0 0 20px #00ffff4d;height:8px;left:0;pointer-events:none;position:absolute;right:0;top:-100%}#project-gallery:where(.astro-lsl5rgh5) .pg-card:where(.astro-lsl5rgh5):hover .pg-scanlines-heavy:where(.astro-lsl5rgh5),#project-gallery:where(.astro-lsl5rgh5) .pg-card:where(.astro-lsl5rgh5):hover .pg-scanlines:where(.astro-lsl5rgh5){opacity:0}#project-gallery:where(.astro-lsl5rgh5) .pg-card-content:where(.astro-lsl5rgh5){grid-column:2;position:relative}#project-gallery:where(.astro-lsl5rgh5) .pg-card-content-layout:where(.astro-lsl5rgh5){display:flex;gap:2rem;height:calc(100% - 6rem);left:var(--pg-corner-size);position:absolute;top:var(--pg-corner-size);transition:translate .45s;translate:-1rem 0;width:var(--pg-content-width)}#project-gallery:where(.astro-lsl5rgh5) .pg-card-copy:where(.astro-lsl5rgh5){display:flex;flex-direction:column;gap:1rem}#project-gallery:where(.astro-lsl5rgh5) h2:where(.astro-lsl5rgh5).pg-vertical-title{writing-mode:vertical-lr}#project-gallery:where(.astro-lsl5rgh5) .pg-toggle:where(.astro-lsl5rgh5){bottom:0;left:0;padding:1rem;position:absolute}#project-gallery:where(.astro-lsl5rgh5) .pg-toggle:where(.astro-lsl5rgh5) svg:where(.astro-lsl5rgh5){transition:rotate .25s}#project-gallery:where(.astro-lsl5rgh5) .pg-card:where(.astro-lsl5rgh5):has(input:checked){grid-template-columns:var(--pg-image-column-width) var( --pg-content-width )}#project-gallery:where(.astro-lsl5rgh5) .pg-card:where(.astro-lsl5rgh5):has(input:checked) .pg-card-content-layout:where(.astro-lsl5rgh5){translate:-4rem 0}#project-gallery:where(.astro-lsl5rgh5) .pg-card:where(.astro-lsl5rgh5):has(input:checked) .pg-toggle:where(.astro-lsl5rgh5) svg:where(.astro-lsl5rgh5){rotate:45deg}.pkg:where(.astro-dr6maewt){display:flex;flex-direction:column;gap:2.5rem;margin:2.5rem 0}.pkg__group:where(.astro-dr6maewt){--pkg-accent:var(--sl-color-text-accent,#c9a56a)}.pkg__head:where(.astro-dr6maewt){align-items:baseline;border-bottom:1px solid color-mix(in oklab,var(--pkg-accent) 30%,transparent);display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem;padding-bottom:.6rem}.pkg__heading:where(.astro-dr6maewt){color:var(--pkg-accent);font-size:1.15rem;font-weight:700;margin:0}.pkg__count:where(.astro-dr6maewt){color:var(--sl-color-gray-3,#8b949e);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase}.pkg__grid:where(.astro-dr6maewt){display:grid;gap:.6rem;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr))}.pkg__row:where(.astro-dr6maewt){background:var(--sl-color-bg-nav,#111);border:1px solid var(--sl-color-gray-5,#262626);border-radius:10px;display:flex;flex-direction:column;gap:.35rem;padding:.85rem 1rem;transition:border-color .18s ease,transform .18s ease}.pkg__row:where(.astro-dr6maewt):hover{border-color:color-mix(in oklab,var(--pkg-accent) 55%,transparent);transform:translateY(-2px)}.pkg__main:where(.astro-dr6maewt){align-items:baseline;display:flex;gap:.6rem;justify-content:space-between}.pkg__name:where(.astro-dr6maewt){color:var(--sl-color-white,#fff);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.9rem;font-weight:700;letter-spacing:-.01em;text-decoration:none}.pkg__name:where(.astro-dr6maewt):hover{color:var(--pkg-accent)}.pkg__version:where(.astro-dr6maewt){color:var(--sl-color-gray-3,#8b949e);font-size:.7rem;font-variant-numeric:tabular-nums}.pkg__title:where(.astro-dr6maewt){color:var(--sl-color-gray-2,#c2c2c2);font-size:.78rem;line-height:1.3}.pkg__links:where(.astro-dr6maewt){display:flex;gap:.85rem;margin-top:.2rem}.pkg__link:where(.astro-dr6maewt){color:var(--pkg-accent);font-size:.7rem;opacity:.85;text-decoration:none}.pkg__link:where(.astro-dr6maewt):hover{opacity:1;text-decoration:underline}
