@layer pages{.famille-header{padding:11rem 48px 5rem;max-width:var(--max-w);margin:0 auto;text-align:center}.famille-header .eyebrow{justify-content:center}.famille-header h1{font-family:var(--f-display);font-size:clamp(40px,7vw,100px);letter-spacing:.04em;color:var(--tungstene-warm);text-shadow:0 0 32px rgba(255,197,107,.18);margin:.3em 0 0;line-height:.95}.famille-header .lead{font-family:var(--f-body);font-style:italic;font-size:1.35rem;color:var(--encre-dim);max-width:640px;margin:2rem auto 0;line-height:1.55;text-wrap:balance}.famille-body{max-width:820px;margin:0 auto 6rem;padding:0 48px}.generation{padding:4rem 0 5rem;border-bottom:1px solid rgba(201,148,61,.15);position:relative}.generation:last-of-type{border-bottom:none}.gen-label{display:flex;align-items:center;gap:18px;margin-bottom:2.4rem}.gen-label .num{font-family:var(--f-display);font-size:1.2rem;color:var(--bronze);letter-spacing:.06em;min-width:30px}.gen-label .filet-h{flex:1;height:1px;background:rgba(201,148,61,calc(.35 * var(--ornament-strength)))}.gen-label .tag{font-family:var(--f-eyebrow);font-size:10px;letter-spacing:.28em;color:var(--encre-dim);text-transform:uppercase}.generation h2{font-family:var(--f-display);font-size:clamp(30px,3.5vw,48px);letter-spacing:.02em;color:var(--encre);margin:0 0 .4em;line-height:1.05;text-wrap:balance}.generation .subtitle{font-family:var(--f-body);font-style:italic;color:var(--bronze);font-size:1.2rem;margin:0 0 2rem}.generation p{font-family:var(--f-body);font-weight:300;font-size:1.15rem;line-height:1.7;color:var(--encre);margin:0 0 1.2em}.generation p em{font-style:italic;color:var(--tungstene-warm)}.generation p strong{font-weight:500}.gen-dates{font-family:var(--f-eyebrow);font-size:11px;letter-spacing:.28em;color:var(--bronze);text-transform:uppercase;display:inline-flex;align-items:center;gap:14px;margin-bottom:2rem}.gen-dates .line{width:36px;height:1px;background:var(--bronze);opacity:.5}.famille-figure{margin:2.5rem -40px;background:linear-gradient(140deg,var(--nuit-2) 0%,var(--nuit-1) 100%);border:1px solid rgba(201,148,61,.18);overflow:hidden}.famille-figure .img-stage{aspect-ratio:4 / 3;display:grid;place-items:center;position:relative}.famille-figure .img-stage svg{width:60%;height:60%;overflow:visible}.famille-figure .img-stage img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.famille-figure figcaption{padding:16px 24px 18px;font-family:var(--f-body);font-style:italic;font-size:1rem;color:var(--encre-dim);border-top:1px solid rgba(201,148,61,.12)}.famille-figure .wm{position:absolute;bottom:6px;right:10px;font-family:var(--f-eyebrow);font-size:9px;letter-spacing:.22em;color:#e9dfc859;text-transform:uppercase}.arbre-section{max-width:1200px;margin:0 auto 5rem;padding:0 48px}.arbre-eyebrow{justify-content:center;margin-bottom:3rem}.arbre-svg{display:block;width:100%;max-width:100%;margin:0 auto;overflow:visible}.arbre-spine{stroke:var(--bronze);stroke-width:.8;opacity:.45}.arbre-spine--living{stroke-dasharray:4 3;opacity:.28}.arbre-numeral{font-family:var(--f-display);font-size:14px;fill:var(--bronze);opacity:.75;letter-spacing:.05em;text-anchor:middle}.arbre-numeral--dim{opacity:.3}.arbre-name{font-family:var(--f-display);font-size:11px;fill:var(--encre);letter-spacing:.12em;text-transform:uppercase}.arbre-name--dim{opacity:.4}.arbre-dates{font-family:var(--f-eyebrow);font-size:8.5px;fill:var(--bronze);letter-spacing:.22em;opacity:.75;text-transform:uppercase}.arbre-dates--dim{opacity:.3}.arbre-role{font-family:var(--f-body);font-style:italic;font-size:9px;fill:var(--encre-dim);opacity:.8}.arbre-anno{font-family:var(--f-eyebrow);font-size:8px;fill:var(--bronze);letter-spacing:.28em;opacity:.4;text-transform:uppercase}.fig-struct{fill:none;stroke:var(--bronze);stroke-width:.8;opacity:.45}.fig-lamp{fill:var(--tungstene-warm);opacity:.85}.famille-quote{margin:2rem 0 0;padding-left:1.4rem;border-left:2px solid var(--bronze)}.famille-quote p{font-family:var(--f-body);font-style:italic;font-size:1.15rem;line-height:1.6;color:var(--encre)}.famille-quote cite{display:block;margin-top:.6rem;font-family:var(--f-eyebrow);font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--bronze);font-style:normal}.famille-contact{max-width:760px;margin:0 auto 8rem;padding:48px 56px;background:#c9943d0a;border:1px solid rgba(201,148,61,.22);text-align:center}.famille-contact h3{font-family:var(--f-display);font-size:1.7rem;color:var(--encre);letter-spacing:.03em;margin:0 0 1rem}.famille-contact p{font-family:var(--f-body);color:var(--encre-dim);font-size:1.05rem;line-height:1.6;max-width:520px;margin:0 auto 2rem}.famille-contact .btn{font-family:var(--f-eyebrow);font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--nuit-deep);background:var(--tungstene);border:none;padding:14px 32px;display:inline-block;transition:background var(--motion-base),color var(--motion-base),box-shadow .45s ease,transform .2s ease}.famille-contact .btn:hover{background:var(--tungstene-warm);color:var(--nuit-deep);box-shadow:0 0 36px #ffc56b38,0 4px 18px #00000059;transform:translateY(-2px)}.famille-contact .btn:active{transform:translateY(0);box-shadow:0 0 16px #ffc56b26}@media(max-width:760px){.famille-header{padding:8rem 24px 4rem}.famille-body,.arbre-section{padding:0 24px}.famille-figure{margin-left:-24px;margin-right:-24px}.famille-contact{padding:32px 24px}}@media(max-width:640px){.famille-header{padding:8rem 20px 3rem}.famille-body,.arbre-section{padding:0 20px}}}
