@media (min-width:981px) {
  .site-header .main-nav .nav-two-lines {display:block;text-align:center;line-height:1.14}
  .site-header .main-nav .nav-two-lines>span {display:block;white-space:nowrap}
  #main-nav #tab-metier {white-space:nowrap}
}

/* The photograph shares the hero and button rows, including when the page scrolls. */
#panel-accueil.photo-home {
  display:grid;
  grid-template-columns:minmax(0,1fr);
  grid-template-rows:minmax(min-content,1fr) repeat(3,auto);
  isolation:isolate;
  padding-top:0;
}
#panel-accueil .photo-hero {grid-area:1/1;padding-top:clamp(10px,1.1vw,22px)}
#panel-accueil .photo-actions {grid-area:2/1}
#panel-accueil .photo-features {grid-area:3/1}
#panel-accueil .photo-trust {grid-area:4/1}
#panel-accueil .photo-backdrop {
  grid-area:1/1/3/2;
  position:relative;
  inset:auto;
  align-self:stretch;
  justify-self:center;
  width:100vw;
  max-height:none;
  margin-bottom:-11.8vw;
  background-size:cover;
  background-position:center bottom;
  background-attachment:scroll;
  pointer-events:none;
}
#panel-accueil .photo-backdrop::before {
  background:linear-gradient(90deg,#f5fafff0 0%,#f5faffdb 28%,#f5faffad 40%,transparent 57%),
    linear-gradient(0deg,#152e4747,transparent 22%);
}
#panel-accueil .photo-copy #hero-description {
  color:#10263e;
  font-weight:600;
  line-height:1.45;
}
#panel-accueil .photo-slogan {
  position:relative;
  margin:clamp(12px,1.3vw,24px) 0 0;
  max-width:37em;
  padding:clamp(8px,.6vw,12px) clamp(12px,1.1vw,21px);
  border:1px solid transparent;
  border-radius:12px;
  background:
    radial-gradient(ellipse at top,#23374b 0%,#122437 45%,#0a1826 85%) padding-box,
    linear-gradient(112deg,#f6dfaf,#ac8146 20%,#fff0be 48%,#b8894c 73%,#efdcaf) border-box;
  box-shadow:inset 0 0 0 1px #f4deaa18,0 2px 6px #122a3c38;
  color:#fff;
  font-size:clamp(17px,1.28vw,24px);
  font-weight:600;
  line-height:1.32;
  text-align:center;
  text-wrap:balance;
  overflow-wrap:break-word;
  text-shadow:none;
}
#panel-accueil .photo-slogan strong {
  color:#f5d28c;
  font-style:italic;
  font-weight:750;
}
#panel-accueil .photo-slogan strong:first-child {white-space:nowrap}
#panel-accueil .photo-slogan::before,
#panel-accueil .photo-slogan::after {
  content:"";
  position:absolute;
  left:34%;
  right:34%;
  height:1px;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,#fff3cd,transparent);
}
#panel-accueil .photo-slogan::before {top:-1px}
#panel-accueil .photo-slogan::after {bottom:-1px}
@media (forced-colors:active) {
  #panel-accueil .photo-slogan {color:CanvasText;background:Canvas;border-color:CanvasText;box-shadow:none}
  #panel-accueil .photo-slogan strong {color:CanvasText}
  #panel-accueil .photo-slogan::before,#panel-accueil .photo-slogan::after {display:none}
}

/* Reserve the HUD's real height so that it ends above the stone and the actions. */
@media (min-width:721px) {
  #panel-accueil .photo-hero {display:grid;grid-template-columns:minmax(0,1fr) 34%;gap:3%;align-items:start}
  #panel-accueil .photo-copy {width:min(78%,820px)}
  #panel-accueil .photo-hud {position:static;width:100%;grid-column:2}
}
@media (min-width:1181px) and (max-height:940px) {
  #panel-accueil.photo-home {row-gap:10px}
  #panel-accueil .photo-hero {min-height:0;padding-top:8px}
  #panel-accueil .photo-copy h1 {margin-bottom:14px}
  #panel-accueil .photo-eyebrow {margin-bottom:8px}
  #panel-accueil .photo-slogan {margin-top:12px}
  #panel-accueil .photo-tools>a {min-height:50px;padding:10px 12px}
  #panel-accueil .photo-impact {margin-top:0;padding:9px 10px}
  #panel-accueil .photo-dial {max-width:clamp(145px,10.8vw,182px)}
  #panel-accueil .photo-dial h2 strong {font-size:clamp(42px,3.1vw,56px)}
  #panel-accueil .photo-time {padding:6px}
  #panel-accueil .photo-gain {margin-top:6px}
  #panel-accueil .photo-feature {min-height:70px;padding:12px}
  #panel-accueil .photo-trust {padding-block:10px}
}
@media (min-width:721px) and (max-width:1180px) {
  #panel-accueil .photo-hero {min-height:0;grid-template-columns:minmax(0,1fr) 36%;padding:20px 0}
  #panel-accueil .photo-copy {width:100%}
  #panel-accueil .photo-backdrop {background-position:right bottom}
}
@media (max-width:980px) {
  #panel-accueil.photo-home {grid-template-rows:repeat(5,auto)}
  #panel-accueil .photo-backdrop {
    grid-area:1/1;
    aspect-ratio:1672/941;
    margin:0;
    background-size:100% auto;
    background-position:center;
  }
  #panel-accueil .photo-backdrop::before {
    background:linear-gradient(0deg,#eff6fb,transparent 12%);
  }
  #panel-accueil .photo-hero {grid-area:2/1;padding:0}
  #panel-accueil .photo-actions {grid-area:3/1}
  #panel-accueil .photo-features {grid-area:4/1}
  #panel-accueil .photo-trust {grid-area:5/1}
  #panel-accueil .photo-copy {padding-top:0}
}

html.v63-strip-visible body.home-photo {
  min-height:calc(100vh - var(--v63-strip-height));
  min-height:calc(100svh - var(--v63-strip-height));
}