@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Libre+Caslon+Display&display=swap');
:root{--ink:#173f42;--cream:#f8f6f0;--sage:#dee5df}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;color:var(--ink);background:var(--cream);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #b88747;outline-offset:6px}header{height:112px;padding:22px 5.5%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;flex-direction:column;text-align:center;width:max-content}.brandmark{font-family:Georgia,serif;font-size:38px;letter-spacing:7px;position:relative}.roof{font-size:36px;letter-spacing:0;margin-left:3px}.brand>span+span{font-size:9px;letter-spacing:2.5px;margin-top:4px}.brand i{font-style:normal}nav{display:flex;align-items:center;gap:34px;font-size:12px}nav a:hover,.textlink:hover{color:#96764c}.navcta{border-bottom:1px solid;padding-bottom:8px}.hero{height:690px;min-height:520px;position:relative;color:white;margin:0 22px}.heroimage,.shade{position:absolute;inset:0}.heroimage{background:url('assets/pool-home.png') center 54%/cover}.shade{background:linear-gradient(90deg,rgba(8,34,37,.66),rgba(8,34,37,.08)),linear-gradient(0deg,rgba(8,34,37,.4),transparent 40%)}.herocopy{position:relative;padding:112px 5.5% 60px;max-width:1000px}.eyebrow{font-size:10px;letter-spacing:2.4px;font-weight:600;margin:0 0 30px}h1,h2{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400;line-height:1.02;letter-spacing:-1.7px;margin:0}h1{font-size:clamp(55px,6.8vw,94px)}h1 em,h2 em{font-weight:400;color:inherit}h2{font-size:clamp(44px,4.7vw,67px)}.herocopy>p:not(.eyebrow){font-size:15px;line-height:1.8;max-width:350px;margin:26px 0 32px}.button{border:0;display:inline-flex;align-items:center;gap:50px;padding:18px 23px;font-size:12px;cursor:pointer}.light{background:var(--cream);color:var(--ink)}.dark{background:var(--ink);color:white}.button:hover{background:#b6c6bb;color:#173f42}.herobottom{position:absolute;bottom:30px;left:5.5%;right:5.5%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.7px}.wrap{max-width:1280px;margin:auto;padding:110px 6%}.introgrid{display:grid;grid-template-columns:1.1fr 1fr;gap:12%}.introgrid>div{padding-top:4px}.lead{font-size:23px;line-height:1.5;margin-top:0}.introgrid p:not(.lead){font-size:14px;line-height:1.9;color:#586967}.textlink{display:flex;justify-content:space-between;max-width:260px;border-bottom:1px solid #9aa9a2;padding:18px 0;font-size:12px;margin-top:30px}.inspiration{padding-top:10px}.sectiontop{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:46px}.sectiontop>p{font-size:13px;line-height:1.8;color:#586967}.gallery{display:grid;grid-template-columns:1.35fr 1fr;align-items:start;gap:32px}.gallery figure{margin:0}.gallery figure+figure{margin-top:95px}.gallery img{width:100%;height:400px;object-fit:cover}.gallery .large img{height:530px}figcaption{display:flex;flex-direction:column;gap:10px;padding-top:19px}figcaption span:first-child{font-size:9px;letter-spacing:1.6px}figcaption span:last-child{font-family:Georgia,serif;font-size:20px}.image-note{font-size:10px;color:#697774;margin-top:30px}.approach{background:var(--sage)}.steps{border-top:1px solid #a5b7ab;display:grid;grid-template-columns:repeat(3,1fr);gap:60px;padding-top:35px}.steps article>span{font-size:11px;color:#586e60}h3{font-family:Georgia,serif;font-weight:400;font-size:24px;margin:28px 0 14px}.steps p{font-size:13px;line-height:1.9;color:#536760}.contact{text-align:center;padding-top:105px;padding-bottom:105px}.contact>p:not(.eyebrow){font-size:14px;line-height:1.8;margin:28px 0}.contact .contact-note{font-size:11px!important;color:#687874}form{max-width:550px;text-align:left;margin:40px auto 0;border-top:1px solid #c3ccc4}form>p{font-size:12px;line-height:1.7}label{display:block;font-size:12px;margin:20px 0}input,textarea{display:block;width:100%;margin-top:8px;border:1px solid #a5b7ab;background:transparent;padding:12px;color:var(--ink)}footer{background:#173f42;color:var(--cream);padding:45px 5.5%;display:flex;justify-content:space-between;align-items:center;gap:25px}footer p{font-family:Georgia,serif;font-style:italic;font-size:19px}footer>span{font-size:10px;color:#c2d1c9}@media(max-width:760px){header{height:95px;padding:18px 6%}.brandmark{font-size:29px}nav{gap:16px}nav>a:not(:last-child){display:none}.navcta{font-size:10px}.hero{margin:0 12px;height:620px}.herocopy{padding-top:110px}h1{font-size:58px}.herobottom>span{max-width:140px;line-height:1.6}.herobottom>a{font-size:8px}.wrap{padding:75px 7%}.introgrid{grid-template-columns:1fr;gap:35px}.introgrid h2{font-size:55px}.lead{font-size:21px}.sectiontop{display:block}.sectiontop>p{margin-top:25px}.inspiration{padding-top:0}.gallery{grid-template-columns:1fr;gap:35px}.gallery figure+figure{margin-top:0}.gallery img,.gallery .large img{height:350px}.steps{grid-template-columns:1fr;gap:28px}.steps article{border-bottom:1px solid #bdc9bf;padding-bottom:15px}.steps h3{margin-top:15px}footer{flex-direction:column;text-align:center;padding:40px 20px}h2{font-size:49px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.detail-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 32px;margin-top:55px}.detail-gallery figure{margin:0}.detail-gallery img{width:100%;height:320px;object-fit:cover}.detail-gallery figcaption span:first-child{text-transform:uppercase}@media(max-width:760px){.detail-gallery{grid-template-columns:1fr}.detail-gallery img{height:280px}}
/* Coastal Signature Homes logo */
:root{--ink:#07304c}header{height:160px;padding-top:12px;padding-bottom:12px}.brand-logo{display:block;width:200px;height:auto;object-fit:contain}.brand{flex-shrink:0}footer .brand{background:var(--cream);padding:12px 20px;border-radius:2px}footer .brand-logo{width:220px}@media(max-width:760px){header{height:125px;gap:16px}.brand-logo{width:145px}nav{min-width:0}.navcta{max-width:120px}footer .brand-logo{width:200px}}

/* Contact page */
.contact-details{line-height:2!important;overflow-wrap:anywhere}.contact-details a,.contact-value{text-decoration:underline;text-underline-offset:5px}.contact-page-link{margin:15px auto}.contact-intro{padding-bottom:65px}.contact-intro h1{font-size:clamp(54px,7vw,92px)}.contact-intro .lead{margin-top:30px;max-width:650px}.contact-intro>p:last-child{max-width:570px;line-height:1.9;color:#586967}.contact-methods{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:65px;padding-top:55px;padding-bottom:65px;background:var(--sage)}.contact-methods article{min-width:0}.contact-methods h2{font-size:42px;margin-bottom:28px}.contact-value{display:inline-block;font-size:23px;line-height:1.6;overflow-wrap:anywhere;max-width:100%}.contact-email{font-size:clamp(16px,1.65vw,22px)}.contact-methods article>p:last-child{font-size:14px;line-height:1.8;color:#536760}.contact-closing{text-align:center}.contact-closing .button{margin-top:35px}nav [aria-current=page]{font-weight:600}@media(max-width:760px){.contact-methods{grid-template-columns:1fr;gap:45px}.contact-intro{padding-bottom:35px}.contact-methods h2{font-size:36px}.contact-details{font-size:13px!important}}