:root{color:#172326;background:#faf7ef;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}img{max-width:100%}#root{min-height:100vh}main{overflow:hidden}.site-header{align-items:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#faf8f2d1;border-bottom:1px solid rgba(35,48,51,.08);display:grid;gap:20px;grid-template-columns:auto 1fr auto;left:0;padding:16px clamp(18px,4vw,58px);position:fixed;right:0;top:0;z-index:20}.brand{color:#172326;display:grid;font-size:1.04rem;font-weight:800;line-height:1;text-decoration:none;text-transform:uppercase}.brand small{color:#9d5e35;font-size:.7rem;font-weight:700;margin-top:3px}nav{display:flex;gap:clamp(14px,3vw,34px);justify-content:center}nav a,.header-cta{color:#233033;font-size:.85rem;font-weight:700;text-decoration:none}.header-cta{border:1px solid rgba(35,48,51,.22);border-radius:999px;padding:10px 16px}.hero{align-items:end;background:linear-gradient(90deg,#141818d1,#14181859),url(https://images.unsplash.com/photo-1600566753190-17f0baa2a6c3?auto=format&fit=crop&w=1800&q=82) center / cover;color:#fffaf1;display:grid;gap:32px;grid-template-columns:minmax(0,1fr) minmax(260px,390px);min-height:92vh;padding:130px clamp(20px,5vw,72px) 44px}.hero-content{max-width:760px}.eyebrow{color:#b66f3b;font-size:.78rem;font-weight:800;letter-spacing:0;margin:0 0 14px;text-transform:uppercase}.hero .eyebrow{color:#e6bc83}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(3.6rem,9vw,8.2rem);line-height:.9;margin-bottom:24px;max-width:880px}h2{color:#172326;font-size:clamp(2rem,4.5vw,4rem);line-height:1;margin-bottom:18px}h3{color:#172326;font-size:1.1rem;margin-bottom:8px}.hero p{color:#fffaf1e0;font-size:clamp(1.05rem,2vw,1.28rem);max-width:650px}.hero-actions,.filters,.palette-buttons{display:flex;flex-wrap:wrap;gap:12px}.primary-button,.secondary-button,.contact-form button,.filters button,.palette-buttons button{border:0;border-radius:999px;cursor:pointer;font-family:inherit;font-weight:800;transition:transform .18s ease,background .18s ease,color .18s ease}.primary-button,.secondary-button{display:inline-flex;margin-top:16px;padding:14px 20px;text-decoration:none}.primary-button{background:#e6bc83;color:#172326}.secondary-button{background:#ffffff1f;color:#fffaf1}.primary-button:hover,.secondary-button:hover,.contact-form button:hover,.filters button:hover,.palette-buttons button:hover{transform:translateY(-2px)}.hero-panel{background:#fffaf121;border:1px solid rgba(255,250,241,.25);border-radius:8px;display:grid}.hero-panel div{border-bottom:1px solid rgba(255,250,241,.18);padding:22px}.hero-panel div:last-child{border-bottom:0}.hero-panel strong{display:block;font-size:2.1rem;line-height:1}.hero-panel span{color:#fffaf1c7;display:block;margin-top:6px}.intro-band{background:#233033;color:#f9f3e8;padding:clamp(34px,6vw,74px) clamp(20px,8vw,120px)}.intro-band p{font-size:clamp(1.35rem,3vw,2.6rem);line-height:1.18;margin:0;max-width:1120px}.section,.split-section,.mood-section,.contact-section{padding:clamp(58px,8vw,106px) clamp(20px,5vw,72px)}.section-heading{align-items:end;display:flex;gap:24px;justify-content:space-between;margin-bottom:28px}.section-heading h2{max-width:720px}.filters{margin-bottom:28px}.filters button,.palette-buttons button{background:#ede6d8;color:#233033;padding:11px 15px}.filters button.active,.palette-buttons button.active{background:#233033;color:#fffaf1}.project-grid{display:grid;gap:18px;grid-template-columns:repeat(4,minmax(0,1fr))}.project-card{background:#fffaf1;border:1px solid rgba(35,48,51,.1);border-radius:8px;box-shadow:0 22px 60px #23303314;overflow:hidden}.project-card img{aspect-ratio:4 / 5;display:block;object-fit:cover;width:100%}.project-card div{padding:18px}.project-card span{color:#9d5e35;display:block;font-size:.74rem;font-weight:800;margin-bottom:8px;text-transform:uppercase}.project-card p,.split-section p,.mood-copy p,.timeline p,.contact-section p{color:#59676a}.split-section{background:#f1ece2;display:grid;gap:44px;grid-template-columns:minmax(0,.9fr) minmax(300px,1fr)}.split-section>div:first-child{max-width:650px}.service-list{display:grid;gap:14px}.service-item{align-items:center;background:#fffaf1;border:1px solid rgba(35,48,51,.08);border-radius:8px;display:grid;gap:16px;grid-template-columns:54px 1fr;padding:18px}.service-item span{align-items:center;background:#233033;border-radius:50%;color:#fffaf1;display:inline-flex;font-weight:800;height:44px;justify-content:center;width:44px}.service-item h3{margin:0}.mood-section{align-items:center;background:#fffaf1;display:grid;gap:42px;grid-template-columns:minmax(0,.85fr) minmax(300px,1fr)}.swatch-board{border-radius:8px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);min-height:310px}.swatch-board span{border:1px solid rgba(35,48,51,.08);border-radius:8px;box-shadow:0 18px 45px #2330331a}.swatch-board span:nth-child(2){transform:translateY(34px)}.swatch-board span:nth-child(3){transform:translateY(12px)}.swatch-board span:nth-child(4){transform:translateY(52px)}.process{background:#faf7ef}.timeline{display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}.timeline article{border-top:2px solid #b66f3b;padding-top:18px}.timeline span{color:#9d5e35;font-weight:900}.testimonial{background:linear-gradient(#172326c2,#172326c2),url(https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=1600&q=80) center / cover;color:#fffaf1;padding:clamp(64px,10vw,130px) clamp(20px,12vw,150px)}blockquote{font-size:clamp(1.8rem,4vw,4.2rem);line-height:1.05;margin:0 0 22px;max-width:980px}.testimonial p{color:#e6bc83;font-weight:800;margin:0}.contact-section{background:#233033;color:#fffaf1;display:grid;gap:42px;grid-template-columns:minmax(0,.9fr) minmax(300px,520px)}.contact-section h2{color:#fffaf1}.contact-section .eyebrow{color:#e6bc83}.contact-section p{color:#fffaf1b8;max-width:580px}.contact-copy{align-content:start;display:grid}.address-card{background:#fffaf114;border:1px solid rgba(255,250,241,.16);border-radius:8px;margin-top:28px;max-width:430px;padding:22px}.address-card span{color:#e6bc83;display:block;font-size:.74rem;font-weight:900;margin-bottom:10px;text-transform:uppercase}.address-card h3{color:#fffaf1;margin-bottom:8px}.address-card p{margin-bottom:16px}.address-card a{color:#e6bc83;font-weight:900;text-decoration:none}.contact-stack{display:grid;gap:18px}.contact-form{background:#fffaf1;border-radius:8px;display:grid;gap:16px;padding:clamp(18px,3vw,30px)}.contact-form label{color:#233033;display:grid;font-weight:800;gap:8px}input,select,textarea{background:#f2ede4;border:1px solid rgba(35,48,51,.12);border-radius:8px;color:#172326;font:inherit;padding:13px 14px;width:100%}textarea{resize:vertical}.contact-form button{background:#b66f3b;color:#fffaf1;padding:14px 18px}.whatsapp-actions{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.map-frame{background:#fffaf1;border:1px solid rgba(255,250,241,.18);border-radius:8px;min-height:280px;overflow:hidden}.map-frame iframe{border:0;display:block;height:100%;min-height:280px;width:100%}.site-footer{background:#172326;border-top:1px solid rgba(255,250,241,.12);color:#fffaf1b8;padding:22px clamp(20px,5vw,72px);text-align:center}.site-footer p{margin:0}@media(max-width:980px){.hero,.split-section,.mood-section,.contact-section{grid-template-columns:1fr}.project-grid,.timeline{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-panel{grid-template-columns:repeat(3,1fr)}.hero-panel div{border-bottom:0;border-right:1px solid rgba(255,250,241,.18)}.hero-panel div:last-child{border-right:0}}@media(max-width:720px){.site-header{grid-template-columns:1fr auto}nav{grid-column:1 / -1;justify-content:flex-start;overflow-x:auto;padding-bottom:4px}.header-cta{justify-self:end}.hero{min-height:auto;padding-top:200px}.hero-panel,.project-grid,.timeline{grid-template-columns:1fr}.hero-panel div{border-bottom:1px solid rgba(255,250,241,.18);border-right:0}.swatch-board{min-height:240px}.section-heading{align-items:start;display:grid}.whatsapp-actions{grid-template-columns:1fr}}
