.nav-menu ul,ul{list-style:none}.hero,.nav-menu a,header{position:relative}.hamburger,main p{padding-block:var(--spacing-m)}h1#headline,main p{padding-inline:var(--spacing-m)}.prop::after,.prop::before{content:'';inset-block-start:-10px}.contact,.headline,.process,.step .number{text-align:center}.btn,.nav-menu a,.nav-menu a:hover,a{text-decoration:none}:root{--ff:"Readex Pro",sans-serif;--primary-white:white;--secondary-white:rgb(255, 255, 255, 0.8);--primary-black:rgb(34, 34, 34);--secondary-black:rgb(34, 34, 34, 0.8);--gold-dark:rgb(165, 124, 0);--gold-light:gold;--header-1:clamp(1.2rem, 2vw, 1.5rem);--header-2:clamp(1.5rem, 5.9vw, 4rem);--header-3:clamp(1.5rem, 5vw, 1.8rem);--body-1:1.2rem;--body-2:1.2rem;--padding-section:4rem;--padding-hero:3rem;--text-dark:rgb(34, 34, 34);--backdrop-bg:rgb(34, 34, 34);--hover-light-bg:rgb(255 255 255 / 0.7);--spacing-xs:0.25rem;--spacing-s:0.5rem;--spacing-m:1rem;--spacing-l:1.5rem;--spacing-xl:2rem;--gap-s:.3rem;--gap-m:1rem;--gap-l:1.25rem;--border-standard:1px solid var(--primary-black);--border-thick:2px solid var(--primary-black);--radius-s:6px;--radius-pill:50px;--radius-circle:50%;--fw-semibold:600;--fw-bold:700;--transition-fast:all 0.2s ease;--max-width-container:1200px;--max-width-nav:1136px;--max-width-wide:1500px}*,::after,::before{box-sizing:border-box;margin:0;padding:0;font:inherit;font-family:var(--ff)}.btn,.contact .headline,.logo,.prop h3,.step .number,h1#headline{font-weight:var(--fw-bold)}html:focus-within{scroll-behavior:smooth}body,html{overflow-x:hidden;height:100%}body{text-rendering:optimize-speed;line-height:1.5;padding-block-start:1vw}img,picture{display:block}p{color:var(--secondary-black)}.container,.process .wrapper,.propositions .wrapper{max-width:calc(min(100%,var(--max-width-container)) - 2rem);margin-inline:auto}.center{margin-inline:auto}.img-cover{width:100%;height:100%;object-fit:cover}header{background-color:transparent;z-index:900}.wrapper:has(nav){margin-inline:auto;display:flex;justify-content:space-between;align-items:center;padding-block:var(--spacing-m);max-width:var(--max-width-nav);width:75%;height:75px;color:var(--primary-white)}.logo{font-size:var(--header-1);padding-inline-start:var(--spacing-xs)}.nav-menu ul{display:flex;gap:var(--spacing-l)}.nav-menu a{color:var(--primary-white);font-size:1rem;transition:.3s;padding:.4rem;overflow:hidden}.nav-menu a:hover{color:var(--gold-light);font-size:1rem}[dir=rtl] .herowrap,[dir=rtl] .nav-menu a::before{inset-inline-end:50%}.nav-menu a::before{content:'';position:absolute;inset-block-end:0px;transform:translateX(-50%) scaleX(0);transform-origin:center;transition:transform .3s;background-color:gold;height:2px;width:80%}[dir=ltr] .herowrap,[dir=ltr] .nav-menu a::before{inset-inline-start:50%}.prop::after,.prop::before,main .hero picture{inset-inline-start:0;position:absolute}.nav-menu a:hover::before{transform:translateX(-50%) scaleX(1)}.hamburger{display:none;cursor:pointer;background:0 0;border:none;padding-inline-start:var(--spacing-m);padding-inline-end:var(--spacing-xs)}.bar,.mcontainer a{display:block}.bar{pointer-events:auto;width:25px;height:3px;background-color:var(--primary-white);margin:var(--gap-s) 0;transition:.1s ease-in-out}.herowrap,.prop,.steps{display:flex}@media (hover:hover){.hamburger:hover .bar{background-color:var(--gold-dark);height:4px}}.herowrap{width:calc(80% - 2rem);max-width:1136px;padding:1vw;margin-inline:auto;position:absolute;inset-block-start:50%;transform:translate(-50%,clamp(-55%,-16vw,-40%));z-index:100;flex-direction:column;align-items:center;justify-content:space-between}.mcontainer,.mcontainer a,main .hero picture{aspect-ratio:1522/828;height:100%;max-width:var(--max-width-wide);width:100%}.mcontainer,.mcontainer a,.prop{position:relative}.firstcontainer,.prop{flex-direction:column}h1#headline{font-size:var(--header-2);text-align:start;line-height:1.3}.mcontainer{background-image:url('https://i.postimg.cc/44b864k0/IMG-0367.jpg');background-size:cover;transform:translateY(clamp(-150px,-12%,-50px));margin-inline:auto}main .hero picture{inset-block-start:0;z-index:6}.herowrap p{max-width:clamp(400px,60%,1000px);align-self:start}.propositions,footer{background:var(--primary-black);color:var(--primary-white);padding-block:var(--padding-section)}.prop::after,.prop::before,.step{background:var(--primary-white)}.propositions div.propwrap{display:grid;gap:3rem;grid-auto-rows:clamp(0px,25vh,175px)}.headline{font-size:1rem;padding-block-end:var(--spacing-m)}.prop::before{width:2px;height:160px}.prop::after{width:200px;height:2px}.prop h3{text-align:start;font-size:var(--header-3);padding-inline-start:1.75rem;line-height:1.2}.prop p{color:var(--secondary-white);padding-inline:0.75rem}.process{margin-block:var(--padding-section)}.process .headline{font-size:2rem;color:var(--text-dark)}.btn,.step .number,main a button{color:var(--primary-white)}.steps{flex-wrap:wrap;justify-content:center;gap:var(--gap-l)}.step{border:var(--border-standard);padding:var(--gap-l);flex:1 1 220px;max-width:260px}.contact,main a button{background:var(--gold-dark)}.step .number{display:inline-block;font-size:1.5rem;background:var(--primary-black);border-radius:var(--radius-circle);width:40px;height:40px;line-height:40px;margin-bottom:var(--gap-m)}.step h3{font-size:1.2rem;margin-block:0.625rem;margin-inline-start:0}.step p{color:var(--secondary-black);font-size:.95rem;line-height:1.5}.contact{margin-block-start:var(--spacing-xl);padding-block:var(--padding-hero)}.contact .headline{font-size:2rem;color:var(--text-dark);text-align:center;margin-bottom:var(--spacing-m);padding-block-start:var(--spacing-s)}.contact-buttons{display:flex;justify-content:center;gap:var(--gap-m);flex-wrap:wrap}.buttonwrapper{width:50%;max-width:200px}main a button{width:100%;height:40px;border:var(--border-thick);border-radius:var(--radius-pill);transition:var(--transition-fast)}.btn{display:inline-block;padding:12px 20px;border-radius:var(--radius-s);transition:background .3s,transform .2s}.btn.instagram{background:var(--primary-white);color:var(--primary-black);border:var(--border-thick);width:70%;max-width:400px}.btn:hover,a button:hover,footer a{color:var(--primary-white)}.btn:hover,a button:hover{background:var(--primary-black)}footer .container{display:flex;flex-direction:row;gap:var(--spacing-m)}footer .container>*{flex:1;border:2px solid var(--primary-black)}.firstcontainer{display:flex;justify-content:space-between}footer ul{display:flex;flex-direction:column;gap:.75rem}.footerlogo.logo{padding:0}.icons{width:60px;display:flex;justify-content:space-between}svg{fill:var(--primary-white);transition:.25s}svg:hover{transform:scale(1.2);fill:var(--gold-light)}@media (min-width:720px) and (max-width:860px){header>.wrapper{padding-block-start:clamp(32px,4vw,38px)}}@media (min-width:40rem){.propositions div.propwrap{display:grid;gap:var(--spacing-s);grid-auto-flow:column;grid-auto-columns:1fr;grid-template-rows:clamp(165px,30vh,170px)}.herowrap{width:minmax(min,max)}.prop::after,.prop::before{display:none}.prop{border-inline-end:2px dashed var(--primary-white)}.prop.third{border-inline-end:0}.prop h3{text-align:start;font-weight:var(--fw-semibold);font-size:clamp(1rem, 2.8vw, 2rem);padding-inline:0.75rem;white-space:nowrap}}@media (max-width:720px){body{padding-block-start:0}header{background:var(--primary-black)}.wrapper:has(nav){width:calc(min(100%,var(--max-width-container)) - 2rem)}.logo{padding-inline-start:var(--spacing-xs)}.hamburger{display:block}.nav-menu{display:none;flex-direction:column;width:100%;position:absolute;inset-block-start:60px;inset-inline-end:0;background-color:var(--backdrop-bg);backdrop-filter:blur(3px);text-align:center}.nav-menu.active{display:flex;gap:0}.nav-menu.active~.hamburger .bar{background:var(--gold-dark);height:4px}.nav-menu ul{flex-direction:column;gap:0}.nav-menu li{padding:var(--spacing-m) 0}.nav-menu li:hover{background-color:var(--hover-light-bg);backdrop-filter:blur(5px)}.nav-menu li:hover a{color:var(--primary-black)}.hero{padding-block:var(--padding-hero)}.mcontainer,.mcontainer a{transform:translateY(0)}img{overflow:hidden}}@media (max-width:719px){.mcontainer{aspect-ratio:3382/2126;background-image:url('https://i.postimg.cc/Nf2y7f5c/IMG-0388.webp')}}@media (max-width:555px){.mcontainer{aspect-ratio:960/1352;background-image:url('https://i.postimg.cc/RCc2D2qn/IMG-0384.jpg')}h1#headline{font-size:clamp(1.8rem, 7vw, 2.5rem)}.herowrap{width:85%}}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}}
