*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;background:#fff8fb;color:#17251e}body{overflow-x:hidden}.hero{position:relative;width:100%;line-height:0;background:#f7bdd0}.hero>img{display:block;width:100%;height:auto}.hotspots{position:absolute;inset:0;pointer-events:none}.hotspot{position:absolute;opacity:0;border:0;cursor:pointer;pointer-events:auto;background:transparent}.histoire-link{left:24.5%;top:1%;width:10.5%;height:7%}.signup-tamy{right:1.8%;top:42%;width:20%;height:22%}.signup-main{left:35%;top:78.5%;width:30%;height:9%}.story{display:none;min-height:100vh;padding:34px 4% 55px;background:linear-gradient(135deg,#fff7fa,#fff)}.story.active{display:block}.back{border:0;background:#ef0b78;color:#fff;padding:12px 20px;border-radius:999px;font-weight:800;cursor:pointer;margin-bottom:28px}.story-inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(320px,1fr) minmax(360px,1fr);gap:48px;align-items:center}.story-photo img{display:block;width:100%;border-radius:28px;box-shadow:0 18px 50px #7b4a3425}.eyebrow{font-size:13px!important;letter-spacing:.22em;font-weight:900;color:#0d7c42;margin:0 0 10px!important}.story-copy h1{font-family:Georgia,serif;color:#e90b71;font-size:42px;line-height:1.08;margin:0 0 26px}.story-copy p{font-size:18px;line-height:1.65;margin:0 0 20px}.story-final{font-weight:800;color:#0d7c42}.modal{position:fixed;inset:0;background:#0009;display:none;align-items:center;justify-content:center;padding:20px;z-index:30}.modal.show{display:flex}.card{width:min(460px,100%);background:#fff7fa;border-radius:24px;padding:30px;position:relative;box-shadow:0 20px 60px #0008}.card h2{color:#e90b71}.close{position:absolute;right:14px;top:10px;background:transparent;color:#333;border:0;font-size:32px;cursor:pointer}.card label{display:block;font-weight:bold;margin:15px 0}.card input{display:block;width:100%;padding:13px;margin-top:7px;border:1px solid #bbb;border-radius:10px;font-size:16px}.card form>button{width:100%;border:2px solid white;background:#ff0b7b;color:white;border-radius:999px;padding:15px 28px;font-weight:900;font-size:16px;cursor:pointer}@media(max-width:760px){.hero{min-height:100vh;overflow:auto}.hero>img{width:auto;max-width:none;height:auto;min-height:0}.histoire-link{left:24%;top:1%;width:12%;height:7%}.signup-tamy{right:1%;top:40%;width:23%;height:25%}.signup-main{left:34%;top:77%;width:34%;height:10%}.story{padding:20px 16px 40px}.story-inner{display:block}.story-photo{margin-bottom:26px}.story-photo img{border-radius:20px}.story-copy h1{font-size:31px}.story-copy p{font-size:16px;line-height:1.6}.card{padding:26px 20px}}

.story-preview{padding:72px 5%;background:linear-gradient(135deg,#fff8fb 0%,#fff1f5 50%,#f9eee7 100%);position:relative;overflow:hidden}.story-preview:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:#f3b7c455;right:-90px;top:-100px}.preview-inner{max-width:1120px;margin:auto;display:grid;grid-template-columns:minmax(300px,.9fr) minmax(360px,1.1fr);gap:58px;align-items:center;position:relative}.preview-photo img{display:block;width:100%;border-radius:34px;box-shadow:0 24px 60px #7c49372b}.preview-copy{padding:24px 0}.preview-kicker{margin:0 0 12px;color:#147846;font-size:12px;font-weight:900;letter-spacing:.22em}.preview-copy h2{margin:0;color:#b87856;font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:500;font-size:58px;line-height:1}.preview-lead{font-family:Georgia,'Times New Roman',serif;font-style:italic;color:#e80b73;font-size:27px;margin:13px 0 22px}.preview-copy>p:not(.preview-kicker):not(.preview-lead){font-size:18px;line-height:1.65;max-width:620px}.discover{margin-top:10px;border:0;border-radius:999px;padding:15px 24px;background:#e90b71;color:white;font-weight:900;font-size:15px;box-shadow:0 10px 25px #e90b7130;cursor:pointer}.discover span{font-size:20px;margin-left:7px}.story-copy h1{color:#b87856;font-style:italic}.story{background:linear-gradient(135deg,#fff8fb,#f9eee7)}

@media(max-width:760px){.story-preview{padding:42px 18px}.preview-inner{display:block}.preview-photo{margin-bottom:28px}.preview-photo img{border-radius:24px}.preview-copy{padding:0 5px}.preview-copy h2{font-size:43px}.preview-lead{font-size:23px}.preview-copy>p:not(.preview-kicker):not(.preview-lead){font-size:16px}.discover{width:100%}}

/* Correctif mobile final : le visuel validé reste entièrement visible */
@media (max-width:760px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  .hero{width:100%;min-height:0;overflow:hidden;background:#f7bdd0}
  .hero>img{display:block;width:100%;max-width:100%;height:auto;object-fit:contain}
  .hotspots{width:100%;height:100%}
  .story-preview{width:100%;max-width:100%;overflow:hidden}
  .preview-inner,.story-inner{width:100%;max-width:100%}
  .preview-photo img,.story-photo img{width:100%;height:auto;max-width:100%}
}


/* Version 2026-09-24 — accueil prioritaire, histoire plus bas et photo moins imposante */
@media (min-width:761px){
  .story-preview{padding-top:110px;padding-bottom:100px}
  .preview-photo{max-width:430px;justify-self:end;width:100%}
}

@media (max-width:760px){
  /* Le premier écran reste consacré au visuel Coming Soon validé. */
  .hero{
    min-height:82svh;
    display:block;
    background:linear-gradient(180deg,#f7bdd0 0%,#fff2f7 100%);
  }
  .hero>img{width:100%;height:auto;display:block}

  /* L'histoire arrive seulement après avoir fait défiler la page. */
  .story-preview{
    padding:64px 18px 58px;
    background:linear-gradient(180deg,#fff2f7 0%,#fff8fb 42%,#f9eee7 100%);
  }
  .preview-photo{
    width:82%;
    max-width:390px;
    margin:0 auto 34px;
  }
  .preview-photo img{
    width:100%;
    border-radius:24px;
    box-shadow:0 18px 45px #7c493725;
  }
  .preview-copy{
    max-width:520px;
    margin:0 auto;
    text-align:center;
  }
  .preview-copy h2{font-size:40px}
  .preview-lead{font-size:22px}
  .preview-copy>p:not(.preview-kicker):not(.preview-lead){font-size:16px;line-height:1.65}
}

/* Correctif final : aucun grand vide sous le visuel sur mobile */
@media (max-width:760px){
  .hero{min-height:0!important;height:auto!important;overflow:hidden!important}
  .story-preview{padding:30px 18px 48px!important}
  .preview-photo{width:78%;max-width:360px;margin:0 auto 26px}
}
/* Zones cliquables invisibles superposées aux boutons intégrés au visuel */
.signup-main{left:32%!important;top:77%!important;width:37%!important;height:12%!important;z-index:5}
.signup-tamy{right:0!important;top:38%!important;width:25%!important;height:30%!important;z-index:5}