.naraka-page .project-heading h1 { max-width: 14ch; font-size: clamp(50px, 7vw, 122px); line-height: .9; letter-spacing: -.07em; }
.naraka-kicker { margin: 25px 0 35px; color: #c6bfb5; font: 11px var(--mono); letter-spacing: .12em; }
.naraka-hero { margin-top: 30px; background: #15121a; }
.naraka-hero video { width: 100%; aspect-ratio: 2.3 / 1; object-fit: cover; }
.naraka-page .project-heading { margin-top: clamp(45px, 6vw, 90px); }
.naraka-page figcaption { margin-top: 12px; color: #aaa49a; font: 10px var(--mono); letter-spacing: .11em; }
.naraka-intro .case-body > p:last-child { max-width: 58ch; margin-top: 42px; color: #c6c0b7; font-family: var(--serif); font-size: clamp(22px, 2vw, 32px); line-height: 1.3; }
.naraka-note { max-width: 56ch; margin-bottom: 45px; color: #c6c0b7; font-family: var(--serif); font-size: clamp(19px, 1.7vw, 27px); line-height: 1.35; }
.naraka-character { display: grid; grid-template-columns: minmax(0, .4fr) minmax(0, 1fr); gap: clamp(20px, 4vw, 75px); align-items: end; margin: 0 0 clamp(90px, 11vw, 180px); }
.naraka-character-b { grid-template-columns: minmax(0, 1fr) minmax(0, .43fr); }
.naraka-character-b .naraka-portrait { order: 2; }
.naraka-character-c { grid-template-columns: minmax(0, .34fr) minmax(0, 1fr); }
.naraka-character img { width: 100%; height: auto; }
.naraka-portrait img { aspect-ratio: 2 / 3; object-fit: cover; object-position: center 20%; background: #fff; }
.naraka-sheet img { aspect-ratio: 2.35 / 1; object-fit: contain; background: #fff; }
.naraka-wide { margin-top: clamp(90px, 12vw, 180px); }
.naraka-wide img { width: 100%; aspect-ratio: 2.35 / 1; object-fit: cover; }
.naraka-atmosphere { display: grid; grid-template-columns: 1fr .36fr; align-items: end; gap: clamp(20px, 4vw, 70px); }
.naraka-atmosphere img { width: 100%; }
.naraka-atmosphere figure:first-child img { aspect-ratio: 2.35 / 1; object-fit: cover; }
.naraka-atmosphere figure:last-child img { aspect-ratio: 1 / 1; object-fit: contain; background: #090807; }
.naraka-clips { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(25px, 5vw, 75px); }
.naraka-clips .naraka-clip-main { grid-column: 1 / -1; }
.naraka-clips video { width: 100%; aspect-ratio: 2.3 / 1; object-fit: cover; background: #15121a; }
.naraka-final-images { display: grid; gap: clamp(80px, 10vw, 160px); }
.naraka-final-images figure:first-child { width: 70%; }
.naraka-final-images figure:last-child { width: 100%; }
.naraka-final-images img { width: 100%; aspect-ratio: 2.35 / 1; object-fit: cover; }
.naraka-credits { margin: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 35px; }
.naraka-credits div { border-top: 1px solid var(--line); padding-top: 12px; }
.naraka-credits dt { color: #aaa49a; font-size: 10px; margin-bottom: 12px; }
.naraka-credits dd { margin: 0; font-family: var(--serif); font-size: clamp(20px, 2vw, 30px); }
@media (max-width: 600px) {
  .naraka-page .project-heading h1 { font-size: clamp(49px, 11vw, 75px); overflow-wrap: anywhere; }
  .naraka-hero video { aspect-ratio: 16 / 9; }
  .naraka-character, .naraka-character-b, .naraka-character-c { grid-template-columns: 1fr; }
  .naraka-character-b .naraka-portrait { order: 0; }
  .naraka-portrait { width: 62%; }
  .naraka-character-b .naraka-portrait { margin-left: auto; }
  .naraka-atmosphere { grid-template-columns: 1fr; }
  .naraka-atmosphere figure:last-child { width: 55%; margin-left: auto; }
  .naraka-clips { grid-template-columns: 1fr; }
  .naraka-clips .naraka-clip-main { grid-column: auto; }
  .naraka-final-images figure:first-child { width: 85%; }
  .naraka-credits { grid-template-columns: 1fr; }
}