/* Al Margen Studio 4.25.2 — homepage live-only previews, without screenshot images. */
body.home .portfolio-section:not(.am-work-gallery) .portfolio-card-image.am-home-live-only {
  position:relative;isolation:isolate;overflow:hidden;min-height:190px;
  background:linear-gradient(145deg,#eaf0e4,#f5f9ef);
}
body.home .portfolio-section:not(.am-work-gallery) .am-home-live-only .portfolio-live-placeholder {
  position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:10px;padding:24px;
  color:#253b25;text-align:center;pointer-events:none;
}
body.home .portfolio-section:not(.am-work-gallery) .am-home-live-only .portfolio-live-placeholder[hidden]{display:none!important}
body.home .portfolio-section:not(.am-work-gallery) .am-home-live-only .portfolio-live-placeholder-mark{
  display:grid;place-items:center;width:46px;height:46px;border-radius:15px;
  background:#d7ff3f;color:#18301a;font:800 21px/1 ui-monospace,monospace;
}
body.home .portfolio-section:not(.am-work-gallery) .am-home-live-only .portfolio-live-placeholder strong{
  font:750 clamp(16px,1.6vw,22px)/1.2 var(--display);
}
body.home .portfolio-section:not(.am-work-gallery) .am-home-live-only .portfolio-live-placeholder small{
  max-width:28ch;font-size:12px;line-height:1.5;color:#526851;
}
body.home .portfolio-section:not(.am-work-gallery) .am-home-live-only .portfolio-preview-stage{
  position:absolute;inset:0;z-index:3;overflow:hidden;display:none!important;
  opacity:0!important;pointer-events:none!important;background:#fff!important;transition:none!important;
}
body.home .portfolio-section:not(.am-work-gallery) .am-home-live-only .portfolio-preview-stage.is-active{display:block!important}
body.home .portfolio-section:not(.am-work-gallery) .am-home-live-only .portfolio-preview-stage.is-active.is-loaded{
  opacity:1!important;pointer-events:auto!important;
}
body.home .portfolio-section:not(.am-work-gallery) .am-home-live-only .portfolio-desktop-frame{
  position:absolute!important;left:0!important;top:0!important;
  width:1440px!important;min-width:1440px!important;max-width:none!important;
  display:block!important;margin:0!important;padding:0!important;border:0!important;
  transform:scale(var(--portfolio-scale,.25));transform-origin:top left;
  background:#fff;pointer-events:auto!important;
}
body.home .portfolio-section:not(.am-work-gallery) .am-home-live-only .portfolio-loading{z-index:5;pointer-events:none}
body.home .portfolio-section:not(.am-work-gallery) .am-home-live-only .portfolio-preview-fallback{z-index:6}
body.home .portfolio-section:not(.am-work-gallery) .am-home-live-only .portfolio-live-hint{
  position:absolute;left:50%;bottom:9px;z-index:6;transform:translateX(-50%);
  max-width:calc(100% - 20px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  padding:7px 10px;border-radius:999px;background:rgba(12,26,14,.84);color:#fff;
  font:700 10px/1.2 var(--font);pointer-events:none;
}
body.home .portfolio-section:not(.am-work-gallery) .am-home-live-only .portfolio-live-hint[hidden]{display:none!important}