*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#0d1022;background:#faf9fd;font-family:Arial,Helvetica,sans-serif}a{text-decoration:none;color:inherit}.site-shell{width:100%;min-height:100svh;background:#fff;margin:0 auto;overflow:hidden}.site-header{height:clamp(64px,7.8svh,82px);background:#fff;display:flex;align-items:center;padding:0 clamp(20px,3%,58px);gap:clamp(15px,2.5vw,48px);box-shadow:0 1px 0 #e7e5eb;position:relative;z-index:10}.logo{display:flex;align-items:center;flex:0 0 clamp(125px,12vw,210px);height:70%;border-right:1px solid #d4cee0;padding-right:24px}.logo img{display:block;max-height:100%;width:120px;object-fit:contain}.site-header nav{flex:1;display:flex;align-items:center;justify-content:center;gap:clamp(12px,2vw,34px);height:100%;white-space:nowrap}.site-header nav a{display:flex;align-items:center;position:relative;height:100%;font-size:clamp(10px,.83vw,14px);font-weight:800;letter-spacing:.12px}.site-header nav a:hover,.site-header nav a.selected{color:#ad00f8}.site-header nav a.selected:after{content:"";position:absolute;height:2px;left:0;right:0;bottom:20%;background:#ac00fa}.header-actions{display:flex;align-items:center;gap:clamp(14px,1.4vw,25px);white-space:nowrap}.socials{display:flex;gap:8px}.socials a{height:35px;width:35px;display:grid;place-items:center;border:1px solid #ded9e9;border-radius:50%;color:#0c0c1f;font-size:20px}.socials svg{height:19px;width:19px}.fb{font-family:Arial;font-weight:800}.header-cta,.primary-cta{display:inline-flex;align-items:center;justify-content:center;gap:18px;background:linear-gradient(120deg,#bd00ff,#7800ef);color:white;border-radius:12px;font-weight:800;box-shadow:0 6px 20px #7600f025}.header-cta{padding:14px 21px;font-size:12px}.header-cta b,.primary-cta b{font-size:20px;font-weight:400}.menu-check,.hamburger{display:none}
main{display:flex;flex-direction:column;height:calc(100svh - clamp(64px,7.8svh,82px));min-height:650px}.hero{position:relative;min-height:350px;flex:1 1 auto;overflow:hidden;color:#fff;background:#080612;isolation:isolate}.topography,.art-original,.hero-shade{position:absolute;inset:0;pointer-events:none}.topography{z-index:-3;background-image:url('accueil-v71-relief.svg');background-position:center center;background-size:cover}.art-original{z-index:-2;background-image:url('assets/hero-topographie-originale.png');background-position:center center;background-size:cover;opacity:.94}.hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(4,4,13,.34),transparent 40%,rgba(4,4,13,.07))}.hero-left{position:relative;z-index:2;margin-left:clamp(40px,4.25vw,82px);padding-top:clamp(20px,2.5vh,30px);width:38%;max-width:575px}.eyebrow{display:flex;align-items:center;gap:18px;font-size:clamp(12px,.93vw,16px);font-weight:800;letter-spacing:1.6px;margin-bottom:12px}.eyebrow i{width:44px;height:2px;background:#b900fa}.hero h1{font-weight:900;letter-spacing:-3px;font-style:italic;line-height:.93;font-size:clamp(65px,5.8vw,105px);margin:0 0 12px;text-shadow:0 2px 7px #0004}.hero h1 span,.hero h1 em{display:block}.hero h1 em{color:#bd00f5;font-style:italic;white-space:nowrap}.hero-subtitle{font-style:italic;font-size:clamp(18px,1.44vw,25px);line-height:1.2;margin:10px 0 20px;letter-spacing:-.6px}.hero-info{display:flex;align-items:center;gap:0;margin-top:16px;margin-bottom:18px}.hero-info>div{display:flex;align-items:center;gap:10px;padding:0 16px;border-right:1px solid #ffffff91;min-height:31px}.hero-info>div:first-child{padding-left:0}.hero-info>div:last-child{border:0}.hero-info svg{width:27px;height:27px;flex:none;stroke:#c100fc}.hero-info b{font-size:clamp(9px,.76vw,12px);line-height:1.13}.primary-cta{font-size:clamp(12px,.93vw,15px);padding:13px 23px;min-width:175px}.experience{position:absolute;z-index:2;right:clamp(36px,3.9vw,75px);bottom:clamp(29px,4.1vw,65px);width:clamp(350px,31vw,510px);border:1.5px solid #c620ee;border-left:1px solid #fff;border-radius:18px;background:linear-gradient(115deg,rgba(6,6,20,.93),rgba(11,7,22,.95));padding:15px 22px;box-shadow:0 8px 25px #0008}.experience strong,.ending strong{color:#cd00ff;font-weight:800;font-size:clamp(12px,1vw,16px)}.experience h2{font-size:clamp(19px,1.58vw,28px);margin:5px 0 9px;line-height:1.1;font-weight:800}.experience ul{list-style:none;margin:0;padding:0}.experience li{position:relative;border-top:1px solid #ffffff25;font-size:clamp(11px,.88vw,14px);padding:5px 0 5px 21px}.experience li:before{content:'✓';position:absolute;left:0;color:#cf00ff;font-weight:800}.hero-wave{position:absolute;bottom:-1px;left:0;width:100%;height:36px;z-index:3}.stats{flex:0 0 clamp(124px,15.5svh,152px);background:#faf9fd;display:grid;grid-template-columns:repeat(4,1fr);padding:15px clamp(30px,3.3vw,65px);position:relative;z-index:2}.stat{display:flex;align-items:center;justify-content:center;gap:12px;position:relative}.stat:not(:last-child):after{content:"";height:69%;width:1px;background:#bcaacf;position:absolute;right:0;top:16%}.stat-icon{width:clamp(34px,3.6vw,54px);height:48px;color:#ad00f8;flex:none}.stat-content{text-align:center}.stat-number{font-size:clamp(31px,3.15vw,54px);font-weight:850;line-height:.98;letter-spacing:-1.5px}.stat-number small{font-size:.46em;letter-spacing:0}.stat-number.empty{height:17px}.stat b{display:block;font-size:clamp(11px,1.04vw,17px);margin:4px 0}.stat p{font-size:clamp(10px,.95vw,16px);margin:0}.ending{flex:0 0 clamp(120px,16svh,155px);background:#0b0719;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:24px;border-radius:22px;margin:0 clamp(24px,2.8vw,50px) clamp(12px,1.6svh,18px);padding:18px clamp(25px,2.7vw,48px);color:#fff;isolation:isolate}.ending:before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(90deg,#0b0719 0%,#0b0719 42%,#0905174d 100%),url('accueil-v71-relief.svg');background-size:cover;background-position:center 62%}.ending-text{min-width:0}.ending h2{margin:4px 0 7px;font-size:clamp(19px,1.85vw,31px);line-height:1.08}.ending p{margin:0;font-size:clamp(11px,.93vw,15px)}.secondary-cta{border:1px solid #eab7fa;border-radius:40px;padding:14px 20px;white-space:nowrap;font-weight:800;font-size:clamp(10px,.9vw,15px);background:#0a071aeb}.secondary-cta span{margin-left:15px;font-size:20px;font-weight:400}
@media(max-width:1200px){.site-header{gap:13px;padding:0 2%}.logo{flex-basis:130px;padding-right:10px}.site-header nav{gap:12px}.site-header nav a{font-size:10px}.hero h1{font-size:clamp(62px,6.2vw,90px)}.experience{width:360px}.hero-left{width:45%}.hero-info>div{padding:0 8px}}
@media(max-width:800px){.site-header{height:66px;padding:0 16px}.logo{width:120px;flex:0 0 125px;height:54px;border:0}.hamburger{display:flex;order:5;flex-direction:column;justify-content:center;gap:5px;cursor:pointer;width:30px;height:34px;margin-left:4px}.hamburger span{width:25px;height:2px;background:#171228}.site-header nav{display:none;position:absolute;top:66px;left:0;right:0;height:auto;flex-direction:column;gap:0;align-items:stretch;background:#fff;padding:10px 20px 20px;box-shadow:0 12px 25px #0002}.site-header nav a{height:auto;padding:13px 5px;font-size:13px;border-bottom:1px solid #eee}.site-header nav a.selected:after{display:none}.menu-check{display:block;position:absolute;opacity:0;pointer-events:none}.menu-check:checked~nav{display:flex}.header-actions{margin-left:auto}.socials{display:none}.header-cta{font-size:10px;padding:11px}.header-cta b{display:none}main{height:auto;min-height:calc(100svh - 66px)}.hero{min-height:610px;flex:auto}.hero-left{width:auto;max-width:460px;margin-left:6%;padding-top:35px}.hero h1{font-size:clamp(65px,12vw,90px)}.hero-subtitle{font-size:20px}.experience{bottom:45px;left:6%;right:auto;width:88%;max-width:500px}.topography{background-position:53% 50%}.art-original{background-position:55% center;opacity:.65}.hero-shade{background:linear-gradient(90deg,#0706157d,#09061511 80%),linear-gradient(180deg,#0807150d,#080715c4)}.stats{grid-template-columns:repeat(2,1fr);flex:auto;padding:15px}.stat{padding:15px 3px}.stat:nth-child(2):after{display:none}.stat:not(:last-child):after{height:62%}.ending{flex:auto;min-height:160px;margin:12px 16px 20px;flex-direction:column;align-items:flex-start;justify-content:center;gap:14px}.ending h2{font-size:24px}.ending p{font-size:13px}}
@media(max-width:440px){.hero{min-height:655px}.hero-left{padding-top:28px}.hero h1{font-size:clamp(56px,16vw,74px)}.hero-subtitle{font-size:18px}.eyebrow{font-size:12px}.hero-info{gap:0;flex-wrap:wrap}.hero-info>div{gap:5px;padding:0 8px}.hero-info svg{width:22px}.hero-info b{font-size:8px}.experience{padding:15px}.experience h2{font-size:20px}.experience li{font-size:11px}.stat{gap:4px}.stat-icon{width:33px}.stat-number{font-size:32px}.stat b{font-size:10px}.stat p{font-size:11px}.ending h2{font-size:21px}}
@media(prefers-reduced-motion:no-preference){.primary-cta,.header-cta,.secondary-cta{transition:filter .2s ease,transform .2s ease}.secondary-cta:hover{transform:translateY(-2px);filter:brightness(1.3)}}
/* Mobile has its own clean vector terrain, with no baked-in labels. */
@media(max-width:800px){.art-original{display:none}}

/* V73 — desktop composition: preserve the topographic markers and action area. */
@media (min-width:801px){
  .art-original{background-position:center top;}
  .topography{background-position:center top;}
  .hero-left{padding-top:clamp(13px,1.5vh,22px);}
  .eyebrow{margin-bottom:8px;}
  .hero h1{font-size:clamp(62px,5.1vw,86px);margin-bottom:7px;line-height:.92;}
  .hero-subtitle{font-size:clamp(18px,1.26vw,22px);margin:7px 0 11px;line-height:1.16;}
  .hero-info{margin-top:9px;margin-bottom:10px;}
  .primary-cta{padding:11px 21px;}
  .experience{bottom:clamp(34px,4vw,54px)}
}
@media (min-width:801px) and (max-height:790px){
  main{min-height:590px}
  .hero h1{font-size:clamp(60px,4.9vw,78px)}
  .hero-subtitle{font-size:clamp(17px,1.2vw,21px)}
  .hero-left{padding-top:12px}
  .hero-info{margin-top:7px;margin-bottom:8px}
  .primary-cta{padding:10px 19px}
}

/* V74 — precise finishing of the experience panel; everything else retained. */
@media (min-width:801px){
  .experience{
    right:clamp(26px,3.15vw,54px);
    bottom:clamp(31px,3.25vw,44px);
    width:clamp(340px,27.2vw,448px);
    padding:12px 18px 11px;
    border-radius:17px;
    background:linear-gradient(125deg,rgba(7,6,21,.95),rgba(10,6,23,.92));
    box-shadow:0 10px 30px rgba(0,0,0,.35);
  }
  .experience h2{font-size:clamp(19px,1.43vw,24px);margin:4px 0 7px;}
  .experience strong{font-size:clamp(11px,.87vw,14px);}
  .experience li{font-size:clamp(10px,.78vw,13px);padding:4px 0 4px 20px;}
}
@media (min-width:801px) and (max-height:790px){
  .experience{bottom:32px;padding:10px 16px;}
  .experience li{padding:3px 0 3px 20px;}
}