/* oupa? – landing page. Maquette Figma 1512 px de large.
   Sur ordinateur, toutes les dimensions suivent la largeur d'écran via --u (1 px de maquette). */
@font-face{font-family:"Freigeist XCon";src:url(../assets/fonts/FreigeistXCon-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Freigeist XCon";src:url(../assets/fonts/FreigeistXCon-MediumItalic.woff2) format("woff2");font-weight:500;font-style:italic;font-display:swap}
@font-face{font-family:"Freigeist XCon";src:url(../assets/fonts/FreigeistXCon-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Freigeist XCon";src:url(../assets/fonts/FreigeistXCon-BoldItalic.woff2) format("woff2");font-weight:700;font-style:italic;font-display:swap}
@font-face{font-family:"Freigeist XCon";src:url(../assets/fonts/FreigeistXCon-Black.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:"Freigeist XCon";src:url(../assets/fonts/FreigeistXCon-BlackItalic.woff2) format("woff2");font-weight:900;font-style:italic;font-display:swap}
@font-face{font-family:"CY Grotesk";src:url(../assets/fonts/CYGrotesk-GrandDark.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}

:root{
  --blanc:#fafafc; --bleu:#3328c9; --rose:#ff5ed6; --bleu-pastel:#dfe7ff; --rose-pastel:#ffe6ff;
  --u:calc(min(100vw, 1512px) / 1512);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--blanc);color:#000;font-family:"Freigeist XCon",sans-serif;font-weight:400;overflow-x:hidden}
img{display:block;max-width:none}
h1,h2,h3,p{margin:0;font-weight:inherit}
em{font-style:inherit}
.hero,.pain,.together,.find,.foot{position:relative;overflow:hidden}
.find{overflow:visible;margin-top:calc(2 * var(--u))}
.in{position:relative;width:calc(1512 * var(--u));height:100%;margin:0 auto}
.in>*,.shape,.folders{position:absolute}
picture{display:contents}
.mob{display:none}
a{color:inherit}

/* ---------- Hero (982) ---------- */
.hero{height:calc(982 * var(--u));background:var(--blanc)}
.hero-tl{left:0;top:0;width:calc(220 * var(--u));height:calc(219 * var(--u))}
.hero-bl{left:0;top:calc(693 * var(--u));width:calc(130 * var(--u));height:calc(259 * var(--u))}
.hero-r{right:0;top:calc(473 * var(--u));width:calc(220 * var(--u));height:calc(439 * var(--u))}
.hero-tr{left:calc(937 * var(--u));top:0;width:calc(355 * var(--u));height:calc(177 * var(--u))}
.hero-logo{left:calc(199 * var(--u));top:calc(286 * var(--u));width:calc(494 * var(--u));height:calc(209 * var(--u))}
.hero-title{left:calc(199 * var(--u));top:calc(519 * var(--u));width:calc(700 * var(--u));color:var(--bleu);font-synthesis:none}
.hero-title-1{display:block;font:400 calc(42 * var(--u))/calc(50 * var(--u)) "CY Grotesk",sans-serif;text-transform:uppercase;white-space:nowrap;height:calc(100 * var(--u))}
.hero-title-2{display:block;position:absolute;left:calc(1 * var(--u));top:calc(83 * var(--u));height:calc(88 * var(--u));font:900 calc(70 * var(--u))/calc(88 * var(--u)) "Freigeist XCon",sans-serif;font-style:italic;color:var(--rose);white-space:nowrap}
.hero-phone{left:calc(875 * var(--u));top:calc(219 * var(--u));width:calc(566 * var(--u));height:calc(943 * var(--u))}

/* ---------- Bandeau bleu (355) ---------- */
.pain{height:calc(355 * var(--u));background:var(--bleu)}
.pain-bubble{left:calc(170 * var(--u));top:calc(151 * var(--u));width:calc(131 * var(--u));height:calc(118 * var(--u))}
.pain-text{left:calc(317 * var(--u));top:calc(116 * var(--u));white-space:nowrap}
.pain-1{display:block;text-transform:uppercase;font:900 calc(55 * var(--u))/calc(65.4 * var(--u)) "Freigeist XCon",sans-serif;color:var(--blanc)}
.pain-2{display:block;position:relative;top:calc(-1 * var(--u));font:500 calc(50 * var(--u))/calc(58.75 * var(--u)) "Freigeist XCon",sans-serif;font-style:italic;color:var(--rose-pastel)}
.pain-guests{display:contents}
.pain-guest{position:absolute;top:calc(260 * var(--u));width:calc(74 * var(--u));height:calc(95 * var(--u))}
.g3{left:calc(1067 * var(--u))}.g1{left:calc(1147 * var(--u))}.g2{left:calc(1227 * var(--u))}

/* ---------- Tout est réuni (829) ---------- */
.together{height:calc(829 * var(--u));background:var(--blanc)}
.together-title{color:var(--bleu)}
.tt-1{position:absolute;left:0;top:0;white-space:nowrap}
.tt-avec,.tt-reuni{position:absolute;top:calc(137 * var(--u));height:calc(73 * var(--u));font:500 calc(64 * var(--u))/calc(73 * var(--u)) "Freigeist XCon",sans-serif;font-style:italic;white-space:nowrap}
.tt-avec{left:calc(464 * var(--u))}.tt-reuni{left:calc(757 * var(--u))}
.tt-logo{position:absolute;left:calc(579 * var(--u));top:calc(140 * var(--u));width:calc(167 * var(--u));height:calc(70 * var(--u))}
.tt-2{position:absolute;left:calc(408 * var(--u));top:calc(210 * var(--u));width:calc(697 * var(--u));height:calc(59 * var(--u));text-align:center;font:400 calc(52 * var(--u))/calc(59 * var(--u)) "CY Grotesk",sans-serif;text-transform:uppercase;color:var(--rose);white-space:nowrap;font-synthesis:none}
.together-text{left:calc(538 * var(--u));top:calc(334.5 * var(--u));width:calc(437 * var(--u));font:400 calc(32 * var(--u))/calc(36 * var(--u)) "Freigeist XCon",sans-serif;white-space:nowrap}
.folders{left:calc(173 * var(--u));top:calc(478 * var(--u));width:calc(1166 * var(--u));height:calc(203 * var(--u))}

/* ---------- Trouve les meilleures soirées (862) ---------- */
.find{height:calc(862 * var(--u));background:var(--bleu-pastel)}
.find-pin{left:calc(1010 * var(--u));top:calc(-16 * var(--u));width:calc(75 * var(--u));height:calc(90 * var(--u));z-index:2}
.find-photo{left:min(0px, calc((1512px - 100vw) / 2));top:0;width:calc(584 * var(--u));height:calc(862 * var(--u));object-fit:cover}
.find-title{left:calc(701 * var(--u));top:calc(128 * var(--u));width:calc(694 * var(--u));text-align:center;color:var(--bleu);white-space:nowrap}
.find-1{display:block;text-transform:uppercase;font:900 calc(58 * var(--u))/calc(49.3 * var(--u)) "Freigeist XCon",sans-serif}
.find-2{display:block;position:relative;top:calc(1 * var(--u));font:500 calc(60 * var(--u))/calc(51 * var(--u)) "Freigeist XCon",sans-serif;font-style:italic;color:var(--rose)}
.find-text{left:calc(802 * var(--u));top:calc(280.25 * var(--u));width:calc(492 * var(--u));font:400 calc(32 * var(--u))/calc(35.5 * var(--u)) "Freigeist XCon",sans-serif;white-space:nowrap}
.card{left:calc(765 * var(--u));top:calc(443 * var(--u));width:calc(565 * var(--u));height:calc(287 * var(--u));background:var(--blanc);border-bottom-right-radius:calc(30 * var(--u))}
.card-title{position:absolute;left:calc(62 * var(--u));top:calc(51 * var(--u));font:900 calc(40 * var(--u))/calc(34 * var(--u)) "Freigeist XCon",sans-serif;font-style:italic;color:var(--bleu);white-space:nowrap}
.card-text{position:absolute;left:calc(62 * var(--u));top:calc(91 * var(--u));width:calc(425 * var(--u));font:400 calc(32 * var(--u))/calc(31 * var(--u)) "Freigeist XCon",sans-serif;white-space:nowrap}
.card-text em{font-weight:700;font-style:italic;color:var(--rose)}
.btn{position:absolute;left:calc(201 * var(--u));top:calc(180 * var(--u));width:calc(164 * var(--u));height:calc(50 * var(--u));display:flex;align-items:center;justify-content:center;background:var(--bleu);color:var(--blanc);border-radius:calc(6 * var(--u));box-shadow:1px 2px 3px rgba(0,0,0,.15);font:700 calc(30 * var(--u))/calc(22 * var(--u)) "Freigeist XCon",sans-serif;text-transform:uppercase;text-decoration:none}

/* ---------- Footer (370) ---------- */
.foot{height:calc(370 * var(--u));background:var(--blanc)}
.foot-l{left:0;top:calc(124 * var(--u));width:calc(104 * var(--u));height:calc(246 * var(--u))}
.foot-r{right:0;top:calc(-28 * var(--u));width:calc(110 * var(--u));height:calc(275 * var(--u))}
.foot-c{left:calc(580 * var(--u));top:calc(237 * var(--u));width:calc(353 * var(--u));height:calc(133 * var(--u))}
.foot-logo{left:calc(174 * var(--u));top:calc(74 * var(--u));width:calc(410 * var(--u));height:calc(173 * var(--u))}
.foot-dev{left:calc(174 * var(--u));top:calc(275 * var(--u));height:calc(23 * var(--u));font:400 calc(24 * var(--u))/calc(23 * var(--u)) "Freigeist XCon",sans-serif;white-space:nowrap}
.dash{margin-left:calc(-6 * var(--u))}
.foot-follow{left:calc(992 * var(--u));top:calc(159 * var(--u));font:700 calc(32 * var(--u))/calc(31 * var(--u)) "Freigeist XCon",sans-serif;font-style:italic;color:var(--bleu);white-space:nowrap}
.social{left:calc(1162 * var(--u));top:calc(246 * var(--u));width:calc(176 * var(--u));height:calc(48 * var(--u))}
.social img{width:calc(176 * var(--u));height:calc(48 * var(--u))}
.social a{position:absolute;top:0;width:calc(48 * var(--u));height:calc(48 * var(--u));border-radius:50%}
.social a:nth-of-type(1){left:0}.social a:nth-of-type(2){left:calc(64 * var(--u))}.social a:nth-of-type(3){left:calc(128 * var(--u))}
a:focus-visible{outline:3px solid var(--rose);outline-offset:3px}

/* ---------- Mobile (maquette 397 px de large) : toutes les dimensions suivent --m ---------- */
@media (max-width:899px){
  :root{--m:calc(min(100vw, 500px) / 397)}
  .dsk{display:none}.mob{display:inline}
  .hero,.pain,.together,.find,.foot{height:auto}
  .in{width:calc(397 * var(--m));height:100%;margin:0 auto}
  .ln{position:absolute;display:block;white-space:nowrap;line-height:1}
  .find{margin-top:0}
  .hero{height:calc(915 * var(--m))}
  .hero-tl{left:0;top:0;width:calc(123 * var(--m));height:calc(133 * var(--m))}
  .hero-tr{right:0;left:auto;top:0;width:calc(106 * var(--m));height:calc(190 * var(--m))}
  .hero-bl{left:0;top:calc(401 * var(--m));width:calc(94 * var(--m));height:calc(220 * var(--m))}
  .hero-r{right:0;left:auto;top:calc(575 * var(--m));width:calc(126 * var(--m));height:calc(247 * var(--m))}
  .hero .shape{position:absolute}
  .hero-logo{left:calc(56.75 * var(--m));top:calc(129.50 * var(--m));width:calc(283.5 * var(--m));height:calc(120 * var(--m))}
  .hero-title{left:0;top:0;width:calc(397 * var(--m));height:0;font-synthesis:none}
  .hero-title-1{position:static;height:0;font:400 calc(23.8 * var(--m))/1 "CY Grotesk",sans-serif;text-transform:uppercase}
  .hero-title-1 .ln:nth-of-type(1){left:calc(41.50 * var(--m));top:calc(273.40 * var(--m));}
  .hero-title-1 .ln:nth-of-type(2){left:calc(41.00 * var(--m));top:calc(301.40 * var(--m));}
  .hero-title-1 .ln:nth-of-type(3){left:calc(40.50 * var(--m));top:calc(328.40 * var(--m));}
  .hero-title-2{left:calc(40.50 * var(--m));top:calc(355.50 * var(--m));height:auto;font:900 calc(39.65 * var(--m))/1 "Freigeist XCon",sans-serif;font-style:italic}
  .hero-phone{left:calc(24.6 * var(--m));top:calc(429.5 * var(--m));width:calc(347.6 * var(--m));height:calc(579.1 * var(--m))}
  .pain{height:calc(602.5 * var(--m))}
  .pain-bubble{left:calc(133.00 * var(--m));top:calc(23.50 * var(--m));width:calc(131.3 * var(--m));height:calc(127.7 * var(--m))}
  .pain-text{left:0;top:0;width:calc(397 * var(--m));height:0}
  .pain-1{display:block;font:900 calc(39.5 * var(--m))/1 "Freigeist XCon",sans-serif}
  .pain-2{display:block;top:0;font:500 calc(39.5 * var(--m))/1 "Freigeist XCon",sans-serif;font-style:italic}
  .pain-1 .ln:nth-of-type(1){left:0;width:calc(397 * var(--m));top:calc(196.10 * var(--m));text-align:center;}
  .pain-1 .ln:nth-of-type(2){left:0;width:calc(397 * var(--m));top:calc(237.60 * var(--m));text-align:center;}
  .pain-1 .ln:nth-of-type(3){left:0;width:calc(397 * var(--m));top:calc(285.60 * var(--m));text-align:center;}
  .pain-2 .ln:nth-of-type(1){left:0;width:calc(397 * var(--m));top:calc(324.60 * var(--m));text-align:center;}
  .pain-2 .ln:nth-of-type(2){left:0;width:calc(397 * var(--m));top:calc(362.60 * var(--m));text-align:center;}
  .pain-2 .ln:nth-of-type(3){left:0;width:calc(397 * var(--m));top:calc(401.60 * var(--m));text-align:center;}
  .pain-guests{display:contents}
  .pain-guest{top:calc(508 * var(--m));width:calc(74 * var(--m));height:calc(95 * var(--m))}
  .g3{left:calc(82 * var(--m))}.g1{left:calc(162 * var(--m))}.g2{left:calc(242 * var(--m))}
  .together{height:calc(770.5 * var(--m))}
  .tt-1{left:0;top:0}
  .tt-avec,.tt-reuni{height:auto;font:500 calc(47.9 * var(--m))/1 "Freigeist XCon",sans-serif;font-style:italic}
  .tt-avec{left:calc(92.00 * var(--m));top:calc(72.00 * var(--m))}
  .tt-logo{left:calc(173.00 * var(--m));top:calc(72.00 * var(--m));width:calc(132 * var(--m));height:calc(55.3 * var(--m))}
  .tt-reuni{left:calc(90.50 * var(--m));top:calc(122.00 * var(--m))}
  .tt-2{left:0;top:0;width:calc(397 * var(--m));height:0;font:400 calc(39.5 * var(--m))/1 "CY Grotesk",sans-serif;font-synthesis:none}
  .tt-2 .ln:nth-of-type(1){left:0;width:calc(397 * var(--m));top:calc(171.60 * var(--m));text-align:center;}
  .tt-2 .ln:nth-of-type(2){left:0;width:calc(397 * var(--m));top:calc(211.60 * var(--m));text-align:center;}
  .together-text{left:0;top:0;width:calc(397 * var(--m));height:0;font:400 calc(23.7 * var(--m))/1 "Freigeist XCon",sans-serif}
  .together-text .ln:nth-of-type(1){left:calc(58.00 * var(--m));top:calc(322.40 * var(--m));}
  .together-text .ln:nth-of-type(2){left:calc(58.00 * var(--m));top:calc(349.40 * var(--m));}
  .together-text .ln:nth-of-type(3){left:calc(58.00 * var(--m));top:calc(376.40 * var(--m));}
  .folders{left:calc(6.5 * var(--m));top:calc(473.5 * var(--m));width:calc(385 * var(--m));height:calc(187.4 * var(--m))}
  .find{height:calc(1163 * var(--m))}
  .find-photo{left:calc(50% - 50vw);top:0;width:100vw;height:calc(395 * var(--m));object-position:50% 50%}
  .find-pin{left:calc(171.5 * var(--m));top:calc(354.5 * var(--m));width:calc(55 * var(--m));height:calc(66 * var(--m))}
  .find-title{left:0;top:0;width:calc(397 * var(--m));height:0}
  .find-1{font:900 calc(39.5 * var(--m))/1 "Freigeist XCon",sans-serif}
  .find-1 .ln:nth-of-type(1){left:0;width:calc(397 * var(--m));top:calc(452.60 * var(--m));text-align:center;}
  .find-1 .ln:nth-of-type(2){left:0;width:calc(397 * var(--m));top:calc(493.60 * var(--m));text-align:center;}
  .find-2{position:absolute;left:0;width:calc(397 * var(--m));top:calc(528.00 * var(--m));text-align:center;font:500 calc(47.7 * var(--m))/1 "Freigeist XCon",sans-serif;font-style:italic}
  .find-text{left:0;top:0;width:calc(397 * var(--m));height:0;font:400 calc(23.7 * var(--m))/1 "Freigeist XCon",sans-serif}
  .find-text .ln:nth-of-type(1){left:calc(44.00 * var(--m));top:calc(647.40 * var(--m));}
  .find-text .ln:nth-of-type(2){left:calc(44.00 * var(--m));top:calc(673.90 * var(--m));}
  .find-text .ln:nth-of-type(3){left:calc(44.00 * var(--m));top:calc(700.40 * var(--m));}
  .card{left:calc(16 * var(--m));top:calc(804 * var(--m));width:calc(365.5 * var(--m));height:calc(291 * var(--m));border-bottom-right-radius:calc(30 * var(--m))}
  .card-title{left:calc(32.50 * var(--m));top:calc(54.00 * var(--m));font:900 calc(27.65 * var(--m))/1 "Freigeist XCon",sans-serif;font-style:italic}
  .card-text{left:0;top:0;width:calc(365.5 * var(--m));height:0;font:400 calc(23.8 * var(--m))/1 "Freigeist XCon",sans-serif}
  .card-text .ln:nth-of-type(1){left:calc(31.00 * var(--m));top:calc(91.00 * var(--m));}
  .card-text .ln:nth-of-type(2){left:calc(32.00 * var(--m));top:calc(113.50 * var(--m));}
  .btn{left:calc(101.00 * var(--m));top:calc(182.00 * var(--m));width:calc(164 * var(--m));height:calc(50 * var(--m));border-radius:calc(6 * var(--m));font-size:calc(29.5 * var(--m))}
  .foot{height:calc(494 * var(--m))}
  .foot-l{left:0;top:calc(217 * var(--m));width:calc(77 * var(--m));height:calc(206 * var(--m))}
  .foot-r{right:0;left:auto;top:0;width:calc(57 * var(--m));height:calc(193 * var(--m))}
  .foot-c{left:calc(87 * var(--m));top:calc(407 * var(--m));width:calc(260 * var(--m));height:calc(87 * var(--m))}
  .foot .shape{position:absolute}
  .foot-logo{left:calc(53.25 * var(--m));top:calc(50.50 * var(--m));width:calc(290.5 * var(--m));height:calc(122.6 * var(--m))}
  .foot-follow{left:calc(70.00 * var(--m));top:calc(241.00 * var(--m));font:700 calc(23.8 * var(--m))/calc(25.00 * var(--m)) "Freigeist XCon",sans-serif;font-style:italic}
  .social{left:calc(110.5 * var(--m));top:calc(306.00 * var(--m));width:calc(176 * var(--m));height:calc(48 * var(--m))}
  .social img{width:calc(176 * var(--m));height:calc(48 * var(--m))}
  .social a{width:calc(48 * var(--m));height:calc(48 * var(--m))}
  .social a:nth-of-type(2){left:calc(64 * var(--m))}.social a:nth-of-type(3){left:calc(128 * var(--m))}
  .foot-dev{left:0;width:calc(397 * var(--m));text-align:center;top:calc(442.00 * var(--m));font:400 calc(15.5 * var(--m))/1 "Freigeist XCon",sans-serif;height:auto}
  .dash{margin-left:0}
}