/* Paris T'aime — Homepage V6-from-V4 — cinematic hero + canvas fixes */
:root{
  --pta-black-cinema:#0a0a0a;
  --pta-paris-night:#07111f;
  --pta-blue-night:#111827;
  --pta-prune:#4b103a;
  --pta-cream:#f2ebdd;
  --pta-paper:#efe5d8;
  --pta-red:#9f161f;
  --pta-red-strong:#7f1018;
  --pta-gradient-night:linear-gradient(135deg,#07111f 0%,#111827 55%,#4b103a 100%);
  --pta-gradient-prune:linear-gradient(135deg,#4b103a 0%,#120a24 100%);
  --pta-gradient-image:linear-gradient(90deg,rgba(10,10,10,.82),rgba(10,10,10,.2));
  --pta-font-cinema:"Cormorant Garamond",Georgia,serif;
  --pta-font-ui:Inter,"Segoe UI",system-ui,sans-serif;
  --pta-radius:3px;
  --pta-radius-soft:6px;
  --pta-page:min(80rem,calc(100% - 2rem));
  --pta-wide:min(88rem,calc(100% - 2rem));
  --pta-rail-page:max(1rem,calc((100vw - 88rem)/2));
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--pta-paris-night)}
body{
  margin:0;
  color:var(--pta-cream);
  background:var(--pta-paris-night);
  font-family:var(--pta-font-ui);
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
body:before{
  position:fixed;
  inset:0;
  z-index:50;
  pointer-events:none;
  content:"";
  opacity:.035;
  background-image:repeating-linear-gradient(0deg,transparent 0 4px,#fff 5px);
  mix-blend-mode:soft-light;
}
img{display:block;width:100%;height:100%;object-fit:cover}
a{color:inherit}
h1,h2,h3,p,figure{margin-top:0}
h1,h2,h3{
  font-family:var(--pta-font-cinema);
  font-weight:500;
  letter-spacing:-.055em;
  text-wrap:balance;
}
p{line-height:1.62}

.pta-skip{
  position:fixed;
  z-index:100;
  top:1rem;
  left:1rem;
  transform:translateY(-180%);
  padding:.7rem 1rem;
  background:var(--pta-red);
}
.pta-skip:focus{transform:none}

.pta-topbar{
  position:fixed;
  z-index:40;
  inset:0 0 auto;
  display:flex;
  align-items:center;
  gap:1.2rem;
  padding:.75rem clamp(1rem,4vw,4rem);
  border-bottom:1px solid rgba(242,235,221,.12);
  background:rgba(7,17,31,.12);
  opacity:0;
  transform:translateY(-110%);
  pointer-events:none;
  backdrop-filter:blur(18px);
  transition:
    opacity .55s cubic-bezier(.16,1,.3,1),
    transform .55s cubic-bezier(.16,1,.3,1),
    background .55s cubic-bezier(.16,1,.3,1);
}
.pta-topbar.is-active{
  opacity:1;
  transform:translateY(0);
  pointer-events:auto;
  background:rgba(80,12,24,.86);
}
.pta-topbar.is-hidden{transform:translateY(-110%);opacity:0}
.pta-wordmark{
  font-family:var(--pta-font-cinema);
  font-size:1.35rem;
  line-height:1;
  text-decoration:none;
  white-space:nowrap;
}
.pta-version-label{
  padding:.32rem .65rem;
  border:1px solid rgba(242,235,221,.25);
  border-radius:999px;
  color:rgba(242,235,221,.78);
  font-size:.62rem;
  font-weight:800;
  letter-spacing:.13em;
  text-transform:uppercase;
  white-space:nowrap;
}
.pta-topbar nav{display:flex;gap:1rem;margin-left:auto}
.pta-topbar nav a{
  color:rgba(242,235,221,.72);
  font-size:.65rem;
  font-weight:800;
  letter-spacing:.12em;
  text-decoration:none;
  text-transform:uppercase;
}

.pta-eyebrow{
  margin-bottom:1rem;
  color:var(--pta-red);
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.pta-btn-primary,.pta-btn-secondary{
  display:inline-flex;
  min-height:2.8rem;
  align-items:center;
  justify-content:center;
  padding:.75rem 1rem;
  border-radius:var(--pta-radius);
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.1em;
  text-decoration:none;
  text-transform:uppercase;
}
.pta-btn-primary{border:1px solid var(--pta-red);background:var(--pta-red);color:#fff}
.pta-btn-secondary{border:1px solid rgba(242,235,221,.4);background:rgba(7,17,31,.4);color:var(--pta-cream)}

/* HERO — titre et image en overlap cinématographique */
.pta-title-intro{
  position:relative;
  z-index:2;
  min-height:150svh;
  margin-bottom:-62svh;
  background:
    linear-gradient(
      180deg,
      var(--pta-paris-night) 0%,
      var(--pta-paris-night) 56%,
      rgba(7,17,31,.96) 68%,
      rgba(7,17,31,.72) 82%,
      rgba(7,17,31,0) 100%
    );
  --title-y:0vh;
  --title-opacity:1;
}
.pta-title-intro__sticky{
  position:sticky;
  top:0;
  height:100svh;
  display:grid;
  place-items:center;
  overflow:hidden;
  pointer-events:none;
}
.pta-title-intro h1{
  position:relative;
  z-index:3;
  margin:0;
  color:var(--pta-cream);
  font-size:clamp(2.25rem,4.8vw,4.8rem);
  line-height:1;
  letter-spacing:.005em;
  text-align:center;
  white-space:nowrap;
  opacity:0;
  transform:translate3d(0,0,0) scale(.99);
  transition:
    opacity 4.8s cubic-bezier(.18,.72,.22,1),
    transform 4.8s cubic-bezier(.18,.72,.22,1),
    letter-spacing 4.8s cubic-bezier(.18,.72,.22,1);
}
.pta-title-intro.is-title-ready h1{
  opacity:var(--title-opacity);
  transform:translate3d(0,var(--title-y),0) scale(1);
  letter-spacing:-.045em;
}
.pta-title-intro.is-title-leaving h1{
  transition:
    opacity 1.15s cubic-bezier(.16,1,.3,1),
    transform 1.15s cubic-bezier(.16,1,.3,1),
    letter-spacing 1.15s cubic-bezier(.16,1,.3,1);
}
.pta-title-intro:after{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  z-index:1;
  height:58svh;
  content:"";
  pointer-events:none;
  background:
    linear-gradient(
      180deg,
      rgba(7,17,31,0) 0%,
      rgba(7,17,31,.18) 28%,
      rgba(7,17,31,.82) 70%,
      rgba(7,17,31,0) 100%
    );
}

.pta-hero-image{
  position:relative;
  z-index:1;
  min-height:50svh;
  background:var(--pta-paris-night);
  --hero-progress:0;
}
.pta-hero-image__sticky{
  position:sticky;
  top:0;
  height:100svh;
  display:grid;
  align-items:end;
  overflow:hidden;
  isolation:isolate;
}
.pta-hero-image picture{
  position:absolute;
  inset:0;
  z-index:-2;
  opacity:0;
  transform:translateY(9vh) scale(1.045);
  -webkit-mask-image:
    linear-gradient(
      180deg,
      transparent 0%,
      rgba(0,0,0,.10) 10%,
      rgba(0,0,0,.62) 25%,
      #000 39%,
      #000 100%
    );
  mask-image:
    linear-gradient(
      180deg,
      transparent 0%,
      rgba(0,0,0,.10) 10%,
      rgba(0,0,0,.62) 25%,
      #000 39%,
      #000 100%
    );
  transition:
    opacity 2.05s cubic-bezier(.16,1,.3,1),
    transform 2.25s cubic-bezier(.16,1,.3,1);
}
.pta-hero-image.is-image-visible picture{opacity:1;transform:translateY(0) scale(1)}
.pta-hero-image picture img{object-position:center}
.pta-hero-image__veil{
  position:absolute;
  inset:0;
  z-index:-1;
  opacity:0;
  background:
    linear-gradient(
      180deg,
      rgba(7,17,31,.95) 0%,
      rgba(7,17,31,.66) 16%,
      rgba(7,17,31,.18) 34%,
      rgba(7,17,31,.12) 52%,
      rgba(7,17,31,.92) 100%
    ),
    linear-gradient(90deg,rgba(7,17,31,.82),rgba(7,17,31,.14) 72%);
  transition:opacity 1.65s cubic-bezier(.16,1,.3,1);
}
.pta-hero-image.is-image-visible .pta-hero-image__veil{opacity:.72}
.pta-hero-image.is-copy-visible .pta-hero-image__veil{opacity:1}
.pta-hero-image__copy{
  position:relative;
  width:min(78rem,calc(100% - 2rem));
  margin:0 auto;
  padding:7rem 0 clamp(4rem,10vh,8rem);
  pointer-events:none;
}
.pta-hero-image .pta-eyebrow{
  max-width:none;
  margin:0 0 .9rem;
  color:var(--pta-red);
  font-family:var(--pta-font-ui);
  font-size:clamp(.58rem,.72vw,.72rem);
  line-height:1.15;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.pta-hero-image h2{
  max-width:12ch;
  margin-bottom:1.4rem;
  font-size:clamp(3.35rem,7.7vw,7.2rem);
  line-height:.88;
}
.pta-hero-image h2,.pta-hero-image__copy>p{
  opacity:0;
  transform:translateY(1.7rem);
  filter:blur(4px);
  transition:
    opacity 1.35s cubic-bezier(.16,1,.3,1),
    transform 1.35s cubic-bezier(.16,1,.3,1),
    filter 1.35s cubic-bezier(.16,1,.3,1);
}
.pta-hero-image.is-copy-visible h2{opacity:1;transform:translateY(0);filter:blur(0)}
.pta-hero-image__copy>p{
  max-width:32rem;
  margin-bottom:1.8rem;
  color:rgba(242,235,221,.86);
  font-family:var(--pta-font-cinema);
  font-size:clamp(1.3rem,2.4vw,2.25rem);
  line-height:1.15;
  transition-delay:.16s;
}
.pta-hero-image.is-signature-visible .pta-hero-image__copy>p{opacity:1;transform:translateY(0);filter:blur(0)}
.pta-hero-image__actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,15rem));
  gap:.7rem;
  opacity:0;
  transform:translateY(1.1rem);
  transition:
    opacity 1.05s cubic-bezier(.16,1,.3,1),
    transform 1.05s cubic-bezier(.16,1,.3,1);
}
.pta-hero-image.is-buttons-visible .pta-hero-image__actions{opacity:1;transform:translateY(0);pointer-events:auto}
.pta-hero-image__actions a{width:100%}

/* Cartons noirs */
.pta-black-card{background:var(--pta-black-cinema)}
.pta-black-card-trio{
  min-height:72vh;
  display:grid;
  grid-template-columns:.4fr 1fr;
  gap:2rem;
  align-items:center;
  padding:clamp(4rem,8vw,8rem) clamp(1rem,5vw,5rem);
  background:
    radial-gradient(circle at 50% 35%,rgba(242,235,221,.045),transparent 24rem),
    linear-gradient(180deg,#050505,#0a0a0a 55%,#050505);
}
.pta-black-card-trio__secondary{
  display:grid;
  gap:1rem;
  color:rgba(242,235,221,.35);
  font-family:var(--pta-font-cinema);
  font-size:clamp(1rem,1.8vw,1.5rem);
}
.pta-black-card-trio__secondary span{padding-bottom:.8rem;border-bottom:1px solid rgba(242,235,221,.12)}
.pta-black-card-trio__dominant{
  max-width:12ch;
  margin:0;
  font-family:var(--pta-font-cinema);
  font-size:clamp(4rem,9vw,9rem);
  line-height:.87;
  letter-spacing:-.07em;
}

/* Sections */
.pta-section{padding:clamp(5rem,10vw,10rem) 0;overflow:hidden}
.pta-section--night{background:var(--pta-gradient-night)}
.pta-section--cream{color:var(--pta-paris-night);background:var(--pta-cream)}
.pta-section--cycle{background:var(--pta-gradient-prune)}
.pta-section--quarters{background:#0b1727}
.pta-section--serial{background:var(--pta-blue-night)}
.pta-section--action{background:radial-gradient(circle at 85% 10%,rgba(177,32,40,.22),transparent 30rem),var(--pta-black-cinema)}
.pta-section--univers{color:var(--pta-paris-night);background:linear-gradient(180deg,#f2ebdd,#e5d8ca)}
.pta-section__head{width:var(--pta-page);margin:0 auto clamp(3rem,6vw,5rem)}
.pta-section__head h2,.pta-section-manifest h2,.pta-mission-repair h2,.pta-final h2,.pta-research-creation h2{
  max-width:12ch;
  margin-bottom:1.3rem;
  font-size:clamp(3.3rem,8vw,8rem);
  line-height:.88;
}
.pta-section__head>p:last-child{
  max-width:44rem;
  color:rgba(242,235,221,.66);
  font-size:clamp(1rem,1.5vw,1.25rem);
  line-height:1.6;
}
.pta-section--cream .pta-section__head>p:last-child,.pta-section--univers .pta-section__head>p:last-child{color:rgba(7,17,31,.68)}

/* Rails scrollables desktop + mobile */
.pta-rail-16x9,.pta-rail-3x4,.pta-universe-rail{
  display:flex;
  gap:1rem;
  overflow-x:auto;
  padding:0 var(--pta-rail-page) 1rem;
  scroll-padding-inline:var(--pta-rail-page);
  scroll-snap-type:x mandatory;
  overscroll-behavior-inline:contain;
  scrollbar-color:var(--pta-red-strong) rgba(242,235,221,.12);
  scrollbar-width:thin;
}
.pta-rail-16x9::-webkit-scrollbar,.pta-rail-3x4::-webkit-scrollbar,.pta-universe-rail::-webkit-scrollbar{height:7px}
.pta-rail-16x9::-webkit-scrollbar-track,.pta-rail-3x4::-webkit-scrollbar-track,.pta-universe-rail::-webkit-scrollbar-track{background:rgba(242,235,221,.12)}
.pta-rail-16x9::-webkit-scrollbar-thumb,.pta-rail-3x4::-webkit-scrollbar-thumb,.pta-universe-rail::-webkit-scrollbar-thumb{background:var(--pta-red-strong);border-radius:999px}
.pta-frame-16x9,.pta-frame-3x4{
  overflow:hidden;
  border:1px solid rgba(242,235,221,.18);
  border-radius:var(--pta-radius-soft);
  background:var(--pta-black-cinema);
}
.pta-frame-16x9{aspect-ratio:16/9}
.pta-frame-3x4{aspect-ratio:3/4}
.pta-card-video,.pta-card-person,.pta-card-quarter,.pta-card-universe{scroll-snap-align:start}
.pta-card-video{flex:0 0 min(62vw,50rem)}
.pta-card-person{flex:0 0 clamp(15rem,24vw,23rem)}
.pta-card-video p,.pta-card-person p,.pta-card-quarter p,.pta-card-universe p{
  margin:.9rem 0 .45rem;
  color:var(--pta-red);
  font-size:.65rem;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.pta-card-video h3,.pta-card-person h3,.pta-card-quarter h3,.pta-card-universe h3{
  margin-bottom:.35rem;
  font-size:clamp(1.8rem,3.5vw,3.7rem);
  line-height:.95;
}
.pta-card-video span,.pta-card-person span,.pta-card-quarter span,.pta-card-universe span{color:rgba(242,235,221,.58);font-size:.82rem}
.pta-section--cream .pta-card-person span,.pta-section--univers .pta-card-universe span{color:rgba(7,17,31,.55)}

/* Manifeste / preuves */
.pta-section-manifest{
  display:grid;
  grid-template-columns:.32fr 1fr;
  gap:2rem;
  padding:clamp(5rem,10vw,10rem) clamp(1rem,5vw,5rem);
  color:var(--pta-paris-night);
  background:var(--pta-cream);
}
.pta-section-manifest__index{color:var(--pta-red);font-size:.68rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.pta-section-manifest__copy{max-width:75rem}
.pta-section-manifest__copy>p:not(.pta-eyebrow){max-width:48rem;font-size:clamp(1rem,1.6vw,1.3rem);line-height:1.65}
.pta-proof-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.75rem;
  margin-top:2.7rem;
}
.pta-proof-card{
  min-height:12rem;
  display:grid;
  grid-template-rows:auto auto 1fr;
  gap:.65rem;
  padding:1.05rem;
  border:1px solid rgba(7,17,31,.14);
  border-radius:var(--pta-radius);
  background:rgba(255,255,255,.28);
  overflow:hidden;
}
.pta-proof-card span{color:var(--pta-red);font-size:.72rem;font-weight:900;letter-spacing:.14em}
.pta-proof-card small{color:rgba(7,17,31,.52);font-size:.68rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.pta-proof-card strong{
  align-self:end;
  color:var(--pta-paris-night);
  font-family:var(--pta-font-cinema);
  font-size:clamp(1.35rem,2.1vw,2.25rem);
  font-weight:500;
  line-height:1.02;
  letter-spacing:-.045em;
}

/* Univers */
.pta-card-universe{
  flex:0 0 min(72vw,62rem);
  display:grid;
  grid-template-columns:1fr .72fr;
  gap:1.2rem;
  align-items:center;
  padding-bottom:1rem;
  border-bottom:1px solid rgba(7,17,31,.18);
}
.pta-card-universe .pta-frame-16x9{border-color:rgba(7,17,31,.18)}
.pta-universe-rail{color:var(--pta-paris-night)}

/* Cycle */
.pta-story-cycle{
  width:var(--pta-wide);
  display:grid;
  grid-template-columns:repeat(7,1fr);
  margin:0 auto;
  padding:0;
  border-top:1px solid rgba(242,235,221,.22);
  list-style:none;
}
.pta-story-cycle li{min-height:13rem;padding:1rem;border-right:1px solid rgba(242,235,221,.18);border-bottom:1px solid rgba(242,235,221,.18)}
.pta-story-cycle span{color:var(--pta-red);font-size:.7rem;font-weight:900}
.pta-story-cycle strong{display:block;margin-top:6rem;font-family:var(--pta-font-cinema);font-size:clamp(1.4rem,2vw,2.2rem);font-weight:500}

/* Quartiers : rail horizontal desktop */
.pta-quarter-grid{
  display:flex;
  width:100%;
  gap:1rem;
  margin:0;
  padding:0 var(--pta-rail-page) 1rem;
  overflow-x:auto;
  scroll-padding-inline:var(--pta-rail-page);
  scroll-snap-type:x mandatory;
}
.pta-card-quarter{
  position:relative;
  flex:0 0 min(34vw,28rem);
  overflow:hidden;
  border:1px solid rgba(242,235,221,.12);
  border-radius:var(--pta-radius-soft);
  background:var(--pta-black-cinema);
}
.pta-card-quarter>div:last-child{padding:0 1rem 1rem}

/* Recherche */
.pta-research-creation{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:clamp(2rem,7vw,7rem);
  align-items:center;
  padding:clamp(5rem,10vw,10rem) clamp(1rem,5vw,5rem);
  color:var(--pta-paris-night);
  background:var(--pta-cream);
}
.pta-research-creation figure{margin:0}
.pta-research-creation__lead{color:var(--pta-prune);font-family:var(--pta-font-cinema);font-size:clamp(1.4rem,2.5vw,2.4rem);line-height:1.25}
.pta-research-creation div>p:last-child{max-width:44rem;color:rgba(7,17,31,.68);line-height:1.65}

/* Action */
.pta-action-copy{
  width:min(70rem,calc(100% - 2rem));
  margin:0 auto clamp(3rem,6vw,5rem);
  padding:clamp(1.2rem,3vw,2.2rem);
  border-left:3px solid var(--pta-red);
  background:linear-gradient(90deg,rgba(177,32,40,.13),transparent);
}
.pta-action-copy p{max-width:54rem;color:rgba(242,235,221,.72);font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.65}
.pta-action-copy strong{color:var(--pta-cream)}
.pta-protocol-block{
  width:var(--pta-wide);
  display:grid;
  grid-template-columns:repeat(4,1fr);
  margin:0 auto;
  padding:0;
  border-top:1px solid rgba(242,235,221,.2);
  border-left:1px solid rgba(242,235,221,.2);
  list-style:none;
}
.pta-protocol-block li{min-height:22rem;padding:1.2rem;border-right:1px solid rgba(242,235,221,.2);border-bottom:1px solid rgba(242,235,221,.2)}
.pta-protocol-block span{color:var(--pta-red);font-family:var(--pta-font-cinema);font-size:3rem}
.pta-protocol-block h3{margin:5rem 0 1rem;font-size:clamp(2rem,4vw,4rem)}
.pta-protocol-block p{color:rgba(242,235,221,.58);line-height:1.5}

/* Mission / final */
.pta-mission-repair{
  display:grid;
  grid-template-columns:1fr .65fr;
  gap:3rem;
  align-items:center;
  padding:clamp(5rem,10vw,10rem) clamp(1rem,5vw,5rem);
  background:var(--pta-gradient-night);
}
.pta-mission-repair__copy>p:last-child{max-width:48rem;color:rgba(242,235,221,.7);font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.65}
.pta-mission-repair__words{display:grid;gap:.7rem}
.pta-mission-repair__words span,.pta-mission-repair__words strong{
  padding:1rem;
  border-bottom:1px solid rgba(242,235,221,.2);
  font-family:var(--pta-font-cinema);
  font-size:clamp(1.6rem,3vw,3.2rem);
  font-weight:500;
}
.pta-mission-repair__words strong{color:var(--pta-red)}
.pta-final{
  position:relative;
  min-height:95vh;
  display:grid;
  align-items:center;
  overflow:hidden;
  isolation:isolate;
}
.pta-final picture{position:absolute;inset:0;z-index:-2}
.pta-final:after{
  position:absolute;
  inset:0;
  z-index:-1;
  content:"";
  background:var(--pta-gradient-image),linear-gradient(0deg,rgba(7,17,31,.92),transparent);
}
.pta-final__copy{width:min(70rem,calc(100% - 2rem));margin:0 auto}
.pta-final__actions{display:flex;flex-wrap:wrap;gap:.7rem}
.pta-final__actions a{min-width:11rem}

@media(max-width:900px){
  .pta-topbar nav{display:none}
  .pta-black-card-trio,.pta-section-manifest,.pta-mission-repair,.pta-research-creation{grid-template-columns:1fr}
  .pta-black-card-trio__secondary{order:2}
  .pta-story-cycle{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-inline:1rem}
  .pta-story-cycle li{flex:0 0 42vw;scroll-snap-align:start}
  .pta-protocol-block{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:650px){
  :root{--pta-rail-page:1rem}
  .pta-topbar{align-items:flex-start;flex-direction:column;gap:.25rem}
  .pta-version-label{font-size:.55rem}
  .pta-title-intro{min-height:142svh;margin-bottom:-56svh}
  .pta-title-intro h1{font-size:clamp(2rem,10.5vw,3.15rem);white-space:nowrap}
  .pta-hero-image{min-height:230svh}
  .pta-hero-image picture{
    transform:translateY(7vh) scale(1.04);
    -webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.14) 8%,rgba(0,0,0,.72) 24%,#000 36%,#000 100%);
    mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.14) 8%,rgba(0,0,0,.72) 24%,#000 36%,#000 100%);
  }
  .pta-hero-image.is-image-visible picture{transform:translateY(0) scale(1)}
  .pta-hero-image__veil{background:linear-gradient(180deg,rgba(7,17,31,.94) 0%,rgba(7,17,31,.55) 18%,rgba(7,17,31,.12) 38%,rgba(7,17,31,.95) 100%)}
  .pta-hero-image__copy{padding-bottom:2rem}
  .pta-hero-image .pta-eyebrow{font-size:.56rem;letter-spacing:.13em;margin-bottom:.7rem}
  .pta-hero-image h2{max-width:10ch;font-size:clamp(3rem,14vw,4.8rem)}
  .pta-hero-image__copy>p{max-width:18rem;font-size:clamp(1.2rem,5.8vw,1.7rem)}
  .pta-hero-image__actions{grid-template-columns:1fr}
  .pta-black-card-trio{min-height:72svh;grid-template-columns:1fr;padding-inline:1rem}
  .pta-black-card-trio__dominant{font-size:clamp(3.6rem,16vw,5.5rem)}
  .pta-section__head h2,.pta-section-manifest h2,.pta-mission-repair h2,.pta-final h2,.pta-research-creation h2{font-size:clamp(2.8rem,14vw,4.7rem)}
  .pta-rail-16x9,.pta-rail-3x4,.pta-universe-rail{gap:.8rem}
  .pta-card-video,.pta-card-quarter{flex:0 0 86vw}
  .pta-card-person{flex:0 0 79vw}
  .pta-card-universe{flex:0 0 88vw;grid-template-columns:1fr}
  .pta-proof-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-top:2rem}
  .pta-proof-card{min-height:11.5rem;padding:.82rem}
  .pta-proof-card span{font-size:.64rem}
  .pta-proof-card small{font-size:.56rem;letter-spacing:.08em}
  .pta-proof-card strong{margin-top:.45rem;font-size:clamp(1.12rem,5.2vw,1.72rem);line-height:1.04}
  .pta-quarter-grid{padding-inline:1rem}
  .pta-story-cycle{width:100%}
  .pta-story-cycle li{flex-basis:68vw}
  .pta-protocol-block{width:100%;display:flex;gap:.8rem;overflow-x:auto;padding:0 1rem 1rem;border:0;scroll-snap-type:x mandatory}
  .pta-protocol-block li{flex:0 0 78vw;min-height:20rem;border:1px solid rgba(242,235,221,.2);scroll-snap-align:start}
  .pta-protocol-block h3{margin-top:4rem}
  .pta-final__actions{align-items:flex-start;flex-direction:column}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .pta-title-intro h1{opacity:1;transform:none;animation:none}
  .pta-hero-image picture,.pta-hero-image__veil,.pta-hero-image h2,.pta-hero-image__copy>p,.pta-hero-image__actions{transition:none;filter:none}
}


/* PATCH HERO 6 — garantit que le titre est piloté par le scroll, pas par une animation figée */
.pta-title-intro h1{
  animation:none !important;
}
.pta-title-intro.is-title-ready h1{
  opacity:var(--title-opacity) !important;
  transform:translate3d(0,var(--title-y),0) scale(1) !important;
}
.pta-hero-image picture{
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.08) 9%,rgba(0,0,0,.55) 23%,#000 38%,#000 100%) !important;
  mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.08) 9%,rgba(0,0,0,.55) 23%,#000 38%,#000 100%) !important;
}
.pta-hero-image.is-image-visible picture{
  opacity:1 !important;
  transform:translateY(0) scale(1) !important;
}
@media(max-width:650px){
  .pta-title-intro h1{font-size:clamp(2rem,10.5vw,3.15rem) !important;white-space:nowrap !important;}
}


/* =========================================================
   PATCH FINAL HERO 7 — restauration animation titre + image
   Objectif : le titre monte/fade pendant que l'image apparaît.
   ========================================================= */
.pta-title-intro{
  position:relative !important;
  z-index:2 !important;
  min-height:100svh !important;
  margin-bottom:-64svh !important;
  background:
    linear-gradient(180deg,
      var(--pta-paris-night) 0%,
      var(--pta-paris-night) 52%,
      rgba(7,17,31,.96) 66%,
      rgba(7,17,31,.66) 82%,
      rgba(7,17,31,0) 100%) !important;
  --title-y:0vh;
  --title-opacity:1;
  --title-scale:1;
}

.pta-title-intro__sticky{
  position:sticky !important;
  top:0 !important;
  height:100svh !important;
  display:grid !important;
  place-items:center !important;
  overflow:hidden !important;
  pointer-events:none !important;
}

.pta-title-intro h1{
  position:relative !important;
  z-index:3 !important;
  margin:0 !important;
  color:var(--pta-cream) !important;
  font-size:clamp(2.15rem,4.5vw,4.55rem) !important;
  line-height:1 !important;
  letter-spacing:-.04em !important;
  text-align:center !important;
  white-space:nowrap !important;
  opacity:0 !important;
  transform:translate3d(0,0,0) scale(.985) !important;
  transition:
    opacity 4.6s cubic-bezier(.18,.72,.22,1),
    transform 4.6s cubic-bezier(.18,.72,.22,1),
    letter-spacing 4.6s cubic-bezier(.18,.72,.22,1) !important;
  animation:none !important;
}

.pta-title-intro.is-title-ready h1{
  opacity:var(--title-opacity) !important;
  transform:translate3d(0,var(--title-y),0) scale(var(--title-scale)) !important;
}

.pta-title-intro.is-title-leaving h1{
  transition:
    opacity 1.35s cubic-bezier(.16,1,.3,1),
    transform 1.35s cubic-bezier(.16,1,.3,1) !important;
}

.pta-title-intro:after{
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  z-index:1 !important;
  height:60svh !important;
  content:"" !important;
  pointer-events:none !important;
  background:linear-gradient(180deg,
    rgba(7,17,31,0) 0%,
    rgba(7,17,31,.18) 30%,
    rgba(7,17,31,.82) 72%,
    rgba(7,17,31,0) 100%) !important;
}

.pta-hero-image{
  position:relative !important;
  z-index:1 !important;
  min-height:50svh !important;
  background:var(--pta-paris-night) !important;
  --hero-progress:0;
  --hero-image-progress:0;
  --hero-image-opacity:0;
  --hero-image-y:9vh;
  --hero-image-scale:1.045;
}

.pta-hero-image__sticky{
  position:sticky !important;
  top:0 !important;
  height:100svh !important;
  display:grid !important;
  align-items:end !important;
  overflow:hidden !important;
  isolation:isolate !important;
}

.pta-hero-image picture{
  position:absolute !important;
  inset:0 !important;
  z-index:-2 !important;
  opacity:var(--hero-image-opacity) !important;
  transform:translateY(var(--hero-image-y)) scale(var(--hero-image-scale)) !important;
  transition:
    opacity .42s linear,
    transform .42s cubic-bezier(.16,1,.3,1) !important;
  -webkit-mask-image:linear-gradient(180deg,
    transparent 0%,
    rgba(0,0,0,.06) 8%,
    rgba(0,0,0,.56) 24%,
    #000 39%,
    #000 100%) !important;
  mask-image:linear-gradient(180deg,
    transparent 0%,
    rgba(0,0,0,.06) 8%,
    rgba(0,0,0,.56) 24%,
    #000 39%,
    #000 100%) !important;
}

.pta-hero-image picture img{
  object-position:center !important;
}

.pta-hero-image__veil{
  position:absolute !important;
  inset:0 !important;
  z-index:-1 !important;
  opacity:calc(var(--hero-image-progress) * .78) !important;
  background:
    linear-gradient(180deg,
      rgba(7,17,31,.96) 0%,
      rgba(7,17,31,.70) 15%,
      rgba(7,17,31,.20) 36%,
      rgba(7,17,31,.12) 55%,
      rgba(7,17,31,.94) 100%),
    linear-gradient(90deg,
      rgba(7,17,31,.84),
      rgba(7,17,31,.12) 72%) !important;
  transition:opacity .42s linear !important;
}

.pta-hero-image.is-copy-visible .pta-hero-image__veil{
  opacity:.76 !important;
}

.pta-hero-image__copy{
  position:relative !important;
  width:min(78rem,calc(100% - 2rem)) !important;
  margin:0 auto !important;
  padding:7rem 0 clamp(7rem,16vh,12rem) !important;
  pointer-events:none !important;
}

.pta-hero-image .pta-eyebrow{
  max-width:none !important;
  margin:0 0 .9rem !important;
  color:var(--pta-red) !important;
  font-family:var(--pta-font-ui) !important;
  font-size:clamp(.58rem,.72vw,.72rem) !important;
  line-height:1.15 !important;
  font-weight:900 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
}

.pta-hero-image h2{
  max-width:12ch !important;
  margin-bottom:1.4rem !important;
  font-size:clamp(3.25rem,7.45vw,7rem) !important;
  line-height:.88 !important;
}

.pta-hero-image h2,
.pta-hero-image__copy > p{
  opacity:0 !important;
  transform:translateY(1.7rem) !important;
  filter:blur(4px) !important;
  transition:
    opacity 1.35s cubic-bezier(.16,1,.3,1),
    transform 1.35s cubic-bezier(.16,1,.3,1),
    filter 1.35s cubic-bezier(.16,1,.3,1) !important;
}

.pta-hero-image.is-copy-visible h2{
  opacity:1 !important;
  transform:translateY(0) !important;
  filter:blur(0) !important;
}

.pta-hero-image__copy > p{
  max-width:32rem !important;
  margin-bottom:1.8rem !important;
  color:rgba(242,235,221,.86) !important;
  font-family:var(--pta-font-cinema) !important;
  font-size:clamp(1.3rem,2.4vw,2.25rem) !important;
  line-height:1.15 !important;
  transition-delay:.12s !important;
}

.pta-hero-image.is-signature-visible .pta-hero-image__copy > p{
  opacity:1 !important;
  transform:translateY(0) !important;
  filter:blur(0) !important;
}

.pta-hero-image__actions{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,15rem)) !important;
  gap:.7rem !important;
  opacity:0 !important;
  transform:translateY(1.1rem) !important;
  transition:
    opacity 1.05s cubic-bezier(.16,1,.3,1),
    transform 1.05s cubic-bezier(.16,1,.3,1) !important;
}

.pta-hero-image.is-buttons-visible .pta-hero-image__actions{
  opacity:1 !important;
  transform:translateY(0) !important;
  pointer-events:auto !important;
}

.pta-hero-image__actions a{width:100% !important;}

@media(max-width:650px){
  .pta-title-intro{
    min-height:140svh !important;
    margin-bottom:-56svh !important;
  }
  .pta-title-intro h1{
    font-size:clamp(1.9rem,10.2vw,3.05rem) !important;
    white-space:nowrap !important;
  }
  .pta-hero-image{
    min-height:10svh !important;
    --hero-image-y:7vh;
  }
  .pta-hero-image picture{
    -webkit-mask-image:linear-gradient(180deg,
      transparent 0%,
      rgba(0,0,0,.12) 8%,
      rgba(0,0,0,.74) 25%,
      #000 38%,
      #000 100%) !important;
    mask-image:linear-gradient(180deg,
      transparent 0%,
      rgba(0,0,0,.12) 8%,
      rgba(0,0,0,.74) 25%,
      #000 38%,
      #000 100%) !important;
  }
  .pta-hero-image__veil{
    background:linear-gradient(180deg,
      rgba(7,17,31,.96) 0%,
      rgba(7,17,31,.56) 18%,
      rgba(7,17,31,.16) 40%,
      rgba(7,17,31,.96) 100%) !important;
  }
  .pta-hero-image__copy{padding-bottom:2rem !important;}
  .pta-hero-image .pta-eyebrow{
    font-size:.56rem !important;
    letter-spacing:.13em !important;
    margin-bottom:.7rem !important;
  }
  .pta-hero-image h2{
    max-width:10ch !important;
    font-size:clamp(2.85rem,13.5vw,4.65rem) !important;
  }
  .pta-hero-image__copy > p{
    max-width:18rem !important;
    font-size:clamp(1.15rem,5.5vw,1.65rem) !important;
  }
  .pta-hero-image__actions{grid-template-columns:1fr !important;}
}

@media(prefers-reduced-motion:reduce){
  .pta-title-intro h1{
    opacity:1 !important;
    transform:none !important;
  }
  .pta-hero-image picture,
  .pta-hero-image__veil,
  .pta-hero-image h2,
  .pta-hero-image__copy > p,
  .pta-hero-image__actions{
    transition:none !important;
    filter:none !important;
  }
}


/* =========================================================
   CLEAN 7 — corrections homepage sans toucher au hero animé
   ========================================================= */

/* 1 / 4 / 7 — Cartons noirs style carton de film */
.pta-black-card-trio{
  min-height:62svh;
  display:grid;
  grid-template-columns:1fr;
  align-content:center;
  gap:clamp(1.6rem,4vw,3.2rem);
  padding:clamp(4rem,8vw,7rem) clamp(1rem,6vw,6rem);
  background:
    radial-gradient(circle at 50% 42%,rgba(242,235,221,.035),transparent 23rem),
    linear-gradient(180deg,#050505,#090909 55%,#050505);
}
.pta-black-card-trio__secondary{
  width:100%;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:1.5rem;
  color:rgba(242,235,221,.42);
  font-family:var(--pta-font-cinema);
  font-size:clamp(1rem,1.45vw,1.35rem);
  font-style:italic;
  line-height:1.2;
}
.pta-black-card-trio__secondary span{
  max-width:26rem;
  padding:0;
  border:0;
}
.pta-black-card-trio__secondary span:last-child{text-align:right;margin-left:auto}
.pta-black-card-trio__dominant{
  max-width:none;
  margin:0;
  color:var(--pta-cream);
  font-family:var(--pta-font-cinema);
  font-size:clamp(1.85rem,4vw,4.4rem);
  font-style:italic;
  font-weight:500;
  line-height:1.08;
  letter-spacing:-.035em;
  text-align:center;
  white-space:normal;
}
.pta-black-card-trio--first .pta-black-card-trio__secondary,
.pta-black-card-trio--trace .pta-black-card-trio__secondary{
  justify-content:flex-start;
}
.pta-black-card-trio--first .pta-black-card-trio__secondary span,
.pta-black-card-trio--trace .pta-black-card-trio__secondary span{
  text-align:left;
}
.pta-black-card-trio--first .pta-black-card-trio__secondary{
  order:2;
  justify-content:flex-end;
  padding-top:clamp(1rem,3vw,2.4rem);
}
.pta-black-card-trio--first .pta-black-card-trio__secondary span{
  text-align:right;
}
.pta-black-card-trio--trace .pta-black-card-trio__secondary{
  order:0;
}
.pta-black-card-trio--trace .pta-black-card-trio__dominant{
  order:1;
}
.pta-black-card-trio--final{
  min-height:72svh;
}
.pta-black-card-trio--final .pta-black-card-trio__secondary{
  position:absolute;
  top:clamp(2rem,5vw,4rem);
  left:clamp(1rem,6vw,6rem);
  right:clamp(1rem,6vw,6rem);
}
.pta-black-card-trio--final .pta-black-card-trio__dominant{
  font-size:clamp(2.1rem,5vw,5.8rem);
}

/* 2 — Navbar rouge foncé, visible seulement quand utile */
.pta-topbar{
  background:rgba(7,17,31,.08);
  opacity:0;
  transform:translateY(-110%);
  pointer-events:none;
  transition:opacity .55s cubic-bezier(.16,1,.3,1),transform .55s cubic-bezier(.16,1,.3,1),background .55s cubic-bezier(.16,1,.3,1),border-color .55s cubic-bezier(.16,1,.3,1);
}
.pta-topbar.is-active{
  opacity:1;
  transform:translateY(0);
  pointer-events:auto;
  background:rgba(80,12,24,.88);
  border-bottom-color:rgba(159,22,31,.46);
}
.pta-topbar.is-hidden{
  opacity:0;
  transform:translateY(-110%);
  pointer-events:none;
}

/* 3 — Manifeste court sur homepage */
.pta-section-manifest--short .pta-section-manifest__copy>p:not(.pta-eyebrow){
  max-width:52rem;
}
.pta-proof-short{
  max-width:42rem;
  margin-top:2.2rem;
  padding:1.25rem 0 0;
  border-top:1px solid rgba(7,17,31,.16);
}
.pta-proof-short p{
  margin:0 0 1rem;
  color:rgba(7,17,31,.72);
  font-family:var(--pta-font-cinema);
  font-size:clamp(1.35rem,2.3vw,2.35rem);
  line-height:1.18;
}
.pta-section-manifest--short .pta-btn-secondary{
  border-color:rgba(7,17,31,.28);
  background:rgba(7,17,31,.06);
  color:var(--pta-paris-night);
}

/* 5 — Quartiers + feuilletons en une seule section */
.pta-section--quartiers-serial{
  background:linear-gradient(180deg,#0b1727,#0f1830 54%,#0b1727);
}
.pta-section--quartiers-serial .pta-section__head h2{
  max-width:14ch;
}
.pta-quarter-grid{
  display:flex;
  width:100%;
  gap:1rem;
  margin:0;
  padding:0 var(--pta-rail-page) 1rem;
  overflow-x:auto;
  scroll-padding-inline:var(--pta-rail-page);
  scroll-snap-type:x mandatory;
  scrollbar-color:var(--pta-red-strong, var(--pta-red)) rgba(242,235,221,.12);
  scrollbar-width:thin;
}
.pta-card-quarter{
  flex:0 0 min(34vw,28rem);
  scroll-snap-align:start;
}
.pta-quarter-grid::-webkit-scrollbar{height:7px}
.pta-quarter-grid::-webkit-scrollbar-track{background:rgba(242,235,221,.12)}
.pta-quarter-grid::-webkit-scrollbar-thumb{background:var(--pta-red-strong, var(--pta-red));border-radius:999px}

/* 6 — Action + réparation en une seule section */
.pta-action-repair .pta-section__head h2{
  max-width:15ch;
}
.pta-action-repair-grid{
  width:var(--pta-wide);
  display:grid;
  grid-template-columns:1fr minmax(18rem,.38fr);
  gap:1rem;
  margin:0 auto;
  align-items:stretch;
}
.pta-action-repair .pta-protocol-block{
  width:100%;
  margin:0;
}
.pta-action-repair .pta-mission-repair__words{
  display:grid;
  gap:0;
  border-top:1px solid rgba(242,235,221,.2);
  border-left:1px solid rgba(242,235,221,.2);
}
.pta-action-repair .pta-mission-repair__words span,
.pta-action-repair .pta-mission-repair__words strong{
  display:flex;
  align-items:end;
  min-height:6.2rem;
  padding:1rem;
  border-right:1px solid rgba(242,235,221,.2);
  border-bottom:1px solid rgba(242,235,221,.2);
  font-family:var(--pta-font-cinema);
  font-size:clamp(1.45rem,2.8vw,3rem);
  font-weight:500;
}
.pta-action-repair .pta-mission-repair__words strong{
  color:var(--pta-red);
}

@media(max-width:900px){
  .pta-action-repair-grid{grid-template-columns:1fr;width:var(--pta-page)}
  .pta-action-repair .pta-protocol-block{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:650px){
  .pta-black-card-trio{min-height:58svh;padding-inline:1rem}
  .pta-black-card-trio__secondary{font-size:clamp(.95rem,4.6vw,1.2rem)}
  .pta-black-card-trio__dominant{font-size:clamp(1.85rem,8vw,3rem)}
  .pta-black-card-trio--final .pta-black-card-trio__secondary{
    left:1rem;
    right:1rem;
    display:grid;
    gap:.7rem;
  }
  .pta-black-card-trio--final .pta-black-card-trio__secondary span,
  .pta-black-card-trio__secondary span:last-child{
    text-align:left;
    margin-left:0;
  }
  .pta-card-quarter{flex:0 0 86vw}
  .pta-action-repair-grid{width:100%}
  .pta-action-repair .pta-protocol-block{
    width:100%;
    display:flex;
    gap:.8rem;
    overflow-x:auto;
    padding:0 1rem 1rem;
    border:0;
    scroll-snap-type:x mandatory;
  }
  .pta-action-repair .pta-protocol-block li{
    flex:0 0 78vw;
    min-height:20rem;
    border:1px solid rgba(242,235,221,.2);
    scroll-snap-align:start;
  }
  .pta-action-repair .pta-mission-repair__words{
    margin:0 1rem;
  }

}

/* =========================================================
   PATCH FIX — cartons noirs contenus + aucun texte qui déborde dans le hero
   Problème corrigé :
   .pta-black-card-trio--final .pta-black-card-trio__secondary était absolute
   sans parent positionné globalement, donc un fragment pouvait apparaître
   au-dessus du hero sur desktop.
   ========================================================= */

html,
body{
  overflow-x:hidden;
}

main{
  overflow:hidden;
}

.pta-title-intro,
.pta-title-intro__sticky,
.pta-hero-image,
.pta-hero-image__sticky{
  overflow:hidden !important;
}

.pta-title-intro{
  isolation:isolate !important;
}

.pta-title-intro__sticky{
  z-index:5 !important;
}

.pta-black-card-trio{
  position:relative !important;
  overflow:hidden !important;
  contain:paint !important;
  isolation:isolate !important;
  z-index:0 !important;
}

.pta-black-card-trio__secondary,
.pta-black-card-trio__dominant{
  position:relative !important;
  z-index:1 !important;
}

/* Le carton final garde ses deux phrases en haut, mais contenues dans sa section */
.pta-black-card-trio--final .pta-black-card-trio__secondary{
  position:absolute !important;
  top:clamp(2rem,5vw,4rem) !important;
  left:clamp(1rem,6vw,6rem) !important;
  right:clamp(1rem,6vw,6rem) !important;
  z-index:2 !important;
  pointer-events:none !important;
}

/* Le premier et le deuxième carton ne doivent jamais sortir de leur section */
.pta-black-card-trio:not(.pta-black-card-trio--final) .pta-black-card-trio__secondary{
  position:relative !important;
  inset:auto !important;
}

/* Sécurité : aucun carton noir ne peut passer devant le hero */
.pta-black-card{
  position:relative !important;
  z-index:0 !important;
}

/* En mobile, les phrases finales redeviennent empilées et toujours contenues */
@media(max-width:650px){
  .pta-black-card-trio--final .pta-black-card-trio__secondary{
    left:1rem !important;
    right:1rem !important;
    display:grid !important;
    gap:.7rem !important;
  }

  .pta-black-card-trio--final .pta-black-card-trio__secondary span,
  .pta-black-card-trio__secondary span:last-child{
    text-align:left !important;
    margin-left:0 !important;
  }
}

/* =========================================================
   FIX MOBILE MENU — Paris T’aime newsite
   Corrige le débordement mobile sans toucher aux carousels
   ========================================================= */

@media (max-width: 900px) {
  html,
  body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  body.pta-menu-open {
    overflow: hidden !important;
  }

  .pta-site-header {
    width: 100vw !important;
    max-width: 100vw !important;
    overflow-x: clip !important;
  }

  .pta-site-header__inner {
    width: 100% !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .pta-site-brand {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: calc(100vw - 126px) !important;
  }

  .pta-site-brand span:first-child,
  .pta-site-brand a {
    max-width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .pta-menu-toggle {
    flex: 0 0 84px !important;
    width: 84px !important;
    min-width: 84px !important;
    max-width: 84px !important;
    height: 44px !important;
    margin-left: auto !important;
    border-radius: 3px !important;
  }

  .pta-site-nav {
    position: fixed !important;
    top: var(--pta-header-height, 76px) !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;

    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    box-sizing: border-box !important;

    display: none !important;
    flex-direction: column !important;
    gap: 0 !important;

    padding: 28px 24px 56px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;

    background:
      linear-gradient(180deg, rgba(104, 10, 27, .98), rgba(54, 5, 20, .98)) !important;
    z-index: 9999 !important;
  }

  body.pta-menu-open .pta-site-nav {
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  .pta-site-nav > a,
  .pta-menu-parent {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    padding: 18px 0 !important;
    font-size: 15px !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
  }

  .pta-menu-group,
  .pta-submenu {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  .pta-submenu {
    padding: 0 0 12px 14px !important;
  }

  .pta-submenu a {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding: 12px 0 !important;
    font-size: 14px !important;
  }
}