:root{--ink:#15272b;--teal:#176b7a;--teal-dark:#0f4d58;--paper:#f7f7f3;--white:#fff;--line:#d9dedb;--muted:#617175;--accent:#c9a969;--shadow:0 22px 55px rgba(13,37,42,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{height:88px;padding:0 clamp(24px,5vw,80px);display:flex;align-items:center;justify-content:space-between;background:rgba(247,247,243,.94);backdrop-filter:blur(16px);position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(21,39,43,.08)}.brand{display:flex;align-items:center;gap:12px}.brand>span:last-child{display:flex;flex-direction:column;line-height:1}.brand strong{font-family:"Playfair Display",serif;font-size:1.38rem}.brand small{text-transform:uppercase;letter-spacing:.19em;font-size:.57rem;margin-top:6px;color:var(--teal)}.brand-mark{width:42px;height:42px;position:relative;display:grid;place-items:center;border:1px solid var(--ink);border-radius:50%}.brand-mark i{position:absolute;width:24px;height:10px;border-top:2px solid var(--teal);transform:rotate(-28deg);top:7px}.brand-mark b{font-family:"Playfair Display",serif;font-size:1.2rem;margin-top:7px}.site-header nav{display:flex;align-items:center;gap:clamp(16px,2.3vw,36px);font-size:.84rem;font-weight:600}.site-header nav a{position:relative}.site-header nav a:not(.nav-cta):after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:var(--teal);transition:.25s}.site-header nav a:hover:after{right:0}.nav-cta{padding:11px 18px;border:1px solid var(--teal);border-radius:999px;color:var(--teal)}.menu-toggle{display:none;border:0;background:none;padding:8px}.menu-toggle span:not(.sr-only){display:block;width:25px;height:2px;background:var(--ink);margin:5px}
.hero{min-height:calc(100vh - 88px);position:relative;display:flex;align-items:center;overflow:hidden;background:#1c3439}.hero-media{position:absolute;inset:0;background-image:linear-gradient(110deg,#1d3439 0%,rgba(29,52,57,.72) 42%,rgba(29,52,57,.08) 74%),url('assets/hero-renovation.png');background-size:cover;background-position:center}.hero-media:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 77% 35%,transparent 0,rgba(15,38,43,.12) 62%)}.hero-shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(8,28,32,.64),transparent 38%)}.hero-content{position:relative;z-index:2;width:min(720px,82vw);margin-left:clamp(24px,9vw,145px);padding:80px 0 130px;color:white}.eyebrow,.section-kicker{text-transform:uppercase;letter-spacing:.2em;font-size:.72rem;font-weight:800}.eyebrow{display:flex;align-items:center;gap:10px;color:#dceced}.eyebrow span{width:42px;height:1px;background:var(--accent)}h1,h2{font-family:"Playfair Display",serif;line-height:1.08;margin:18px 0 24px}h1{font-size:clamp(3.25rem,6.8vw,7rem);letter-spacing:-.035em}h1 em{font-weight:600;color:#cde3e6}h2{font-size:clamp(2.35rem,4.6vw,4.5rem);letter-spacing:-.025em}.hero-content>p:not(.eyebrow){font-size:clamp(1rem,1.6vw,1.22rem);max-width:620px;color:#e8eeee}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:38px}.button{display:inline-flex;align-items:center;gap:22px;border-radius:2px;padding:15px 22px;font-weight:700;font-size:.9rem}.button-primary{background:var(--teal);color:white}.button-primary:hover{background:#1d7e8e}.button-ghost{border:1px solid rgba(255,255,255,.55);color:white}.hero-proof{position:absolute;right:clamp(24px,6vw,90px);bottom:38px;z-index:2;color:white;border-left:2px solid var(--accent);padding-left:18px;display:flex;flex-direction:column}.hero-proof strong{font-family:"Playfair Display",serif;font-size:1.18rem}.hero-proof span{font-size:.75rem;color:#d8e0e1}.section{padding:clamp(70px,9vw,135px) clamp(24px,8vw,130px)}.intro{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(50px,9vw,150px);align-items:end}.section-kicker{color:var(--teal);margin:0}.intro h2{margin-bottom:0}.intro-copy{font-size:1.08rem;color:var(--muted);max-width:600px;margin-bottom:10px}
.services{padding-top:0;display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);margin:0 clamp(24px,8vw,130px);padding-left:0;padding-right:0;padding-bottom:0}.service-card{background:white;padding:clamp(34px,5vw,64px);min-height:390px;position:relative;transition:.28s}.service-card:hover{transform:translateY(-4px);z-index:2;box-shadow:var(--shadow)}.service-card.featured{background:var(--teal);color:white}.service-number{position:absolute;top:26px;right:30px;font-size:.72rem;letter-spacing:.16em;color:#879597}.featured .service-number{color:#b9dce1}.service-icon{font-size:2.1rem;color:var(--teal);height:65px}.featured .service-icon{color:white}.service-card h3{font-family:"Playfair Display",serif;font-size:clamp(1.55rem,2.2vw,2.15rem);line-height:1.2;margin:16px 0}.service-card p{color:var(--muted);max-width:520px}.featured p{color:#d9ecef}.service-card ul{list-style:none;padding:20px 0 0;margin:24px 0 0;border-top:1px solid var(--line);display:flex;gap:24px;flex-wrap:wrap;font-size:.78rem;font-weight:700}.featured ul{border-color:rgba(255,255,255,.24)}.service-card li:before{content:"—";margin-right:7px;color:var(--accent)}
.process{background:var(--ink);color:white;margin-top:clamp(80px,10vw,150px);position:relative;overflow:hidden}.process:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-180px;top:-220px}.process-inner{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(60px,10vw,160px)}.section-kicker.light{color:#9dcbd2}.process-title h2{margin-top:14px}.process-title>p:last-child{color:#afbdc0;max-width:450px}.process ol{list-style:none;margin:0;padding:0}.process li{display:grid;grid-template-columns:60px 1fr;gap:24px;border-top:1px solid rgba(255,255,255,.16);padding:25px 0}.process li>span{font-size:.72rem;color:var(--accent);font-weight:800;letter-spacing:.15em}.process strong{font-family:"Playfair Display",serif;font-size:1.35rem}.process li p{margin:3px 0 0;color:#aebbbd;font-size:.9rem}
.about{display:grid;grid-template-columns:1fr 1fr;gap:clamp(55px,10vw,150px);align-items:center}.about-visual{min-height:540px;background:linear-gradient(145deg,#dce7e5,#b9ceca);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.outline-word{position:absolute;transform:rotate(-90deg);font-weight:800;font-size:clamp(4rem,9vw,9rem);letter-spacing:.1em;color:transparent;-webkit-text-stroke:1px rgba(21,39,43,.18)}.quote-card{background:white;width:min(380px,78%);padding:38px;position:relative;z-index:2;box-shadow:var(--shadow)}.quote-card span{font-family:"Playfair Display",serif;color:var(--teal);font-size:4rem;line-height:.4}.quote-card p{font-family:"Playfair Display",serif;font-size:1.4rem;line-height:1.4;margin:24px 0 0}.about-copy>p:not(.section-kicker){color:var(--muted)}.stats{display:flex;gap:46px;margin-top:40px;padding-top:28px;border-top:1px solid var(--line)}.stats div{display:flex;flex-direction:column}.stats strong{font-family:"Playfair Display",serif;font-size:2rem;color:var(--teal)}.stats span{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}
.contact{background:var(--teal);color:white;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.contact h2{margin-bottom:20px}.contact-copy>p:last-child{color:#d4e8eb;max-width:600px}.contact-actions{border-top:1px solid rgba(255,255,255,.28)}.contact-actions a{display:grid;grid-template-columns:1fr auto;gap:4px 20px;padding:22px 8px;border-bottom:1px solid rgba(255,255,255,.28);align-items:center}.contact-actions small{grid-column:1;text-transform:uppercase;letter-spacing:.14em;color:#badddf;font-size:.67rem}.contact-actions strong{grid-column:1;font-size:clamp(.85rem,1.4vw,1.05rem);word-break:break-word}.contact-actions span{grid-column:2;grid-row:1/3;font-size:1.6rem;color:var(--accent)}footer{padding:50px clamp(24px,8vw,130px);display:grid;grid-template-columns:1.2fr 1fr 1.4fr;gap:30px;align-items:center;background:#0b1d21;color:#c9d3d4}footer .brand strong{color:white}footer p{font-size:.76rem}footer>div{display:flex;flex-direction:column;font-size:.8rem}footer>small{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.1);padding-top:22px;color:#748487}.brand-footer .brand-mark{border-color:#bdd2d5}.brand-footer .brand-mark b{color:white}
@media(max-width:850px){.site-header{height:74px}.menu-toggle{display:block}.site-header nav{position:absolute;top:74px;left:0;right:0;background:var(--paper);padding:28px;display:none;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.site-header nav.open{display:flex}.nav-cta{width:100%;text-align:center}.hero{min-height:780px}.hero-content{margin-left:24px;width:calc(100% - 48px);padding:90px 0 190px}.hero-proof{left:24px;right:24px;bottom:35px}.intro,.process-inner,.about,.contact{grid-template-columns:1fr}.services{grid-template-columns:1fr}.about-visual{min-height:390px}.process-inner{gap:35px}.contact{gap:35px}footer{grid-template-columns:1fr}footer>small{grid-column:1}.hero-actions .button{width:100%;justify-content:space-between}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}