:root{--ivory:#f7f4ed;--navy:#172329;--gold:#ad9166;--muted:#616561;--rule:#d6d0c5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--ivory);color:var(--navy);font:16px/1.7 Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #99773f;outline-offset:5px}.skip{position:absolute;top:-100px;background:var(--navy);color:white;padding:12px;z-index:20}.skip:focus{top:0}header{padding:25px 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--rule);gap:20px}.brand{font-size:29px;letter-spacing:.16em;line-height:1.2}.brand span{display:block;font-size:10px;letter-spacing:.24em;margin-top:8px}nav{display:flex;align-items:center;gap:30px;font-size:14px}.nav-cta{border-bottom:1px solid var(--gold);padding:8px 0}.nav-cta span{margin-left:18px}.menu{display:none}.hero{display:grid;grid-template-columns:1fr 1.05fr;min-height:660px}.hero-copy{padding:82px 10% 40px 12%}.eyebrow{font-size:12px;letter-spacing:.17em;font-weight:600;margin:0 0 28px;color:#6d6659}h1,h2{font-family:Georgia,serif;font-weight:400;line-height:1.05;letter-spacing:-.045em;margin:0}h1{font-size:clamp(60px,6.4vw,98px)}h1 em,h2 em{font-weight:400;color:#8d724c}h2{font-size:clamp(36px,4.2vw,62px)}.intro{color:var(--muted);margin:30px 0;line-height:1.8}.button{background:var(--navy);color:var(--ivory);border:1px solid var(--navy);padding:16px 24px;display:inline-flex;gap:36px;align-items:center;font-size:14px;cursor:pointer;transition:background .2s}.button:hover{background:#314149}.hero-foot{font-size:11px;letter-spacing:.18em;margin-top:65px;display:flex;gap:15px;align-items:center}.line{width:40px;height:1px;background:var(--gold)}.hero-art{position:relative;overflow:hidden;background:#d5cbbc;min-height:560px}.hero-art img{width:100%;height:100%;object-fit:cover;display:block}.art-label{position:absolute;bottom:28px;left:30px;font-size:11px;letter-spacing:.17em;background:#f7f4ede0;padding:8px 12px}.section{padding:92px 8%;scroll-margin-top:20px}.about{display:grid;grid-template-columns:.55fr 1.65fr 1fr;gap:45px;border-bottom:1px solid var(--rule)}.about p:not(.eyebrow){max-width:590px;color:var(--muted)}.material{display:grid;grid-template-columns:1fr 1fr;align-content:center;gap:10px;padding-left:15px}.swatch{display:block;height:105px}.stone{grid-column:span 2;background:linear-gradient(140deg,#e4dfd3,#f3eee4 45%,#cbc0ac 47%,#eee9dd 49%,#e5dfd2)}.wood{background:repeating-linear-gradient(90deg,#937451 0,#b29470 4px,#9e7e59 7px,#b29470 15px)}.metal{background:linear-gradient(110deg,#b2976e,#dfcba2,#af946b)}.material small{grid-column:span 2;font-size:12px;color:var(--muted);margin-top:10px}.section-top{display:flex;justify-content:space-between;gap:50px;align-items:end}.section-top>p{max-width:270px;color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:52px}.service-grid article{border-top:1px solid var(--rule);padding:28px 30px 30px 0;margin-right:30px}.number{font-size:12px;letter-spacing:.12em;color:#8d724c}h3{font-size:21px;font-weight:400;line-height:1.4;margin:18px 0 10px}.service-grid p,.steps p{color:var(--muted);font-size:15px;margin:0}.scope{border-top:1px solid var(--rule);padding-top:20px;font-size:13px;color:var(--muted);margin-bottom:0}.process{background:var(--navy);color:var(--ivory)}.process .eyebrow{color:#c9b997}.process h2 em{color:#d2b68b}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:55px}.steps article{border-top:1px solid #526066;padding-top:24px}.steps span{font-size:12px;letter-spacing:.14em;color:#c9b997}.steps p{color:#c4c9c7}.area{display:grid;grid-template-columns:1fr 1.2fr;gap:90px;align-items:center;border-bottom:1px solid var(--rule)}.area-mark{background:#e9e3d7;min-height:350px;display:flex;flex-direction:column;align-items:center;justify-content:center;font:120px Georgia,serif;color:#9f8965;border:12px solid #f0ebe1;outline:1px solid var(--rule)}.area-mark span{font:11px Arial,sans-serif;letter-spacing:.2em;margin-top:20px}.area p:not(.eyebrow){color:var(--muted);max-width:480px}.area-note{font-size:14px}.text-link{display:inline-block;border-bottom:1px solid var(--gold);padding-bottom:8px;margin-top:12px}.text-link span{margin-left:35px}.contact{display:grid;grid-template-columns:1fr 1.1fr;gap:80px}.contact>div>p:not(.eyebrow){max-width:380px;color:var(--muted)}#public-contact a{display:block;margin-top:15px;text-decoration:underline;text-underline-offset:5px}form label{display:block;font-size:13px;letter-spacing:.02em;margin-bottom:22px}form label span{color:var(--muted)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:22px}input,select,textarea{display:block;width:100%;margin-top:8px;border:0;border-bottom:1px solid #aaa293;border-radius:0;padding:10px 0;background:transparent;color:var(--navy);font-size:16px}textarea{resize:vertical}input:focus,select:focus,textarea:focus{background:#fffaf0}.preview-note{border-left:2px solid var(--gold);padding-left:13px;font-size:13px;color:var(--muted);margin:0 0 25px}.form-privacy{font-size:12px;color:var(--muted);margin-bottom:22px}#form-status{font-size:14px}footer{padding:45px 8% 25px;background:#eeeadf}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-top p{font-family:Georgia,serif;font-style:italic;font-size:23px}.footer-top>a:last-child{font-size:13px}.disclaimer{font-size:12px;color:var(--muted);max-width:1000px;margin-top:35px}.footer-bottom{border-top:1px solid var(--rule);padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}
@media(min-width:1600px){body{max-width:1600px;margin:auto}}@media(max-width:1000px){header{padding:22px 5%}nav{gap:18px}.hero-copy{padding:65px 8%}.hero{min-height:600px}.about{grid-template-columns:1fr 2fr}.material{display:none}.section{padding:70px 6%}.area,.contact{gap:45px}.service-grid article{margin-right:15px;padding-right:15px}}
@media(max-width:700px){html{scroll-padding-top:20px}header{flex-wrap:wrap;padding:20px 6%}.brand{font-size:24px}.menu{display:block;border:0;background:transparent;font-size:14px;padding:10px}.menu span{margin-left:8px}nav{display:none;width:100%;flex-direction:column;align-items:start;gap:16px;padding:20px 0}nav.open{display:flex}.hero{grid-template-columns:1fr}.hero-copy{padding:55px 7% 35px}h1{font-size:68px}.hero-foot{margin-top:35px}.hero-art{height:400px;min-height:0}.section{padding:60px 7%}.about,.area,.contact{grid-template-columns:1fr;gap:30px}.section-top{display:block}.section-top>p{max-width:none;margin-top:25px}.service-grid{grid-template-columns:1fr 1fr;margin-top:30px}.service-grid article{padding:24px 15px 24px 0}.steps{grid-template-columns:1fr;gap:30px;margin-top:35px}.area-mark{min-height:230px;font-size:90px}.form-row{grid-template-columns:1fr;gap:0}.footer-top{flex-wrap:wrap}.footer-top p{width:100%;order:3;margin:0}.footer-bottom{flex-direction:column;gap:8px}h3{font-size:20px}}@media(max-width:380px){h1{font-size:57px}.service-grid{grid-template-columns:1fr}.button{gap:18px;padding:16px 18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Official brand artwork and residential/commercial revision */
:root{--navy:#202326;--gold:#b98b58}header{padding-top:14px;padding-bottom:14px}.brand{display:block;flex-shrink:0}.brand .logo-frame{display:block;position:relative;width:205px;height:152px;overflow:hidden;margin:0;letter-spacing:normal}.logo-frame img{position:absolute;display:block;width:240px;height:240px;max-width:none;left:-17px;top:-33px}header,footer{background:#fff}.area{display:block}.area>div{display:grid;grid-template-columns:1fr 1fr;column-gap:80px}.area .eyebrow{grid-column:1/-1}.area h2{grid-row:2/5}.area p:not(.eyebrow){max-width:540px;margin-top:0}.area .text-link{justify-self:start}.hero-art img{object-position:center}.footer-top .brand .logo-frame{width:190px;height:144px}.footer-top .logo-frame img{width:225px;height:225px;left:-17px;top:-31px}
@media(max-width:700px){.brand .logo-frame{width:160px;height:121px}.logo-frame img{width:190px;height:190px;left:-15px;top:-26px}header{padding-top:8px;padding-bottom:8px}.area>div{display:block}.area h2{margin-bottom:25px}.footer-top{align-items:center}.footer-top .brand .logo-frame{width:160px;height:121px}.footer-top .logo-frame img{width:190px;height:190px;left:-15px;top:-26px}}

.brand .logo-frame{height:164px}.footer-top .brand .logo-frame{height:154px}.hero-art{height:680px}@media(max-width:700px){.brand .logo-frame,.footer-top .brand .logo-frame{height:132px}.hero-art{height:400px}}
.about{grid-template-columns:.55fr 2.65fr}.about>div{max-width:780px}@media(max-width:1000px){.about{grid-template-columns:1fr 2fr}}@media(max-width:700px){.about{grid-template-columns:1fr}}
.hero-art img{object-position:55% center}@media(max-width:700px){.hero-art{height:auto;aspect-ratio:1024/682}.hero-art img{height:100%;object-fit:cover;object-position:center}}

/* Services layout inspired by the owner-provided reference */
.services .section-top{align-items:center}.services .section-top>p{max-width:520px;flex:1}.services .section-top>div{flex:1.15}.service-grid{grid-template-columns:repeat(6,minmax(0,1fr));margin-top:52px}.service-grid article{border-top:0;border-right:1px solid var(--rule);padding:0 18px;margin:0;text-align:center}.service-grid article:last-child{border-right:0}.service-icon{display:block;width:58px;height:58px;margin:0 auto 20px;color:#a78a5f}.service-grid h3{font:400 19px/1.3 Georgia,serif;margin:0 0 12px}.service-grid p{font-size:14px;line-height:1.6}.services .scope{margin-top:38px}
@media(max-width:1150px){.service-grid{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:35px}.service-grid article:nth-child(3){border-right:0}}
@media(max-width:700px){.services .section-top>p{max-width:none}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:32px}.service-grid article{padding:0 14px}.service-grid article:nth-child(3){border-right:1px solid var(--rule)}.service-grid article:nth-child(even){border-right:0}.service-grid h3{font-size:20px}.service-grid p{font-size:15px}}
@media(max-width:380px){.service-grid{grid-template-columns:1fr}.service-grid article,.service-grid article:nth-child(3){border-right:0;border-bottom:1px solid var(--rule);padding:0 10px 25px}.service-grid article:last-child{border-bottom:0}}

.work{border-top:1px solid var(--rule);background:#fcfaf5}.work .section-top{align-items:center}.work .section-top h2{font-size:clamp(36px,3.4vw,52px)}.work .section-top>p{max-width:430px}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:40px}.project-collage{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:240px 180px;gap:5px;width:100%;padding:0;border:0;background:transparent;cursor:pointer;overflow:hidden}.project-collage img{width:100%;height:100%;object-fit:cover;display:block;transition:filter .2s}.project-collage:hover img{filter:brightness(.94)}.project-collage .project-cover{grid-column:span 2}.project-collage.single{display:block;height:425px}.project-card h3{font:400 24px/1.3 Georgia,serif;margin:18px 0 6px}.project-card>p{font-size:14px;color:var(--muted);margin:0}.project-link{background:none;border:0;border-bottom:1px solid var(--gold);color:#8d724c;font-size:14px;padding:0 0 5px;cursor:pointer}.project-link span{margin-left:10px}.project-dialog{width:min(1000px,94vw);max-height:90vh;padding:25px;background:var(--ivory);color:var(--navy);border:0;overflow:auto}.project-dialog::backdrop{background:#172329d9}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.dialog-heading h2{font-size:32px;line-height:1.2}.dialog-close{background:var(--navy);color:white;border:0;padding:10px 16px;cursor:pointer;white-space:nowrap}.gallery-photos{display:grid;gap:16px}.gallery-photos img{display:block;width:100%;height:auto}.gallery-open{overflow:hidden}
@media(max-width:1100px){nav{gap:15px;font-size:13px}.project-collage{grid-template-rows:180px 130px}.project-collage.single{height:315px}.project-card h3{font-size:21px}}
@media(max-width:700px){.project-grid{grid-template-columns:1fr;gap:38px}.project-collage{grid-template-rows:230px 170px}.project-collage.single{height:400px}.work .section-top{display:block}.project-dialog{padding:16px}.dialog-heading h2{font-size:25px}.dialog-heading{align-items:start}.project-card h3{font-size:25px}.project-card>p{font-size:15px}nav{font-size:14px}}
/* Compact process band inspired by the supplied reference; copy preserved. */
.process{position:relative;display:grid;grid-template-columns:1.05fr 2fr;column-gap:65px;padding-top:60px;padding-bottom:60px;background:radial-gradient(ellipse at 0% 70%,#383329 0,transparent 48%),linear-gradient(110deg,#24231f,#1e1e1b);overflow:hidden}
.process:before{content:"";position:absolute;left:-130px;top:-80px;width:470px;height:470px;background:repeating-conic-gradient(from 12deg at 0% 50%,transparent 0deg 6deg,#bfa77c0b 7deg 9deg,transparent 10deg 16deg);transform:rotate(-20deg);pointer-events:none}
.process>.eyebrow{grid-column:1;position:relative;margin-bottom:18px;color:#d6c6a7}
.process>h2{grid-column:1;position:relative;font-size:clamp(34px,3.2vw,48px)}
.process .steps{grid-column:2;grid-row:1/3;align-self:center;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px;margin:0;counter-reset:process-step}
.process .steps article{position:relative;border:0;padding:0;counter-increment:process-step}
.process .steps article:before{content:counter(process-step);display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid #bd9d70;border-radius:50%;color:#f7f4ed;font-size:16px;margin-bottom:16px}
.process .steps article:not(:last-child):after{content:"";position:absolute;right:-32px;top:99px;width:22px;height:1px;background:#b3966c}
.process .steps span{display:block;font-size:11px;letter-spacing:.12em;color:#d4bd95}
.process .steps h3{font-size:18px;line-height:1.4;margin:10px 0 8px}
.process .steps p{font-size:14px;line-height:1.7;color:#d2d0c9}
@media(max-width:1100px){.process{grid-template-columns:1fr;row-gap:0}.process>.eyebrow,.process>h2{grid-column:1}.process .steps{grid-column:1;grid-row:auto;margin-top:38px}}
@media(max-width:700px){.process{padding-top:48px;padding-bottom:48px}.process .steps{grid-template-columns:1fr;gap:30px}.process .steps article{padding-left:64px;min-height:60px}.process .steps article:before{position:absolute;left:0;top:0}.process .steps article:not(:last-child):after{display:none}.process .steps p{font-size:15px}}
.process:before{left:-75px;top:-35px;width:390px;height:470px;background:url("palm-silhouette.svg") center/contain no-repeat;transform:rotate(-12deg);opacity:.12}@media(max-width:700px){.process:before{left:-110px;top:-15px;width:340px;height:430px;opacity:.1}}

.process:before{left:-85px;top:-45px;width:440px;height:430px;background:url("palm-fronds.svg") center/contain no-repeat;transform:none;opacity:.095}@media(max-width:700px){.process:before{left:-105px;top:-35px;width:370px;height:390px;opacity:.085}}
/* Sweeping, softly shadowed palm canopy to match the reference. */
.process:before{left:-210px;top:-130px;width:730px;height:650px;background:url("palm-fronds.svg") center/contain no-repeat;transform:rotate(-28deg);opacity:.07;filter:blur(1.2px)}
@media(max-width:700px){.process:before{left:-235px;top:-100px;width:650px;height:580px;opacity:.065}}

.process:before{left:-110px;top:-48px;width:660px;height:410px;background:url("palm-flow.svg") center/contain no-repeat;transform:rotate(-10deg);opacity:.2;filter:blur(.5px)}@media(max-width:700px){.process:before{left:-135px;top:-55px;width:580px;height:400px;opacity:.16}}

.process:before{left:-75px;top:-60px;width:650px;height:460px;background:url("palm-luxury.svg") center/contain no-repeat;transform:none;opacity:.095;filter:none}@media(max-width:700px){.process:before{left:-100px;top:-40px;width:540px;height:410px;opacity:.08}}

.process:before{left:-38px;top:-55px;width:590px;height:440px;background:url("palm-arching.svg") center/contain no-repeat;transform:none;opacity:.09;filter:none}@media(max-width:700px){.process:before{left:-75px;top:-35px;width:510px;height:410px;opacity:.075}}

.process:before{left:-38px;top:-55px;width:590px;height:440px;background:url("palm-arching.svg") center/contain no-repeat;transform:none;opacity:.09;filter:none}@media(max-width:700px){.process:before{left:-75px;top:-35px;width:510px;height:410px;opacity:.075}}
.process:before{content:none;display:none;background:none}

/* Honest review invitation; no testimonials or ratings. */
.reviews{display:grid;grid-template-columns:.85fr 1.55fr .75fr;gap:45px;align-items:center;padding:50px 6%;border-bottom:1px solid var(--rule);background:#fcfaf5}.review-photo{display:block;width:100%;height:330px;object-fit:cover}.reviews h2{font-size:clamp(32px,3.1vw,46px)}.reviews .eyebrow{margin-bottom:20px}.review-invitation>p:not(.eyebrow),.review-area>p:not(.eyebrow){color:var(--muted);font-size:15px}.review-invitation small{display:block;margin-top:14px;font-size:12px;color:var(--muted);max-width:420px}.review-area{border-left:1px solid var(--rule);padding-left:30px;scroll-margin-top:30px}.review-area .eyebrow{line-height:1.8}.reviews .text-link{font-size:14px}.reviews .text-link span{margin-left:15px}
@media(max-width:1000px){.reviews{grid-template-columns:.8fr 1.3fr;gap:30px}.review-area{grid-column:1/-1;border-left:0;border-top:1px solid var(--rule);padding:20px 0 0}.review-photo{height:340px}}
@media(max-width:700px){.reviews{grid-template-columns:1fr;padding:45px 7%;gap:30px}.review-photo{height:260px}.review-area{grid-column:1}.review-invitation>p:not(.eyebrow),.review-area>p:not(.eyebrow){font-size:16px}}

/* Outlined inquiry fields and full-width champagne button. */
.contact{grid-template-columns:.8fr 1.4fr;gap:60px}.inquiry-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.inquiry-fields label{margin:0;font-size:13px;letter-spacing:0}.inquiry-fields input,.inquiry-fields select,.inquiry-fields textarea{border:1px solid #c9c1b3;background:#fbf9f4;padding:10px 12px;margin-top:7px;width:100%;font-size:15px;min-height:44px}.inquiry-fields input::placeholder,.inquiry-fields textarea::placeholder{color:#74746e;opacity:1}.inquiry-message{grid-column:1/-1}.inquiry-fields textarea{min-height:110px}.contact #submit-label{width:100%;justify-content:center;margin-top:20px;background:#a48659;border-color:#a48659;color:#fff;gap:15px}.contact #submit-label:hover{background:#876b43;border-color:#876b43}.contact .preview-note{border:0;padding:0;margin:14px 0 8px;font-size:12px}.contact .form-privacy{margin:0;font-size:12px}
@media(max-width:1100px){.contact{grid-template-columns:1fr 1.3fr;gap:35px}.inquiry-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.contact{grid-template-columns:1fr}.inquiry-fields{grid-template-columns:1fr}.inquiry-fields input,.inquiry-fields select,.inquiry-fields textarea{font-size:16px}}
.footer-top{display:grid;grid-template-columns:1fr 1.15fr 1.15fr;gap:0;align-items:center}.footer-top .footer-tagline{font:400 27px/1.4 Georgia,serif;text-align:center;border-left:1px solid var(--rule);border-right:1px solid var(--rule);padding:8px 25px;margin:0}.footer-tagline em{color:#a48659}.footer-connect{display:flex;justify-content:center;align-items:center;gap:24px;padding-left:28px}.footer-region{font-size:11px;letter-spacing:.18em}.footer-connect #social-links:empty{display:none}.footer-bottom a:hover{text-decoration:underline}.footer-top .brand{justify-self:start}
@media(max-width:700px){.footer-top{grid-template-columns:1fr;gap:25px;text-align:center}.footer-top .brand{justify-self:center}.footer-top .footer-tagline{width:auto;order:initial;border-left:0;border-right:0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:20px 0;font-size:25px}.footer-connect{padding:0}.footer-bottom a{align-self:start}}
.reviews{grid-template-columns:.85fr 2.3fr}.review-invitation{max-width:760px}@media(max-width:1000px){.reviews{grid-template-columns:.8fr 1.3fr}}@media(max-width:700px){.reviews{grid-template-columns:1fr}}
#social-links{display:flex;gap:12px;align-items:center}#social-links a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--navy)}#social-links svg{width:21px;height:21px}#social-links a:hover{color:#a48659}.footer-connect{flex-wrap:wrap}
