:root{
  --project-gold:#d9b879;
  --project-sand:#c9b89d;
  --project-ink:#090a0b;
}
.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-gold);box-shadow:6px 0 0 var(--project-gold),12px 0 0 rgba(217,184,121,.42),6px -6px 0 rgba(217,184,121,.78),6px 6px 0 rgba(217,184,121,.78)}
.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,.78),rgba(0,0,0,.14) 65%),linear-gradient(0deg,rgba(0,0,0,.82),transparent 62%);pointer-events:none}
.project-hero>div{position:relative;z-index:1}
.project-hero h1{max-width:1100px}
.project-hero p{color:#eee5d8}
.status{display:inline-flex;margin-bottom:16px;padding:9px 12px;border:1px solid rgba(217,184,121,.52);background:rgba(0,0,0,.5);font-size:10px;font-weight:800;letter-spacing:.18em;color:var(--project-gold)}
.release-note{padding:16px clamp(20px,4vw,64px);border-top:1px solid rgba(217,184,121,.22);border-bottom:1px solid rgba(217,184,121,.22);background:#0d0d0d;color:#cfc5b6;font-size:12px;letter-spacing:.08em;text-align:center}
.content--narrative{align-items:start}
.copy-stack{display:grid;gap:28px}
.copy-stack p{margin:0}
.intro-line{max-width:1050px;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%}
.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.5vw,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,.66);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,.94),rgba(0,0,0,.32)),url('scene-cave.jpg') center/cover}
.statement>div{max-width:1250px}
.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:#d5ccbd;font-size:17px}
.process{padding:0 clamp(20px,4vw,64px) clamp(70px,9vw,140px)}
.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line)}
.process-grid article{min-height:260px;padding:25px 24px 30px 0;border-bottom:1px solid var(--line)}
.process-grid article+article{padding-left:24px;border-left:1px solid var(--line)}
.process-grid span{font-size:11px;letter-spacing:.16em;color:var(--project-gold)}
.process-grid h3{margin:58px 0 12px;font-size:21px}
.process-grid p{margin:0;color:var(--muted);font-size:14px}
.closing-note{margin:0 clamp(20px,4vw,64px) clamp(70px,9vw,140px);padding:clamp(54px,7vw,100px);border:1px solid var(--line);background:radial-gradient(circle at 90% 10%,rgba(217,184,121,.12),transparent 32%),#0d0e0f}
.closing-note h2{max-width:1100px;margin:12px 0 30px;font-size:clamp(40px,6vw,82px);line-height:.98;letter-spacing:-.05em}
.closing-note p:last-child{max-width:760px;color:var(--muted)}
@media(max-width:900px){
  .chapter-head{grid-template-columns:1fr}
  .process-grid{grid-template-columns:1fr 1fr}
  .process-grid article:nth-child(3){border-left:0;padding-left:0}
  .project-header-tools{gap:12px}
}
@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:76vh;padding:34px 20px;background-position:center}
  .project-hero h1{font-size:clamp(48px,16vw,74px)}
  .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}
  .closing-note{margin-left:20px;margin-right:20px;padding:42px 20px}
}