/* Pages artistes — mêmes composants que la page Lossia, construits sur /site.css.
   Si le style de la page Lossia évolue, reporter ici (préfixe ar- au lieu de lo-). */
header .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;height:76px;}
.ar-header-actions{display:flex;align-items:center;gap:12px;order:2;}
.ar-header-actions .btn-primary,.ar-header-actions .btn-secondary{min-height:44px;padding:0 18px;font-size:10px;}
@media (max-width:600px){.ar-header-actions .btn-secondary{display:none;}}

.ar-crumbs{padding:22px 0 0;color:var(--dim);font-size:11px;letter-spacing:1px;}
.ar-crumbs a:hover{color:var(--fg);}
.ar-crumbs span[aria-current]{color:var(--off);}

section.ar-hero{
  position:relative;padding-block:56px 88px;overflow-x:clip;
  background:radial-gradient(ellipse at 85% 0%,rgba(198,244,106,.09),transparent 55%);
}
.ar-hero .eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:24px;color:var(--accent);font-size:11px;letter-spacing:4px;text-transform:uppercase;}
.ar-hero .eyebrow::before{content:"";width:24px;height:1px;background:var(--accent);}
.ar-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(32px,6vw,88px);align-items:center;}
@media (max-width:860px){.ar-hero-grid{grid-template-columns:1fr;}}
.ar-name{margin:0 0 26px;font-size:clamp(52px,9vw,112px);font-weight:700;letter-spacing:-.05em;line-height:.95;overflow-wrap:anywhere;}
.ar-tagline{max-width:660px;margin:0;color:var(--off);font-size:clamp(17px,2.2vw,22px);line-height:1.6;font-weight:300;}
.ar-facts{display:flex;flex-wrap:wrap;gap:10px 28px;margin:28px 0 0;padding:0;list-style:none;color:var(--dim);font-size:13px;letter-spacing:.4px;}
.ar-facts a{color:var(--off);text-decoration:underline;text-underline-offset:3px;}
.ar-facts a:hover{color:var(--accent);}
.ar-portrait{margin:0;border:1px solid var(--line);overflow:hidden;background:var(--panel);}
.ar-portrait img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center 30%;}
@media (max-width:860px){.ar-portrait{max-width:420px;}}

.ar-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin:0;padding:0;list-style:none;}
.ar-gallery li{margin:0;overflow:hidden;border:1px solid var(--line);background:var(--panel);}
.ar-gallery img{display:block;width:100%;height:100%;aspect-ratio:4/5;object-fit:cover;}

.ar-links{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 0;padding:0;list-style:none;}
.ar-links .btn-secondary{min-height:44px;padding:0 18px;font-size:10px;}

.ar-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;}
.ar-steps .process-step h3{margin-top:18px;}
@media (max-width:860px){.ar-steps{grid-template-columns:1fr;}}

.ar-note{margin:16px 0 0;color:var(--dim);font-size:13px;line-height:1.6;font-style:italic;}

.ar-contact{border:1px solid var(--accent);padding:clamp(24px,5vw,56px);
  background:radial-gradient(circle at 20% 0%,rgba(198,244,106,.08),transparent 60%),var(--panel);}
.ar-contact h2{margin-bottom:14px;}
.ar-contact .lead{margin-bottom:32px;font-size:16px;}
.ar-contact .hero-actions{margin-top:0;}

.ar-others{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;margin:0;padding:0;list-style:none;}
.ar-others a{display:block;text-decoration:none;border:1px solid var(--line);background:var(--panel);transition:border-color .25s ease,transform .25s ease;}
.ar-others a:hover,.ar-others a:focus-visible{border-color:var(--accent);transform:translateY(-3px);}
.ar-others img{display:block;width:100%;height:auto;aspect-ratio:4/4.7;object-fit:cover;object-position:center 30%;}
.ar-others strong{display:block;padding:12px 14px 0;font-size:15px;letter-spacing:-.02em;}
.ar-others span{display:block;padding:2px 14px 14px;color:var(--dim);font-size:11px;letter-spacing:1px;text-transform:uppercase;}
@media (prefers-reduced-motion:reduce){.ar-others a{transition:none;}.ar-others a:hover{transform:none;}}