.home-video-section{padding:92px 0 98px;background:#061f38;color:#fff;position:relative;overflow:hidden;isolation:isolate}
.home-video-section:before{content:"";position:absolute;inset:0;z-index:-3;background:radial-gradient(circle at 8% 12%,#ffd02726 0 8%,transparent 26%),radial-gradient(circle at 92% 82%,#13a77733 0 8%,transparent 27%),linear-gradient(125deg,#061f38 0%,#083e5e 49%,#08644f 100%)}
.home-video-section:after{content:"";position:absolute;inset:0;z-index:-2;opacity:.14;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,black,transparent 88%)}
.home-video-section>.shell{position:relative}
.video-section-heading{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;margin-bottom:38px;position:relative}
.video-section-heading>div{max-width:730px}
.video-section-heading .kicker{display:inline-flex;align-items:center;gap:8px;color:#ffd027;background:#ffd02712;border:1px solid #ffd02744;border-radius:30px;padding:7px 12px;letter-spacing:1.8px}
.video-section-heading .kicker:before{content:"";width:7px;height:7px;border-radius:50%;background:#ffd027;box-shadow:0 0 0 5px #ffd0271c;animation:videoLive 1.7s infinite}
.video-section-heading h2{font:700 clamp(32px,4.6vw,54px)/1.08 'Playfair Display',serif;margin:13px 0 12px;letter-spacing:-.7px}
.video-section-heading p{color:#c9e1df;margin:0;font-size:15px;line-height:1.7;max-width:620px}
.video-heading-mark{width:86px;height:86px;border-radius:50%;background:#ffd027;color:#092f53;display:grid;place-items:center;font-size:39px;box-shadow:0 0 0 12px #ffffff0b,0 18px 45px #00152266;position:relative}
.video-heading-mark:after{content:"";position:absolute;inset:-21px;border:1px dashed #ffffff45;border-radius:50%;animation:videoSpin 15s linear infinite}
.home-video-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:20px;position:relative}
.home-video-card{border:1px solid #ffffff2e;background:#fff;color:#092f53;border-radius:20px;padding:0;overflow:hidden;text-align:left;cursor:pointer;box-shadow:0 18px 45px #0015214d;transition:transform .3s ease,box-shadow .3s ease,border-color .3s;position:relative}
.home-video-card:first-child{grid-column:span 1}
.home-video-card:hover{transform:translateY(-9px);box-shadow:0 30px 60px #00121f88;border-color:#ffd027}
.video-thumb{height:238px;display:block;position:relative;overflow:hidden;background:#0b395c}
.home-video-card:first-child .video-thumb{height:275px}
.video-thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#061f38c9 0%,transparent 52%);pointer-events:none}
.video-thumb>img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease,filter .35s}
.home-video-card:hover .video-thumb>img{transform:scale(1.075);filter:saturate(1.08)}
.video-placeholder{height:100%;display:grid;place-items:center;background:linear-gradient(145deg,#0b4775,#087d62);color:#ffffff24;font-size:82px}
.video-play{position:absolute;left:50%;top:50%;z-index:2;transform:translate(-50%,-50%);width:66px;height:66px;border-radius:50%;background:#ffd027;color:#092f53;display:grid;place-items:center;font-size:31px;padding-left:4px;box-shadow:0 9px 30px #00152288,0 0 0 8px #ffffff24;transition:.28s}
.video-play:after{content:"";position:absolute;inset:-14px;border:1px solid #ffffff88;border-radius:50%;animation:videoRipple 2s infinite}
.home-video-card:hover .video-play{transform:translate(-50%,-50%) scale(1.13);background:#fff}
.video-thumb>small{position:absolute;left:15px;bottom:13px;z-index:2;background:#061f38dd;color:#fff;border:1px solid #ffffff30;border-radius:30px;padding:6px 10px;font-size:9px;text-transform:uppercase;font-weight:800;letter-spacing:.8px;backdrop-filter:blur(7px)}
.video-thumb>small i{color:#ffd027;margin-right:4px}
.video-card-copy{display:flex;flex-direction:column;padding:21px 22px 22px;position:relative}
.video-card-copy:before{content:"";position:absolute;left:22px;top:0;width:46px;height:3px;background:linear-gradient(90deg,#ffd027,#087d62);border-radius:4px}
.video-card-copy>b{font:700 21px/1.28 'Playfair Display',serif;color:#092f53}
.video-card-copy>em{font-style:normal;color:#687873;font-size:12px;line-height:1.65;margin-top:8px;min-height:40px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.video-card-copy>strong{display:flex;align-items:center;gap:6px;color:#087d62;font-size:11px;margin-top:15px;text-transform:uppercase;letter-spacing:.5px}
.video-card-copy>strong i{width:25px;height:25px;border-radius:50%;background:#e6f3eb;display:grid;place-items:center;transition:.2s}
.home-video-card:hover .video-card-copy>strong i{transform:translate(3px,-3px);background:#ffd027;color:#092f53}
.video-modal{position:fixed;inset:0;z-index:1300;display:none}
.video-modal.open{display:block;animation:videoFade .2s ease}
.video-modal-backdrop{position:absolute;inset:0;border:0;background:#02121feb;backdrop-filter:blur(9px)}
.video-modal>section{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(940px,calc(100% - 30px));background:#061f33;border:1px solid #ffffff26;border-radius:20px;overflow:hidden;box-shadow:0 35px 120px #000}
.video-modal header{height:76px;padding:0 23px;display:flex;align-items:center;color:#fff;background:linear-gradient(90deg,#092f53,#087d62)}
.video-modal header small{font-size:8px;color:#ffd027;letter-spacing:1.7px}
.video-modal header h2{font:700 18px 'Playfair Display',serif;margin:4px 0}
.video-modal header button{margin-left:auto;border:1px solid #ffffff25;background:#ffffff12;color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;transition:.2s}
.video-modal header button:hover{background:#ffd027;color:#092f53;transform:rotate(90deg)}
.video-frame{aspect-ratio:16/9;background:#000}
.video-frame iframe{width:100%;height:100%;border:0;display:block}
@keyframes videoLive{50%{box-shadow:0 0 0 9px #ffd02700}}
@keyframes videoSpin{to{transform:rotate(360deg)}}
@keyframes videoRipple{0%{opacity:.8;transform:scale(.8)}100%{opacity:0;transform:scale(1.25)}}
@keyframes videoFade{from{opacity:0}to{opacity:1}}
@media(max-width:980px){.home-video-grid{grid-template-columns:repeat(2,1fr)}.home-video-card:first-child{grid-column:1/-1}.home-video-card:first-child .video-thumb{height:340px}}
@media(max-width:760px){.home-video-section{padding:58px 0 66px}.video-section-heading{grid-template-columns:1fr;margin-bottom:27px}.video-heading-mark{display:none}.video-section-heading h2{font-size:34px}.video-section-heading p{font-size:12px}.home-video-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:5px 4vw 18px;margin-inline:-4vw;gap:13px;scrollbar-width:none}.home-video-grid::-webkit-scrollbar{display:none}.home-video-card,.home-video-card:first-child{min-width:84vw;scroll-snap-align:center}.video-thumb,.home-video-card:first-child .video-thumb{height:215px}.video-card-copy{padding:19px}.video-card-copy>b{font-size:19px}.video-modal>section{width:calc(100% - 14px);border-radius:13px}.video-modal header{height:64px;padding:0 15px}.video-play{width:57px;height:57px;font-size:27px}}
@media(prefers-reduced-motion:reduce){.video-section-heading .kicker:before,.video-heading-mark:after,.video-play:after{animation:none}.home-video-card,.video-thumb>img{transition:none}}