:root{--ink:#151515;--paper:#f3f0e8;--muted:#d7d2c8;--orange:#f05a28;--gray:#8b8b86;--line:#2e2e2c;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit}.utility-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:8px 34px;background:var(--orange);color:#fff;font-size:.61rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.site-header{position:sticky;top:0;z-index:50;display:grid;grid-template-columns:auto 1fr auto;align-items:stretch;gap:0;min-height:82px;padding:0;background:var(--ink);border-bottom:0}.brand{display:flex;align-items:center;gap:16px;min-width:330px;padding:0 34px;text-decoration:none;background:#20201f;border-right:1px solid #383836}.brand-mark{display:grid;place-items:center;width:54px;height:54px;background:var(--orange);color:#fff;font-weight:900;font-size:1.05rem;transform:rotate(-2deg)}.brand-copy{display:flex;flex-direction:column;line-height:.88;color:#fff}.brand-copy strong{font-size:1.26rem;letter-spacing:.055em}.brand-copy small{margin-top:7px;color:#aaa49b;font-size:.56rem;letter-spacing:.25em}.nav{display:flex;align-items:stretch;justify-content:flex-end;gap:0}.nav a{display:flex;align-items:center;padding:0 22px;border-left:1px solid #2f2f2d;color:#d9d6cf;font-size:.72rem;font-weight:900;text-decoration:none;text-transform:uppercase;letter-spacing:.08em;transition:background .2s ease,color .2s ease}.nav a:hover{background:#272725;color:#fff}.nav-cta{min-width:190px!important;justify-content:space-between!important;background:var(--orange)!important;color:#fff!important;border-left:0!important;padding:0 24px!important}.nav-cta b{font-size:1.15rem}.menu-toggle{display:none;border:0;background:var(--orange);color:#fff;padding:11px 14px;font-weight:800}.hero{position:relative;display:grid;grid-template-columns:1.05fr .95fr;min-height:760px;border-bottom:1px solid #c9c4b9;overflow:hidden}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(21,21,21,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(21,21,21,.045) 1px,transparent 1px);background-size:42px 42px;pointer-events:none}.hero-copy{position:relative;z-index:2;padding:84px 42px 160px 7vw;align-self:center}.eyebrow,.kicker{font-size:.72rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.eyebrow{display:flex;justify-content:space-between;gap:20px;max-width:590px;padding-bottom:16px;border-bottom:1px solid #b8b2a7}.hero h1{margin:24px 0 22px;font-size:clamp(4.5rem,9vw,9rem);line-height:.78;letter-spacing:-.075em}.hero h1 em,.estimate h2 em{color:var(--orange);font-style:normal}.hero-text{max-width:570px;font-size:1.1rem;line-height:1.7}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:34px}.button{display:inline-flex;align-items:center;gap:26px;padding:18px 20px;text-decoration:none;font-size:.78rem;font-weight:900;letter-spacing:.04em}.button.orange{background:var(--orange);color:#fff}.button.dark{background:var(--ink);color:#fff}.text-link{font-size:.76rem;font-weight:900;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:4px}.hero-visual{position:relative;background:#c8c3b8;padding:48px 46px 120px}.photo-placeholder{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:360px;padding:24px;background:linear-gradient(135deg,#949189,#676760 45%,#40413e);color:#fff;overflow:hidden}.photo-placeholder:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0 45%,rgba(255,255,255,.07) 45% 55%,transparent 55%)}.photo-placeholder span,.photo-placeholder small{position:relative;z-index:2}.photo-placeholder span{font-size:.68rem;font-weight:900;letter-spacing:.14em}.photo-placeholder small{margin-top:7px;color:#dad8d1}.hero-photo{height:100%;min-height:590px}.hero-badge{position:absolute;left:8px;bottom:62px;width:160px;height:160px;border-radius:50%;display:grid;place-content:center;text-align:center;background:var(--orange);color:#fff;transform:rotate(-8deg);box-shadow:8px 8px 0 var(--ink)}.hero-badge strong{font-size:2.4rem;line-height:.9}.hero-badge span{margin-top:8px;font-size:.66rem;font-weight:900;line-height:1.3}.hero-stats{position:absolute;z-index:3;left:7vw;right:4vw;bottom:26px;display:grid;grid-template-columns:repeat(3,1fr);max-width:660px;background:var(--ink);color:#fff}.hero-stats div{padding:20px 22px;border-right:1px solid #3d3d3d}.hero-stats div:last-child{border-right:0}.hero-stats strong{display:block;font-size:1.25rem}.hero-stats span{display:block;margin-top:4px;color:#aaa;font-size:.67rem;text-transform:uppercase;letter-spacing:.08em}.ticker{overflow:hidden;background:var(--orange);color:#fff;border-bottom:1px solid #8a2c0e}.ticker-track{display:flex;align-items:center;gap:24px;width:max-content;padding:15px 0;animation:marquee 25s linear infinite}.ticker-track span{font-size:.85rem;font-weight:900;letter-spacing:.08em}.ticker-track i{width:7px;height:7px;background:var(--ink);transform:rotate(45deg)}@keyframes marquee{to{transform:translateX(-25%)}}.section{padding:96px 6vw}.section-head{display:grid;grid-template-columns:.5fr 1.5fr;align-items:start;gap:50px;margin-bottom:58px}.section-head>div{display:flex;align-items:center;gap:16px}.section-number{display:grid;place-items:center;width:42px;height:42px;border:1px solid #a49e93;font-size:.7rem;font-weight:900}.section-head h2{margin:0;font-size:clamp(2.6rem,5.2vw,5.6rem);line-height:.86;letter-spacing:-.055em}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #b7b1a5;border-left:1px solid #b7b1a5}.service-grid article{min-height:320px;padding:30px;border-right:1px solid #b7b1a5;border-bottom:1px solid #b7b1a5;display:flex;flex-direction:column}.service-grid article>span{font-size:.65rem;font-weight:900;color:var(--orange)}.service-grid h3{margin:80px 0 14px;font-size:2rem;letter-spacing:-.04em}.service-grid p{max-width:320px;line-height:1.6;color:#555}.service-grid a{margin-top:auto;font-size:.7rem;font-weight:900;text-decoration:none}.work{background:var(--ink);color:#fff}.dark-head .section-number{border-color:#4c4c4c}.project{margin-bottom:24px}.project .photo-placeholder{min-height:500px}.project-large .photo-placeholder{min-height:660px}.project-label{display:grid;grid-template-columns:.45fr 1fr auto;gap:30px;align-items:end;padding:20px 0 36px;border-bottom:1px solid #3b3b3b}.project-label span{font-size:.65rem;color:var(--orange);font-weight:900}.project-label h3{margin:0;font-size:1.4rem}.project-label p{margin:0;color:#969696}.project-row{display:grid;grid-template-columns:1fr 1fr;gap:28px}.before-after{display:grid;grid-template-columns:.7fr 1.3fr;min-height:720px;background:#d9d4c8}.ba-copy{padding:86px 6vw}.ba-copy h2{font-size:clamp(3rem,6vw,6.5rem);line-height:.84;letter-spacing:-.06em;margin:22px 0}.ba-copy>p:not(.kicker){max-width:460px;line-height:1.7}.ba-visual{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#111}.ba-visual .photo-placeholder{min-height:720px;border:0}.before{filter:grayscale(1)}.after{background:linear-gradient(135deg,#b0ada5,#817f78 50%,#565751)}.process-list{border-top:1px solid #aaa49a}.process-list article{display:grid;grid-template-columns:100px 1fr;gap:34px;padding:34px 0;border-bottom:1px solid #aaa49a}.process-list article>span{font-size:1.4rem;font-weight:900;color:var(--orange)}.process-list h3{margin:0 0 8px;font-size:1.6rem}.process-list p{margin:0;max-width:720px;line-height:1.6;color:#585858}.about{display:grid;grid-template-columns:1fr 1fr;background:#20201f;color:#fff}.about-photo{min-height:700px;border-right:1px solid #343434}.about-copy{padding:86px 7vw}.orange-text{color:var(--orange)}.about-copy h2{font-size:clamp(3rem,5vw,5.8rem);line-height:.86;letter-spacing:-.055em;margin:26px 0}.about-copy>p:not(.kicker){max-width:560px;line-height:1.75;color:#b9b9b4}.about-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:36px}.about-points span{padding:10px 12px;border:1px solid #51514f;font-size:.65rem;font-weight:900;letter-spacing:.08em}.testimonial{padding:110px 9vw;text-align:center;background:var(--orange);color:#fff}.testimonial blockquote{max-width:1200px;margin:28px auto;font-size:clamp(2.7rem,5.6vw,6rem);line-height:.98;font-weight:900;letter-spacing:-.055em}.quote-name{font-size:.72rem;font-weight:900;letter-spacing:.12em}.estimate{display:grid;grid-template-columns:.8fr 1.2fr;background:#111;color:#fff}.estimate-copy{padding:92px 6vw}.estimate-copy h2{margin:26px 0;font-size:clamp(4rem,7.4vw,8rem);line-height:.8;letter-spacing:-.065em}.estimate-copy>p:not(.kicker){max-width:520px;color:#aaa;line-height:1.7}.contact-row{display:flex;gap:24px;margin-top:40px;font-size:.7rem;font-weight:900;letter-spacing:.1em}.estimate-form{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:92px 6vw;background:#1c1c1b}.estimate-form label{display:flex;flex-direction:column;gap:9px;font-size:.67rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.estimate-form input,.estimate-form select,.estimate-form textarea{width:100%;border:0;border-bottom:1px solid #555;background:transparent;color:#fff;padding:14px 0;font:inherit;outline:none}.estimate-form select option{color:#111}.estimate-form textarea{resize:vertical}.estimate-form .full{grid-column:1/-1}.estimate-form button{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;border:0;padding:18px 20px;background:var(--orange);color:#fff;font-weight:900;cursor:pointer}footer{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;padding:34px 6vw;background:#0b0b0b;color:#fff;border-top:1px solid #252525}.footer-brand{display:flex;flex-direction:column}.footer-brand strong{font-size:1.4rem}.footer-brand span{font-size:.6rem;letter-spacing:.18em}.footer-copy{display:flex;gap:32px;color:#888;font-size:.62rem;letter-spacing:.08em}@media(max-width:980px){.utility-bar{display:none}.site-header{min-height:74px;grid-template-columns:auto 1fr auto}.brand{min-width:0;padding:0 20px}.nav{display:none;position:absolute;top:74px;left:0;right:0;flex-direction:column;align-items:stretch;background:var(--ink);border-bottom:1px solid #333}.nav.open{display:flex}.nav a{min-height:54px;border-left:0;border-top:1px solid #2f2f2d;padding:0 24px}.nav-cta{min-width:0!important}.menu-toggle{display:block;margin:15px 18px 15px 0}.hero{grid-template-columns:1fr}.hero-copy{padding-bottom:70px}.hero-visual{min-height:620px}.hero-stats{position:relative;left:auto;right:auto;bottom:auto;grid-column:1/-1;max-width:none;margin:0 6vw 30px}.service-grid{grid-template-columns:1fr 1fr}.project-row,.about,.before-after,.estimate{grid-template-columns:1fr}.ba-visual{min-height:600px}.ba-visual .photo-placeholder{min-height:600px}.about-photo{min-height:540px}.section-head{grid-template-columns:1fr}.estimate-form{padding-top:50px}}@media(max-width:620px){.site-header{padding:0}.brand-copy strong{font-size:.9rem}.brand-mark{width:42px;height:42px}.hero-copy{padding:62px 22px 50px}.hero h1{font-size:4.6rem}.hero-visual{padding:20px 20px 100px}.hero-photo{min-height:500px}.hero-badge{width:125px;height:125px;left:6px}.hero-stats{grid-template-columns:1fr;margin:0}.hero-stats div{border-right:0;border-bottom:1px solid #333}.section{padding:72px 22px}.service-grid{grid-template-columns:1fr}.project-row{grid-template-columns:1fr}.project-label{grid-template-columns:1fr;gap:8px}.ba-copy,.about-copy,.estimate-copy,.estimate-form{padding:66px 22px}.ba-visual{grid-template-columns:1fr}.ba-visual .photo-placeholder{min-height:360px}.process-list article{grid-template-columns:54px 1fr}.estimate-form{grid-template-columns:1fr}.estimate-form .full,.estimate-form button{grid-column:1}.testimonial{padding:80px 22px}footer{align-items:flex-start;flex-direction:column}.footer-copy{flex-direction:column;gap:8px}}

/* Project-first hero: deliberately unlike a typical slogan-first landing page */
.hero{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.45fr);grid-template-rows:minmax(610px,72vh) auto;min-height:0;background:#111;border-bottom:0}
.hero-grid{display:none}
.hero-visual{grid-column:1;grid-row:1;order:initial;padding:0;background:#555;min-width:0}
.hero-photo{min-height:100%;height:100%;padding:34px;background:linear-gradient(135deg,#8a8881,#5f605a 48%,#333532)}
.hero-photo:after{content:"FEATURED PROJECT  /  BETHESDA, MD";position:absolute;left:34px;top:30px;padding:10px 12px;background:rgba(17,17,17,.88);color:#fff;font-size:.62rem;font-weight:900;letter-spacing:.12em;z-index:3}
.hero-photo>span{font-size:clamp(1.8rem,3.6vw,4rem);letter-spacing:-.04em;max-width:520px}
.hero-photo>small{font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;color:#eee}
.hero-copy{grid-column:2;grid-row:1;align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding:54px 42px;background:var(--paper);border-left:1px solid #c9c4b9}
.hero .eyebrow{display:block;max-width:none;margin:0 0 30px;padding:0 0 14px;border-bottom:1px solid #b8b2a7;color:#68645d;font-size:.62rem;line-height:1.6}
.hero .eyebrow span{display:block;margin-top:5px;color:var(--orange)}
.hero h1{margin:0 0 22px;font-size:clamp(2.4rem,3.6vw,4.2rem);line-height:.88;letter-spacing:-.06em}
.hero h1 br{display:none}
.hero h1 em{display:block;margin-top:8px}
.hero-text{margin:0;max-width:390px;font-size:.96rem;line-height:1.65;color:#56524c}
.hero-actions{align-items:flex-start;flex-direction:column;gap:18px;margin-top:30px}
.hero-actions .button{width:100%;justify-content:space-between}
.hero-actions .text-link{font-size:.68rem}
.hero-badge{left:auto;right:-28px;bottom:34px;width:145px;height:145px;transform:rotate(5deg);box-shadow:-7px 7px 0 var(--ink)}
.hero-stats{position:static;grid-column:1/-1;grid-row:2;max-width:none;display:grid;grid-template-columns:repeat(3,1fr);background:#1e1e1d;border-top:1px solid #373735}
.hero-stats div{padding:18px 6vw}
.hero-stats strong{font-size:1.45rem;color:var(--orange)}
.hero-stats span{color:#bdb9b0}
@media(max-width:980px){.hero{grid-template-columns:1fr;grid-template-rows:auto auto auto}.hero-visual{grid-column:1;grid-row:1;min-height:520px}.hero-copy{grid-column:1;grid-row:2;padding:50px 7vw;border-left:0;border-top:1px solid #c9c4b9}.hero-stats{grid-column:1;grid-row:3;margin:0}.hero-badge{right:18px;bottom:18px}.hero h1{font-size:3.6rem}}
@media(max-width:620px){.hero-visual{min-height:430px}.hero-photo{min-height:430px;padding:24px}.hero-photo:after{left:20px;top:20px}.hero-copy{padding:42px 22px}.hero h1{font-size:3.1rem}.hero-stats{grid-template-columns:1fr}.hero-stats div{padding:16px 22px}.hero-badge{width:112px;height:112px}.hero-badge strong{font-size:1.9rem}}
