/* ================================================================== PAGE RÉALISATIONS — vocabulaire de composition « la cimaise » Système graphique identique à l'accueil;en-tête `.phead` commun;toutes les autres structures sont inédites. Motifs:salles (onglets) · rail d'accrochage · œuvres encadrées (mat + cadre + ombre + clou) · cartels de musée · accrochage asymétrique. ================================================================== */ .nav-links a[aria-current="page"]::after{transform:scaleX(1)}.nav-panel a[aria-current="page"]{background:var(--ivoire-2)}:root{--gut:5.5rem;--accent-ink:#735B3A}@media(max-width:900px){:root{--gut:3rem}}/* ---------- EN-TÊTE DE PAGE (gabarit commun aux pages intérieures) -------- */ .phead{padding-top:clamp(7.5rem,15vh,10.5rem);padding-bottom:0}.phead__in{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(2rem,4vw,4rem);align-items:center;padding-bottom:clamp(1.4rem,3vh,2.2rem);/* pas de filet de fermeture ici:sur Réalisations,les onglets suivent directement l'en-tête (choix Lucie 17/07) */}@media(max-width:900px){.phead__in{grid-template-columns:1fr;gap:2.2rem;align-items:start}}.phead__t{font-size:clamp(2.2rem,4.6vw,4.1rem);line-height:1.05;margin-top:1.5rem}.phead__t .it{color:var(--accent-deep)}.phead__meta{margin-top:1.7rem;font-size:1.05rem;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-2)}.phead__aside{padding-bottom:0}.phead__s{color:var(--ink-2);font-size:1.18rem;max-width:38ch}.phead__cta{display:flex;gap:.9rem;flex-wrap:wrap;margin-top:1.9rem}.crumb{display:flex;align-items:center;gap:.6rem;margin-bottom:1.4rem;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}.crumb a{transition:color .25s}.crumb a:hover{color:var(--accent-deep)}.crumb i{font-style:normal;color:var(--accent)}/* ---------- L'EXPOSITION:salles (onglets) + accrochage ---------------- */ .expo{padding-block:clamp(3rem,6vh,4.5rem) clamp(5rem,11vh,9rem)}/* les salles:deux onglets,Santé actif par défaut */ .salles{display:flex;justify-content:center;gap:.6rem;flex-wrap:wrap;align-items:center;margin-bottom:clamp(1.8rem,3.5vh,2.6rem)}.salle{font-family:var(--sans);font-size:1.16rem;font-weight:500;color:var(--ink-2);background:transparent;border:1px solid var(--line-strong);cursor:pointer;padding:.74em 1.5em;border-radius:2px;transition:background .3s,color .3s,border-color .3s}.salle:hover{color:var(--aubergine);border-color:var(--aubergine)}.salle.is-active{background:var(--aubergine);color:var(--ivoire);border-color:var(--aubergine)}/* la cimaise:le rail d'accrochage,en tête de salle */ .cimaise{position:relative;height:1px;background:var(--line-strong);margin-bottom:clamp(2.8rem,5.5vh,4rem)}.cimaise::before,.cimaise::after{content:"";position:absolute;top:-4px;width:1px;height:9px;background:var(--line-strong)}.cimaise::before{left:0}.cimaise::after{right:0}/* l'accrochage:deux œuvres de front,décalage salon sur les paires */ .accro{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2.8rem,5vh,4.6rem) clamp(1.6rem,3vw,2.8rem)}.accro[hidden]{display:none}@media(max-width:820px){.accro{grid-template-columns:1fr;gap:clamp(2.8rem,6vh,3.8rem)}}@media(min-width:821px){.accro .oeuvre:nth-child(even){margin-top:3.4rem}}/* une œuvre accrochée */ .oeuvre{position:relative;min-width:0}/* le clou + le fil d'accrochage,au sommet du cadre */ .oeuvre::before{content:"";position:absolute;top:-13px;left:50%;transform:translateX(-50%);width:6px;height:6px;border-radius:50%;background:var(--accent-deep);z-index:2}.oeuvre::after{content:"";position:absolute;top:-9px;left:50%;transform:translateX(-50%);width:1px;height:9px;background:var(--line-strong);z-index:1}/* le cadre:mat clair + filet + ombre portée,comme un tirage encadré */ .oeuvre__cadre{display:block;position:relative;overflow:hidden;background:var(--ivoire-2);padding:clamp(1.2rem,2.4vw,2rem);border:1px solid var(--line-strong);box-shadow:0 22px 44px -30px rgba(46,23,38,.55);transition:transform .5s cubic-bezier(.22,.61,.36,1),box-shadow .5s}.oeuvre__cadre img{display:block;width:100%;aspect-ratio:16/11;object-fit:cover;object-position:top;transition:transform .8s cubic-bezier(.22,.61,.36,1)}.oeuvre:hover .oeuvre__cadre{transform:translateY(-4px);box-shadow:0 32px 56px -28px rgba(46,23,38,.6)}.oeuvre:hover .oeuvre__cadre img{transform:scale(1.03)}/* le cartel de musée,sous l'œuvre */ .oeuvre__cartel{padding-top:1.2rem}.oeuvre__sec{display:block;margin-bottom:.55rem;font-size:.74rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-ink)}.oeuvre__nom{font-family:var(--serif);font-size:clamp(1.4rem,2.2vw,1.85rem);line-height:1.15}.oeuvre__txt{color:var(--ink-2);font-size:1.06rem;margin-top:.7rem;max-width:52ch}.oeuvre__u{display:inline-flex;align-items:center;gap:.45rem;margin-top:1rem;font-size:1rem;color:var(--accent-ink);border-bottom:1px solid var(--line-strong);padding-bottom:.15rem;transition:color .25s,border-color .25s}.oeuvre__u:hover{color:var(--aubergine);border-color:var(--aubergine)}