.dm-hero{position:relative;min-height:min(88svh,820px);display:flex;align-items:flex-end;overflow:hidden;isolation:isolate;margin-top:-1px} .dm-hero-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2} .dm-hero-voile{position:absolute;inset:0;z-index:-1;background: linear-gradient(90deg,rgba(20,10,14,.84) 0%,rgba(20,10,14,.74) 40%,rgba(20,10,14,.62) 56%,rgba(20,10,14,.22) 72%,rgba(20,10,14,0) 82%), linear-gradient(180deg,rgba(27,14,19,.45) 0%,rgba(27,14,19,0) 25%,rgba(27,14,19,.2) 55%,rgba(27,14,19,.9) 100%), radial-gradient(80% 60% at 20% 100%,rgba(110,31,48,.45),transparent 70%)} @media (max-width:760px){.dm-hero-voile{background: linear-gradient(180deg,rgba(27,14,19,.35) 0%,rgba(27,14,19,.2) 16%,rgba(27,14,19,.8) 38%,rgba(27,14,19,.88) 70%,rgba(27,14,19,.96) 100%)}} .dm-hero-txt{padding-block:clamp(120px,22vh,220px) clamp(40px,7vh,80px);width:100%} .dm-hero .eyebrow{font-size:12.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--sable);margin-bottom:16px;font-weight:700} .dm-hero h1{font-size:clamp(36px,6vw,76px);font-weight:300;max-width:16ch;text-shadow:0 2px 24px rgba(0,0,0,.45)} .dm-hero h1 em{color:var(--sable);font-style:italic} .dm-hero .lede{color:var(--ivoire);font-size:clamp(16.5px,1.7vw,19px);max-width:52ch;margin-top:8px;text-shadow:0 1px 12px rgba(0,0,0,.6)} .dm-hero .actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;margin-top:26px} .dm-pause{position:absolute;right:var(--gutter);top:18px;z-index:2;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--voile); background:rgba(27,14,19,.55);color:var(--ivoire);font:600 13px/1 var(--sans);cursor:pointer;backdrop-filter:blur(6px)} .dm-pause:focus-visible{outline:2px solid var(--sable);outline-offset:3px} .dm-chiffres{margin-top:clamp(-34px,-3vw,-20px);position:relative;z-index:2} .dm-chiffres ul{list-style:none;margin:0;padding:clamp(18px,3vw,28px);display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px; background:linear-gradient(160deg,var(--nuit-3),var(--nuit-2));border:1px solid var(--laiton);border-radius:18px;box-shadow:0 24px 60px rgba(0,0,0,.35)} .dm-chiffres li{display:flex;flex-direction:column;gap:4px;padding-inline-start:14px;border-inline-start:1px solid var(--voile)} .dm-chiffres li:first-child{border:0;padding:0} .dm-chiffres b{font:300 clamp(28px,3.4vw,42px)/1 var(--serif);color:var(--sable)} .dm-chiffres span{font-size:14px;color:var(--ivoire-2);line-height:1.35} .dm-sec{padding-block:clamp(56px,9vh,110px) 0} .dm-sec h2,.dm-galerie h2,.dm-prix h2{font-size:clamp(28px,3.6vw,44px);font-weight:300;margin-bottom:clamp(22px,3vw,36px)} .dm-sec h2 em{color:var(--sable)} .dm-galerie{padding-top:clamp(56px,9vh,110px)} .dm-galerie .wrap{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap} .dm-aide{font-size:14px;color:var(--ivoire-2)} .dm-rail{display:flex;gap:clamp(12px,1.6vw,20px);overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain; padding:6px max(var(--gutter),calc((100vw - 1140px)/2 + var(--gutter))) 18px;scrollbar-width:thin;scrollbar-color:var(--cuivre) transparent} .dm-rail:focus-visible{outline:2px solid var(--sable);outline-offset:-2px} .dm-g{flex:0 0 auto;width:min(82vw,560px);margin:0;scroll-snap-align:center;border-radius:var(--arche);overflow:hidden;aspect-ratio:4/5;background:var(--nuit-2)} .dm-g:nth-child(3n+2){width:min(82vw,760px);aspect-ratio:3/2;align-self:center;border-radius:16px} .dm-g img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease-out)} .dm-g:hover img{transform:scale(1.04)} .dm-espaces{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(26px,4vw,48px) clamp(20px,3vw,40px)} .dm-espace{display:grid;gap:16px} .dm-espace .arche{border-radius:var(--arche);overflow:hidden;aspect-ratio:3/2;background:var(--nuit-2)} .dm-espace:nth-child(4n+1) .arche,.dm-espace:nth-child(4n) .arche{aspect-ratio:4/3} .dm-espace img{width:100%;height:100%;object-fit:cover} .dm-espace h3{font:400 clamp(21px,2.2vw,26px)/1.2 var(--serif);color:var(--ivoire);margin:0 0 6px} .dm-espace p{color:var(--ivoire-2);margin:0} .dm-duo{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,72px)} .dm-events{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px} .dm-events li{padding:10px 16px;border:1px solid var(--laiton);border-radius:999px;color:var(--ivoire);font-size:15px} .dm-presta h3{font:600 17px/1.3 var(--sans);color:var(--ivoire);margin:0 0 4px} .dm-presta p{margin:0;color:var(--ivoire-2)} .dm-prix{margin-top:clamp(56px,9vh,110px);padding-block:clamp(48px,8vh,96px); background:radial-gradient(70% 90% at 50% 0%,rgba(140,42,64,.45),transparent 70%),var(--nuit-2);border-block:1px solid var(--voile-2)} .dm-tarifs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2.4vw,28px)} .dm-tarif{padding:clamp(22px,3vw,34px);border:1px solid var(--laiton);border-radius:var(--arche);background:rgba(27,14,19,.55);text-align:center} .dm-tarif p{margin:0;color:var(--ivoire-2)} .dm-duree{font-size:13px!important;letter-spacing:.22em;text-transform:uppercase;color:var(--cuivre)!important;font-weight:700} .dm-montant{font:300 clamp(40px,5vw,62px)/1.1 var(--serif);color:var(--sable)!important;margin:10px 0!important} .dm-prix h3{font:600 15px/1.3 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--cuivre);margin:clamp(28px,4vw,40px) 0 12px} .dm-cond{margin:0;padding-inline-start:20px;color:var(--ivoire)} .dm-cond li{margin-bottom:6px} .dm-note{margin-top:16px;color:var(--ivoire-2);font-size:15px} .dm-liens{margin-top:14px} @media (prefers-reduced-motion: no-preference){ .js .dm-g img,.js .dm-espace .arche{clip-path:inset(100% 0 0 0 round 200px 200px 16px 16px);transition:clip-path 1s var(--ease-out),transform 1.2s var(--ease-out)} .js .dm-g.vu img,.js .dm-espace.vu .arche{clip-path:inset(0 0 0 0 round 0)} .js .dm-chiffres ul li{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s var(--ease-out)} .js .dm-chiffres ul.vu li{opacity:1;transform:none} .js .dm-chiffres ul.vu li:nth-child(2){transition-delay:80ms}.js .dm-chiffres ul.vu li:nth-child(3){transition-delay:160ms} .js .dm-chiffres ul.vu li:nth-child(4){transition-delay:240ms}.js .dm-chiffres ul.vu li:nth-child(5){transition-delay:320ms} .js .dm-chiffres ul.vu li:nth-child(6){transition-delay:400ms} .js .dm-tarif{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s var(--ease-out)} .js .dm-tarif.vu{opacity:1;transform:none} img.dm-hero-media{animation:dm-zoom 18s ease-out both} @keyframes dm-zoom{from{transform:scale(1.08)}to{transform:none}} } @media (max-width:900px){ .dm-chiffres ul{grid-template-columns:repeat(3,minmax(0,1fr))} .dm-chiffres li:nth-child(4){border:0;padding:0} .dm-duo{grid-template-columns:minmax(0,1fr)} } @media (max-width:620px){ .dm-hero{min-height:82svh} .dm-chiffres ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 14px} .dm-chiffres li{border:0!important;padding:0!important} .dm-espaces,.dm-tarifs{grid-template-columns:minmax(0,1fr)} .dm-g,.dm-g:nth-child(3n+2){width:84vw} .dm-pause{top:auto;bottom:14px} } .dm-prix-actions{margin:clamp(22px,3vw,32px) 0 clamp(30px,4vw,44px)} @media (max-width:620px){.dm-hero .actions .btn{display:none}}