.wk-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(2rem,5vw,4rem);align-items:center}
.wk-hero .shot{aspect-ratio:1;box-shadow:0 30px 60px -38px rgba(20,59,31,.5)}
@media(max-width:900px){ .wk-hero{grid-template-columns:1fr} .wk-hero .shot{max-width:26rem;margin-inline:auto} }

/* the five bodies, laid out as a full index rather than a toggle */
.bodies{display:grid;gap:0;margin-top:3rem}
.body-row{
  display:grid;grid-template-columns:auto 8.5rem minmax(0,1fr);gap:1.5rem;align-items:start;
  padding:1.5rem 0;border-top:1px solid color-mix(in srgb,var(--sage-glow) 26%,transparent);
}
.body-row:last-child{border-bottom:1px solid color-mix(in srgb,var(--sage-glow) 26%,transparent)}
.body-row .swatch{width:.85rem;height:.85rem;border-radius:50%;margin-top:.45rem;flex:none}
.body-row .layer{
  font-size:var(--label);font-weight:700;letter-spacing:.13em;text-transform:uppercase;
  color:var(--sage-glow);padding-top:.4em;
}
.body-row h3{font-size:1.14rem;margin-bottom:.35rem;color:var(--on-forest)}
.body-row p{font-size:.94rem;color:var(--sage-glow);max-width:var(--measure-sm)}
@media(max-width:760px){
  .body-row{grid-template-columns:auto minmax(0,1fr);gap:.4rem 1rem}
  .body-row .layer{grid-column:2;padding-top:0}
  .body-row div:last-child{grid-column:2}
}

/* formats */
.formats{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1.25rem;margin-top:3rem}
.fmt-dur{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.15rem}
.fmt-dur .len{font-family:var(--display);font-size:.95rem;color:var(--sun-ink)}
.fmt-dur .cap{font-size:var(--label);letter-spacing:.13em;text-transform:uppercase;color:var(--muted);font-weight:650}
/* the bar encodes real duration against a full day */
.meter{height:3px;border-radius:2px;background:color-mix(in srgb,var(--ink) 12%,transparent);margin:.9rem 0 1.2rem;overflow:hidden}
.meter i{display:block;height:100%;background:var(--sun);border-radius:2px}

.close-note{
  margin-top:3rem;padding:clamp(1.4rem,3vw,2rem);border-radius:var(--r-card);
  background:color-mix(in srgb,var(--sun) 18%,var(--paper));
  border:1px solid color-mix(in srgb,var(--sun-ink) 26%,transparent);
  max-width:36rem;
}
.close-note h3{font-size:1.1rem;margin-bottom:.5rem}
.close-note p{font-size:.95rem;color:var(--ink-2)}