.progress-bar{background:var(--red-mark);transform-origin:0;z-index:9999;width:100%;height:2px;position:fixed;top:0;left:0;transform:scaleX(0)}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.detail-hero{width:100%;max-width:1200px;margin:0 auto var(--space-8);border-radius:var(--radius-sm);height:60vh;min-height:400px;position:relative;overflow:hidden}.detail-hero img,.detail-hero video{object-fit:cover;width:100%;height:100%}.hero-gradient{background:linear-gradient(to top, var(--bg-color), transparent);pointer-events:none;height:40%;position:absolute;bottom:0;left:0;right:0}.detail-back-link{top:var(--space-4);left:var(--space-4);font-size:var(--font-sm);color:#fff;background:var(--overlay-heavy);backdrop-filter:blur(8px);border-radius:var(--radius-sm);min-height:44px;transition:background-color var(--duration-hover) var(--ease-out), transform var(--duration-hover) var(--ease-out), color var(--duration-fast) var(--ease-out);align-items:center;gap:6px;padding:8px 16px;text-decoration:none;display:flex;position:absolute}.detail-back-link:hover{background:var(--accent);color:#fff;transform:translate(-3px)}.detail-back-link:focus-visible{outline-offset:2px;outline:2px solid #fff}.back-arrow{transition:var(--transition-transform)}.detail-back-link:hover .back-arrow{transform:translate(-1px)}.back-link-inline{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:var(--space-4);transition:var(--transition-color);align-items:center;gap:6px;text-decoration:none;display:inline-flex}.back-link-inline:hover{color:var(--accent)}.back-link-inline:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.project-article{width:100%;min-width:0;max-width:960px;padding:var(--space-8) var(--space-3) 0;box-sizing:border-box;margin-left:auto;margin-right:auto}.project-hero-band{aspect-ratio:16/9;width:100%;margin:var(--space-4) 0 var(--space-6);border:1px solid var(--border-light);background:var(--bg-secondary);--thumb-ref:400px;--thumb-glyph-k:.6;position:relative;overflow:hidden}@media (width<=768px){.project-hero-band{aspect-ratio:3/2}}@media (width>=1501px){.project-article{padding:var(--space-8) var(--space-6) 0}}@media (width<=1024px){.project-article{max-width:100%;padding-left:var(--space-4);padding-right:var(--space-4)}}.project-header{-webkit-backdrop-filter:none;z-index:auto;margin-bottom:var(--space-8);background-color:#0000;border-bottom:none;flex-direction:column;gap:0;min-width:0;display:flex;position:static}.case-kicker{font-family:var(--font-family-base);font-size:var(--font-mini);letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary);margin:0 0 var(--space-2);font-weight:500;display:block}.project-title{font-family:var(--font-family-base);letter-spacing:-.03em;color:var(--accent);margin:0 0 var(--space-3) 0;overflow-wrap:break-word;font-size:clamp(36px,8vw,64px);font-weight:500;line-height:1.1}.project-oneliner{font-family:var(--font-family-base);color:var(--text-secondary);overflow-wrap:break-word;min-width:0;max-width:600px;margin:0;font-size:clamp(18px,3vw,24px);font-weight:500;line-height:1.4}.project-meta-block{margin-bottom:var(--space-8)}.meta-row{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));min-width:0;display:grid}.project-article .meta-item{flex-direction:column;gap:4px;min-width:0;display:flex}.project-article .meta-label{font-size:var(--font-mini);text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);display:block}.project-article .meta-value{font-family:var(--font-family-base);font-size:var(--font-body);color:var(--text-primary);overflow-wrap:break-word;line-height:1.4;display:block}.meta-impact{grid-column:1/-1}.meta-impact .meta-value{color:var(--text-primary);font-weight:500}.project-overview{margin-bottom:var(--space-8);padding-bottom:var(--space-8);border-bottom:1px solid var(--border-light)}.project-summary{font-family:var(--font-family-base);color:var(--text-primary);overflow-wrap:break-word;min-width:0;max-width:700px;margin:0;font-size:clamp(18px,2.5vw,22px);font-weight:500;line-height:1.6}.project-stack-line{font-family:var(--font-family-base);font-size:var(--font-body);color:var(--text-secondary);max-width:700px;margin:var(--space-4) 0 0;padding-top:var(--space-4);border-top:1px solid var(--border-light);line-height:1.65}.content-section{margin-bottom:0}.section-label{font-family:var(--font-family-base);font-size:var(--font-caption);text-transform:lowercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:var(--space-3);font-weight:500}.section-body{font-family:var(--font-family-base);color:var(--text-primary);max-width:700px;font-size:clamp(18px,2.5vw,20px);font-weight:500;line-height:1.7}.section-body+.section-body{margin-top:var(--space-2)}.project-footer{margin-top:var(--space-8);padding-top:var(--space-8);border-top:1px solid var(--border-light)}.footer-nav{justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.footer-nav-link{transition:var(--transition-transform);flex-direction:column;gap:4px;max-width:45%;text-decoration:none;display:flex}.project-article .project-header,.project-article .project-meta-block,.project-article .project-overview,.project-article .project-opener,.project-article .project-media,.project-article .case-study-section,.project-article .gallery-section,.project-article .content-section,.project-article .lbcli-demo-section{margin-bottom:var(--space-6)}.project-article .project-overview{padding-bottom:var(--space-6)}.project-article .project-footer{margin-top:var(--space-6);padding-top:var(--space-6)}.footer-nav-prev:hover{transform:translate(-3px)}.footer-nav-next{text-align:right;margin-left:auto}.footer-nav-next:hover{transform:translate(3px)}.footer-nav-link:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.footer-nav-label{font-family:var(--font-family-base);font-size:var(--font-mini);text-transform:lowercase;letter-spacing:.05em;color:var(--text-secondary)}.footer-nav-title{font-family:var(--font-family-base);color:var(--text-primary);transition:var(--transition-color);font-size:clamp(18px,3vw,24px);font-weight:500}.footer-nav-link:hover .footer-nav-title{color:var(--accent)}.footer-all-work{text-align:center;font-family:var(--font-family-base);font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--text-secondary);padding-top:var(--space-4);border-top:1px solid var(--border-light);transition:var(--transition-color);text-decoration:none;display:block}.footer-all-work:hover{color:var(--text-primary)}@media (width<=768px){.detail-hero{height:50vh;min-height:300px}.detail-back-link{top:var(--space-2);left:var(--space-2)}.project-title{margin-bottom:var(--space-2);font-size:36px}.project-oneliner{font-size:var(--font-md);margin-bottom:var(--space-3)}.meta-row{gap:var(--space-2);grid-template-columns:1fr}.project-summary,.section-body{font-size:var(--font-md)}}[data-theme=dark] .project-overview,[data-theme=dark] .project-stack-line,[data-theme=dark] .project-footer,[data-theme=dark] .footer-all-work{border-color:var(--border-light)}