/* ================================================================== FICHE PROJET — vocabulaire de composition « le dossier d'œuvre » Système graphique identique à l'accueil;en-tête `.phead` commun;toutes les autres structures sont inédites. Motifs:plaque logo blanche · étiquette d'origine · vitrine (mockup encadré,dessin distinct des cadres de la cimaise) · dossier en volets étiquetés · renvoi vers les autres réalisations. ================================================================== */:root{--accent-ink:#735B3A}/* ---------- 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.6rem,3.4vh,2.4rem);/* pas de filet sous l'en-tête des fiches (Lucie 23/09) */}@media(max-width:900px){.phead__in{grid-template-columns:1fr;gap:2.2rem;align-items:start}}.phead__t{font-size:clamp(2.1rem,4.2vw,3.7rem);line-height:1.06;margin-top:1.5rem;overflow-wrap:anywhere}.phead__meta{margin-top:1.7rem;font-size:1rem;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-2)}.crumb{display:flex;align-items:center;gap:.6rem;margin-bottom:1.4rem;flex-wrap:wrap;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)}/* le logo du client,nu sur l'ivoire:ni fond,ni bordure (Lucie 23/09) */ .logocart{display:flex;align-items:center;justify-content:center;min-height:190px}.logocart img{display:block;max-width:min(340px,100%);max-height:150px;width:auto;height:auto}.phead__aside .repere{display:flex;gap:.9rem;align-items:center;flex-wrap:wrap;margin-top:1.2rem}.orig{display:inline-block;padding:.4em 1em;border:1px solid var(--accent);border-radius:2em;font-size:.72rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--accent-ink)}/* la date de mise en ligne:même dessin d'étiquette,sous le métier (Lucie 23/09) */ .orig--date{margin-top:1.15rem}.visiter{display:inline-flex;align-items:center;gap:.45rem;font-size:1rem;color:var(--accent-ink);border-bottom:1px solid var(--line-strong);padding-bottom:.15rem;transition:color .25s,border-color .25s}.visiter:hover{color:var(--aubergine);border-color:var(--aubergine)}/* ---------- LE DOSSIER:le récit à gauche,l'accueil du site à droite ---- */ /* Demande Lucie 23/09:la capture de la page d'accueil remplace le mockup de la cimaise,posée à droite des volets de texte,et COUPÉE à la hauteur exacte de la colonne de texte (cadre absolu + object-fit cover ancré haut). */ .dossier{padding-block:clamp(2.6rem,5.5vh,4rem) clamp(3.4rem,7vh,5.2rem)}.dossier__in{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.88fr);gap:clamp(2rem,4vw,4rem);align-items:stretch}@media(max-width:900px){.dossier__in{grid-template-columns:1fr}}.dossier__volets{min-width:0}.dossier__volet{padding-block:clamp(1.6rem,3.2vh,2.4rem)}/* filets seulement ENTRE les volets:pas au-dessus du premier (Lucie 23/09) */ .dossier__volet + .dossier__volet{border-top:1px solid var(--line-strong)}.dossier__volet:first-child{padding-top:.35rem}.dossier__volet:last-child{border-bottom:1px solid var(--line-strong)}.dossier__lab{font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(1.35rem,2.1vw,1.75rem);color:var(--accent-deep);line-height:1.2;margin-bottom:.85rem}.dossier__txt p{color:var(--ink-2);font-size:1.12rem;max-width:62ch}.dossier__txt p + p{margin-top:1em}.dossier__volet--resu .dossier__txt{border-left:2px solid var(--accent);padding-left:clamp(1rem,2vw,1.4rem)}.dossier__volet--resu .dossier__txt p{color:var(--aubergine)}.dossier__visuel{position:relative;min-height:420px}.dossier__cadre{position:absolute;inset:0;background:var(--ivoire-2);padding:clamp(1rem,2vw,1.6rem);border:1px solid var(--line-strong);box-shadow:0 28px 54px -34px rgba(46,23,38,.55)}.dossier__cadre img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}@media(max-width:900px){.dossier__visuel{min-height:0;margin-top:1.8rem}.dossier__cadre{position:static;inset:auto}.dossier__cadre img{height:auto;aspect-ratio:4/5}}/* ---------- LES AUTRES RÉALISATIONS -------------------------------------- */ .autres{padding-block:0 clamp(4.5rem,9vh,7rem)}.autres h2{font-family:var(--serif);font-size:clamp(1.5rem,2.4vw,2rem);margin-bottom:1.5rem}.autres__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:1rem}.autres__item{display:block;border:1px solid var(--line-strong);padding:1.1rem 1.2rem;transition:border-color .25s,transform .3s,box-shadow .3s}.autres__item:hover{border-color:var(--aubergine);transform:translateY(-2px);box-shadow:0 16px 30px -24px rgba(46,23,38,.5)}.autres__sec{display:block;font-size:.7rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--accent-ink);margin-bottom:.35rem}.autres__nom{font-family:var(--serif);font-size:1.18rem;color:var(--aubergine);line-height:1.2}.autres__tous{display:inline-flex;align-items:center;gap:.45rem;margin-top:1.5rem;font-size:1.02rem;color:var(--accent-ink);border-bottom:1px solid var(--line-strong);padding-bottom:.15rem;transition:color .25s,border-color .25s}.autres__tous:hover{color:var(--aubergine);border-color:var(--aubergine)}