.project-detail{max-width:1200px;padding:80px var(--page-padding) var(--space-xl);margin:0 auto}.project-hero{align-items:start;gap:var(--space-l);margin-bottom:var(--space-l);grid-template-columns:minmax(0,2fr) 320px;display:grid}.project-title{max-width:var(--content);min-width:0}.project-title h1{letter-spacing:-.05em;overflow-wrap:anywhere;min-width:0;margin-top:12px;font-size:clamp(72px,5vw,120px);line-height:.88}.project-index{letter-spacing:.2em;text-transform:uppercase;opacity:.45;font-size:12px}.project-description{max-width:56ch;margin-top:var(--space-s);color:var(--color-body);overflow-wrap:anywhere;font-size:22px;line-height:1.8}.project-tech{margin-top:var(--space-s);color:var(--color-muted);letter-spacing:.18em;text-transform:uppercase;font-size:13px}.project-cover{width:100%;margin:var(--space-l) 0;border-radius:var(--radius-m);box-shadow:var(--shadow-card);display:block;overflow:hidden}.project-meta{gap:var(--space-s);flex-direction:column;display:flex;position:sticky;top:120px}.project-meta div{border-bottom:1px solid var(--color-line);padding-bottom:24px}.project-meta span{color:var(--color-light);letter-spacing:.18em;text-transform:uppercase;margin-bottom:10px;font-size:11px;display:block}.project-meta p,.project-meta a{color:var(--color-text);margin:0;font-size:18px}.project-meta a{transition:opacity var(--speed-fast) var(--ease)}.project-meta a:hover{opacity:.6}.project-body{max-width:var(--content);margin:var(--space-l) auto 0;font-size:18px;line-height:1.95}.project-body h2{border-top:1px solid var(--color-line);letter-spacing:.24em;text-transform:uppercase;color:var(--color-muted);margin:120px 0 40px;padding-top:28px;font-size:14px;font-weight:600;line-height:1.1}.project-body h3{letter-spacing:-.02em;color:var(--color-text);margin:56px 0 20px;font-size:30px;line-height:1.25}.project-body p{color:var(--color-body);margin:20px 0;font-size:16px;line-height:1.95}.project-body ul{margin:36px 0;padding-left:28px}.project-body li{color:var(--color-body);margin:14px 0;line-height:1.9}.project-body img{border-radius:var(--radius-m);width:100%;box-shadow:var(--shadow-card);margin:72px 0}.project-body strong{font-weight:600}.project-body hr{margin:var(--space-l) 0;border:none;border-top:1px solid var(--color-line)}.editorial{border-top:1px solid var(--color-line);grid-template-columns:220px 1fr;gap:72px;padding:72px 0;display:grid}.editorial-title h2{letter-spacing:.24em;text-transform:uppercase;color:var(--color-muted);margin:0;font-size:12px;position:sticky;top:120px}.editorial-content{max-width:720px}.editorial-content>:first-child{margin-top:0}.project-tags{margin:var(--space-s) 0 24px;flex-wrap:wrap;gap:12px;display:flex}.project-category,.project-status{border:1px solid var(--color-line);background:var(--color-bg);letter-spacing:.14em;text-transform:uppercase;border-radius:999px;align-items:center;padding:10px 16px;font-size:11px;font-weight:600;display:inline-flex}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin:120px 0;display:grid}.gallery a{border-radius:var(--radius-m);display:block;overflow:hidden}.gallery img{border-radius:var(--radius-m);width:100%;box-shadow:var(--shadow-card);transition:transform var(--speed) var(--ease), filter var(--speed) var(--ease);display:block}.gallery img:hover{filter:brightness(.95);transform:scale(1.02)}.project-timeline{max-width:var(--content);border-top:var(--border);margin:120px auto 0;padding-top:40px}.timeline-header p{color:var(--color-muted);font-size:var(--text-xs);letter-spacing:.24em;text-transform:uppercase;margin:0 0 48px;font-weight:600}.timeline-list{position:relative}.timeline-list:before{content:"";background:var(--color-line);width:1px;position:absolute;top:8px;bottom:8px;left:88px}.timeline-item{grid-template-columns:88px 1fr;gap:40px;padding-bottom:48px;display:grid;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-year{color:var(--color-muted);font-size:var(--text-xs);letter-spacing:.08em}.timeline-content{position:relative}.timeline-content:before{content:"";border:2px solid var(--color-bg);background:var(--color-text);border-radius:50%;width:9px;height:9px;position:absolute;top:5px;left:-46px}.timeline-content h3{margin:0;font-size:22px;line-height:1.3}.timeline-content p{color:var(--color-body);font-size:var(--text-sm);margin:12px 0 0;line-height:1.8}.project-nav{border-top:var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:160px;padding-top:48px;display:grid}.project-nav a{border:var(--border);border-radius:var(--radius-m);color:inherit;transition:transform var(--speed) var(--ease), background var(--speed) var(--ease), border-color var(--speed) var(--ease);padding:40px;text-decoration:none;display:block}.project-nav a:hover{border-color:var(--color-text);background:#f7f7f4;transform:translateY(-4px)}.project-nav span{color:var(--color-light);font-size:var(--text-xs);letter-spacing:.18em;text-transform:uppercase;margin-bottom:20px;display:block}.project-nav strong{letter-spacing:-.03em;font-size:clamp(24px,3vw,40px);line-height:1.05;display:block}.project-nav p{color:var(--color-muted);font-size:var(--text-sm);margin-top:16px}@media (width<=900px){.project-hero{gap:var(--space-m);grid-template-columns:1fr}.project-meta{gap:var(--space-s);grid-template-columns:repeat(2,minmax(0,1fr));display:grid;position:static}.project-meta div{padding-bottom:var(--space-s)}.project-cover{margin:var(--space-m) 0}.project-title h1{font-size:clamp(56px,10vw,88px)}.project-nav{gap:var(--space-s)}}@media (width<=768px){.project-detail{padding:48px 24px var(--space-l)}.project-hero{grid-template-columns:1fr;gap:48px;margin-bottom:56px}.project-title h1{font-size:clamp(52px,14vw,72px)}.project-description{font-size:18px;line-height:1.7}.project-tech{margin-top:28px}.project-meta{gap:20px;position:static}.project-meta div{padding-bottom:20px}.project-meta p,.project-meta a{font-size:16px}.project-cover{border-radius:var(--radius-m);margin:56px 0}.project-body{margin-top:64px;padding:0 8px;font-size:16px;line-height:1.85}.project-body h2{margin:72px 0 24px;font-size:32px}.project-body h3{margin:48px 0 16px;font-size:22px}.project-body p{margin:20px 0}.project-body ul{margin:24px 0;padding-left:20px}.project-body li{margin:8px 0}.project-body hr{margin:64px 0}.project-body img{margin:var(--space-m) 0;border-radius:var(--radius-s)}.gallery{grid-template-columns:1fr;gap:20px;margin:64px 0}.gallery img{border-radius:var(--radius-s)}.project-timeline{margin-top:80px}.timeline-header p{margin-bottom:36px}.timeline-list:before{left:68px}.timeline-item{grid-template-columns:68px 1fr;gap:24px;padding-bottom:40px}.timeline-content:before{left:-30px}.project-nav{grid-template-columns:1fr;gap:16px;margin-top:96px;padding-top:48px}.project-nav a{padding:24px}.project-nav strong{font-size:26px}}