.media-hero{padding:clamp(48px,7vw,92px) 0;background:radial-gradient(circle at 85% 20%,#15785d 0,transparent 30%),#062d23;color:#fff}.media-hero h1{margin:8px 0;font-size:clamp(42px,7vw,86px)}.media-hero p{color:#c8dfd7;font-size:clamp(16px,2vw,20px);max-width:780px}.media-hero .eyebrow{color:#edc967}.media-main{padding:clamp(34px,5vw,72px) 0 90px;background:#f5f7f6}.featured-media{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.7fr);gap:22px;align-items:start}.media-player{background:#061a15;border-radius:18px;overflow:hidden;box-shadow:0 18px 50px rgba(7,39,30,.18);aspect-ratio:16/9}.media-player iframe,.modal-frame iframe{width:100%;height:100%;border:0}.playlist-panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;max-height: min(620px, calc(100vh - 120px));overflow:auto}.playlist-panel h2{font-size:clamp(25px,3vw,34px);margin:7px 0 18px}.playlist-options{display:grid}.playlist-options button{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;border:0;border-top:1px solid var(--line);background:transparent;text-align:left;padding:14px 5px;cursor:pointer;color:inherit}.playlist-options button.active{background:#e9f6f1;border-radius:9px;padding-left:10px;padding-right:10px}.playlist-number{color:var(--muted);font-size:11px}.playlist-options b,.playlist-options small{display:block}.playlist-options b{font-size:13px}.playlist-options small{color:var(--muted);font-size:10px}.playlist-options i{font-style:normal;color:var(--forest)}.youtube-channel{display:block;margin-top:18px;color:var(--forest);font-weight:800;font-size:13px}.video-library{margin-top:clamp(42px,6vw,72px)}.video-library>header,.channel-library>header{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px;gap:25px}.video-library h2,.channel-library h2{margin:6px 0 0}.channel-library header p{max-width:700px;color:var(--muted);margin:8px 0 0}.video-total{white-space:nowrap;background:#e5f2ed;color:var(--forest);border-radius:999px;padding:8px 13px;font-size:12px;font-weight:900}.carousel-controls{display:flex;gap:8px;flex-shrink:0}.carousel-controls button{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--forest);font-size:19px;cursor:pointer}.video-carousel{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(275px,31%);gap:17px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:3px 1px 15px;-webkit-overflow-scrolling:touch}.video-carousel::-webkit-scrollbar{display:none}.video-tile,.channel-video-card{scroll-snap-align:start;border:1px solid var(--line);background:#fff;border-radius:15px;overflow:hidden;padding:0;text-align:left;cursor:pointer;color:inherit;transition:.2s}.video-tile:hover,.channel-video-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.video-thumb{display:block;position:relative;aspect-ratio:16/9;background:#10241e}.video-thumb img{width:100%;height:100%;object-fit:cover}.video-thumb i{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#e42b24;color:#fff;font-style:normal;box-shadow:0 8px 25px #0006}.video-copy{display:block;padding:17px}.video-copy small,.video-copy b,.video-copy em{display:block}.video-copy small{color:var(--forest);font-size:10px;text-transform:uppercase;font-weight:850}.video-copy b{font-size:15px;line-height:1.35;margin:6px 0;min-height:41px}.video-copy em{font-style:normal;color:var(--muted);font-size:11px}.channel-library{margin-top:clamp(48px,6vw,78px);padding-top:clamp(38px,5vw,58px);border-top:1px solid var(--line)}.channel-video-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.channel-video-card .video-copy{padding:14px}.channel-video-card .video-copy b{font-size:14px}.video-modal{position:fixed;inset:0;background:#03130fef;z-index:200;display:none;place-items:center;padding:24px}.video-modal.open{display:grid}.video-dialog{width:min(1060px,96vw);position:relative;color:#fff}.video-close{position:absolute;right:-10px;top:-48px;border:0;background:transparent;color:#fff;font-size:38px;cursor:pointer}.modal-frame{aspect-ratio:16/9;background:#000;border-radius:14px;overflow:hidden}.video-dialog h3{font:700 18px/1.3 Inter,sans-serif;margin:15px 0 3px}.video-dialog a{color:#efca68;font-size:12px;font-weight:800}
@media(min-width:1500px){.media-main>.container,.media-hero .container{max-width:1360px}.featured-media{grid-template-columns:minmax(0,1.65fr) minmax(360px,.6fr)}.channel-video-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.video-carousel{grid-auto-columns:minmax(330px,24%)}}
@media(max-width:1180px){.featured-media{grid-template-columns:minmax(0,1.25fr) minmax(285px,.75fr)}.channel-video-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:920px){.featured-media{grid-template-columns:1fr}.playlist-panel{max-height:none}.video-carousel{grid-auto-columns:minmax(300px,58%)}}
@media(max-width:760px){.video-library>header,.channel-library>header{align-items:flex-start;flex-direction:column}.channel-video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.video-copy{padding:14px}.video-copy b{min-height:auto}.media-player{border-radius:16px}.playlist-panel{border-radius:16px;padding:20px}.video-total{align-self:flex-start}.carousel-controls button{width:40px;height:40px}.video-carousel{grid-auto-columns:minmax(265px,78%)}}
@media(max-width:480px){.media-hero{padding:42px 0}.media-main{padding-top:22px}.featured-media{width:100%;gap:14px}.media-player,.playlist-panel{border-radius:0;margin-left:calc(var(--container-pad, 20px) * -1);margin-right:calc(var(--container-pad, 20px) * -1)}.playlist-panel{border-left:0;border-right:0}.playlist-options button{grid-template-columns:30px 1fr 18px;padding:12px 4px}.playlist-options b{font-size:12px}.video-carousel{grid-auto-columns:86%;gap:12px}.channel-video-grid{grid-template-columns:1fr}.video-modal{padding:10px}.video-dialog{width:100%}.video-close{right:0;top:-44px}.modal-frame{border-radius:10px}.video-thumb i{width:42px;height:42px}.media-hero h1{font-size:40px}}