:root{--ink:#102d28;--muted:#70827e;--green:#07826e;--deep:#063f37;--mint:#e7f6f2;--line:#dbe8e5}*{box-sizing:border-box}body{margin:0;background:#f5f9f8;color:var(--ink);font-family:"DM Sans",sans-serif;-webkit-font-smoothing:antialiased}body.video-modal-open{overflow:hidden}a{text-decoration:none;color:inherit}button,input{font:inherit}.video-header{height:80px;padding:0 clamp(25px,6vw,92px);display:flex;align-items:center;gap:35px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.video-header>a:first-child img{width:175px;display:block}.video-header nav{margin:auto;display:flex;gap:27px;font-size:12px;font-weight:700}.video-header nav a:hover{color:var(--green)}.video-donate{padding:12px 18px;border-radius:10px;background:var(--green);color:#fff;font-size:11px;font-weight:800}.video-page{width:min(1220px,calc(100% - 40px));margin:0 auto 80px}.video-hero{position:relative;margin:32px 0 22px;padding:58px 260px 58px 55px;overflow:hidden;border-radius:25px;background:linear-gradient(125deg,#053f37,#07826e);color:#fff}.video-hero::after{content:"▶";position:absolute;right:50px;top:50%;width:140px;height:140px;display:grid;place-items:center;transform:translateY(-50%);border:1px solid rgba(255,255,255,.22);border-radius:50%;background:rgba(255,255,255,.08);font-size:40px}.video-hero>span{color:#8ce2cc;font-size:10px;font-weight:800;letter-spacing:.15em}.video-hero h1{margin:11px 0 10px;font:800 clamp(36px,5vw,58px)/1.03 "Manrope",sans-serif;letter-spacing:-.05em}.video-hero p{max-width:660px;margin:0;color:rgba(255,255,255,.7);font-size:15px;line-height:1.65}.video-hero>div{position:absolute;right:195px;bottom:38px;text-align:right}.video-hero strong,.video-hero small{display:block}.video-hero strong{font:800 25px "Manrope",sans-serif}.video-hero small{color:#8ce2cc;font-size:9px}.video-tools{margin:22px 0;display:flex;align-items:center;gap:18px}.video-tools label{width:min(360px,100%);height:46px;padding:0 14px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:11px;background:#fff}.video-tools input{width:100%;border:0;outline:0;color:var(--ink);font-size:12px}.video-tools label span{color:var(--green);font-size:19px}.video-tools>div{display:flex;gap:7px;overflow:auto}.video-tools button{padding:10px 14px;white-space:nowrap;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--muted);font-size:10px;font-weight:800;cursor:pointer}.video-tools button.is-active{border-color:var(--green);background:var(--green);color:#fff}.video-gallery{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:260px;gap:16px}.video-card{position:relative;overflow:hidden;padding:0;border:0;border-radius:18px;background:var(--deep);color:#fff;text-align:left;cursor:pointer}.video-card--featured{grid-column:span 2;grid-row:span 2}.video-card img,.video-card__placeholder{width:100%;height:100%;display:grid;place-items:center;object-fit:cover;background:linear-gradient(135deg,#063f37,#0a947d);font:800 26px "Manrope",sans-serif;transition:transform .45s}.video-card:hover img{transform:scale(1.035)}.video-card>i{position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,35,30,.9),transparent 70%)}.video-card__play{position:absolute;right:18px;top:18px;width:45px;height:45px;padding-left:3px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.93);color:var(--green);font-size:11px}.video-card__copy{position:absolute;left:21px;right:21px;bottom:19px}.video-card__copy small,.video-card__copy b,.video-card__copy em{display:block}.video-card__copy small{margin-bottom:5px;color:#8ce2cc;font-size:9px;font-weight:800}.video-card__copy b{font:800 clamp(16px,1.7vw,24px)/1.2 "Manrope",sans-serif}.video-card__copy em{margin-top:9px;color:rgba(255,255,255,.65);font-size:9px;font-style:normal;font-weight:700}.video-empty,.video-no-result{min-height:300px;display:grid;place-items:center;align-content:center;text-align:center;color:var(--muted)}.video-empty span{font-size:45px;color:var(--green)}.video-empty h2{margin:8px 0}.video-footer{padding:38px clamp(25px,6vw,92px);display:flex;align-items:center;gap:18px;background:var(--deep);color:rgba(255,255,255,.65)}.video-footer img{width:145px;padding:7px;border-radius:7px;background:#fff}.video-footer p{margin-right:auto}.video-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;visibility:hidden;opacity:0;transition:.2s}.video-modal[aria-hidden="false"]{visibility:visible;opacity:1}.video-modal__backdrop{position:absolute;inset:0;background:rgba(0,20,17,.82);backdrop-filter:blur(6px)}.video-modal__dialog{position:relative;width:min(1000px,calc(100% - 40px));z-index:1}.video-modal__dialog>button{position:absolute;right:0;top:-48px;width:40px;height:40px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:24px;cursor:pointer}.video-modal iframe,.video-modal video{width:100%;aspect-ratio:16/9;display:block;border:0;border-radius:18px;background:#000}@media(max-width:900px){.video-header nav{display:none}.video-hero{padding-right:180px}.video-hero::after{right:30px;width:110px;height:110px}.video-hero>div{display:none}.video-gallery{grid-template-columns:repeat(2,1fr)}.video-card--featured{grid-column:span 2}}