/* Works covers only. Fixed identical portrait frames; original image/video sources remain unchanged.
   Keep baked-in lettering in the visible image; do not crop with cover or zoom. */
html body.atelier-preview.works-page .at-triptych-link:nth-child(n+2){
  display:grid!important;
  grid-template-rows:minmax(0,1fr) auto!important;
  height:auto!important;
  aspect-ratio:9/16!important;
  min-height:0!important;
  align-self:center!important;
  overflow:hidden!important;
  background:#0c1011!important;
}
html body.atelier-preview.works-page .at-triptych-link:nth-child(2){transform:translateY(4%)!important}
html body.atelier-preview.works-page .at-triptych-link:nth-child(3){transform:translateY(-3%)!important}
/* Existing captions remain immediately below, not on top of embedded cover text. */
html body.atelier-preview.works-page .at-triptych-link:nth-child(n+2) img{
  position:relative!important;
  inset:auto!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  min-height:0!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
}
html body.atelier-preview.works-page .at-triptych-link:nth-child(n+2):hover img,
html body.atelier-preview.works-page .at-triptych-link:nth-child(n+2):focus-visible img{
  transform:none!important;
}
html body.atelier-preview.works-page .at-triptych-link:nth-child(n+2) .at-triptych-label{
  position:relative!important;
  inset:auto!important;
  display:grid!important;
  align-content:center!important;
  padding:clamp(10px,1.1vw,16px) clamp(9px,.9vw,14px)!important;
  gap:6px!important;
  box-sizing:border-box!important;
  transform:none!important;
}
html body.atelier-preview.works-page .at-triptych-link:nth-child(n+2):hover .at-triptych-label,
html body.atelier-preview.works-page .at-triptych-link:nth-child(n+2):focus-visible .at-triptych-label{
  transform:none!important;
}
html body.atelier-preview.works-page .at-triptych-link:nth-child(n+2)::after{display:none!important}
/* The earlier layout made the final Room 03 slide 100vw wide while Rooms 01/02
   occupy 84vw. Equalize only this last slide on landscape layouts. */
@media (min-width:900px) and (orientation:landscape){
  html body.atelier-preview.works-page .ex5-work-slide[data-at-room="03"]{
    flex:0 0 84vw!important;
    flex-basis:84vw!important;
    width:84vw!important;
    min-width:84vw!important;
  }
}
/* The Room 03 slide now inherits the exact same responsive frame rules as Rooms 01 and 02. */
html body.atelier-preview.works-page .ex5-work-slide[data-at-room="02"] .room-image video,
html body.atelier-preview.works-page .ex5-work-slide[data-at-room="03"] .room-image video{
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  background:#0c1011!important;
}
@media(max-width:699px){
  html body.atelier-preview.works-page .at-triptych-link:nth-child(n+2) .at-triptych-label{
    padding:8px 6px!important;
    gap:4px!important;
  }
  html body.atelier-preview.works-page .at-triptych-link:nth-child(2){transform:translateY(3%)!important}
  html body.atelier-preview.works-page .at-triptych-link:nth-child(3){transform:translateY(-2%)!important}
}

/* Approved entrance-only coverage: match Room 01's full-frame image and overlay caption. */
html body.atelier-preview[data-preview-refinement].works-page .at-triptych-link:nth-child(n+2){display:block!important}
html body.atelier-preview[data-preview-refinement].works-page .at-triptych-link:nth-child(n+2) img{
 position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
 max-width:none!important;object-fit:cover!important;object-position:center!important;transform:none!important
}
html body.atelier-preview[data-preview-refinement].works-page .at-triptych-link:nth-child(n+2)::before{display:none!important}
html body.atelier-preview[data-preview-refinement].works-page .at-triptych-link:nth-child(n+2)::after{
 content:"";display:block!important;position:absolute;inset:50% 0 0;
 background:linear-gradient(0deg,rgba(0,0,0,.91),transparent);pointer-events:none
}
html body.atelier-preview[data-preview-refinement].works-page .at-triptych-link:nth-child(n+2) .at-triptych-label{
 position:absolute!important;left:clamp(9px,1.4vw,23px)!important;right:8px!important;
 top:auto!important;bottom:clamp(14px,2svh,26px)!important;padding:0!important;gap:9px!important
}
@media(max-width:699px){
 html body.atelier-preview[data-preview-refinement].works-page .at-triptych-link:nth-child(n+2) .at-triptych-label{
  left:9px!important;right:6px!important;bottom:12px!important;gap:5px!important
 }
}

/* Works entrance: matching portrait frames, with viewport-height-aware clearance. */
html body.atelier-preview[data-preview-refinement].works-page .at-triptych{
 --at-frame-top:max(100px,16svh);--at-frame-bottom:max(96px,17svh);
 --at-frame-gap:clamp(10px,1.3vw,23px);--at-frame-width:51vw;
 top:var(--at-frame-top)!important;bottom:auto!important;
 height:calc(100svh - var(--at-frame-top) - var(--at-frame-bottom))!important;
 width:min(var(--at-frame-width),calc((100svh - var(--at-frame-top) - var(--at-frame-bottom))*1.63 + var(--at-frame-gap)*2))!important;
 gap:var(--at-frame-gap)!important;align-items:center!important
}
html body.atelier-preview[data-preview-refinement].works-page .at-triptych-link{
 flex:1 1 0!important;min-width:0!important;min-height:0!important;
 height:auto!important;aspect-ratio:5/8!important;transform:none!important;align-self:center!important
}
@media(min-width:900px) and (max-width:1199px){
 html body.atelier-preview[data-preview-refinement].works-page .at-triptych{--at-frame-width:53vw}
}
@media(max-width:899px), (orientation:portrait){
 html body.atelier-preview[data-preview-refinement].works-page .at-triptych{
  --at-frame-bottom:38svh;--at-frame-width:92vw;
  left:4vw!important;right:4vw!important;margin-inline:auto!important
 }
}

@media(max-width:899px) and (orientation:landscape) and (max-height:480px){
 html body.atelier-preview[data-preview-refinement].works-page .at-triptych{--at-frame-bottom:max(76px,18svh)}
}

/* Room 03's existing water film fills its frame, like the other Rooms. */
html body.atelier-preview[data-preview-refinement].works-page .ex5-work-slide[data-at-room="03"] .room-image video[data-austerity-card]{
 position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
 object-fit:cover!important;object-position:center!important;transform:none!important
}

/* Entrance-only stagger and a shared, restrained image/lens response. */
html body.atelier-preview[data-preview-refinement].works-page .at-triptych-link:nth-child(1){transform:translateY(-4%)!important}
html body.atelier-preview[data-preview-refinement].works-page .at-triptych-link:nth-child(2){transform:translateY(8%)!important}
html body.atelier-preview[data-preview-refinement].works-page .at-triptych-link:nth-child(3){transform:translateY(-2%)!important}
html body.atelier-preview[data-preview-refinement].works-page .at-triptych-link:nth-child(n) img{
 transform:scale(1.02)!important
}
html body.atelier-preview[data-preview-refinement].works-page .at-triptych-link:nth-child(n) .at-triptych-label{
 transform:translateY(0)!important;transition:transform .65s cubic-bezier(.2,.8,.2,1)
}
html body.atelier-preview[data-preview-refinement].works-page .at-triptych-link:nth-child(n):is(:focus-visible,:active,.is-pressed) img{
 transform:scale(1.085)!important;filter:grayscale(0) contrast(1.05) brightness(.98)!important
}
html body.atelier-preview[data-preview-refinement].works-page .at-triptych-link:nth-child(n):is(:focus-visible,:active,.is-pressed) .at-triptych-label{
 transform:translateY(-7px)!important
}
@media(hover:hover) and (pointer:fine){
 html body.atelier-preview[data-preview-refinement].works-page .at-triptych-link:nth-child(n):hover img{
  transform:scale(1.085)!important;filter:grayscale(0) contrast(1.05) brightness(.98)!important
 }
 html body.atelier-preview[data-preview-refinement].works-page .at-triptych-link:nth-child(n):hover .at-triptych-label{transform:translateY(-7px)!important}
}
@media(prefers-reduced-motion:reduce){
 html body.atelier-preview[data-preview-refinement].works-page .at-triptych-link:nth-child(n) img,
 html body.atelier-preview[data-preview-refinement].works-page .at-triptych-link:nth-child(n):is(:hover,:focus-visible,:active,.is-pressed) img,
 html body.atelier-preview[data-preview-refinement].works-page .at-triptych-link:nth-child(n) .at-triptych-label,
 html body.atelier-preview[data-preview-refinement].works-page .at-triptych-link:nth-child(n):is(:hover,:focus-visible,:active,.is-pressed) .at-triptych-label{
  transform:none!important;transition:none!important
 }
}