@layer base{:root{--background: #EBE6E3;--dark-foreground: #293A42;--light-foreground: #EBE6E3;--primary: #293A42;--accent: #BDD3DE;--section: #E7DED9;--radius: .3125rem}body{margin:0;background-color:var(--background);color:var(--dark-foreground);font-family:Open Sans,sans-serif}h1{font-family:Montserrat,sans-serif;font-weight:600;font-size:64px}h2{font-family:Montserrat,sans-serif;font-weight:600;font-size:36px}h3{font-family:Open Sans,sans-serif;font-weight:600;font-size:28px}h4{font-family:Open Sans,sans-serif;font-weight:400;font-size:24px}p,a,li{font-family:Open Sans,sans-serif;font-weight:400;font-size:18px}}@media only screen and (max-width:768px){@layer base{h1{font-size:40px}h2{font-size:24px}h3{font-size:20px}h4{font-size:18px}p,a,li{font-size:16px}}}.container{max-width:1000px;margin:0 auto}header{background-color:var(--primary);color:var(--light-foreground)}header .container{height:120px;display:flex;justify-content:space-between;align-items:flex-end;padding-top:20px;padding-bottom:20px}.logo{font-size:24px}.contact-header{display:flex;align-items:center;gap:5px}.contact-header img{width:1.5rem;height:1.5rem}.contact-header a{color:var(--light-foreground);text-decoration:none;transition:text-decoration .3s ease}.contact-header a:hover{text-decoration:underline}.hero{position:relative;min-height:584px;background-image:url(/inner_harbour.jpg);background-size:cover;background-position:center top;background-repeat:no-repeat;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#bdd3de00 0% 40%,#bdd3deb3 70%,#bdd3decc)}.hero-content{position:relative;z-index:1;padding:6rem 1.5rem;color:var(--foreground)}.hero h1,.hero h4{line-height:100%;margin-bottom:1.5rem;text-align:center}.principal-section h3,h4{margin:0}.principal-section .container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:2rem;padding-top:40px;padding-bottom:40px}.principal-info,.principal-title,.principal-details{display:flex;flex-direction:column;gap:.5rem}.principal-img{width:285px;height:285px;border-radius:var(--radius);flex-shrink:0;aspect-ratio:1/1}.services-section{background-color:var(--section);padding-top:40px;padding-bottom:40px}.service-item{display:flex;gap:1rem;align-items:center}.service-item h3{margin:.5rem 0}.service-icon{width:1.5rem;height:1.5rem}.service-description{position:relative;left:2.5rem;max-width:920px;margin:.5rem 0}.expertized-area-section{background-color:var(--section);padding-top:20px;padding-bottom:40px}.issues-title{margin-bottom:2rem}.issues-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.issue-card{background-color:var(--accent);border-radius:var(--radius);padding:2rem;display:flex;align-items:center;justify-content:center;min-height:80px;text-align:center}.profile-section{padding-top:40px;padding-bottom:40px}.profile-section .container{display:flex;flex-direction:column;gap:2rem}.profile-section h2{margin-bottom:.5rem}.profile-content{display:flex;align-items:center;gap:5rem}.profile-intro-text{display:flex;flex-direction:column;gap:1rem}.profile-intro-text h3,.profile-intro-text h4{margin:0}.profile-img{width:100%;max-width:250px;height:auto;aspect-ratio:233 / 322;border-radius:var(--radius);object-fit:cover;order:-1}.past-services{background-color:var(--section);border-radius:var(--radius);padding:2rem 4rem}.past-services li{line-height:1.6}.contact-section{background-color:var(--section);padding-top:40px;padding-bottom:60px}.contact-section .container{display:flex;justify-content:space-between;align-items:end;gap:2rem}.contact-info{display:flex;flex-direction:column;max-width:600px}.contact-info h2{margin-bottom:0}.contact-email{display:flex;align-items:center;gap:.75rem;font-size:1.1rem}.contact-email a{color:var(--dark-foreground);text-decoration:none;transition:text-decoration .3s ease}.contact-email a:hover{text-decoration:underline}.contact-img{width:300px;height:160px;flex-shrink:0;border-radius:var(--radius);object-fit:cover}footer{background-color:var(--primary);color:var(--light-foreground);padding:16px 80px;text-align:center}footer p{font-size:14px}@media only screen and (max-width:1024px){.container{max-width:800px;padding-left:40px;padding-right:40px}.desktop-break{display:none}}@media only screen and (max-width:768px){.container{max-width:680px;padding-left:32px;padding-right:32px}header .container{flex-direction:column;justify-content:center;align-items:flex-start;gap:0}.logo{font-size:18px}.hero{min-height:400px}.hero-content{padding:3rem 1.5rem}.hero h1,.hero h4{margin-bottom:1rem}.principal-img{width:200px;height:200px}.services-section{padding-top:20px;padding-bottom:20px}.service-description{max-width:calc(100vw - 120px)}.issues-grid{grid-template-columns:repeat(3,1fr)}.issue-card{padding:1rem;min-height:60px}.profile-section{padding-top:20px;padding-bottom:40px}.profile-section .container{gap:1rem}.profile-content{gap:2rem}.profile-img{max-width:180px}.profile-intro-text{gap:.5rem}.past-services{padding:1rem 2rem}.contact-section{padding-right:40px;padding-left:40px}.contact-img{max-width:200px}footer{padding:10px 40px}}@media only screen and (max-width:480px){.container{max-width:440px;padding-left:20px;padding-right:20px}header .container{height:80px;padding-top:16px;padding-bottom:16px}header .logo{margin:.3rem}header p,header a{margin:.3rem}.contact-header img{width:1rem;height:1rem}.hero-overlay{background:linear-gradient(180deg,#bdd3de00,#bdd3de33 40%,#bdd3deb3,#bdd3decc)}.hero h1,.hero h4{margin-bottom:.3rem}.principal-section .container{flex-direction:column;align-items:center;gap:.5rem;padding-top:20px;padding-bottom:20px}.principal-info,.principal-title,.principal-details{gap:.3rem}.service-description{max-width:calc(100vw - 80px)}.issues-grid{grid-template-columns:repeat(2,1fr)}.issue-card{padding:.5rem;min-height:60px}.profile-content{flex-direction:column}.past-services{padding:1rem}.past-services ul{padding-left:1.5rem}.contact-section{padding-top:20px;padding-bottom:20px}.contact-section .container{flex-direction:column;align-items:center}footer{padding:4px 20px}}
