/* Home's two standalone finished-work features use the existing Glassfield
   form and media-height policy, rather than one slot in a three-column grid. */
.home-finished-feature>.work-grid{
  display:flex;
  justify-content:center;
  align-items:flex-start;
}
/* The existing first studio slot is one contextual process owner. Its native
   player and factual note share the universal asymmetric Glassfield body;
   the sequence is not claimed to document an adjacent finished photograph. */
:is(#home-studio-process,#home-theatre-process){
  width:min(94vw,calc(100vw - 32px));
  max-width:none;
  margin-inline:calc((100% - min(94vw,100vw - 32px))/2);
}
:is(#home-studio-process,#home-theatre-process) .work-process-media{
  grid-template-columns:minmax(0,1fr) minmax(0,.9fr);
  align-items:center;
}
:is(#home-studio-process,#home-theatre-process) .work-process-note{
  margin:0;
  max-width:36em;
  font-size:clamp(16px,1.4vw,22px);
}
/* Size the actual context text rather than relying on wrapper inheritance. */
:is(#home-studio-process,#home-theatre-process) .work-process-note>p:not(.eyebrow){
  font-size:clamp(24px,2.1vw,32px);
  line-height:1.3;
}
:is(#home-studio-process,#home-theatre-process) .work-process-note>.eyebrow{
  font-size:18px;
  line-height:1.35;
  letter-spacing:.08em;
  margin-bottom:18px;
}
:is(#home-studio-process,#home-theatre-process) .work-process-note>.text-link{
  font-size:18px;
  line-height:1.45;
}
/* Process captions belong to the shared shoulder, rather than a second
   opaque pill underneath an otherwise continuous moving material. */
body.cme-universal-media-supports :is(
  #home-studio-process,#home-theatre-process,#home-green-process,#home-street-process
) figcaption{
  padding:0;
  border-radius:0;
  background:transparent;
  color:inherit;
  text-shadow:0 1px 3px rgba(8,23,34,.75);
}
:is(#home-studio-process,#home-theatre-process) video{
  display:block;
  width:auto;
  height:auto;
  max-width:100%;
  max-height:78svh;
  aspect-ratio:720/1280;
  margin-inline:auto;
  object-fit:contain;
}
/* Reserve M008's settled portrait footprint before native metadata arrives.
   43.875svh at 9:16 equals the existing 78svh height cap. */
@media(min-width:701px){
  #home-theatre-process video{
    width:min(100%,43.875svh);
  }
}
/* Each verified shoot has one full-size native BTS player. The shared
   process owner supplies Glassfield; no extra inner material or camera. */
:is(#home-green-process,#home-street-process) .work-process-media{
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:start;
}
:is(#home-green-process,#home-street-process) .work-process-media :is(img,video){
  max-height:78svh;
}
@media(max-width:700px){
  :is(#home-studio-process,#home-theatre-process) .work-process-note>p:not(.eyebrow){
    font-size:clamp(16px,4.3vw,18px);
    line-height:1.5;
  }
  :is(#home-studio-process,#home-theatre-process) .work-process-note>.eyebrow{
    font-size:12px;
    margin-bottom:12px;
  }
  :is(#home-studio-process,#home-theatre-process) .work-process-note>.text-link{
    font-size:16px;
  }
  :is(#home-studio-process,#home-theatre-process) .work-process-media{
    grid-template-columns:minmax(0,1fr);
    gap:28px;
  }
  :is(#home-studio-process,#home-theatre-process) video{
    width:100%;
    height:auto;
    max-height:none;
  }
  :is(#home-green-process,#home-street-process) .work-process-media{
    grid-template-columns:minmax(0,1fr);
    gap:28px;
  }
  :is(#home-green-process,#home-street-process) .work-process-media :is(img,video){
    width:100%;
    height:auto;
    max-height:none;
    aspect-ratio:auto;
    object-fit:contain;
  }
}
.home-finished-feature>.work-grid>.work-card{
  flex:0 0 auto;
  width:fit-content;
  max-width:calc(100vw - 32px);
}
.home-finished-feature>.work-grid>.work-card .image-wrap{
  width:max-content;
  max-width:100%;
}
@media(max-width:700px){
  .home-finished-feature>.work-grid>.work-card{
    width:calc(100vw - 32px);
  }
  .home-finished-feature>.work-grid>.work-card .image-wrap{
    width:100%;
  }
}