*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: black;--color-background: #ffffff;--color-slate-blue: #89a8b2;--color-light-slate: #b3c8cf;--color-beige: #e5e1da;--color-off-white: #fbf9f5;--color-deep-navy: #27445d;--color-bright-blue: #0570b6;--color-teal-green: #497d74;--color-aqua: #71bbb2;--color-cream: #efe9d5;--color-dark-gray: #4c585b;--color-muted-blue: #7e99a3;--color-soft-blue: #a5bfcc;--color-pale-cream: #f4edd3;--color-deep-red: #dd0909fa;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900;--font-primary: "Montserrat", sans-serif;--font-secondary: "Spectral", sans-serif;--font-weight: var(--font-weight-light);--font-size-small: .8rem;--font-size-base: 1rem;--font-size-medium: 1.2rem;--font-size-large: 1.5rem;--font-size-xl: clamp(1rem, calc(1vw + 1rem) , 2rem);--font-size-xxl: 3rem;--font-size-xxxl: clamp(2.6rem, calc(3vw + 1rem) , 4rem);--border-radius: .4rem;--border-radius-full: 50rem;--selection-background: #a5bfcc;--selection-text: #ffffff;font-family:var(--font-primary);font-weight:var(--font-weight);color-scheme:light dark;color:var(--color-primary);background-color:var(--color-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background-color:var(--selection-background);color:var(--selection-text)}::-moz-selection{background-color:var(--selection-background);color:var(--selection-text)}html{overflow-x:clip}body{margin:0;padding:0;display:flex;place-items:center;overflow-x:clip}#root{width:100%}h1,h2,h3{font-family:var(--font-secondary);font-weight:var(--font-weight-semibold)}h1{font-size:var(--font-size-xl)}h2{font-size:var(--font-size-large)}h3{font-size:var(--font-size-medium)}p{font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight)}.footer{display:flex;flex-direction:column;flex-wrap:nowrap;box-shadow:0 5px 10px #0000001a}.footer-container-1{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:20px 45px;background:var(--color-off-white);width:100%;max-height:500px}.footer-container-2{display:flex;justify-content:center;padding:20px;width:100%;background:var(--color-muted-blue)}.footer-image{width:200px;min-width:200px;height:auto;align-content:center}.footer-image>img{width:70%;height:auto;display:block}.footer-hours-item{margin-bottom:10px}.footer-socials{display:grid;align-content:flex-start}.icons-container{display:flex;flex-direction:row;gap:25px}.footer-socials-icons{color:var(--color-primary);font-size:var(--font-size-medium);background:#ddd;padding:5px;border-radius:var(--border-radius);cursor:pointer;transition:background .2s;width:fit-content;display:flex}.footer-socials-icons:hover{background:var(--color-background);transform:translateY(-2px);box-shadow:0 4px 8px #00000026;border:1px solid #ccc}.footer-title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);line-height:4em;white-space:nowrap}.contact-info>p,.footer-hours-item>p,.footer-container-2>p{font-size:var(--font-size-small)}.schedule-days{font-weight:var(--font-weight-medium)}@media (max-width: 800px){.footer-container-1{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;padding:20px 16px;width:100%}.footer-container-1>div{display:flex;flex-direction:column;align-items:center;text-align:center}.footer-image{width:120px;margin:0 auto 16px}.footer-hours-item{margin-bottom:8px}.footer-title{line-height:1.2em;margin-bottom:8px}.contact-info>p,.footer-hours-item>p,.footer-container-2>p{font-size:.85rem}.icons-container{justify-content:center;gap:20px}.footer-socials-icons{font-size:1.5rem;padding:4px}}@media (max-width: 480px){.footer-container-1{grid-template-columns:1fr;max-height:none}.footer-container-2{font-size:.75rem;padding:12px 8px}}.hero-section{display:flex;flex-direction:column;background-size:cover;background-repeat:no-repeat;height:100vh;-webkit-user-select:none;user-select:none;background-image:url(/assets/montreal-skyline-5-I3KKb044.png);background-position:top;gap:3vw}.hero-content{display:grid;grid-template-columns:1fr;grid-template-rows:max-content max-content;height:500px;width:100%;position:relative;align-items:start;padding:0 3vw;top:10vw;gap:1em}.hero-title{padding-top:1%;line-height:clamp(3.6rem,4vw,5rem)}.hero-title>h1{color:var(--color-deep-navy);font-size:var(--font-size-xxxl);white-space:wrap;text-align:center;font-family:var(--font-primary)}.hero-slogan>h2{color:var(--color-deep-navy);font-size:var(--font-size-xl);text-align:center}.hero-logo{display:none}.hero-button-container{display:flex;justify-content:center;cursor:pointer}.hero-button-link{background-color:var(--color-off-white);font-size:clamp(.8rem,1.2vw,2rem);font-weight:var(--font-weight-medium);padding:1vw 1.5vw;border-radius:var(--border-radius-full);color:var(--color-deep-navy)}@media screen and (max-width: 1000px){.hero-slogan{display:none}.hero-content{top:clamp(80px,10vw,200px)}}@media screen and (max-width: 500px){.hero-section{width:100%;height:110vh}.hero-content{padding:3vw}.hero-title>h1{text-align:center;font-size:var(--font-size-xxl)}.hero-slogan{display:none}}.navbar{width:100%;z-index:1000;-webkit-user-select:none;user-select:none;position:fixed}.navbar:hover{background-color:var(--color-deep-navy);transition:all .3s ease}.navbar:hover .menu-item,.navbar:hover .language-code{color:var(--color-off-white)}.navbar:hover .logo-img{content:url(/assets/habitat-leasing-logo-white-DTnP_iWY.png)}.navbar-container{width:100%;display:grid;grid-template-columns:auto 1fr auto;column-gap:2rem;height:100%;align-items:center;padding:clamp(5px,1.5vw,10px) clamp(10px,2.5vw,25px) clamp(5px,1.5vw,5px) clamp(8px,2vw,15px)}.navbar-content{display:flex;align-items:center;justify-content:flex-end;width:100%;gap:2rem}.menu{width:fit-content;position:relative;justify-self:right;display:flex;gap:calc(3vw + 1rem);padding:clamp(10px,2.5vw,25px) clamp(8px,2vw,15px) clamp(5px,1.5vw,15px) clamp(8px,2vw,15px)}.logo{grid-column:1;width:fit-content}.logo img{width:calc(7vw + 1rem);margin-left:20%}.menu-item{font-size:clamp(.8rem,1.2vw,2rem);font-weight:var(--font-weight-semibold);cursor:pointer;text-decoration:none;position:relative;transition:all .3s ease;color:var(--color-deep-navy);padding-bottom:10px;white-space:nowrap}.menu-item:after{position:absolute;text-align:left;content:".";margin:0;opacity:0;bottom:0;left:0;right:0;width:0%;color:transparent;background:var(--color-off-white);height:2px;transition:width .3s ease-in-out}.menu-item:hover:after{width:100%;animation:fill 1s forwards;-webkit-animation:fill 1s forwards;-moz-animation:fill 1s forwards;opacity:1}.menu-item:hover{color:var(--color-primary)}.language-switcher{padding-bottom:5px}.language-code{font-size:clamp(.8rem,1.2vw,2rem);font-weight:var(--font-weight-semibold);color:var(--color-deep-navy);padding:5px 0 5px 15px}.dropdown-button{padding:5px 10px;border-radius:var(--border-radius);background:none;border:none;font-size:var(--font-size-medium);cursor:pointer}.dropdown-container:hover{background:#b3c8cf;border-radius:var(--border-radius)}.language-switcher .dropdown-container{position:relative}.dropdown-menu{position:absolute;top:100%;left:0;background:var(--color-background);list-style:none;border-radius:var(--border-radius);padding:5px;margin:0;width:fit-content;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-10px);transition:opacity .4s ease,transform .4s ease}.dropdown-menu.open{opacity:1;visibility:visible;pointer-events:auto;z-index:1001;transform:translateY(0)}.dropdown-menu li{cursor:pointer;padding:5px;display:flex;align-items:center;font-size:var(--font-size-small);font-weight:var(--font-weight-light)}.dropdown-menu li:hover{background:#f0f0f0;border-radius:var(--border-radius)}.dropdown-button img{width:calc(.2vw + 1rem)}.dropdown-menu li img{width:24px;height:16px;margin-right:8px;margin-left:8px}.navbar-icon-container{display:none}.backdrop{position:fixed;top:90px;left:0;width:100%;height:100%;background-color:#0006;z-index:999;display:block;pointer-events:none}@media screen and (max-width: 570px){.navbar{background-color:var(--color-deep-navy);display:flex;padding:25px 15px;align-items:center;justify-content:end}.navbar:hover{background-color:var(--color-deep-navy)}.navbar-container{display:flex;flex-direction:colum;background-color:var(--color-slate-blue);position:absolute;top:0;left:0;width:100%;z-index:1000;height:fit-content;transform:translateY(-100%);opacity:0;transition:transform .3s ease,opacity .3s ease}.navbar-container.visible{transform:translateY(27%);opacity:1;display:flex;flex-direction:column;align-items:center;justify-content:end;background-color:#27445dc7}.logo{display:none}.mobile-logo{flex:2;display:flex;padding:0 10px}.navbar-content{display:flex;align-items:center;justify-content:flex-end;width:100%;gap:2rem;flex-direction:column}.menu{display:flex;flex-direction:column;gap:1rem;padding:0;justify-content:end;text-align:right;width:100%}.menu :hover{color:var(--color-off-white)}.menu :after{background-color:var(--color-off-white)}.menu-item{color:var(--color-off-white);font-size:calc(1.5rem + 1vw)}.navbar-icon-container{display:flex;justify-self:center}.menu-icon{cursor:pointer;width:fit-content}.language-switcher{display:flex;justify-content:end;width:100%}.dropdown-container{width:100%;display:flex;justify-content:end;position:relative}.dropdown-container span{font-size:calc(1rem + 1vw);color:var(--color-off-white)}.dropdown-container .dropdown-menu{position:absolute;top:100%;right:0;left:auto;transform:none}.dropdown-container .dropdown-menu.open{display:flex;flex-direction:column;align-items:center;top:100%;right:0;transform:none;justify-content:space-between}.dropdown-container .dropdown-menu.open li{margin:9px;width:100%;justify-content:space-around}.dropdown-container:hover{background:none}}.about-section{height:100vh;display:flex;flex-direction:column;padding:8.5vw 3vw 3vw;overflow-x:hidden;background-color:var(--color-off-white);position:relative;z-index:10;padding-bottom:0}.about-content-container{height:100%;display:flex;flex-direction:column;padding:2vw 3vw 3vw;width:100%;gap:10px;align-items:center}.about-content{width:100%}.about-content>p{font-size:clamp(1.2rem,1.5vw,2rem);font-weight:var(--font-weight-regular);line-height:1.6;color:#666}.about-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:30px;color:var(--color-off-white);line-height:1.2;letter-spacing:-.5px;font-family:var(--font-primary);background-color:var(--color-deep-navy);position:relative;left:-100%;top:0;text-align:right;width:100%;padding:0 20px;opacity:0;transition:transform 1s ease-out,opacity 1s ease-out}.about-title.visible{transform:translate(20%);opacity:1}.about-text{text-align:justify;border-left:4px solid var(--color-bright-blue);padding:2.5rem 2rem}.about-stats{display:flex;flex-direction:row;justify-content:space-evenly;gap:24px;padding:20px;opacity:0;transform:translateY(50px);transition:opacity 1s ease-out,transform 1s ease-out;width:100%}.about-stats.visible{opacity:1;transform:translateY(0)}.highlight{font-weight:var(--font-weight-bold);color:var(--color-bright-blue)}.stat-item{display:flex;flex-direction:column;align-items:center;width:100%}.stat-number{font-size:var(--font-size-xxxl);font-weight:var(--font-weight-bold);color:var(--color-bright-blue);margin-bottom:8px}.stat-label{font-size:var(--font-size-medium, 1rem);color:#666;font-weight:var(--font-weight-medium);line-height:1.4;text-align:center}.about-boroughts{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;position:relative;margin-top:auto;z-index:20}.scroller{overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,white 20%,white 80%,transparent);mask:linear-gradient(90deg,transparent,white 20%,white 80%,transparent);padding-top:4em}.scroller-inner{width:fit-content;display:flex;gap:3rem;padding-block:1rem;flex-wrap:nowrap;animation:scroll 100s linear infinite}.scroller-inner:hover{animation-play-state:paused}.tag-list li{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);width:fit-content;white-space:nowrap;border-radius:20px;padding:5px 10px;background-color:var(--color-bright-blue)}@keyframes scroll{to{transform:translate(calc(-50% - 1.5rem))}}.tag-list{list-style-type:none}@media screen and (max-width: 1200px){.about-section{height:fit-content;padding-bottom:100px}.about-title.visible{transform:translate(30%)}}@media screen and (max-width: 500px){.about-section{height:fit-content}.about-text{padding:2rem 1rem;-webkit-hyphens:auto;hyphens:auto}.about-stats{flex-wrap:wrap}.about-title.visible{transform:translate(50%);padding:4px 20px}.stat-item{width:fit-content}}.contact-section{background-color:var(--color-off-white);height:100vh;padding:8.5vw 3vw 3vw;overflow-x:hidden;display:flex}.contact-content-container{align-self:center;display:flex;flex-direction:row;justify-content:center;align-items:center;height:100%;width:100%}.contact-page-text-container{flex:1;text-align:center;display:flex;flex-direction:column;align-self:center;margin:0 5vw;width:100%;color:var(--color-deep-navy)}.contact-page-text-container h1{font-family:var(--font-primary)}.contact-page-text-container p{font-family:var(--font-primary);font-size:1.5em}.contact-form-container{flex:1.5;padding:2vw 5vw;border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;height:90%;display:flex;flex-direction:column;justify-content:space-evenly}.contact-form{height:100%;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr)}.form-element{display:flex;flex-direction:column;width:100%;padding:0 1vw;gap:1em}.form-element.message{width:100%;grid-column:1 / -1}textarea{padding:.5vw;outline:none;resize:vertical;font-size:var(--font-size-medium);height:100%;max-height:20vh}.form-element label{font-family:var(--font-primary);font-size:var(--font-size-medium);color:var(--color-deep-navy);font-weight:var(--font-weight-bold)}.form-element input{padding:.5vw;outline:none;font-size:var(--font-size-medium)}.input-error{background-color:transparent;border:none;border-bottom:2px solid var(--color-deep-navy)}.error-message{color:var(--color-deep-red)}.input{background-color:transparent;color:var(--color-deep-navy);border:none;border-bottom:2px solid var(--color-deep-navy)}.submit-button-container{position:relative;display:flex;justify-content:center;align-items:center;width:100%;grid-column:1 / -1;margin:2vw 0}.submit-button-container button{background-color:var(--color-deep-navy);color:#fff;width:100%;cursor:pointer;padding:.5vw 0;border-radius:var(--border-radius);font-size:var(--font-size-medium);font-weight:var(--font-weight-semibold)}@media screen and (max-width: 1200px){.contact-section{height:fit-content}.contact-content-container{height:100%;flex-direction:column;align-items:center;padding:0 5vw;justify-content:space-evenly}.contact-form-container{height:60%;width:100%}.contact-page-text-container{justify-content:center;width:fit-content;margin:0 5vw}.contact-form-container form{flex-direction:column;justify-content:space-evenly}.form-element{width:100%}}@media screen and (max-width: 500px){.contact-section{padding:8.5vw 3vw}.content-form-container{width:100%;height:100%}.contact-form{display:flex;flex-direction:column}.form-element{margin:2vw 0;height:100%}.submit-button{padding:0 1vw;font-size:var(--font-size-medium)}.contact-page-text-container{margin:20px 15px}.contact-page-text-container h1{font-size:2em}textarea{height:max(500px,20vh)}}.services-section{background-color:#c6e7ff;display:flex;flex-direction:column;padding:8.5vw 3vw 3vw;overflow-x:hidden;position:relative;height:fit-content;z-index:10}.services-section:after{content:"";position:absolute;bottom:0;left:0;height:30%;width:100%;background-color:var(--color-off-white);z-index:10;clip-path:ellipse(130vw 100vw at 50vw 100vw)}.services-text-container{background-color:#ffffffa6;border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;padding:2vw 5vw;margin:0 5vw;position:relative;z-index:20}.services-text-container h1,h2,li,p{font-family:var(--font-primary);color:var(--color-deep-navy)}.services-text-container>p{font-size:clamp(1.2rem,1.2vw,2rem);font-weight:var(--font-weight-medium);line-height:1.6;color:var(--color-deep-navy);margin-top:20px}.services-title{font-family:var(--font-primary);background-color:var(--color-deep-navy);color:var(--color-off-white);margin:30px 0;position:relative;left:-100%;top:0;text-align:right;width:100%;padding:0 20px;opacity:0;transition:transform 1s ease-out,opacity 1s ease-out}.services-title.visible{opacity:1;transform:translate(25%)}.services-list-container{display:flex;flex-direction:column}.service-item{display:flex;flex-direction:row;margin:2vw 0}.service-item-text{display:flex;flex-direction:column;padding:0 2vw;gap:2vw;-webkit-hyphens:auto;hyphens:auto}.service-item-text ul{font-size:clamp(1.2rem,1.2vw,2rem);font-weight:var(--font-weight-medium);line-height:2;list-style-position:inside;padding:0;margin:0;text-align:left;-webkit-hyphens:auto;hyphens:auto}.subtitle-highlight{font-weight:var(--font-weight-bold);color:var(--color-deep-navy)}.highlight{font-weight:var(font-weight-bold)}.service-item-image{width:40%;height:300px;aspect-ratio:16 / 9;height:auto;border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;object-fit:cover}.about-boroughts{z-index:20}.tag-list li{color:#fff}.tag-list li:nth-child(1){background-color:#d74242}.tag-list li:nth-child(2){background-color:#d75b42}.tag-list li:nth-child(3){background-color:#d77342}.tag-list li:nth-child(4){background-color:#d78c42}.tag-list li:nth-child(5){background-color:#d7a542}.tag-list li:nth-child(6){background-color:#d7be42}.tag-list li:nth-child(7){background-color:#d7d742}.tag-list li:nth-child(8){background-color:#bed742}.tag-list li:nth-child(9){background-color:#a5d742}.tag-list li:nth-child(10){background-color:#8cd742}.tag-list li:nth-child(11){background-color:#73d742}.tag-list li:nth-child(12){background-color:#5bd742}.tag-list li:nth-child(13){background-color:#42d742}.tag-list li:nth-child(14){background-color:#42d75b}.tag-list li:nth-child(15){background-color:#42d773}.tag-list li:nth-child(16){background-color:#42d78c}.tag-list li:nth-child(17){background-color:#42d7a5}.tag-list li:nth-child(18){background-color:#42d7be}.tag-list li:nth-child(19){background-color:#42d7d7}.tag-list li:nth-child(20){background-color:#42bed7}.tag-list li:nth-child(21){background-color:#42a5d7}.tag-list li:nth-child(22){background-color:#428cd7}.tag-list li:nth-child(23){background-color:#4273d7}.tag-list li:nth-child(24){background-color:#425bd7}.tag-list li:nth-child(25){background-color:#4242d7}.tag-list li:nth-child(26){background-color:#5b42d7}.tag-list li:nth-child(27){background-color:#7342d7}.tag-list li:nth-child(28){background-color:#8c42d7}.tag-list li:nth-child(29){background-color:#a542d7}.tag-list li:nth-child(30){background-color:#be42d7}.tag-list li:nth-child(31){background-color:#d742d7}.tag-list li:nth-child(32){background-color:#d742be}.tag-list li:nth-child(33){background-color:#d742a5}.tag-list li:nth-child(34){background-color:#d7428c}.tag-list li:nth-child(35){background-color:#d74273}.tag-list li:nth-child(36){background-color:#d7425b}@media screen and (max-width: 1200px){.services-text-container{padding:2vw 3vw;margin:0 3vw}.services-text-container ul{line-height:1.5}.service-item-image{width:50%;height:auto}.services-list-container{margin-top:2vw}}@media screen and (max-width: 500px){.services-text-container{text-align:justify;-webkit-hyphens:auto;hyphens:auto}.services-title{left:-70%;transform:translate(40%)}.service-item{flex-direction:column;text-align:center}.service-item ul{padding:20px;text-align:left}.service-item-text{margin-top:2.5vw}.service-item:last-child{flex-direction:column-reverse}.service-item-image{width:100%;height:auto;margin-bottom:2vw}}