@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@700;800;900&family=Inter:wght@400;500;600;700;800;900&display=swap');

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Inter',Arial,sans-serif;background:#f5efe4;color:#171717;line-height:1.65}
a{text-decoration:none;color:inherit}
.floating-call{position:fixed;right:20px;bottom:20px;z-index:99;background:linear-gradient(135deg,#d8aa2e,#fff2a8);color:#111;padding:14px 20px;border-radius:999px;font-weight:900;box-shadow:0 15px 35px rgba(0,0,0,.28)}
.hero{min-height:100vh;color:white;padding:24px 7%;background:linear-gradient(90deg,rgba(0,0,0,.93),rgba(0,0,0,.66),rgba(0,0,0,.28)),url('https://images.unsplash.com/photo-1503387762-592deb58ef4e?auto=format&fit=crop&w=1800&q=80');background-size:cover;background-position:center}
.nav{display:flex;justify-content:space-between;align-items:center;gap:22px}
.brand{display:flex;align-items:center;gap:14px}
.brand-mark{width:60px;height:60px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#d8aa2e,#fff2a8);color:#111;font-family:'Cinzel',serif;font-weight:900}
.brand strong{display:block;font-family:'Cinzel',serif;font-size:27px;letter-spacing:.5px}
.brand small{display:block;color:#d8d8d8;text-transform:uppercase;letter-spacing:1.4px;font-size:11px}
.nav-links{display:flex;gap:22px;font-weight:900}
.nav-links a{color:white}
.hero-inner{display:grid;grid-template-columns:1.2fr .55fr;gap:42px;align-items:end;margin-top:130px}
.eyebrow{text-transform:uppercase;letter-spacing:2.5px;color:#f3c74f;font-size:12px;font-weight:900;margin-bottom:14px}
.eyebrow.dark{color:#876210}
.center{text-align:center}
h1{font-family:'Cinzel',serif;font-size:clamp(42px,7vw,84px);line-height:1.03;margin-bottom:22px}
h2{font-family:'Cinzel',serif;font-size:clamp(32px,4.5vw,56px);line-height:1.08;margin-bottom:18px}
h3{font-size:22px;margin-bottom:10px}
.hero-copy p{max-width:780px;font-size:21px;color:#eee;margin-bottom:30px}
.hero-buttons{display:flex;gap:14px;flex-wrap:wrap}
.btn{display:inline-block;border:none;border-radius:999px;padding:15px 24px;font-weight:900;font-size:16px;cursor:pointer}
.gold{background:linear-gradient(135deg,#d8aa2e,#fff2a8);color:#111;box-shadow:0 14px 35px rgba(216,170,46,.28)}
.glass{background:rgba(255,255,255,.08);color:white;border:2px solid rgba(255,255,255,.85)}
.hero-badges{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.hero-badges span{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.24);border-radius:999px;padding:10px 14px;font-weight:800}
.hero-card{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);border-radius:28px;padding:30px;backdrop-filter:blur(10px);box-shadow:0 20px 50px rgba(0,0,0,.25)}
.hero-card h3{color:#f3c74f}
.hero-card p{color:#eee;margin-bottom:16px}
.hero-card a{display:block;font-size:26px;font-weight:900;color:#f3c74f;margin-bottom:10px}
.hero-card small{color:#ddd}
.section{padding:88px 7%}
.reputation{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;background:white}
.reputation-card{background:#f5efe4;border-radius:24px;padding:28px;box-shadow:0 12px 28px rgba(0,0,0,.07)}
.reputation-card strong{display:block;color:#876210;font-size:21px;margin-bottom:8px}
.reputation-card span{color:#555}
.about{display:grid;grid-template-columns:1.25fr .75fr;gap:36px;align-items:center;background:#f5efe4}
.about p{color:#444;font-size:18px;margin-bottom:14px}
.about-panel{background:#151515;color:white;border-radius:28px;padding:36px;box-shadow:0 20px 45px rgba(0,0,0,.18)}
.about-panel h3{color:#f3c74f}
.about-panel p{color:#eee}
.about-panel a{color:#f3c74f;font-weight:900}
.about-panel hr{border:0;border-top:1px solid rgba(255,255,255,.18);margin:18px 0}
.services{background:white}
.subtitle{max-width:820px;text-align:center;color:#555;font-size:18px;margin:0 auto 44px}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.service{background:#f5efe4;border-radius:26px;padding:28px;box-shadow:0 14px 34px rgba(0,0,0,.08);border:1px solid rgba(0,0,0,.05)}
.icon{width:58px;height:58px;border-radius:18px;background:#f1dda5;display:grid;place-items:center;font-size:30px;margin-bottom:20px}
.service p{color:#555;margin-bottom:14px}
.service ul{padding-left:20px;color:#3d3d3d}
.service li{margin:8px 0}
.showcase{padding:88px 7%;background:#151515;color:white;display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}
.showcase-image{min-height:530px;border-radius:34px;background:url('https://images.unsplash.com/photo-1621905252507-b35492cc74b4?auto=format&fit=crop&w=1200&q=80');background-size:cover;background-position:center;box-shadow:0 22px 55px rgba(0,0,0,.45)}
.showcase-text p{color:#ddd;font-size:18px;margin-bottom:26px}
.process{background:#f5efe4}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.process-grid div{background:white;border-radius:24px;padding:28px;box-shadow:0 12px 28px rgba(0,0,0,.07)}
.process-grid span{font-family:'Cinzel',serif;color:#d8aa2e;font-size:34px;font-weight:900}
.process-grid p{color:#555}
.work{background:white}
.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.work-card{background:#f5efe4;border-radius:26px;overflow:hidden;box-shadow:0 14px 34px rgba(0,0,0,.08)}
.work-card>div:last-child{padding:26px}
.work-card h3{font-family:'Cinzel',serif;color:#876210}
.work-card p{color:#555}
.work-visual,.work-photo{height:310px}
.old-wall,.new-wall{position:relative;display:grid;place-items:center;background:#cfc4b4}
.old-wall span:nth-child(1){width:80px;height:60px;border-radius:50%;background:#655b50;box-shadow:0 0 0 18px rgba(90,80,70,.2)}
.old-wall span:nth-child(2){position:absolute;right:28%;top:23%;width:8px;height:150px;background:#655b50;transform:rotate(35deg);border-radius:999px}
.old-wall span:nth-child(3){position:absolute;left:25%;bottom:22%;width:120px;height:30px;background:rgba(80,70,60,.28);border-radius:999px}
.new-wall{background:#f6f0e2}
.new-wall span:nth-child(1){position:absolute;left:20%;top:24%;width:150px;height:95px;background:#b7d7e5;border:12px solid #222;border-radius:6px}
.new-wall span:nth-child(2){position:absolute;right:22%;bottom:21%;width:78px;height:78px;border-radius:50% 50% 10px 10px;background:#6e8d4d}
.new-wall span:nth-child(3){position:absolute;left:17%;bottom:16%;width:66%;height:18px;background:#876210;border-radius:999px}
.work-photo{background:url('https://images.unsplash.com/photo-1581092918056-0c4c3acd3789?auto=format&fit=crop&w=900&q=80');background-size:cover;background-position:center}
.testimonials{background:#f5efe4}
.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.testimonial-grid div{background:white;border-radius:26px;padding:30px;box-shadow:0 14px 34px rgba(0,0,0,.08)}
.testimonial-grid p{font-size:20px;color:#333;margin-bottom:16px}
.testimonial-grid strong{color:#876210}
.service-area{padding:88px 7%;background:linear-gradient(rgba(0,0,0,.83),rgba(0,0,0,.83)),url('https://images.unsplash.com/photo-1560518883-ce09059eeffa?auto=format&fit=crop&w=1600&q=80');background-size:cover;background-position:center;color:white;display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}
.service-area p{color:#ddd;font-size:18px}
.area-tags{display:flex;flex-wrap:wrap;gap:12px}
.area-tags span{background:white;color:#111;padding:12px 16px;border-radius:999px;font-weight:900}
.contact{background:white}
.contact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:36px}
.contact-card{background:#f5efe4;border-radius:24px;padding:28px;text-align:center;box-shadow:0 12px 28px rgba(0,0,0,.07)}
.contact-card a{font-weight:900;color:#876210;word-break:break-word}
.estimate-form{max-width:900px;margin:0 auto;display:grid;gap:16px;background:#151515;border-radius:28px;padding:30px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
input,textarea,select{width:100%;border:0;outline:0;border-radius:16px;padding:16px;font:inherit}
textarea{min-height:150px;resize:vertical}
footer{background:#0f0f0f;color:white;text-align:center;padding:48px 7%}
footer h2{color:#f3c74f;font-size:38px}
.verse{color:#f3c74f;margin-top:16px}
.copy{color:#aaa;margin-top:18px;font-size:14px}
@media(max-width:1100px){.hero-inner,.about,.showcase,.service-area{grid-template-columns:1fr}.reputation,.process-grid,.contact-grid{grid-template-columns:repeat(2,1fr)}.service-grid,.work-grid,.testimonial-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.floating-call{left:14px;right:14px;text-align:center}.hero{padding:20px 5% 90px;min-height:auto}.nav,.nav-links{align-items:flex-start;flex-direction:column}.brand strong{font-size:21px}.hero-inner{margin-top:78px}.hero-copy p{font-size:18px}.section,.about,.showcase,.service-area{padding:62px 5%}.reputation,.service-grid,.process-grid,.work-grid,.testimonial-grid,.contact-grid,.form-row{grid-template-columns:1fr}.showcase-image{min-height:330px}.work-visual,.work-photo{height:250px}.estimate-form{padding:22px}}