.portfolio-detail{background-color:#f8f9fa;min-height:60vh;padding:6.5rem 1.5rem 4rem}.portfolio-detail-container{max-width:860px;margin:0 auto}.portfolio-detail-back{color:#5a6068;margin-bottom:2rem;font-size:.9rem;text-decoration:none;transition:color .2s;display:inline-block}.portfolio-detail-back:hover{color:#171717}.portfolio-detail-header{margin-bottom:2rem}.portfolio-detail-category{color:#fff;letter-spacing:.04em;background:#171717;border-radius:999px;margin-bottom:1rem;padding:.3rem .9rem;font-size:.78rem;display:inline-block}.portfolio-detail-title{color:#171717;margin:0;font-size:clamp(1.6rem,5vw,2.6rem);font-weight:700;line-height:1.3}.portfolio-detail-media{background:#e9ebed;border-radius:14px;width:100%;margin:0 0 2.5rem;overflow:hidden;box-shadow:0 10px 40px #1717171a}.portfolio-detail-media img,.portfolio-detail-media video{width:100%;height:auto;display:block}.portfolio-detail-media iframe{aspect-ratio:16/9;border:0;width:100%;display:block}.portfolio-detail-description{color:#2c3036;white-space:pre-wrap;margin:0 0 2.5rem;font-size:1.05rem;line-height:1.9}.portfolio-detail-tech{margin:0 0 2.5rem}.portfolio-detail-tech h2{color:#171717;margin:0 0 .9rem;font-size:1rem;font-weight:700}.portfolio-detail-tags{flex-wrap:wrap;gap:.6rem;display:flex}.portfolio-detail-tag{color:#3a3f46;background:#fff;border:1px solid #dfe2e6;border-radius:999px;padding:.4rem .95rem;font-size:.85rem}.portfolio-detail-link{color:#171717;background:#fff;border:1.5px solid #171717;border-radius:999px;align-items:center;gap:.5rem;padding:.85rem 1.8rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.portfolio-detail-link:hover{color:#fff;background:#171717}@media (prefers-reduced-motion:reduce){.portfolio-detail-back,.portfolio-detail-link{transition:none}}