/* Methodology videos: two columns on desktop, one on mobile. */
#video3-5.pp-methodologies { background: #f7f6f2; color: #242424; padding: 64px 24px; font-family: Arial, Helvetica, sans-serif; scroll-margin-top: 90px; }
#video3-5 .pp-methodologies-inner { max-width: 1140px; margin: 0 auto; }
#video3-5 .pp-eyebrow { color: #8b6b2d; font-size: 12px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; margin: 0 0 12px; }
#video3-5 h2 { color: #242424; font-size: clamp(28px, 3.1vw, 40px); line-height: 1.15; margin: 0 0 14px; font-weight: 700; }
#video3-5 .pp-intro { color: #626262; font-size: 16px; line-height: 1.6; margin: 0 0 32px; max-width: 620px; }
#video3-5 .pp-video-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
#video3-5 .pp-video-card { min-width: 0; background: #fff; border: 1px solid #e5e1d7; border-radius: 10px; overflow: hidden; display: flex; flex-direction: column; }
#video3-5 .pp-video-frame { position: relative; aspect-ratio: 16 / 9; background: #111; }
#video3-5 .pp-video-frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; display: block; }
#video3-5 .pp-video-info { padding: 22px; display: flex; flex-direction: column; flex: 1; }
#video3-5 h3 { color: #242424; font-size: 22px; line-height: 1.3; margin: 0 0 10px; font-weight: 700; }
#video3-5 .pp-video-info p { font-size: 15px; line-height: 1.6; color: #626262; margin: 0 0 20px; flex: 1; }
#video3-5 .pp-video-info a { color: #806025; font-size: 14px; font-weight: 700; display: inline-flex; align-items: center; gap: 9px; min-height: 44px; text-decoration: none; align-self: flex-start; }
#video3-5 .pp-video-info a:hover { text-decoration: underline; }
#video3-5 .pp-video-info a:focus-visible { outline: 3px solid #806025; outline-offset: 3px; }
@media (max-width: 767px) {
  #video3-5.pp-methodologies { padding: 40px 18px; }
  #video3-5 .pp-video-grid { grid-template-columns: 1fr; gap: 20px; }
}