.seg-souscats{margin-block:34px 40px}.seg-souscats.is-compact{margin-block:18px 28px}.seg-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;display:flex}.seg-head h2{margin:0}.seg-link{color:var(--accent,#b33);white-space:nowrap;align-items:center;gap:4px;font-weight:700;text-decoration:none;display:inline-flex}.seg-link:hover{text-decoration:underline}.seg-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}.is-compact .seg-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.seg-card{background:var(--card,#fff);height:100%;color:var(--ink,#222);box-shadow:0 1px 0 color-mix(in srgb, var(--ink,#222) 10%, transparent), 0 10px 26px -14px color-mix(in srgb, var(--ink,#222) 40%, transparent);border-radius:18px;flex-direction:column;text-decoration:none;transition:transform .18s,box-shadow .18s;display:flex;overflow:hidden}.seg-card:hover,.seg-card:focus-visible{box-shadow:0 1px 0 color-mix(in srgb, var(--ink,#222) 10%, transparent), 0 16px 30px -14px color-mix(in srgb, var(--ink,#222) 50%, transparent);transform:translateY(-3px)}.seg-card[aria-current=page]{outline:3px solid var(--accent,#b33);outline-offset:2px}.seg-card-art{aspect-ratio:3/2;background:color-mix(in srgb, var(--accent,#b33) 10%, var(--paper,#fff));display:block;overflow:hidden}.seg-card-art img{object-fit:cover;width:100%;height:100%;display:block}.seg-card-art.is-portrait img{object-position:50% 18%}.seg-card-body{flex-direction:column;gap:2px;padding:12px 14px 14px;display:flex}.seg-card-body strong{font-family:var(--font-title), serif;font-size:1.08rem;line-height:1.2}.is-compact .seg-card-body{padding:8px 10px 10px}.is-compact .seg-card-body strong{font-size:.95rem}.seg-card-body small{opacity:.72;font-size:.86rem}.seg-rubrique{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:34px;margin-block:46px;display:grid}.seg-rubrique.is-flip .seg-rubrique-art{order:2}.seg-rubrique-art{aspect-ratio:4/3;background:color-mix(in srgb, var(--accent,#b33) 10%, var(--paper,#fff));box-shadow:0 18px 40px -22px color-mix(in srgb, var(--ink,#222) 55%, transparent);border-radius:24px;display:block;overflow:hidden}.seg-rubrique-art img{object-fit:cover;width:100%;height:100%;display:block}.seg-rubrique-body h2{margin:0 0 8px}.seg-rubrique-body h2 a{color:inherit;text-decoration:none}.seg-rubrique-texte{max-width:46ch;margin:0 0 16px}.seg-pieces{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px;padding:0;list-style:none;display:grid}.seg-piece{color:var(--ink,#222);flex-direction:column;gap:6px;text-decoration:none;display:flex}.seg-piece-art{aspect-ratio:1;box-shadow:0 6px 16px -10px color-mix(in srgb, var(--ink,#222) 50%, transparent);background:#fff;border-radius:14px;display:block;overflow:hidden}.seg-piece-art img{object-fit:cover;width:100%;height:100%;display:block}.seg-piece:hover .seg-piece-title{text-decoration:underline}.seg-piece-title{font-size:.9rem;font-weight:700;line-height:1.25}.seg-piece small{opacity:.7;font-size:.8rem}.seg-moods{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.seg-mood{min-height:36px;color:inherit;background:color-mix(in srgb, currentColor 12%, transparent);border:1px solid color-mix(in srgb, currentColor 22%, transparent);border-radius:999px;align-items:center;gap:6px;padding:6px 12px 6px 8px;font-size:.88rem;font-weight:700;text-decoration:none;transition:background .15s;display:inline-flex}.seg-mood:hover,.seg-mood:focus-visible{background:color-mix(in srgb, currentColor 22%, transparent)}.seg-mood-icon{place-items:center;width:24px;height:24px;display:inline-grid}@media (max-width:860px){.seg-rubrique,.seg-rubrique.is-flip{grid-template-columns:1fr;gap:16px;margin-block:34px}.seg-rubrique.is-flip .seg-rubrique-art{order:0}.seg-rubrique-art{aspect-ratio:16/9}}@media (max-width:700px){.seg-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.seg-card-body{padding:9px 10px 11px}.seg-card-body strong{font-size:.95rem}.seg-pieces{grid-template-columns:repeat(2,minmax(0,1fr))}.seg-head{flex-wrap:wrap}.seg-moods{scrollbar-width:none;flex-wrap:nowrap;margin-inline:-16px;padding-inline:16px;overflow-x:auto}.seg-mood{flex:none}.seg-pieces{scrollbar-width:none;scroll-snap-type:x mandatory;gap:10px;margin-inline:-16px;padding-inline:16px;display:flex;overflow-x:auto}.seg-pieces>li{scroll-snap-align:start;flex:0 0 38vw}.seg-rubrique-art{aspect-ratio:2}.themes-band .seg-grid>li:nth-child(n+9){display:none}}