.project-hero{background-image:url('images/For_About.jpg')}.project-hero:before{background:linear-gradient(90deg,#070605f2,#070605b5 55%,#07060552),linear-gradient(0deg,#090807,transparent 42%)}.project-intro{background:radial-gradient(circle at 85% 30%,#4f341c29,transparent 32%)}.project-manifest{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2rem,6vw,6rem);align-items:start}.project-quote{position:sticky;top:120px;padding:2.5rem;border:1px solid var(--line);background:linear-gradient(135deg,#1c1711,#0d0c0a)}.project-quote p{margin:0;font:500 clamp(2rem,4vw,3.7rem)/1.05 var(--serif)}.project-quote span{display:block;margin-top:1.6rem;color:var(--gold);font-size:.65rem;letter-spacing:.18em;text-transform:uppercase}.volumes-section{background:#0d0b09}.volume-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem}.volume-card img{width:100%;aspect-ratio:2/3;object-fit:cover;filter:saturate(.7) brightness(.72);transition:.45s}.volume-card:hover img{filter:saturate(.95) brightness(.92);transform:translateY(-8px)}.volume-card div{padding:1.1rem 0}.volume-card small{color:var(--gold);letter-spacing:.13em;text-transform:uppercase}.volume-card h3{margin:.4rem 0 0;font:600 1.25rem/1.05 var(--serif)}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.archive-card{padding:clamp(1.6rem,3vw,2.7rem);background:#0d0c0a}.archive-card span{font:500 3.5rem var(--serif);color:#846e4b}.archive-card h3{font:600 1.8rem var(--serif);margin:1rem 0}.archive-card p{color:var(--muted);font:500 1.05rem/1.6 var(--serif)}.media-story{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line)}.media-panel{position:relative;min-height:520px;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(1.5rem,4vw,3.5rem);overflow:hidden;background:#0d0c0a}.media-panel img,.media-panel video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.48}.media-panel:after{position:absolute;inset:25% 0 0;content:'';background:linear-gradient(transparent,#080706f5)}.media-copy{position:relative;z-index:1}.media-copy h3{font:600 clamp(2.4rem,4vw,4rem)/.9 var(--serif);margin:0 0 1rem}.media-copy p{color:#d5cbbd;font:500 1.08rem/1.55 var(--serif)}.future{padding-block:10rem;text-align:center;background:radial-gradient(circle at 50% 100%,#49301d42,transparent 55%)}.future .section-inner{max-width:850px}.future h2{font:500 clamp(4rem,9vw,8rem)/.8 var(--serif);margin:0 0 2rem}.future p{color:#c7bdb0;font:500 1.3rem/1.65 var(--serif)}
@media(max-width:1100px){.volume-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:780px){.project-manifest{grid-template-columns:1fr}.project-quote{position:static}.archive-grid,.media-story{grid-template-columns:1fr}.media-panel{min-height:460px}}@media(max-width:520px){.volume-grid{grid-template-columns:repeat(2,1fr);gap:.8rem}.volume-card h3{font-size:1.05rem}.media-panel{min-height:430px;padding:1.4rem}}

.project-studio{background:#0d0b10}.project-studio__links{display:flex;flex-wrap:wrap;gap:.75rem}
.project-page main { counter-reset: project-route; }
.project-page :is(.project-intro, .volumes-section, section[aria-labelledby="archive-title"],
  .media-story, .project-studio, .project-team, .project-contact, .future) {
  position: relative;
  counter-increment: project-route;
  border-top: 1px solid rgba(200, 166, 107, .08);
}
.project-page :is(.project-intro, .volumes-section, section[aria-labelledby="archive-title"],
  .media-story, .project-studio, .project-team, .project-contact, .future)::before {
  content: 'TODM / ' counter(project-route, decimal-leading-zero);
  position: absolute;
  z-index: 2;
  top: 20px;
  right: clamp(24px, 4vw, 64px);
  color: rgba(200, 166, 107, .46);
  font: 600 .61rem/1.4 Arial, sans-serif;
  letter-spacing: .18em;
  pointer-events: none;
}
.project-team{background:linear-gradient(180deg,#0b0a0c,#100d13 55%,#0b0a0c)}
.project-team__photo{width:min(100%,760px);margin:0 auto 6rem;border:1px solid rgba(175,128,205,.28);background:#09080b}
.project-team__photo img{display:block;width:100%;max-height:520px;object-fit:cover;object-position:center 37%}
.project-team__photo figcaption{padding:.85rem 1.2rem;border-top:1px solid var(--line);color:var(--muted);font-size:.7rem;letter-spacing:.13em;text-transform:uppercase}
.project-team__profiles{display:grid;gap:5rem}
.project-person{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(0,1.25fr);gap:clamp(2rem,5vw,5rem);align-items:center}
.project-person img{width:100%;max-height:560px;aspect-ratio:4/5;object-fit:cover;border:1px solid rgba(175,128,205,.28)}
.project-person__placeholder{display:flex;min-height:360px;max-height:560px;aspect-ratio:4/5;flex-direction:column;align-items:center;justify-content:center;gap:1rem;border:1px solid rgba(175,128,205,.28);background:radial-gradient(circle at 50% 35%,#51365855,transparent 55%),linear-gradient(145deg,#17121b,#0b0a0d);color:#cdb8d1}.project-person__placeholder span{display:grid;width:6rem;height:6rem;place-items:center;border:1px solid rgba(175,128,205,.45);border-radius:50%;font:400 3rem var(--serif)}.project-person__placeholder small{font-size:.65rem;letter-spacing:.18em;text-transform:uppercase}
.project-person h3{margin:0 0 1.5rem;font:500 clamp(3.3rem,6vw,6rem)/.9 var(--serif)}
.project-person p:not(.eyebrow){max-width:680px;color:#cfc5d1;font:500 clamp(1rem,1.35vw,1.14rem)/1.7 var(--serif)}
.project-person__alias{color:#dbbee9!important;font-style:italic!important}
.project-person--author .eyebrow{display:inline-block;padding:.45em .75em;border:1px solid #8c3d3d;background:#321314;color:#f4b6b6}
.project-contact{text-align:center;background:#0d0c0a}
.project-contact .section-inner{max-width:650px}
.project-contact h2{margin:0;font:500 clamp(3.5rem,7vw,6rem)/.9 var(--serif)}
.project-contact p:not(.eyebrow){color:var(--muted);line-height:1.65}
@media(max-width:780px){.project-team__photo{margin-bottom:4rem}.project-team__profiles{gap:4rem}.project-person{grid-template-columns:1fr;gap:1.5rem}.project-person img{max-width:420px;max-height:480px}}
