.video-page{background:#f7f7f0;color:#173c2e;padding-bottom:70px}
.video-page .eyebrow{font-size:.62rem;letter-spacing:.17em;font-weight:700;color:#4d6b50}
.video-breadcrumb{display:flex;gap:16px;padding-top:17px;color:#718176;font-size:.78rem}.video-breadcrumb a{text-decoration:none}.video-breadcrumb a:hover{text-decoration:underline}
.video-intro{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,.65fr);gap:8%;align-items:end;padding-top:25px;padding-bottom:22px}.video-intro .eyebrow{margin-bottom:12px}.video-intro h1{font:550 clamp(2.75rem,4vw,3.7rem)/1.04 var(--sans,sans-serif);letter-spacing:-.06em}.video-intro h1 em,.video-feature h2 em,.video-library h2 em,.video-next h2 em{font-family:var(--serif,Georgia);font-weight:400;color:#5c7850}.video-intro>p{font-size:.95rem;line-height:1.75;max-width:380px;margin:0 0 4px}
.video-chapters{display:flex;flex-wrap:wrap;gap:10px;padding-bottom:20px}.video-chapters a{border:1px solid #cbd8c4;border-radius:100px;padding:8px 15px;font-size:.77rem;font-weight:650;text-decoration:none;transition:background .2s}.video-chapters a:hover{background:#e7eddd}
.video-feature{background:#e8ede1;padding:28px 0}.video-feature-grid{display:grid;grid-template-columns:.72fr 1.28fr;align-items:center;gap:7%}.video-feature-copy h2,.video-library h2,.video-next h2{font:600 clamp(2.15rem,3.2vw,3.1rem)/1.09 var(--sans,sans-serif);letter-spacing:-.055em}.video-feature-copy h2{max-width:350px}.video-feature-copy p:not(.eyebrow){font-size:.95rem;line-height:1.75;margin:22px 0 18px}.video-duration{display:block;font-size:.75rem;font-weight:700;letter-spacing:.07em;color:#68815d;margin-bottom:26px}.video-feature-copy>a,.video-card-copy>a{display:inline-block;border-bottom:1px solid currentColor;text-decoration:none;padding-bottom:5px;font-size:.8rem;font-weight:700;color:#244e3c}
.video-player{position:relative;aspect-ratio:16/9;border-radius:15px;overflow:hidden;background:#193e30;isolation:isolate}.video-player iframe{display:block;width:100%;height:100%;border:0}.video-player.is-playing{background:#000}.video-player::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,30,24,.28),transparent 29%,transparent 58%,rgba(9,30,24,.55));pointer-events:none;z-index:1}.video-poster{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.video-player:hover .video-poster{transform:scale(1.035)}.video-poster-brand{position:absolute;top:17px;left:18px;z-index:2;display:flex;align-items:center;gap:10px;color:#fff;font-size:.62rem;font-weight:800;letter-spacing:.14em;text-shadow:0 1px 8px #102a2a99}.video-poster-brand span{font-weight:550;letter-spacing:.08em;border-left:1px solid #fff9;padding-left:10px}.video-player.is-playing::after,.video-player.is-playing .video-poster-brand{display:none}.video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:72px;height:72px;border:1px solid #ffffffa8;border-radius:50%;background:#f7f9eeeb;color:#1f4c39;display:grid;place-items:center;box-shadow:0 10px 40px #102c2350;z-index:2;transition:transform .2s,background .2s}.video-play:hover{transform:translate(-50%,-50%) scale(1.08);background:#fff}.video-play span{font-size:1.25rem;margin-left:4px}.video-fallback{position:absolute;right:16px;bottom:13px;color:#fff;font-size:.68rem;text-decoration:none;z-index:2;border-bottom:1px solid #fff8}.video-fallback:hover{text-decoration:underline}
.video-library{padding-top:79px;padding-bottom:83px}.video-library-heading{display:grid;grid-template-columns:1fr 330px;gap:50px;align-items:end;margin-bottom:32px}.video-library-heading .eyebrow{grid-column:1/-1;margin:0 0 -34px}.video-library-heading>p:last-child{font-size:.9rem;line-height:1.7;margin:0}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.video-card{min-width:0;background:#fff;border:1px solid #e4e9dd;border-radius:17px;overflow:hidden}.video-card .video-player{border-radius:0}.video-card .video-poster-brand{top:12px;left:13px;font-size:.5rem;gap:6px}.video-card .video-poster-brand span{padding-left:6px}.video-card .video-play{width:55px;height:55px}.video-card .video-play span{font-size:1rem}.video-card-copy{padding:23px 22px 27px}.video-index{display:flex;justify-content:space-between;gap:15px;color:#6b855f;font-size:.63rem;letter-spacing:.12em;font-weight:750}.video-card h3{font:650 1.32rem/1.2 var(--sans,sans-serif);letter-spacing:-.035em;margin:17px 0 9px}.video-card p{font-size:.8rem;line-height:1.7;min-height:82px}.video-card-copy>a{margin-top:20px;font-size:.73rem}
.video-next{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:56px 62px;background:#193e2f;border-radius:19px;color:#fff}.video-next .eyebrow{color:#d4e7a8}.video-next h2 em{color:#d8e99b}.video-next p:not(.eyebrow){color:#d7e4d7;font-size:.91rem;line-height:1.75;margin-bottom:21px}.video-next .button{background:#dceba3;color:#173c2e;border-radius:100px;font-size:.8rem}.video-source-note{font-size:.72rem;line-height:1.65;color:#718276;margin-top:25px}
@media(max-width:1000px){.video-intro{gap:35px}.video-feature-grid{gap:35px}.video-card-copy{padding:20px 17px}.video-grid{gap:12px}}
@media(max-width:760px){.video-breadcrumb{padding-top:16px}.video-intro{display:block;padding-top:24px;padding-bottom:23px}.video-intro h1{font-size:clamp(2.5rem,8vw,3.3rem)}.video-intro>p{margin-top:22px;font-size:.88rem}.video-chapters{gap:8px;padding-bottom:20px}.video-chapters a{font-size:.7rem;padding:8px 12px}.video-feature{padding:28px 0}.video-feature-grid{grid-template-columns:1fr;gap:24px}.video-feature-copy h2,.video-library h2,.video-next h2{font-size:clamp(2rem,7vw,2.7rem)}.video-feature-copy p:not(.eyebrow){margin:15px 0}.video-duration{margin-bottom:16px}.video-library{padding-top:58px;padding-bottom:62px}.video-library-heading{display:block}.video-library-heading .eyebrow{margin-bottom:13px}.video-library-heading>p:last-child{margin-top:15px}.video-grid{grid-template-columns:1fr;gap:18px}.video-card{display:grid;grid-template-columns:1fr 1fr}.video-card .video-player{min-height:210px;aspect-ratio:auto}.video-card p{min-height:0}.video-next{grid-template-columns:1fr;padding:38px 28px;gap:19px}.video-next p:not(.eyebrow){margin-bottom:16px}}
@media(max-width:520px){.video-card{display:block}.video-card .video-player{aspect-ratio:16/9;min-height:0}.video-card-copy{padding:21px}.video-fallback{font-size:.61rem}}
