.portfolio-list[data-v-466a4f83]{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:2rem;margin-top:2rem;max-width:1200px;margin-left:auto;margin-right:auto}.project-card[data-v-466a4f83]{cursor:pointer;border:1px solid #e8edf2;border-radius:14px;overflow:hidden;box-shadow:0 4px 14px #1a263d0f;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;background:#fff;position:relative;will-change:transform,box-shadow;display:block}.project-card[data-v-466a4f83]:hover,.project-card[data-v-466a4f83]:focus{transform:translateY(-8px);box-shadow:0 12px 30px #1a263d26;border-color:#4fa481;outline:none}.project-card[data-v-466a4f83]:focus-visible{outline:2px solid #4fa481;outline-offset:2px}.project-media[data-v-466a4f83]{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:#f3f5f7;border-top-left-radius:14px;border-top-right-radius:14px}.project-media img[data-v-466a4f83],.project-image[data-v-466a4f83]{border-radius:0!important}.project-image[data-v-466a4f83]{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.02);transform-origin:center;transition:transform .5s ease,filter .5s ease;will-change:transform,filter}.project-card:hover .project-image[data-v-466a4f83]{transform:scale(1.1);filter:saturate(1.08) contrast(1.03)}.image-shine[data-v-466a4f83]{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,0) 40%,rgba(255,255,255,.35) 50%,rgba(255,255,255,0) 60%);transform:translate(-120%);transition:transform .7s ease}.project-card:hover .image-shine[data-v-466a4f83]{transform:translate(120%)}.project-content[data-v-466a4f83]{padding:1.5rem}.project-content h2[data-v-466a4f83]{margin:0 0 .5rem;color:#1c1c1c;font-size:1.5rem;line-height:1.3}.project-content time[data-v-466a4f83]{display:block;color:#377259;font-size:.9rem;font-weight:500;margin-bottom:1rem}.project-content p[data-v-466a4f83]{margin:0;color:#666;line-height:1.5}@media (prefers-reduced-motion: reduce){.project-card[data-v-466a4f83],.project-image[data-v-466a4f83],.image-shine[data-v-466a4f83]{transition:none!important}}@media (max-width: 1000px){.portfolio-list[data-v-466a4f83]{grid-template-columns:1fr;gap:1rem}.project-content[data-v-466a4f83]{padding:1rem}.project-content h2[data-v-466a4f83]{font-size:1.25rem;line-height:1.3}.project-media[data-v-466a4f83]{aspect-ratio:16 / 9}}@media (max-width: 480px){.vue-page[data-v-466a4f83]{padding:1rem}.vue-page header[data-v-466a4f83]{margin-bottom:2rem}.vue-page header h1[data-v-466a4f83]{font-size:2rem}.vue-page header p[data-v-466a4f83]{font-size:1rem}}@media (hover: none),(pointer: coarse){.project-card[data-v-466a4f83]:hover,.project-card[data-v-466a4f83]:focus{transform:none;box-shadow:0 6px 16px #1a263d1a;border-color:#e8edf2}.project-card[data-v-466a4f83]:focus-visible{outline:2px solid #4fa481;outline-offset:2px}.project-card:hover .project-image[data-v-466a4f83]{transform:none;filter:none}.image-shine[data-v-466a4f83]{display:none}}.project-detail{max-width:1200px;margin:5rem auto;background:#fff;border-radius:12px;box-shadow:0 2px 12px #0001;padding:3rem}.project-header{width:100%;height:600px;overflow:hidden;border-radius:12px;margin-bottom:2rem}.project-image{width:100%;height:auto;object-fit:contain;object-position:center;display:block}.project-content{margin-top:2rem;line-height:2;font-size:.85em;gap:4rem}.project-content ul,.project-content ol{font-size:1.2rem;line-height:1.75;padding-left:1.25rem;margin:1rem 0}.project-content li{margin:.35rem 0}.project-content ul{list-style:disc outside}.project-content ol{list-style:decimal outside}.project-content ul li{margin:.45rem 0}.project-content ol li{margin:.7rem 0;padding-left:.3rem}@media (max-width: 768px){.project-detail{margin:2rem auto;padding:1.25rem}.project-header{height:clamp(180px,40vw,320px);margin-bottom:1.25rem}.project-content ul,.project-content ol{font-size:1.06rem;line-height:1.7}.project-content{font-size:1rem;line-height:1.8}.project-footer{text-align:center;margin-top:1.5rem}.back-link{display:inline-block;padding:.6rem .9rem;border-radius:8px;border:1px solid #eee;background:#f9fafb}}.project-content h1{margin:1.5rem 0 1rem;text-align:center}.project-content h3{font-size:1.4rem;margin:1.8rem 0 1rem;color:#1c1c1c;font-weight:600}.project-content>:first-child{margin-top:0}.project-footer{margin-top:2rem;text-align:right}.back-link{color:#000;text-decoration:none;font-size:1em}.back-link:hover{color:#000}.project-content .captures-grid{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:1.5rem;margin:1rem 0 2rem}.project-content .captures-grid figure{margin:0;background:#fafafa;border:1px solid #eee;border-radius:8px;overflow:hidden;width:100%;max-width:500px;display:flex;flex-direction:column}.project-content .captures-grid img{display:block;width:100%;height:auto;object-fit:cover;object-position:top}.project-content .captures-grid figcaption{font-size:.9rem;color:#555;padding:.5rem .75rem;text-align:center;margin-top:auto}@media (max-width: 900px){.project-content .captures-grid{grid-template-columns:1fr;gap:1rem}.project-content .captures-grid figure{max-width:550px}}@media (max-width: 600px){.project-content .captures-grid{grid-template-columns:1fr}}