@import url(https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@100..900&display=swap);*,:after,:before{box-sizing:border-box}*{margin:0}@media (prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border:none;border-radius:999px;height:24px;width:128px}progress::-webkit-progress-value{background-color:var(--mark);border-radius:999px;transition:width .3s ease-in-out}progress::-webkit-progress-bar{background-color:#fff;border-radius:999px}progress::-moz-progress-bar{background-color:var(--mark);border-radius:999px;transition:width .3s ease-in-out}#gommes-choice{color:var(--mark);display:grid;gap:32px;grid-template-columns:repeat(3,1fr);margin-block:32px 96px;& .gomme-card{background:var(--bordo-pastel);border-radius:16px;padding-block:48px;& h4{font-size:1.2rem;font-weight:bolder}& h4,& p{text-align:center}& p{font-weight:500;margin-top:32px;text-transform:uppercase}}& progress{display:block;height:20px;margin:6px auto;width:80%}}.button{--color:#000;background-color:var(--color);border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;font-weight:700;padding:12px 24px;transition-duration:.1s;transition-property:background,transform,scale;transition-timing-function:ease-in-out;&:hover{background-color:color-mix(in oklch,var(--color),#fff 10%);cursor:pointer;transform:translateY(-4px)}&:active{background-color:var(--color,#000);scale:.95;transform:translateY(0)}}:root{--mark:#3b1426;--bordo:#7d162e;--green-dark:#174d32;--green-pastel:#c0cdbb;--bordo-pastel:#ebdfe4;--beige:#f2f0e9;--fs-xl:clamp(2rem,3vw + 1rem,4rem);--fs-l:clamp(1.5rem,2vw + 1rem,3rem);--fs-m:clamp(1.2rem,1.5vw + 1rem,2.5rem);--safe-border:64px}body,html{font-family:Lexend Deca,sans-serif;font-optical-sizing:auto;font-size:1rem;font-style:normal;font-weight:<weight>}.container-fluid{margin:auto;padding-inline:64px;width:100%}.container{margin:auto;max-width:min(1512px,80vw);padding-inline:5vw;width:100%}a{color:inherit;cursor:pointer;text-decoration:none;&:hover{cursor:pointer}}::selection{background:var(--bordo);color:#fff}.op{transition:opacity .15s ease-in-out}header{min-height:100vh;width:100%}nav{background:#fff;border-bottom:1px solid var(--mark);padding-block:16px;position:fixed;top:0;transform:translateY(-100%);width:100%;z-index:10}nav .container-fluid{align-items:center;display:flex;justify-content:space-between}#logo{height:56px}#nav-links{display:flex;font-weight:700;gap:32px}#hero,#nav-links{align-items:center}#hero{display:grid;grid-template-columns:40% 60%;height:100vh;width:100%}#climber{background-image:url(/build/images/rock-climber-scaling-steep-cliff-face-embodying-perseverance-thrill-ink-watercolor-illustratio.caccc839.webp);background-position:0 0;background-repeat:no-repeat;background-size:contain;height:95vh;margin-left:-5vw;margin-top:100px}#display{align-self:center;max-width:712px;& #sub-logo{align-items:baseline;display:flex;margin-bottom:24px;& #chausson{height:auto;max-width:100%}}& h1{font-size:var(--fs-xl);line-height:120%;margin-bottom:24px;text-wrap:balance}& #baseline-details{margin-bottom:32px;text-wrap:balance}}.step .step-details p{font-size:18px;margin-block:32px;text-wrap:balance}.step-header{align-items:center;display:flex;gap:24px;& .step-icon{background:var(--mark);border-radius:999px;color:#fff;flex-shrink:0;font-size:64px;font-weight:bolder;height:96px;line-height:96px;text-align:center;width:96px}& h3{font-size:2.2rem;line-height:120%}}h2{color:var(--mark);font-size:var(--fs-l)}.marked{background:var(--bordo);color:#fff;display:inline-flex;margin-top:128px;padding:8px 32px}#how{display:flex;padding-bottom:30vh}#left,#right{margin-block:10vh;width:50%}.step-wrapper{min-height:80vh}#right,.step-wrapper{display:flex;flex-direction:column;justify-content:center}#right{height:80vh;width:50%}#image-wrapper{--size:min(40vw,512px);height:var(--size);margin:auto;position:relative;width:var(--size);z-index:-1}.step-image{height:100%;mix-blend-mode:overlay;position:absolute;transition:transform .3s cubic-bezier(.3,.7,.4,1.4);width:100%;& img{position:relative;z-index:2}}#dont-jump{font-weight:700;opacity:0;position:relative;text-align:center;transform:translateY(-128px);z-index:1}#gomme{background:var(--mark);min-height:100vh;padding-block:128px}#chaussons{color:var(--bordo-pastel);display:grid;gap:32px;grid-template-columns:repeat(4,1fr);margin-block:96px;& p{font-weight:700;margin:24px auto;max-width:80%;text-align:center;text-transform:uppercase}& .etat{aspect-ratio:1/1;background-color:#fff;background-position:bottom;background-size:100%;border:6px solid var(--bordo-pastel);border-radius:999px;transition-duration:.15s;transition-property:background-size;transition-timing-function:cubic-bezier(.3,.7,.4,1.2);width:100%;&:hover{background-size:250%}}}#etat1{background-image:url(/build/images/etat1.d9bfed52.webp)}#etat2{background-image:url(/build/images/etat2.9ba5f89c.webp)}#etat3{background-image:url(/build/images/etat3.5bf7da97.webp)}#etat4{background-image:url(/build/images/etat4.97e544c0.webp)}#pricing{align-items:center;background:#fff;display:flex;min-height:100vh;padding-block:96px;#duals{display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(min(596px,100%),1fr))}& h3{border-bottom:6px solid var(--mark);font-size:1.7rem;margin-top:32px}}.price-list{display:grid;font-size:1.4rem;gap:32px;grid-template-columns:1fr 1fr;margin-top:32px;& dd{font-weight:700;text-align:right}}#where{align-items:center;background-color:var(--beige);display:flex;min-height:100vh;overflow:hidden;padding-block:96px;position:relative}#rock{height:100vh;left:60vw;position:absolute;top:-95vh}#where #address-grid{display:grid;gap:32px;grid-template-columns:1fr 1fr;margin-block:48px;& h3{border-bottom:6px solid var(--mark)}}.address{padding-block:32px;& h4{display:inline-block;font-size:1.2rem;font-weight:700}}.address+.address{border-top:4px solid var(--bordo-pastel)}#trust{background:var(--green-pastel);height:250vh;& #mich-wrapper{align-items:center;display:grid;gap:32px;grid-template-columns:min(50%,45vh) 1fr;height:100vh}}#mich-image-container{position:relative;& #fern{position:absolute;rotate:22deg;scale:0;top:200px;width:50%;z-index:1}}#mich{aspect-ratio:1/2;background-image:url(/build/images/mich.86cc741d.webp);background-position:20%;background-size:auto calc(100% + 64px);border:12px solid var(--green-dark);border-radius:999px;height:80vh;max-width:100%;position:relative;z-index:2}#faq{align-items:center;display:flex;min-height:100vh;padding-block:32px;& h2{margin-bottom:32px}}details{border:solid var(--mark);border-width:2px 2px 0;padding-inline:32px;transition:.35s}details:first-of-type{border-radius:16px 16px 0 0}details:last-of-type{border-bottom-width:2px;border-radius:0 0 16px 16px}summary{font-size:1.2rem;font-weight:700;padding-block:32px}details[open]{padding-bottom:32px}details[open] summary{border-bottom:2px solid var(--mark);margin-bottom:32px;padding-bottom:32px}#last-chance{align-items:center;background:var(--mark);border-radius:32px;display:grid;grid-template-columns:1fr 256px;margin:var(--safe-border) auto;max-width:1024px;padding:var(--safe-border);position:relative;z-index:2;& #footer-cta{justify-self:end;& .button{font-size:1.2rem;padding-inline:64px}}& h2{max-width:60vw}}#background{align-items:center;background-image:url(/build/images/backgound.91a0439b.webp);background-size:cover;display:flex;height:100vh;width:100vw;z-index:1}footer{background:var(--mark);color:#fff;position:relative;z-index:2;& #footer-details{align-items:center;display:grid;gap:64px;grid-template-columns:1fr 1fr 1fr;padding-block:24px}& a{display:block;&:hover{text-decoration:underline}}}#how-mobile{display:none}@media (orientation:portrait){--safe-border:32px}@media (max-width:768px){.container-fluid{min-height:auto}.container,.container-fluid{padding-inline:var(--safe-border)}.container{max-width:100%}#climber{display:none}#hero{grid-template-columns:100%;height:auto;min-height:75vh}#display{align-self:start;margin-top:32px}#how{display:none}#how-mobile{display:block;padding-block:64px}#where #address-grid{display:grid;gap:32px;grid-template-columns:1fr;margin-block:48px}#where #rock{display:none}#trust{background:var(--green-pastel);height:auto;padding-block:64px;& #mich-wrapper{grid-template-columns:1fr;height:auto;width:100%}}#mich-image-container{position:relative;& #fern{display:none}& #mich{aspect-ratio:1/1;height:auto;width:100%}}}@media (max-width:1024px){#last-chance{margin:var(--safe-border);max-width:100%}}@media (max-width:825px){:root{--safe-border:24px}nav{display:none}#chaussons{grid-template-columns:1fr;& .etat{display:block;margin:auto;width:70%}}#gommes-choice{grid-template-columns:1fr}#last-chance{gap:32px;grid-template-columns:1fr;& #footer-cta{width:100%}& h2{max-width:100%}}footer{padding-block:32px}footer #footer-details{gap:24px;grid-template-columns:1fr}summary{font-size:1.1rem}}#how-mobile{padding-inline:0}.carousel-container{position:relative}.carousel-wrapper{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;background:#fff;scroll-behavior:smooth}.carousel-wrapper::-webkit-scrollbar{display:none}.carousel-card{display:flex;flex:0 0 100%;flex-direction:column;max-width:512px;padding:0;position:relative;scroll-snap-align:start}.card-wrap{border:2px solid var(--bordo-pastel);border-radius:12px;display:flex;flex-wrap:wrap;height:100%;margin:var(--safe-border)}.card-image{height:max(200px,25vh);overflow:hidden;position:relative;width:100%}.card-image img{height:100%;object-fit:cover;transform:scale(1.1);transition:transform .8s ease;width:100%}.carousel-card.active .card-image img{transform:scale(1)}.card-image:after{background:linear-gradient(transparent,#fff);bottom:0;content:"";height:30px;left:0;position:absolute;right:0;z-index:2}.card-content{display:flex;flex:1;flex-direction:column;justify-content:space-between;padding:2rem;position:relative;z-index:2}.carousel-card .step-header{margin-bottom:2rem;& .step-icon{font-size:48px;height:64px;line-height:64px;width:64px}& h3{font-size:var(--fs-m)}}.card-description{line-height:1.6;margin-bottom:1.5rem}.carousel-card .button{display:block;justify-items:end;text-align:center}.carousel-indicators{display:flex;gap:1rem;justify-content:center}.indicator{background:#ddd;border-radius:50%;cursor:pointer;height:12px;transition:all .3s;width:12px}.indicator.active{background:var(--bordo);transform:scale(1.2)}