.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}}.back-arrow{transition:var(--transition-transform)}.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}.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}.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-sm);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}.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}.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}.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-opener,.project-article .project-media,.project-article .gallery-section{margin-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-sm);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){.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{font-size:var(--font-md)}}[data-theme=dark] .project-stack-line,[data-theme=dark] .project-footer,[data-theme=dark] .footer-all-work{border-color:var(--border-light)}