/* HeartBug presentation stylesheet 24 (extracted from inline <style>) */

  .p16c-slide .inner{width:min(1360px,100%);height:100%;display:flex;flex-direction:column;justify-content:center;gap:clamp(12px,2.2vh,22px);padding:1vh 0}
  .p16c-reps{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2vw,28px);flex:1;min-height:0;align-content:center}
  .p16c-rep{position:relative;border:1.5px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;cursor:zoom-in;
    box-shadow:0 20px 44px -26px rgba(20,17,20,.28);transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
  .p16c-rep:hover{transform:translateY(-5px);box-shadow:0 28px 52px -26px rgba(228,0,43,.3)}
  .p16c-rep .cap{display:flex;justify-content:space-between;align-items:center;padding:13px 18px 10px;
    font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
  .p16c-rep .cap em{font-style:normal;color:var(--red);font-size:8.5px;letter-spacing:.2em;
    border:1px solid var(--line-r);border-radius:99px;padding:2px 9px}
  .p16c-rep img{display:block;width:100%;height:auto;clip-path:inset(0 100% 0 0);transition:clip-path 1.5s var(--ease)}
  .is-active .p16c-rep img{clip-path:inset(0 0 0 0)}
  .is-active .p16c-rep.r2 img{transition-delay:.3s}
  .p16c-rep .scan{position:absolute;top:34px;bottom:44px;left:0;width:2px;background:linear-gradient(180deg,transparent,var(--red),transparent);
    opacity:0;pointer-events:none}
  .p16c-rep:hover .scan{animation:p16cScan 1.5s var(--ease) infinite}
  @keyframes p16cScan{0%{left:6%;opacity:0}12%{opacity:.85}88%{opacity:.85}100%{left:94%;opacity:0}}
  .p16c-rep .sub{padding:10px 18px 13px;font-size:clamp(11.5px,1vw,13.5px);font-weight:300;color:var(--muted);line-height:1.5;border-top:1px solid var(--line)}
  .p16c-zoom{position:absolute;inset:0;z-index:40;display:grid;place-items:center;background:rgba(255,255,255,.92);
    backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .35s var(--ease)}
  .p16c-zoom.show{opacity:1;pointer-events:auto}
  .p16c-zoom .zbox{width:min(1080px,88%);background:#fff;border:1.5px solid var(--line-r);border-radius:16px;
    box-shadow:0 40px 90px -30px rgba(20,17,20,.4);padding:16px 22px 18px;cursor:zoom-out;
    transform:scale(.94);transition:transform .35s var(--ease)}
  .p16c-zoom.show .zbox{transform:none}
  .p16c-zoom .zcap{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:800;
    letter-spacing:.12em;text-transform:uppercase;padding-bottom:10px}
  .p16c-zoom .zcap em{font-style:normal;color:var(--red);font-size:9px;letter-spacing:.2em;border:1px solid var(--line-r);border-radius:99px;padding:2px 9px}
  .p16c-zoom img{display:block;width:100%;height:auto}
  .p16c-rep .sub b{font-weight:700;color:var(--red)}
  .p16c-rep.r1{grid-column:1;grid-row:1}
  .p16c-rep.r2{grid-column:2;grid-row:1}
  @media (max-width:1490px) and (max-height:950px){
    .p16c-slide .inner{overflow-y:auto}
    .p16c-reps{grid-template-columns:1fr}
    .p16c-rep.r2{grid-column:1;grid-row:2}
    .p16c-rep{width:90%;justify-self:center}
    .p16c-rep img{
      width:80%;
      max-width:80%;
      height:auto;
      margin-inline:auto;
      object-fit:contain;
      object-position:center;
      clip-path:none;
    }
    .p16c-rep.r2 img{
      width:70%;
      max-width:70%;
    }
  }
  @media (max-width:900px){.p16c-slide .inner{overflow-y:auto}.p16c-reps{grid-template-columns:1fr}.p16c-rep.r2{grid-column:1;grid-row:2}}
  
