.bento{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:220px;gap:20px;display:grid}.tile{border-radius:var(--r-xl);border:1px solid var(--line);background:var(--surface);isolation:isolate;transition:transform .55s var(--ease), border-color .4s, box-shadow .55s;--mx:50%;--my:50%;position:relative;overflow:hidden}.tile:hover{border-color:#d9aa4573;transform:translateY(-6px);box-shadow:0 34px 70px -34px #000000f2}.tile:focus-within{border-color:#d9aa4573}.tile:before{content:"";z-index:3;pointer-events:none;opacity:0;background:radial-gradient(500px circle at var(--mx) var(--my), #f3d58a26, transparent 45%);transition:opacity .4s;position:absolute;inset:0}.tile:hover:before{opacity:1}.tile>img{object-fit:cover;z-index:-2;width:100%;height:100%;transition:transform 1.2s var(--ease);position:absolute;inset:0}.tile:hover>img{transform:scale(1.06)}.tile>.whole{z-index:-2;transition:transform 1.2s var(--ease)}.tile:hover>.whole{transform:scale(1.06)}.tile>.vprev{z-index:-2;transition:opacity .45s var(--ease), transform 1.2s var(--ease)}.tile:hover>.vprev{transform:scale(1.06)}@media (min-width:1101px){.b-video{container:tile/size}}@container tile not (min-aspect-ratio:1.05){.b-video:has(>.whole[data-o=l])>.vprev{object-fit:contain;object-position:var(--whole-pos,50% 50%)}}.tile:after{content:"";z-index:-1;background:linear-gradient(#040a1640 0%,#040a1600 30%,#040a168c 62%,#040a16f2 100%);position:absolute;inset:0}.tile__top{justify-content:space-between;align-items:center;gap:10px;display:flex;position:absolute;top:18px;left:18px;right:18px}.tile__body{position:absolute;bottom:20px;left:22px;right:22px}.tile__title{font-family:var(--font-display);letter-spacing:-.015em;text-wrap:balance;font-size:21px;font-weight:700;line-height:1.22}.tile__title a:focus-visible{outline:none}.tile__title a:focus-visible:after{outline:2px solid var(--gold-light);outline-offset:-2px;border-radius:var(--r-xl)}.tile--xl .tile__title{font-size:clamp(24px,2.3vw,32px)}.tile__meta{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:10px;font-size:13px;display:flex}.tile__meta>span{align-items:center;gap:6px;display:inline-flex}.tile__meta svg{width:15px;height:15px}.bigplay{z-index:2;width:82px;height:82px;color:var(--on-gold);background:var(--gold-grad);opacity:.92;transition:transform .5s var(--ease), opacity .4s;border-radius:50%;place-items:center;margin:-41px 0 0 -41px;animation:2.4s infinite ring;display:grid;position:absolute;top:50%;left:50%;transform:scale(.85)}.bigplay svg{width:28px;height:28px;margin-left:4px}.tile:hover .bigplay{opacity:1;transform:scale(1)}@keyframes ring{0%{box-shadow:0 0 #d9aa4573}75%{box-shadow:0 0 0 22px #d9aa4500}to{box-shadow:0 0 #d9aa4500}}.b-video{grid-area:span 2/span 5}.b-sortie{grid-area:span 2/span 4}.b-info{grid-column:span 3}.b-info .tile__title{font-size:17px}.b-meteo{background:radial-gradient(120% 90% at 100% 0,#d9aa4533,#d9aa4500 55%),linear-gradient(160deg,#18346a,#0c1b35 70%);grid-column:span 3}.b-meteo:after{display:none}.mini-meteo{flex-direction:column;display:flex;position:absolute;inset:20px 22px}.mini-meteo__row{align-items:center;gap:12px;margin-top:auto;display:flex}.mini-meteo__t{font-family:var(--font-display);letter-spacing:-.04em;font-size:54px;font-weight:800;line-height:1}.mini-meteo svg.wi{width:64px;height:64px}@media (min-width:761px){:is(.bento:not(:has(.b-meteo)) .b-info,.bento:not(:has(.b-info)) .b-meteo){grid-row:span 2}}@media (min-width:1101px){.bento:not(:has(.b-sortie)) .b-video{grid-column:span 9}.bento:not(:has(.b-video)) .b-sortie{grid-column:span 9}.bento:not(:has(.b-info,.b-meteo)) .b-video{grid-column:span 7}.bento:not(:has(.b-info,.b-meteo)) .b-sortie{grid-column:span 5}:is(.bento:not(:has(.b-info,.b-meteo,.b-sortie)) .b-video,.bento:not(:has(.b-info,.b-meteo,.b-video)) .b-sortie){grid-column:1/-1}:is(.bento:not(:has(.b-video,.b-sortie)) .b-info,.bento:not(:has(.b-video,.b-sortie)) .b-meteo){grid-column:span 6}:is(.bento:not(:has(.b-video,.b-sortie,.b-meteo)) .b-info,.bento:not(:has(.b-video,.b-sortie,.b-info)) .b-meteo){grid-column:1/-1}}@media (max-width:1100px){.bento{grid-template-columns:repeat(6,minmax(0,1fr))}.b-video{grid-column:span 6}.b-sortie,.b-info,.b-meteo{grid-column:span 3}.bento:not(:has(.b-info,.b-meteo)) .b-sortie{grid-column:1/-1}:is(.bento:not(:has(.b-sortie)):not(:has(.b-meteo)) .b-info,.bento:not(:has(.b-sortie)):not(:has(.b-info)) .b-meteo){grid-area:auto/1/auto/-1}}@media (max-width:760px){.une>.sec-head>.sec-tools{width:auto}.bento{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto;gap:14px}.b-video,.b-sortie,.b-info,.b-meteo{aspect-ratio:4/3.3;grid-area:auto}.b-meteo{aspect-ratio:auto;min-height:170px}}@media (hover:none){.tile:hover,.tile:hover>img,.tile:hover>.whole,.tile:hover>.vprev{transform:none}}