.video-intro{padding-top:32px;padding-bottom:24px;max-width:1100px}.video-intro h1{font-size:clamp(2rem,4.5vw,3.6rem);line-height:1.12;max-width:900px;margin:14px 0 18px}.video-intro .lead{max-width:850px}.video-breadcrumb{display:flex;gap:12px;font-size:.85rem;margin-bottom:28px;color:#52645c}.video-watch{max-width:1100px}.video-player{background:#0b1828;border-radius:20px;overflow:hidden;border:1px solid #dbe6df;display:flex;justify-content:center}.video-player video{display:block;width:100%;height:auto;aspect-ratio:16/9;max-height:76vh;object-fit:contain}.video-player.is-vertical video{width:auto;max-width:100%;height:min(70vh,760px);aspect-ratio:9/16}.video-context{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:14px 0;color:#56675e;font-size:.8rem}.video-feature-info,.video-next,.video-section-head{display:flex;align-items:center;justify-content:space-between;gap:24px}.video-feature-info{padding:20px 0}.video-next{background:#eef8f2;padding:24px;border-radius:16px;margin-top:12px}.video-next p{margin:0;max-width:650px}.video-next .button{flex-shrink:0}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:26px}.video-card{border:1px solid #dce6df;border-radius:18px;overflow:hidden;background:#fff;min-width:0;transition:box-shadow .18s}.video-card:hover{box-shadow:0 10px 32px #143d2912}.video-card>a{display:block;color:inherit;text-decoration:none}.video-card-image{position:relative;aspect-ratio:16/10;background:#0b1828;overflow:hidden;display:flex;justify-content:center}.video-card-image img{display:block;width:100%;height:100%;object-fit:contain}.video-card-image.portrait img{width:auto;max-width:100%}.video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#087d46;box-shadow:0 3px 20px #0003;font-size:22px;padding-left:3px}.video-length{position:absolute;right:12px;bottom:12px;border-radius:6px;background:#071a12e8;color:#fff;padding:2px 8px;font-size:.8rem}.video-card-copy{padding:22px}.video-card h3{font-size:1.15rem;line-height:1.35;margin:10px 0 18px}.video-card .eyebrow{font-size:.7rem}.video-reading{max-width:1000px;padding-top:36px}.video-chapters{padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:8px}.video-chapters a{display:flex;gap:14px;padding:12px 14px;border:1px solid #e0e9e3;border-radius:10px;text-decoration:none;color:#183b28}.video-chapters span{font-variant-numeric:tabular-nums;color:#087d46;min-width:40px}.video-transcript{margin:28px 0;border:1px solid #dbe6df;border-radius:14px;padding:20px 24px}.video-transcript summary{cursor:pointer;font-weight:600}.video-transcript section{max-width:760px}.video-transcript h2{font-size:1.1rem;margin-top:24px}.video-reading>p{font-size:.9rem;color:#52645c}.video-player:focus-within{outline:3px solid #087d46;outline-offset:3px}@media(max-width:800px){.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.video-feature-info,.video-next{align-items:flex-start;flex-direction:column}.video-intro{padding-top:24px}.video-chapters{grid-template-columns:1fr}}@media(max-width:520px){.video-grid{grid-template-columns:1fr}.video-card-image{aspect-ratio:16/9}.video-section-head{align-items:flex-start;flex-direction:column;gap:8px}.video-player{border-radius:12px}.video-context{flex-direction:column}.video-next{padding:20px}.video-intro h1{font-size:2rem}}@media(prefers-reduced-motion:reduce){.video-card{transition:none}}
.public-site .video-teaser {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  gap: 40px;
  max-width: 1120px;
  padding-block: 40px;
}
.video-teaser-copy { min-width: 0; max-width: 480px; }
.video-teaser-copy .eyebrow { margin: 0; font-size: 10px; }
.public-site .video-teaser h2 {
  margin: 10px 0 12px;
  font-size: clamp(26px, 2.6vw, 34px);
  line-height: 1.2;
  letter-spacing: -.7px;
}
.video-teaser-copy > p:not(.eyebrow) { margin: 0; font-size: 15px; line-height: 1.6; }
.video-teaser-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 20px; margin-top: 18px; }
.public-site .video-teaser-actions .button { min-height: 44px; padding: 10px 16px; font-size: 13px; }
.video-teaser-actions .text-link { display: inline-flex; align-items: center; min-height: 44px; font-size: 13px; }
.video-teaser-media {
  position: relative;
  display: block;
  width: 100%;
  max-width: 500px;
  justify-self: end;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border: 1px solid #dce6df;
  border-radius: 16px;
  background: #0b1828;
}
.video-teaser-media img { display: block; width: 100%; height: 100%; object-fit: contain; }
.video-teaser-media:focus-visible { outline: 3px solid #087d46; outline-offset: 4px; }
.video-teaser-media .video-play { width: 48px; height: 48px; font-size: 19px; }
@media (max-width: 760px) {
  .public-site .video-teaser { grid-template-columns: minmax(0, 1fr); gap: 20px; max-width: 480px; padding-block: 28px; }
  .public-site .video-teaser h2 { font-size: 26px; }
  .video-teaser-copy > p:not(.eyebrow) { font-size: 14px; }
  .video-teaser-media { justify-self: center; max-width: 400px; border-radius: 12px; }
}
.video-player { position: relative; }
.video-player.is-preview { display: block; aspect-ratio: 16 / 9; border: 0; border-radius: 0; }
.video-player.is-preview video { display: block; width: 100%; height: 100%; max-height: none; aspect-ratio: auto; object-fit: contain; }
.video-player.video-teaser-media { border: 1px solid #dce6df; border-radius: 16px; }
.public-site .video-start {
  position: absolute;
  inset: 0;
  z-index: 3;
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  border-radius: inherit;
  background: transparent;
  cursor: pointer;
  touch-action: manipulation;
}
.video-start[hidden], .video-error[hidden] { display: none !important; }
.video-start .video-play { width: 56px; height: 56px; padding: 0; background: #fff; color: #087d46; border: 1px solid #ffffffb3; }
.video-start .video-play svg { display: block; width: 27px; height: 27px; fill: currentColor; margin-left: 3px; }
.video-start:focus-visible { outline: 3px solid #216cbd; outline-offset: -5px; }
.video-start:focus-visible .video-play { outline: 3px solid #216cbd; outline-offset: 4px; }
@media (hover: hover) { .video-start:hover .video-play { background: #e9f6ee; } }
.video-player .video-length { pointer-events: none; z-index: 2; }
.video-player.has-started .video-length { display: none; }
.video-card h3 a { color: inherit; text-decoration: none; }
.video-card h3 a:hover { text-decoration: underline; text-underline-offset: 3px; }
.video-card-copy > .text-link { display: inline-flex; align-items: center; min-height: 44px; }
.video-error { position: absolute; z-index: 4; bottom: 8px; left: 8px; right: 8px; margin: 0; padding: 10px 12px; background: #fff; color: #172d25; border: 1px solid #dce6df; border-radius: 8px; font-size: 13px; line-height: 1.5; }
.video-error a { display: inline-flex; align-items: center; min-height: 44px; }
@media (max-width: 760px) { .video-player.video-teaser-media { border-radius: 12px; } }
.video-context-links { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 4px 24px; }
.video-context-links a { display: inline-flex; align-items: center; min-height: 44px; }
.video-card-copy { padding: 18px; }
.video-card h3 { margin: 0; font-size: 1.05rem; }