.videos-page main{max-width:1200px;margin:0 auto}
.videos-page .respect-hero{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:40px;align-items:center;padding:clamp(26px,5vw,64px);border-radius:24px;background:linear-gradient(125deg,#061689,#003ddc 70%,#007cab);color:#fff;overflow:hidden}
.videos-page .respect-eyebrow{font-size:.9rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px}
.videos-page h1{font-size:clamp(2.6rem,5vw,4.7rem);line-height:1.02;letter-spacing:-.03em;margin-bottom:24px}
.videos-page h2{font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.12;margin-bottom:16px;color:#061689}
.videos-page h3{font-size:1.4rem;line-height:1.2;margin-bottom:12px}
.videos-page p{line-height:1.6;font-size:1.12rem}
.videos-page .respect-lead{max-width:650px;color:#edf5ff}
.videos-page .respect-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;margin-top:28px;border-radius:10px;background:#fff;color:#061689;font-size:1.1rem;font-weight:700;text-align:center}
.videos-page a:focus-visible{outline:3px solid #f3bd20;outline-offset:5px}
.videos-page .respect-button:hover{background:#e4f7ff}
.videos-page .respect-zero{border-left:1px solid #ffffff50;padding:20px 0 20px 36px}
.videos-page .respect-zero>.material-icons-round{font-size:44px;color:#b6f2ff;margin-bottom:16px}
.videos-page .respect-zero strong{display:block;font-size:3.8rem;line-height:.98;text-transform:uppercase;margin-bottom:20px}
.videos-page .respect-zero p{color:#edf5ff}
.videos-page .respect-section{margin-top:44px;scroll-margin-top:180px}
.videos-page .respect-section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}
.videos-page .respect-tag{padding:8px 14px;border-radius:30px;background:#e8f3ff;color:#061689;font-weight:700;white-space:nowrap}
.videos-page .respect-film{overflow:hidden;border:1px solid #dce5ef;border-radius:18px;background:#f3f7fc}
.videos-page .respect-film video{display:block;width:100%;height:clamp(360px,70vh,760px);background:#050d24;object-fit:contain}
.videos-page figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:18px 22px;font-size:1rem;line-height:1.5;color:#475569}
.videos-page figcaption a,.videos-page .respect-text-link{color:#0035c2;text-decoration:underline;text-underline-offset:4px;font-weight:700}
.videos-page .respect-intro{max-width:960px;color:#475569}
.videos-page .respect-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}
.videos-page .respect-card{border:1px solid #dce5ef;border-radius:16px;padding:26px;background:#fff}
.videos-page .respect-card>.material-icons-round{font-size:32px;color:#003ddc;margin-bottom:20px}
.videos-page .respect-card h3{color:#061689}
.videos-page .respect-card p{color:#475569}
.videos-page .respect-protocol{padding:clamp(22px,4vw,40px);background:#eff5ff;border-radius:20px;border-top:5px solid #003ddc}
.videos-page .respect-protocol>h3{margin-top:28px;color:#061689}
.videos-page .respect-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;list-style:none;counter-reset:respect-step;margin:26px 0}
.videos-page .respect-steps li{counter-increment:respect-step}
.videos-page .respect-steps li:before{content:counter(respect-step,decimal-leading-zero);display:block;font-size:2.2rem;font-weight:800;color:#003ddc;margin-bottom:10px}
.videos-page .respect-steps strong{font-size:1.5rem;color:#061689}
.videos-page .respect-steps p{margin-top:8px;color:#334155}
.videos-page .respect-protocol-note{padding-top:20px;border-top:1px solid #c9d8ef;margin-bottom:20px}
.videos-page .respect-source{display:grid;grid-template-columns:1fr 1.5fr;gap:30px;padding:30px 0;border-top:1px solid #dce5ef}
.videos-page .respect-source p{margin-bottom:16px}
.videos-page .respect-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){
  .videos-page .respect-hero{grid-template-columns:1fr;gap:28px;border-radius:18px}
  .videos-page .respect-zero{border-left:0;border-top:1px solid #ffffff50;padding:24px 0 0}
  .videos-page .respect-zero strong{font-size:2.6rem}
  .videos-page .respect-zero strong br{display:none}
  .videos-page .respect-values,.videos-page .respect-steps,.videos-page .respect-source{grid-template-columns:1fr}
  .videos-page .respect-section-heading{align-items:flex-start;flex-direction:column;gap:0;margin-bottom:16px}
  .videos-page .respect-section{margin-top:32px}
  .videos-page .respect-card{padding:22px}
}