:root{--navy:#0f2a44;--teal:#0f9488;--ink:#233847;--muted:#667987;--line:#dfe8ea;--soft:#f4f8f8;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--ink);font-family:Inter,Arial,sans-serif}.video-hero{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:clamp(54px,8vw,104px) 0;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.65fr);gap:clamp(34px,6vw,76px);align-items:center}.eyebrow,.section-title>span{display:block;color:var(--teal);font-size:.78rem;font-weight:900;letter-spacing:.12em}.video-hero h1{max-width:780px;margin:14px 0 20px;color:var(--navy);font-family:Georgia,serif;font-size:clamp(2.35rem,5vw,4.5rem);line-height:1.04;letter-spacing:-.035em}.video-hero p{max-width:700px;margin:0;color:var(--muted);font-size:clamp(1rem,1.6vw,1.18rem);line-height:1.7}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.hero-actions a{padding:13px 18px;border:1px solid var(--line);border-radius:999px;color:var(--navy);font-weight:850;text-decoration:none}.hero-actions .primary{border-color:var(--teal);background:var(--teal);color:#fff}.channel-card{display:flex;flex-direction:column;gap:18px;padding:26px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,#fff,#eef7f6);box-shadow:0 24px 60px rgba(15,42,68,.1)}.channel-card img{width:96px;height:96px;border-radius:50%;object-fit:cover}.channel-card span,.category{color:var(--teal);font-size:.75rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.channel-card strong{display:block;margin:6px 0;color:var(--navy);font-family:Georgia,serif;font-size:1.65rem}.channel-card p{font-size:.95rem;line-height:1.55}.video-section{padding:clamp(54px,7vw,90px) max(20px,calc((100% - 1180px)/2))}.video-section.alt{background:var(--soft)}.section-title{max-width:720px;margin-bottom:30px}.section-title h2{margin:10px 0 12px;color:var(--navy);font-family:Georgia,serif;font-size:clamp(2rem,4vw,3.15rem);letter-spacing:-.02em}.section-title p{color:var(--muted);line-height:1.7}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.video-grid.compact{grid-template-columns:minmax(0,760px)}.video-card{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 12px 34px rgba(15,42,68,.07)}.video-launch{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:0;background:#081827;cursor:pointer;overflow:hidden}.video-launch img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease,opacity .35s ease}.video-launch:hover img,.video-launch:focus-visible img{transform:scale(1.035);opacity:.82}.video-launch:focus-visible{outline:4px solid #36c5b8;outline-offset:-4px}.play{position:absolute;left:50%;top:50%;display:grid;width:62px;height:62px;place-items:center;transform:translate(-50%,-50%);border-radius:50%;background:rgba(15,148,136,.94);color:#fff;font-size:1.45rem;box-shadow:0 12px 30px rgba(0,0,0,.28)}.duration{position:absolute;right:12px;bottom:10px;padding:5px 8px;border-radius:6px;background:rgba(5,15,25,.82);color:#fff;font-size:.78rem;font-weight:800}.video-launch iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.card-body{padding:22px}.card-body h3{margin:8px 0 10px;color:var(--navy);font-family:Georgia,serif;font-size:1.35rem;line-height:1.28}.card-body p{margin:0 0 14px;color:var(--muted);line-height:1.6}.card-body>a{display:inline-block;margin-top:16px;color:#087d73;font-weight:850;text-decoration:none}.meta{display:flex;flex-wrap:wrap;gap:7px 14px;color:#71828e;font-size:.82rem}.video-footer{display:flex;justify-content:space-between;gap:30px;padding:42px max(20px,calc((100% - 1180px)/2));background:var(--navy);color:#fff}.video-footer strong{font-family:Georgia,serif;font-size:1.35rem}.video-footer p{max-width:580px;color:#c8d4dd}.video-footer nav{display:flex;flex-wrap:wrap;gap:16px;align-content:center}.video-footer a{color:#fff;text-decoration:none;font-weight:750}@media(max-width:900px){.video-hero{grid-template-columns:1fr}.channel-card{flex-direction:row;align-items:center}.video-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.video-hero{width:calc(100% - 32px);padding:44px 0}.video-grid{grid-template-columns:1fr}.video-section{padding-left:16px;padding-right:16px}.channel-card{align-items:flex-start}.video-footer{flex-direction:column}.play{width:54px;height:54px}.main-site-topbar span{display:none}}