                                                                                                                                            @import url('https://fonts.googleapis.com/css2?family=Literata:ital,opsz,wght@0,7..72,400;0,7..72,500;0,7..72,600;0,7..72,700;1,7..72,400&family=Manrope:wght@400;500;600&display=swap');
                                                                                                                                            :root{
                                                                                                                                              --rose:#D2A6C8;
                                                                                                                                              --rose-pale:#F0DCEB;
                                                                                                                                              --prune:#2D1B2E;
                                                                                                                                              --prune-clair:#463047;
                                                                                                                                              --ivoire:#F7F2EA;
                                                                                                                                              --blanc:#FFFFFF;
                                                                                                                                              --sauge:#768173;
                                                                                                                                              --ligne:#BDAFBA;
                                                                                                                                              --voile-fort:color-mix(in srgb,var(--prune) 84%,transparent);
                                                                                                                                              --voile-leger:color-mix(in srgb,var(--prune) 12%,transparent);
                                                                                                                                              --ombre:color-mix(in srgb,var(--prune) 20%,transparent);
                                                                                                                                              --titre:'Literata',serif;
                                                                                                                                              --texte:'Manrope',sans-serif;
                                                                                                                                            }
                                                                                                                                            *{box-sizing:border-box}
                                                                                                                                            html{scroll-behavior:smooth}
                                                                                                                                            body{margin:0;background:var(--ivoire);color:var(--prune);font:17px/1.72 var(--texte);overflow-x:hidden}
                                                                                                                                            a{color:inherit}
                                                                                                                                            img{display:block;width:100%;height:100%;object-fit:cover}
                                                                                                                                            .env{width:min(1200px,calc(100% - 52px));margin:auto}
                                                                                                                                            .hd{position:absolute;z-index:20;top:0;left:0;right:0;color:var(--ivoire);border-bottom:1px solid color-mix(in srgb,var(--ivoire) 35%,transparent);transition:background .3s,color .3s,backdrop-filter .3s}
                                                                                                                                            .hd.fixe,.page-hd{position:relative;background:var(--prune);color:var(--ivoire)}
                                                                                                                                            .barre{min-height:94px;display:flex;justify-content:space-between;align-items:center;gap:24px}
                                                                                                                                            .logo{font:600 30px/1 var(--titre);letter-spacing:.2em;text-decoration:none;white-space:nowrap;text-transform:uppercase;transition:letter-spacing .25s,color .25s}
                                                                                                                                            .logo:hover{letter-spacing:.24em;color:var(--rose)}
                                                                                                                                            .nav{display:flex;align-items:center;gap:21px;font-size:11px}
                                                                                                                                            .nav a{text-decoration:none;transition:color .2s,transform .2s}
                                                                                                                                            .nav a:hover{color:var(--rose);transform:translateY(-2px)}
                                                                                                                                            .tel{white-space:nowrap;font-weight:600}
                                                                                                                                            .btn{display:inline-flex;min-height:46px;align-items:center;justify-content:center;padding:12px 23px;border:1px solid currentColor;background:transparent;text-decoration:none;text-transform:uppercase;letter-spacing:.12em;font-size:10px;transition:background .25s,color .25s,transform .25s,border-color .25s}
                                                                                                                                            .btn:hover{background:var(--rose);color:var(--prune);border-color:var(--rose);transform:translateY(-2px)}
                                                                                                                                            .btn.plein{background:var(--rose);color:var(--prune);border-color:var(--rose)}
                                                                                                                                            .btn.plein:hover{background:var(--ivoire);border-color:var(--ivoire);transform:translateY(-3px)}
                                                                                                                                            .menu-btn{display:none;background:transparent;color:inherit;border:1px solid currentColor;min-width:48px;min-height:44px}
                                                                                                                                            .hero{height:100vh;min-height:100svh;position:relative;display:flex;align-items:flex-end;color:var(--ivoire);overflow:hidden;background:var(--prune)}
                                                                                                                                            .hero>img{position:absolute;inset:0;animation:ken 22s ease-in-out infinite alternate}
                                                                                                                                            .hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--voile-fort),var(--voile-leger) 68%),linear-gradient(0deg,var(--voile-fort),transparent 45%)}
                                                                                                                                            .hero-contenu{position:relative;z-index:2;padding-bottom:70px;animation:entree .9s both}
                                                                                                                                            .sur{display:block;text-transform:uppercase;letter-spacing:.24em;font-size:10px;color:var(--rose);margin-bottom:20px}
                                                                                                                                            h1,h2,h3{font-family:var(--titre);font-weight:500}
                                                                                                                                            h1{font-size:clamp(3.8rem,8.2vw,8.5rem);line-height:.88;letter-spacing:-.05em;margin:0 0 25px;max-width:1050px}
                                                                                                                                            h2{font-size:clamp(2.6rem,5.4vw,5.5rem);line-height:.96;letter-spacing:-.04em;margin:0 0 30px}
                                                                                                                                            h3{font-size:26px;line-height:1.2;margin:12px 0}
                                                                                                                                            .hero-bas{display:flex;justify-content:space-between;align-items:end;gap:45px}
                                                                                                                                            .hero-bas p{font:400 23px/1.55 var(--titre);max-width:650px}
                                                                                                                                            .defile{position:absolute;z-index:3;right:26px;bottom:35px;font-size:10px;letter-spacing:.2em;writing-mode:vertical-rl;animation:souffle 2s infinite}
                                                                                                                                            .essentiel{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--ligne)}
                                                                                                                                            .essentiel>div{padding:25px 26px;text-align:center;border-right:1px solid var(--ligne)}
                                                                                                                                            .essentiel>div:last-child{border:0}
                                                                                                                                            .essentiel span{display:block;text-transform:uppercase;letter-spacing:.17em;font-size:9px;color:var(--sauge)}
                                                                                                                                            .essentiel strong{display:block;font:500 20px var(--titre);margin:6px 0}
                                                                                                                                            .section{padding:115px 0;overflow:hidden}
                                                                                                                                            .centrer{text-align:center;max-width:850px;margin:auto}
                                                                                                                                            .intro{font:400 25px/1.55 var(--titre)}
                                                                                                                                            .arches3{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:55px}
                                                                                                                                            .arche{height:540px;border:1px solid currentColor;border-radius:50% 50% 0 0/28% 28% 0 0;overflow:hidden;position:relative;background:var(--rose-pale)}
                                                                                                                                            .arche img{transition:transform .7s,filter .7s}
                                                                                                                                            .arche:hover img{transform:scale(1.035);filter:saturate(1.05)}
                                                                                                                                            .carte{text-align:center;transition:transform .25s,color .25s}
                                                                                                                                            .carte:hover{transform:translateY(-6px);color:var(--sauge)}
                                                                                                                                            .carte p{max-width:350px;margin-inline:auto}
                                                                                                                                            .prix{display:block;font:600 18px var(--titre);margin-top:12px}
                                                                                                                                            .neg{background:var(--prune);color:var(--ivoire)}
                                                                                                                                            .neg2{background:var(--prune-clair);color:var(--ivoire)}
                                                                                                                                            .duo{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}
                                                                                                                                            .duo .arche{height:700px}
                                                                                                                                            .partition{max-width:950px;margin:45px auto 0;border-top:1px solid currentColor}
                                                                                                                                            .sequence{display:grid;grid-template-columns:90px 1fr auto;gap:22px;padding:24px 0;border-bottom:1px solid currentColor;align-items:baseline;transition:padding-left .25s,color .25s,background .25s}
                                                                                                                                            .sequence:hover{padding-left:12px;color:var(--rose);background:var(--prune-clair)}
                                                                                                                                            .sequence small{letter-spacing:.18em}
                                                                                                                                            .debord{height:690px;margin-left:-10vw;border-radius:50% 50% 0 0/25% 25% 0 0;overflow:hidden;position:relative}
                                                                                                                                            .debord.droite{margin-left:0;margin-right:-10vw}
                                                                                                                                            .liste{list-style:none;padding:0;margin:30px 0}
                                                                                                                                            .liste li{padding:14px 0;border-top:1px solid var(--ligne);transition:padding-left .2s,color .2s}
                                                                                                                                            .liste li:hover{padding-left:8px;color:var(--sauge)}
                                                                                                                                            .citation{background:var(--rose);padding:100px 25px;text-align:center}
                                                                                                                                            .citation blockquote{font:italic 400 clamp(2.5rem,5.5vw,5.5rem)/1.1 var(--titre);max-width:1100px;margin:auto}
                                                                                                                                            .galerie{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:320px 320px;gap:12px}
                                                                                                                                            .galerie div{overflow:hidden;border-radius:50% 50% 0 0/22% 22% 0 0}
                                                                                                                                            .galerie .grand{grid-row:span 2}
                                                                                                                                            .rituel4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin:42px 0 30px}
                                                                                                                                            .rituel4 figure{margin:0;text-align:center}
                                                                                                                                            .rituel4 .arche{height:330px}
                                                                                                                                            .rituel4 figcaption{margin-top:14px;font:500 15px var(--titre);color:var(--prune)}
                                                                                                                                            .outil{display:grid;grid-template-columns:.8fr 1.2fr;border:1px solid var(--rose);max-width:1100px;margin:auto}
                                                                                                                                            .outil-commandes{padding:42px;border-right:1px solid var(--rose)}
                                                                                                                                            .choix{display:grid;gap:12px;margin:12px 0 25px}
                                                                                                                                            .choix button{min-height:52px;text-align:left;padding:12px 15px;border:1px solid var(--ligne);background:transparent;color:inherit;font:500 14px var(--texte);cursor:pointer;transition:background .2s,color .2s,transform .2s}
                                                                                                                                            .choix button:hover,.choix button.actif{background:var(--rose);color:var(--prune);transform:translateX(4px)}
                                                                                                                                            .recap{padding:55px;display:flex;flex-direction:column;justify-content:center;background:var(--prune-clair)}
                                                                                                                                            .recap b{display:block;font:500 48px var(--titre);color:var(--rose)}
                                                                                                                                            .recap-ligne{border-top:1px solid var(--ligne);padding:14px 0;display:flex;justify-content:space-between;gap:20px}
                                                                                                                                            .etapes{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ligne)}
                                                                                                                                            .etape{padding:28px;border-right:1px solid var(--ligne);transition:background .2s,color .2s}
                                                                                                                                            .etape:hover{background:var(--rose-pale);color:var(--sauge)}
                                                                                                                                            .etape small{color:var(--sauge);letter-spacing:.2em}
                                                                                                                                            .appel{text-align:center;border-block:1px solid var(--ligne);padding:85px 24px}
                                                                                                                                            .appel h2{max-width:950px;margin-inline:auto}
                                                                                                                                            .pied{background:var(--prune);color:var(--ivoire);padding:80px 0 30px}
                                                                                                                                            .pied-grille{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:55px}
                                                                                                                                            .pied a{display:block;margin:7px 0;transition:color .2s,transform .2s}
                                                                                                                                            .pied a:hover{color:var(--rose);transform:translateX(3px)}
                                                                                                                                            .pied small{font-size:10px}
                                                                                                                                            .page-hero{padding:105px 0 80px;text-align:center;border-bottom:1px solid var(--ligne)}
                                                                                                                                            .page-hero h1{font-size:clamp(3.8rem,8vw,8rem);margin-inline:auto;max-width:1100px}
                                                                                                                                            .contenu{padding:90px 0;overflow:hidden}
                                                                                                                                            .menu-ligne{display:grid;grid-template-columns:1fr auto;gap:25px;padding:24px 0;border-bottom:1px solid var(--ligne)}
                                                                                                                                            .menu-ligne b{font:500 23px var(--titre)}
                                                                                                                                            .form{display:grid;gap:16px}
                                                                                                                                            .form label{font-size:10px;text-transform:uppercase;letter-spacing:.15em}
                                                                                                                                            .form input,.form textarea,.form select{width:100%;padding:15px;border:1px solid var(--ligne);background:var(--blanc);font:16px var(--texte);transition:border-color .2s,background .2s}
                                                                                                                                            .form input:focus,.form textarea:focus,.form select:focus{outline:0;border-color:var(--prune);background:var(--rose-pale)}
                                                                                                                                            .note{padding:18px;border:1px solid var(--ligne);background:var(--blanc)}
                                                                                                                                            .rv{opacity:0;transform:translateY(26px);transition:opacity .7s,transform .7s}
                                                                                                                                            .rv.visible{opacity:1;transform:none}
                                                                                                                                            @keyframes ken{from{transform:scale(1)}to{transform:scale(1.06)}}
                                                                                                                                            @keyframes entree{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
                                                                                                                                            @keyframes souffle{50%{transform:translateY(6px)}}
                                                                                                                                            @keyframes lueur{50%{background:var(--rose-pale)}}
                                                                                                                                            @media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
                                                                                                                                            @media(max-width:900px){
                                                                                                                                              body{font-size:16px}
                                                                                                                                              .env{width:min(100% - 28px,1200px)}
                                                                                                                                              .menu-btn{display:block}
                                                                                                                                              .nav{display:none;position:absolute;top:94px;left:0;right:0;background:var(--prune);padding:24px;flex-direction:column;border-bottom:1px solid var(--rose)}
                                                                                                                                              .nav.ouvert{display:flex}
                                                                                                                                              .hero{min-height:92svh;height:auto}
                                                                                                                                              .hero-contenu{padding-top:170px;padding-bottom:55px}
                                                                                                                                              h1{font-size:clamp(3.6rem,16vw,6rem);overflow-wrap:anywhere}
                                                                                                                                              .hero-bas{display:block}.hero-bas p{font-size:20px}
                                                                                                                                              .defile{display:none}
                                                                                                                                              .essentiel{grid-template-columns:1fr 1fr}
                                                                                                                                              .essentiel>div:nth-child(2){border-right:0}.essentiel>div:nth-child(-n+2){border-bottom:1px solid var(--ligne)}
                                                                                                                                              .section{padding:78px 0}
                                                                                                                                              .arches3,.duo{grid-template-columns:1fr;gap:42px}
                                                                                                                                              .arche,.duo .arche{height:520px}
                                                                                                                                              .debord,.debord.droite{height:520px;margin:0}
                                                                                                                                              .sequence{grid-template-columns:55px 1fr}.sequence>:last-child{grid-column:2}
                                                                                                                                              .outil{grid-template-columns:1fr}.outil-commandes{border-right:0;border-bottom:1px solid var(--rose);padding:28px}.recap{padding:34px}
                                                                                                                                              .etapes{grid-template-columns:1fr 1fr}
                                                                                                                                              .galerie{grid-template-columns:1fr;grid-template-rows:350px 270px 270px}.galerie .grand{grid-row:auto}
                                                                                                                                              .rituel4{grid-template-columns:1fr 1fr}.rituel4 .arche{height:300px}
                                                                                                                                              .pied-grille{grid-template-columns:1fr}
                                                                                                                                              .page-hero{padding:70px 0}.page-hero h1{font-size:clamp(3.4rem,15vw,6rem);overflow-wrap:anywhere}
                                                                                                                                            }
