.universe-banner{display:flex;gap:24px;align-items:center;background:linear-gradient(115deg,#0b2b45,#102b43 65%,#153a51);color:#fff;padding:24px 34px;--tile-gap:12px}.universe-banner-heading{flex:0 0 160px}.universe-banner h2{font:600 22px/1.25 Georgia,serif;letter-spacing:-.3px;margin:0 0 18px}.universe-controls{display:flex;gap:7px}.universe-controls button{display:grid;place-items:center;background:#ffffff0a;color:#fff;border:1px solid #718fa3;border-radius:50%;width:38px;height:38px;padding:0;font-size:20px;cursor:pointer}.universe-controls button:hover{background:#ffffff20;border-color:#fff}.universe-controls .universe-pause{font-size:15px}.universe-position{display:block;color:#bcd6df;font-size:11px;margin-top:9px;letter-spacing:1px}.universe-track{display:flex;gap:var(--tile-gap);flex:1;min-width:0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;padding:4px 0 7px}.universe-track::-webkit-scrollbar{display:none}.universe-tile{flex:0 0 calc((100% - 2 * var(--tile-gap))/3);min-width:0;display:flex;gap:14px;align-items:center;padding:10px 12px 10px 4px;text-decoration:none!important;color:white;scroll-snap-align:start;border-right:1px solid #53738a;min-height:165px}.universe-tile:hover{background:#ffffff08;border-radius:7px}.universe-image{display:block;flex:0 0 98px;width:98px;height:143px;object-fit:contain;filter:drop-shadow(0 6px 8px #0005)}.playing-card{transform:rotate(-6deg)}.book-cover{width:88px;flex-basis:88px;height:135px}.universe-crop{width:106px;flex:0 0 106px}.universe-copy{display:block;min-width:0}.universe-copy strong{display:block;font:400 18px/1.18 Georgia,serif;letter-spacing:-.2px}.universe-copy>span{display:block;font:12px/1.5 Arial,sans-serif;color:#e0ebf3;margin-top:9px}.universe-copy b{display:block;font:600 12px/1.4 Arial,sans-serif;color:#a9e8ef;margin-top:12px}.universe-tile:hover .universe-copy b{text-decoration:underline;text-underline-offset:4px}.universe-banner :focus-visible{outline:3px solid #f1bf76;outline-offset:-3px;border-radius:5px}
@media(max-width:1199px){.universe-tile{flex-basis:calc((100% - var(--tile-gap))/2)}}
@media(max-width:799px){.universe-banner{display:block;padding:23px}.universe-banner-heading{display:grid;grid-template-columns:1fr auto;gap:5px 15px;align-items:center;margin-bottom:13px}.universe-banner h2{font-size:23px;margin:0}.universe-position{grid-column:2;text-align:center;margin:0}.universe-controls button{width:36px;height:36px}.universe-tile{flex-basis:calc((100% - var(--tile-gap))/2)}}
@media(max-width:599px){.universe-tile{flex-basis:100%;border-right:0;gap:20px;min-height:173px;padding-right:8px}.universe-banner h2{font-size:20px}.universe-controls{gap:5px}.universe-controls button{width:34px;height:34px}.universe-copy strong{font-size:20px}.universe-image{width:102px;flex-basis:102px;height:148px}.universe-copy>span{font-size:13px}.universe-copy b{font-size:13px}.universe-crop{width:110px;flex-basis:110px}.universe-track{border-top:1px solid #426078;padding-top:10px}}
@media(prefers-reduced-motion:reduce){.universe-track{scroll-behavior:auto!important}}

/* Slogan de Stéphane, au-dessus de la bannière des univers. */
.universe-motto{margin:0;padding:26px 24px;text-align:center;background:#102f29;color:#fff8ed;font:400 clamp(22px,2.1vw,30px)/1.45 Georgia,serif;text-wrap:balance;}
.universe-motto span{display:inline-block;max-width:100%;}
.universe-motto strong{font-weight:700;color:#ff782c;}
.universe-motto::after{content:"";display:block;width:64px;height:2px;margin:16px auto 0;background:#ff782c;}
@media(max-width:599px){.universe-motto{padding:24px 20px;font-size:22px;}.universe-motto span+span{display:block;}}

/* Accueil : bande des univers entière dans la vue ordinateur courante. */
@media(min-width:901px){
 .home-compact .site-header{min-height:76px;padding-top:4px;padding-bottom:4px;}
 .home-compact .community{height:auto;min-height:122px;padding-top:6px;padding-bottom:6px;}
 .home-compact .community-heading h2{font-size:calc(31 * var(--u));}
 .home-compact .audiences{margin-top:8px;}
 .home-compact .universe-motto{padding:6px 24px;font-size:clamp(22px,1.95vw,28px);line-height:1.3;}
 .home-compact .universe-motto::after{margin-top:8px;}
 .home-compact .universe-banner{padding-top:6px;padding-bottom:6px;gap:20px;}
 .home-compact .universe-banner-heading{flex-basis:145px;}
 .home-compact .universe-banner h2{font-size:18px;line-height:1.2;margin-bottom:10px;}
 .home-compact .universe-controls button{width:34px;height:34px;}
 .home-compact .universe-position{margin-top:5px;}
 .home-compact .universe-tile{min-height:124px;padding-top:6px;padding-bottom:6px;}
 .home-compact .universe-image{height:110px;}
 .home-compact .universe-crop{width:96px;flex-basis:96px;}
 .home-compact .universe-copy>span{margin-top:6px;}
 .home-compact .universe-copy b{margin-top:8px;}
}

.universe-copy strong .boutique-impact{color:#ff782c;}