/* Story page refinements: exact homepage header, newsletter and footer. */
body{background:#f3eadd}
header{background:#161315}
header img.logo{width:165px;height:112px;object-fit:contain}
header nav{gap:34px;color:#fff;font-size:12px;letter-spacing:.11em;text-transform:uppercase}
.story-main{position:relative;isolation:isolate;background:#f3eadd;overflow:hidden}
.story-main::before{display:none!important}
.story-hero{position:relative;min-height:440px;background:#f3eadd url('assets/notre-histoire-gemini.jpeg') center center/cover no-repeat}
.story-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(243,234,221,0) 0%,rgba(243,234,221,.05) 46%,rgba(243,234,221,.45) 72%,#f3eadd 100%),linear-gradient(90deg,transparent 0%,rgba(247,243,237,.10) 40%,rgba(247,243,237,.68) 68%,rgba(247,243,237,.70) 100%)}
.story-hero-inner{position:relative;z-index:1}
.story-article{position:relative;background:#f3eadd;padding-top:30px}
.story-article-inner{max-width:770px}
/* The exact newsletter and footer rules are supplied by homepage-design.css. */
@media(max-width:750px){header nav{gap:12px;flex-wrap:wrap}.story-hero{min-height:400px;background-position:30% center}.story-hero::before{background:linear-gradient(to bottom,rgba(243,234,221,.40),rgba(243,234,221,.38) 48%,#f3eadd 100%)}.story-article{padding-top:25px}}
@media(max-width:480px){.story-hero{min-height:390px;background-position:24% center}.story-hero::before{background:linear-gradient(to bottom,rgba(243,234,221,.65),rgba(243,234,221,.62) 46%,#f3eadd 100%)}}