.hero-metier{background:linear-gradient(160deg,rgba(var(--m-brand-violet-rgb),.05) 0%,var(--bs-body-bg) 50%,rgba(var(--m-brand-orange-rgb),.07) 100%);overflow:hidden}.hero-metier-layout{display:grid;gap:2.5rem;padding-block:2.5rem 3rem}.hero-metier-visual{position:relative}.hero-appareils{position:relative;display:block;width:100%;max-width:600px;aspect-ratio:600/570;margin-inline:auto;isolation:isolate}.hero-appareils::before{content:'';position:absolute;inset:10% -6% -4% 18%;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,rgba(var(--m-brand-orange-rgb),.18),transparent)}.hero-tablette,.hero-telephone{position:absolute;display:block;background:#171719;box-shadow:0 18px 50px rgb(0 0 0/28%),inset 0 0 0 2px #333}.hero-tablette-ecran,.hero-telephone-ecran{display:block;overflow:hidden;background:#fff}.hero-tablette-ecran img,.hero-telephone-ecran img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.hero-tablette{top:0;left:0;width:80%;padding:2.2%;border-radius:4.5%/6.5%}.hero-tablette-ecran{aspect-ratio:1024/712;border-radius:1.2%/1.7%}.hero-telephone{padding:1.6% 1.6% 2.4%;border-radius:16%/7.5%}.hero-telephone-ecran{aspect-ratio:360/780;border-radius:12%/5.5%}.hero-telephone--arriere{right:0;top:10%;width:32%}.hero-telephone--avant{right:21%;top:21%;width:36%}.hero-appareils--lien{text-decoration:none}.hero-appareils--lien .hero-tablette,.hero-appareils--lien .hero-telephone{transition:transform .25s ease}.hero-appareils--lien:hover .hero-telephone--avant{transform:translateY(-8px)}.hero-appareils--lien:hover .hero-telephone--arriere{transform:translateY(-4px)}.hero-metier .hero-immersive-benefits{margin-top:1.75rem}.hero-metier .hero-immersive-actions .btn-outline-primary{--bs-btn-bg:var(--bs-body-bg)}.hero-ambiance{position:relative;display:block;width:100%;max-width:600px;aspect-ratio:600/465;margin-inline:auto;isolation:isolate}.hero-ambiance::before{content:'';position:absolute;inset:8% 4%;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,rgba(var(--m-brand-violet-rgb),.16),transparent)}.hero-ambiance-photo{position:absolute;display:block;width:50%;aspect-ratio:3/2;overflow:hidden;border-radius:4%/6%;box-shadow:0 18px 50px rgb(0 0 0/28%)}.hero-ambiance-photo img{display:block;width:100%;height:100%;object-fit:cover}.hero-ambiance-dj{top:1.5%;left:26%;transform:rotate(2deg)}.hero-ambiance-cocktails{bottom:2.5%;left:23%;transform:rotate(-2deg)}.hero-ambiance .hero-telephone{z-index:1;width:31%}.hero-telephone--page{left:0;bottom:0}.hero-telephone--carte{right:0;top:0}.hero-ambiance--lien{text-decoration:none}.hero-ambiance--lien .hero-telephone{transition:transform .25s ease}.hero-ambiance--lien:hover .hero-telephone{transform:translateY(-8px)}@media(max-width:575.98px){.container.hero-metier-layout{padding-inline:20px}.hero-metier-layout{padding-bottom:2.5rem}.hero-metier-visual{margin-inline:-14px}}@media(min-width:768px) and (max-width:991.98px){.hero-metier .hero-immersive-copy{max-width:620px;margin-inline:auto}}@media(min-width:992px){.hero-metier-layout{grid-template-columns:minmax(0,46fr)minmax(0,54fr);align-items:center;gap:1.5rem;min-height:620px;padding-block:2.5rem}.hero-metier .hero-immersive-copy{padding-block:3rem}.hero-appareils{width:110%;max-width:720px;aspect-ratio:600/520;margin-inline:0}.hero-telephone--arriere{width:29%}.hero-telephone--avant{width:32%;top:22%}.hero-ambiance{width:110%;max-width:720px;margin-inline:0}}@media(min-width:992px){.hero-metier .hero-immersive-benefits{grid-template-columns:repeat(2,max-content);gap:1rem 2rem}.hero-metier .hero-immersive-benefits li{flex-direction:row;align-items:center}}@media(min-width:1200px){.hero-metier-layout{grid-template-columns:minmax(0,48fr)minmax(0,52fr)}.hero-metier .hero-immersive-copy{padding-right:0}.hero-metier .hero-immersive-benefits{grid-template-columns:repeat(4,max-content);justify-content:space-between;column-gap:.5rem}}