.project-card-grid{display:flex;flex-direction:column;gap:20px;margin-top:24px;margin-bottom:24px}.project-card-slot{display:block}@media (max-width:768px){.project-card-grid{gap:16px}}.project-card-column{display:contents}@media (min-width:1600px){.project-card-grid:has(.project-card-column){flex-direction:row;align-items:flex-start;gap:24px;width:var(--portfolio-grid-width);margin-left:calc((var(--page-max-width) - var(--portfolio-grid-width)) / 2);margin-right:calc((var(--page-max-width) - var(--portfolio-grid-width)) / 2)}.project-card-column{display:flex;flex-direction:column;gap:20px;flex:1 1;min-width:0}.project-card-slot{display:block}}.project-card{padding:20px;border:1px solid var(--border-light);border-radius:16px;background:var(--bg);color:var(--text)}.project-card,.project-card-body{display:flex;flex-direction:column;gap:12px}.project-card-body{min-width:0}.project-card-square,.project-card-square .project-card-icon,.project-card-square .project-card-screenshot{border-radius:0}@media (min-width:769px){.project-card-side-preview{flex-direction:row;align-items:flex-start;gap:20px}.project-card-side-preview .project-card-body{flex:1 1;min-width:0}.project-card-side-preview>.project-card-screenshots-wrap{flex:0 0 280px;align-self:stretch}.project-card-side-preview .project-card-screenshot{width:100%;background:transparent;animation:none}.project-card-side-preview .project-card-screenshot-img{width:100%;height:auto;max-height:320px;object-fit:contain}}@media (prefers-color-scheme:dark){.project-card:not(.project-card-custom-bg){background:#0a0a0a;border-color:rgba(255,255,255,.08);color:rgba(255,255,255,.85)}.project-card:not(.project-card-custom-bg) .project-card-name{color:#ffffff}.project-card:not(.project-card-custom-bg) .project-card-description,.project-card:not(.project-card-custom-bg) .project-card-tagline{color:rgba(255,255,255,.75)}.project-card:not(.project-card-custom-bg) .project-card-chip{background:rgba(255,255,255,.12);color:rgba(255,255,255,.92);border-color:rgba(255,255,255,.18)}.project-card:not(.project-card-custom-bg) .project-card-chip-type{background:rgba(255,255,255,.92);color:#111;border-color:transparent}}.project-card-tinted-bg{background:rgba(128,128,128,.2)}.project-card-custom-bg{border-color:rgba(255,255,255,.08);color:rgba(255,255,255,.85)}.project-card-custom-bg .project-card-name{color:#ffffff}.project-card-custom-bg .project-card-description,.project-card-custom-bg .project-card-tagline{color:rgba(255,255,255,.75)}.project-card-custom-bg .project-card-chip{background:rgba(255,255,255,.12);color:rgba(255,255,255,.92);border-color:rgba(255,255,255,.18)}.project-card-custom-bg .project-card-chip-type{background:rgba(255,255,255,.92);color:#111;border-color:transparent}.project-card-custom-bg .external-link-component,.project-card-custom-bg .external-link-component:hover,.project-card-custom-bg .external-link-component:visited{color:#ffffff}@media (prefers-color-scheme:dark){.project-card:not(.project-card-custom-bg) .external-link-component,.project-card:not(.project-card-custom-bg) .external-link-component:hover,.project-card:not(.project-card-custom-bg) .external-link-component:visited{color:#ffffff}}.project-card-header{display:flex;align-items:center;gap:12px}.project-card-icon{width:72px;height:72px;border-radius:14px;object-fit:contain;object-position:center;flex-shrink:0}.project-card-icon-placeholder{background:var(--tag-bg)}.project-card-icon-emoji{font-size:56px;line-height:1;background:transparent;border-radius:0}.project-card-icon-emoji,.project-card-icon-text{display:inline-flex;align-items:center;justify-content:center}.project-card-icon-text{background:var(--tag-bg);color:#fff;font-family:var(--font-geist),system-ui,sans-serif;font-weight:600;font-size:1.05rem;letter-spacing:-.02em}.project-card-gallery{display:flex;flex-wrap:wrap;gap:12px}.project-card-gallery-item{flex:1 1;min-width:0;aspect-ratio:4/3;overflow:hidden;background-color:rgba(255,255,255,.06);position:relative}.project-card-gallery-img{width:100%!important;height:100%!important;object-fit:cover}#research .project-card-icon-emoji{font-size:36px}#research .project-card-gallery-item{flex:0 1 180px}@media (min-width:769px){#research .project-card-side-preview>.project-card-screenshots-wrap{flex:0 0 200px}#research .project-card-side-preview .project-card-screenshot-img{max-height:200px}}.project-card-title-block{display:flex;flex-direction:column;min-width:0}.project-card-name{font-size:1.1rem;font-weight:600;color:var(--text-heading);margin:0;line-height:1.2}.project-card-tagline{font-size:.85rem;color:var(--text-secondary);margin:2px 0 0}.project-card-chips{display:flex;flex-wrap:wrap;gap:6px}.project-card-chip{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:.72rem;font-weight:500;background:var(--border-light);color:var(--text-label);border:1px solid var(--border)}.project-card-chip-type{background:var(--tag-bg);color:var(--tag-text);border-color:transparent}.project-card-description{font-size:.9rem;line-height:1.5;color:var(--text);margin:0}.project-card-screenshots-wrap{position:relative}.project-card-screenshots{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:4px 0 8px;margin:0 -4px;scrollbar-width:thin}.project-card-scroll-btn{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;border:1px solid var(--border);background:var(--bg);color:var(--text-heading);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.12);opacity:1;transition:opacity .2s ease,transform .2s ease,background .2s ease;z-index:1;padding:0}.project-card-scroll-btn:hover:not(:disabled){background:var(--border-light)}.project-card-scroll-btn:disabled{opacity:.4;cursor:default}.project-card-scroll-btn-prev{left:4px}.project-card-scroll-btn-next{right:4px}.project-card-screenshots::-webkit-scrollbar{height:6px}.project-card-screenshots::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.project-card-screenshot{flex:0 0 auto;scroll-snap-align:start;border-radius:12px;overflow:hidden;border:none;background-color:rgba(255,255,255,.06);background-image:linear-gradient(90deg,rgba(255,255,255,.04),rgba(255,255,255,.1) 50%,rgba(255,255,255,.04));background-size:200% 100%;animation:project-card-skeleton 1.4s ease-in-out infinite;padding:0;cursor:zoom-in;font:inherit;color:inherit}@keyframes project-card-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.project-card-screenshot:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.project-card-screenshot-img{display:block;height:240px;width:auto;max-width:none;object-fit:cover}@media (max-width:768px){.project-card-screenshot-img{height:200px}}.project-lightbox{position:fixed;inset:0;z-index:2000;background:rgba(0,0,0,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:24px;animation:project-lightbox-fade .18s ease}@keyframes project-lightbox-fade{0%{opacity:0}to{opacity:1}}.project-lightbox-content{max-width:min(1200px,92vw);max-height:88vh;display:flex;align-items:center;justify-content:center}.project-lightbox-img{display:block;max-width:100%;max-height:88vh;width:auto;height:auto;object-fit:contain;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.5)}.project-lightbox-close,.project-lightbox-nav{position:absolute;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.1);color:#fff;cursor:pointer;padding:0;transition:background .2s ease,opacity .2s ease}.project-lightbox-close{top:20px;right:20px;width:40px;height:40px;border-radius:50%}.project-lightbox-nav{top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%}.project-lightbox-nav-prev{left:20px}.project-lightbox-nav-next{right:20px}.project-lightbox-close:hover,.project-lightbox-nav:hover:not(:disabled){background:rgba(255,255,255,.2)}.project-lightbox-nav:disabled{opacity:.25;cursor:default}@media (max-width:600px){.project-lightbox-nav{width:40px;height:40px}.project-lightbox-nav-prev{left:8px}.project-lightbox-nav-next{right:8px}}.project-card-links{display:flex;flex-wrap:wrap;gap:12px;padding-top:4px}.about-philosophy{display:flex;flex-direction:column;gap:20px}.about-philosophy p{margin:0}.about-photos{display:flex;margin:40px 0;padding:24px 0}.about-photo-wrap{margin:0 -40px 0 0;flex-shrink:0;position:relative;transition:transform .4s ease,z-index 0s}.about-photo-wrap:last-child{margin-right:0}.about-photo-wrap:first-child{transform:rotate(-5deg);z-index:1}.about-photo-wrap:nth-child(2){transform:rotate(4deg);z-index:2}.about-photo-wrap:nth-child(3){transform:rotate(-3deg);z-index:3}.about-photo-wrap:nth-child(4){transform:rotate(5deg);z-index:4}.about-photo-wrap:hover{transform:rotate(0deg) scale(1.1);z-index:10}.about-photo{width:200px;height:200px;object-fit:cover;border-radius:12px;display:block}.about-photo-caption{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:4px 12px;background:rgba(0,0,0,.45);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:20px;font-size:.7rem;color:#fff;opacity:0;transition:opacity .3s ease;pointer-events:none}.about-photo-wrap:hover .about-photo-caption{opacity:1}@media screen and (max-width:767px){.about-photos{flex-direction:column;align-items:center}.about-photo{width:240px;height:240px}.about-photo-wrap{margin-right:0;margin-bottom:-20px;box-shadow:0 4px 20px rgba(0,0,0,.15);border-radius:12px}.about-photo-wrap:last-child{margin-bottom:0}.about-photo-wrap:first-child{transform:rotate(-6deg) translateX(-20px)}.about-photo-wrap:nth-child(2){transform:rotate(5deg) translateX(20px)}.about-photo-wrap:nth-child(3){transform:rotate(-4deg) translateX(-15px)}.about-photo-wrap:nth-child(4){transform:rotate(6deg) translateX(25px)}.about-photo-wrap:hover{transform:rotate(0deg) translateX(0) scale(1.1)}}@media screen and (max-width:425px){.about-name{font-size:2.2rem}}