/* Launch date, presentation and episode rail. */
/* Filtered transparent logo pixels must never intercept navigation taps. */
.logo-crop,.logo-crop img{pointer-events:none}
.site-header{position:relative;z-index:3;min-height:96px}
.header-brand-image{width:84px;height:84px;object-fit:contain;border-radius:14px;pointer-events:none}
@media(max-width:760px){.site-header{min-height:0;padding-top:6px;padding-bottom:0;row-gap:2px}.header-brand-image{width:72px;height:72px;border-radius:12px}}
.hero-intro{margin-bottom:26px}
.hero-features{gap:60px}
.launch-intro{width:100%;margin:0 auto;text-align:center}
.hero-tagline{font-family:inherit;font-size:clamp(21px,2.65vw,33px);font-weight:400;line-height:1.45;letter-spacing:-.6px}
.mobile-tagline-break{display:none}
.launch-invitation{display:inline-block;font-family:'Caveat Brush',cursive;font-size:34px;font-weight:400;line-height:1.25;letter-spacing:0;text-transform:none;transform:rotate(-4deg);transform-origin:center;margin:0 auto}
.launch-date-row{display:flow-root;width:100%;margin:0 auto}
.launch-date-art{width:min(100%,680px);height:auto;margin:clamp(-35px,-5vw,-14px) auto;filter:drop-shadow(0 0 24px #ffc9531c)}
.presentation-stage .calendar-promo{--promo-size:180px;grid-area:auto;position:absolute;top:16px;right:16px;bottom:auto;flex:none;width:var(--promo-size);height:var(--promo-size);min-width:var(--promo-size);min-height:var(--promo-size);aspect-ratio:1;border-radius:50%;margin:0;padding:18px;gap:6px;align-self:center;justify-self:center;overflow:visible}
.presentation-stage .calendar-promo strong{font-size:18px;line-height:1.12}
.presentation-stage .calendar-promo .promo-description{font-size:11px;line-height:1.35}
.presentation-stage .calendar-promo>.icon{width:21px;height:21px}
.launch-description{width:100%;max-width:none;margin:0 auto;font-size:20px;line-height:1.65;text-wrap:wrap}
.launch-recap{display:flex;align-items:center;justify-content:center;gap:12px;margin:23px auto 0;color:#cadce7;font-size:16px}
.launch-recap .icon{color:var(--gold)}
.launch-recap strong{color:var(--gold);font-weight:600}
.hero-features>.channel-media{max-width:none;margin:-25px auto 0;text-align:center}
.presentation-stage{position:relative;isolation:isolate;width:min(100%,980px);margin:0 auto}
.presentation-stage.is-playing>.calendar-promo,.presentation-stage:has(.presentation-video iframe)>.calendar-promo{display:none}
.presentation-stage .presentation-video{position:relative;display:block;padding:0}
.presentation-video>.project-video-preview,.presentation-video>iframe{position:absolute;inset:0;display:block;width:100%;height:100%;border:0}
.presentation-video video{display:block;width:100%;height:100%;object-fit:contain}
.launch-programme{width:100%;margin:28px auto 0;text-align:center}
.channel-feature{max-width:1160px}
.channel-heading{max-width:none;width:100%;margin:36px auto 0;padding:0;grid-template-columns:96px minmax(0,1fr);column-gap:24px}
.channel-heading .channel-avatar{width:96px;height:96px}
.channel-heading h2{width:100%;max-width:none;font-size:clamp(25px,2.5vw,32px);text-wrap:wrap}
.follow-channel{width:100%;margin-top:-20px}
.youtube-mark{border-radius:50%}
.youtube-mark svg{width:48px;height:48px;stroke:none}
.series-feature{grid-template-columns:minmax(0,1fr);grid-template-areas:'heading' 'poster' 'programme'}
.about-section{row-gap:42px}
.about-media{grid-column:1 / -1;width:min(100%,980px);justify-self:center;min-width:0}
.project-video{aspect-ratio:16 / 9;width:100%;background:#041020;overflow:hidden;border:1px solid #73c8ee35;border-radius:20px;box-shadow:0 20px 60px #0003}
.project-video iframe{display:block;width:100%;height:100%;border:0}
.project-video-preview{position:relative;display:block;width:100%;height:100%;padding:0;border:0;color:white;background:radial-gradient(ellipse at center,#175479,#041020)}
.project-video-preview>img{width:100%;height:100%;object-fit:cover}
.project-video-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:linear-gradient(0deg,#00152a99,transparent 70%);font-size:clamp(16px,2vw,24px);font-weight:600;text-shadow:0 2px 8px #000}
.project-play-mark{display:grid;place-items:center;width:80px;height:56px;border-radius:16px;background:#ff0033;color:#fff;box-shadow:0 8px 25px #0005;transition:transform .2s}
.project-play-mark svg{width:32px;height:32px}
.project-video-preview:hover .project-play-mark{transform:scale(1.08)}
.project-video-preview:focus-visible{outline-offset:-5px}
.about-media .about-association-link{display:flex;width:fit-content;max-width:100%;margin:22px 0 0 auto;font-size:13px;text-align:center}
.episode-playlist{text-align:left;margin-top:0;min-width:0}
.playlist-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}
.playlist-heading h2{font-size:28px;margin-top:6px;letter-spacing:-.6px}
.playlist-heading .eyebrow{font-size:11px}
.slider-controls{display:flex;gap:9px;flex:none}
.slider-controls[hidden]{display:none}
.slider-arrow{display:grid;place-items:center;width:44px;height:44px;border:1px solid #b9d5e635;border-radius:50%;background:#ffffff09;transition:background .2s,transform .2s}
.slider-arrow:hover:not(:disabled){background:#ffe49b22;transform:translateY(-2px)}
.slider-arrow:disabled{opacity:.3}
.slider-arrow[data-slide="-1"] svg{transform:rotate(180deg)}
.episode-slider{display:flex;gap:20px;list-style:none;padding:4px 3px 18px;margin:0 -3px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#7298ae66 transparent}
.episode-card{flex:0 0 calc((100% - 40px)/3);min-width:0;scroll-snap-align:start}
.episode-card>a{display:block;text-decoration:none;border-radius:14px}
.episode-thumbnail{position:relative;isolation:isolate;aspect-ratio:16/9;overflow:hidden;border:1px solid #b9ddf029;border-radius:14px;background:#15314b;box-shadow:0 8px 25px #0002}
.episode-thumbnail img{width:100%;height:100%;object-fit:cover;object-position:50% 37%;transition:transform .4s}
.episode-thumbnail::after{content:'';position:absolute;z-index:0;inset:0;background:linear-gradient(90deg,#00152a66,transparent 65%),linear-gradient(0deg,#00152a99,transparent 60%);pointer-events:none}
.episode-thumbnail-1 img{object-position:30% 50%;transform:scale(1.3)}
.episode-thumbnail-2 img{object-position:75% 67%;transform:scale(1.2)}
.episode-thumbnail-3 img{object-position:50% 86%;transform:scale(1.15)}
.episode-card a:hover .episode-thumbnail img{scale:1.04}
.thumbnail-number{position:absolute;z-index:1;left:15px;bottom:12px;font-size:clamp(28px,4vw,46px);font-weight:750;color:#ffe49b;line-height:1;text-shadow:0 2px 12px #000a}
.thumbnail-status{position:absolute;z-index:1;top:10px;right:10px;padding:3px 9px;border-radius:7px;background:#001326e6;font-size:11px;font-weight:600;color:#edf4f7}
.thumbnail-play{position:absolute;z-index:1;left:50%;top:50%;translate:-50% -50%;display:grid;place-items:center;width:46px;height:34px;border-radius:11px;background:#001326aa;color:white;border:1px solid #fff6;transition:background .2s}
.episode-card a:hover .thumbnail-play{background:#c82727}
.episode-card h3{font-size:16px;line-height:1.4;margin-top:13px;text-wrap:pretty;letter-spacing:0}
.episode-card p{margin-top:5px;color:var(--muted);font-size:11px;line-height:1.5}
.playlist-destinations{margin-top:25px;font-size:16px;color:#c4d6e1;line-height:1.9}
.playlist-destinations a{color:var(--gold);font-weight:600}
.playlist-destinations .icon{vertical-align:middle;margin-left:4px}
.social-section{padding:35px 0 0;text-align:center}
.social-section h2{font-size:24px;letter-spacing:-.4px;font-weight:500}
.social-links{display:flex;align-items:center;justify-content:center;gap:36px;margin-top:26px}
.social-links>a{display:flex;align-items:center;gap:14px;text-align:left;text-decoration:none;padding:8px;border-radius:18px;transition:transform .2s}
.social-links>a:hover{transform:translateY(-3px)}
.social-links strong{display:block;font-size:15px;font-weight:600}
.social-links a>span>span{display:block;font-size:13px;color:var(--muted)}
.social-logo{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;flex:none}
.social-logo .icon{width:27px;height:27px;stroke-width:1.8}
.social-instagram{background:radial-gradient(circle at 25% 110%,#ffd776,#f97c33 25%,#dc327c 60%,#7755ce);color:white;box-shadow:0 5px 24px #c2317622}
.social-tiktok{background:#080b14;color:white;border:1px solid #ffffff35;box-shadow:-2px 1px 0 #25f4ee66,2px -1px 0 #fe2c5566}
#accueil,#la-serie,#calendrier,#le-projet,#ou-regarder{scroll-margin-top:24px}
#la-serie:focus,#calendrier:focus,#le-projet:focus,#ou-regarder:focus{outline:none}
.main-nav{flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px 24px}
.main-nav a{min-height:44px;display:flex;align-items:center;white-space:nowrap;touch-action:manipulation}
.main-nav a[aria-current="location"]{color:var(--gold)}
@media(max-width:760px){
  .hero-intro{margin-bottom:23px}
  .hero-features{gap:42px}
  .hero-tagline{font-size:clamp(14px,4.2vw,24px);line-height:1.18;letter-spacing:-.25px;text-wrap:wrap;margin-top:18px}
  .hero-tagline span{display:inline}
  .mobile-tagline-break{display:block}
  .launch-invitation{font-size:29px;margin-bottom:0}
  .launch-description{font-size:16px;line-height:1.7;max-width:480px}
  .launch-recap{font-size:13px;gap:9px;max-width:430px;align-items:flex-start;margin-top:17px}
  .launch-recap .icon{width:18px;height:18px;margin-top:2px}
  .hero-features>.channel-media{margin-top:-18px}
  .launch-programme{margin-top:22px}
  .channel-heading{grid-template-columns:72px minmax(0,1fr);column-gap:18px}
  .channel-heading .channel-avatar{width:72px;height:72px}
  .channel-heading h2{font-size:25px}
  .follow-channel{margin-top:-10px}
  .youtube-mark svg{width:40px;height:40px}
  .about-section{row-gap:30px}
  .about-media{grid-row:1}
  .about-emblem{grid-row:2}
  .about-copy{grid-row:3}
  .project-video{border-radius:14px}
  .project-play-mark{width:64px;height:45px;border-radius:13px}
  .project-play-mark svg{width:26px;height:26px}
  .project-video-overlay{gap:13px}
  .about-media .about-association-link{font-size:12px;padding-inline:17px;margin-top:17px}
  .episode-playlist{margin-top:0}
  .playlist-heading{gap:12px;margin-bottom:17px}
  .playlist-heading h2{font-size:23px}
  .playlist-heading .eyebrow{font-size:9px;letter-spacing:1px}
  .slider-controls{gap:6px}
  .slider-arrow{width:38px;height:38px}
  .episode-slider{gap:14px}
  .episode-card{flex-basis:78%}
  .episode-card h3{font-size:15px}
  .thumbnail-number{font-size:36px}
  .playlist-destinations{font-size:14px;margin-top:19px}
  .social-section{padding-top:28px}
  .social-section h2{font-size:21px;line-height:1.4}
  .social-links{gap:15px;flex-wrap:wrap;margin-top:17px}
  .social-links>a{gap:10px;padding:5px}
  .social-logo{width:45px;height:45px}
  .social-logo .icon{width:24px;height:24px}
  .social-links strong{font-size:13px}
  .social-links a>span>span{font-size:11px}
  .main-nav{display:flex;flex-wrap:nowrap;justify-content:space-between;gap:clamp(4px,1.2vw,9px);overflow-x:auto;scrollbar-width:thin}
  .main-nav a{display:flex;flex:0 0 auto;align-items:center;justify-content:center;min-height:44px;padding:8px 2px;font-size:clamp(10px,2.6vw,12px);text-align:center;white-space:nowrap;line-height:1.4;text-wrap:nowrap}
}
@media(max-width:370px){.playlist-heading h2{font-size:20px}.slider-arrow{width:34px;height:34px}.slider-arrow .icon{width:17px;height:17px}.thumbnail-number{font-size:30px}.social-links{flex-direction:column;align-items:flex-start;width:185px;margin-inline:auto}}
@media(prefers-reduced-motion:reduce){.episode-thumbnail img,.social-links>a,.slider-arrow{transition:none}}
@media(max-width:370px){.channel-heading{grid-template-columns:58px minmax(0,1fr);column-gap:14px}.channel-heading .channel-avatar{width:58px;height:58px}.channel-heading h2{font-size:22px}}

.support-actions{flex:0 0 280px;margin-left:auto;text-align:center}
.support-actions>.button{margin:0 auto}
.support-note{font-size:12px;line-height:1.55;color:var(--muted);margin:12px auto 0;max-width:280px;text-wrap:balance}
@media(max-width:1119px){
  .presentation-stage .calendar-promo{--promo-size:160px;padding:17px;gap:5px;margin:0}
  .presentation-stage .calendar-promo strong{font-size:16px;line-height:1.1;letter-spacing:-.25px}
  .presentation-stage .calendar-promo .promo-description{font-size:10px;line-height:1.25;max-width:125px}
  .presentation-stage .calendar-promo>.icon{width:20px;height:20px}
}
@media(min-width:761px) and (max-width:1050px){.support-actions{flex-basis:240px}.support-actions>.button{font-size:12px;padding-inline:18px}}
@media(max-width:760px){.hero-intro{margin-bottom:20px}.support-actions{flex:none;width:100%;margin:0}.support-actions>.button{font-size:13px}.support-note{font-size:12px;max-width:290px}}

@media(max-width:760px){
  html{scroll-behavior:auto}
  .presentation-stage .calendar-promo{--promo-size:148px;top:8px;right:4px;bottom:auto;padding:15px;gap:5px;transform:none}
  .presentation-stage .calendar-promo strong{font-size:15px;line-height:1.12}
  .presentation-stage .calendar-promo .promo-description{font-size:9.5px;line-height:1.25}
  .presentation-stage .calendar-promo>.icon{width:17px;height:17px}
  .presentation-stage .presentation-video p{font-size:15px}
  .presentation-stage .presentation-video strong{font-size:22px}
  .launch-programme{margin-top:38px}
  .channel-heading{margin-top:30px}
}
@media(max-width:370px){
  .presentation-stage .calendar-promo{--promo-size:136px;padding:13px;gap:4px}
  .presentation-stage .calendar-promo strong{font-size:14px}
  .presentation-stage .calendar-promo .promo-description{font-size:9px}
  .presentation-stage .presentation-video p{font-size:13px}
  .presentation-stage .presentation-video strong{font-size:18px}
  .presentation-stage .video-youtube-mark{width:32px;height:32px}
}