/* Histoire publique : une page à lire. Le hero du site reste noir, le récit est sur le papier. */
body.public-site.portfolio-story-page{
  background:var(--paper);
  color:var(--ink);
}
body.public-site.portfolio-story-page .page-hero{
  padding:clamp(118px,14vw,156px) 0 0;
  border-bottom:0;
  background:transparent;
}
body.public-site.portfolio-story-page .page-hero .inner,
body.public-site.portfolio-story-page .portfolio-story-editorial>.section-inner{
  max-width:1080px!important;
  width:min(1080px,calc(100% - 48px))!important;
}
body.public-site.portfolio-story-page .page-hero .eyebrow,
body.public-site.portfolio-story-page .hf2-story-back,
body.public-site.portfolio-story-page .portfolio-story-final-cta .eyebrow{
  color:var(--paper-sign);
  font-weight:600;
}
body.public-site.portfolio-story-page .hf2-story-back{
  margin:8px 0 0;
  font-size:.84rem;
}
body.public-site.portfolio-story-page .page-hero h1{
  max-width:14ch;
  margin:.12em 0 .28em;
  color:var(--ink);
  font-size:clamp(3rem,6vw,5.4rem);
  line-height:.94;
  letter-spacing:-.04em;
}
body.public-site.portfolio-story-page .page-hero p,
body.public-site.portfolio-story-page .portfolio-story-lead p,
body.public-site.portfolio-story-page .portfolio-story-end p,
body.public-site.portfolio-story-page .portfolio-story-final-cta p{
  max-width:40em;
  color:var(--ink);
  font-size:1.05rem;
  line-height:1.75;
}
body.public-site.portfolio-story-page .portfolio-story-editorial{
  padding:0 0 clamp(56px,7vw,88px)!important;
  background:transparent;
}
body.public-site.portfolio-story-page .portfolio-story-lead,
body.public-site.portfolio-story-page .portfolio-story-letter{
  max-width:34em!important;
  margin:28px 0 6px!important;
  text-align:left!important;
}
body.public-site.portfolio-story-page .portfolio-story-letter p:first-child{
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(1.35rem,2.1vw,1.75rem)!important;
  line-height:1.35!important;
  color:var(--ink)!important;
}
body.public-site.portfolio-story-page .portfolio-story-letter p+p{margin-top:14px}
body.public-site.portfolio-story-page .portfolio-story-letter p:nth-child(n+3){
  font-size:.98rem!important;
  line-height:1.7!important;
  color:#5c564f!important;
}
body.public-site.portfolio-story-page .portfolio-story-lead p+p{margin-top:14px}
body.public-site.portfolio-story-page .portfolio-story-lead h2{display:none}

/* Une seule colonne. Les bords des photos s’alignent. */
body.public-site.portfolio-story-page .portfolio-story-sequence{
  display:flex!important;
  flex-direction:column!important;
  gap:14px!important;
  align-items:stretch!important;
}
body.public-site.portfolio-story-page .portfolio-story-sequence .story-pair{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:14px!important;
  align-items:start!important;
  width:100%!important;
}
body.public-site.portfolio-story-page .portfolio-story-sequence .story-stack{
  display:flex!important;
  flex-direction:column!important;
  gap:14px!important;
  min-width:0!important;
}
body.public-site.portfolio-story-page .portfolio-story-sequence figure.story-photo{
  margin:0!important;
  grid-column:auto!important;
  width:auto!important;
  max-width:none!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
body.public-site.portfolio-story-page .portfolio-story-sequence .story-pair .story-photo,
body.public-site.portfolio-story-page .portfolio-story-sequence .story-stack .story-photo,
body.public-site.portfolio-story-page .portfolio-story-sequence .story-slot-wide{
  width:100%!important;
  margin:0!important;
}
body.public-site.portfolio-story-page .portfolio-story-sequence .story-slot-single{
  width:calc(50% - 7px)!important;
  margin:0!important;
}
body.public-site.portfolio-story-page .portfolio-story-sequence figure.story-photo img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  border-radius:0!important;
  box-shadow:none!important;
}

/* Une phrase, seule, entre deux chapitres. Elle ne fait pas titre. */
body.public-site.portfolio-story-page .portfolio-story-break{
  margin:42px 0 18px!important;
  padding:0!important;
  border:0!important;
  text-align:left!important;
  max-width:16em!important;
}
body.public-site.portfolio-story-page .portfolio-story-break p{
  margin:0!important;
  max-width:16em!important;
  color:var(--ink)!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:clamp(1.45rem,2.3vw,2rem)!important;
  font-weight:400!important;
  line-height:1.25!important;
  letter-spacing:-.02em!important;
}
body.public-site.portfolio-story-page .portfolio-story-end{
  max-width:28em!important;
  margin:36px 0 0!important;
  text-align:left!important;
}
body.public-site.portfolio-story-page .portfolio-story-end p{
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(1.45rem,2.2vw,2rem)!important;
  line-height:1.3!important;
  color:var(--ink)!important;
}
body.public-site.portfolio-story-page .portfolio-story-final-cta{
  padding:48px 0 88px!important;
  border-top:1px solid rgba(25,24,21,.12)!important;
  background:transparent!important;
  text-align:left!important;
}
body.public-site.portfolio-story-page .portfolio-story-final-cta .section-inner{
  max-width:1080px!important;
  width:min(1080px,calc(100% - 48px))!important;
  padding:0!important;
  border:0!important;
}
body.public-site.portfolio-story-page .portfolio-story-final-cta h2{
  max-width:16em;
  margin:.2em 0 .35em!important;
  color:var(--ink);
  font-size:clamp(2.1rem,4vw,3.4rem)!important;
  line-height:1.02!important;
}
body.public-site.portfolio-story-page .portfolio-story-final-cta .actions{justify-content:flex-start}
body.public-site.portfolio-story-page .btn.secondary{
  color:var(--ink);
  border-color:rgba(25,24,21,.28);
}
body.public-site.portfolio-story-page .landing-testimonials{background:transparent;color:var(--ink)}
body.public-site.portfolio-story-page .landing-review-grid blockquote{
  background:#faf6f1;
  border:1px solid rgba(25,24,21,.1);
  border-radius:0;
}
body.public-site.portfolio-story-page .landing-review-grid blockquote p{color:var(--ink)}
body.public-site.portfolio-story-page .landing-review-grid blockquote footer{color:#6f675f}

@media(max-width:800px){
  body.public-site.portfolio-story-page .page-hero{padding:108px 0 28px}
  body.public-site.portfolio-story-page .page-hero h1{font-size:clamp(2.5rem,12vw,3.6rem)}
  body.public-site.portfolio-story-page .page-hero .inner,
  body.public-site.portfolio-story-page .portfolio-story-editorial>.section-inner,
  body.public-site.portfolio-story-page .portfolio-story-final-cta .section-inner{
    width:min(1080px,calc(100% - 28px))!important;
  }
  body.public-site.portfolio-story-page .portfolio-story-sequence,
  body.public-site.portfolio-story-page .portfolio-story-sequence .story-pair,
  body.public-site.portfolio-story-page .portfolio-story-sequence .story-stack{gap:8px!important}
  body.public-site.portfolio-story-page .portfolio-story-sequence .story-slot-single{width:calc(50% - 4px)!important}
  body.public-site.portfolio-story-page .portfolio-story-break{margin:32px 0 10px!important}
  body.public-site.portfolio-story-page .portfolio-story-break p{font-size:clamp(1.25rem,6vw,1.6rem)!important}
}