:root{--color-white:#fff;--color-black:#000;--color-brown:#50352a;--color-red:#c23732;--color-yellow:#fede33;--mobile-padding:20px}@font-face{font-family:Another Shabby;font-style:normal;font-weight:400;src:url(/fonts/AnotherShabby/AnotherShabby.woff) format("woff"),url(/fonts/AnotherShabby/AnotherShabby.woff2) format("woff2")}@font-face{font-family:Archer;font-style:normal;font-weight:400;src:url(/fonts/Archer/Archer-Medium.woff) format("woff"),url(/fonts/Archer/Archer-Medium.woff2) format("woff2")}@font-face{font-family:Archer;font-style:normal;font-weight:700;src:url(/fonts/Archer/Archer-Bold.woff) format("woff"),url(/fonts/Archer/Archer-Bold.woff2) format("woff2")}@font-face{font-family:Populaire;font-style:normal;font-weight:700;src:url(/fonts/Populaire/Populaire.woff) format("woff"),url(/fonts/Populaire/Populaire.woff2) format("woff2")}@font-face{font-family:Block Gothic;font-style:normal;font-weight:700;src:url(/fonts/BlockGothic/BlockGothicRR-BoldCond.woff) format("woff"),url(/fonts/BlockGothic/BlockGothicRR-BoldCond.woff2) format("woff2")}@media screen and (min-width:768px){:root{--mobile-padding:40px}}*,:after,:before{box-sizing:border-box}html{scrollbar-gutter:stable}body{background-image:url(/images/fond.webp);background-size:100% auto;margin:0;min-width:320px;padding-inline:var(--mobile-padding)}.container{padding-inline:var(--mobile-padding);width:100%}.container,main{margin-inline:auto;max-width:1200px}main{padding:3rem var(--mobile-padding);position:relative}@media screen and (min-width:768px){main{padding-block:5rem}}main:before{background-image:url(/images/pattern.webp);content:"";inset:0;-webkit-mask-image:url(/images/mask-1.svg),linear-gradient(#000,#000),url(/images/mask-2.svg);mask-image:url(/images/mask-1.svg),linear-gradient(#000,#000),url(/images/mask-2.svg);-webkit-mask-position:0 0,0 7px,0 calc(100% - 6px);mask-position:0 0,0 7px,0 calc(100% - 6px);-webkit-mask-repeat:no-repeat,no-repeat,no-repeat;mask-repeat:no-repeat,no-repeat,no-repeat;-webkit-mask-size:100% 10px,100% calc(100% - 20px),100% 10px;mask-size:100% 10px,100% calc(100% - 20px),100% 10px;position:absolute;z-index:0}@media screen and (min-width:1000px){main:before{-webkit-mask-position:0 0,0 9px,0 calc(100% - 2px);mask-position:0 0,0 9px,0 calc(100% - 2px)}}main:after{box-shadow:0 2px 4px rgba(0,0,0,.04),0 50px 100px #ebc63a,0 6px 14px rgba(89,58,25,.19);content:"";inset:0;position:absolute;z-index:-1}::-moz-selection{background-color:rgba(254,222,51,.5);color:var(--color-brown)}::selection{background-color:rgba(254,222,51,.5);color:var(--color-brown)}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;color:var(--color-brown);font-family:Archer,serif;font-size:16px;line-height:1.6;text-rendering:optimizeLegibility}a,a:link,a:visited{color:inherit;text-decoration-color:hsla(0,0%,100%,0);transition:text-decoration-color .2s}a:focus,a:hover,a:link:focus,a:link:hover,a:visited:focus,a:visited:hover{text-decoration-color:#fff}h1,h2,h3,h4{font-family:Populaire,sans-serif;font-weight:700;line-height:1.2;margin:0}h2+h3{margin-block-start:1.25rem}.heading-red{color:var(--color-red);font-size:2.625rem}.heading-red strong{font-family:Block Gothic;font-size:4rem;font-weight:900;position:relative;top:.25rem}.heading-subtitle{color:#a67a4f;font-family:Archer,sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.031rem;margin-block-end:.5rem;text-transform:uppercase}.heading-subtitle+p{margin-block-start:0}.heading-handwritten{color:#7a5342;display:inline-block;font-family:Another Shabby;font-size:2rem;font-weight:400;line-height:1.125;margin-block-end:3rem}.etapes{margin-block-start:-40px;position:relative}@media screen and (min-width:986px){.etapes{margin-block-start:-60px}}.etapes__intro{align-items:center;display:flex;flex-direction:column;text-align:center}.etapes__collection{height:auto;max-width:750px;width:100%}.etapes__title{display:inline-block;margin-block-start:3rem;position:relative;text-align:center}.etapes__title:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 39'%3E%3Cg fill='%237A5342'%3E%3Cpath d='M0 .2h.305H0h.377c5.079 14.787 13.83 26.831 29.595 31.713l-1.027 1.186C12.792 30.709 2.837 20.986.377 3.115l-.072-.544L0 .2Z'/%3E%3Cpath d='M26.434 28.354c-.188-1.255-.302-3.05-.341-5.386 1.897 2.738 3.233 4.79 4.01 6.154.777 1.364 1.364 2.694 1.763 3.99-1.298 1.27-2.613 2.296-3.943 3.075-1.33.779-3.35 1.706-6.057 2.78a33.316 33.316 0 0 1 2.944-4.464c1.046-1.326 2.094-2.347 3.146-3.065-.826-.802-1.333-1.83-1.522-3.084Z'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100% auto;bottom:0;content:"";height:39px;left:calc(100% + 20px);position:absolute;transform:scaleX(-1) rotate(70deg);width:32px}.etape{display:grid;grid-template-areas:"title" "glass" "sketch" "text";position:relative}@media screen and (min-width:500px){.etape{-moz-column-gap:10%;column-gap:10%;grid-template-areas:"sketch glass" "content glass";grid-template-columns:2fr 1fr}}@media screen and (min-width:986px){.etape{margin-top:-40px;padding-top:132px}}.etape:nth-child(2) .etape__glass:before{height:30px;right:-40px;top:-15px;transform:rotate(35deg);width:50px}@media screen and (min-width:768px){.etape:nth-child(2) .etape__glass:before{height:53px;top:-25px;width:100px}}.etape:nth-child(2) .etape__glass:after{bottom:-13px;height:35px;left:-35px;transform:rotate(30deg);width:55px}@media screen and (min-width:768px){.etape:nth-child(2) .etape__glass:after{bottom:-27px;height:57px;width:105px}}.etape:nth-child(3) .etape__glass:before{height:30px;left:50%;top:-12px;transform:rotate(3deg) translateX(-50%);width:50px}@media screen and (min-width:768px){.etape:nth-child(3) .etape__glass:before{height:53px;top:-25px;width:100px}}.etape:nth-child(3) .etape__glass:after{display:none}.etape:nth-child(4) .etape__glass:before{height:35px;left:-35px;top:0;transform:rotate(-45deg);width:70px}@media screen and (min-width:768px){.etape:nth-child(4) .etape__glass:before{height:53px;left:-70px;width:140px}}.etape:nth-child(4) .etape__glass:after{bottom:25px;height:40px;right:-30px;transform:rotate(90deg);width:80px}@media screen and (min-width:768px){.etape:nth-child(4) .etape__glass:after{bottom:50px;height:53px;right:-65px;width:130px}}.etape:nth-child(5) .etape__glass:before{height:25px;left:50%;top:-13px;transform:rotate(3deg) translateX(-50%);width:73px}@media screen and (min-width:768px){.etape:nth-child(5) .etape__glass:before{height:53px;top:-25px;width:143px}}.etape:nth-child(5) .etape__glass:after{bottom:-12px;height:30px;left:50%;transform:rotate(3deg) translateX(-50%);width:80px}@media screen and (min-width:768px){.etape:nth-child(5) .etape__glass:after{bottom:-25px;height:53px;width:100px}}@media screen and (min-width:500px){.etape:nth-child(2n){grid-template-areas:"glass sketch" "glass content";grid-template-columns:1fr 2fr}}@media screen and (min-width:986px){.etape:nth-child(2n){padding-top:236px}.etape:nth-child(2n) .etape__steps{transform:translateX(-50%) rotate(-25deg)}}.etape:nth-child(2n) .etape__glass img{transform:rotate(-1deg)}.etape__sketch{align-self:end;grid-area:sketch;margin:1rem calc(var(--mobile-padding)*-.5)}@media screen and (min-width:500px){.etape__sketch{margin:0}}.etape__sketch img{display:block;height:auto;width:100%}.etape__glass{grid-area:glass;margin-block-start:1rem;position:relative;width:80%}@media screen and (min-width:500px){.etape__glass{margin-block-start:0;width:100%}}.etape__glass:after,.etape__glass:before{background-image:url(/images/tape-photo.webp);background-size:100% 100%;content:"";display:block;height:40px;position:absolute;width:70px;z-index:2}@media screen and (min-width:768px){.etape__glass:after,.etape__glass:before{height:53px;width:100px}}.etape__glass img{display:block;height:auto;transform:rotate(1deg);width:100%}.etape__content{display:contents;font-size:1.15rem;grid-area:content}@media screen and (min-width:500px){.etape__content{display:block}}.etape__title-wrapper{display:flex;grid-area:title;justify-items:flex-start}.etape__number{height:2.625rem;margin-inline-end:1ch;width:auto}.etape__text{grid-area:text}.etape__steps{margin-bottom:2.5rem;margin-top:1rem}@media screen and (min-width:986px){.etape__steps{left:50%;margin:0;position:absolute;top:0;transform:translateX(-50%) rotate(25deg)}}.etape__steps .step.is-active,.etape__steps.is-active svg{fill:var(--color-red)}.etape__steps svg{fill:#d8d8d8;display:block;width:100%}.etape__steps .step{transition:fill .4s cubic-bezier(.77,0,.19,1)}.hero{position:relative}@media screen and (min-width:986px){.hero{align-items:start;display:grid;gap:10%;grid-template-areas:"video text";grid-template-columns:3fr 4fr}}.hero__video{cursor:pointer;grid-area:video;margin-block-end:1.5rem;position:relative}.hero__video:after{background-image:url(/images/video-tape.webp);background-size:100% 100%;bottom:-20px;left:-34px;max-width:calc(100vw - 10px);right:-57px;top:-24px}.hero__video:after,.hero__video:before{background-repeat:no-repeat;content:"";position:absolute}.hero__video:before{background-color:rgba(0,0,0,.5);background-image:url(/images/unmute.svg);background-position:50% 50%;background-size:50% auto;border-radius:50%;height:70px;left:50%;opacity:0;top:50%;transform:translate(-50%,-50%);transition:opacity .2s;width:70px;z-index:1}.hero__video:hover:before{opacity:1}.hero__video video{height:auto;max-width:100%;transform:rotate(-1deg)}.hero__text{display:flex;flex-direction:column;grid-area:text}@media screen and (min-width:986px){.hero__text{font-size:1.125rem}}.hero__text__duo-photo{--top-margin:1.5rem;--tape-margin:25px;align-self:flex-end;margin-block-start:calc(var(--top-margin) + var(--tape-margin));max-width:400px;position:relative;transform:rotate(1deg) translateX(calc(var(--mobile-padding)*1.5))}@media screen and (min-width:986px){.hero__text__duo-photo{--top-margin:2rem;align-self:center;transform:rotate(1deg) translateX(30px)}}.hero__text__duo-photo:after{background-image:url(/images/tape-photo.webp);background-repeat:no-repeat;background-size:100% 100%;content:"";height:53px;left:50%;position:absolute;top:calc(var(--tape-margin)*-1);transform:translateX(-50%);width:148px}.hero__text__duo-photo img{height:auto;width:100%}.quotes{margin-block-start:4rem;position:relative;text-align:center}@media screen and (min-width:986px){.quotes{margin-block-start:6rem}}.quotes__title{margin-inline:auto;position:relative;text-align:center}.quotes__title:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 39'%3E%3Cg fill='%237A5342'%3E%3Cpath d='M0 .2h.305H0h.377c5.079 14.787 13.83 26.831 29.595 31.713l-1.027 1.186C12.792 30.709 2.837 20.986.377 3.115l-.072-.544L0 .2Z'/%3E%3Cpath d='M26.434 28.354c-.188-1.255-.302-3.05-.341-5.386 1.897 2.738 3.233 4.79 4.01 6.154.777 1.364 1.364 2.694 1.763 3.99-1.298 1.27-2.613 2.296-3.943 3.075-1.33.779-3.35 1.706-6.057 2.78a33.316 33.316 0 0 1 2.944-4.464c1.046-1.326 2.094-2.347 3.146-3.065-.826-.802-1.333-1.83-1.522-3.084Z'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100% auto;bottom:10px;content:"";height:39px;left:calc(100% + 20px);position:absolute;transform:scaleX(-1) rotate(83deg);width:32px}.quotes__content{display:flex;flex-direction:column;gap:3rem;text-align:left}@media screen and (min-width:986px){.quotes__content{gap:4.5rem}}.quotes__logo{margin-block-start:4rem}@media screen and (min-width:600px){.quote{display:grid;gap:10%;grid-template-areas:"image text";grid-template-columns:4fr 7fr}}@media screen and (min-width:900px){.quote{grid-template-columns:3fr 7fr}}@media screen and (min-width:600px){.quote:nth-child(2n){grid-template-areas:"text image";grid-template-columns:7fr 4fr}}@media screen and (min-width:900px){.quote:nth-child(2n){grid-template-columns:7fr 3fr}}.quote:nth-child(2n) .quote__polaroid{transform:rotate(5deg) translateX(5%)}@media screen and (min-width:600px){.quote:nth-child(2n) .quote__polaroid{transform:rotate(5deg) translateX(-5%)}}.quote:nth-child(2n) .quote__polaroid:after,.quote:nth-child(2n) .quote__polaroid:before{background-image:url(/images/tape-photo.webp);background-size:100% 100%;content:"";display:block;height:53px;position:absolute;width:100px}.quote:nth-child(2n) .quote__polaroid:before{right:-40px;top:-25px;transform:rotate(35deg)}.quote:nth-child(2n) .quote__polaroid:after{bottom:-27px;left:-35px;transform:rotate(30deg)}.quote__image{grid-area:image;width:100%}.quote__content{align-self:center;grid-area:text;padding:2rem 0}@media screen and (min-width:600px){.quote__content{padding:2rem}}.quote__author,.quote__description,.quote__text{font-size:1.2rem}.quote__text{color:#28150d;font-family:Another Shabby;margin:5rem 60px 0;position:relative}@media screen and (min-width:600px){.quote__text{margin-inline:0}}.quote__text:before{background-image:url(/images/quote-background.svg);background-repeat:no-repeat;background-size:100% 100%;bottom:-50px;left:-65px;top:-40px}.quote__text:after,.quote__text:before{content:"";display:block;pointer-events:none;position:absolute;right:-40px}.quote__text:after{border:45px solid transparent;border-image-slice:45;border-image-source:url(/images/quote-border.svg);bottom:-30px;left:-40px;opacity:.7;top:-30px}.quote__polaroid,.quote__text p{position:relative}.quote__polaroid{--padding:12px;align-self:start;background-color:#fefaf3;box-shadow:4px 6px 0 0 rgba(0,0,0,.1);display:flex;flex-direction:column;gap:15px;padding:var(--padding);transform:rotate(-5deg) translateX(5%);width:80%}@media screen and (min-width:400px){.quote__polaroid{--padding:15px}}@media screen and (min-width:500px){.quote__polaroid{--padding:12px}}@media screen and (min-width:700px){.quote__polaroid{--padding:18px}}@media screen and (min-width:900px){.quote__polaroid{--padding:25px;width:100%}}.quote__polaroid__paperclip{--border:3px groove #ddd;--border-radius:19px;--cut-off:10px;--width:20px;left:10%;position:absolute;transform:rotate(-3deg)}@media screen and (min-width:700px){.quote__polaroid__paperclip{--cut-off:15px;--width:25px}}.quote__polaroid__paperclip__inner{position:relative}.quote__polaroid__paperclip__inner:after{border-left:var(--border);border-right:var(--border);border-top:var(--border);border-top-left-radius:10px;border-top-right-radius:10px;content:"";height:var(--cut-off);left:0;position:absolute;top:calc(var(--padding)*-1);width:var(--width)}@media screen and (min-width:700px){.quote__polaroid__paperclip__inner:after{border-top-left-radius:15px;border-top-right-radius:15px}}.quote__polaroid__paperclip__inner:before{border-bottom:var(--border);border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);border-left:var(--border);border-right:var(--border);clip-path:polygon(-3px -3px,50% -3px,50% 20%,100% 20%,100% 100%,-3px 100%);content:"";height:40px;left:0;position:absolute;top:calc(var(--padding)*-1 + var(--cut-off));width:calc(var(--width)*.8)}@media screen and (min-width:700px){.quote__polaroid__paperclip__inner:before{height:50px}}.quote__polaroid img{display:block;height:auto;width:100%}.footer{--overlap:30px;color:#fff;font-size:1rem;margin-block-start:calc(var(--overlap)*-1);margin-inline:calc(var(--mobile-padding)*-1);padding:calc(6rem + var(--overlap)) 0 4rem;position:relative}@media screen and (min-width:986px){.footer{--overlap:100px}}.footer:before{background-image:url(/images/wood.webp);background-size:800px 500px;content:"";inset:0;position:absolute;z-index:-1}.footer__navigation{margin:0 auto 4rem}.footer__navigation ul{list-style:none;margin:0;padding:0}@media screen and (min-width:768px){.footer__navigation ul{display:flex;gap:2ch;justify-content:center}}.footer__navigation a{display:inline-block;padding:4px 0}.footer__legal{font-family:Block Gothic;font-size:.85rem;text-align:center;text-transform:uppercase}.footer__legal__divider{margin-inline:1ch}.site-header{padding:2rem var(--mobile-padding);text-align:center}@media screen and (min-width:768px){.site-header{padding-block:4rem}}.site-header__logo{aspect-ratio:2245/744;background-image:url(/images/logo-chouffe.webp);background-repeat:no-repeat;background-size:contain;display:block;margin:0 auto;max-width:434px;text-indent:-9999px;width:75%}