.pt-page-hero {
  position: relative;
  min-height: calc(100vh - 72px);
  display: grid;
  align-items: center;
  overflow: hidden;
  border-bottom: 1px solid var(--pt-line);
}
.pt-page-hero__picture { position: absolute; inset: 0; }
.pt-page-hero__image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: saturate(.86) contrast(1.08); transform: scale(var(--pt-page-hero-scale, 1.04)) translateY(var(--pt-page-hero-y, 0)); will-change: transform; }
.pt-page-hero__shade { position: absolute; inset: 0; background: radial-gradient(circle at 72% 38%, rgba(102, 25, 25, .08), transparent 36%), linear-gradient(90deg, rgba(3, 4, 6, .82), rgba(3, 4, 6, .25)), linear-gradient(0deg, rgba(3, 4, 6, .55), rgba(3, 4, 6, .18)); }
.pt-page-hero__content { position: relative; z-index: 2; max-width: var(--pt-max); padding: 80px 24px; margin: 0 auto; width: 100%; }
.pt-page-hero__title { font-family: var(--pt-serif); font-size: clamp(4rem, 11vw, 10rem); line-height: .9; margin: 0 0 1rem; letter-spacing: -.06em; }
.pt-page-hero__question { font-style: italic; color: rgba(243,238,229,.74); font-size: .42em; letter-spacing: -.02em; }
.pt-page-hero__text { max-width: 620px; color: var(--pt-text); font-size: 1.1rem; line-height: 1.65; }
.pt-page-hero[data-hero-theme] .pt-page-hero__story { max-width: 640px; color: var(--pt-muted); font-size: .92rem; line-height: 1.6; border-left: 2px solid var(--pt-red); padding-left: 14px; margin: 1rem 0 0; }
.pt-page-hero__cutout { position: absolute; z-index: 1; right: clamp(24px, 8vw, 120px); bottom: 0; max-height: 78%; width: auto; max-width: min(38vw, 460px); object-fit: contain; filter: drop-shadow(0 32px 38px rgba(3, 4, 6, .62)); pointer-events: none; }

.pt-page-hero--film-vivant .pt-page-hero__shade { background: radial-gradient(circle at 72% 38%, rgba(102, 25, 25, .12), transparent 36%), linear-gradient(90deg, rgba(3, 4, 6, .84), rgba(3, 4, 6, .32)), linear-gradient(0deg, rgba(3, 4, 6, .60), rgba(3, 4, 6, .22)); }
.pt-page-hero--visages .pt-page-hero__shade { background: radial-gradient(circle at 76% 44%, rgba(102, 25, 25, .16), transparent 38%), linear-gradient(90deg, rgba(3, 4, 6, .82), rgba(3, 4, 6, .20)), linear-gradient(0deg, rgba(3, 4, 6, .60), rgba(3, 4, 6, .16)); }
.pt-page-hero--univers .pt-page-hero__shade { background: radial-gradient(circle at 65% 40%, rgba(102, 25, 25, .13), transparent 36%), linear-gradient(90deg, rgba(3, 4, 6, .84), rgba(3, 4, 6, .26)), linear-gradient(0deg, rgba(3, 4, 6, .58), rgba(3, 4, 6, .14)); }
.pt-page-hero--quartiers .pt-page-hero__shade { background: radial-gradient(circle at 68% 42%, rgba(102, 25, 25, .10), transparent 36%), linear-gradient(90deg, rgba(3, 4, 6, .86), rgba(3, 4, 6, .28)), linear-gradient(0deg, rgba(3, 4, 6, .58), rgba(3, 4, 6, .18)); }
.pt-page-hero--participer .pt-page-hero__shade { background: radial-gradient(circle at 70% 42%, rgba(102, 25, 25, .18), transparent 38%), linear-gradient(90deg, rgba(3, 4, 6, .84), rgba(3, 4, 6, .24)), linear-gradient(0deg, rgba(3, 4, 6, .60), rgba(3, 4, 6, .18)); }
.pt-page-hero--visage-detail .pt-page-hero__shade { background: radial-gradient(circle at 78% 45%, rgba(102, 25, 25, .20), transparent 35%), linear-gradient(90deg, rgba(3, 4, 6, .86), rgba(3, 4, 6, .22)), linear-gradient(0deg, rgba(3, 4, 6, .62), rgba(3, 4, 6, .14)); }
.pt-page-hero--univers-detail .pt-page-hero__shade { background: radial-gradient(circle at 72% 44%, rgba(102, 25, 25, .16), transparent 38%), linear-gradient(90deg, rgba(3, 4, 6, .84), rgba(3, 4, 6, .24)), linear-gradient(0deg, rgba(3, 4, 6, .62), rgba(3, 4, 6, .16)); }
.pt-page-hero--quartier-detail .pt-page-hero__shade { background: radial-gradient(circle at 70% 46%, rgba(102, 25, 25, .12), transparent 36%), linear-gradient(90deg, rgba(3, 4, 6, .86), rgba(3, 4, 6, .26)), linear-gradient(0deg, rgba(3, 4, 6, .60), rgba(3, 4, 6, .18)); }
.pt-page-hero--video-detail .pt-page-hero__shade { background: radial-gradient(circle at 70% 42%, rgba(102, 25, 25, .15), transparent 36%), linear-gradient(90deg, rgba(3, 4, 6, .86), rgba(3, 4, 6, .24)), linear-gradient(0deg, rgba(3, 4, 6, .65), rgba(3, 4, 6, .20)); }

@media (max-width: 880px) { .pt-page-hero__title { font-size: clamp(4.4rem, 18vw, 8rem); } }
@media (max-width: 760px) { .pt-page-hero__cutout { right: 50%; transform: translateX(50%); max-width: min(62vw, 320px); max-height: 54%; opacity: .92; } .pt-page-hero__content { z-index: 2; } }
@media (max-width: 560px) { .pt-page-hero { min-height: 86vh; } .pt-page-hero__shade { background: linear-gradient(0deg, rgba(3, 4, 6, .78), rgba(3, 4, 6, .25)); } .pt-page-hero__content { text-align: center; padding-top: 110px; } .pt-actions { justify-content: center; } }
@media (prefers-reduced-motion: reduce) { .pt-page-hero__image { transform: scale(1.04) !important; } }
