:root{--bg:#f6f1e8;--surface:#fff;--surface-soft:#f1eadf;--surface-alt:#ebe1d1;--text:#221d17;--text-soft:#655d52;--border:#ddd0bc;--brand:#6a4f34;--brand-dark:#533d28;--accent:#ccb07a;--accent-dark:#b89962;--shadow:0 20px 50px #221d1714;--shadow-soft:0 10px 25px #221d170f;--radius-xl:30px;--radius-lg:22px;--radius-md:16px;--container:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit}.site-shell{background:var(--bg);min-height:100vh}.container{width:min(var(--container), calc(100% - 32px));margin:0 auto}.topbar{z-index:60;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f6f1e8f0;border-bottom:1px solid #6a4f341f;position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;gap:20px;min-height:82px;display:flex}.brand{align-items:center;gap:14px;min-width:0;display:flex}.brand-mark{background:var(--brand);color:#fff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 10px 24px #6a4f3438}.brand-copy{min-width:0}.brand-title{letter-spacing:.2em;text-transform:uppercase;color:var(--brand);margin:0;font-size:.9rem;font-weight:800}.brand-subtitle{color:var(--text-soft);margin:4px 0 0;font-size:.84rem}.nav-links{align-items:center;gap:28px;display:flex}.nav-link{color:#4c443b;padding:6px 0;font-size:.97rem;font-weight:600;transition:color .2s;position:relative}.nav-link:after{content:"";background:var(--brand);transform-origin:0;width:100%;height:2px;transition:transform .2s;position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.nav-link:hover{color:var(--brand)}.nav-link:hover:after{transform:scaleX(1)}.quote-button,.hero-primary,.hero-secondary,.section-button,.contact-primary,.contact-secondary{cursor:pointer;border:none;justify-content:center;align-items:center;gap:10px;transition:all .2s;display:inline-flex}.quote-button{background:var(--brand);color:#fff;white-space:nowrap;box-shadow:var(--shadow-soft);border-radius:999px;padding:13px 22px;font-weight:700}.quote-button:hover,.contact-primary:hover{background:var(--brand-dark);transform:translateY(-1px)}.mobile-toggle{border:1px solid var(--border);width:46px;height:46px;color:var(--text);cursor:pointer;background:#fff;border-radius:14px;justify-content:center;align-items:center;display:none}.mobile-nav{padding:0 0 18px;display:none}.mobile-nav-inner{gap:8px;padding-top:8px;display:grid}.mobile-link{color:#4e463e;background:0 0;border-radius:16px;padding:14px 16px;font-weight:600}.mobile-link:hover{background:#fff}.mobile-cta{background:var(--brand);color:#fff;border-radius:999px;justify-content:center;margin-top:8px;padding:14px 18px;font-weight:700}.hero{background:#1f1913;position:relative;overflow:hidden}.hero-bg,.hero-overlay,.hero-gradient{position:absolute;inset:0}.hero-bg{object-fit:cover;opacity:.54;width:100%;height:100%}.hero-overlay{background:#140f0a6b}.hero-gradient{background:linear-gradient(90deg,#140f0aeb 0%,#140f0ab8 48%,#140f0a40 100%)}.hero-content{z-index:1;padding:120px 0 132px;position:relative}.hero-copy{max-width:700px}.eyebrow{color:#f7efe1;text-transform:uppercase;letter-spacing:.18em;background:#ffffff1f;border-radius:999px;align-items:center;gap:8px;margin-bottom:22px;padding:10px 16px;font-size:.76rem;font-weight:800;display:inline-flex}.hero h1{color:#fff;letter-spacing:-.035em;text-wrap:balance;max-width:700px;margin:0;font-size:clamp(2.6rem,4.6vw,4.5rem);font-weight:700;line-height:1.08}.hero p{color:#ffffffe0;max-width:640px;margin:24px 0 0;font-size:1.08rem;line-height:1.85}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.hero-primary,.hero-secondary,.section-button,.contact-primary,.contact-secondary{border-radius:999px;padding:15px 24px;font-weight:700}.hero-primary,.section-button{background:var(--accent);color:#20170f}.hero-primary:hover,.section-button:hover{background:var(--accent-dark);transform:translateY(-1px)}.hero-secondary{color:#fff;background:0 0;border:1px solid #ffffff47}.hero-secondary:hover{background:#ffffff1a}.intro-band{text-align:center;background:#d7c28b;padding:70px 0}.intro-band h2{color:#241b12;margin:0;font-size:clamp(2rem,3vw,3rem);font-weight:700;line-height:1.18}.intro-band p{color:#4f463c;max-width:880px;margin:18px auto 0;font-size:1.08rem;line-height:1.82}.intro-band-actions{justify-content:center;margin-top:28px;display:flex}.section{padding:90px 0}.section-white{background:#fff}.section-soft{background:#f2ece2}.section-header{max-width:760px;margin-bottom:42px}.section-kicker{text-transform:uppercase;letter-spacing:.22em;color:var(--brand);margin:0 0 12px;font-size:.8rem;font-weight:800}.section-title{color:var(--text);margin:0;font-size:clamp(2rem,3vw,3.2rem);font-weight:750;line-height:1.14}.section-text{color:var(--text-soft);margin:18px 0 0;font-size:1.04rem;line-height:1.86}.services-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.service-card,.project-card,.about-card,.contact-panel,.contact-item,.highlight-card{box-shadow:var(--shadow)}.service-card{border-radius:var(--radius-xl);background:#f8f4ec;border:1px solid #e5dbcb;padding:28px}.service-icon{width:54px;height:54px;color:var(--brand);background:#efe3cc;border-radius:18px;justify-content:center;align-items:center;margin-bottom:18px;display:flex}.service-card h3,.project-card h3,.highlight-card h3{margin:0;font-size:1.25rem;line-height:1.3}.service-card p,.project-card p,.about-card p,.contact-panel p,.contact-item p,.highlight-card p{color:var(--text-soft);margin:14px 0 0;line-height:1.82}.projects-layout{grid-template-columns:1.26fr .74fr;align-items:start;gap:24px;display:grid}.project-stack{gap:24px;display:grid}.project-card{border-radius:var(--radius-xl);background:#fff;overflow:hidden}.project-card.featured img{height:450px}.project-card.secondary img{height:235px}.project-card img{object-fit:cover;width:100%}.project-content{padding:28px}.two-column{grid-template-columns:1.02fr .98fr;gap:28px;display:grid}.about-card{border-radius:var(--radius-xl);background:#f8f4ec;padding:34px}.highlights-grid{grid-template-columns:repeat(3,minmax(220px,1fr));align-items:stretch;gap:20px;margin-top:28px;display:grid}.highlight-card{border-radius:var(--radius-lg);overflow-wrap:anywhere;background:#fff;border:1px solid #e5dbcb;min-width:0;padding:24px}.highlight-card h3{margin:0;font-size:1.15rem;line-height:1.35}.highlight-card p{margin:14px 0 0;font-size:1rem;line-height:1.75}.highlight-icon{width:48px;height:48px;color:var(--brand);background:#f1e6d3;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:16px;display:inline-flex}.contact-panel{border-radius:var(--radius-xl);background:#f0e4d2;padding:34px}.contact-list{gap:16px;margin-top:28px;display:grid}.contact-item{border-radius:var(--radius-lg);background:#fff;align-items:flex-start;gap:14px;padding:20px;display:flex}.contact-item strong{color:var(--text);margin-bottom:4px;display:block}.contact-icon{color:var(--brand);flex-shrink:0;margin-top:2px}.contact-actions{flex-wrap:wrap;gap:14px;margin-top:28px;display:flex}.contact-primary{background:var(--brand);color:#fff}.contact-secondary{color:var(--brand);border:1px solid var(--brand);background:0 0}.contact-secondary:hover{background:var(--brand);color:#fff}.footer{color:#ffffffd1;background:#241b12;padding:26px 0}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.footer p{margin:0;font-size:.95rem}@media (width<=1150px){.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.projects-layout,.two-column,.highlights-grid{grid-template-columns:1fr}}@media (width<=900px){.nav-links,.desktop-cta{display:none}.mobile-toggle{display:inline-flex}.mobile-nav{display:block}.hero-content{padding:88px 0 96px}.hero h1{font-size:clamp(2.2rem,10vw,3.6rem)}.hero p,.intro-band p,.section-text{font-size:1rem}}@media (width<=680px){.container{width:min(var(--container), calc(100% - 22px))}.topbar-inner{min-height:76px}.brand-title{letter-spacing:.18em;font-size:.82rem}.brand-subtitle{font-size:.78rem}.hero-actions,.contact-actions{flex-direction:column}.hero-primary,.hero-secondary,.section-button,.contact-primary,.contact-secondary,.quote-button,.mobile-cta{width:100%}.intro-band{padding:54px 0}.section{padding:70px 0}.services-grid{grid-template-columns:1fr}.project-card.featured img{height:310px}.project-card.secondary img{height:220px}.project-content,.service-card,.about-card,.contact-panel{padding:22px}.footer-inner{flex-direction:column;align-items:flex-start}@media (width<=1024px){.highlights-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}}html,body,#root{width:100%;min-height:100%;margin:0}