.work-detail-hero{border-bottom:1px solid var(--border-color);padding:100px 24px 90px}.work-detail-hero-container{max-width:1240px;margin:0 auto}.work-detail-back{color:var(--text-secondary);margin-bottom:32px;font-family:Inter Variable,sans-serif;text-decoration:none;transition:color .2s;display:inline-block}.work-detail-back:hover{color:var(--text-primary)}.work-detail-eyebrow{letter-spacing:.12em;text-transform:uppercase;margin:0 0 16px;font-family:Manrope Variable,sans-serif;font-size:13px;font-weight:700}.work-detail-hero h1{letter-spacing:-.03em;max-width:1000px;margin:0;font-family:Manrope Variable,sans-serif;font-size:clamp(42px,5vw,68px);line-height:1.08}.work-detail-summary{max-width:900px;color:var(--text-secondary);margin:28px 0 32px;font-family:Inter Variable,sans-serif;font-size:18px;line-height:1.7}.work-detail-media{border-bottom:1px solid var(--border-color);padding:0 24px 95px}.work-detail-media-container{max-width:1240px;margin:0 auto}.work-detail-image{object-fit:cover;object-position:top;border:1px solid var(--border-color);border-radius:16px;width:100%;max-height:720px;display:block}.work-detail-technologies{background:var(--bg-secondary);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);padding:95px 24px}.work-detail-tech-description{max-width:650px;color:var(--text-secondary);margin:18px 0 0;font-family:Inter Variable,sans-serif;font-size:16px;line-height:1.7}.work-detail-tech-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:28px;margin-top:45px;display:grid}.work-detail-tech-item{background:0 0;border:none;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:auto;padding:12px;display:flex}.work-detail-tech-item:hover{background:0 0;border:none;transform:translateY(-3px)}.work-detail-tech-item img{object-fit:contain;width:48px;height:48px}.work-detail-tech-item span{color:var(--text-secondary);text-align:center;font-family:Manrope Variable,sans-serif;font-size:13px;font-weight:600}.work-detail-tech-missing-logo{width:48px;height:48px;color:var(--text-secondary);border:1px dashed var(--border-color);border-radius:50%;justify-content:center;align-items:center;font-family:Manrope Variable,sans-serif;font-size:18px;font-weight:700;display:flex}@media (width<=600px){.work-detail-technologies{padding:60px 20px}.work-detail-tech-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:32px}.work-detail-tech-item{min-height:115px;padding:18px}.work-detail-tech-item img{width:42px;height:42px}.work-detail-media{padding:0 20px 60px}.work-detail-image{border-radius:10px}}.work-detail-tech{flex-wrap:wrap;gap:10px;display:flex}.work-detail-tech span,.work-detail-stack-list span{border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);border-radius:999px;padding:9px 14px;font-family:Inter Variable,sans-serif;font-size:13px}.work-detail-section{border-bottom:1px solid var(--border-color);padding:95px 24px}.work-detail-contribution,.work-detail-stack{background:var(--bg-secondary)}.work-detail-content{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:90px;max-width:1240px;margin:0 auto;display:grid}.work-detail-section-heading{max-width:700px;margin-bottom:45px}.work-detail-section-heading h2{letter-spacing:-.025em;margin:0;font-family:Manrope Variable,sans-serif;font-size:clamp(30px,4vw,46px);line-height:1.15}.work-detail-copy p{color:var(--text-secondary);margin:0;font-family:Inter Variable,sans-serif;font-size:17px;line-height:1.8}.work-detail-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.work-detail-feature{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:14px;min-height:180px;padding:28px;transition:transform .2s,border-color .2s}.work-detail-feature:hover{border-color:#4f8cff73;transform:translateY(-4px)}.work-detail-feature-number{color:var(--text-secondary);margin-bottom:42px;font-family:Manrope Variable,sans-serif;font-size:13px;font-weight:700;display:block}.work-detail-feature p{margin:0;font-family:Manrope Variable,sans-serif;font-size:17px;font-weight:600;line-height:1.45}.work-detail-stack-list{flex-wrap:wrap;gap:12px;display:flex}.work-detail-service-links{border-top:1px solid var(--border-color);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.work-detail-service-links a{border-bottom:1px solid var(--border-color);min-height:78px;color:var(--text-primary);justify-content:space-between;align-items:center;gap:20px;padding:22px 18px;font-family:Manrope Variable,sans-serif;font-weight:600;text-decoration:none;transition:background-color .2s,padding-left .2s;display:flex}.work-detail-service-links a:hover{background:var(--bg-secondary);padding-left:24px}.work-detail-github{border-bottom:1px solid var(--border-color);padding:80px 24px}.work-detail-github-container{justify-content:space-between;align-items:center;gap:50px;max-width:1240px;margin:0 auto;display:flex}.work-detail-github h2{margin:0;font-family:Manrope Variable,sans-serif;font-size:clamp(30px,4vw,44px)}.work-detail-github p:not(.work-detail-eyebrow){max-width:650px;color:var(--text-secondary);margin:18px 0 0;font-family:Inter Variable,sans-serif;line-height:1.7}.work-detail-github-link{border:1px solid var(--border-color);color:var(--text-primary);border-radius:10px;flex-shrink:0;align-items:center;gap:10px;padding:14px 20px;font-family:Manrope Variable,sans-serif;font-weight:700;text-decoration:none;transition:transform .2s,border-color .2s;display:inline-flex}.work-detail-github-link:hover{border-color:#4f8cff80;transform:translateY(-2px)}@media (width<=900px){.work-detail-hero{padding:80px 24px 70px}.work-detail-section{padding:75px 24px}.work-detail-content{grid-template-columns:1fr;gap:35px}.work-detail-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-detail-github-container{flex-direction:column;align-items:flex-start}}@media (width<=600px){.work-detail-hero{padding:60px 20px}.work-detail-hero h1{font-size:38px}.work-detail-summary{font-size:16px}.work-detail-section{padding:60px 20px}.work-detail-feature-grid,.work-detail-service-links{grid-template-columns:1fr}.work-detail-feature{min-height:auto;padding:24px}.work-detail-feature-number{margin-bottom:30px}.work-detail-github{padding:60px 20px}.work-detail-github-link{justify-content:center;width:100%}}