.projectDetailPage{background:radial-gradient(760px 320px at 50% 0%,rgba(100,195,255,.11),transparent 70%),linear-gradient(180deg,#070b14,#060910)}.projectDetailHero{border-top:1px solid color-mix(in oklab,var(--ink) 10%,transparent);border-bottom:1px solid color-mix(in oklab,var(--ink) 9%,transparent)}.projectDetailHeroWrap{display:grid;gap:12px}.projectDetailBackLink{width:fit-content;display:inline-flex;align-items:center;gap:8px;color:color-mix(in oklab,var(--ink) 74%,#9cc0e9);border-radius:10px;padding:6px 10px;margin-bottom:6px;transition:color .16s ease,background-color .16s ease}.projectDetailBackLink:hover{color:var(--ink);background:color-mix(in oklab,var(--accent) 12%,transparent)}.projectDetailBackIcon{width:13px;height:13px;display:inline-flex;align-items:center;justify-content:center;line-height:0}.projectDetailBackIcon svg{width:100%;height:100%;display:block}.projectDetailCategories{margin:0;color:color-mix(in oklab,var(--accent) 85%,#9ccfff);font-size:.88rem;letter-spacing:.1em;text-transform:uppercase}.projectDetailTitle{margin:0;font-size:clamp(2rem,5vw,4rem);line-height:1.05}.projectDetailSubtitle{margin:0;color:color-mix(in oklab,var(--ink) 84%,#b8d4f5);font-size:clamp(1.05rem,1.8vw,1.6rem);line-height:1.3}.projectDetailSummary{margin:4px 0 0;max-width:74ch;color:color-mix(in oklab,var(--ink) 72%,#9bb7db);line-height:1.6}.projectDetailGallerySection{padding-top:clamp(16px,3vw,26px)}.projectDetailGalleryGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.9vw,18px)}.projectDetailImageCard{margin:0;border-radius:16px;border:1px solid color-mix(in oklab,var(--ink) 12%,transparent);background:linear-gradient(180deg,#071024f5,#050c1cfa);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--ink) 4%,transparent);padding:10px;min-height:clamp(200px,28vw,340px);display:grid;align-items:center}.projectDetailImage{width:100%;height:auto;max-height:clamp(180px,26vw,320px);object-fit:contain;border-radius:10px;border:1px solid color-mix(in oklab,var(--ink) 12%,transparent);background:#0c1020}.projectDetailAbout{padding-top:clamp(20px,3.4vw,34px)}.projectDetailBodyWrap{display:grid;gap:16px}.projectDetailPanel{border-radius:16px;border:1px solid color-mix(in oklab,var(--ink) 12%,transparent);background:linear-gradient(180deg,#071024f5,#050c1cfa);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--ink) 4%,transparent);padding:clamp(14px,2vw,22px)}.projectDetailHeading{margin:0;font-size:clamp(1.28rem,2.3vw,2rem);line-height:1.12}.projectDetailAboutText{margin-top:12px;display:grid;gap:10px}.projectDetailAboutText p{margin:0;color:color-mix(in oklab,var(--ink) 74%,#9bb7db);line-height:1.62}.projectDetailTags{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px}.projectDetailTag{display:inline-flex;align-items:center;min-height:32px;border-radius:999px;padding:4px 12px;font-size:.84rem;border:1px solid color-mix(in oklab,var(--ink) 13%,transparent);background:color-mix(in oklab,#152338 76%,transparent);color:color-mix(in oklab,var(--ink) 86%,#d4e3ff)}.projectDetailActions{margin-top:18px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.projectDetailPrimaryBtn,.projectDetailSecondaryBtn{min-height:48px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:600;letter-spacing:.02em;transition:transform .16s ease,filter .16s ease}.projectDetailPrimaryBtn{border:1px solid color-mix(in oklab,var(--accent-secondary) 40%,transparent);background:linear-gradient(95deg,#2a72f0,#4d8dff 56%,color-mix(in oklab,var(--accent-secondary) 58%,#55bfff));color:#f6fbff}.projectDetailSecondaryBtn{border:1px solid color-mix(in oklab,var(--ink) 20%,transparent);background:color-mix(in oklab,#152645 72%,transparent);color:#d6e7ff}.projectDetailPrimaryBtn:hover,.projectDetailSecondaryBtn:hover{transform:translateY(-1px);filter:brightness(1.07)}.projectDetailActionIcon{width:15px;height:15px;display:inline-flex;align-items:center;justify-content:center;line-height:0}.projectDetailActionIcon svg{width:100%;height:100%;display:block}@media(max-width:900px){.projectDetailGalleryGrid{grid-template-columns:1fr}.projectDetailImageCard{min-height:clamp(180px,46vw,300px)}.projectDetailImage{max-height:clamp(160px,42vw,280px)}}@media(max-width:720px){.projectDetailCategories{font-size:.75rem;letter-spacing:.09em}.projectDetailSubtitle{font-size:1rem}.projectDetailActions{grid-template-columns:1fr}}@media(max-width:420px){.projectDetailTitle{font-size:clamp(1.68rem,10vw,2.4rem)}.projectDetailSummary{font-size:.94rem}.projectDetailImageCard{padding:8px}.projectDetailBackLink{padding:4px 8px;font-size:.88rem}}