main:has(.project-detail-shell){background:radial-gradient(circle at top,oklch(24% .036 228/.82),#0000 58%),oklch(18% .022 238);border-color:oklch(34% .028 228/.8);max-width:min(1240px,100% - 2rem);padding:clamp(1.25rem,2vw,2rem);box-shadow:0 28px 78px oklch(7% .024 238/.34)}main:has(.project-detail-shell) .site-header{border-bottom-color:oklch(34% .028 228/.8);margin-bottom:clamp(1.8rem,4vw,3rem);padding:.25rem clamp(.35rem,1.2vw,.85rem) 1.25rem}main:has(.project-detail-shell) .logo,main:has(.project-detail-shell) .theme-toggle svg,main:has(.project-detail-shell) .nav-links a:not([aria-current=page]),main:has(.project-detail-shell) .nav-links a:not([aria-current=page]):visited{color:oklch(94% .01 255)}main:has(.project-detail-shell) .nav-links a[aria-current=page]{color:oklch(97% .008 255);background:oklch(27% .03 235/.92);border-color:oklch(53% .07 180/.78);box-shadow:0 16px 34px oklch(4% .02 238/.28)}main:has(.project-detail-shell) .nav-links a:before,main:has(.project-detail-shell) .nav-links a:after{border-color:oklch(76% .11 152/.55)}main:has(.project-detail-shell) .theme-toggle,main:has(.project-detail-shell) .kbd-hint{background:oklch(23% .02 235/.92);border-color:oklch(37% .03 226/.92)}.project-detail-shell{color:oklch(93% .012 252);isolation:isolate;background:linear-gradient(oklch(23% .024 236/.94),oklch(18% .02 238/.98)),oklch(18% .02 238);border:1px solid oklch(34% .028 228/.88);border-radius:30px;gap:clamp(2rem,4vw,4rem);padding:clamp(1.4rem,3vw,3rem);display:grid;position:relative;overflow:hidden}.project-detail-atmosphere{pointer-events:none;position:absolute;inset:0}.project-detail-glow{filter:blur(28px);border-radius:999px;position:absolute}.project-detail-glow-a{background:radial-gradient(circle,oklch(62% .15 150/.18),#0000 72%);width:24rem;height:24rem;top:-4rem;left:-7rem}.project-detail-glow-b{background:radial-gradient(circle,oklch(68% .08 94/.12),#0000 72%);width:20rem;height:20rem;top:6rem;right:-6rem}.project-hero,.project-story,.project-footer{z-index:1;position:relative}.project-hero{grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);align-items:start;gap:clamp(1.75rem,4vw,3.5rem);display:grid}.project-hero.is-copy-only{grid-template-columns:minmax(0,1fr)}.project-copy{align-content:start;gap:1.2rem;display:grid}.project-back-link,.project-kicker,.project-meta-item,.project-tech-pill,.project-rail-label,.project-nav-label,.project-footer-kicker{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em}.project-back-link{color:oklch(79% .1 152);font-size:.7rem;text-decoration:none}.project-kicker,.project-footer-kicker{color:oklch(79% .1 152);margin:0;font-size:.72rem}.project-title{letter-spacing:-.065em;color:oklch(98% .012 248);text-wrap:balance;margin:0;font-size:clamp(3rem,8vw,5.2rem);line-height:.94}.project-summary,.project-content,.project-footer-copy p{color:oklch(79% .015 250);font-size:1.05rem;line-height:1.8}.project-summary,.project-footer-copy p{max-width:35rem;margin:0}.project-meta-row{flex-wrap:wrap;gap:.8rem;display:flex}.project-meta-item{color:oklch(95% .01 250);background:oklch(96% .01 255/.06);border:1px solid oklch(75% .08 152/.16);border-radius:999px;align-items:center;padding:.4rem .7rem;font-size:.64rem;display:inline-flex}.project-tech-list{flex-wrap:wrap;gap:.5rem;display:flex}.project-tech-pill{color:oklch(79% .08 152);background:oklch(96% .01 255/.06);border:1px solid oklch(75% .08 152/.16);border-radius:999px;align-items:center;padding:.32rem .62rem;font-size:.66rem;display:inline-flex}.project-visual{--hero-x:0;--hero-y:0;--hero-scale:1.06;gap:.85rem;display:grid}.project-visual-trigger{color:inherit;cursor:zoom-in;background:0 0;border:none;padding:0;display:block}.project-visual-trigger:hover,.project-visual-trigger:focus-visible{--hero-scale:1.1}.project-visual-trigger:focus-visible{outline:none}.project-visual-trigger:focus-visible .project-feature-frame{border-color:oklch(72% .1 152/.6);box-shadow:0 30px 56px oklch(8% .02 236/.34),0 0 0 4px oklch(72% .1 152/.15),inset 0 1px oklch(92% .01 255/.05)}.project-feature-frame{aspect-ratio:16/10;background:linear-gradient(oklch(28% .018 233),oklch(18% .018 238));border:1px solid oklch(39% .03 228/.72);border-radius:30px;transition:border-color .26s cubic-bezier(.16,1,.3,1),box-shadow .26s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 26px 48px oklch(8% .02 236/.28),inset 0 1px oklch(92% .01 255/.05)}.project-feature-frame:after{content:"";pointer-events:none;background:linear-gradient(135deg,oklch(97% .02 120/.16),#0000 70%);width:58%;height:54%;position:absolute;inset:auto -16% -18% auto;transform:rotate(14deg)}.project-feature-image{object-fit:cover;width:100%;height:100%;transform:scale(var(--hero-scale)) translate3d(calc(var(--hero-x) * 14px), calc(var(--hero-y) * 14px), 0);transition:transform .48s cubic-bezier(.16,1,.3,1);display:block}.project-zoom-chip{z-index:1;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:oklch(96% .01 248);opacity:0;pointer-events:none;background:oklch(14% .016 235/.72);border:1px solid oklch(78% .1 152/.2);border-radius:999px;align-items:center;padding:.45rem .7rem;font-size:.64rem;transition:opacity .22s,transform .22s cubic-bezier(.16,1,.3,1);display:inline-flex;position:absolute;bottom:1rem;left:1rem;transform:translateY(.45rem)}.project-visual-trigger:hover .project-zoom-chip,.project-visual-trigger:focus-visible .project-zoom-chip{opacity:1;transform:translate(0,0)}.project-gallery{z-index:1;gap:.9rem;padding:.2rem 0 0;display:grid;position:relative}.project-gallery-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.project-gallery-kicker{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;color:oklch(79% .1 152);margin:0;font-size:.72rem}.project-gallery-count{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:oklch(73% .018 248);margin:0;font-size:.66rem}.project-gallery-grid{scrollbar-width:thin;scroll-snap-type:x proximity;gap:.85rem;padding-bottom:.35rem;display:flex;overflow-x:auto}.project-gallery-trigger{color:inherit;cursor:zoom-in;scroll-snap-align:start;background:0 0;border:none;flex:0 0 min(220px,50vw - 1.5rem);padding:0}.project-gallery-trigger:focus-visible{outline:none}.project-gallery-frame{aspect-ratio:4/3;background:linear-gradient(oklch(26% .02 233),oklch(17% .018 238));border:1px solid oklch(38% .03 228/.72);border-radius:18px;transition:transform .28s cubic-bezier(.16,1,.3,1),border-color .22s,box-shadow .22s;display:block;position:relative;overflow:hidden;box-shadow:0 18px 34px oklch(5% .014 236/.22),inset 0 1px oklch(92% .01 255/.05)}.project-gallery-trigger:hover .project-gallery-frame,.project-gallery-trigger:focus-visible .project-gallery-frame{border-color:oklch(72% .1 152/.56);transform:translateY(-3px);box-shadow:0 18px 34px oklch(5% .014 236/.24),0 0 0 4px oklch(72% .1 152/.12),inset 0 1px oklch(92% .01 255/.05)}.project-gallery-image{object-fit:cover;width:100%;height:100%;display:block}.project-gallery-chip{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:oklch(97% .01 248);background:oklch(14% .016 235/.78);border:1px solid oklch(78% .1 152/.18);border-radius:999px;align-items:center;padding:.36rem .56rem;font-size:.58rem;display:inline-flex;position:absolute;bottom:.7rem;left:.7rem}.project-lightbox{z-index:999;-webkit-backdrop-filter:blur(18px);opacity:0;pointer-events:none;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:radial-gradient(circle at top,oklch(52% .12 152/.14),#0000 42%),oklch(5% .01 230/.86);place-items:center;padding:clamp(.75rem,3vw,1.5rem);transition:opacity .22s;display:grid;position:fixed;inset:0;overflow:auto}.project-lightbox[hidden]{display:none}.project-lightbox.is-open{opacity:1;pointer-events:auto}.project-lightbox-shell{gap:.85rem;width:min(96vw,1360px);max-width:100%;margin:auto;padding:0;display:grid}.project-lightbox-toolbar{justify-content:space-between;align-items:center;gap:1rem;display:flex}.project-lightbox-count{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;color:oklch(77% .09 152);margin:0;font-size:.7rem}.project-lightbox-actions{align-items:center;gap:.6rem;display:flex}.project-lightbox-figure{gap:.85rem;margin:0;display:grid}.project-lightbox-frame{background:linear-gradient(oklch(22% .02 234/.96),oklch(16% .018 238/.98)),oklch(16% .018 238);border:1px solid oklch(39% .03 228/.8);border-radius:30px;place-items:center;width:100%;max-height:calc(100dvh - 7.75rem);padding:clamp(.4rem,1.6vw,.85rem);display:grid;overflow:hidden;box-shadow:0 36px 80px oklch(3% .012 236/.5),inset 0 1px oklch(92% .01 255/.08)}.project-lightbox-image{object-fit:contain;width:auto;max-width:100%;max-height:calc(100dvh - 9.5rem);display:block}.project-lightbox-caption{text-align:center;color:oklch(82% .016 250);margin:0;font-size:.9rem;line-height:1.6}.project-lightbox-nav,.project-lightbox-close{color:oklch(98% .01 248);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;cursor:pointer;background:oklch(14% .016 235/.82);border:1px solid oklch(78% .1 152/.26);border-radius:999px;justify-content:center;align-items:center;padding:.7rem .95rem;font-size:.68rem;transition:transform .22s cubic-bezier(.16,1,.3,1),border-color .22s,background .22s;display:inline-flex}.project-lightbox-nav:disabled{opacity:.55;cursor:default;transform:none}.project-lightbox-nav:hover:not(:disabled),.project-lightbox-nav:focus-visible:not(:disabled),.project-lightbox-close:hover,.project-lightbox-close:focus-visible{background:oklch(18% .02 235/.92);border-color:oklch(72% .1 152/.56);outline:none;transform:translateY(-2px)}.project-story{grid-template-columns:210px minmax(0,1fr);align-items:start;gap:clamp(1.5rem,4vw,3rem);display:grid}.project-rail{gap:.9rem;display:grid;position:sticky;top:1.5rem}.project-rail-card{background:linear-gradient(oklch(24% .022 234/.88),oklch(20% .02 236/.98));border:1px solid oklch(38% .026 228/.7);border-radius:18px;gap:.55rem;padding:1rem;display:grid;box-shadow:inset 0 1px oklch(90% .01 255/.05)}.project-rail-label{color:oklch(76% .09 150/.75);font-size:.64rem}.project-rail-value{font-family:var(--font-display);color:oklch(98% .012 248);text-wrap:balance;font-size:1.1rem;font-weight:600}.project-rail-stack{font-size:.98rem;line-height:1.4}.project-content{max-width:68ch}.project-content p{color:oklch(81% .014 250);margin-bottom:1.25rem}.project-content h2,.project-content h3{color:oklch(98% .012 248);text-wrap:balance;margin-top:2.6rem;margin-bottom:1rem}.project-content h2{letter-spacing:-.04em;font-size:clamp(1.85rem,4vw,2.5rem)}.project-content h3{letter-spacing:-.03em;font-size:clamp(1.35rem,3vw,1.8rem)}.project-content ul,.project-content ol{color:oklch(81% .014 250);margin:0 0 1.5rem 1.25rem}.project-content li+li{margin-top:.55rem}.project-content a{color:oklch(82% .11 152);word-break:break-word;border-bottom:1px solid oklch(82% .11 152/.4);text-decoration:none}.project-content a:hover{border-bottom-color:#0000}.project-content blockquote{background:oklch(24% .022 234/.62);border-left:3px solid oklch(78% .1 152/.68);border-radius:0 18px 18px 0;margin:2rem 0;padding:1rem 1.25rem}.project-content img{border:1px solid oklch(39% .03 228/.7);border-radius:22px;width:100%;height:auto;margin:2rem 0;display:block}.project-footer{border-top:1px solid oklch(37% .03 228/.72);gap:1.5rem;padding-top:1rem;display:grid}.project-footer-copy{gap:.75rem;display:grid}.project-footer-copy h2{letter-spacing:-.05em;color:oklch(98% .012 248);margin:0;font-size:clamp(1.9rem,4vw,2.9rem)}.project-nav-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.project-nav-card{background:linear-gradient(oklch(24% .022 234/.88),oklch(20% .02 236/.98));border:1px solid oklch(38% .026 228/.7);border-radius:18px;gap:.6rem;padding:1rem;text-decoration:none;display:grid}.project-nav-card:hover{border-color:oklch(72% .1 152/.54);transform:translateY(-2px)}.project-nav-card:focus-visible{outline-offset:4px;border-color:oklch(72% .1 152/.54);outline:2px solid oklch(72% .1 152/.72);transform:translateY(-2px)}.project-nav-label{color:oklch(76% .09 150/.75);font-size:.64rem}.project-nav-title{color:oklch(98% .012 248);font-size:1.05rem;font-weight:600}html:not([data-theme=dark]) main:has(.project-detail-shell){background:radial-gradient(circle at top,oklch(99% .012 180/.96),#0000 58%),oklch(95.7% .015 205);border-color:oklch(84% .026 206/.95);box-shadow:0 28px 78px oklch(67% .03 216/.18)}html:not([data-theme=dark]) main:has(.project-detail-shell) .site-header{border-bottom-color:oklch(84% .026 206/.9)}html:not([data-theme=dark]) main:has(.project-detail-shell) .logo,html:not([data-theme=dark]) main:has(.project-detail-shell) .theme-toggle svg,html:not([data-theme=dark]) main:has(.project-detail-shell) .nav-links a:not([aria-current=page]),html:not([data-theme=dark]) main:has(.project-detail-shell) .nav-links a:not([aria-current=page]):visited{color:oklch(24% .025 222)}html:not([data-theme=dark]) main:has(.project-detail-shell) .nav-links a[aria-current=page]{color:oklch(16% .022 222);background:oklch(99% .008 190/.92);border-color:oklch(63% .08 170/.5);box-shadow:0 14px 28px oklch(67% .03 216/.12)}html:not([data-theme=dark]) main:has(.project-detail-shell) .nav-links a:before,html:not([data-theme=dark]) main:has(.project-detail-shell) .nav-links a:after{border-color:oklch(61% .11 166/.5)}html:not([data-theme=dark]) main:has(.project-detail-shell) .theme-toggle,html:not([data-theme=dark]) main:has(.project-detail-shell) .kbd-hint{background:oklch(99% .006 190/.8);border-color:oklch(84% .026 206/.95)}html:not([data-theme=dark]) .project-detail-shell{color:oklch(24% .024 222);background:linear-gradient(oklch(97.8% .012 185/.98),oklch(94% .018 204/.98)),oklch(94.5% .016 204);border-color:oklch(82% .03 206/.9)}html:not([data-theme=dark]) .project-detail-glow-a{background:radial-gradient(circle,oklch(60% .12 166/.2),#0000 72%)}html:not([data-theme=dark]) .project-detail-glow-b{background:radial-gradient(circle,oklch(76% .08 92/.18),#0000 72%)}html:not([data-theme=dark]) .project-back-link,html:not([data-theme=dark]) .project-kicker,html:not([data-theme=dark]) .project-footer-kicker,html:not([data-theme=dark]) .project-content a{color:oklch(57% .12 166)}html:not([data-theme=dark]) .project-title,html:not([data-theme=dark]) .project-rail-value,html:not([data-theme=dark]) .project-content h2,html:not([data-theme=dark]) .project-content h3,html:not([data-theme=dark]) .project-footer-copy h2,html:not([data-theme=dark]) .project-nav-title{color:oklch(20% .025 222)}html:not([data-theme=dark]) .project-summary,html:not([data-theme=dark]) .project-content,html:not([data-theme=dark]) .project-footer-copy p,html:not([data-theme=dark]) .project-content p,html:not([data-theme=dark]) .project-content ul,html:not([data-theme=dark]) .project-content ol{color:oklch(40% .02 218)}html:not([data-theme=dark]) .project-meta-item{color:oklch(20% .025 222);background:oklch(99% .005 190/.9);border-color:oklch(73% .07 166/.2)}html:not([data-theme=dark]) .project-tech-pill,html:not([data-theme=dark]) .project-rail-label,html:not([data-theme=dark]) .project-nav-label{color:oklch(43% .07 166)}html:not([data-theme=dark]) .project-tech-pill{background:oklch(99% .005 190/.9);border-color:oklch(73% .07 166/.2)}html:not([data-theme=dark]) .project-feature-frame,html:not([data-theme=dark]) .project-gallery-frame{background:linear-gradient(oklch(92% .02 202),oklch(86% .024 208));border-color:oklch(81% .026 206/.82);box-shadow:0 24px 44px oklch(67% .03 216/.12)}html:not([data-theme=dark]) .project-gallery-count{color:oklch(45% .03 218)}html:not([data-theme=dark]) .project-visual-trigger:focus-visible .project-feature-frame,html:not([data-theme=dark]) .project-gallery-trigger:focus-visible .project-gallery-frame,html:not([data-theme=dark]) .project-gallery-trigger:hover .project-gallery-frame{border-color:oklch(57% .12 166/.56);box-shadow:0 24px 44px oklch(67% .03 216/.12),0 0 0 4px oklch(57% .12 166/.12)}html:not([data-theme=dark]) .project-feature-frame:after{background:linear-gradient(135deg,#ffffff57,#0000 70%)}html:not([data-theme=dark]) .project-zoom-chip,html:not([data-theme=dark]) .project-gallery-chip,html:not([data-theme=dark]) .project-lightbox-nav,html:not([data-theme=dark]) .project-lightbox-close{color:oklch(24% .024 222);background:oklch(99% .006 190/.92);border-color:oklch(57% .12 166/.18)}html:not([data-theme=dark]) .project-lightbox-nav:hover:not(:disabled),html:not([data-theme=dark]) .project-lightbox-nav:focus-visible:not(:disabled),html:not([data-theme=dark]) .project-lightbox-close:hover,html:not([data-theme=dark]) .project-lightbox-close:focus-visible{color:oklch(16% .022 222);background:oklch(94% .018 190/.98);border-color:oklch(57% .12 166/.4)}html:not([data-theme=dark]) .project-lightbox-count{color:oklch(43% .07 166)}html:not([data-theme=dark]) .project-lightbox{background:radial-gradient(circle at top,oklch(62% .12 166/.12),#0000 42%),oklch(18% .02 230/.38)}html:not([data-theme=dark]) .project-lightbox-frame{background:linear-gradient(oklch(98% .008 190/.98),oklch(95% .014 202/.98)),oklch(95% .014 202);border-color:oklch(81% .026 206/.82);box-shadow:0 30px 70px oklch(63% .02 216/.18)}html:not([data-theme=dark]) .project-lightbox-caption{color:oklch(40% .02 218)}html:not([data-theme=dark]) .project-rail-card,html:not([data-theme=dark]) .project-nav-card{background:linear-gradient(oklch(99.2% .004 190/.94),oklch(96.2% .012 202/.98)),oklch(97% .012 200);border-color:oklch(81% .026 206/.86);box-shadow:0 24px 44px oklch(67% .03 216/.08),inset 0 1px #ffffffe6}html:not([data-theme=dark]) .project-nav-card:hover{border-color:oklch(57% .12 166/.54)}html:not([data-theme=dark]) .project-nav-card:focus-visible{border-color:oklch(57% .12 166/.54);outline-color:oklch(57% .12 166/.72)}html:not([data-theme=dark]) .project-content a{border-bottom-color:oklch(57% .12 166/.35)}html:not([data-theme=dark]) .project-content blockquote{background:oklch(97% .01 200/.68);border-left-color:oklch(57% .12 166/.56)}html:not([data-theme=dark]) .project-content img{border-color:oklch(81% .026 206/.82)}html:not([data-theme=dark]) .project-footer{border-top-color:oklch(82% .03 206/.82)}@media (width<=960px){main:has(.project-detail-shell){max-width:calc(100% - 1.25rem)}.project-hero,.project-story,.project-nav-grid{grid-template-columns:1fr}.project-gallery-grid{gap:.7rem}.project-rail{grid-template-columns:repeat(3,minmax(0,1fr));position:static}}@media (width<=768px){main:has(.project-detail-shell){margin:1.25rem auto;padding:1rem}.project-detail-shell{padding:1.2rem}.project-title{font-size:clamp(2.5rem,16vw,3.8rem)}.project-rail{grid-template-columns:1fr}.project-gallery-grid{gap:.65rem}.project-gallery-trigger{flex-basis:min(70vw,180px)}.project-lightbox-toolbar{flex-direction:column;align-items:stretch}.project-lightbox-actions{flex-wrap:wrap;justify-content:space-between}.project-zoom-chip{opacity:1;transform:none}.project-lightbox{padding:.75rem}.project-lightbox-shell{width:min(100%,28rem)}.project-lightbox-frame{border-radius:24px;max-height:calc(100dvh - 7rem);padding:.35rem}.project-lightbox-image{max-height:calc(100dvh - 8rem)}.project-lightbox-nav,.project-lightbox-close{padding:.72rem 1rem}}@media (prefers-reduced-motion:reduce){.project-feature-image,.project-nav-card,.project-feature-frame,.project-gallery-frame,.project-zoom-chip,.project-lightbox-nav,.project-lightbox-close{transition:none;transform:none}}html.project-lightbox-open,body.project-lightbox-open{overflow:hidden}