@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600&family=Manrope:wght@400;500;600&display=swap');

:root{--black:#0b0b0a;--charcoal:#171715;--cream:#f3eee4;--gold:#c6a15b;--gold-light:#d4b36e;--taupe:#8c8273;--white:#fffdf8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--black);font-family:Manrope,Arial,sans-serif}h1,h2{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;letter-spacing:-.025em;margin:0;line-height:.98}h2{font-size:clamp(3rem,5vw,5.2rem)}p{line-height:1.7}a{color:inherit;text-decoration:none}.eyebrow{text-transform:uppercase;letter-spacing:.19em;color:var(--gold);font-size:.78rem;font-weight:600;margin:0 0 1.35rem}.site-header{height:92px;background:var(--black);color:var(--cream);display:flex;align-items:center;padding:0 clamp(1.25rem,4vw,4.5rem);gap:3rem;border-bottom:1px solid #292923;position:relative;z-index:10}.brand{margin-right:auto;display:block}.brand img{width:255px;height:68px;object-fit:contain;object-position:left center}.site-header nav{display:flex;gap:clamp(1.4rem,3vw,3.3rem);font-size:.95rem}.site-header nav a{transition:color .2s}.site-header nav a:hover{color:var(--gold)}.button{display:inline-flex;align-items:center;justify-content:center;padding:.95rem 1.6rem;border:1px solid var(--gold);font-weight:600;transition:.2s}.button-outline{color:var(--gold)}.button-gold{background:var(--gold);color:var(--black)}.button:hover{background:var(--gold-light);color:var(--black);transform:translateY(-2px)}.hero{min-height:710px;background:var(--black);color:var(--cream);display:grid;grid-template-columns:48% 52%}.hero-copy{padding:clamp(4rem,7vw,7.6rem) clamp(2rem,5vw,6rem);display:flex;flex-direction:column;justify-content:center}.hero h1{font-size:clamp(3.8rem,5.5vw,6.6rem);max-width:760px}.hero-lede{font-size:1.1rem;max-width:620px;color:#d9d5cd;margin:2rem 0}.actions{display:flex;gap:2rem;align-items:center}.text-link{color:var(--gold);border-bottom:1px solid var(--gold);padding:.85rem 0}.credentials{display:flex;gap:1.5rem;margin-top:2.5rem;color:#d9d5cd;font-size:.85rem;flex-wrap:wrap}.credentials span::first-letter{color:var(--gold)}.hero-image{background:linear-gradient(90deg,var(--black) 0,transparent 22%),url('/images/syracuse-front-twilight.jpg') center/cover no-repeat;position:relative}.hero-caption{position:absolute;right:1.5rem;bottom:1.5rem;background:rgba(11,11,10,.82);padding:.8rem 1rem;display:flex;flex-direction:column;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em}.hero-caption strong{color:var(--gold);margin-top:.25rem}.trust-strip{min-height:92px;display:flex;align-items:center;justify-content:center;gap:3rem;background:var(--cream);font-size:1rem}.trust-strip i{color:var(--gold)}.section{padding:clamp(5rem,9vw,9rem) clamp(1.5rem,7vw,8rem)}.intro{display:grid;grid-template-columns:1.1fr .9fr;gap:8vw}.intro-copy{font-size:1.06rem;color:#4d4a45}.promise{font-family:"Cormorant Garamond",Georgia,serif;font-size:1.75rem!important;color:var(--black);border-left:2px solid var(--gold);padding-left:1.4rem;margin-top:2rem}.dark-panel{background:var(--charcoal);color:var(--cream)}.dark-panel h2{max-width:800px}.situation-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:4rem;border-top:1px solid #373733;border-left:1px solid #373733}.situation-grid article{padding:2.2rem;border-right:1px solid #373733;border-bottom:1px solid #373733}.situation-grid span{color:var(--gold)}.situation-grid h3{font-family:"Cormorant Garamond",Georgia,serif;font-size:1.7rem;margin:1rem 0 .5rem}.situation-grid p{color:#bdb9b0;font-size:.9rem}.section-heading{display:flex;justify-content:space-between;gap:4rem;align-items:flex-end}.section-heading>p{max-width:420px;color:#6c675f}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#ded8cc;margin-top:4rem;border:1px solid #ded8cc}.steps article{background:var(--white);padding:2rem}.steps b{color:var(--gold);font-size:.8rem}.steps h3{font-family:"Cormorant Garamond",Georgia,serif;font-size:1.65rem;margin:2rem 0 .5rem}.steps p{font-size:.88rem;color:#6c675f}.project{background:var(--cream);display:grid;grid-template-columns:1.2fr .8fr}.project-image{min-height:560px;background-position:center;background-size:cover}.project-main{background-image:url('/images/syracuse-living-kitchen.jpg')}.project-copy{padding:clamp(4rem,7vw,7rem);display:flex;flex-direction:column;justify-content:center}.project-copy>p{color:#5c564d}.project-facts{display:flex;gap:2rem;margin:2rem 0;border-top:1px solid #d5cbbb;border-bottom:1px solid #d5cbbb;padding:1.5rem 0}.project-facts span{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.project-facts strong{display:block;font:600 2rem "Cormorant Garamond",serif;color:var(--gold)}.small{font-size:.8rem!important}.project-grid{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.project-grid .project-image{min-height:440px}.project-kitchen{background-image:url('/images/syracuse-kitchen-wide.jpg')}.project-bath{background-image:url('/images/syracuse-bathroom.jpg')}.about{display:grid;grid-template-columns:1.1fr .9fr;gap:8vw}.about>div:last-child{font-size:1.05rem;color:#5c564d}.contact{background:var(--black);color:var(--cream);padding:clamp(5rem,8vw,8rem);display:grid;grid-template-columns:1.25fr .75fr;gap:7vw;align-items:center}.contact>div:first-child>p:last-child{color:#bdb9b0;max-width:700px}.contact-card{border:1px solid #393932;padding:2.5rem;display:flex;flex-direction:column;gap:.75rem}.contact-card span{color:var(--gold);text-transform:uppercase;font-size:.7rem;letter-spacing:.15em}.contact-card a:first-of-type{font:600 2.2rem "Cormorant Garamond",serif;color:var(--cream)}.contact-card a:nth-of-type(2){color:var(--gold)}.contact-card p{font-size:.75rem;color:#8c8273}footer{background:#050504;color:#8c8273;padding:2.5rem clamp(1.5rem,5vw,5rem);display:flex;align-items:center;gap:2rem;font-size:.72rem}footer img{width:180px;height:55px;object-fit:contain}footer p:last-child{margin-left:auto}
@media(max-width:900px){.site-header nav{display:none}.header-cta{padding:.75rem 1rem}.brand img{width:190px}.hero{grid-template-columns:1fr}.hero-image{min-height:440px;order:-1}.hero-copy{padding:4rem 1.5rem}.trust-strip{flex-wrap:wrap;gap:1rem 1.5rem;padding:1.4rem}.intro,.about,.contact,.project{grid-template-columns:1fr}.situation-grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.section-heading{align-items:flex-start;flex-direction:column}.project-copy{padding:4rem 1.5rem}.project-grid .project-image{min-height:320px}}@media(max-width:560px){.site-header{height:78px;padding:0 1rem}.brand img{width:155px}.header-cta{font-size:.72rem}.hero-image{min-height:330px}.hero h1{font-size:3.45rem}.actions{align-items:stretch;flex-direction:column;gap:.6rem}.credentials{gap:.75rem}.situation-grid,.steps,.project-grid{grid-template-columns:1fr}.project-image{min-height:380px}.trust-strip i{display:none}.section{padding:4.5rem 1.25rem}h2{font-size:3rem}.project-facts{gap:1rem}.contact{padding:4.5rem 1.25rem}.contact-card a:first-of-type{font-size:1.8rem}footer{align-items:flex-start;flex-direction:column;gap:.5rem}footer p:last-child{margin-left:0}}

.transformation{display:grid;grid-template-columns:1fr 1fr}.transformation .project-image,.before-after-kitchen .project-image{position:relative}.transformation span,.before-after-kitchen span{position:absolute;top:1.1rem;left:1.1rem;background:rgba(11,11,10,.88);color:var(--gold);padding:.65rem 1rem;text-transform:uppercase;font-size:.68rem;letter-spacing:.16em}.project-before{background-image:url('/images/syracuse-before.jpg')}.project-after{background-image:url('/images/syracuse-front-twilight.jpg')}.before-after-kitchen{display:grid;grid-template-columns:1fr 1fr}.kitchen-before{background-image:url('/images/syracuse-kitchen-before.jpg')}.project-grid{grid-template-columns:1.2fr 1fr 1fr}.project-grid .project-image{min-height:390px}@media(max-width:900px){.project-grid{grid-template-columns:1fr 1fr}.before-after-kitchen{grid-column:1/-1}.transformation .project-image{min-height:430px}}@media(max-width:560px){.transformation,.before-after-kitchen,.project-grid{grid-template-columns:1fr}.transformation .project-image{min-height:350px}.before-after-kitchen{grid-column:auto}}

.before-after-living{display:grid;grid-template-columns:1fr 1fr}.before-after-living .project-image{position:relative}.before-after-living span{position:absolute;top:1.1rem;left:1.1rem;background:rgba(11,11,10,.88);color:var(--gold);padding:.65rem 1rem;text-transform:uppercase;font-size:.68rem;letter-spacing:.16em}.living-before{background-image:url('/images/syracuse-living-before.jpg')}@media(max-width:900px){.before-after-living{grid-column:1/-1}}@media(max-width:560px){.before-after-living{grid-template-columns:1fr}}

.project{display:block}.project-copy{max-width:920px;margin:0 auto;text-align:center}.project-copy .project-facts{justify-content:center}.comparison-list{background:var(--black);padding:clamp(1.5rem,4vw,4rem)}.comparison-row{display:grid;grid-template-columns:minmax(220px,.55fr) 1fr 1fr;gap:1rem;max-width:1600px;margin:0 auto;padding:2rem 0;border-bottom:1px solid #30302d;align-items:start}.comparison-row:last-child{border-bottom:0}.comparison-label{padding:1.5rem 2rem 1.5rem .5rem;color:var(--cream);display:flex;flex-direction:column;justify-content:center}.comparison-label>span{color:var(--gold);font-size:.72rem;letter-spacing:.18em}.comparison-label h3{font:600 clamp(1.8rem,2.8vw,3rem) "Cormorant Garamond",serif;line-height:1;margin:1rem 0}.comparison-label p{font-size:.85rem;color:#aaa59c}.comparison-row figure{margin:0;background:#151513;position:relative;overflow:hidden}.comparison-row figure b{position:absolute;z-index:2;top:1rem;left:1rem;background:rgba(11,11,10,.9);color:var(--gold);padding:.65rem 1rem;text-transform:uppercase;font-size:.68rem;letter-spacing:.16em}.comparison-row img{display:block;width:100%;height:auto}.comparison-row:nth-child(2) img{aspect-ratio:4/3;object-fit:contain}@media(max-width:1000px){.comparison-row{grid-template-columns:1fr 1fr}.comparison-label{grid-column:1/-1;padding:1rem .25rem}}@media(max-width:620px){.comparison-row{grid-template-columns:1fr}.comparison-label{grid-column:auto}.comparison-row img{aspect-ratio:auto!important}.project-copy{text-align:left}.project-copy .project-facts{justify-content:flex-start}}

.lead-section{background:var(--cream);display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2rem,6vw,7rem);padding:clamp(4rem,7vw,7rem) clamp(1.5rem,7vw,8rem);align-items:center}.lead-copy h2{font-size:clamp(2.8rem,4.5vw,4.8rem)}.lead-copy>p:not(.eyebrow){color:#5c564d}.response-note{border-left:2px solid var(--gold);padding-left:1rem;font-weight:600}.response-note a{color:#8b641e;text-decoration:underline}.lead-form{display:grid;grid-template-columns:1fr 1fr;gap:1rem;background:var(--white);padding:clamp(1.4rem,3vw,2.6rem);box-shadow:0 20px 60px rgba(45,38,25,.1)}.lead-form label{font-size:.78rem;font-weight:600;display:flex;flex-direction:column;gap:.45rem}.lead-form input,.lead-form select,.lead-form textarea{font:inherit;font-size:.95rem;border:1px solid #cfc6b8;background:#fff;padding:.9rem;color:var(--black);border-radius:0}.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus{outline:2px solid var(--gold);outline-offset:1px}.form-wide{grid-column:1/-1}.lead-form button{width:100%;cursor:pointer}.privacy{font-size:.7rem!important;color:#777067;text-align:center;margin:0}.leave-it{background:#fff;display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:start}.leave-it ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #ded8cc;border-left:1px solid #ded8cc}.leave-it li{padding:1.3rem 1.4rem;border-right:1px solid #ded8cc;border-bottom:1px solid #ded8cc;font-weight:600}.leave-it li::before{content:'✓';color:var(--gold);margin-right:.75rem}.choice{background:#ede6d9}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:3rem}.choice-grid article{background:var(--white);padding:clamp(2rem,4vw,4rem)}.choice-grid article:first-child{background:var(--black);color:var(--cream);border-top:4px solid var(--gold)}.choice-grid span{color:var(--gold);font-size:.72rem;text-transform:uppercase;letter-spacing:.14em}.choice-grid h3{font:600 2rem "Cormorant Garamond",serif}.choice-grid ul{padding-left:1.2rem;line-height:2}.faq-list{margin-top:3rem;border-top:1px solid #d8d0c3}.faq-list details{border-bottom:1px solid #d8d0c3;padding:1.2rem 0}.faq-list summary{cursor:pointer;font:600 clamp(1.35rem,2vw,1.8rem) "Cormorant Garamond",serif;list-style-position:outside;margin-left:1.2rem}.faq-list details p{max-width:800px;color:#625d55;margin-left:1.2rem}.mobile-contact{display:none}
.reviews{background:var(--black);color:var(--cream)}.reviews-heading{display:grid;grid-template-columns:1fr auto;gap:4rem;align-items:end}.reviews-heading h2{max-width:900px}.rating{display:flex;flex-direction:column;align-items:flex-end}.rating strong{font:600 4rem "Cormorant Garamond",serif;line-height:1}.rating span{color:var(--gold);letter-spacing:.12em}.rating small{color:#aaa59c;margin-top:.4rem}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#383832;margin-top:3rem}.review-grid blockquote{background:var(--charcoal);margin:0;padding:clamp(2rem,4vw,3.5rem)}.review-grid blockquote p{font:500 clamp(1.6rem,2.4vw,2.2rem) "Cormorant Garamond",serif;line-height:1.25;margin-top:0}.review-grid blockquote footer{background:none;padding:0;color:#aaa59c;font-size:.75rem}.zillow-link{display:inline-block;color:var(--gold);border-bottom:1px solid var(--gold);margin-top:2rem}.review-note{color:#817d74;font-size:.7rem;margin-top:1rem}

@media(max-width:900px){.lead-section,.leave-it{grid-template-columns:1fr}.choice-grid,.review-grid{grid-template-columns:1fr}.lead-form{grid-template-columns:1fr}.form-wide{grid-column:auto}.reviews-heading{grid-template-columns:1fr}.rating{align-items:flex-start}}
@media(max-width:620px){body{padding-bottom:62px}.lead-section{padding:3.5rem 1.25rem}.lead-form{padding:1.2rem}.leave-it ul{grid-template-columns:1fr}.mobile-contact{position:fixed;z-index:50;display:grid;grid-template-columns:1fr 1fr;left:0;right:0;bottom:0;height:62px;background:var(--black);box-shadow:0 -4px 18px rgba(0,0,0,.2)}.mobile-contact a{display:flex;align-items:center;justify-content:center;color:var(--cream);font-weight:700;border-top:1px solid var(--gold)}.mobile-contact a:last-child{background:var(--gold);color:var(--black)}}

/* Integrated luxury masthead: transparent gold artwork, no white badge. */
.site-header{height:84px;background:linear-gradient(90deg,#080807,#11110f);border-bottom:1px solid rgba(198,161,91,.35)}
.brand{display:flex;align-items:center}
.brand img{width:220px;height:58px;mix-blend-mode:screen;opacity:.92}
footer img{mix-blend-mode:screen;opacity:.85}
@media(max-width:560px){.site-header{height:74px}.brand img{width:150px;height:50px}}

/* Editorial masthead and calmer lead-section typography. */
.site-header{height:88px;background:linear-gradient(90deg,#080807,#11110f);border-bottom:1px solid rgba(198,161,91,.28)}
.brand{display:grid;grid-template-columns:auto 32px auto;align-items:center;gap:.75rem;color:var(--cream);white-space:nowrap}
.brand-name{font-family:"Cormorant Garamond",Georgia,serif;font-size:1.45rem;text-transform:uppercase;letter-spacing:.17em;line-height:1}
.brand-line{height:1px;background:var(--gold);opacity:.7}
.brand small{text-transform:uppercase;letter-spacing:.23em;color:var(--gold);font-size:.55rem}
.brand img{display:none}
.lead-section{grid-template-columns:minmax(320px,.78fr) minmax(520px,1.22fr);gap:clamp(3.5rem,7vw,8rem);padding:clamp(5rem,8vw,8rem) clamp(2rem,7vw,8rem)}
.lead-copy{max-width:610px}
.lead-copy h2{font-size:clamp(2.8rem,3.8vw,4.15rem);line-height:1.06;max-width:600px;margin-bottom:1.8rem}
.lead-copy>p:not(.eyebrow){font-size:1rem;line-height:1.8;max-width:560px;margin:0}
.lead-copy .response-note{padding:.25rem 0 .25rem 1.15rem;margin-top:1.6rem!important;line-height:1.55!important}
.response-note a{text-decoration:none;border-bottom:1px solid #b58b40}
@media(max-width:1120px){.lead-section{grid-template-columns:1fr 1.15fr;gap:3rem}.lead-copy h2{font-size:3.25rem}.brand-line,.brand small{display:none}.brand{grid-template-columns:auto}}
@media(max-width:900px){.lead-section{grid-template-columns:1fr}.lead-copy{max-width:700px}.lead-copy h2{max-width:700px}.lead-copy>p:not(.eyebrow){max-width:650px}}
@media(max-width:560px){.site-header{height:74px}.brand-name{font-size:1.05rem;letter-spacing:.13em}.lead-copy h2{font-size:2.8rem;line-height:1.08}}

/* Center the official mark as a deliberate luxury masthead, not a corner badge. */
.site-header{height:148px;display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:88px 60px;padding:0 clamp(1.25rem,4vw,4.5rem);gap:0}
.brand{grid-column:1/-1;grid-row:1;display:flex;justify-content:center;align-items:center;margin:0;border-bottom:1px solid rgba(198,161,91,.16)}
.brand img{display:block;width:270px;height:76px;object-fit:contain;mix-blend-mode:screen;opacity:.94}
.site-header nav{grid-column:2;grid-row:2;align-self:center;justify-self:center}
.site-header .header-cta{grid-column:3;grid-row:2;align-self:center;justify-self:end;padding:.7rem 1.2rem;font-size:.82rem}
@media(max-width:900px){.site-header{height:112px;grid-template-rows:112px;grid-template-columns:1fr auto}.brand{grid-column:1;grid-row:1;justify-content:flex-start;border-bottom:0}.brand img{width:210px;height:78px}.site-header .header-cta{grid-column:2;grid-row:1}.site-header nav{display:none}}
@media(max-width:560px){.site-header{height:90px;grid-template-rows:90px;padding:0 1rem}.brand img{width:160px;height:66px}.site-header .header-cta{font-size:.67rem;padding:.62rem .75rem}}

/* Web lockup: preserve the official artwork while removing the tiny plaque effect. */
.site-header{height:154px;grid-template-rows:94px 60px;background:#0a0a09}
.site-header .brand{overflow:hidden}
.site-header .brand img{width:330px;height:94px;clip-path:inset(6%);transform:scale(1.12);mix-blend-mode:screen}
.site-header nav{gap:3.1rem;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}
.site-header .header-cta{background:transparent;border-color:rgba(198,161,91,.65);color:#d6b66f;letter-spacing:.04em}
.site-header .header-cta:hover{background:var(--gold);color:var(--black)}
@media(max-width:900px){.site-header{height:108px;grid-template-rows:108px}.site-header .brand img{width:260px;height:88px}.site-header .header-cta{letter-spacing:0}}
@media(max-width:560px){.site-header{height:88px;grid-template-rows:88px}.site-header .brand img{width:190px;height:72px}}

/* Final navigation lockup: a custom editorial wordmark; full logo remains in footer. */
.site-header{height:92px;display:flex;padding:0 clamp(1.5rem,4vw,4.75rem);gap:clamp(2rem,4vw,4.5rem);background:#090908}
.site-header .brand{position:static;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;overflow:visible;border:0;margin-right:auto;min-width:max-content}
.site-header .brand img{display:none}
.brand-name{font-family:"Cormorant Garamond",Georgia,serif;font-size:1.55rem;font-weight:600;text-transform:uppercase;letter-spacing:.18em;line-height:1;color:#f0e9dc}
.brand-sub{font-size:.5rem;text-transform:uppercase;letter-spacing:.31em;color:var(--gold);margin-top:.5rem}
.site-header nav{display:flex;align-items:center;gap:clamp(1.5rem,2.7vw,3rem);font-size:.76rem;letter-spacing:.1em;text-transform:uppercase}
.site-header .header-cta{position:static;align-self:center;margin-left:0;font-size:.76rem;padding:.75rem 1.15rem;white-space:nowrap}
@media(max-width:980px){.site-header nav{display:none}.site-header{height:84px}.brand-name{font-size:1.35rem}.site-header .header-cta{margin-left:auto}}
@media(max-width:560px){.site-header{height:78px;padding:0 1rem;gap:1rem}.brand-name{font-size:1.02rem;letter-spacing:.13em}.brand-sub{font-size:.4rem;letter-spacing:.2em}.site-header .header-cta{font-size:.62rem;padding:.6rem .7rem}}

/* Custom Kermes web masthead built from the architectural mark, name, and tagline. */
.site-header{height:112px;padding:0 clamp(1.5rem,4vw,4.5rem);gap:clamp(2rem,4vw,5rem);border-bottom:1px solid rgba(198,161,91,.32);background:linear-gradient(90deg,#080807 0%,#10100e 55%,#080807 100%)}
.site-header .brand{display:flex;flex-direction:row;align-items:center;gap:1.25rem;margin-right:auto;min-width:max-content}
.site-header .brand-mark{display:block;width:104px;height:70px;object-fit:contain;mix-blend-mode:screen;opacity:.96}
.brand-words{display:flex;flex-direction:column;align-items:flex-start}
.brand-name{font-family:Manrope,Arial,sans-serif;font-size:2rem;font-weight:400;text-transform:uppercase;letter-spacing:.21em;line-height:1;background:linear-gradient(90deg,#a8752f,#f2dc84 48%,#a8752f);-webkit-background-clip:text;background-clip:text;color:transparent}
.brand-sub{font-family:Manrope,Arial,sans-serif;font-size:.58rem;text-transform:uppercase;letter-spacing:.34em;color:#d7b563;margin-top:.65rem;padding-left:.1rem}
.site-header nav{font-size:.72rem;gap:clamp(1.3rem,2.2vw,2.5rem)}
.site-header .header-cta{font-size:.72rem}
@media(max-width:1280px){.site-header nav{display:none}.site-header .header-cta{margin-left:auto}}
@media(max-width:760px){.site-header{height:90px;padding:0 1rem}.site-header .brand{gap:.75rem}.site-header .brand-mark{width:68px;height:52px}.brand-name{font-size:1.15rem;letter-spacing:.15em}.brand-sub{font-size:.4rem;letter-spacing:.2em;margin-top:.4rem}}
@media(max-width:520px){.site-header .brand-mark{width:54px}.brand-name{font-size:.9rem}.brand-sub{display:none}.site-header .header-cta{font-size:.58rem;padding:.55rem .6rem}}

/* Interactive before-and-after comparisons. */
.comparison-row{grid-template-columns:minmax(230px,.42fr) minmax(0,1.58fr);align-items:center;gap:clamp(1.5rem,3vw,3rem)}
.before-after{--position:50%;position:relative;aspect-ratio:16/9;background:#111;overflow:hidden;isolation:isolate;box-shadow:0 18px 48px rgba(0,0,0,.28);touch-action:pan-y}
.before-after-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#111;user-select:none;pointer-events:none}
.after-reveal{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--position)) 0 0);overflow:hidden}
.compare-tag{position:absolute;top:1rem;z-index:4;padding:.55rem .8rem;background:rgba(7,7,6,.78);color:#f1e9db;font-size:.64rem;text-transform:uppercase;letter-spacing:.18em;pointer-events:none}
.before-tag{right:1rem}.after-tag{left:1rem;color:var(--gold-light)}
.compare-line{position:absolute;z-index:3;top:0;bottom:0;left:var(--position);width:2px;background:var(--gold);transform:translateX(-1px);pointer-events:none}
.compare-line span{position:absolute;top:50%;left:50%;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;transform:translate(-50%,-50%);background:var(--gold);color:#111;font-weight:700;font-size:1.1rem;box-shadow:0 2px 12px rgba(0,0,0,.35)}
.compare-range{position:absolute;z-index:5;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}
.comparison-label::after{content:'Drag the gold handle to compare';display:block;margin-top:1rem;color:var(--gold);font-size:.68rem;text-transform:uppercase;letter-spacing:.12em}
@media(max-width:1000px){.comparison-row{grid-template-columns:1fr}.comparison-label{grid-column:auto}.before-after{width:100%}}
@media(max-width:620px){.before-after{aspect-ratio:4/3}.before-after-image{object-fit:cover}.compare-line span{width:40px;height:40px}.compare-tag{top:.65rem}}

.lead-copy>.eyebrow{font-weight:800;color:#9a6d25;font-size:.86rem;letter-spacing:.2em}
.response-note a{display:inline-block;white-space:nowrap;font-weight:700}

.project-copy-secondary{max-width:none;padding-top:clamp(5rem,8vw,8rem);padding-bottom:clamp(4rem,6vw,6rem);background:#e8dfd0;border-top:1px solid #d1c4af}
.project-copy-secondary h2{max-width:1000px;margin-left:auto;margin-right:auto}
.project-copy-secondary>p:not(.eyebrow){max-width:850px;margin-left:auto;margin-right:auto}
.comparison-list-secondary{padding-top:1.5rem}

/* Stronger section identifiers throughout the site. */
.eyebrow{display:inline-flex;align-items:center;gap:.8rem;font-weight:800;font-size:.84rem;letter-spacing:.17em;color:#94661e}
.eyebrow::before{content:'';display:block;width:28px;height:2px;background:currentColor;flex:0 0 auto}
.dark-panel .eyebrow,.reviews .eyebrow,.contact .eyebrow,.hero .eyebrow{color:var(--gold-light)}
.project-copy .eyebrow,.lead-copy>.eyebrow{font-weight:800;color:#94661e}

.hp-field{position:absolute!important;left:-10000px!important;opacity:0!important}.thank-you{min-height:100vh;background:#0b0b0a;color:#f3eee4;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem}.thank-you img{width:min(360px,80vw);margin-bottom:2rem}.thank-you h1{font:600 clamp(3rem,7vw,6rem) "Cormorant Garamond",Georgia,serif;max-width:900px}.thank-you>p:not(.eyebrow){max-width:650px;color:#d9d5cd;font-size:1.1rem}.thank-you>p a{color:#d4b36e;white-space:nowrap}.thank-you .button{margin-top:1rem}