/* === NO PNJ header Chau Philomene final override === */
@font-face{
  font-family:"chau-philomene-one.italic";
  src:url("/assets/fonts/ChauPhilomeneOne-Italic.woff") format("woff");
  font-style:italic;
  font-weight:400;
  font-display:swap;
}
@font-face{
  font-family:"chau-philomene-one.regular";
  src:url("/assets/fonts/ChauPhilomeneOne-Regular.ttf") format("truetype");
  font-style:normal;
  font-weight:400;
  font-display:swap;
}
body > header .brand-main,
body > header[data-testid="site.header"] .brand-main{
  font-family:"chau-philomene-one.italic", Impact, "Arial Black", sans-serif!important;
  font-style:italic!important;
  font-weight:400!important;
  letter-spacing:-.06em!important;
}
body > header .brand-declinaison,
body > header[data-testid="site.header"] .brand-declinaison{
  font-family:"chau-philomene-one.regular", Impact, "Arial Black", sans-serif!important;
  font-style:normal!important;
  font-weight:400!important;
  letter-spacing:.07em!important;
}

body .hero-copy > .kicker{
  font-family:"chau-philomene-one.italic", Impact, "Arial Black", sans-serif!important;
  font-style:italic!important;
  font-weight:400!important;
}






body .hero-copy > .kicker::before{
  display:none!important;
  content:none!important;
}


@media (hover: hover) and (pointer: fine) {
body > header .brand-declinaison{
  font-size:0!important;
  line-height:1!important;
}

body > header .brand-declinaison::after{
  content:"TOUT SAUF UN PNJ";
  display:block;
  color:rgba(242,242,242,.86);
  font-family:"chau-philomene-one.regular", Impact, "Arial Black", sans-serif!important;
  font-size:11px!important;
  font-style:normal!important;
  font-weight:400!important;
  letter-spacing:.18em!important;
  line-height:1!important;
  text-transform:uppercase;
  white-space:nowrap;
}
}


@media (min-width: 901px) {
body > header .brand-main,
body > header[data-testid="site.header"] .brand-main{
  font-size: 34px!important;
  line-height: 1!important;
}

body .hero-copy > .kicker{
  font-size: clamp(13px, 1.08vw, 16px)!important;
  line-height: 1.08!important;
  letter-spacing:.13em!important;
}
}

@media (hover: hover) and (pointer: fine) {
body .hero-copy > .kicker{
  opacity:.78;
  transform:translateY(-2px);
  transition:opacity .18s ease, transform .18s ease, text-shadow .18s ease;
}

body:has(> header .brand:hover) .hero-copy > .kicker,
body:has(> header .brand:focus-visible) .hero-copy > .kicker{
  opacity:1;
  transform:translateY(0);
  text-shadow:0 0 14px rgba(255,214,0,.20);
}
}


@media (hover: hover) and (pointer: fine) {
body .hero-copy > .kicker{
  opacity:0!important;
  transform:translateY(-6px)!important;
  pointer-events:none!important;
}

body.is-desktop-brand-hover .hero-copy > .kicker,
body:has(> header .brand:hover) .hero-copy > .kicker,
body:has(> header .brand:focus-visible) .hero-copy > .kicker{
  opacity:1!important;
  transform:translateY(0)!important;
}
}


@media (hover: none), (pointer: coarse) {
body .hero-copy > .kicker{
  max-width:min(88vw, 620px)!important;
  opacity:0!important;
  transform:translateY(-6px)!important;
  pointer-events:none!important;
  font-size:clamp(11px, 2.9vw, 14px)!important;
  line-height:1.12!important;
  letter-spacing:.10em!important;
  transition:opacity .18s ease, transform .18s ease, text-shadow .18s ease;
}

body.is-touch-brand-active .hero-copy > .kicker,
body:has(> header .brand.is-brand-active) .hero-copy > .kicker{
  opacity:1!important;
  transform:translateY(0)!important;
  text-shadow:0 0 14px rgba(255,214,0,.18)!important;
}

body > header .brand.is-brand-active .brand-declinaison{
  opacity:0!important;
  transform:translateY(-2px)!important;
}
}


@media (hover: none), (pointer: coarse) {
body .hero-copy > .kicker{
  width:max-content!important;
  max-width:none!important;
  white-space:nowrap!important;
  font-size:clamp(7px, 1.8vw, 11px)!important;
  line-height:1!important;
  letter-spacing:.045em!important;
}

body.is-touch-brand-active .hero-copy > .kicker,
body:has(> header .brand.is-brand-active) .hero-copy > .kicker{
  opacity:1!important;
  transform:translateY(0)!important;
}

body.is-touch-brand-active > header .brand-declinaison,
body > header .brand.is-brand-active .brand-declinaison{
  opacity:1!important;
  transform:translateY(0)!important;
}
}


/* NO_PNJ_HEADER_HERO_BASELINE_FINAL_START */
body .hero-copy > .kicker{
  color:var(--yellow)!important;
  white-space:nowrap!important;
}

@media (hover: hover) and (pointer: fine) {
body > header .brand-declinaison,
body > header[data-testid="site.header"] .brand-declinaison{
  font-size:0!important;
  line-height:1!important;
  color:transparent!important;
}

body > header .brand-declinaison::after,
body > header[data-testid="site.header"] .brand-declinaison::after{
  content:"TOUT SAUF UN PNJ"!important;
  display:block!important;
  color:rgba(242,242,242,.88)!important;
  font-family:"chau-philomene-one.regular", Impact, "Arial Black", sans-serif!important;
  font-size:11px!important;
  font-style:normal!important;
  font-weight:400!important;
  letter-spacing:.18em!important;
  line-height:1!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}

body > header .brand:hover .brand-declinaison,
body > header .brand:focus-visible .brand-declinaison,
body.is-desktop-brand-hover > header .brand-declinaison{
  opacity:1!important;
  transform:translateY(0)!important;
}

body .hero-copy > .kicker{
  font-size:clamp(15px, 1.35vw, 20px)!important;
  line-height:1.05!important;
  letter-spacing:.08em!important;
  opacity:0!important;
  transform:translateY(-6px)!important;
  pointer-events:none!important;
}

body.is-desktop-brand-hover .hero-copy > .kicker,
body:has(> header .brand:hover) .hero-copy > .kicker,
body:has(> header .brand:focus-visible) .hero-copy > .kicker{
  opacity:1!important;
  transform:translateY(0)!important;
  text-shadow:0 0 16px rgba(255,214,0,.24)!important;
}
}

@media (hover: none), (pointer: coarse) {
body > header .brand-declinaison,
body > header .brand.is-brand-active .brand-declinaison,
body.is-touch-brand-active > header .brand-declinaison{
  opacity:0!important;
  transform:translateY(-2px)!important;
}

body .hero-copy > .kicker{
  width:max-content!important;
  max-width:96vw!important;
  white-space:nowrap!important;
  overflow:visible!important;
  color:var(--yellow)!important;
  font-size:clamp(8px, 2.15vw, 12px)!important;
  line-height:1!important;
  letter-spacing:.025em!important;
  opacity:0!important;
  transform:translateY(-6px)!important;
  pointer-events:none!important;
}

body.is-touch-brand-active .hero-copy > .kicker,
body:has(> header .brand.is-brand-active) .hero-copy > .kicker{
  opacity:1!important;
  transform:translateY(0)!important;
  text-shadow:0 0 14px rgba(255,214,0,.20)!important;
}
}
/* NO_PNJ_HEADER_HERO_BASELINE_FINAL_END */


/* NO_PNJ_TOUCH_HEADER_TOUT_SAUF_VISIBLE_START */
@media (hover: none), (pointer: coarse) {
body > header .brand-declinaison,
body > header[data-testid="site.header"] .brand-declinaison{
  font-size:0!important;
  line-height:1!important;
  color:transparent!important;
}

body > header .brand-declinaison::after,
body > header[data-testid="site.header"] .brand-declinaison::after{
  content:"TOUT SAUF UN PNJ"!important;
  display:block!important;
  color:rgba(242,242,242,.88)!important;
  font-family:"chau-philomene-one.regular", Impact, "Arial Black", sans-serif!important;
  font-size:10px!important;
  font-style:normal!important;
  font-weight:400!important;
  letter-spacing:.16em!important;
  line-height:1!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}

body.is-touch-brand-active > header .brand-declinaison,
body > header .brand.is-brand-active .brand-declinaison{
  opacity:1!important;
  transform:translateY(0)!important;
}
}
/* NO_PNJ_TOUCH_HEADER_TOUT_SAUF_VISIBLE_END */


/* NO_PNJ_HERO_DECLINAISON_SIZE_UP_START */
@media (hover: hover) and (pointer: fine) {
body .hero-copy > .kicker{
  font-size:clamp(17px, 1.6vw, 24px)!important;
  letter-spacing:.065em!important;
  white-space:nowrap!important;
}
}

@media (hover: none), (pointer: coarse) {
body .hero-copy > .kicker{
  font-size:clamp(10px, 2.6vw, 14px)!important;
  letter-spacing:.01em!important;
  white-space:nowrap!important;
  max-width:none!important;
}
}
/* NO_PNJ_HERO_DECLINAISON_SIZE_UP_END */


/* NO_PNJ_TOUCH_HEADER_BASELINE_UNDER_LOGO_START */
@media (hover: none), (pointer: coarse) {
body > header .brand{
  position:relative!important;
  overflow:visible!important;
}

body > header .brand-label{
  position:relative!important;
  overflow:visible!important;
}

body > header .brand-declinaison,
body > header[data-testid="site.header"] .brand-declinaison{
  position:absolute!important;
  top:calc(100% + 5px)!important;
  right:auto!important;
  bottom:auto!important;
  left:0!important;
  z-index:30!important;
  width:max-content!important;
  max-width:none!important;
  text-align:left!important;
  opacity:0!important;
  transform:translateY(-3px)!important;
  pointer-events:none!important;
}

body > header .brand-declinaison::after,
body > header[data-testid="site.header"] .brand-declinaison::after{
  font-size:9px!important;
  letter-spacing:.13em!important;
  text-align:left!important;
}

body.is-touch-brand-active > header .brand-declinaison,
body > header .brand.is-brand-active .brand-declinaison{
  opacity:1!important;
  transform:translateY(0)!important;
}
}
/* NO_PNJ_TOUCH_HEADER_BASELINE_UNDER_LOGO_END */


/* NO_PNJ_MOBILE_PORTRAIT_HERO_DECLINAISON_UP_START */
@media (hover: none) and (pointer: coarse) and (orientation: portrait) {
body .hero-copy > .kicker{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-align:left!important;
  font-size:clamp(11px, 3.15vw, 15px)!important;
  letter-spacing:0!important;
  line-height:1!important;
}
}
/* NO_PNJ_MOBILE_PORTRAIT_HERO_DECLINAISON_UP_END */

/* Keep the declinaison line in Chau, without italic slant. */
body > header .brand-declinaison,
body > header[data-testid="site.header"] .brand-declinaison,
body > header .brand-declinaison::after,
body > header[data-testid="site.header"] .brand-declinaison::after{
  font-family:"chau-philomene-one.regular", Impact, "Arial Black", sans-serif!important;
  font-style:normal!important;
  font-synthesis-style:none!important;
}

/* Keep the yellow hero declinaison text in Chau, without italic slant. */
body .hero-copy > .kicker{
  font-family:"chau-philomene-one.regular", Impact, "Arial Black", sans-serif!important;
  font-style:normal!important;
  font-synthesis-style:none!important;
}