/* HeartBug presentation stylesheet 07 (extracted from inline <style>) */

  /* ─── 28 DAYS · numeral block left + NEW STANDARD statement right (scoped) ─── */
  .p3-slide .inner{width:100%;display:flex;align-items:center;justify-content:center;gap:clamp(28px,4vw,70px);padding-top:0}
  .p3-left{display:flex;flex-direction:column;align-items:flex-start}
  .p3-numrow{display:flex;align-items:flex-end;gap:clamp(10px,1.4vw,20px)}
  .p3-num{line-height:.8;user-select:none;cursor:default;
    font-weight:800;font-size:clamp(6rem,12vw,11rem);letter-spacing:-.04em;
    color:var(--red);text-shadow:0 18px 46px rgba(20,17,20,.13)}
  .p3-num .d1,.p3-num .d2{display:inline-block}
  /* “28”矢量化（甲方要求图片化防变形）：路径取自内嵌 Outfit 800 轮廓，随 font-size 弹性缩放，任意屏不失真 */
  .p3-num svg{height:calc(1em * 0.7322);width:auto;fill:var(--red)}
  .p3-num svg.d2{margin-left:-.04em}
  .p3-num{display:flex;align-items:flex-end;flex:none}
  .is-active .p3-num .d1{animation:p3Digit .9s var(--ease) both .35s}
  .is-active .p3-num .d2{animation:p3Digit .9s var(--ease) both .55s}
  @keyframes p3Digit{from{opacity:0;transform:translateY(12%) scale(.92);filter:blur(10px)}to{opacity:1;transform:none;filter:none}}
  .p3-num.beat{animation:p3Beat 1.1s cubic-bezier(.4,0,.6,1) infinite}
  /* lub-dub: S1 stronger, S2 softer, long diastole rest — like a real heartbeat */
  @keyframes p3Beat{0%{transform:scale(1)}9%{transform:scale(1.05)}18%{transform:scale(1)}27%{transform:scale(1.028)}36%{transform:scale(1)}100%{transform:scale(1)}}
  .p3-cap{padding-bottom:.5em;white-space:nowrap;
    font-size:clamp(.7rem,1.05vw,.92rem);font-weight:800;letter-spacing:.3em;text-transform:uppercase;color:var(--dim)}
  .is-active .p3-cap{animation:p3Cap 1s var(--ease) both 1.05s}
  @keyframes p3Cap{from{opacity:0;letter-spacing:.7em}to{opacity:1;letter-spacing:.34em}}
  .p3-kick{margin-top:clamp(10px,2vh,20px);color:var(--red);font-weight:700;letter-spacing:.22em;text-transform:uppercase;font-size:clamp(.68rem,1vw,.88rem)}
  .p3-kick::before{content:"";display:inline-block;width:1.6em;height:2px;background:var(--red);vertical-align:.32em;margin-right:.7em}
  .p3-sub{margin-top:clamp(20px,4vh,40px);font-size:clamp(1.7rem,3vw,2.7rem);font-weight:800;letter-spacing:-.02em;line-height:1.16;color:var(--ink)}
  .p3-sub .r{color:var(--red)}
  .p3-right{display:flex;align-items:center}
  .p3-std-kick{color:var(--red);font-weight:800;letter-spacing:.06em;text-transform:uppercase;font-size:clamp(1.9rem,3.2vw,2.9rem);margin-bottom:clamp(4px,1vh,10px)}
  .p3-std-row{display:flex;align-items:center;gap:clamp(18px,2.4vw,40px)}
  .p3-std{font-size:clamp(2.3rem,4.4vw,4rem);font-weight:800;letter-spacing:-.025em;line-height:1.1;color:var(--ink)}
  .p3-std-row .bug-i{flex:none;width:clamp(100px,10vw,160px);height:auto;filter:drop-shadow(0 12px 22px rgba(20,17,20,.22))}
  @media (max-width:1490px) and (max-height:950px){
    .p3-std-row .bug-i{translate:-5vw 0}
  }
  @media (max-width:900px){
    .p3-slide .inner{flex-direction:column;gap:20px}
    .p3-num{font-size:clamp(4.5rem,24vw,8rem)}
  }
  
