:root{
  --project-rust:#c85d3c;
  --project-copper:#d69b68;
  --project-cream:#e3d3b8;
  --project-coal:#090909;
}
.project-header .brand{display:inline-flex;align-items:center;gap:12px}
.pixel-spark{position:relative;width:20px;height:20px;display:inline-block;image-rendering:pixelated}
.pixel-spark::before,.pixel-spark::after{content:"";position:absolute;background:var(--project-copper);box-shadow:6px 0 0 var(--project-copper),12px 0 0 rgba(214,155,104,.4),6px -6px 0 rgba(214,155,104,.75),6px 6px 0 rgba(214,155,104,.75)}
.pixel-spark::before{width:4px;height:4px;left:0;top:8px}
.pixel-spark::after{width:4px;height:4px;left:10px;top:2px}
.project-header-tools{display:flex;align-items:center;gap:22px}
.page-language{border:1px solid var(--line);background:rgba(255,255,255,.02);color:var(--muted);padding:8px 11px;font:inherit;font-size:10px;font-weight:800;letter-spacing:.12em;cursor:pointer}
.project-hero{min-height:min(88vh,920px);background-position:center;position:relative;overflow:hidden}
.project-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.84),rgba(0,0,0,.22) 65%),linear-gradient(0deg,rgba(0,0,0,.88),transparent 58%);pointer-events:none}
.project-hero>div{position:relative;z-index:1}
.project-hero h1{max-width:1250px;font-size:clamp(52px,8vw,130px)}
.project-hero p{color:#eee4d5}
.status{display:inline-flex;margin-bottom:16px;padding:9px 12px;border:1px solid rgba(214,155,104,.52);background:rgba(0,0,0,.55);font-size:10px;font-weight:800;letter-spacing:.18em;color:var(--project-copper)}
.content--narrative{align-items:start}
.copy-stack{display:grid;gap:28px}
.copy-stack p{margin:0}
.intro-line{max-width:1080px;margin:0;font-size:clamp(25px,3.2vw,52px)!important;line-height:1.14;letter-spacing:-.035em;color:var(--text)!important}
.facts strong{text-align:right;max-width:64%}
.comparison{padding:0 clamp(20px,4vw,64px) clamp(70px,9vw,140px)}
.comparison figure{margin:0;position:relative;background:#111;overflow:hidden}
.comparison img{width:100%;display:block;aspect-ratio:16/9;object-fit:cover}
.comparison figcaption{display:flex;justify-content:space-between;gap:24px;padding:16px 0;color:var(--muted);font-size:11px;letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid var(--line)}
.chapter{padding:0 clamp(20px,4vw,64px) clamp(70px,9vw,140px)}
.chapter-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.45fr);gap:7vw;align-items:end;padding-bottom:32px;border-bottom:1px solid var(--line)}
.chapter-head h2{max-width:1050px;margin:8px 0 0;font-size:clamp(40px,6.4vw,92px);line-height:.94;letter-spacing:-.055em}
.chapter-head p:last-child{margin:0;color:var(--muted);font-size:15px}
.project-gallery{align-items:start}
.project-gallery figure{margin:0;position:relative;overflow:hidden;background:#101010}
.project-gallery figure.wide{grid-column:1/-1}
.project-gallery img{aspect-ratio:16/9;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.project-gallery figure:hover img{transform:scale(1.012)}
.project-gallery figcaption{position:absolute;left:16px;bottom:14px;padding:7px 9px;background:rgba(0,0,0,.7);backdrop-filter:blur(10px);font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.statement{margin:0 clamp(20px,4vw,64px) clamp(70px,9vw,140px);min-height:70vh;display:grid;align-items:end;padding:clamp(48px,8vw,110px);background:linear-gradient(120deg,rgba(0,0,0,.95),rgba(0,0,0,.22)),url('locomotive-82.jpg') center/cover}
.statement>div{max-width:1280px}
.statement blockquote{margin:18px 0 36px;font-size:clamp(40px,6.8vw,100px);line-height:.94;letter-spacing:-.055em}
.statement p:last-child{max-width:760px;color:#d8cdbc;font-size:17px}
.process{padding:0 clamp(20px,4vw,64px) clamp(70px,9vw,140px)}
.process-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--line)}
.process-grid article{min-height:300px;padding:25px 22px 30px 0;border-bottom:1px solid var(--line)}
.process-grid article+article{padding-left:22px;border-left:1px solid var(--line)}
.process-grid span{font-size:11px;letter-spacing:.16em;color:var(--project-copper)}
.process-grid h3{margin:58px 0 12px;font-size:20px}
.process-grid p{margin:0;color:var(--muted);font-size:13px}
.audio{margin:0 clamp(20px,4vw,64px) clamp(70px,9vw,140px);display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:8vw;padding:clamp(54px,7vw,100px);border:1px solid var(--line);background:radial-gradient(circle at 90% 10%,rgba(200,93,60,.15),transparent 34%),#0d0e0f}
.audio h2{margin:10px 0 0;font-size:clamp(40px,6vw,82px);line-height:.98;letter-spacing:-.05em}
.audio-copy{display:grid;gap:20px;color:var(--muted)}
.audio-copy p{margin:0}
.audio-list{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);margin-top:14px}
.audio-list div{background:#0d0e0f;padding:18px;font-size:11px;letter-spacing:.11em;text-transform:uppercase;color:#d8cdbc}
.closing-note{margin:0 clamp(20px,4vw,64px) clamp(70px,9vw,140px);padding:clamp(54px,7vw,100px);border:1px solid var(--line);background:linear-gradient(120deg,rgba(200,93,60,.11),transparent 38%),#0d0e0f}
.closing-note h2{max-width:1120px;margin:12px 0 30px;font-size:clamp(40px,6vw,82px);line-height:.98;letter-spacing:-.05em}
.closing-note p:last-child{max-width:800px;color:var(--muted)}
@media(max-width:1050px){.process-grid{grid-template-columns:repeat(3,1fr)}.process-grid article:nth-child(4){border-left:0;padding-left:0}}
@media(max-width:900px){.chapter-head,.audio{grid-template-columns:1fr}.project-header-tools{gap:12px}.process-grid{grid-template-columns:1fr 1fr}.process-grid article:nth-child(3),.process-grid article:nth-child(5){border-left:0;padding-left:0}}
@media(max-width:620px){
  .project-header{padding:16px 18px}.project-header .brand{gap:8px}.pixel-spark{display:none}.back{font-size:9px}.page-language{padding:7px 8px}main{padding-top:62px}
  .project-hero{min-height:78vh;padding:34px 20px;background-position:center}.project-hero h1{font-size:clamp(45px,14vw,70px)}
  .process-grid{grid-template-columns:1fr}.process-grid article,.process-grid article+article{min-height:auto;padding:24px 0;border-left:0}.process-grid h3{margin-top:30px}
  .statement{margin-left:0;margin-right:0;padding:50px 20px}.audio,.closing-note{margin-left:20px;margin-right:20px;padding:42px 20px}.audio-list{grid-template-columns:1fr}.comparison figcaption{display:block;line-height:1.8}
}