*{box-sizing:border-box;margin:0;padding:0}:root{--main-color:#5FBFB9;--secondary-color:#0D283B;--text-color:#0D283B;--text-typo: "Space Grotesk";--light-bg:#FBF8F5;--bg-form: var(--light-bg);--container-padding: 20px}@media (min-width: 768px){:root{--container-padding: 20px}}.text-center{text-align:center}.text-color{color:var(--main-color)}.space-y-small{margin-top:1rem;margin-bottom:1rem}.space-y-medium{margin-top:2rem;margin-bottom:2rem}.space-y-large{margin-top:4rem;margin-bottom:4rem}@font-face{font-family:"Space Grotesk";font-display:swap;src:url(../fonts/SpaceGrotesk-Light.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:"Space Grotesk";font-display:swap;src:url(../fonts/SpaceGrotesk-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:"Space Grotesk";font-display:swap;src:url(../fonts/SpaceGrotesk-Medium.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:"Space Grotesk";font-display:swap;src:url(../fonts/SpaceGrotesk-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:"Brockmann";font-display:swap;src:url(../fonts/Brockmann-Medium.ttf) format("truetype");font-weight:500;font-style:normal}h2,h3,h4,h5{--font: 2rem;font-size:var(--font);line-height:105%;color:var(--main-color);margin-bottom:calc(var(--font) / 2)}@media (min-width: 768px){h2,h3,h4,h5{--font: 3.1rem}}h3{--font: 2.4rem}h4{--font: 1.8rem}h5{--font: 1.2rem}.box-title{font-family:Mortise;display:inline-block;border-bottom:1px solid var(--text-color);font-size:1.2rem;margin-bottom:.4rem}.content-box>h3{line-height:95%;font-size:1.9rem;margin-bottom:.5rem}@media (min-width: 768px){.content-box>h3{font-size:2.3rem}}.content-box p.sub-title{color:var(--main-color);font-size:1.1rem !important;font-weight:500;margin-bottom:.5rem}.content-box p.content-desc{font-size:.85rem}#side-form-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,0.5);z-index:9998;opacity:0;pointer-events:none;transition:opacity 0.3s ease}#side-form-overlay.open{opacity:1;pointer-events:auto}#side-form{position:fixed;top:0;right:0;width:100%;max-width:400px;height:100vh;background-color:var(--bg-form);z-index:9999;transform:translateX(100%);transition:transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);overflow-y:auto;padding:40px;box-shadow:-5px 0 15px rgba(0,0,0,0.2);display:flex;flex-direction:column}#side-form.open{transform:translateX(0)}#side-form .close-btn{position:absolute;top:20px;right:20px;background:none;border:none;font-size:30px;color:var(--text-color);cursor:pointer;line-height:1}#side-form .form-header h2{text-align:center;color:var(--text-color);font-family:Brockmann;font-weight:normal}#side-form .form-header p.sub-title{color:var(--main-color);text-align:center;font-size:1.2rem}#side-form .form-header p.discover{text-align:center;margin:.5rem 0 1.5rem 0}#side-form form{display:flex;flex-direction:column}#side-form form .form-row{display:flex;gap:15px;margin-bottom:5px}#side-form form .form-row input{flex:1;padding:5px 10px;border:none;background:#fff;font-size:13px;font-weight:bold;width:100%}#side-form form .form-row input::placeholder{color:#999;font-weight:normal}#side-form form .form-label-center{text-align:center;font-weight:bold;color:var(--main-color);margin:20px 0 10px 0;font-size:15px}#side-form form .buttons-row{gap:5px;margin-bottom:15px}#side-form form .buttons-row .btn-outline{flex:1;padding:.5rem .75rem;background:#fff;border:2px solid transparent;font-size:.75rem;color:var(--text-color);cursor:pointer;transition:0.2s}#side-form form .buttons-row .btn-outline.active,#side-form form .buttons-row .btn-outline:hover{border-color:#B2E3F0;background-color:#DDF4FA}#side-form form .form-required-text{text-align:right;font-size:10px;font-weight:bold;margin-bottom:1rem}#side-form form .checkbox-container{display:flex;align-items:flex-start;position:relative;padding-left:30px;margin-bottom:20px;cursor:pointer;font-size:10px;line-height:1.3;user-select:none}#side-form form .checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}#side-form form .checkbox-container input:checked ~ .checkmark{background-color:var(--text-color)}#side-form form .checkbox-container input:checked ~ .checkmark:after{display:block;left:6px;top:2px;width:4px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}#side-form form .checkbox-container .checkmark{position:absolute;top:0;left:0;height:18px;width:18px;background-color:transparent;border:1px solid var(--text-color)}#side-form form .checkbox-container .checkmark:after{content:"";position:absolute;display:none}#side-form form .form-legal{font-size:.7rem;line-height:100%;text-align:justify}#side-form form .btn{margin:0 auto;font-size:.8rem;margin-bottom:3rem}@media (max-width: 768px){.side-form{padding:30px 20px}}.mobile-only{display:none !important}.desktop-only{display:flex !important}@media (max-width: 1024px){.desktop-only{display:none !important}.mobile-only{display:flex !important}}.success-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.success-popup{background-color:#ffffff;padding:40px 30px;border-radius:12px;text-align:center;max-width:400px;width:100%;box-shadow:0 10px 25px rgba(0,0,0,0.2);animation:popIn 0.3s ease-out}.success-icon{background-color:#4CAF50;color:white;font-size:40px;width:80px;height:80px;line-height:80px;border-radius:50%;margin:0 auto 20px auto}.success-popup h3{color:#333;margin-bottom:15px;font-size:1.5rem}.success-popup p{color:#666;margin-bottom:25px;line-height:1.5}.success-popup .btn{margin:0 auto}@keyframes popIn{from{transform:scale(0.8);opacity:0}to{transform:scale(1);opacity:1}}.container{max-width:1140px;margin:0 auto;padding:40px var(--container-padding);position:relative}.navbar-wrapper{position:fixed;top:0;left:0;width:100%;background-color:#fff;z-index:1000;box-shadow:0 2px 10px rgba(0,0,0,0.05);transition:transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1)}.navbar-wrapper .navbar{display:flex;align-items:center;justify-content:space-between;width:95%;padding:13px var(--container-padding);height:76px;box-sizing:border-box;max-width:1440px;margin:0 auto}.navbar-wrapper .navbar .nav-logos{display:flex;gap:2em;align-items:center}.navbar-wrapper .navbar .nav-logos span{font-family:Brockmann;font-size:1.7rem}.navbar-wrapper .navbar .nav-logos figure{margin:0}.navbar-wrapper .navbar .nav-logos figure img{max-height:40px}.navbar-wrapper .navbar .nav-logos figure:last-child img{max-height:33px}.navbar-wrapper .navbar .nav-button{padding:0;position:fixed;top:24px;right:20px;z-index:4;transition:all 300ms ease;display:block;width:40px;height:28px;border-radius:0;border:none;background:transparent}@media (min-width: 768px){.navbar-wrapper .navbar .nav-button{display:none}}.navbar-wrapper .navbar .nav-button span{position:absolute;top:-1px;left:0;background:var(--text-color);border-radius:0;width:100%;height:3px;margin:0;transition:0.4s cubic-bezier(0.68, -0.6, 0.32, 1.6)}.navbar-wrapper .navbar .nav-button span:nth-of-type(2){top:calc(50% - 2px)}.navbar-wrapper .navbar .nav-button span:nth-of-type(3){top:calc(100% - 2px);bottom:0}.navbar-wrapper .navbar .nav-button:not(.collapsed) span{background:var(--text-color)}.navbar-wrapper .navbar .nav-button:not(.collapsed) span:nth-of-type(1){transform:rotatez(45deg) translate(12px, 5px);width:75%;height:3px}.navbar-wrapper .navbar .nav-button:not(.collapsed) span:nth-of-type(2){opacity:0}.navbar-wrapper .navbar .nav-button:not(.collapsed) span:nth-of-type(3){transform:rotatez(-45deg) translate(13px, -7px);width:75%;height:3px}.navbar-wrapper .navbar .nav-button.collapsed:hover span:nth-of-type(1){top:-5px}.navbar-wrapper .navbar .nav-button.collapsed:hover span:nth-of-type(3){top:calc(100% + 2px)}.navbar-wrapper .navbar #nav-menu{display:flex;gap:2em;background:#fff}@media (max-width: 767px){.navbar-wrapper .navbar #nav-menu{gap:1em;max-height:0;overflow:hidden;position:fixed;top:76px;left:0;width:100%;flex-direction:column;transition:all 300ms ease}}.navbar-wrapper .navbar #nav-menu.show{max-height:1000px}.navbar-wrapper .navbar #nav-menu a{color:var(--text-color);text-decoration:none;font-size:.75rem;border-bottom:1px solid transparent;font-weight:bold;transition:all 300ms ease}.navbar-wrapper .navbar #nav-menu a:hover{border-bottom-color:var(--text-color)}@media (max-width: 767px){.navbar-wrapper .navbar #nav-menu a{margin:30px 45px 0;font-size:1.5rem}.navbar-wrapper .navbar #nav-menu a:last-child{margin-bottom:25px}}body.scroll .navbar-wrapper{transform:translate3d(0, -100%, 0)}@media (min-width: 768px){body.scroll section#hero .form-trigger{top:0}}section#hero{position:relative}section#hero figure{margin:0}section#hero figure img{width:100%;height:auto;max-height:624px;object-fit:cover;object-position:bottom center;display:block}section#hero .form-trigger{transition:top 300ms ease;background-color:var(--bg-form);padding:28px;z-index:10}@media (min-width: 768px){section#hero .form-trigger{position:fixed;top:76px;right:0;width:230px}}section#hero .form-trigger>p{font-weight:bold;color:var(--main-color);text-transform:uppercase;font-size:1.15rem;line-height:110%;text-align:center}@media (min-width: 768px){section#hero .form-trigger>p{text-align:left}}section#hero .form-trigger>p span{display:block;color:var(--text-color)}section#hero .form-trigger .btn{margin:1rem auto 0}@media (min-width: 768px){section#hero .form-trigger .btn{width:100%;margin:.7rem 0 0}}section#devenez-proprietaire{text-align:center}@media (min-width: 768px){section#devenez-proprietaire{padding-top:2rem;padding-bottom:2rem}}section#devenez-proprietaire .container p{font-size:1.2rem;font-weight:500;margin-bottom:1rem}section#lorient{background:url(../img/lorient.webp) no-repeat center center;background-size:cover;min-height:500px}@media (min-width: 768px){section#lorient{min-height:530px;height:530px}}section#lorient .container{height:100%;display:flex;align-items:flex-start;padding:20px var(--container-padding)}@media (min-width: 768px){section#lorient .container{align-items:center;padding:40px var(--container-padding)}}section#lorient .container .content-box{margin:0 auto;max-width:390px;background:#fff;padding:33px}@media (min-width: 768px){section#lorient .container .content-box{margin-left:50%;margin-right:0}}section#quartier{background-color:var(--light-bg);padding-top:3rem;padding-bottom:0;min-height:480px;display:flex;position:relative}@media (min-width: 768px){section#quartier{padding-bottom:3rem}}section#quartier .container{display:flex;flex-direction:column;padding:0}@media (min-width: 768px){section#quartier .container{padding:10px;flex-direction:row;gap:3rem}}section#quartier .container:before{position:absolute;top:-1rem;bottom:-1rem;right:0;width:44vw;content:"";display:none;background:url(../img/quartier.webp) no-repeat top right;background-size:contain}@media (min-width: 768px){section#quartier .container:before{display:block}}section#quartier .container .content-box{padding:0 33px 0 53px}@media (min-width: 768px){section#quartier .container .content-box{padding:0;width:calc(50% - 3rem)}}section#quartier .container .content-box+figure{margin:0;position:relative;top:40px;z-index:1}@media (min-width: 768px){section#quartier .container .content-box+figure{display:none}}section#quartier .container .content-box+figure img{height:auto;width:100%;object-fit:contain}section#quartier .container .image-aside{background-color:#0D283B;border-top-right-radius:80px;padding:40px 60px 30px;position:relative;z-index:2;margin:0 40px;top:-40px;position:relative}@media (min-width: 768px){section#quartier .container .image-aside{top:0;width:350px;margin:0;padding:60px 70px 50px}}section#quartier .container .image-aside p.text-color{font-size:1.15rem;line-height:120%;margin-bottom:1rem}section#quartier .container .image-aside ul li{color:#fff;font-size:.9rem}section#parc{background:url(../img/parc.webp) no-repeat top left;background-size:100vw;min-height:500px}@media (min-width: 768px){section#parc{background-size:66vw}}section#parc .container{padding-top:70px;padding-bottom:70px}section#parc .container .content-box{margin-top:100px;background:#fff;padding:40px}@media (min-width: 768px){section#parc .container .content-box{margin-top:0;margin-left:50%;max-width:410px}}section#residence{background-color:var(--secondary-color);padding-top:40px}section#residence .section-title{display:flex;gap:1rem;margin-bottom:40px;justify-content:center;align-items:center}section#residence .section-title span{font-family:Mortise;display:inline-block;border-bottom:1px solid var(--main-color)}section#residence .section-title h3{color:#fff;margin:0;line-height:100%}section#residence figure{margin:0}section#residence figure img{width:100%;height:auto;max-height:570px;object-fit:cover;object-position:bottom center;display:block}section#residence .section-footer{color:#fff;padding:0 30px}@media (min-width: 768px){section#residence .section-footer{padding:0}}section#residence .section-footer>strong{display:block;margin-bottom:.5rem;margin-top:.5rem;font-size:1.2rem}section#residence .section-footer>p{max-width:800px;margin:0 auto;font-size:.9rem}section#appartements{padding:40px 60px}@media (min-width: 768px){section#appartements{padding:60px 40px}}section#appartements #appartements-upper{display:flex;flex-direction:column}@media (min-width: 768px){section#appartements #appartements-upper{flex-direction:row}}@media (min-width: 768px){section#appartements #appartements-upper #appartements-content{width:370px;padding-right:130px}}section#appartements #appartements-upper #appartements-content h2{font-size:2rem;margin-bottom:.5rem;line-height:100%}@media (min-width: 768px){section#appartements #appartements-upper #appartements-content h2{font-size:2.3rem}}section#appartements #appartements-upper #appartements-content h3{font-size:1.15rem;font-weight:500;line-height:120%;max-width:260px;margin-bottom:.5rem}@media (min-width: 768px){section#appartements #appartements-upper #appartements-content h3{max-width:210px}}section#appartements #appartements-upper #appartements-content .content-desc{font-size:.9rem}section#appartements #appartements-upper figure{margin:30px -40px 0}@media (min-width: 768px){section#appartements #appartements-upper figure{width:75%;margin:0}}section#appartements #appartements-upper figure img{width:100%;height:230px;object-fit:cover;display:block}@media (min-width: 768px){section#appartements #appartements-upper figure img{height:475px}}section#appartements #appartements-details{display:flex;flex-direction:column;margin-top:-80px}@media (min-width: 768px){section#appartements #appartements-details{margin:0;flex-direction:row}}section#appartements #appartements-details #appartements-details-title{display:flex;align-items:center;padding:60px 80px;border-bottom-left-radius:80px;background-color:var(--secondary-color)}@media (min-width: 768px){section#appartements #appartements-details #appartements-details-title{padding:40px 80px;width:370px}}section#appartements #appartements-details #appartements-details-title h4{font-size:1.2rem;line-height:120%}section#appartements #appartements-details #appartements-details-content{display:flex;flex-direction:column}@media (min-width: 768px){section#appartements #appartements-details #appartements-details-content{flex-direction:row;width:75%}}section#appartements #appartements-details #appartements-details-content .appartements-col{padding:10px 0 0 15px}@media (min-width: 768px){section#appartements #appartements-details #appartements-details-content .appartements-col{flex:33%}}section#appartements #appartements-details #appartements-details-content .appartements-col .col-inner{padding:15px 20px 10px;height:100%}@media (min-width: 768px){section#appartements #appartements-details #appartements-details-content .appartements-col .col-inner{padding:3px 20px 0}}section#appartements #appartements-details #appartements-details-content .appartements-col .col-inner h5{color:var(--text-color);font-size:.9rem;font-weight:500}section#appartements #appartements-details #appartements-details-content .appartements-col .col-inner ul{padding-left:1rem}section#appartements #appartements-details #appartements-details-content .appartements-col .col-inner ul li{font-weight:300;font-size:.9rem}section#appartements #appartements-details #appartements-details-content .appartements-col+.appartements-col .col-inner{border-top:1px solid #a8cbe5}@media (min-width: 768px){section#appartements #appartements-details #appartements-details-content .appartements-col+.appartements-col .col-inner{border-left:1px solid var(--text-color);border-top:none}}section#contact{background-color:var(--secondary-color);text-align:center;display:flex;flex-direction:column;align-items:center;padding:50px 50px 50px}@media (min-width: 768px){section#contact{padding:50px 0 50px}}section#contact h2,section#contact p{color:#fff}section#contact h2{margin:.5rem 1.5rem}@media (max-width: 767px){section#contact h2{font-size:2.4rem}}section#contact #contact-headline{color:var(--main-color);font-size:1.5rem;font-weight:500;margin:0 0 .75rem}section#contact .btn{margin:20px auto;font-size:1rem;padding-left:3rem;padding-right:3rem}section#contact #contact-logos{display:flex;align-items:center;gap:3rem;margin-top:2rem}section#contact #contact-logos figure{margin:0}section#contact #contact-logos figure img{height:80px;width:auto}section#contact #contact-logos figure:last-child img{height:70px}.mobile-sticky-cta{display:none;position:fixed;bottom:0;left:0;width:100%;z-index:999;box-shadow:0 -4px 14px rgba(0,0,0,0.15);opacity:0;transform:translateY(100%);pointer-events:none;transition:opacity 0.3s ease, transform 0.3s ease}.mobile-sticky-cta.visible{opacity:1;transform:translateY(0);pointer-events:auto}@media (max-width: 768px){.mobile-sticky-cta{display:block}}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#fff;font-family:var(--text-typo);font-size:16px;color:var(--noir);transition:all 300ms ease;padding-top:76px}.btn{background-color:var(--main-color);font-family:var(--text-typo);color:#fff;font-weight:700;font-size:1.3rem;border:none;padding:.85rem 1.5rem .75rem;cursor:pointer;display:block;transition:all 0.3s ease;text-decoration:none}.btn:hover{background-color:#43a8a1}#footer{background-color:var(--light-bg);font-size:.6rem;font-weight:300}@media (min-width: 768px){#footer{padding:20px}}
/*# sourceMappingURL=main.css.map */