:root{font-family:Arial,Helvetica,sans-serif;color:#102f43;background:#faf9f7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{text-decoration:none;color:inherit}.nav{background:#fff;min-height:88px;display:flex;justify-content:space-between;align-items:center;padding:12px 4%;gap:24px}.brand{display:flex;align-items:center;gap:14px;white-space:nowrap}.waves{color:#4388ac;font-size:52px;font-weight:400;line-height:1}.brandText{font:normal 32px/1 Georgia,serif;letter-spacing:.025em}.brandText small{display:block;font:normal 9px Arial,sans-serif;letter-spacing:.31em;text-align:center;margin-top:8px}.nav nav{display:flex;align-items:center;gap:27px}.nav nav a{font-size:12px}.navButton,.primary{background:#23648a;color:#fff!important;padding:19px 25px;font-size:11px!important;letter-spacing:.11em;font-weight:700}.hero{height:615px;background-size:cover;background-position:center;display:flex;align-items:center;color:white}.heroContent{padding:0 5%;max-width:910px}.eyebrow{font-size:10px;letter-spacing:.25em;font-weight:700;color:#23648a}.hero .eyebrow{color:white}.hero h1{font:normal clamp(52px,5.4vw,90px)/.98 Georgia,serif;letter-spacing:-.02em;margin:24px 0}.heroLead{font-size:18px;line-height:1.65;max-width:560px}.actions{display:flex;gap:12px;margin-top:28px}.actions a{display:flex;gap:25px;align-items:center;font-size:11px;letter-spacing:.1em;font-weight:700;padding:19px 25px}.secondary{border:1px solid white}.work{padding:92px 4% 110px}.workHeading{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:30px}.workHeading h2{font:normal clamp(40px,4vw,65px) Georgia,serif;margin:12px 0 0}.workHeading>p{max-width:380px;line-height:1.8;font-size:14px;color:#435e6b}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.cards img{width:100%;height:245px;object-fit:cover;display:block}.cards h3{font:normal 27px Georgia,serif;margin:20px 0 8px}.cards p{font-size:14px;line-height:1.6;color:#47606e;min-height:45px}.cards a{font-size:11px;font-weight:700;letter-spacing:.15em;color:#23648a}.about{text-align:center;background:#e6eef0;padding:115px 8%}.about h2,.area h2,footer h2{font:normal clamp(40px,4.5vw,70px)/1.1 Georgia,serif;margin:20px 0}.about>p:last-child{max-width:680px;line-height:1.9;margin:20px auto;color:#4c6471}.area{padding:95px 6%;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.area>p{line-height:1.9;color:#4c6471}footer{background:#102f43;color:white;padding:100px 6% 25px}footer .eyebrow{color:#94b8c9}footer>p{line-height:1.8}.contactNote{opacity:.65;font-size:12px}.bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #597383;padding-top:25px;margin-top:110px;font-size:10px;letter-spacing:.12em}@media(max-width:950px){.nav{align-items:flex-start;flex-direction:column}.nav nav{flex-wrap:wrap;gap:15px}.hero{height:auto;min-height:540px}.workHeading{display:block}.cards{grid-template-columns:1fr}.cards img{height:auto;max-height:420px}.cards p{min-height:0}.area{display:block}}@media(max-width:600px){.brandText{font-size:25px}.navButton{padding:12px}.heroContent{padding:70px 6%}.hero h1{font-size:49px}.actions{flex-wrap:wrap}.work{padding:70px 6%}.workHeading h2{font-size:42px}.about,.area,footer{padding:75px 6%}.bottom{margin-top:70px}}
.portfolio{background:#eaf1f3;padding:85px 3% 95px}.portfolioHeading{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:32px}.portfolioHeading h2{font:normal clamp(40px,4vw,67px) Georgia,serif;margin:12px 0 0}.portfolioHeading>p{max-width:360px;font-size:14px;line-height:1.7;color:#405a69}.featuredGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.featuredGrid button{height:330px;background-position:center;background-size:cover;position:relative;border:0;cursor:pointer;text-align:left;color:white;padding:22px}.featuredGrid button span{position:absolute;bottom:25px;left:23px}.featuredGrid small{font:700 10px Arial,sans-serif;letter-spacing:.12em;display:block;margin-bottom:9px}.featuredGrid strong{font:normal 26px Georgia,serif}.portfolio h3{font:normal 35px Georgia,serif;margin:60px 0 18px}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:25px}.filters button{background:transparent;border:1px solid #aec1ca;padding:13px 17px;font-size:12px;cursor:pointer;color:#102f43}.filters button.active{background:#102f43;color:white}.galleryGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.galleryGrid button{border:0;padding:0;position:relative;cursor:pointer;text-align:left;overflow:hidden;background:#c8d5d8}.galleryGrid img{width:100%;height:220px;object-fit:cover;display:block}.galleryGrid span{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.72));color:white;padding:32px 12px 12px;font-size:12px}.emptyGallery{padding:25px 0;color:#506875}.lightbox{position:fixed;inset:0;background:rgba(5,19,28,.94);z-index:99;display:flex;align-items:center;justify-content:center;padding:45px;cursor:pointer}.lightbox img{max-width:95%;max-height:90%;object-fit:contain}.lightbox button{position:absolute;right:25px;top:15px;color:white;background:transparent;border:0;font-size:45px;cursor:pointer}@media(max-width:900px){.portfolioHeading{display:block}.featuredGrid{grid-template-columns:1fr}.featuredGrid button{height:260px}.galleryGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.portfolio{padding:70px 5%}.galleryGrid{grid-template-columns:1fr}.galleryGrid img{height:250px}}
.contactEmail{display:inline-block;margin-top:12px;color:white;border-bottom:1px solid #9bb6c3;padding-bottom:8px;font-size:17px}.contactEmail:hover{opacity:.75}
.approachSplit{display:grid;grid-template-columns:1fr 1fr;min-height:485px;background:#fff}.approachImage{background-size:cover;background-position:center;min-height:485px}.approachCopy{padding:75px 9% 65px 10%;display:flex;flex-direction:column;justify-content:center}.approachCopy h2{font:normal clamp(37px,3.1vw,57px)/1.09 Georgia,serif;margin:0 0 22px}.approachCopy p:not(.eyebrow){font-size:15px;line-height:1.9;color:#496170;margin:0 0 18px}.approachCopy a{font-size:11px;font-weight:700;letter-spacing:.13em;color:#23648a;margin-top:4px}.coastalBanner{background-position:center;background-size:cover;min-height:260px;color:white;display:flex;align-items:center;justify-content:space-between;gap:60px;padding:45px 6%}.coastalBanner .eyebrow{color:#e0eef4}.coastalBanner h2{font:normal clamp(37px,3.5vw,58px)/1.1 Georgia,serif;margin:0}.coastalBanner>p{font-size:14px;line-height:1.9;max-width:365px}@media(max-width:800px){.approachSplit{grid-template-columns:1fr}.approachImage{min-height:330px}.approachCopy{padding:65px 7%}.coastalBanner{display:block;padding:65px 7%}.coastalBanner>p{margin-top:30px}}
.contactEmail{display:inline-flex;align-items:center;justify-content:center;background:#276b90;border:1px solid #6c9ab0;color:#fff;padding:18px 25px;font-size:11px;font-weight:700;letter-spacing:.13em;text-decoration:none;margin-top:22px;transition:background-color .15s ease}.contactEmail:hover{background:#3480a8;opacity:1}
.warmContact{background:#fff;color:#102f43;text-align:center;padding:88px 6% 25px}.warmContact .eyebrow{color:#23648a}.warmContact h2{font:normal clamp(43px,4.4vw,70px)/1.1 Georgia,serif;max-width:850px;margin:18px auto 20px}.warmContact>p:not(.eyebrow){font-size:16px;line-height:1.7;max-width:1130px;margin:0 auto;color:#435d6a}.warmContact .contactEmail{background:#23648a;color:#fff;border:0;margin-top:23px;padding:19px 27px}.warmContact .bottom{color:#5e7581;border-color:#d8e2e6;text-align:left;margin-top:110px}@media(max-width:600px){.warmContact{padding:75px 6% 25px}.warmContact h2{font-size:44px}.warmContact .bottom{margin-top:75px}}

/* Clearview story and building process */
.companyIntro{text-align:center;background:#f7f8f7;padding:88px 6% 80px}.companyIntro h2{font:normal clamp(38px,4vw,61px)/1.15 Georgia,serif;max-width:850px;margin:16px auto 20px}.companyIntro>p:last-child{max-width:790px;margin:0 auto;color:#47606e;font-size:16px;line-height:1.9}.processSection{padding:90px 6% 100px;background:#f3f6f6;text-align:center}.processSection h2{font:normal clamp(36px,4vw,60px)/1.15 Georgia,serif;margin:16px auto;max-width:900px}.processLead{color:#4b6573;line-height:1.8;font-size:15px;margin:0 auto 42px;max-width:640px}.processSteps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;text-align:left;max-width:1200px;margin:auto}.processSteps article{padding:32px 28px 30px;background:white;border-top:2px solid #8bb3c6}.processSteps span{font:normal 17px Georgia,serif;color:#3e7b9a}.processSteps h3{font:normal 28px Georgia,serif;margin:15px 0}.processSteps article p{font-size:14px;line-height:1.85;color:#4b6573;margin:0}@media(max-width:800px){.processSteps{grid-template-columns:1fr}.companyIntro,.processSection{padding:70px 6%}.processSteps article{padding:25px}.nav nav{row-gap:14px}}
@media(max-width:600px){.nav{gap:14px}.nav nav{gap:12px}.nav nav a{font-size:11px}.hero h1{font-size:clamp(40px,10vw,49px)}.actions a{padding:15px 16px}.approachCopy h2{font-size:clamp(34px,9vw,44px)}}

.testimonialSection{background:#fff;text-align:center;padding:95px 6% 100px}.testimonialSection h2{font:normal clamp(36px,3.8vw,58px)/1.15 Georgia,serif;margin:15px auto 34px;max-width:800px}.testimonialCard{background:#f3f6f6;max-width:820px;margin:0 auto;padding:44px 58px;text-align:left;border-left:3px solid #8eb5c8}.reviewStars{color:#b78a3f;font-size:20px;letter-spacing:5px;margin-bottom:20px}.testimonialCard blockquote{font:normal clamp(17px,1.7vw,21px)/1.65 Georgia,serif;color:#213e4f;margin:0 0 18px}.reviewAttribution{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-top:27px}.reviewAttribution strong{font-size:14px}.reviewAttribution span{font-size:12px;color:#587181}.testimonialCard a{display:inline-block;font-size:11px;letter-spacing:.1em;color:#23648a;font-weight:700;margin-top:18px}@media(max-width:600px){.testimonialSection{padding:70px 5%}.testimonialCard{padding:28px 22px}.testimonialCard blockquote{font-size:18px}}

/* Three client testimonials in an easy-to-read responsive grid */
.testimonialGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1340px;margin:0 auto}.testimonialGrid .testimonialCard{max-width:none;margin:0;padding:32px 28px;display:flex;flex-direction:column}.testimonialGrid .testimonialCard blockquote{font-size:clamp(16px,1.35vw,19px);line-height:1.65}.testimonialGrid .reviewAttribution{margin-top:auto;padding-top:20px}.testimonialGrid .testimonialCard a{align-self:flex-start}@media(max-width:1050px){.testimonialGrid{grid-template-columns:1fr;max-width:760px}.testimonialGrid .testimonialCard{padding:30px}}@media(max-width:600px){.testimonialGrid .testimonialCard{padding:26px 22px}}

.inquiryForm{max-width:780px;margin:42px auto 0;text-align:left;background:#f3f6f6;padding:35px 38px}.formGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.formGrid label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:700;color:#254455}.formGrid .full{grid-column:1/-1}.formGrid input,.formGrid select,.formGrid textarea{width:100%;padding:14px 13px;border:1px solid #c6d3d9;border-radius:0;background:#fff;font:normal 15px Arial,sans-serif;color:#102f43}.formGrid input:focus,.formGrid select:focus,.formGrid textarea:focus{outline:2px solid #23648a;outline-offset:1px}.formSubmit{margin-top:24px;background:#23648a;color:#fff;border:0;padding:19px 28px;font-size:11px;font-weight:700;letter-spacing:.12em;cursor:pointer}.formSubmit:hover{background:#174a68}.formNote{font-size:12px!important;line-height:1.6!important;color:#607782!important;margin-top:15px!important}@media(max-width:600px){.inquiryForm{padding:24px 18px}.formGrid{grid-template-columns:1fr;gap:17px}}
