.cocon{--sel:#F3F5F3;--sel-ombre:#E8EBE8;--eau:#A8C9C3;--eau-pale:#DCEAE7;--pierre:#CFC8BC;--olive:#6E7355;--encre:#1F3A3D;--encre-doux:rgba(31,58,61,.7);--filet:rgba(31,58,61,.15);--gouttiere:clamp(1.25rem,4vw,5rem);--display:"Syne",system-ui,sans-serif;--texte:"Instrument Sans",system-ui,sans-serif;font-family:var(--texte);color:var(--encre);background:var(--sel);font-size:clamp(1.1875rem,1.05rem + .6vw,1.5rem);line-height:1.72;-webkit-font-smoothing:antialiased}.cocon *{box-sizing:border-box}.cocon img{display:block;width:100%;height:100%;object-fit:cover}.cocon a{color:inherit}.cocon :focus-visible{outline:2px solid var(--olive);outline-offset:3px}.cocon svg{display:block}.cocon button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}.cocon-annonce{margin:0;display:flex;align-items:center;justify-content:center;background:var(--encre);color:var(--sel);font-size:.8em;letter-spacing:.03em;text-align:center;padding:.75em 1rem}.cocon-entete{position:sticky;top:0;z-index:60;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:.85em var(--gouttiere);background:#f3f5f3eb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--filet)}.cocon-entete__gauche,.cocon-entete__droite{display:flex;align-items:center;gap:1.6rem}.cocon-entete__droite{justify-content:flex-end}.cocon-marque{font-family:var(--display);font-weight:600;letter-spacing:.16em;font-size:.92em;text-decoration:none;white-space:nowrap}.cocon-nav{display:flex;gap:1.9rem;font-size:.92em}.cocon-nav a{text-decoration:none;padding-block:.4rem;border-bottom:1px solid transparent;transition:border-color .25s ease}.cocon-nav a:hover{border-color:currentColor}.cocon-icone{display:grid;place-items:center;width:2.2rem;height:2.2rem;position:relative;text-decoration:none}.cocon-icone svg{width:1.5rem;height:1.5rem}.cocon-pastille{position:absolute;top:-.1rem;right:-.35rem;min-width:1.25rem;height:1.25rem;padding-inline:.25rem;background:var(--olive);color:#fff;border-radius:99px;font-size:.62em;font-weight:500;display:grid;place-items:center;line-height:1}.cocon-burger{display:none}@media(max-width:1040px){.cocon-nav{display:none}.cocon-burger{display:grid}}.cocon-tiroir{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:var(--sel);transform:translate(-100%);transition:transform .45s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;padding:var(--gouttiere);overflow-y:auto}.cocon-tiroir[data-ouvert=true]{transform:none}.cocon-tiroir__haut{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem}.cocon-tiroir__liste{list-style:none;margin:0;padding:0}.cocon-tiroir__liste>li>a{display:block;text-decoration:none;font-family:var(--display);font-weight:600;font-size:clamp(2.1rem,7.5vw,3rem);letter-spacing:-.025em;padding-block:.35rem}.cocon-tiroir__sous{list-style:none;margin:.4rem 0 1.4rem;padding:0;display:flex;flex-wrap:wrap;gap:.5rem 1.1rem}.cocon-tiroir__sous a{text-decoration:none;font-size:.95em;color:var(--encre-doux)}.cocon-tiroir__pied{margin-top:auto;padding-top:2.5rem;font-size:.92em;color:var(--encre-doux)}.cocon-tiroir__pied a{text-decoration:none}.cocon__bloc{padding:clamp(4.5rem,12vh,10rem) var(--gouttiere)}.cocon__mesure{max-width:44ch}.cocon__titre{font-family:var(--display);font-weight:500;letter-spacing:-.024em;font-size:clamp(2.2rem,5vw,3.9rem);line-height:1.06;margin:0 0 1.6rem}.cocon__para{margin:0 0 1.3rem;color:var(--encre-doux)}.cocon__para:last-child{margin-bottom:0}.cocon__lien{display:inline-block;font-size:.98em;text-decoration:none;padding-bottom:.3rem;border-bottom:1px solid currentColor;white-space:nowrap}.cocon__rangee{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:clamp(1.75rem,4vh,3rem);flex-wrap:wrap}.cocon-hero{position:relative;overflow:hidden}.cocon-hero__image{position:absolute;top:0;right:0;bottom:0;left:0;transform:scale(1.08);animation:cocon-respire 2.6s cubic-bezier(.16,1,.3,1) forwards}.cocon-hero__image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#1f3a3d4d,#1f3a3d0f 38%,#1f3a3d9e)}@keyframes cocon-respire{to{transform:scale(1)}}.cocon-hero__texte{position:absolute;left:var(--gouttiere);right:var(--gouttiere);bottom:clamp(2.5rem,7vh,5rem);color:#fff}.cocon-hero__titre{font-family:var(--display);font-weight:600;font-size:clamp(3.2rem,9.5vw,7.5rem);line-height:.93;letter-spacing:-.035em;margin:0 0 1.1rem;text-shadow:0 2px 24px rgba(15,32,34,.28)}.cocon-hero__sous{margin:0 0 1.9rem;font-size:clamp(1.3rem,2.2vw,1.8rem);max-width:34ch;opacity:.97;text-shadow:0 1px 16px rgba(15,32,34,.3)}.cocon-hero__titre span,.cocon-hero__sous,.cocon-hero__actions{display:block;opacity:0;transform:translateY(1rem);animation:cocon-monte 1s cubic-bezier(.16,1,.3,1) forwards}.cocon-hero__titre span:nth-child(1){animation-delay:.35s}.cocon-hero__titre span:nth-child(2){animation-delay:.5s}.cocon-hero__sous{animation-delay:.66s}.cocon-hero__actions{animation-delay:.8s;display:flex;gap:.85rem;flex-wrap:wrap}@keyframes cocon-monte{to{opacity:1;transform:none}}.cocon__bouton{display:inline-block;text-decoration:none;padding:1.05em 2.1em;font-size:.95em;font-weight:500;background:var(--sel);color:var(--encre);border:1.5px solid var(--sel);transition:background .25s ease,border-color .25s ease}.cocon__bouton:hover{background:#fff;border-color:#fff}.cocon__bouton--fantome{background:#14282a6b;color:#fff;border-color:#ffffffe6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.cocon__bouton--fantome:hover{background:#14282a9e;border-color:#fff}.cocon-reassurance{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem clamp(1.25rem,3vw,3rem);padding:clamp(2.5rem,5vh,4rem) var(--gouttiere);border-bottom:1px solid var(--filet)}@media(min-width:900px){.cocon-reassurance{grid-template-columns:repeat(4,1fr)}}.cocon-atout{display:flex;gap:1rem;align-items:flex-start}.cocon-atout svg{flex:none;width:1.8rem;height:1.8rem;stroke:var(--olive);stroke-width:1.4;fill:none;margin-top:.2rem}.cocon-atout p{margin:0;font-size:.9em;line-height:1.55}.cocon-atout strong{display:block;font-weight:500;font-size:1.1em;margin-bottom:.25rem}.cocon-atout span{color:var(--encre-doux)}.cocon-tissu{position:relative;overflow:hidden;background:var(--pierre)}.cocon-tissu>img{transform:scale(1.16)}@supports (animation-timeline:view()){@media(prefers-reduced-motion:no-preference){.cocon-tissu{animation-timeline:view();animation-fill-mode:both;animation-timing-function:linear}.cocon-tissu>img{animation:cocon-pose linear both;animation-timeline:view();animation-range:entry 0% cover 92%}.cocon-tissu--deroule{clip-path:inset(45% 0 45% 0);animation-name:cocon-deroule;animation-range:entry 6% cover 48%}.cocon-tissu--gauche{clip-path:inset(0 100% 0 0);animation-name:cocon-gauche;animation-range:entry 6% cover 48%}.cocon-tissu--droite{clip-path:inset(0 0 0 100%);animation-name:cocon-droite;animation-range:entry 6% cover 48%}.cocon-tissu--bas{clip-path:inset(100% 0 0 0);animation-name:cocon-bas;animation-range:entry 6% cover 48%}}}@keyframes cocon-deroule{to{clip-path:inset(0 0 0 0)}}@keyframes cocon-gauche{to{clip-path:inset(0 0 0 0)}}@keyframes cocon-droite{to{clip-path:inset(0 0 0 0)}}@keyframes cocon-bas{to{clip-path:inset(0 0 0 0)}}@keyframes cocon-pose{to{transform:scale(1)}}.cocon-js-tissu{transition:clip-path 1.25s cubic-bezier(.16,1,.3,1)}.cocon-js-tissu>img{transition:transform 1.7s cubic-bezier(.16,1,.3,1)}.cocon-js-tissu.cocon-tissu--deroule{clip-path:inset(45% 0 45% 0)}.cocon-js-tissu.cocon-tissu--gauche{clip-path:inset(0 100% 0 0)}.cocon-js-tissu.cocon-tissu--droite{clip-path:inset(0 0 0 100%)}.cocon-js-tissu.cocon-tissu--bas{clip-path:inset(100% 0 0 0)}.cocon-js-tissu.est-visible{clip-path:inset(0 0 0 0)}.cocon-js-tissu.est-visible>img{transform:scale(1)}.cocon-glisse{opacity:0;transform:translateY(1.4rem)}@supports (animation-timeline:view()){@media(prefers-reduced-motion:no-preference){.cocon-glisse{animation:cocon-monte linear both;animation-timeline:view();animation-range:entry 12% cover 42%}}}.cocon-js-glisse{transition:opacity .9s ease .15s,transform .9s cubic-bezier(.16,1,.3,1) .15s}.cocon-js-glisse.est-visible{opacity:1;transform:none}.cocon-univers{display:grid;gap:clamp(1.75rem,4vw,4.5rem);align-items:center;grid-template-columns:1fr;padding-block:clamp(3rem,7vh,7rem)}@media(min-width:900px){.cocon-univers{grid-template-columns:1.05fr .95fr}.cocon-univers--inverse .cocon-univers__visuel{order:2}.cocon-univers--inverse .cocon-univers__texte{order:1}}.cocon-univers__visuel{aspect-ratio:4/5}@media(min-width:900px){.cocon-univers__visuel{aspect-ratio:5/6}}.cocon-univers__index{font-family:var(--display);font-weight:500;font-size:.8em;letter-spacing:.18em;color:var(--olive);margin:0 0 1.2rem;text-transform:uppercase}.cocon-univers__titre{font-family:var(--display);font-weight:600;font-size:clamp(2.3rem,5.1vw,3.8rem);line-height:1.02;letter-spacing:-.028em;margin:0 0 1.3rem}.cocon-matieres{background:var(--encre);color:var(--sel)}.cocon-matieres__grille{display:grid;gap:3.25rem clamp(1.5rem,4vw,3.5rem);grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}.cocon-matiere{margin:0}.cocon-matiere dt{font-family:var(--display);font-weight:600;font-size:clamp(2.4rem,4.8vw,3.5rem);letter-spacing:-.025em;color:var(--eau)}.cocon-matiere dd{margin:.7rem 0 0;font-size:.95em;line-height:1.6;opacity:.86;max-width:26ch}.cocon-faq{max-width:60rem}.cocon-faq details{border-top:1px solid var(--filet)}.cocon-faq details:last-of-type{border-bottom:1px solid var(--filet)}.cocon-faq summary{list-style:none;cursor:pointer;padding:1.6rem 3rem 1.6rem 0;position:relative;font-size:1.12em;font-weight:500}.cocon-faq summary::-webkit-details-marker{display:none}.cocon-faq summary:after{content:"";position:absolute;right:.5rem;top:2rem;width:.8rem;height:.8rem;border-right:1.7px solid var(--encre);border-bottom:1.7px solid var(--encre);transform:rotate(45deg);transition:transform .3s ease}.cocon-faq details[open] summary:after{transform:rotate(-135deg)}.cocon-faq__reponse{padding:0 3rem 1.8rem 0;margin:0;color:var(--encre-doux);max-width:60ch}.cocon-pied{background:var(--encre);color:var(--sel);padding:clamp(3.5rem,9vh,6.5rem) var(--gouttiere) 2.5rem}.cocon-pied__colonnes{display:grid;gap:3rem clamp(1.5rem,4vw,3.5rem);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));margin-bottom:3.5rem}.cocon-pied h3{font-family:var(--display);font-weight:600;font-size:.8em;letter-spacing:.15em;margin:0 0 1.3rem;color:var(--eau);text-transform:uppercase}.cocon-pied ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.7rem}.cocon-pied a{text-decoration:none;font-size:.92em;opacity:.88}.cocon-pied a:hover{opacity:1;text-decoration:underline}.cocon-pied__mot{font-size:.92em;opacity:.84;max-width:30ch;margin:0}.cocon-pied__bas{border-top:1px solid rgba(243,245,243,.18);padding-top:2rem;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-wrap:wrap;font-size:.84em;opacity:.8}.cocon-paiements{display:flex;gap:.45rem;flex-wrap:wrap;align-items:center}.cocon-paiement{height:2rem;width:auto}.cocon-attente{position:relative;width:100%;height:100%;display:grid;place-items:center;background:var(--fond,#CFC8BC);background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.16) 0 2px,transparent 2px 6px),repeating-linear-gradient(0deg,rgba(31,58,61,.07) 0 2px,transparent 2px 6px)}.cocon-attente span{font-family:var(--display);font-weight:500;font-size:.72em;letter-spacing:.14em;color:#1f3a3d8c;text-transform:uppercase;text-align:center;padding:.5rem}.cocon button.cocon-ajouter{background:var(--encre);color:var(--sel)}.cocon button.cocon-ajouter:hover,.cocon button.cocon-ajouter:focus,.cocon button.cocon-ajouter:focus-visible,.cocon button.cocon-ajouter:active{background:#16292b;color:var(--sel)}.cocon button.cocon-ajouter[disabled]{background:var(--encre);color:var(--sel);opacity:.45}.cocon button.cocon-valeur[aria-pressed=true]{background:var(--encre);color:var(--sel);border-color:var(--encre)}@media(min-width:980px){.cocon .cocon-principale{aspect-ratio:auto;height:76vh;max-height:none}.cocon .cocon-vignettes{height:76vh;max-height:76vh}.cocon .cocon-galerie{position:sticky;top:5.5rem;align-self:start}}@media(max-width:979px){.cocon .cocon-principale{aspect-ratio:4/5;max-height:none}}.cocon .cocon-principale>img,.cocon .cocon-vignette>img{width:100%;height:100%;object-fit:cover;display:block}.cocon .cds-cadre{position:relative;overflow:hidden;border-radius:10px;margin:1.6rem 0;aspect-ratio:4/3;background:var(--pierre)}@media(min-width:980px){.cocon .cds-cadre{aspect-ratio:16/10}}.cocon .cds-cadre img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;will-change:transform}.cocon .cds-cadre--pan img{animation:cds-pan 29s ease-in-out infinite alternate}@keyframes cds-pan{0%{transform:scale(1.32) translate(6%)}to{transform:scale(1.32) translate(-6%)}}.cocon .cds-cadre--vert img{animation:cds-vert 28s ease-in-out infinite alternate}@keyframes cds-vert{0%{transform:scale(1.3) translateY(6%)}to{transform:scale(1.3) translateY(-6%)}}.cocon .cds-cadre--zoom img{transform-origin:50% 50%;animation:cds-zoom 25s ease-in-out infinite alternate}@keyframes cds-zoom{0%{transform:scale(1.02)}to{transform:scale(1.34)}}.cocon .cds-cadre--recul img{transform-origin:50% 40%;animation:cds-recul 24s ease-in-out infinite alternate}@keyframes cds-recul{0%{transform:scale(1.32)}to{transform:scale(1.02)}}.cocon .cds-cadre--diag img{animation:cds-diag 27s ease-in-out infinite alternate}@keyframes cds-diag{0%{transform:scale(1.28) translate(5%,3%)}to{transform:scale(1.28) translate(-5%,-3%)}}.cocon .cds-cadre--fondu img.b{animation:cds-fondu 14s ease-in-out infinite alternate}@keyframes cds-fondu{0%,42%{opacity:0}58%,to{opacity:1}}@media(prefers-reduced-motion:reduce){.cocon .cds-cadre img{animation:none!important;transform:none!important}.cocon .cds-cadre--fondu img.b{opacity:0}.cocon *,.cocon *:before,.cocon *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.cocon-tissu,.cocon-js-tissu{clip-path:none!important}.cocon-hero__titre span,.cocon-hero__sous,.cocon-hero__actions,.cocon-glisse,.cocon-js-glisse{opacity:1;transform:none}.cocon-tissu>img,.cocon-js-tissu>img{transform:none}}.cocon .cocon-promo{background:#e8806a;color:#fff}.cocon .cocon-promo__taux{color:#fff}.cocon .cocon-promo__code{color:#fff;border-color:#ffffffbf;background:#ffffff26}.cocon .cocon-promo__code:hover{background:#ffffff47;border-color:#fff}
/*# sourceMappingURL=/cdn/shop/t/8/assets/cocon.css.map */