/*
Theme Name: NovEma — Collection
Version: 2.23.0
Description: Site NovEma avec présentation produit, équipe, articles et liens boutique.
*/
:root{--ink:#0b2349;--blue:#064b9c;--pale:#eef4fa;--line:#d7e2ed}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:17px/1.75 'Avenir Next',Avenir,Arial,sans-serif;background:#fff}a{color:inherit;text-decoration:none}button{font:inherit}header{height:106px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;background:white;border-bottom:1px solid var(--line);position:relative;z-index:5}.logo{font-size:38px;letter-spacing:.13em;line-height:1}.logo b{font-weight:500;color:var(--blue)}nav{display:flex;gap:30px;align-items:center;font-size:14px}nav a[aria-current=page]{color:var(--blue);border-bottom:1px solid}nav .shop{border:1px solid var(--blue);padding:9px 22px}.menu{display:none}.hero{min-height:650px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(242,247,252,.97),rgba(242,247,252,.82) 30%,transparent 64%),url('assets/hero.webp') center/cover;padding:65px 7%}.hero-content{max-width:550px}.eyebrow{font-size:13px;text-transform:uppercase;letter-spacing:.23em;color:var(--blue);font-weight:600;margin:0 0 24px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(42px,4.8vw,72px);font-weight:400;line-height:1.12;letter-spacing:-.035em;margin-bottom:25px}h1 em{color:var(--blue);font-style:normal}h2{font-weight:400;font-size:clamp(30px,3vw,46px);line-height:1.2;letter-spacing:-.025em}h3{font-size:23px;font-weight:500;line-height:1.3}.hero p:not(.eyebrow){max-width:390px}.button{display:inline-flex;padding:14px 26px;background:var(--blue);color:white;font-size:14px;letter-spacing:.02em;align-items:center;justify-content:center;border:1px solid var(--blue);transition:background .2s}.button:hover{background:#082f62}.button.secondary{background:transparent;color:var(--ink);border-color:#a0b3ca}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.ribbon{background:#093c7d;color:white;display:flex;justify-content:center;gap:6vw;padding:24px;font-size:14px;letter-spacing:.2em;text-transform:uppercase}.section{padding:95px 7%;max-width:1600px;margin:auto}.intro{max-width:680px}.split{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.pale{background:var(--pale)}.fine{color:#526680}.split img{width:100%;max-height:510px;object-fit:contain}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:45px}.product{border-top:1px solid var(--line);padding-top:20px}.product .picture{height:330px;background:#f7f9fc;display:flex;align-items:center;justify-content:center;margin-bottom:25px}.picture img{width:100%;height:100%;object-fit:contain}.product p{font-size:15px;color:#526680}.text-link{display:inline-block;color:var(--blue);font-size:14px;border-bottom:1px solid #8aaacd;padding-bottom:4px}.page-head{padding:72px 7% 62px;background:linear-gradient(120deg,#edf4fb,#fff)}.page-head h1{max-width:850px;font-size:clamp(40px,4.3vw,62px)}.page-head p:last-child{max-width:670px;margin-bottom:0}.number{font-size:14px;color:var(--blue);letter-spacing:.12em}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:35px}.principles>div{border-top:1px solid #b6c9dc;padding-top:24px}.principles p{color:#526680}.article-list{display:grid;gap:0}.article-link{display:grid;grid-template-columns:70px 1fr 40px;gap:20px;padding:32px 0;border-bottom:1px solid var(--line);align-items:center}.article-link h2{font-size:29px;margin:0 0 10px}.article-link p{margin:0;color:#526680}.reading{max-width:800px;margin:auto;padding:70px 24px 100px}.reading h2{font-size:29px;margin-top:35px}.reading p{color:#344d6d}.back{font-size:14px;color:var(--blue)}footer{background:#081e40;color:white;padding:55px 7% 25px}.footer-top{display:flex;justify-content:space-between;gap:40px}.footer-top p{font-size:14px;color:#c0cfe0;margin-top:18px}.footer-links{display:flex;gap:24px;font-size:14px;flex-wrap:wrap}.footer-bottom{border-top:1px solid #334967;margin-top:35px;padding-top:20px;font-size:12px;color:#b5c5da}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:10px;background:white;z-index:10}a:focus-visible,button:focus-visible{outline:3px solid #b67f10;outline-offset:5px}@media(max-width:900px){header{height:85px}.logo{font-size:30px}.menu{display:block;background:white;border:1px solid var(--line);padding:6px 12px}nav{display:none;position:absolute;top:85px;left:0;right:0;background:white;padding:25px 7%;box-shadow:0 20px 25px #0b234914}nav.open{display:flex;flex-direction:column;align-items:flex-start}.hero{min-height:680px;background-position:62% center;background-image:linear-gradient(90deg,rgba(242,247,252,.96),rgba(242,247,252,.7) 50%,rgba(242,247,252,.05)),url('assets/hero.webp')}.hero-content{max-width:440px}.section{padding:65px 7%}.split{gap:35px}.ribbon{gap:22px;font-size:11px;letter-spacing:.09em}.product-grid{gap:15px}.product .picture{height:260px}.principles{gap:22px}}@media(max-width:600px){.hero{min-height:710px;align-items:flex-start;padding-top:48px;background-position:65% center;background-image:linear-gradient(180deg,rgba(242,247,252,.98),rgba(242,247,252,.90) 43%,rgba(242,247,252,.1) 78%),url('assets/hero.webp')}.hero h1{font-size:46px}.hero p:not(.eyebrow){font-size:16px;max-width:310px}.ribbon{gap:7px;flex-wrap:wrap;font-size:10px;letter-spacing:.045em;padding:20px 8px}.ribbon span+span:before{content:'·';margin-right:7px}.split,.principles,.product-grid{grid-template-columns:1fr}.product-grid{gap:35px}.product .picture{height:360px}.footer-top{flex-direction:column}.footer-links{gap:18px}.page-head{padding:50px 7%}.article-link{grid-template-columns:30px 1fr 18px;gap:12px}.article-link h2{font-size:24px}}

/* Navigation commune et image entière */
header{position:sticky;top:0;height:106px;padding-inline:4%;z-index:50}
#navigation{gap:22px;font-size:13px;text-transform:uppercase;letter-spacing:.025em}
.hero{display:grid;grid-template-columns:1fr;padding:0;min-height:0;background:#eef4fa;isolation:isolate}
.hero-image{display:block;width:100%;height:auto;grid-area:1/1;position:relative;z-index:-2}
.hero:before{content:"";grid-area:1/1;background:linear-gradient(90deg,rgba(242,247,252,.95),rgba(242,247,252,.72) 30%,transparent 64%);z-index:-1}
.hero-content{grid-area:1/1;align-self:center;margin:45px 7%;max-width:550px;width:43%}
.hero h1{font-size:clamp(36px,4.4vw,72px)}
.boutique-nav{display:flex;position:static;justify-content:center;gap:36px;background:#edf3fa;border-bottom:1px solid #d7e2ed;padding:18px 5%;font-size:14px;box-shadow:none}
.boutique-nav a[aria-current=page]{color:#064b9c;border-bottom:1px solid}
#produits-boutique{scroll-margin-top:110px}
@media(min-width:901px) and (max-width:1200px){header{height:auto;min-height:106px;flex-wrap:wrap;gap:20px;padding-block:20px}#navigation{gap:18px;font-size:12px}}
@media(max-width:900px){header{height:85px}#navigation{font-size:14px;gap:22px}.hero-content{width:45%;margin:35px 5%}.hero h1{font-size:36px}.hero .eyebrow{margin-bottom:12px}.hero p:not(.eyebrow){font-size:15px}.hero .actions{gap:10px;margin-top:15px}.hero .button{padding:10px 16px}.boutique-nav{display:flex;flex-direction:row;flex-wrap:wrap;gap:15px}}
@media(max-width:700px){.hero{grid-template-rows:auto auto}.hero:before{display:none}.hero-content{grid-area:1/1;width:auto;max-width:none;margin:40px 7% 28px}.hero h1{font-size:42px}.hero-image{grid-area:2/1;z-index:0;width:100%;height:auto}.hero p:not(.eyebrow){max-width:420px}.boutique-nav{font-size:13px;gap:12px}.boutique-nav a{padding-block:5px}}

/* Identité NovEma : goutte à la place du o. */
.logo{display:inline-flex;letter-spacing:0}
.novema-mark{display:inline-flex;align-items:baseline;white-space:nowrap;font-weight:400;line-height:1;letter-spacing:.11em}
.novema-drop{display:inline-block;align-self:center;flex:none;width:.77em;height:1.05em;margin:0 .045em 0 -.015em;color:#064b9c;overflow:visible}
footer .novema-drop{color:#fff}

/* Zone du logo dans la référence originale, sans redessin. */
.logo{flex:none}
.novema-original{display:block;position:relative;width:230px;height:55px;overflow:hidden;border-radius:2px;background:#fff;line-height:0}
.novema-original img{position:absolute;display:block;width:491.36px!important;max-width:none!important;height:auto!important;left:-132.42px;top:-27.18px}
@media(max-width:600px){.novema-original{width:207px;height:49.5px}.novema-original img{width:442.22px!important;left:-119.18px;top:-24.46px}}

/* Boutique : navigation NovEma en haut, navigation boutique à gauche. */
.boutique-layout{display:grid;grid-template-columns:230px minmax(0,1fr);align-items:start}
.boutique-layout>.boutique-nav{grid-column:1;grid-row:1 / span 2;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:10px;position:sticky;top:130px;padding:32px 22px;margin-top:30px;border:0;border-right:1px solid #d7e2ed;background:white;box-shadow:none}
.boutique-layout>.boutique-nav a{display:block;padding:12px 10px;font-size:14px;line-height:1.5;border:0}
.boutique-layout>.boutique-nav a[aria-current=page]{background:#edf3fa;color:#064b9c;border-left:2px solid #064b9c}
.boutique-layout>.page-head,.boutique-layout>.section{grid-column:2;width:100%;min-width:0}
.boutique-layout>.page-head{padding:65px 6%}.boutique-layout>.section{padding:35px 6% 75px}
@media(max-width:1050px){.boutique-layout{grid-template-columns:190px minmax(0,1fr)}.boutique-layout>.boutique-nav{padding:24px 12px;top:140px}.boutique-layout .product-grid{grid-template-columns:1fr}.boutique-layout .product .picture{height:350px}}
@media(max-width:700px){.boutique-layout{display:block}.boutique-layout>.boutique-nav{position:static;margin:0;padding:18px 7%;border:0;border-bottom:1px solid #d7e2ed;gap:0}.boutique-layout>.boutique-nav a{padding:8px 10px}.boutique-layout>.page-head{padding:40px 7%}.boutique-layout>.section{padding:20px 7% 55px}}

/* Logo original sur blanc et signature d’accueil. */
header .novema-original{background:#fff}

.hero-content .hero-promise strong{font-weight:600}

/* Logo sur fond blanc approuvé. */
.novema-original{width:230px;height:77px;background:#fff;border-radius:0}
.novema-original img{position:static;width:100%!important;height:100%!important;object-fit:contain;filter:none}
@media(max-width:600px){.novema-original{width:207px;height:69px}}

/* Trois saveurs réunies sur l’accueil, y compris sur téléphone. */
.home-flavors{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}
.home-flavors>.product{min-width:0}
@media(max-width:600px){
.home-flavors{gap:10px;margin-top:30px}
.home-flavors .product{padding-top:12px}
.home-flavors .product .picture{height:auto;aspect-ratio:1 / 2.05;margin-bottom:16px;background:#f7f9fc}
.home-flavors .picture img{display:block;width:100%;height:100%;object-fit:contain}
.home-flavors .product h3{font-size:16px;line-height:1.35;min-height:4.05em;overflow-wrap:break-word;margin-bottom:10px}
.home-flavors .product p{font-size:14px;line-height:1.5;overflow-wrap:break-word}
.home-flavors .product .eyebrow{font-size:12px;letter-spacing:.03em;margin-bottom:10px}
.home-flavors .product .text-link{font-size:14px;line-height:1.5;padding:8px 0;overflow-wrap:break-word}
}

/* Accueil : photo entière et texte net intégré à la bannière. */
.hero.hero-integrated{position:relative;display:grid;grid-template-columns:1fr;grid-template-rows:auto;background:#edf4fb;overflow:hidden;isolation:isolate}
.hero.hero-integrated .hero-image{grid-area:1/1;align-self:end;z-index:-2;width:100%;height:auto;display:block;object-fit:contain}
.hero.hero-integrated:before{display:block;content:"";grid-area:1/1;z-index:-1;background:linear-gradient(90deg,rgba(244,248,253,.97),rgba(244,248,253,.86) 35%,rgba(244,248,253,0) 65%)}
.hero.hero-integrated .hero-content{grid-area:1/1;align-self:center;width:45%;max-width:650px;margin:45px 5%;}
.hero.hero-integrated h1{font-size:clamp(30px,3.6vw,62px);line-height:1.17;letter-spacing:-.025em;font-weight:600;margin-bottom:24px}
.hero.hero-integrated .hero-rule{display:block;width:48px;height:3px;background:#064b9c;margin-bottom:22px}
.hero.hero-integrated p{max-width:540px;font-size:clamp(16px,1.3vw,21px);line-height:1.6;margin-bottom:0}
.hero.hero-integrated .actions{margin-top:26px}
.hero.hero-integrated .button{border-radius:30px;padding:14px 25px;font-size:16px;background:#064b9c;color:#fff}
@media(max-width:700px){
.hero.hero-integrated .hero-content{width:90%;max-width:none;align-self:start;margin:30px 5% calc(56.28vw + 12px)}
.hero.hero-integrated h1{font-size:clamp(28px,6.4vw,40px);max-width:560px;margin-bottom:18px}
.hero.hero-integrated p{font-size:16px;max-width:500px}
.hero.hero-integrated:before{background:linear-gradient(180deg,#edf4fb 0%,#edf4fb 45%,rgba(237,244,251,0) 68%)}
.hero.hero-integrated .hero-rule{margin-bottom:16px}
.hero.hero-integrated .actions{margin-top:20px}
}

/* Collection compacte sur les deux pages, indépendamment des anciens styles. */
#contenu .home-flavors{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:clamp(8px,2vw,28px);align-items:start}
#contenu .home-flavors>.product{width:auto;min-width:0}
@media(max-width:700px){
#contenu .home-flavors .picture{height:clamp(140px,41vw,240px)!important;aspect-ratio:auto;margin-bottom:12px}
#contenu .home-flavors .picture img{width:100%;height:100%;object-fit:contain}
#contenu .home-flavors h3{font-size:16px;line-height:1.3;min-height:3.9em;margin-bottom:8px}
#contenu .home-flavors p,#contenu .home-flavors .text-link{font-size:14px;line-height:1.45;overflow-wrap:break-word}
#contenu .home-flavors .eyebrow{font-size:12px;letter-spacing:.02em}
}
.expertise-web{padding-top:82px;padding-bottom:105px}
.consulting-profile{display:grid;grid-template-columns:minmax(330px,.78fr) minmax(0,1.42fr);min-height:570px;margin-bottom:88px;background:#fff;border:1px solid #cdd9e5;border-top:5px solid var(--blue);box-shadow:0 24px 70px rgba(11,35,73,.13);overflow:hidden}
.consulting-copy{display:flex;flex-direction:column;padding:58px 48px 44px;background:linear-gradient(150deg,#fff 0%,#f5f8fc 100%)}
.consulting-copy h2{font-size:clamp(38px,3.7vw,58px);margin-bottom:28px}
.consulting-copy>p:not(.eyebrow){color:#526680;line-height:1.75;margin-bottom:38px}
.consulting-photo{min-height:570px;background:#dfeaf5}
.consulting-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:right center}
.gr-signature{display:flex;align-items:center;gap:18px;margin-top:auto;padding-top:28px;border-top:1px solid #c8d5e2}
.gr-signature img{width:68px;height:62px;object-fit:contain;flex:none}
.gr-signature strong{display:block;color:var(--ink);font-size:20px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.gr-signature span{display:block;color:#526680;font-size:12px;line-height:1.5;letter-spacing:.08em;text-transform:uppercase}
.expertise-intro-summary{margin-top:0}
.expertise-intro{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.25fr);gap:8%;align-items:end}
.expertise-lead{margin:0;color:#526680;font-size:clamp(17px,1.5vw,21px);line-height:1.75}
.founders-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:65px}
.founder-card{position:relative;padding:38px;border:1px solid var(--line);background:#fff;box-shadow:0 18px 45px rgba(11,35,73,.07)}
.founder-number{margin:0 0 28px;color:#9eb3ca;font-size:14px;letter-spacing:.18em}
.founder-area{margin:0 0 14px;color:var(--blue);font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.founder-card h3{margin-bottom:6px;font-size:clamp(27px,2.4vw,36px);font-weight:400}
.founder-role{margin:0 0 24px;color:#68809a;font-size:14px}
.founder-card>p:last-child{margin:0;color:#526680;line-height:1.75}
.shared-vision{max-width:920px;margin:72px auto 0;padding:48px;border-left:3px solid var(--blue);background:var(--pale)}
.shared-vision h2{font-size:clamp(28px,3vw,42px)}
.shared-vision>p:last-child{margin-bottom:0;color:#526680}
@media(max-width:700px){
  .expertise-web{padding-top:58px;padding-bottom:70px}
  .consulting-profile{grid-template-columns:1fr;margin-bottom:58px}
  .consulting-copy{padding:38px 26px 30px}
  .consulting-copy h2{font-size:38px}
  .consulting-photo{min-height:0;aspect-ratio:16 / 10}
  .consulting-photo img{object-position:right center}
  .gr-signature{margin-top:8px}
  .gr-signature img{width:58px;height:53px}
  .gr-signature strong{font-size:17px}
  .expertise-intro,.founders-grid{grid-template-columns:1fr}
  .expertise-intro{gap:18px}
  .founders-grid{gap:22px;margin-top:42px}
  .founder-card{padding:28px 24px}
  .shared-vision{margin-top:42px;padding:32px 24px}
}

/* Shared collection text below the three sachets */
.collection-summary{text-align:center;max-width:640px;margin:24px auto 0;padding:0 8px}.collection-summary p{font-size:17px;line-height:1.65;margin:0 0 16px}.collection-summary .text-link{display:inline-block;font-size:17px}.home-flavors .product h3{margin-bottom:0!important;min-height:0!important}

/* Logo blanc intégré directement au fond bleu du pied de page. */
footer .novema-original{background:transparent!important}

/* Dévoilement de la formule et inscription courriel. */
.formula-launch{background:linear-gradient(120deg,#edf4fb,#f7fbff);color:#0b2349;padding:82px 7%;border-bottom:1px solid #d7e2ed}
.formula-launch-inner{max-width:1380px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.82fr);gap:9%;align-items:center}
.formula-launch .eyebrow{color:#064b9c;margin-bottom:18px}
.formula-launch h2{font-size:clamp(36px,4vw,58px);margin-bottom:26px}
.formula-copy>p:not(.eyebrow){color:#526680;max-width:680px;font-size:18px;line-height:1.75}
.formula-signup{background:#fff;color:#0b2349;padding:38px;border-radius:3px;box-shadow:0 16px 45px rgba(11,35,73,.12)}
.formula-signup form>label:first-of-type{display:block;font-size:14px;font-weight:600;margin-bottom:9px}
.signup-row{display:grid;gap:12px}
.signup-row input{width:100%;min-height:54px;border:1px solid #a9bbce;border-radius:2px;padding:12px 15px;font:16px 'Avenir Next',Avenir,Arial,sans-serif;color:#0b2349;background:#fff}
.signup-row input:focus{outline:3px solid #8bd3ff;outline-offset:2px}
.signup-row button{min-height:54px;border:1px solid #064b9c;border-radius:2px;background:#064b9c;color:#fff;padding:12px 18px;font:600 15px 'Avenir Next',Avenir,Arial,sans-serif;cursor:pointer}
.signup-row button:hover{background:#082f62}
.signup-consent{display:flex!important;align-items:flex-start;gap:10px;margin-top:18px!important;font-size:12px!important;font-weight:400!important;line-height:1.55;color:#526680}
.signup-consent input{margin-top:4px;flex:none}
.signup-note{font-size:12px;color:#71849b;margin:14px 0 0}
.signup-message{padding:14px 16px;margin-bottom:18px;font-size:14px;line-height:1.5;border-left:4px solid}
.signup-message.success{background:#edf8f1;border-color:#2b8751;color:#155c34}
.signup-message.error{background:#fff2f1;border-color:#b33b32;color:#84251f}
.signup-trap{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
@media(max-width:800px){.formula-launch{padding:65px 7%}.formula-launch-inner{grid-template-columns:1fr;gap:38px}.formula-signup{padding:27px 22px}.formula-copy>p:not(.eyebrow){font-size:16px}}