/* Nukleo · Collection v2 · Han Pixel · 9 oct. 2026
   Source : nukleo.com/marque (nukleo-react server/private/marque/site/index.html @39dd233, 8 oct. 2026)
   et skills marque-web / marque-nukleo. Rien de décoratif : seul le trait signature, une fois. */
.col-v6{
  --marin:#010C30; --creme:#FEF9F3; --corail:#D43829;
  --ink:#010C30; --ink-2:rgba(1,12,48,.72); --ink-3:rgba(1,12,48,.62);
  --rule:rgba(1,12,48,.14); --rule-s:rgba(1,12,48,.9);
  --mat:rgba(1,12,48,.035);                         /* fond de la zone d'image, à peine visible */
  --sig:linear-gradient(90deg,#3100FF,#F83624);     /* trait signature + rond */
  --dot:linear-gradient(140deg,#3100FF 33%,#F83624 78%);
  --font:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  /* Espacement base 4 */
  --s4:4px;--s8:8px;--s12:12px;--s16:16px;--s24:24px;--s32:32px;--s48:48px;--s72:72px;--s120:120px;
  --gut:24px; --mx:clamp(20px,5vw,72px); --maxw:1360px;
  /* Typo charte */
  --fs-disp:88px; --fs-h1:64px; --fs-h2:48px; --fs-h3:28px; --fs-body:16px; --fs-lab:11px;
  --e-out:cubic-bezier(.16,1,.3,1); --d-xs:250ms; --d-s:400ms; --d-m:800ms; --d-l:1200ms;
  font:400 var(--fs-body)/1.65 var(--font); color:var(--ink);
}


/* Grain Crème 4 % (charte : subtil, fixe) */
.col-v6::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.04;mix-blend-mode:multiply;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='g'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/></filter><rect width='200' height='200' filter='url(%23g)'/></svg>") 0 0/200px 200px}
.col-v6 img{display:block;max-width:100%;height:auto}
.col-v6 a{color:inherit;text-decoration:none}
.col-v6 ol, .col-v6 ul{list-style:none}
.col-v6 :focus-visible{outline:1px solid var(--corail);outline-offset:4px}

.col-v6 .wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--mx)}

/* Typo */
.col-v6 .lab{font-size:var(--fs-lab);letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3);line-height:1.4}
.col-v6 .disp{font-weight:200;font-size:var(--fs-disp);line-height:1.04;letter-spacing:-.03em}
.col-v6 .h1{font-weight:200;font-size:var(--fs-h1);line-height:1.06;letter-spacing:-.03em}
.col-v6 .h2{font-weight:200;font-size:var(--fs-h2);line-height:1.08;letter-spacing:-.025em}
.col-v6 .lede{font-size:19px;line-height:1.6;color:var(--ink-2);max-width:34em}
.col-v6 .lk{background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat;padding-bottom:2px;transition:background-size var(--d-s) var(--e-out)}
.col-v6 .lk:hover{background-size:0 1px}

/* En-tête (repris du site : logo, nav, FR | EN) */

.col-v6 .hd-i{display:flex;align-items:center;gap:var(--s48);height:80px}









/* Intro */
.col-v6 .intro{padding-top:var(--s120);padding-bottom:var(--s72)}
.col-v6 .intro .lab{margin-bottom:var(--s24)}
.col-v6 .sig{display:block;position:relative;width:160px;height:1px;background:var(--sig);margin:var(--s32) 0 var(--s48)}
.col-v6 .sig::after{content:"";position:absolute;right:-3px;top:-3px;width:7px;height:7px;border-radius:50%;background:var(--dot)}
.col-v6 .intro-b{display:grid;grid-template-columns:7fr 5fr;gap:var(--gut);align-items:end}
.col-v6 .cnt{justify-self:end;font-size:13px;color:var(--ink-3);font-variant-numeric:tabular-nums}
.col-v6 .cnt span:not(.dot){color:var(--ink);font-size:15px}.col-v6 .cnt .dot{margin:0 var(--s12)}

/* Sections, numéro Corail + trait 32 px */
/* The site stylesheet gives every .sec 14vh of padding. Collection sections
   keep the v6 bottom space and no extra gap above the Index. */
.col-v6 .sec{padding:0 0 var(--s120)}
.col-v6 .sh{display:flex;align-items:baseline;gap:var(--s24);border-top:1px solid var(--rule-s);padding-top:var(--s24);margin-bottom:var(--s48)}
.col-v6 .sn{display:flex;align-items:center;gap:var(--s12);flex:none;width:calc((100% - 11 * var(--gut)) / 12 * 2 + var(--gut))}
.col-v6 .sn .n{font-size:var(--fs-lab);color:var(--corail);letter-spacing:.09em;font-variant-numeric:tabular-nums}
.col-v6 .sn .r{width:32px;height:1px;background:var(--corail)}
.col-v6 .sh h2{font-weight:200;font-size:var(--fs-h3);line-height:1.2;letter-spacing:-.015em}

/* Grille d'œuvres : vignettes régulières 4:5, œuvre contenue (ratio respecté), posée en bas */
.col-v6 .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s72) var(--s48)}
.col-v6 .grid.g4{grid-template-columns:repeat(4,1fr);gap:var(--s48) var(--gut)}
.col-v6 .tw a{display:block}
.col-v6 .tw-m{display:flex;align-items:flex-end;justify-content:center;aspect-ratio:5/4;padding:0 6%;overflow:hidden}
.col-v6 .tw-m img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transition:transform var(--d-m) var(--e-out)}
.col-v6 .tw a:hover .tw-m img{transform:translateY(-4px)}
.col-v6 .tw-c{display:flex;flex-direction:column;padding-top:var(--s16);gap:2px}
.col-v6 .tw-a{font-size:13px;color:var(--ink-3)}
.col-v6 .tw-t{font-size:17px;line-height:1.35;font-weight:400}
.col-v6 .tw-y{font-size:13px;color:var(--ink-3);font-variant-numeric:tabular-nums}
.col-v6 .tw a:hover .tw-t{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}

/* Index des artistes : liste à filets, portraits 48 px N&B */
.col-v6 .alist{display:grid;grid-template-columns:1fr 1fr;column-gap:var(--gut);border-top:1px solid var(--rule)}
.col-v6 .ar a{display:grid;grid-template-columns:48px 1fr auto 24px;align-items:center;gap:var(--s16);padding:var(--s16) 0;border-bottom:1px solid var(--rule);min-height:80px;transition:padding var(--d-s) var(--e-out)}
.col-v6 .ar-n{font-size:17px}
.col-v6 .ar-c{font-size:13px;color:var(--ink-3)}
.col-v6 .ar-go{color:var(--ink-3);transition:transform var(--d-s) var(--e-out),color var(--d-xs)}
.col-v6 .ar a:hover .ar-go{transform:translateX(4px);color:var(--ink)}
.col-v6 .ar a:hover{padding-left:var(--s8)}

/* Portraits : cercle complet, N&B doux teinté Crème. Placeholder au trait 1 px (aucune forme pleine). */
.col-v6 .pt{display:grid;place-items:center;border-radius:50%;overflow:hidden;aspect-ratio:1;flex:none}
.col-v6 .pt img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;filter:grayscale(1) contrast(.92) brightness(1.04) sepia(.08)}
.col-v6 .pt-xs{width:32px}.col-v6 .pt-s{width:48px}.col-v6 .pt-l{width:200px}
.col-v6 .pt-empty{border:1px solid var(--rule-s);background:transparent}
.col-v6 .pt-empty span{font-weight:200;color:var(--ink);letter-spacing:.04em;font-size:15px}
.col-v6 .pt-l.pt-empty span{font-size:48px}.col-v6 .pt-xs.pt-empty span{font-size:11px}

/* Fiche artiste */
.col-v6 .crumbs{display:flex;flex-wrap:wrap;gap:var(--s8);font-size:13px;color:var(--ink-3);padding-top:var(--s32)}
.col-v6 .crumbs a:hover{color:var(--ink)}
.col-v6 .ah{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gut);padding-top:var(--s72);padding-bottom:var(--s120)}
.col-v6 .ah-p{grid-column:1/4}
.col-v6 .ah-t{grid-column:5/12}
.col-v6 .ah-t .lab{margin-bottom:var(--s16)}
.col-v6 .bio{margin-top:var(--s32);max-width:40em}.col-v6 .bio p{color:var(--ink-2)}
.col-v6 .empty{color:var(--ink-2);font-size:19px;padding:var(--s48) 0}
.col-v6 .more{margin-top:var(--s32);font-size:15px}

/* Fiche œuvre : l'œuvre prend ~55 % de la largeur, 72vh max */
.col-v6 .wk{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gut);padding-top:var(--s48);padding-bottom:var(--s72);align-items:start}
.col-v6 .wk-m{grid-column:1/8;display:flex;justify-content:center;align-items:flex-start}
.col-v6 .wk-m img{max-height:min(60vh,560px);width:auto;object-fit:contain}
.col-v6 .wk-c{grid-column:9/13;padding-top:var(--s24)}
.col-v6 .wk-c .lab{margin-bottom:var(--s16)}
.col-v6 .wk-c .h2{font-size:40px;line-height:1.1}
.col-v6 .wk-a{display:inline-flex;align-items:center;gap:var(--s12);margin-top:var(--s24);font-size:15px}
.col-v6 .wk-a:hover span:last-child{text-decoration:underline;text-underline-offset:4px}
.col-v6 .facts{margin-top:var(--s32);border-top:1px solid var(--rule)}
.col-v6 .facts div{display:grid;grid-template-columns:96px 1fr;gap:var(--s16);padding:var(--s12) 0;border-bottom:1px solid var(--rule);font-size:14px}
.col-v6 .facts dt{color:var(--ink-3)}
.col-v6 .desc{margin-top:var(--s32);font-size:15px;color:var(--ink-2)}
.col-v6 .pg{display:grid;grid-template-columns:1fr 1fr;margin-bottom:var(--s120)}
.col-v6 .pg a{border-top:1px solid var(--rule);display:flex;flex-direction:column;gap:var(--s8);padding:var(--s32) 0}
.col-v6 .pg .nx{text-align:right;align-items:flex-end}
.col-v6 .pg-t{font-weight:200;font-size:var(--fs-h3);line-height:1.2;transition:color var(--d-xs)}
.col-v6 .pg a:hover .pg-t{color:var(--ink-2)}

/* Pied (Marin, comme le site) */

.col-v6 .ft-i{display:grid;grid-template-columns:3fr 6fr 3fr;gap:var(--gut);align-items:start;font-size:14px}
.col-v6 .ft-s{font-size:12px;justify-self:end;color:rgba(254,249,243,.58)}

/* Entrée 800 ms, ease-out */
.col-v6 .rv{opacity:1;transform:none}

@media (prefers-reduced-motion:reduce){.col-v6 .js .rv{opacity:1;transform:none}}

/* 1024 */
@media (max-width:1180px){
  
  .col-v6 .wk-m{grid-column:1/8}.col-v6 .wk-c{grid-column:8/13}
}
/* 768 */
@media (max-width:960px){
  
  .col-v6{--fs-disp:72px;--fs-h1:52px}
  .col-v6 .grid{gap:var(--s48) var(--gut)}
  .col-v6 .grid.g4{grid-template-columns:repeat(2,1fr)}
  .col-v6 .intro-b{grid-template-columns:1fr}.col-v6 .cnt{justify-self:start}
  .col-v6 .ah-p{grid-column:1/4}.col-v6 .ah-t{grid-column:4/13}
  .col-v6 .pt-l{width:160px}
  .col-v6 .wk-m, .col-v6 .wk-c{grid-column:1/13}
  .col-v6 .wk-m img{max-height:52vh}
  .col-v6 .wk-c{max-width:560px}
  .col-v6 .alist{grid-template-columns:1fr}
  .col-v6 .ft-i{grid-template-columns:1fr 1fr}.col-v6 .ft-s{justify-self:start}
}
/* 375 (charte mobile : 52 / 40 / 32 / 22) */
@media (max-width:600px){
  .col-v6{--fs-disp:52px;--fs-h1:40px;--fs-h2:32px;--fs-h3:22px;--s120:80px;--s72:48px}
  .col-v6 .hd-i{height:64px}
  .col-v6 .intro{padding-top:var(--s72)}
  .col-v6 .sig{width:96px}
  .col-v6 .sh{flex-direction:column;gap:var(--s12)}.col-v6 .sn{width:auto}
  .col-v6 .grid, .col-v6 .grid.g4{grid-template-columns:repeat(2,1fr);gap:var(--s32) 16px}
  .col-v6 .tw-m{padding:0}
  .col-v6 .tw-t{font-size:15px}
  .col-v6 .ah{grid-template-columns:1fr;padding-top:var(--s32)}
  .col-v6 .ah-p, .col-v6 .ah-t{grid-column:auto}.col-v6 .pt-l{width:120px}
  .col-v6 .wk-m img{max-height:48vh}
  .col-v6 .wk-c .h2{font-size:32px}
  .col-v6 .pg-t{font-size:17px}
  .col-v6 .ft-i{grid-template-columns:1fr}
}

/* ===== v3 · Index à filets + aperçu au survol (liste seulement) ===== */
.col-v6 .ix{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gut);align-items:start}
.col-v6 .ix-list{grid-column:1/8;border-top:1px solid var(--rule)}
.col-v6 .ix-row a{display:grid;grid-template-columns:48px 1fr auto 24px;align-items:center;gap:var(--s16);padding:var(--s24) 0;border-bottom:1px solid var(--rule);transition:color var(--d-xs)}
.col-v6 .ix-n{align-self:start;padding-top:10px;font-size:var(--fs-lab);letter-spacing:.09em;color:var(--corail);font-variant-numeric:tabular-nums}
.col-v6 .ix-b{display:flex;flex-direction:column;gap:var(--s8);min-width:0}
.col-v6 .ix-t{font-weight:200;font-size:32px;line-height:1.15;letter-spacing:-.02em}
.col-v6 .ix-m{display:flex;flex-wrap:wrap;gap:var(--s4) var(--s16);font-size:var(--fs-lab);letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3);line-height:1.4}
.col-v6 .ix-go{color:var(--ink-3);transition:transform var(--d-s) var(--e-out),color var(--d-xs)}
.col-v6 .ix-th{display:none}
/* État actif (survol souris ou focus clavier) : les autres lignes s'estompent */
.col-v6 .ix.is-on .ix-row a{color:var(--ink-3)}
.col-v6 .ix.is-on .ix-row a.on{color:var(--ink)}
.col-v6 .ix-row a.on .ix-go{transform:translateX(4px);color:var(--ink)}
/* Zone d'aperçu fixe : ~40 %, 60vh max, ratio respecté */
.col-v6 .ix-pv{grid-column:9/13;position:sticky;top:var(--s48);height:60vh;max-height:560px;display:grid}
.col-v6 .ix-pv>*{grid-area:1/1}
.col-v6 .ix-pv figure{display:flex;flex-direction:column;justify-content:flex-start;opacity:0;transition:opacity var(--d-xs) linear;min-height:0}
.col-v6 .ix-pv figure img{max-width:100%;max-height:calc(100% - 40px);width:auto;height:auto;object-fit:contain;object-position:left top}
.col-v6 .ix-pv figcaption{margin-top:var(--s12);font-size:13px;color:var(--ink-3)}
.col-v6 .ix-pv figure.on{opacity:1}
.col-v6 .ix-empty{align-self:start;border-top:1px solid var(--rule);padding-top:var(--s12);transition:opacity var(--d-xs) linear}
.col-v6 .ix.is-on .ix-empty{opacity:0}
.col-v6 .pv-p .pt{width:240px}
/* Artistes : titres plus petits */
.col-v6 .ix-a .ix-t{font-size:28px}

/* Tactile, tablette, mobile (pas de survol fiable) : vignette dans la ligne, pas d'aperçu */
@media (hover:none),(max-width:1023px){
  .col-v6 .ix-list{grid-column:1/13}
  .col-v6 .ix-pv{display:none}
  .col-v6 .ix-row a{grid-template-columns:40px 1fr 72px}
  .col-v6 .ix-go{display:none}
  .col-v6 .ix-th{display:flex;justify-content:flex-end;align-items:center;width:72px;height:72px}
  .col-v6 .ix-th img{max-width:72px;max-height:72px;width:auto;height:auto;object-fit:contain}
  .col-v6 .ix-th-p .pt{width:48px}
  .col-v6 .ix.is-on .ix-row a{color:inherit}
}
@media (max-width:600px){
  .col-v6 .ix-t{font-size:22px}.col-v6 .ix-a .ix-t{font-size:20px}
  .col-v6 .ix-row a{grid-template-columns:28px 1fr 56px;gap:var(--s12);padding:var(--s16) 0}
  .col-v6 .ix-th{width:56px;height:56px}.col-v6 .ix-th img{max-width:56px;max-height:56px}
  .col-v6 .ix-n{padding-top:6px}
}
.col-v6 .ix-tech{text-transform:none;letter-spacing:0;font-size:13px;flex-basis:100%}
.col-v6 .ix-pv .pv-p .pt img{max-height:none;max-width:none;width:100%;height:100%;object-fit:cover}

/* ===== v4 · Bascule Par artiste | Par œuvre + aperçu double ===== */
.col-v6 .sh{flex-wrap:wrap}
.col-v6 .tabs{margin-left:auto;display:flex;align-items:baseline;gap:var(--s12);color:var(--ink-3);font-size:13px}
.col-v6 .tabs button{all:unset;cursor:pointer;font:400 15px/1.4 var(--font);color:var(--ink-3);padding:var(--s8) 0;position:relative;transition:color var(--d-xs)}
.col-v6 .tabs button::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:1px;background:var(--corail);transform:scaleX(0);transform-origin:left;transition:transform var(--d-s) var(--e-out)}
.col-v6 .tabs button[aria-selected="true"]{color:var(--ink)}
.col-v6 .tabs button[aria-selected="true"]::after{transform:none}
.col-v6 .tabs button:hover{color:var(--ink)}
.col-v6 .tabs button:focus-visible{outline:1px solid var(--corail);outline-offset:4px}
.col-v6 .ix[hidden]{display:none}
.col-v6 .tag{text-transform:none;letter-spacing:0;font-size:13px}
/* NBSP keeps the middot with the previous title: "Maggie Sirois · …". */
.col-v6 .tag:not(:last-child)::after{content:"\00a0· ";color:var(--ink-3)}
/* Flex items wrap whole, so at 375 the second title drops to the next line
   and its middot reads as a stray bullet. Inline text keeps the separator
   between the titles. */
@media (max-width:600px){
  .col-v6 .ix-m:has(.tag){display:block}
  .col-v6 .tag{display:inline}
}
/* Aperçu double : œuvre en grand, portrait rond 64 px + légende dessous */
.col-v6 .ix-pv figure{gap:0}
.col-v6 .pv-art{flex:1;min-height:0;display:flex;align-items:flex-start}
.col-v6 .pv-w{display:block;height:100%;width:100%}
.col-v6 .pv-w img{max-width:100%!important;max-height:100%!important;width:auto;height:auto;object-fit:contain;object-position:left top}
.col-v6 .pv-none{display:flex;align-items:flex-start;border-top:1px solid var(--rule);padding-top:var(--s12);height:auto}
.col-v6 .ix-pv figcaption{display:flex;align-items:center;gap:var(--s16);margin-top:var(--s24);padding-top:var(--s16);border-top:1px solid var(--rule)}
.col-v6 .pt-m{width:64px}
.col-v6 .pt-m.pt-empty span{font-size:18px}
.col-v6 .ix-pv .pt img{max-height:none!important;max-width:none!important;width:100%;height:100%;object-fit:cover}
.col-v6 .pv-c{display:flex;flex-direction:column;gap:2px;font-size:13px;color:var(--ink-3)}
.col-v6 .pv-a{font-size:15px;color:var(--ink)}
.col-v6 .pv-t{color:var(--ink-2)}
/* Tactile : mini-portrait + mini-vignette */
@media (hover:none),(max-width:1023px){
  .col-v6 .ix-row a{grid-template-columns:40px 1fr auto}
  .col-v6 .ix-th{display:flex;align-items:center;gap:var(--s8);width:auto;height:auto}
  .col-v6 .ix-th .pt{width:32px}
  .col-v6 .mw{display:flex;align-items:center;justify-content:center;width:64px;height:64px}
  .col-v6 .mw img{max-width:64px;max-height:64px;width:auto;height:auto;object-fit:contain}
  .col-v6 .mw-empty{visibility:hidden}
}
@media (max-width:600px){
  .col-v6 .tabs{margin-left:0}
  .col-v6 .ix-row a{grid-template-columns:28px 1fr auto}
  .col-v6 .mw{width:48px;height:48px}.col-v6 .mw img{max-width:48px;max-height:48px}
  .col-v6 .ix-th .pt{width:28px}
}
/* itération : légende collée sous l'œuvre, pas en bas de la zone */
.col-v6 .pv-art{flex:none;display:block}
.col-v6 .pv-w{height:auto}
.col-v6 .pv-w img{max-height:min(calc(60vh - 120px),440px)!important}

/* ===== v5 · Aperçu équilibré : portrait 168 px + œuvre à surface constante ===== */
@media (hover:hover) and (min-width:1024px){
  .col-v6 .ix-list{grid-column:1/8}
  .col-v6 .ix-pv{grid-column:8/13;height:auto;max-height:none;min-width:0;overflow:hidden}
  .col-v6 .ix-pv figure{display:block;min-width:0}
  .col-v6 .pv-row{display:flex;align-items:flex-end;gap:var(--s24);min-height:360px}
  .col-v6 .pv-p{flex:none}
  .col-v6 .ix-pv .pv-p .pt-pv{width:168px}
  .col-v6 .pt-pv.pt-empty span{font-size:44px}
  .col-v6 .ix-pv .pv-w{display:block;flex:none;width:auto;height:auto}
  .col-v6 .ix-pv .pv-w img{max-width:none!important;max-height:none!important;object-fit:contain;display:block}
  .col-v6 .ix-pv .pv-none{border-top:1px solid var(--rule);padding-top:var(--s12);width:200px}
  .col-v6 .ix-pv figcaption{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:2px;margin-top:var(--s24);padding-top:var(--s16);border-top:1px solid var(--rule);font-size:13px;color:var(--ink-3)}
  .col-v6 .ix-pv .pv-a{font-size:15px;color:var(--ink)}
  .col-v6 .ix-pv .pv-t{color:var(--ink-2)}
}
/* 1024–1279 : zone plus étroite → portrait 128 px, œuvre à 75 % (même surface relative) */
@media (hover:hover) and (min-width:1024px) and (max-width:1279px){
  .col-v6 .ix-pv .pv-p .pt-pv{width:128px}.col-v6 .pv-row{min-height:280px}
  .col-v6 .ix-pv .pv-w img{zoom:.75}
}
/* Tactile : mini-portrait 44 px, vignette inchangée */
@media (hover:none),(max-width:1023px){ .col-v6 .ix-th .pt{width:44px} }

/* ===== v6 · Aperçu vertical : artiste en haut, œuvre en bas, zone fixe 600 px ===== */
@media (hover:hover) and (min-width:1024px){
  .col-v6 .ix-pv{height:600px;padding-left:var(--s24)}
  .col-v6 .ix-pv figure{display:flex;flex-direction:column;height:600px}
  .col-v6 .pv-head{display:flex;align-items:center;gap:var(--s24);height:160px;flex:none}
  .col-v6 .ix-pv .pv-head .pt-pv{width:160px}
  .col-v6 .pt-pv.pt-empty span{font-size:40px}
  .col-v6 .pv-hn{display:flex;flex-direction:column;gap:4px}
  .col-v6 .pv-hn .pv-a{font-weight:200;font-size:28px;line-height:1.2;letter-spacing:-.015em;color:var(--ink)}
  .col-v6 .pv-s{font-size:13px;color:var(--ink-3)}
  .col-v6 .pv-box{height:340px;flex:none;margin-top:var(--s32);padding-top:var(--s24);border-top:1px solid var(--rule);display:flex;align-items:flex-end}
  .col-v6 .pv-box img{display:block;object-fit:contain;max-width:none!important;max-height:none!important}
  .col-v6 .pv-box-empty{align-items:flex-start}
  .col-v6 .ix-pv figcaption{border-top:0;margin-top:var(--s12);padding-top:0;display:flex;flex-direction:column;gap:2px;font-size:13px;color:var(--ink-3)}
  .col-v6 .ix-pv .pv-t{font-size:15px;color:var(--ink)}
  .col-v6 .ix-empty{align-self:start}
}
@media (hover:hover) and (min-width:1024px) and (max-width:1279px){
  .col-v6 .ix-pv .pv-head .pt-pv{width:120px}.col-v6 .pv-head{height:120px}
  .col-v6 .pv-hn .pv-a{font-size:22px}
  .col-v6 .pv-box img{zoom:.85}
}
/* itération : l'œuvre se pose sous le filet (alignée en haut), la légende la suit */
@media (hover:hover) and (min-width:1024px){ .col-v6 .pv-box{height:auto;max-height:344px;align-items:flex-start} }

/* The site header is sticky, so the preview sticks just under it.
   Rows are visible without a scroll reveal. Print shows both indexes. */
.col-v6 .rv{opacity:1;transform:none}
@media (hover:hover) and (min-width:1024px){
  .col-v6 .ix-pv{top:88px}
}
.col-v6 .pv-box img.pv-fit{max-width:300px!important;max-height:320px!important;width:auto;height:auto}
.col-v6 .ah-meta{margin-top:12px;font-size:13px;color:var(--ink-3)}
@media (prefers-reduced-motion:reduce){
  .col-v6 .rv{opacity:1;transform:none}
  .col-v6 .ix-pv figure{transition:none}
}
@media print{
  .col-v6 .rv{opacity:1!important;transform:none!important}
  .col-v6 .ix[hidden]{display:grid!important}
  .col-v6 .ix-pv{display:none!important}
  .col-v6 .ix-th{display:flex!important}
}
/* Tabs are links so the index works with no JavaScript. */
.col-v6 .tabs a{all:unset;cursor:pointer;font:400 15px/1.4 var(--font);color:var(--ink-3);padding:8px 0;position:relative;transition:color var(--d-xs)}
.col-v6 .tabs a::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:1px;background:var(--corail);transform:scaleX(0);transform-origin:left;transition:transform var(--d-s) var(--e-out)}
.col-v6 .tabs a[aria-selected="true"]{color:var(--ink)}
.col-v6 .tabs a[aria-selected="true"]::after{transform:none}
.col-v6 .tabs a:hover{color:var(--ink)}
.col-v6 .tabs a:focus-visible{outline:1px solid var(--corail);outline-offset:4px}
@media (max-width:1023px){
  .col-v6 .tabs a{min-height:44px;display:inline-flex;align-items:center}
}