/* Origin Pilates case: the layouts only this case uses, in the poster shell. The studio's own field (--og-field) is
   in base.css; captions and frames come from page.css. */
.og-o{padding-inline:var(--pad)}
.cs-open-origin .st i{opacity:1}
.og-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gut);padding-inline:var(--pad)}
.og-pair .cs2-plate{padding-inline:0}
.og-pair-2{margin-top:clamp(2rem,1.5rem + 2vw,4rem)}
.og-panels,.og-posts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gut);padding-inline:var(--pad);align-items:end}
.og-panels .cs2-plate,.og-posts .cs2-plate{padding-inline:0}
.og-panel{aspect-ratio:610/914;overflow:hidden;outline:1px solid var(--rule)}
.og-post{overflow:hidden;outline:1px solid var(--rule)}
.og-panel img,.og-post img{display:block;width:100%;height:auto}
.og-drawings{margin-top:clamp(2rem,1.5rem + 2vw,4rem)}
.og-films{display:grid;grid-template-columns:minmax(0,15rem) minmax(0,20rem);justify-content:center;gap:clamp(1.5rem,4vw,4rem);padding-inline:var(--pad);align-items:end}
.og-films .cs2-plate{padding-inline:0}
.og-reel{position:relative;overflow:hidden;background:#1A1917;border-radius:clamp(10px,1.4vw,18px)}
.og-reel-916{aspect-ratio:9/16}
.og-reel-45{aspect-ratio:4/5}
.og-reel img,.og-reel video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media (max-width:759px){
  .og-pair{grid-template-columns:1fr;row-gap:2rem}
  .og-panels,.og-posts{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:1.6rem}
  .og-films{grid-template-columns:repeat(2,minmax(0,1fr));gap:0.8rem}
}