/* "See vGuest in action" — calm light reel section */
.reel-sec { padding: clamp(64px, 9vw, 120px) 24px clamp(56px, 7vw, 96px);
  background: linear-gradient(180deg, #ffffff 0%, #f6f4f1 100%); }

.reel-head { max-width: 760px; margin: 0 auto clamp(36px, 5vw, 60px); text-align: center; }
.reel-eyebrow { display: inline-block; font-size: 13px; font-weight: 700; letter-spacing: .14em;
  text-transform: uppercase; color: #c2603a; margin-bottom: 16px; }
.reel-head h2 { font-family: "Cairo", ui-sans-serif, system-ui, sans-serif; font-weight: 700;
  font-size: clamp(28px, 4vw, 44px); line-height: 1.1; color: #2b2118; letter-spacing: -0.01em; }
.reel-head p { margin-top: 18px; font-size: clamp(16px, 1.6vw, 19px); line-height: 1.55;
  color: #6b6157; max-width: 600px; margin-left: auto; margin-right: auto; }

.reel-stage { max-width: 1100px; margin: 0 auto; }
.reel-wrap { position: relative; width: 100%; overflow: hidden; border-radius: 28px;
  box-shadow: 0 30px 80px rgba(70,48,34,.16), 0 2px 8px rgba(70,48,34,.08);
  background: #f3efe9; }
/* the iframe sits at its native size, top-left, and is scaled by JS to fit the wrap width */
.reel-frame { position: absolute; top: 0; left: 0; width: 1190px; height: 820px; border: 0;
  transform-origin: top left; }

@media (max-width: 760px) {
  .reel-wrap { border-radius: 22px; }
  .reel-frame { position: relative; width: 100%; height: auto; transform: none; }
}