.proj-page{background:var(--bg);min-height:100vh}.proj-header{padding:clamp(6rem,12vw,8rem) var(--px) clamp(2.5rem,5vw,4rem)}.proj-header-inner{max-width:var(--max-w);margin:0 auto;display:flex;flex-direction:column;gap:clamp(2rem,5vw,4rem)}.back-link{display:inline-flex;align-items:center;gap:.5rem;font-size:var(--text-body-sm);font-weight:600;color:var(--ink-2);letter-spacing:.01em;transition:color var(--t-fast) var(--ease);width:fit-content}.back-link:hover{color:var(--accent)}.back-link svg{transition:transform var(--t-base) var(--ease)}.back-link:hover svg{transform:translate(-3px)}.proj-headline{display:flex;flex-direction:column;gap:3rem;animation:fade-up .8s var(--ease) .05s both}.proj-meta-row{display:flex;align-items:center;gap:.6rem;font-size:var(--text-caption);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.meta-sep{color:var(--line-md)}.proj-title{font-size:clamp(2.5rem,7vw,6.5rem);font-weight:700;line-height:1.05;letter-spacing:-.03em;color:var(--ink);max-width:20ch}.title-dot{color:var(--accent)}.proj-lead{font-size:var(--text-body-lg);line-height:var(--lh-relaxed);color:var(--ink-2);max-width:52ch;font-weight:400;margin:0}.proj-divider{height:1px;background:var(--line);max-width:var(--max-w);margin:0 auto;width:calc(100% - (var(--px) * 2))}.proj-hero{width:calc(100% - (var(--px) * 2));max-width:var(--max-w);margin:clamp(2rem,4vw,3rem) auto 0;overflow:hidden;border-radius:1.35rem;border:1px solid var(--line);background:var(--bg-2)}.proj-hero-chrome{height:2rem;display:flex;align-items:center;gap:.4rem;padding:0 .8rem;background:linear-gradient(180deg,var(--bg-2),var(--bg-3));border-bottom:1px solid var(--line)}.proj-hero-img{width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;object-position:top center;display:block}.proj-body{padding:clamp(3rem,6vw,6rem) var(--px) clamp(4rem,8vw,8rem)}.proj-body-inner{max-width:var(--max-w);margin:0 auto;display:grid;grid-template-columns:1fr 260px;gap:clamp(3rem,6vw,6rem);align-items:start}.proj-content{display:flex;flex-direction:column;gap:clamp(3rem,6vw,5rem)}.content-heading{font-size:var(--text-caption);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin-bottom:1.25rem}.content-prose{font-size:var(--text-body-lg);line-height:var(--lh-relaxed);color:var(--ink-2);max-width:66ch;margin:0}.gallery-list{display:flex;flex-direction:column;gap:3rem}.gallery-item{margin:0;overflow:hidden;background:var(--bg-2)}.mockup-chrome{height:2rem;display:flex;align-items:center;gap:.4rem;padding:0 .8rem;background:linear-gradient(180deg,var(--bg-2),var(--bg-3));border-bottom:1px solid var(--line)}.dot{width:.62rem;height:.62rem;border-radius:999px;display:inline-block}.dot-red{background:#ff5f57}.dot-amber{background:#ffbd2e}.dot-green{background:#28c840}.gallery-image{width:100%;height:auto;display:block;background:var(--bg-2)}.gallery-item:hover .gallery-image{transform:none}.proj-sidebar{position:sticky;top:5.5rem;display:flex;flex-direction:column;border-top:1px solid var(--line)}.sidebar-block{padding:1.1rem 0;border-bottom:1px solid var(--line)}.sidebar-label{font-size:var(--text-caption);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-bottom:.5rem}.sidebar-value{font-size:var(--text-body-sm);font-weight:600;color:var(--ink);margin:0;text-transform:capitalize}.sidebar-tech{list-style:none;display:flex;flex-direction:column;gap:.3rem}.sidebar-tech-item{font-size:var(--text-body-sm);color:var(--ink-2);font-weight:400;padding-left:.9rem;position:relative}.sidebar-tech-item:before{content:"—";position:absolute;left:0;color:var(--accent);font-size:var(--text-caption);top:.2em;font-weight:700}.sidebar-links{display:flex;flex-direction:column;gap:.15rem}.sidebar-link{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-body-sm);font-weight:600;color:var(--ink-2);padding:.45rem 0;transition:color var(--t-fast) var(--ease);border-bottom:1px solid var(--line)}.sidebar-link:last-child{border-bottom:none}.sidebar-link:hover{color:var(--accent)}.proj-nav{border-top:1px solid var(--line);padding:clamp(2rem,5vw,4rem) var(--px)}.proj-nav-inner{max-width:var(--max-w);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:2rem}.proj-nav-link{display:flex;flex-direction:column;gap:.35rem;padding:1.25rem 0;border-bottom:1px solid var(--line);color:var(--ink);transition:color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease)}.proj-nav-link:hover{color:var(--accent);border-color:var(--accent)}.proj-nav-link--next{text-align:right}.nav-dir{font-size:var(--text-caption);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.proj-nav-link:hover .nav-dir{color:inherit}.nav-title{font-size:var(--text-title-sm);font-weight:700;letter-spacing:-.02em;line-height:var(--lh-tight)}@keyframes fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media(max-width:960px){.proj-body-inner{grid-template-columns:1fr}.proj-sidebar{position:static;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:0 2rem;border-top:none;border-top:1px solid var(--line)}.sidebar-block{border-bottom:1px solid var(--line)}}@media(max-width:640px){.proj-header{padding-top:9rem}.proj-title{font-size:clamp(2rem,11vw,3rem);max-width:12ch;line-height:1.08}.proj-lead{font-size:var(--text-body)}.proj-body{padding-top:3rem}.proj-sidebar{grid-template-columns:1fr;gap:0}.proj-nav-inner{grid-template-columns:1fr;gap:3rem}.proj-nav-link,.back-link{min-height:44px}.proj-nav-link--next{text-align:left}.gallery-item:hover .gallery-image{transform:none}}