.su-jou__tete-grille{max-width:var(--su-conteneur-scene);min-height:78svh;padding:120px var(--su-gouttiere) 56px;column-gap:var(--su-gouttiere);grid-template-columns:repeat(12,1fr);align-items:end;margin:0 auto;display:grid}.su-jou__tete-grille>div:first-child{grid-area:1/1/auto/span 6}.su-jou__biblio{grid-area:1/7/auto/span 6;align-self:center;min-width:0}.su-jou__etiquette{color:var(--su-texte-doux);margin:0 0 14px}.su-jou__titre{margin:0;font-size:clamp(2.8rem,6.4vw,6rem)}.su-jou__intro{max-width:58ch;color:var(--su-texte-doux);margin:18px 0 0;font-size:1.125rem}.su-jou__recherche{flex-wrap:wrap;align-items:center;gap:16px;margin-top:28px;display:flex}.su-jou__recherche input{border:1px solid color-mix(in srgb, var(--su-ivoire) 25%, transparent);background:color-mix(in srgb, var(--su-encre) 60%, transparent);min-width:260px;max-width:520px;min-height:48px;color:var(--su-texte);font:inherit;border-radius:4px;flex:1;padding:0 16px}.su-jou__recherche input:focus-visible{outline:2px solid var(--su-ambre);outline-offset:2px}.su-jou__compte{color:var(--su-texte-doux)}.su-jou__corps{max-width:var(--su-conteneur-scene);padding:48px var(--su-gouttiere) 14svh;margin:0 auto}.su-jou__rayons{flex-wrap:wrap;gap:8px;margin-bottom:40px;display:flex}.su-jou__rayons button{border:1px solid color-mix(in srgb, var(--su-graphite) 45%, transparent);min-height:40px;color:var(--su-texte);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:0 14px;font-size:.875rem}.su-jou__rayons button[aria-pressed=true]{background:var(--su-navy);border-color:var(--su-navy);color:var(--su-ivoire)}.su-jou__une{border-top:3px solid var(--su-navy);border-bottom:1px solid color-mix(in srgb, var(--su-graphite) 35%, transparent);color:inherit;gap:14px;padding:40px 0 48px;text-decoration:none;display:grid}.su-jou__meta{color:var(--su-ambre-texte);letter-spacing:.04em;text-transform:uppercase;font-size:.75rem}.su-jou__une-titre{max-width:22ch;font-size:clamp(2rem,4.6vw,4.2rem);line-height:1}.su-jou__une-extrait{max-width:70ch;color:var(--su-texte-doux);font-size:1.1875rem}.su-jou__lire{color:var(--su-ambre-texte);font-weight:600}.su-jou__une:hover .su-jou__une-titre{text-underline-offset:8px;text-decoration:underline;text-decoration-thickness:2px}.su-jou__liste{column-gap:var(--su-gouttiere);grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none;display:grid}.su-jou__item{border-bottom:1px solid color-mix(in srgb, var(--su-graphite) 30%, transparent)}.su-jou__item--large{grid-column:span 2}.su-jou__item a{color:inherit;flex-direction:column;gap:8px;height:100%;padding:26px 0 28px;text-decoration:none;display:flex}.su-jou__item-titre{font-family:var(--su-font-display), sans-serif;font-size:1.3125rem;font-weight:600;line-height:1.2}.su-jou__item--large .su-jou__item-titre{font-size:clamp(1.6rem,2.4vw,2.2rem)}.su-jou__item-extrait{color:var(--su-texte-doux);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.9375rem;display:-webkit-box;overflow:hidden}.su-jou__item a:hover .su-jou__item-titre,.su-jou__item a:focus-visible .su-jou__item-titre{color:var(--su-ambre-texte)}.su-jou__vide{color:var(--su-texte-doux);margin-top:32px}@media (max-width:1023px){.su-jou__liste{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.su-jou__tete-grille{padding-top:92px}.su-jou__tete-grille>div:first-child{grid-area:2/1/auto/-1}.su-jou__biblio{grid-area:1/1/auto/-1;margin-bottom:18px}.su-jou__liste{grid-template-columns:1fr}.su-jou__item--large{grid-column:auto}}