.hero,.overlap-6{position:relative}.contact-form input,.contact-form textarea,.error-message{font-family:ClashDisplay-Regular,sans-serif}.hero-title,.text-contact{text-align:center}.overlap-6{width:100%;min-height:1128px;z-index:1;display:flex;flex-direction:column;align-items:center;padding-top:280px;padding-left:20px;padding-right:20px;box-sizing:border-box;padding-top:clamp(160px,12vh,280px);background-image:url(../img/visuel-hero-contact.png);background-size:cover;background-position:center top;background-repeat:no-repeat}.hero{width:100%;height:1128px;background-color:#070322;overflow:hidden}.contact-form button::before,.hero-image{position:absolute;top:0;width:100%;z-index:0}.hero-image{left:50%;transform:translateX(-50%);max-width:1920px;height:auto;pointer-events:none}.hero-title{z-index:2;max-width:800px;width:100%}@media screen and (max-width:1024px){.overlap-6{padding-top:220px}.hero-title-main h1{font-size:28px;line-height:1.4}.studio-fabio{font-size:36px}}@media screen and (max-width:600px){.overlap-6{padding-top:180px}.hero-title-main h1{font-size:22px}}.text-contact{max-width:760px;margin:40px auto 0;padding:0 20px;animation:.8s ease-out .2s both fadeUp}.text-contact .text-hero{color:#fff;font-size:16px;line-height:1.7;opacity:.9}@media screen and (max-width:768px){.text-contact{max-width:90%}.text-contact .text-hero{font-size:14px;line-height:1.6}}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)}}.contact-form{max-width:700px;margin:-500px auto 70px;padding:0 20px;position:relative;z-index:5}.contact-form form{display:flex;flex-direction:column;gap:24px}.contact-form input,.contact-form textarea{width:100%;padding:18px 24px;border:none;border-radius:20px;background:linear-gradient(90deg,rgba(89,63,189,.2),rgba(163,128,255,.15));color:#fff;font-size:16px;outline:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}.contact-form button{font-family:ClashDisplay-Medium,sans-serif}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#ffffffaa}.contact-form button{align-self:center;padding:14px 36px;font-size:16px;background:0 0;color:#fff;border:1px solid #fff;border-radius:99px;cursor:pointer;display:flex;align-items:center;gap:12px;position:relative;overflow:hidden;transition:.3s}.contact-form button:hover{background:linear-gradient(90deg,#5a49ff,#ff5fc6);color:#fff;border-color:transparent}.contact-form button::before{content:"";left:-100%;height:100%;background:linear-gradient(90deg,#5a49ff,#ff5fc6);transition:left .4s}.contact-form button:hover::before{left:0}.contact-form button span{position:relative;z-index:1}.error-message{font-size:14px;color:#9e9d9e;margin-top:6px;display:none}input:invalid+.error-message,textarea:invalid+.error-message{display:block}.form-message{margin-top:16px;font-size:14px;color:#fff;opacity:0;transform:translateY(10px);transition:.4s}.form-message.visible{opacity:1;transform:translateY(0)}.form-message.hidden{opacity:0;transform:translateY(10px)}.google-map-container{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;overflow:hidden;z-index:2;opacity:0;transform:translateY(30px);animation:1s ease-out .2s forwards fadeMap}.map-overlay{position:absolute;inset:0;pointer-events:none}.map-overlay{background:linear-gradient(180deg,rgba(7,3,34,.9),rgba(7,3,34,0));z-index:3}@keyframes fadeMap{to{opacity:1;transform:translateY(0)}}.portfolio{background-color:#070322;padding:0 40px;color:#fff}.portfolio-container{max-width:1280px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.cta-button{text-transform:uppercase;text-decoration:none;transition:.3s}#portfolio-image{opacity:1;transition:opacity .4s ease-in-out}.cta-button{display:inline-flex;align-items:center;justify-content:center;text-transform:uppercase}@keyframes scroll-left{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.cta-button{font-family:ClashDisplay-Bold,sans-serif;color:#fff}.cta-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:12px 28px;border:2px solid transparent;border-radius:999px;background-image:linear-gradient(90deg,#1d1c2a,#1d1c2a),linear-gradient(90deg,#d38bff,#8f5aff);background-origin:padding-box,border-box;background-clip:padding-box,border-box;font-weight:700;font-size:14px;max-width:fit-content;width:auto;height:auto}.cta-button .arrow{font-size:16px;transition:transform .3s}.cta-button:hover{background-image:linear-gradient(90deg,#1d1c2a,#1d1c2a),linear-gradient(90deg,#8f5aff,#d38bff);box-shadow:0 0 10px rgba(143,90,255,.4)}.cta-button:hover .arrow{transform:translateX(4px)}@keyframes scroll-logos{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@media screen and (max-width:935px){.portfolio-image{width:100%;padding:0 16px;margin-top:20px;display:flex;justify-content:center}.portfolio-image img{width:100%;height:auto;max-width:480px;border-radius:16px}.portfolio-description{font-size:28px;font-family:ClashDisplay-SemiBold,sans-serif;background:linear-gradient(180deg,#fff 60%,#070322 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-align:center}.portfolio-description .text-light{font-family:ClashDisplay-Medium,sans-serif;font-size:28px;color:#000}.cta-button{font-family:ClashDisplay-Bold,sans-serif;color:#fff}.cta-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:2px solid transparent;border-radius:999px;background-image:linear-gradient(90deg,#1d1c2a,#1d1c2a),linear-gradient(90deg,#d38bff,#8f5aff);background-origin:padding-box,border-box;background-clip:padding-box,border-box;font-weight:700;font-size:14px;text-transform:uppercase;text-decoration:none;transition:.3s;max-width:100%;width:100%;height:48px}.cta-button .arrow{font-size:16px;transition:transform .3s}.cta-button:hover{background-image:linear-gradient(90deg,#1d1c2a,#1d1c2a),linear-gradient(90deg,#8f5aff,#d38bff);box-shadow:0 0 10px rgba(143,90,255,.4)}.cta-button:hover .arrow{transform:translateX(4px)}}