@keyframes pb-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(.6deg)}}@keyframes pb-dot{0%{box-shadow:0 0 0 0 rgba(185,130,0,.5)}70%,100%{box-shadow:0 0 0 7px rgba(185,130,0,0)}}@keyframes pb-pulse{0%,100%{box-shadow:0 0 0 0 rgba(194,75,75,.35)}50%{box-shadow:0 0 0 8px rgba(194,75,75,0)}}

.r26-problem-dramatic.s1,
.r26-problem-dramatic .s1 {
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,#fff 0%,#FFF8F6 100%);
}

.r26-problem-dramatic.s2,
.r26-problem-dramatic .s2 {
  position:absolute;
  right:-10%;
  top:-20%;
  width:60%;
  height:90%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(242,201,195,.45),transparent 65%);
  pointer-events:none;
}

.r26-problem-dramatic.s3,
.r26-problem-dramatic .s3 {
  position:relative;
  max-width:1200px;
  margin:0 auto;
  padding:112px 32px;
}

.r26-problem-dramatic.s4,
.r26-problem-dramatic .s4 {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));
  gap:48px;
  align-items:center;
}

.r26-problem-dramatic.s5,
.r26-problem-dramatic .s5 {
  max-width:560px;
}

.r26-problem-dramatic.s6,
.r26-problem-dramatic .s6 {
  display:flex;
  align-items:center;
  gap:10px;
}

.r26-problem-dramatic.s7,
.r26-problem-dramatic .s7 {
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:50%;
  background:#FBE9E6;
  animation:pb-pulse 2.6s ease-in-out infinite;
}

.r26-problem-dramatic.s8,
.r26-problem-dramatic .s8 {
  font-size:18px;
  line-height:1;
  color:#C24B4B;
}

.r26-problem-dramatic.s9,
.r26-problem-dramatic .s9 {
  font:500 15px var(--font-accent);
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#B23B3B;
}

.r26-problem-dramatic.s10,
.r26-problem-dramatic .s10 {
  font-family:var(--font-display);
  font-weight:400;
  font-size:clamp(32px,4vw,50px);
  line-height:1.06;
  margin:16px 0 0;
  text-wrap:balance;
  color:var(--text-heading);
}

.r26-problem-dramatic.s11,
.r26-problem-dramatic .s11 {
  font:400 18px/1.55 var(--font-body);
  color:var(--text-secondary);
  margin:16px 0 0;
  text-wrap:pretty;
  max-width:640px;
}

.r26-problem-dramatic.s12,
.r26-problem-dramatic .s12 {
  position:relative;
}

.r26-problem-dramatic.s13,
.r26-problem-dramatic .s13 {
  -webkit-mask-image:radial-gradient(ellipse 75% 75% at 50% 50%,#000 60%,transparent 100%);
  mask-image:radial-gradient(ellipse 75% 75% at 50% 50%,#000 60%,transparent 100%);
}

.r26-problem-dramatic.s14,
.r26-problem-dramatic .s14 {
  position:absolute;
  left:0;
  top:8%;
  padding:8px 12px;
  border-radius:10px;
  background:linear-gradient(150deg,rgba(255,255,255,.88),rgba(255,255,255,.55));
  border:1px solid rgba(255,255,255,.95);
  box-shadow:inset 0 1px 0 #fff,0 24px 60px -24px rgba(18,38,77,.3);
  backdrop-filter:blur(16px) saturate(1.3);
  -webkit-backdrop-filter:blur(16px) saturate(1.3);
  display:flex;
  align-items:center;
  gap:8px;
  font:600 12px var(--font-body);
  color:#1F2937;
  white-space:nowrap;
  animation:pb-float 6s ease-in-out 0s infinite;
}

.r26-problem-dramatic.s15,
.r26-problem-dramatic .s15 {
  width:7px;
  height:7px;
  border-radius:50%;
  background:#B98200;
  animation:pb-dot 2.2s ease-out 0s infinite;
}

.r26-problem-dramatic.s16,
.r26-problem-dramatic .s16 {
  position:absolute;
  right:0;
  top:44%;
  padding:8px 12px;
  border-radius:10px;
  background:linear-gradient(150deg,rgba(255,255,255,.88),rgba(255,255,255,.55));
  border:1px solid rgba(255,255,255,.95);
  box-shadow:inset 0 1px 0 #fff,0 24px 60px -24px rgba(18,38,77,.3);
  backdrop-filter:blur(16px) saturate(1.3);
  -webkit-backdrop-filter:blur(16px) saturate(1.3);
  display:flex;
  align-items:center;
  gap:8px;
  font:600 12px var(--font-body);
  color:#1F2937;
  white-space:nowrap;
  animation:pb-float 6.8s ease-in-out 0.8s infinite;
}

.r26-problem-dramatic.s17,
.r26-problem-dramatic .s17 {
  width:7px;
  height:7px;
  border-radius:50%;
  background:#B98200;
  animation:pb-dot 2.2s ease-out 0.8s infinite;
}

.r26-problem-dramatic.s18,
.r26-problem-dramatic .s18 {
  position:absolute;
  left:6%;
  bottom:8%;
  padding:8px 12px;
  border-radius:10px;
  background:linear-gradient(150deg,rgba(255,255,255,.88),rgba(255,255,255,.55));
  border:1px solid rgba(255,255,255,.95);
  box-shadow:inset 0 1px 0 #fff,0 24px 60px -24px rgba(18,38,77,.3);
  backdrop-filter:blur(16px) saturate(1.3);
  -webkit-backdrop-filter:blur(16px) saturate(1.3);
  display:flex;
  align-items:center;
  gap:8px;
  font:600 12px var(--font-body);
  color:#1F2937;
  white-space:nowrap;
  animation:pb-float 7.4s ease-in-out 1.4s infinite;
}

.r26-problem-dramatic.s19,
.r26-problem-dramatic .s19 {
  width:7px;
  height:7px;
  border-radius:50%;
  background:#B98200;
  animation:pb-dot 2.2s ease-out 1.4s infinite;
}

.r26-problem-dramatic.s20,
.r26-problem-dramatic .s20 {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));
  gap:40px;
  margin-top:56px;
}

.r26-problem-dramatic.s21,
.r26-problem-dramatic .s21 {
  opacity:1;
  scale(.97);
  padding-top:22px;
  border-top:2px solid #F2C9C3;
}

.r26-problem-dramatic.s22,
.r26-problem-dramatic .s22 {
  font-size:22px;
  line-height:1;
  color:#C24B4B;
}

.r26-problem-dramatic.s23,
.r26-problem-dramatic .s23 {
  font-family:var(--font-display);
  font-weight:400;
  font-size:22px;
  line-height:1.2;
  margin:0;
  color:var(--text-heading);
}

.r26-problem-dramatic.s24,
.r26-problem-dramatic .s24 {
  font:400 16px/1.55 var(--font-body);
  color:var(--text-secondary);
  margin:8px 0 0;
  text-wrap:pretty;
}
