/* Univers Veissière : surfaces franches, outil visible, accès explicite. */
#univers{position:relative;isolation:isolate;width:100%;max-width:none;margin:0;padding:68px 0 72px;background:#004bff;color:#fff;border:0;border-bottom:9px solid #65e8ff}
#univers .universe-intro{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(250px,.8fr);gap:32px;align-items:end;margin:0 0 34px}
#univers .eyebrow{color:#fff;font-size:12px;letter-spacing:.08em;margin:0 0 16px;line-height:1.5}
#univers .eyebrow:before{background:#65e8ff;box-shadow:none;transform:none;width:30px;height:7px}
#univers h2{font-family:'Arial Black',Arial,Helvetica,sans-serif;font-weight:900;font-size:clamp(40px,4.7vw,70px);line-height:1.02;letter-spacing:-.055em;text-transform:uppercase;color:#fff;margin:0}
#univers h2 em{display:inline-block;font:inherit;color:#65e8ff;margin-top:5px}
#univers .universe-intro-copy{padding:0 0 3px;max-width:370px;justify-self:end}
#univers .universe-intro-copy p{font-size:16px;line-height:1.65;color:#fff;margin:0 0 19px}
#univers .universe-catalogue-link{display:inline-flex;justify-content:center;align-items:center;min-height:45px;padding:10px 18px;background:#fff;color:#004bff;font-size:13px;font-weight:800;border:2px solid #fff;border-radius:0;box-shadow:4px 4px 0 #65e8ff;text-decoration:none}
#univers .universe-catalogue-link:hover{background:#65e8ff;color:#071c42;border-color:#65e8ff;box-shadow:4px 4px 0 #071c42}
#univers .categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch}
#univers .universe-card{--card-surface:#65e8ff;--card-ink:#071c42;--card-action:#071c42;--card-action-ink:#fff;position:relative;display:flex;flex-direction:column;gap:0;min-width:0;min-height:338px;height:auto;margin:0;padding:0;grid-column:auto;background:var(--card-surface);color:var(--card-ink);border:0;border-radius:0;overflow:hidden;isolation:isolate;text-align:left;box-shadow:0 5px 0 #002da8;transform:none;transition:box-shadow 180ms,transform 180ms;cursor:pointer}
#univers .universe-card[data-tone=red]{--card-surface:#e61034;--card-ink:#fff;--card-action:#fff;--card-action-ink:#b30726}
#univers .universe-card[data-tone=paper]{--card-surface:#fff;--card-ink:#004bff;--card-action:#004bff;--card-action-ink:#fff}
#univers .universe-card:before,#univers .universe-card:after{content:none;display:none}
#univers .universe-card:first-child{display:grid;grid-template-columns:1fr 1fr;grid-column:span 2;min-height:338px}
#univers .universe-card:nth-child(6),#univers .universe-card:last-child{grid-column:auto}
#univers .universe-visual{position:relative;display:block;flex:none;width:100%;height:168px;min-height:0;overflow:hidden;background:#fff;clip-path:polygon(0 0,100% 0,100% 87%,92% 100%,0 100%)}
#univers .universe-visual img{position:static;inset:auto;display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;filter:none;opacity:1;transform:none;transition:transform 280ms ease}
#univers .universe-visual[data-image-mode=contain] img{object-fit:contain;padding:8px 13px;mix-blend-mode:multiply}
#univers .universe-card:first-child .universe-visual{height:100%;min-height:338px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
#univers .universe-card-copy{position:relative;display:flex;flex-direction:column;flex:1;min-width:0;width:100%;padding:21px 20px 19px;background:var(--card-surface);color:var(--card-ink)}
#univers .universe-card:first-child .universe-card-copy{justify-content:center;padding:27px 23px}
#univers .universe-title{display:block;font-family:VeissiereDisplay,'Arial Narrow',Arial,sans-serif;font-weight:800;font-size:28px;line-height:1.06;letter-spacing:-.025em;color:var(--card-ink);text-transform:none;overflow-wrap:anywhere;min-height:0;margin:0}
#univers .universe-card:first-child .universe-title{font-size:36px;line-height:1.05}
#univers .universe-line{display:block;font-size:13px;line-height:1.5;color:var(--card-ink);margin-top:10px;max-width:none}
#univers .universe-card-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 12px;margin-top:auto;padding-top:20px}
#univers .universe-card:first-child .universe-card-footer{margin-top:24px;padding-top:0}
#univers .universe-action{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 13px;background:var(--card-action);color:var(--card-action-ink);font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:1.3;font-weight:800;letter-spacing:0;border:0;border-radius:0}
#univers .universe-count{font-size:11px;font-family:Arial,Helvetica,sans-serif;line-height:1.4;font-weight:500;color:var(--card-ink);white-space:nowrap}
#univers .universe-card:hover{background:var(--card-surface);box-shadow:0 8px 0 #002383;transform:translateY(-3px);outline:0}
#univers .universe-card:hover .universe-visual img{transform:scale(1.04)}
#univers .universe-card:hover .universe-action{box-shadow:3px 3px 0 var(--card-ink)}
#univers .universe-card:focus-visible,#univers .universe-catalogue-link:focus-visible{outline:3px solid #fff;outline-offset:5px}
#univers .universe-card[aria-pressed=true]{outline:3px solid #fff;outline-offset:5px;box-shadow:0 0 0 7px #071c42}
@media(max-width:1190px){#univers .categories{grid-template-columns:repeat(3,minmax(0,1fr))}#univers .universe-intro{grid-template-columns:minmax(0,1.45fr) minmax(230px,.75fr)}#univers h2{font-size:clamp(38px,4.8vw,58px)}}
@media(max-width:800px){#univers{padding:45px 0 50px}#univers .universe-intro{grid-template-columns:1fr;gap:20px;margin-bottom:27px}#univers h2{font-size:clamp(37px,6.7vw,54px)}#univers .universe-intro-copy{justify-self:start;max-width:510px;display:flex;gap:25px;align-items:center}#univers .universe-intro-copy p{font-size:14px;line-height:1.6;margin:0;flex:1}#univers .universe-catalogue-link{flex:none;font-size:12px;padding:10px 13px}#univers .categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}#univers .universe-card{min-height:331px}#univers .universe-title{font-size:28px}#univers .universe-card-copy{padding:19px 18px}#univers .universe-card:first-child{min-height:280px}#univers .universe-card:first-child .universe-visual{min-height:280px}#univers .universe-card:first-child .universe-title{font-size:37px}}
@media(max-width:540px){#univers{padding:35px 0 42px}#univers .eyebrow{font-size:10px;letter-spacing:.04em;margin-bottom:15px}#univers h2{font-size:clamp(29px,7.1vw,39px);line-height:1.08;letter-spacing:-.045em}#univers .universe-intro-copy{display:block}#univers .universe-intro-copy p{font-size:14px;margin-bottom:17px}#univers .categories{grid-template-columns:1fr;gap:17px}#univers .universe-card,#univers .universe-card:first-child{display:grid;grid-template-columns:41% minmax(0,1fr);grid-column:auto;min-height:188px}#univers .universe-visual,#univers .universe-card:first-child .universe-visual{height:100%;min-height:188px;clip-path:polygon(0 0,100% 0,92% 100%,0 100%)}#univers .universe-visual[data-image-mode=contain] img{padding:6px}#univers .universe-card-copy,#univers .universe-card:first-child .universe-card-copy{padding:18px 14px;justify-content:center}#univers .universe-title,#univers .universe-card:first-child .universe-title{font-size:26px;line-height:1.08}#univers .universe-line{font-size:12px;line-height:1.45;margin-top:8px}#univers .universe-card-footer,#univers .universe-card:first-child .universe-card-footer{gap:7px 9px;padding-top:14px;margin-top:auto}#univers .universe-action{min-height:34px;font-size:12px;padding:7px 11px}#univers .universe-count{font-size:11px;white-space:normal}#univers .universe-card:first-child .universe-card-footer{margin-top:15px}}
@media(prefers-reduced-motion:reduce){#univers .universe-card,#univers .universe-visual img{transition:none!important}#univers .universe-card:hover,#univers .universe-card:hover .universe-visual img{transform:none}}
@media(forced-colors:active){#univers .universe-card{border:1px solid ButtonText}#univers .universe-action{border:1px solid ButtonText}}
