.world.bhoothaganam .scene { object-position: 72% center; }
.world.bhoothaganam .shade {
  background: linear-gradient(90deg,#080c0be3,transparent 58%), linear-gradient(0deg,#080c0bd9,transparent 43%);
}
#collection .index-image:has(img[src*="/bhoothaganam/mirror-pull-"]) { aspect-ratio: 1672 / 941; }
.project-page:has(.project-hero.bhoothaganam) .site-header { background: linear-gradient(#070b0bef,#070b0b94); }
.project-hero.bhoothaganam {
  display: grid; grid-template-columns: minmax(0,1fr); padding: 0; min-height: 0;
  background: #0c100f; color: #e6ddca;
}
.project-hero.bhoothaganam > * { grid-area: 1 / 1; }
.project-hero.bhoothaganam > .hero-art { position: relative; inset: auto; align-self: start; width: 100%; height: auto; aspect-ratio: 1672 / 941; }
.project-hero.bhoothaganam .hero-art .scene { object-position: center; object-fit: contain; }
.project-hero.bhoothaganam .page-shade {
  background: linear-gradient(0deg,#080d0bf2, #080d0b75 25%,transparent 48%),linear-gradient(180deg,#080d0b85, transparent 28%);
}
.project-hero.bhoothaganam .project-hero-top { align-self: start; padding-top: 115px; }
.project-hero.bhoothaganam .project-hero-copy { align-self: end; padding-block: 0 clamp(28px, 3.4vw, 58px); }
.project-hero.bhoothaganam h1 { margin-block: 8px 12px; font-size: clamp(74px,7.8vw,148px); }
.project-hero.bhoothaganam .project-hero-copy > p:not(.eyebrow) { max-width: 53ch; font-size: clamp(18px,1.4vw,24px); }

.project-story:has(+ .bhoo-field) h2 .pixel { color: var(--green); }
.bhoo-field,.bhoo-people,.bhoo-close { padding-block: clamp(42px,6vw,100px); border-top: 1px solid var(--line); }
.bhoo-heading { display: flex; align-items: end; justify-content: space-between; gap: 32px; margin-bottom: clamp(22px,3vw,50px); }
.bhoo-heading h2,.bhoo-close h2 { margin: 10px 0 0; font-size: clamp(41px,5.5vw,89px); line-height: 1.03; letter-spacing: -.06em; }
.bhoo-heading > p { max-width: 32ch; margin: 0; font-size: clamp(17px,1.4vw,22px); }
.bhoo-heading .pixel { color: var(--green); }
.bhoo-field .bhoo-heading .pixel, .bhoo-close .pixel { color: var(--orange); }
.bhoo-still,.bhoo-strip { position: relative; }
.bhoo-still { isolation: isolate; overflow: hidden; }
.bhoo-still > img { width: 100%; height: auto; display: block; }
.bhoo-plate,.bhoo-people figure { margin: 0; }
.bhoo-window { overflow: hidden; background: #0c0f0c; border: 1px solid #635744; }
.bhoo-field.has-reader .bhoo-strip::after {
  content: ""; position: absolute; top: 0; bottom: 0; left: var(--panel-left); width: calc(100% / 6);
  box-shadow: inset 0 -3px #e88448, inset 0 0 0 1px #e8844875; pointer-events: none;
}
.bhoo-choices { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); }
.bhoo-choices button {
  min-height: 48px; border: 0; border-bottom: 1px solid #bcc0a238; background: transparent;
  padding: 10px 5px; font: clamp(14px,1.1vw,18px)/1.35 var(--mono); color: #d2c9b7;
}
.bhoo-choices button[aria-pressed=true] { background: #221d16; color: #ffa574; border-color: var(--orange); }
.bhoo-choices button:focus-visible,.bhoo-network summary:focus-visible { outline: 2px solid var(--green); outline-offset: -3px; }
.bhoo-reading { padding-top: 25px; max-width: 85ch; }
.bhoo-reading h3 { margin: 0 0 7px; font-size: clamp(25px,2.3vw,40px); }
.bhoo-reading p,.bhoo-people figcaption p:last-child,.bhoo-close p {
  max-width: 58ch; margin: 0 0 18px; font-size: clamp(17px,1.3vw,21px); line-height: 1.55;
}
.bhoo-leads { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: clamp(25px,3.5vw,64px); }
.bhoo-lead figcaption { padding-block: 16px 0; }
.bhoo-lead .eyebrow { color: var(--green); }
.bhoo-lead h3 { margin: 3px 0 10px; font-size: clamp(35px,3.8vw,65px); letter-spacing: -.05em; }
.bhoo-lead:last-child { grid-column: 1/-1; display: grid; grid-template-columns: 1fr 1fr; gap: inherit; align-items: center; border-top: 1px solid var(--line); padding-top: 24px; }
.bhoo-lead:last-child .bhoo-still { grid-area: 1/2; }
.bhoo-lead:last-child figcaption { grid-area: 1/1; }
.bhoo-family,.bhoo-network { margin-top: clamp(28px,3.5vw,65px); padding-top: 18px; border-top: 1px solid var(--line); }
.bhoo-family h3,.bhoo-network summary { margin: 0 0 18px; font-size: clamp(26px,2.8vw,46px); line-height: 1.1; }
.bhoo-network summary { display: flex; justify-content: space-between; align-items: center; cursor: pointer; list-style: none; padding: 5px 0; }
.bhoo-network summary::-webkit-details-marker { display: none; }
.bhoo-network summary span { color: var(--green); }
.bhoo-network[open] summary span { transform: rotate(45deg); }
.bhoo-portraits { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: clamp(14px,2vw,32px); }
.bhoo-family { display: grid; grid-template-columns: 1fr 3fr; gap: clamp(18px,2vw,32px); }
.bhoo-family .bhoo-portraits { grid-template-columns: repeat(3,minmax(0,1fr)); }
.bhoo-portrait h4 { margin: 14px 0 5px; font-size: clamp(21px,2vw,32px); letter-spacing: -.04em; }
.bhoo-portrait figcaption p:last-child { font-size: clamp(16px,1.15vw,19px); }
.bhoo-close { display: grid; grid-template-columns: 1.4fr 1fr; align-items: center; gap: clamp(20px,4vw,70px); }
.bhoo-close h2 { font-size: clamp(34px,3.5vw,60px); }
.bhoo-close .pixel { display: block; }
.bhoo-close p { margin-block: 18px 24px; }

@media (max-width: 900px) {
  .project-hero.bhoothaganam { padding-top: 93px; }
  .project-hero.bhoothaganam .project-hero-top { grid-area: 1/1; padding-block: 14px; }
  .project-hero.bhoothaganam .project-hero-top .breadcrumbs { margin-bottom: 0; }
  .project-hero.bhoothaganam > .hero-art { grid-area: 2/1; }
  .project-hero.bhoothaganam .page-shade { display: none; }
  .project-hero.bhoothaganam .project-hero-copy { grid-area: 3/1; padding-block: 26px 36px; }
  .bhoo-heading { display: block; }
  .bhoo-heading > p { margin-top: 14px; max-width: 49ch; }
}
@media (max-width: 700px) {
  .world.bhoothaganam .scene { position: absolute; top: 3%; height: 56%; object-position: 79% center; }
  .world.bhoothaganam .shade { background: linear-gradient(0deg,#080d0b 35%,#080d0bd9 46%,transparent 59%,transparent 84%,#080d0b9c); }
  .project-hero.bhoothaganam { padding-top: 78px; }
  .project-hero.bhoothaganam h1 { font-size: clamp(38px,10.8vw,75px); }
  .bhoo-field.has-reader .bhoo-strip { width: 300%; transform: translateX(var(--pan)); }
  .bhoo-choices { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .bhoo-leads,.bhoo-lead:last-child,.bhoo-close { display: block; }
  .bhoo-lead + .bhoo-lead { margin-top: 24px; }
  .bhoo-family { display: block; }
  .bhoo-portraits,.bhoo-family .bhoo-portraits { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .bhoo-close > div:last-child { margin-top: 24px; }
}
@media (prefers-reduced-motion: no-preference) {
  html:not(.motion-off) .bhoo-strip { transition: transform .32s ease-out; }
}