@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');:root{--ink:#171817;--paper:#f2f0eb;--muted:#a5a29c;--line:#d8d5ce}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.header{height:84px;padding:0 5.5%;display:flex;align-items:center;gap:42px;background:#171817;color:white;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:12px;font:700 19px Manrope,sans-serif;letter-spacing:.19em;white-space:nowrap}.brand small{display:block;font-size:8px;letter-spacing:.42em;font-weight:500;margin-top:2px}.brand-mark{font-size:34px;font-weight:400;color:#d8d8d6}.header nav{display:flex;gap:30px;margin-left:auto}.header nav a{font-size:12px;color:#d4d3d0}.nav-cta{font-size:12px;border:1px solid #8c8c89;padding:13px 18px}.menu{display:none;background:none;color:white;border:0;font-size:24px}.hero{height:min(770px,85vh);min-height:560px;position:relative;color:#fff;background:#141515;display:flex;align-items:center}.hero-image{position:absolute;inset:0;background:url('assets/bathroom.webp') center 52%/cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,11,11,.88),rgba(10,11,11,.5) 52%,rgba(10,11,11,.08))}.hero-content{position:relative;margin-left:9%;max-width:730px}.eyebrow{font-size:11px;letter-spacing:.27em;font-weight:700;color:#d0ccc4}.eyebrow.dark{color:#76746e}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Manrope,Arial,sans-serif;letter-spacing:-.055em;line-height:1.13}h1{font-size:clamp(42px,5.5vw,82px);font-weight:600;margin:26px 0}h2{font-size:clamp(36px,4vw,64px);font-weight:600;margin:20px 0}h1 em,h2 em{font-style:normal;color:#b6b2ab}.hero-content>p:not(.eyebrow){max-width:490px;font-size:17px;line-height:1.8;color:#ddd}.hero-actions{display:flex;gap:12px;margin-top:36px}.btn{display:inline-block;border:1px solid transparent;padding:16px 24px;font:600 12px Manrope,sans-serif;letter-spacing:.04em;cursor:pointer}.btn.light{background:#eeeae3;color:#161716}.btn.outline{border-color:#bbb;color:white}.hero-side{position:absolute;right:30px;bottom:30px;letter-spacing:.2em;font-size:9px}.intro{padding:105px 9%;display:grid;grid-template-columns:1.1fr 1fr;gap:12%;align-items:center}.intro>div:last-child{max-width:500px}.intro p:not(.eyebrow){font-size:18px;line-height:1.85;color:#5b5c58}.text-link{display:inline-block;border-bottom:1px solid #333;padding-bottom:8px;font-size:13px;margin-top:12px}.work{padding:95px 9% 120px;background:#eae8e3}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px}.section-head>p{max-width:340px;color:#6b6a66;line-height:1.8}.comparison-grid,.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.compare{position:relative;aspect-ratio:1.22;overflow:hidden;background:#ccc;--pos:50%}.compare>img,.before-layer img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 44%}.before-layer{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--pos)) 0 0)}.compare-line{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;background:white;pointer-events:none}.compare-line:after{content:'↔';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:white;border-radius:50%;height:43px;width:43px;display:grid;place-items:center;color:#222;font-size:22px}.compare input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}.tag{position:absolute;top:18px;background:#191a19;color:white;padding:9px 12px;font-size:10px;letter-spacing:.13em;pointer-events:none}.before-tag{left:18px}.after-tag{right:18px}.project-meta{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:19px 0 28px}.project-meta h3{font-size:18px;font-weight:600;margin:0}.project-meta span{font-size:10px;color:#777;letter-spacing:.12em}.slider-hint{text-align:center;font-size:12px;color:#777;margin:0 0 65px}.project-grid article img{width:100%;height:430px;object-fit:cover}.services{background:#1b1c1b;color:#eee;padding:110px 9%}.services .section-head>p{color:#aaa}.service-list>div{display:grid;grid-template-columns:60px 1fr 1fr;gap:30px;align-items:center;border-top:1px solid #484947;padding:29px 0}.service-list>div:last-child{border-bottom:1px solid #484947}.service-list span{font-size:12px;color:#999}.service-list h3{font-size:24px;margin:0;font-weight:500}.service-list p{color:#aaa;margin:0;line-height:1.6}.about{display:grid;grid-template-columns:1fr 1fr;min-height:630px}.about-photo img{height:100%;width:100%;object-fit:cover}.about-copy{padding:90px 12%;align-self:center}.about-copy>p:not(.eyebrow){color:#64645f;line-height:1.9}.stat{border-top:1px solid #ccc;display:flex;align-items:center;gap:24px;margin-top:35px;padding-top:25px}.stat strong{font:700 65px Manrope}.stat strong span{color:#aaa}.stat>span{font-size:11px;letter-spacing:.15em;max-width:160px}.contact{padding:105px 9%;background:#dedbd4;display:grid;grid-template-columns:1fr 1fr;gap:12%}.contact>div>p:not(.eyebrow){color:#555;line-height:1.7}.contact-links{display:flex;flex-direction:column;gap:15px;margin-top:45px;font-size:14px}.contact-links span{color:#666}.contact form{background:#f8f7f4;padding:40px;display:flex;flex-direction:column;gap:16px}.contact form h3{font-size:23px;margin-bottom:8px}.contact label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:600}.contact input,.contact select,.contact textarea{width:100%;padding:13px;border:1px solid #d4d1ca;background:white;font:14px 'DM Sans';border-radius:0}.darkbtn{background:#1a1b1a;color:white;width:100%}.form-note{font-size:11px;line-height:1.6;color:#777;margin:0}footer{background:#151615;color:#aaa;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:35px 9%;font-size:11px}.footer-brand{color:#eee;font:700 17px Manrope;letter-spacing:.17em}.footer-brand span{display:block;font-size:8px;letter-spacing:.3em}@media(max-width:850px){.header{height:72px;padding:0 6%}.header nav{display:none;position:absolute;top:72px;left:0;right:0;background:#171817;padding:20px 6%;flex-direction:column}.header nav.open{display:flex}.menu{display:block;margin-left:auto}.nav-cta{display:none}.hero{min-height:570px}.hero-content{margin:0 7%}.intro,.about,.contact{grid-template-columns:1fr}.intro,.work,.services,.contact{padding:75px 6%}.section-head{display:block}.comparison-grid,.project-grid{grid-template-columns:1fr}.project-grid article img{height:360px}.about-photo{height:400px}.about-copy{padding:65px 7%}.service-list>div{grid-template-columns:35px 1fr;gap:12px}.service-list p{grid-column:2}.service-list h3{font-size:20px}.contact{gap:35px}footer{flex-direction:column;align-items:flex-start;padding:35px 6%}}@media(max-width:480px){.brand{font-size:15px}.hero-actions{flex-wrap:wrap}.compare{aspect-ratio:1}.project-meta{display:block}.project-meta span{display:block;margin-top:8px}.contact form{padding:25px}.hero-side{display:none}}
/* Original metallic EF branding from printed business card */
.brand-logo{width:158px;height:69px;object-fit:contain;object-position:left center;display:block}
.footer-brand img{width:180px;height:auto;display:block}
@media(max-width:480px){.brand-logo{width:135px;height:59px}}