.studio{padding:var(--air) 0}
.studio-liste,.quotidien-piste{display:flex;gap:14px;margin:0;padding:0 0 12px;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}
.studio-carte{flex:0 0 min(76vw,340px);min-width:0;scroll-snap-align:start}
.studio-visuel{position:relative;margin:0;aspect-ratio:2/3;overflow:hidden;background:var(--os-2);container-type:inline-size}
.studio-visuel img,.quotidien-carte img{display:block;width:100%;height:100%;object-fit:contain}
.studio-texte{position:absolute;inset:5cqw 4cqw auto;text-align:center;color:var(--encre);pointer-events:none}
.studio-texte--clair{color:#FAF5ED}
.studio-marque{display:block;margin-bottom:2.2cqw;font:700 3.3cqw/1 var(--titre);letter-spacing:.14em;text-transform:uppercase}
.studio-accroche{display:block;font:700 6.6cqw/1.06 var(--titre);letter-spacing:-.005em;text-transform:uppercase;white-space:nowrap}
.studio-lien,.quotidien-lien{display:flex;align-items:center;justify-content:space-between;gap:12px;font-family:var(--titre);font-weight:600;font-size:14px;color:var(--encre);text-decoration:none}
.studio-lien{padding:14px 2px 0}
.studio-lien:hover span,.quotidien-lien:hover span{border-bottom:1.5px solid var(--encre)}
.studio-lien span,.quotidien-lien span{padding-bottom:1px;border-bottom:1.5px solid transparent}
.studio-lien:focus-visible,.quotidien-lien:focus-visible{outline:2px solid var(--encre);outline-offset:3px}

.quotidien{padding:var(--air) 0;background:var(--os-2)}
.quotidien-entete{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}
.quotidien-entete .titre{margin:0}
.quotidien-fleches{display:flex;gap:8px}
.quotidien-fleches button{width:44px;height:44px;padding:0;border:1.5px solid var(--encre);background:transparent;color:var(--encre);font-size:22px;line-height:1;cursor:pointer}
.quotidien-fleches button[hidden]{display:none}
.quotidien-fleches button:disabled{opacity:.3;cursor:default}
.quotidien-fleches button:focus-visible{outline:2px solid var(--encre);outline-offset:2px}
.quotidien-piste{gap:16px}
.quotidien-piste:focus-visible{outline:2px solid var(--encre);outline-offset:4px}
.quotidien-carte{position:relative;flex:0 0 min(70vw,280px);min-width:0;scroll-snap-align:start}
.quotidien-carte figure{margin:0;aspect-ratio:2/3;overflow:hidden;background:var(--os)}
.quotidien-legende{padding-top:12px}
.quotidien-lieu{display:block;margin-bottom:6px;font:600 11.5px/1 var(--titre);letter-spacing:.14em;text-transform:uppercase;color:var(--gris)}
.quotidien-lien::after{content:'';position:absolute;inset:0}
.quotidien-carte:focus-within{outline:2px solid var(--encre);outline-offset:3px}
.quotidien-carte:focus-within .quotidien-lien:focus-visible{outline:0}

@media(min-width:900px){
  .studio-liste{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;overflow:visible;padding-bottom:0}
  .studio-carte{flex:none}
  .quotidien--court .quotidien-carte{flex:1 1 0}
}
@media(prefers-reduced-motion:no-preference){
  .quotidien-carte img{transition:transform .5s ease}
  .quotidien-carte:hover img{transform:scale(1.015)}
}