.projectDetail{background:var(--bg);min-height:100vh}.projectHeader{padding:var(--space-3xl) 0 var(--space-xl);border-bottom:1px solid var(--border);background:var(--surface)}.projectHeader .container{max-width:1400px;padding:0 var(--page-gutter);margin:0 auto}.breadcrumb{font-family:var(--font-mono);font-size:var(--step--2);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-block-end:var(--space-m)}.breadcrumb a{text-decoration:none}.breadcrumb a:hover{color:var(--primary)}.projectLabel{font-family:var(--font-mono);font-size:var(--step--1);color:var(--primary);text-transform:uppercase;letter-spacing:.2em;font-weight:600}.projectTitle{font-size:var(--step-4);color:var(--text);letter-spacing:-.02em;margin:0;font-weight:700;line-height:1.1}.mainContent{padding-block:var(--space-3xl)}.mainContent .container{max-width:1400px;padding-inline:var(--page-gutter);margin-inline:auto}.engagementLayout{gap:var(--space-3xl);grid-template-columns:340px 1fr;align-items:start;display:grid}.technicalSidebar{background:var(--bg);border:1px solid var(--border);flex-direction:column;padding:0;display:flex;overflow:hidden}.sidebarSection{gap:var(--space-xs);padding:var(--space-l);border-block-end:1px solid var(--border);flex-direction:column;display:flex}.sidebarSection:last-child{border-block-end:none}.resourcesSection{background:var(--primary-muted);border-block-end:1px solid var(--primary);padding:var(--space-l)}.sidebarLabel{font-family:var(--font-mono);font-size:var(--step--2);color:var(--text-muted);text-transform:uppercase;letter-spacing:.15em;margin-block-end:var(--space-3xs);font-weight:700}.resourcesSection .sidebarLabel{color:var(--primary)}.sidebarContent{font-family:var(--font-sans);font-size:var(--step-0);color:var(--text);font-weight:500;line-height:1.5}.statusGroup{align-items:center;gap:var(--space-2xs);font-family:var(--font-mono);font-size:var(--step--1);color:var(--text);text-transform:uppercase;font-weight:700;display:flex}.statusIndicator{background:var(--border-intense);width:8px;height:8px}.statusIndicator.active{background:var(--primary)}.sidebarTags{gap:var(--space-2xs);flex-wrap:wrap;display:flex}.sidebarTag{font-family:var(--font-mono);font-size:var(--step--2);padding-inline:var(--space-2xs);padding-block:var(--space-3xs);background:var(--surface);border:1px solid var(--border-intense);color:var(--text);font-weight:600}.sidebarActions{gap:var(--space-s);flex-direction:column;display:flex}.sidebarBtn{justify-content:center;gap:var(--space-2xs);width:100%;font-family:var(--font-mono);font-size:var(--step-0);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-s)}.resourcesSection{background:var(--primary-muted);border-color:var(--primary)}.narrativeMain{flex-direction:column;display:flex}.narrativeObjective{max-width:65ch;margin-block-end:var(--space-2xl)}.objectiveTitle{font-family:var(--font-mono);font-size:var(--step--1);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);border-block-end:1px solid var(--border);margin-block-end:var(--space-m);padding-block-end:var(--space-xs);font-weight:700}.objectiveText{font-size:var(--step-1);color:var(--text);font-weight:500;line-height:1.5}.mediaHero{margin-block-end:var(--space-3xl)}.carouselFrame{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;box-shadow:var(--shadow-sm);overflow:hidden}.mediaStage{aspect-ratio:16/9;background:var(--surface);border-block-end:1px solid var(--border);justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.mediaStage.clickable{cursor:zoom-in}.mediaStage.clickable:hover .mediaElement{transform:scale(1.02)}.mediaElement{object-fit:contain;width:100%;height:100%;padding:var(--space-m);transition:transform var(--transition-fast)}@media (max-width:768px){.mediaStage{aspect-ratio:4/3}.mediaElement{padding:var(--space-xs)}.carouselControls{padding-inline:var(--space-s)}.dot{width:8px;height:8px}}@media (prefers-reduced-motion:no-preference){.mediaElement{animation:mediaEntrance var(--transition-fast)}}@keyframes mediaEntrance{0%{opacity:0}to{opacity:1}}.lightboxOverlay{z-index:999;padding:var(--space-xl);cursor:zoom-out;animation:fadeIn var(--transition-fast);background:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lightboxClose{color:#fff;padding:var(--space-xs);cursor:pointer;transition:all var(--transition-fast);z-index:1000;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;display:flex;position:absolute;inset-block-start:var(--space-l);inset-inline-end:var(--space-l)}.lightboxClose:hover{background:#fff3;transform:scale(1.1)}.lightboxContent{align-items:center;gap:var(--space-m);cursor:default;flex-direction:column;max-width:95vw;max-height:90vh;display:flex}.lightboxImage{object-fit:contain;max-width:100%;max-height:80vh;animation:scaleUp var(--transition-fast);box-shadow:0 20px 50px #00000080}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.lightboxCaption{font-family:var(--font-mono);font-size:var(--step--1);color:#fffc;text-transform:uppercase;letter-spacing:.1em;text-align:center;padding:var(--space-2xs) var(--space-m);border-radius:var(--radius-sm);background:#00000080}.carouselControls{padding-inline:var(--space-m);padding-block:var(--space-s);background:var(--bg);border-block-end:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.carouselBtn{border:1px solid var(--border);color:var(--text-muted);padding:var(--space-3xs);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;display:flex}.carouselBtn:hover{background:var(--surface);border-color:var(--border-intense);color:var(--text)}.carouselPagination{gap:var(--space-s);align-items:center;display:flex}.dot{background:var(--border-intense);cursor:pointer;width:12px;height:12px;transition:all var(--transition-fast);border:none;border-radius:50%;padding:0;position:relative}.dot:before{content:"";position:absolute;inset:-12px}.dot.active{background:var(--primary)}.mediaCaption{padding:var(--space-m)}.mediaCaption p{font-family:var(--font-mono);font-size:var(--step--2);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0;line-height:1.5}.logStream{flex-direction:column;display:flex}.logEntry{gap:var(--space-m);padding-block:var(--space-2xl);border-block-start:1px solid var(--border);scroll-margin-top:calc(var(--nav-height) + var(--space-xl));flex-direction:column;display:flex}.logEntry:first-child{border-top:none;padding-top:0}.logHeader{align-items:flex-start;gap:var(--space-xs);top:calc(var(--nav-height) + var(--space-m));background:var(--bg);padding-block:var(--space-xs);z-index:5;flex-direction:column;display:flex;position:sticky}.logIndex{font-family:var(--font-mono);font-size:var(--step--2);color:var(--text-muted);letter-spacing:.1em;font-weight:700}.logTitle{font-family:var(--font-sans);font-size:var(--step-2);color:var(--text);margin:0;font-weight:700;line-height:1.2}.logTags{gap:var(--space-2xs);flex-wrap:wrap;margin-block-start:var(--space-xs);display:flex}.logTag{font-family:var(--font-mono);font-size:var(--step--2);color:var(--text);border:1px solid var(--border-intense);padding-inline:var(--space-xs);text-transform:uppercase;transition:all var(--transition-fast);padding-block:2px;font-weight:600;text-decoration:none}.logTag:hover{background:var(--surface);color:var(--primary);border-color:var(--primary)}.logContent{max-width:var(--max-width);gap:var(--space-m);flex-direction:column;display:flex}.logContent p{font-size:var(--step-0);color:var(--text);opacity:.9;margin:0;line-height:1.6}.projectActions{margin-top:var(--space-3xl);padding-top:var(--space-xl);border-top:1px solid var(--border)}@media (max-width:1024px){.engagementLayout{gap:var(--space-2xl);grid-template-columns:1fr}.technicalSidebar{flex-flow:wrap}.sidebarSection{flex:1;min-width:200px}}@media (max-width:768px){.projectTitle{font-size:var(--step-3)}}
