/* ═════════════════════════════════════════════
   Aura « Signature Clairio » (option F) — test sur index-aura.html
   L'aura d'accent suit la main : fond + bord. Sans souris, elle dérive seule.
   ═════════════════════════════════════════════ */
html[data-aura] :is(.tile--value,.tile--service:not(.tile--service-wide),.tile--form,.tile--agenda,.tile--text,.tile--chan,.film__stat){
  position:relative;isolation:isolate;
  background:radial-gradient(280px circle at var(--mx,85%) var(--my,8%),color-mix(in oklch,var(--accent) 26%,#fff),#fff 72%)!important}
html[data-aura] :is(.tile--value,.tile--service:not(.tile--service-wide),.tile--form,.tile--agenda,.tile--text,.tile--chan,.film__stat)::after{
  content:"";display:block;position:absolute;inset:0;right:0;bottom:0;width:auto;height:auto;border-radius:inherit;padding:1.5px;z-index:-1;opacity:1;transform:none;
  background:radial-gradient(220px circle at var(--mx,85%) var(--my,8%),var(--accent),transparent 70%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}

/* ── Portrait en carte (inspiration « profile card »), à notre manière ── */
html[data-aura] .tile--portrait.pcard{display:flex;flex-direction:column;padding:10px;gap:0;color:var(--ink);
  background:radial-gradient(280px circle at var(--mx,85%) var(--my,95%),color-mix(in oklch,var(--accent) 22%,#fff),#fff 72%)!important}
.pcard__photo{position:relative;flex:1;min-height:250px;border-radius:calc(var(--r) - 8px);overflow:hidden;background:var(--ink)}
.pcard__photo img{position:absolute;inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px);object-fit:cover;object-position:50% 22%;transition:transform 1.2s var(--ease)}
.pcard:hover .pcard__photo img{transform:scale(1.03)}
.pcard__body{position:static;display:flex;flex-direction:column;gap:8px;padding:18px 12px 8px;background:none;color:var(--ink)}
.pcard__name{display:flex;align-items:center;gap:10px}
.pcard__name strong{font:600 30px/1 var(--font);letter-spacing:-.05em}
.pcard__seal{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:var(--accent);color:#fff;font:600 9px var(--font);letter-spacing:-.04em;position:relative;box-shadow:0 6px 14px -6px var(--accent)}
.pcard__seal::after{content:"";position:absolute;inset:2.5px;border:1px solid rgba(255,255,255,.55);border-radius:5px}
.pcard__bio{margin:0;font-size:14.5px;line-height:1.45;color:var(--ink-2)}
.pcard__foot{display:flex;align-items:center;gap:16px;margin-top:8px}
.pcard__stat{display:flex;align-items:center;gap:6px;color:var(--ink-2)}
.pcard__stat svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.pcard__stat b{font:600 17px var(--font);letter-spacing:-.03em;color:var(--ink)}
.pcard__btn{margin-left:auto;display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 6px 0 18px;border-radius:999px;background:var(--ink);color:#fff;font:500 15px var(--font);transition:transform .5s var(--spring)}
.pcard__btn i{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--accent);font-style:normal;transition:transform .5s var(--spring)}
.pcard__btn:hover i{transform:rotate(-45deg)}
@media(max-width:640px){.pcard__photo{flex:none;aspect-ratio:4/5;min-height:0}}
html[data-aura] .tile--portrait .pcard__body{flex-direction:column!important;align-items:stretch!important;justify-content:flex-start;padding:18px 12px 8px;font-size:inherit}
html[data-aura] .tile--portrait .pcard__name strong{color:var(--ink);font-size:30px}
html[data-aura] .pcard__photo{flex:none;aspect-ratio:5/4;min-height:0}
html[data-aura] .pcard__body{flex:1}html[data-aura] .pcard__foot{margin-top:auto;padding-top:12px}
/* portrait : proportion exacte de la photo (812 × 1000), rien n'est coupé */
html[data-aura] .pcard__photo,html[data-aura] .tile--portrait .pcard__photo{flex:none;aspect-ratio:812/1000;min-height:0}
html[data-aura] .pcard__photo img{object-fit:cover;object-position:50% 50%;inset:0;width:100%;height:100%}
/* portrait détouré sur la craie du site, exactement le même ton que la page (#f4f1ec) */
html[data-aura] .pcard__photo{background:#f4f1ec!important;box-shadow:none}

/* ── Portrait « caso cerrado » (2026-09-23) : photo pleine hauteur, colonne alignée ── */
@media (min-width:641px){html .bento--atelier{grid-template-areas:"tx tx tx tx po po" "v1 v1 v2 v2 v3 v3" "pr pr pr pr pr pr"!important}}
/* une grille : photo pleine hauteur à gauche, colonne de texte à droite */
html[data-aura] .tile--portrait.pcard{display:grid!important;grid-template-columns:178px 1fr;column-gap:20px;padding:18px!important;align-items:stretch}
html[data-aura] .tile--portrait .pcard__photo{grid-column:1;width:100%!important;height:100%!important;min-height:0;aspect-ratio:auto!important;border-radius:20px!important;flex:none}
html[data-aura] .pcard__photo img{object-fit:cover!important;object-position:50% 100%!important;transform:none!important}
html[data-aura] .tile--portrait .pcard__body{grid-column:2;display:flex!important;flex-direction:column;align-items:flex-start;padding:4px 0 0!important;min-width:0}
html[data-aura] .pcard__name{margin:0;line-height:1}
html[data-aura] .pcard__name strong{font-size:28px!important;line-height:1}
html[data-aura] .pcard__bio{margin:12px 0 0!important;font-size:14px!important;line-height:1.5;display:block!important}
html[data-aura] .pcard__foot{margin-top:auto!important;padding-top:16px!important;display:flex;flex-direction:column;align-items:flex-start;gap:14px;width:100%}
html[data-aura] .pcard__foot .pcard__stat{display:inline-flex}
html[data-aura] .pcard__foot{flex-direction:column}
html[data-aura] .pcard__btn{margin:0!important;align-self:stretch;justify-content:space-between}
/* les deux chiffres sur une ligne, au-dessus du bouton */
html[data-aura] .pcard__foot{display:grid;grid-template-columns:auto auto 1fr;column-gap:16px;row-gap:14px;align-items:center}
html[data-aura] .pcard__btn{grid-column:1/-1}
@media (max-width:640px){
  html[data-aura] .tile--portrait.pcard{grid-template-columns:112px 1fr;column-gap:16px;padding:16px!important}
  html[data-aura] .pcard__name strong{font-size:22px!important}
  html[data-aura] .pcard__bio{font-size:13px!important;margin-top:8px!important}
  html[data-aura] .pcard__foot .pcard__stat{display:none!important}
  html[data-aura] .pcard__foot{padding-top:12px!important}
  html[data-aura] .pcard__btn{height:40px}
}
/* ordinateur : la colonne remplit la hauteur de la carte, sans vide */
@media (min-width:641px){
  html[data-aura] .pcard__name strong{font-size:36px!important;letter-spacing:-.05em}
  html[data-aura] .pcard__seal{width:28px;height:28px;font-size:10px}
  html[data-aura] .pcard__bio{font-size:16.5px!important;line-height:1.5;margin-top:16px!important;color:rgba(244,241,236,.78)}
}
/* ordinateur : moitié / moitié, photo à sa proportion naturelle */
@media (min-width:641px){
  html .bento--atelier{grid-template-areas:"tx tx tx po po po" "v1 v1 v2 v2 v3 v3" "pr pr pr pr pr pr"!important}
  html[data-aura] .tile--portrait.pcard{grid-template-columns:auto 1fr}
  html[data-aura] .tile--portrait .pcard__photo{height:100%!important;width:auto!important;aspect-ratio:812/1000!important}
  .tile--text .big{font-size:clamp(20px,1.9vw,27px)!important}
}
@media (min-width:641px){
  html[data-aura] .tile--portrait.pcard{grid-template-columns:240px 1fr}
  html[data-aura] .tile--portrait .pcard__photo{width:100%!important;height:100%!important;aspect-ratio:auto!important}
  html[data-aura] .pcard__photo img{object-position:50% 40%!important}
}
@media (max-width:640px){ .pcard__more{display:none} }