:root{--ink:#11110f;--cream:#f3efe6;--paper:#faf8f3;--gold:#bd914c;--gold-light:#e4c58f;--line:#d7d0c3}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}img{display:block;width:100%;height:100%;object-fit:cover}
.hero{min-height:100svh;position:relative;display:flex;flex-direction:column;color:white;background:url('/images/after-hero.webp') center 52%/cover no-repeat}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,8,8,.8) 0%,rgba(8,8,8,.4) 48%,rgba(8,8,8,.06) 78%),linear-gradient(0deg,rgba(8,8,8,.46),transparent 45%)}.nav{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:28px clamp(24px,5vw,72px);border-bottom:1px solid rgba(255,255,255,.22)}.brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;font-weight:800;font-size:19px;letter-spacing:.04em;text-transform:uppercase}.brand small{display:block;font-size:9px;font-weight:600;letter-spacing:.2em;margin-top:3px}.brand-mark{width:38px;height:38px;border:1px solid var(--gold-light);display:grid;place-items:center;color:var(--gold-light);font-family:Georgia,serif;font-size:26px}.nav-links{display:flex;gap:32px}.nav-links a,.story-link{color:white;text-decoration:none;text-transform:uppercase;letter-spacing:.18em;font-size:10px;font-weight:700}.hero-content{position:relative;z-index:2;width:min(800px,88vw);margin:auto 0 auto clamp(24px,8vw,120px);padding:80px 0}.eyebrow{margin:0 0 22px;color:var(--gold-light);text-transform:uppercase;letter-spacing:.22em;font-size:11px;font-weight:800}h1{margin:0;font:600 clamp(48px,7.2vw,106px)/.93 Georgia,serif;letter-spacing:-.045em}h1 em,.closing em{color:var(--gold-light);font-weight:400}.lede{max-width:620px;margin:30px 0;font-size:clamp(16px,1.4vw,20px);line-height:1.65;color:rgba(255,255,255,.82)}.story-link{display:inline-flex;gap:12px;align-items:center;border-bottom:1px solid var(--gold);padding:0 0 10px}.hero-credit{position:relative;z-index:2;margin:0;padding:0 clamp(24px,5vw,72px) 34px;text-align:right;font:italic 18px Georgia,serif;color:var(--gold-light)}
.section{padding:clamp(90px,11vw,170px) clamp(24px,7vw,110px)}.intro{display:grid;grid-template-columns:1.2fr .8fr;gap:9vw;align-items:start}.eyebrow.dark{color:#8d692e}h2{margin:0;font:500 clamp(42px,5.4vw,80px)/1.02 Georgia,serif;letter-spacing:-.035em}.intro-copy>p,.section-heading>p:last-child{margin:0 0 32px;font:20px/1.75 Georgia,serif;color:#57534c}.scope{display:grid;grid-template-columns:1fr 1fr;gap:13px;border-top:1px solid var(--line);padding-top:27px}.scope span{display:flex;align-items:center;gap:8px;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.scope svg{color:var(--gold)}
.section-dark{padding:clamp(90px,10vw,150px) clamp(24px,7vw,110px);background:#11110f;color:white}.section-heading{max-width:820px;margin-bottom:55px}.section-heading.light h2{color:white}.compare-frame{--reveal:55%;height:min(66vw,760px);max-height:78vh;min-height:480px;position:relative;overflow:hidden;background:#222}.before-layer{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--reveal)) 0 0)}.compare-frame img{position:absolute;inset:0}.divider{position:absolute;top:0;bottom:0;left:var(--reveal);width:2px;background:white;transform:translateX(-1px);pointer-events:none}.divider span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:white;color:#111;box-shadow:0 3px 25px #0005}.compare-frame input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize}.compare-label{position:absolute;top:25px;padding:9px 13px;background:#111c;color:white;font-size:10px;letter-spacing:.2em;text-transform:uppercase}.before-label{left:25px}.after-label{right:25px}
.process-grid{display:grid;grid-template-columns:1.35fr .65fr;min-height:640px}.process-image{position:relative}.process-image span{position:absolute;left:20px;bottom:20px;padding:10px 13px;background:#111;color:white;text-transform:uppercase;letter-spacing:.18em;font-size:10px}.process-copy{background:#eae3d7;padding:clamp(35px,5vw,75px);display:flex;flex-direction:column;justify-content:center}.stage-number{font-size:11px;letter-spacing:.22em;color:#8d692e}.process-copy h3{font:500 clamp(38px,4vw,64px)/1 Georgia,serif;margin:18px 0}.process-copy>p:not(.stage-number){font-size:16px;line-height:1.75;color:#57534c}.stage-nav{display:flex;gap:10px;margin-top:35px}.stage-nav button{width:46px;height:46px;border:1px solid #bcb2a2;background:transparent;display:grid;place-items:center;cursor:pointer}.stage-dots{display:flex;gap:17px;margin-top:35px}.stage-dots button{border:0;border-bottom:1px solid transparent;padding:0 0 5px;background:none;color:#8f887d;font-size:10px;cursor:pointer}.stage-dots button.active{color:#111;border-color:#111}
.reveal{background:#f4f0e7}.centered{text-align:center;margin-left:auto;margin-right:auto}.centered>p:last-child{max-width:700px;margin:30px auto 0}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:20px}.gallery figure{height:min(52vw,700px);margin:0;overflow:hidden}.gallery-wide{grid-column:1/-1;height:min(58vw,820px)!important}
.closing{height:85vh;min-height:620px;position:relative;display:grid;place-items:center;color:white}.closing>img,.closing-shade{position:absolute;inset:0}.closing-shade{background:#08080899}.closing>div:last-child{position:relative;text-align:center;padding:24px}.closing h2{font-size:clamp(58px,8vw,115px)}.closing a{display:inline-flex;align-items:center;gap:12px;margin-top:35px;color:white;text-decoration:none;text-transform:uppercase;letter-spacing:.18em;font-size:10px;border-bottom:1px solid var(--gold);padding-bottom:10px}footer{display:flex;justify-content:space-between;gap:20px;background:#0d0d0c;color:#aaa;padding:28px clamp(24px,5vw,72px);font-size:10px;letter-spacing:.15em;text-transform:uppercase}
@media(max-width:850px){.nav-links{display:none}.intro,.process-grid{grid-template-columns:1fr}.intro{gap:45px}.process-image{height:60vw;min-height:380px}.process-copy{min-height:460px}.gallery{grid-template-columns:1fr}.gallery figure,.gallery-wide{grid-column:auto;height:85vw!important}.compare-frame{height:82vw}.scope{grid-template-columns:1fr}footer{flex-direction:column}.hero{background-position:63% 50%}}
@media(max-width:520px){.hero-content{margin-left:24px}.brand{font-size:15px}.hero-credit{text-align:left}.section,.section-dark{padding-left:24px;padding-right:24px}.compare-frame{min-height:400px}.process-image{height:440px}}
.hero{background-image:url('images/after-hero.webp')}
.hero-buttons{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.primary-action,.submit-button{display:inline-flex;align-items:center;justify-content:center;background:var(--gold);color:#111;text-decoration:none;border:0;padding:16px 22px;text-transform:uppercase;letter-spacing:.15em;font-size:10px;font-weight:800;cursor:pointer}.menu-button,.language-button{border:1px solid #ffffff66;background:transparent;color:white;padding:9px 12px;cursor:pointer}.menu-button{display:none;font-size:20px}.language-button{font-size:10px;letter-spacing:.15em}
.services-section{background:#ede7dc}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #cfc5b6;border-left:1px solid #cfc5b6}.service-card{min-height:340px;padding:40px;border-right:1px solid #cfc5b6;border-bottom:1px solid #cfc5b6;background:#f7f3ec}.service-card>span,.why-grid article>span{color:#967039;font-size:11px;letter-spacing:.2em}.service-card small{display:block;margin:45px 0 -25px;color:#967039;text-transform:uppercase;letter-spacing:.15em}.service-card h3,.why-grid h3{margin:55px 0 18px;font:500 31px/1.1 Georgia,serif}.service-card p,.why-grid p,.about-copy>p,.estimate-grid>div>p{color:#625d55;line-height:1.75}.featured-service{background:#171714;color:white}.featured-service p{color:#c4beb4}
.about-section{padding:clamp(90px,10vw,150px) clamp(24px,7vw,110px)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.about-copy>p{color:#c7c2b9;font:20px/1.7 Georgia,serif;margin-top:0}.values{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:40px}.values span{color:var(--gold-light);font-size:13px}.values b{color:white;margin-left:7px}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#d7d0c3}.why-grid article{background:#faf8f3;padding:50px}.why-grid h3{margin-top:35px}
.estimate-section{background:#e9e2d6}.estimate-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:9vw}.contact-placeholders{margin-top:40px;border-top:1px solid #c6bcad}.contact-placeholders p{display:flex;flex-direction:column;padding:18px 0;margin:0;border-bottom:1px solid #c6bcad}.contact-placeholders small{color:#8d692e;text-transform:uppercase;letter-spacing:.15em;margin-bottom:5px}.contact-placeholders strong{font:500 18px Georgia,serif}form{background:#faf8f3;padding:clamp(28px,4vw,55px);display:flex;flex-direction:column;gap:22px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}form label{display:flex;flex-direction:column;gap:9px}form label>span{text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:700}form input,form select,form textarea{width:100%;border:1px solid #cfc5b6;background:white;padding:13px;color:#111}form textarea{resize:vertical}.submit-button{margin-top:8px}.form-status{font-size:13px;line-height:1.5;color:#71552b}footer a{color:#aaa;text-decoration:none}
@media(max-width:900px){.service-grid{grid-template-columns:1fr 1fr}.about-grid,.estimate-grid{grid-template-columns:1fr}.why-grid{grid-template-columns:1fr}.values{grid-template-columns:1fr}.menu-button{display:block}.nav-links{display:none;position:absolute;top:94px;left:20px;right:20px;background:#111;padding:24px;flex-direction:column;align-items:flex-start}.nav-links.open{display:flex}.form-row{grid-template-columns:1fr}}
@media(max-width:580px){.service-grid{grid-template-columns:1fr}.service-card{min-height:auto}.hero-buttons{align-items:flex-start;flex-direction:column}.form-row{grid-template-columns:1fr}}