.project-detail-wrapper{background:white}.project-detail-page{padding:120px 20px 60px;max-width:1100px;margin:0 auto;position:relative;z-index:1}.back-link{display:inline-flex;align-items:center;gap:8px;border:none;background:none;font-size:.95rem;font-weight:500;cursor:pointer;color:#224672;margin-bottom:32px}.back-link:hover{text-decoration:underline}.detail-hero{display:flex;flex-direction:column;gap:28px;margin-bottom:48px}.detail-hero-img{width:100%;max-width:520px;margin:0 auto;display:block;border-radius:20px}.hero-text{text-align:center}.detail-badge{display:inline-block;font-size:.78rem;font-weight:600;padding:4px 12px;border-radius:100px;letter-spacing:.03em;margin-bottom:12px}.detail-badge[data-type="Real Client"]{background:#fde6df;color:#c45e42}.detail-badge[data-type="Side Project"]{background:#fef3c7;color:#92400e}.detail-badge[data-type="School Project"]{background:#e8f5e9;color:#2e7d32}.hero-text h1{font-size:1.9rem;line-height:1.25;margin-bottom:12px}.hero-desc{color:#555;line-height:1.6;max-width:620px;margin:0 auto}.tech-tags{margin-top:18px;margin-bottom:20px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.tech-tag{background:#eef2ff;color:#224672;padding:6px 12px;border-radius:4px;font-size:.8rem;font-weight:500}.project-info{display:grid;grid-template-columns:1fr;grid-gap:14px;gap:14px;margin-bottom:60px}.info-card{background:#f6f7fc;padding:16px 18px;border-radius:14px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;font-size:.9rem}.info-card span:last-child{text-align:right}.info-label{color:#777;font-weight:500}.case-section{margin-bottom:70px;max-width:720px;margin-left:auto;margin-right:auto}.case-section h2{font-size:1.45rem;margin-bottom:12px}.case-section p{line-height:1.7;color:#444;margin-bottom:20px}.insight{background:#f4f6ff;padding:24px;border-radius:16px}.audience-list{padding-left:20px;line-height:1.7;margin-top:10px}.case-image{width:100%;max-width:460px;margin:26px auto 0;display:block;border-radius:16px;cursor:zoom-in;transition:transform .3s ease}.case-image:hover{transform:scale(1.02)}.custom-section-images{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:20px}.custom-section-images .case-image--small{margin:0;flex:1 1 260px;max-width:320px}.case-image--medium{width:100%;max-width:360px;margin:26px auto 0;display:block;border-radius:16px;cursor:zoom-in;transition:transform .3s ease}.case-image--medium:hover{transform:scale(1.02)}.case-image--small{width:100%;max-width:260px;margin:20px auto 0;display:block;border-radius:12px;cursor:zoom-in;transition:transform .3s ease}.case-image--small:hover{transform:scale(1.02)}.features-grid{gap:40px;margin-top:30px}.feature-block,.features-grid{display:flex;flex-direction:column}.feature-block{gap:20px}.feature-block img{width:100%;height:auto;display:block;border-radius:12px;cursor:zoom-in;transition:transform .3s ease}.feature-block img:hover{transform:scale(1.02)}.feature-block-text{background:#f7f9ff;border-radius:12px;padding:24px;display:flex;flex-direction:column;justify-content:center}.lightbox-overlay{position:fixed;inset:0;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.lightbox-img{max-width:90vw;max-height:85vh;border-radius:12px;object-fit:contain}.lightbox-close{position:fixed;top:20px;right:24px;background:white;border:none;border-radius:50%;width:40px;height:40px;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1001;box-shadow:0 4px 12px rgba(0,0,0,.3)}.feature-block h3{font-size:1rem;font-weight:700;margin-bottom:8px;color:#0d0d0d}.feature-block p{font-size:.9rem;color:#444;line-height:1.6}.section-highlight{background:#eef2ff;padding:24px;border-radius:16px}@media (min-width:768px){.detail-hero{flex-direction:row;align-items:center;gap:40px}.detail-hero-img{max-width:420px;margin:0}.hero-text{flex:1 1;text-align:left}.hero-desc{margin:0}.tech-tags{justify-content:flex-start;max-width:480px}.project-info{grid-template-columns:repeat(2,1fr)}.feature-block{flex-direction:row;align-items:center;gap:32px}.feature-block img{width:45%;flex-shrink:0}.feature-block-text{flex:1 1}.feature-block:nth-child(2n){flex-direction:row-reverse}.case-section{max-width:760px}}@media (min-width:1024px){.hero-text h1{font-size:2.4rem}.case-section{max-width:820px}.case-image{max-width:520px}}