/* Keep everything above THE PAINTER OF CONTEMPORARY LIFE untouched.
   Apply slide "cover" only to items that follow the article carrying class 'post-87' (the MOST IMPOR headline). */
article.post-87 ~ article.isotope-item .post__content div[style*="width:440px"][style*="height:248px"]{
  position: relative;
  overflow: hidden;
}
article.post-87 ~ article.isotope-item .post__content div[style*="width:440px"][style*="height:248px"] > iframe[src*="docs.google.com/presentation"]{
  position: absolute;
  top: 50%; left: 50%;
  width: 112%; height: 112%;
  transform: translate(-50%, -50%);
  border: 0;
  display: block;
}
/* Absolutely DO NOT touch gifs or any images; this block is iframes-only */
  


   .now-embed.now-draggable{ position: relative; will-change: transform; touch-action: none; }
.now-embed .now-drag-handle{
  position: absolute; top: 0; right: 0; width: 120px; height: 120px;
  z-index: 20; cursor: grab;
  background: linear-gradient(135deg, rgba(0,0,0,0.65) 0 50%, rgba(0,0,0,0) 50% 100%);
  -webkit-clip-path: polygon(100% 0, 0 0, 100% 100%);
          clip-path: polygon(100% 0, 0 0, 100% 100%);
  user-select: none;
}
.now-embed.dragging .now-drag-handle{ cursor: grabbing; }
.now-embed .now-drag-handle span{
  position: absolute; top: 16px; right: -4px; transform: rotate(45deg);
  font-weight: 800; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color:#fff; pointer-events:none;
}
.now-embed.dragging iframe{ pointer-events: none; }
  





   /* Scope: only BELOW "MOST IMPORTANT SHOW" */
article.post-87 ~ article.isotope-item.w1 .post__content figure,
article.post-87 ~ article.isotope-item.w1 .post__content .wp-block-image,
article.post-87 ~ article.isotope-item.w1 .post__content a{
  width: 100% !important;         /* fluid: take column width */
  max-width: 100% !important;
  aspect-ratio: 16 / 9 !important;/* unified slide ratio */
  height: auto !important;
  position: relative !important;
  overflow: hidden !important;
  background: transparent !important;
  border: 1px solid rgba(0,0,0,.08);
  display: block;
}

/* Photos: show entirely and align LEFT within the 16:9 window */
article.post-87 ~ article.isotope-item.w1 .post__content img{
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: left center !important; /* left-aligned */
  display: block !important;
  background: transparent !important;
}

/* Restore original size for Zoom icons & Quote glyphs (do not force windows) */
article.post-87 ~ article.isotope-item.w1.category-zoom .post__content img,
article.post-87 ~ article.isotope-item.w1.category-quotes .post__content img{
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  display: inline-block !important;
  transform: none !important;       /* undo previous +15% */
}

/* Slides (EXCEPT NOW): same fluid 16:9 window, no bars when deck is 16:9 */
article.post-87 ~ article.isotope-item .post__content div:not(.now-embed):has(> iframe[src*="docs.google.com/presentation"]){
  width: 100% !important;
  max-width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  height: auto !important;
  position: relative !important;
  overflow: hidden !important;
  background: transparent !important;
  border: 1px solid rgba(0,0,0,.08);
}
/* Fallback for inline-sized wrappers */
article.post-87 ~ article.isotope-item .post__content div[style*="width:440px"][style*="height:248px"]:not(.now-embed){
  width: 100% !important;
  max-width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  height: auto !important;
  position: relative !important;
  overflow: hidden !important;
  background: transparent !important;
  border: 1px solid rgba(0,0,0,.08);
}
/* Fit iframe exactly to the window */
article.post-87 ~ article.isotope-item .post__content div:not(.now-embed) > iframe[src*="docs.google.com/presentation"]{
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
  display: block !important;
  background: transparent !important;
}

/* Optional: mobile Desktop-mode safety for Zoom (stack nicely) */
@media (max-width: 1024px){
  #today-posts{ height: auto !important; }
  #today-posts .isotope-item.category-zoom{
    position: static !important;
    width: auto !important;
    margin: 8px auto !important;
    display: block !important;
    transform: none !important;
  }
}
  


   /* Slides below MOST IMPORTANT SHOW: fill window height, keep proportions (except NOW) */
article.post-87 ~ article.isotope-item .post__content div:not(.now-embed) > iframe[src*="docs.google.com/presentation"]{
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  height: 100% !important;
  width: auto !important;
  min-width: 100% !important;    /* guarantees no vertical bars */
  border: 0 !important;
  display: block !important;
}
  


   /* --- Restore original ZOOM TO size/behavior BELOW MOST IMPORTANT SHOW --- */
article.post-87 ~ article.isotope-item.w1.category-zoom .post__content a,
article.post-87 ~ article.isotope-item.w1.category-zoom .post__content figure,
article.post-87 ~ article.isotope-item.w1.category-zoom .post__content .wp-block-image{
  width: auto !important;
  height: auto !important;
  aspect-ratio: auto !important;
  background: transparent !important;
  border: 0 !important;
  overflow: visible !important;
  display: inline-block !important;
}
article.post-87 ~ article.isotope-item.w1.category-zoom .post__content img{
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  transform: none !important;           /* remove any scaling */
  object-fit: contain !important;
  object-position: center center !important;
  display: inline-block !important;
}

/* --- Mobile "Desktop view" overlap fix (Chrome ~980px etc.) --- */
@media (max-width: 1024px){
  #today-posts{ height: auto !important; }
  #today-posts .isotope-item.category-zoom{
    position: static !important;       /* remove absolute positioning */
    left: auto !important; top: auto !important; right: auto !important; bottom: auto !important;
    width: auto !important;
    margin: 10px 0 !important;
    display: block !important;
    clear: both !important;
    z-index: 1 !important;
  }
  #today-posts .isotope-item.category-zoom .post__content a,
  #today-posts .isotope-item.category-zoom .post__content img{
    transform: none !important;        /* ensure no residual scale on small screens */
  }
}
  


   /* Make every ZOOM TO look like in 'CONTINUING THE 444 PAINTINGS' */
article.isotope-item.category-zoom .post__content a{
  width: 100% !important;
  max-width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  height: auto !important;
  position: relative !important;
  overflow: hidden !important;
  background: transparent !important;
  border: 1px solid rgba(0,0,0,.08);
  display: block;
}
article.isotope-item.category-zoom .post__content a > img{
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  display: block;
}
  


   .stamp-wrap{ margin-top:10px; display:flex; justify-content:center; }
  .stamp{ display:inline-block; color:#111; text-decoration:none; }
  .stamp:hover{ color:#000; }