body{margin:0;background:#000;color:#F2F2F2;font-family:'Manrope',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:#F2F2F2;text-decoration:none}a:hover{color:#FFCC5E}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #FFCC5E;outline-offset:3px}
@keyframes mq{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@keyframes blink{0%,55%{opacity:1}56%,100%{opacity:.15}}
.mq-track{display:flex;width:max-content;animation:mq 75s linear infinite;will-change:transform}
.mq-rev{animation-direction:reverse;animation-duration:55s}
.mq:hover .mq-track{animation-play-state:paused}
.rec-dot{animation:blink 1.1s steps(1) infinite}
.outline{color:transparent;-webkit-text-stroke:2px #FFCC5E}
.fmt-card .fmt-img{transition:transform .9s cubic-bezier(.2,.7,.2,1),filter .6s ease;filter:grayscale(.45) brightness(.72)}
.fmt-card:hover .fmt-img{transform:scale(1.06);filter:none}
.fmt-card .fmt-play{transition:background .3s ease,border-color .3s ease,transform .3s ease}
.fmt-card:hover .fmt-play{background:#FFCC5E;border-color:#FFCC5E;transform:scale(1.08)}
.fmt-card:hover .fmt-play svg{stroke:#000}
.fmt-card .fmt-arrow{transition:transform .3s ease}
.fmt-card:hover .fmt-arrow{transform:translateX(6px)}
.btn-y{transition:transform .2s ease,box-shadow .2s ease}
.btn-y:hover{color:#000;transform:translateY(-2px);box-shadow:0 10px 30px rgba(255,204,94,.25)}
.btn-g{transition:border-color .2s ease,color .2s ease}
.btn-g:hover{border-color:#FFCC5E;color:#FFCC5E}
.mf-line{transition:transform .12s linear,opacity .12s linear;will-change:transform}
@keyframes evfade{0%,28.6%{opacity:1}33.3%,95.2%{opacity:0}100%{opacity:1}}
@keyframes evzoom{from{transform:scale(1.02)}to{transform:scale(1.12)}}
.ev-img{animation:evfade 21s ease-in-out infinite,evzoom 21s linear infinite alternate;will-change:opacity,transform}
.ev-b{animation-delay:-14s,-14s}
.ev-c{animation-delay:-7s,-7s}
@keyframes ctaPulse{0%{box-shadow:0 0 0 0 rgba(255,204,94,.55),0 10px 30px rgba(255,204,94,.18)}70%{box-shadow:0 0 0 16px rgba(255,204,94,0),0 10px 30px rgba(255,204,94,.18)}100%{box-shadow:0 0 0 0 rgba(255,204,94,0),0 10px 30px rgba(255,204,94,.18)}}
@keyframes ctaSheen{0%,62%{transform:translateX(-140%) skewX(-20deg)}100%{transform:translateX(420%) skewX(-20deg)}}
.cta{position:relative;overflow:hidden;isolation:isolate}
.cta::after{content:"";position:absolute;top:0;bottom:0;left:0;width:30%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);animation:ctaSheen 4.8s ease-in-out infinite;z-index:-1;pointer-events:none}
.cta-pulse{animation:ctaPulse 2.6s ease-out infinite}
.cta .cta-chip{transition:transform .25s ease}
.cta:hover .cta-chip{transform:translateX(4px)}
.js .reveal{opacity:0;transform:translate3d(0,44px,0);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.js .reveal.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){.mq-track,.rec-dot,.ev-img,.cta-pulse,.cta::after{animation:none !important}.js .reveal{opacity:1;transform:none;transition:none}.mf-line{transform:none !important;opacity:1 !important}}
@media (max-width: 900px){
.rsp-stack{flex-direction:column !important;align-items:stretch !important}
.rsp-grid1{grid-template-columns:minmax(0,1fr) !important}
.rsp-hide{display:none !important}
.rsp-pad{padding-left:20px !important;padding-right:20px !important}
.rsp-h1b{font-size:46px !important}
.rsp-h1a{font-size:26px !important}
.rsp-h2{font-size:40px !important}
.rsp-mf{font-size:76px !important;margin-left:0 !important}
.rsp-terrain{font-size:40px !important}
.rsp-hero{min-height:760px !important}
.rsp-cta{font-size:48px !important}
}

html{scroll-behavior:smooth}
section[id]{scroll-margin-top:64px}
.skip{position:absolute;left:-9999px;top:8px;z-index:100;background:#FFCC5E;color:#000;padding:10px 14px;font-weight:700}
.skip:focus{left:8px}
/* vidéos des formats : lecture dans la vignette */
.fmt-hit{position:absolute;inset:0;z-index:2;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer}
.fmt-hit:focus-visible{outline:2px solid #FFCC5E;outline-offset:-4px}
.fmt-media:hover .fmt-img{transform:scale(1.06);filter:none}
.fmt-media:hover .fmt-play{background:#FFCC5E;border-color:#FFCC5E;transform:scale(1.08)}
.fmt-media:hover .fmt-play svg{stroke:#000}
.fmt-media iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}
.fmt-media .yt-out{position:absolute;inset:0;display:flex;align-items:flex-end;padding:18px;background-size:cover;background-position:center;color:#F2F2F2;font-weight:700;text-decoration:none}
/* showreel */
.sr-sound[aria-pressed="true"]{border-color:#FFCC5E;color:#FFCC5E}
@media (max-width: 900px){.sr-sound{left:20px !important;bottom:20px !important}}
@media (max-width: 520px){header nav{gap:12px !important;flex-wrap:nowrap !important}.nav-tag{font-size:8px !important;letter-spacing:.12em !important}header .btn-y.cta{padding:0 12px !important;font-size:12px !important;white-space:nowrap}}