/* Design philosophy: Terracotta modernism — warm limestone surfaces, charcoal structure, editorial asymmetry, and material-led precision. */
:root{--ink:#282824;--muted:#706c62;--paper:#f4f1ea;--paper-2:#e9e4da;--terracotta:#b85c3a;--terracotta-dark:#8f422a;--line:#d7d0c4;--white:#fffdf8;--ease:cubic-bezier(.23,1,.32,1);font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}.site-shell{overflow:hidden}.container{width:min(1180px,calc(100% - 48px));margin:auto}.section{padding:124px 0;position:relative;background-image:linear-gradient(90deg,transparent 0,transparent calc(100% - 1px),rgba(184,92,58,.08) calc(100% - 1px));background-size:25% 100%;}.section-label{display:flex;align-items:center;gap:14px;color:var(--terracotta);font-size:11px;text-transform:uppercase;letter-spacing:.16em;font-weight:700;margin-bottom:30px}.section-label span{display:grid;place-items:center;width:31px;height:31px;border:1px solid currentColor;border-radius:50%;font-size:10px}.section-label-light{color:#e7b09c}.section-head{display:flex;justify-content:space-between;align-items:end;gap:48px;margin-bottom:52px}.section-head>p{max-width:340px;color:var(--muted);line-height:1.65;margin:0}.section h2{font:700 clamp(42px,5vw,70px)/.98 'Fraunces',serif;letter-spacing:-.045em;margin:0;max-width:700px}.section h2 em,.display-copy em,.hero h1 em,.final-cta h2 em{font-style:normal;color:var(--terracotta)}
.hero{background-image:linear-gradient(90deg,rgba(25,25,22,.82),rgba(25,25,22,.46) 46%,rgba(25,25,22,.08)),url('../images/hero.jpg');min-height:760px;background-position:center;background-size:cover;color:#fffdf8;position:relative;display:flex;flex-direction:column}.nav-wrap{width:min(1280px,calc(100% - 48px));margin:0 auto;padding:28px 0;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:12px;font-size:12px;line-height:1.05;letter-spacing:.03em}.brand b{font-weight:700}.brand-mark{width:39px;height:39px;display:block;position:relative;border:1px solid currentColor;transform:rotate(45deg)}.brand-mark i{display:block;position:absolute;background:currentColor;width:15px;height:27px;top:5px}.brand-mark i:first-child{left:5px}.brand-mark i:last-child{right:5px}.brand>span:last-child{transform:translateY(1px)}.brand-light{color:#fffdf8}.nav-wrap nav{display:flex;gap:27px;align-items:center;font-size:12px;text-transform:uppercase;letter-spacing:.1em}.nav-wrap nav>a{opacity:.8;transition:opacity .2s var(--ease)}.nav-wrap nav>a:hover{opacity:1}.nav-call{border:1px solid rgba(255,255,255,.45);padding:12px 14px;display:flex;gap:8px;align-items:center;opacity:1!important}.menu-toggle{display:none;color:inherit;background:none;border:0}.hero-content{width:min(1180px,calc(100% - 48px));margin:auto;align-self:center;padding:100px 0 78px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.18em;margin-bottom:27px;color:#e8c7b9}.hero h1{font:700 clamp(54px,7.5vw,104px)/.91 'Fraunces',serif;letter-spacing:-.06em;max-width:850px;margin:0}.hero p{font-size:17px;line-height:1.65;max-width:470px;color:rgba(255,253,248,.8);margin:30px 0 34px}.hero-actions{display:flex;align-items:center;gap:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:13px;background:var(--terracotta);color:#fffdf8;padding:16px 21px;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:700;border:1px solid var(--terracotta);transition:transform .16s var(--ease),background .2s var(--ease),color .2s var(--ease)}.btn:hover{background:var(--terracotta-dark);transform:translateY(-2px)}.btn:active{transform:scale(.97)}.btn-secondary{background:transparent;color:var(--ink);border-color:var(--ink)}.btn-secondary:hover{color:#fff;background:var(--ink)}.text-link{display:inline-flex;align-items:center;gap:10px;font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:7px}.light-link{color:#fffdf8;border-color:rgba(255,255,255,.55)}.hero-foot{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);width:min(1180px,calc(100% - 48px));display:flex;align-items:center;gap:15px;text-transform:uppercase;letter-spacing:.16em;font-size:10px;color:rgba(255,255,255,.65)}.hero-line{height:1px;background:rgba(255,255,255,.45);width:100px}
.about{background:var(--paper)}.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:center}.about-copy{padding-left:8vw}.display-copy{font:700 clamp(43px,5vw,72px)/.98 'Fraunces',serif;letter-spacing:-.05em;margin:0 0 28px}.about-copy>p:not(.display-copy){color:var(--muted);line-height:1.75;max-width:480px}.about-copy strong{color:var(--ink)}.about-copy .btn{margin-top:18px}.image-frame{margin:0;position:relative}.image-frame img{width:100%;height:100%;object-fit:cover;display:block}.about-image{height:600px}.about-image:before{content:'';position:absolute;inset:18px -18px -18px 18px;border:1px solid var(--terracotta);z-index:0}.about-image img{position:relative;z-index:1}.image-frame figcaption{position:absolute;bottom:-35px;left:0;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.image-frame figcaption span{color:var(--terracotta);margin-right:12px}
.services{background:var(--paper-2)}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service-card{position:relative;border-right:1px solid var(--line);background-image:linear-gradient(90deg,transparent 0,transparent 23px,rgba(184,92,58,.1) 23px,rgba(184,92,58,.1) 24px,transparent 24px);border-bottom:1px solid var(--line);padding:27px 26px 31px;min-height:225px;transition:background .25s var(--ease),transform .25s var(--ease);background-color:transparent}.service-card:hover{background:var(--white);transform:translateY(-4px);z-index:1}.service-card>svg{color:var(--terracotta);margin:13px 0 24px}.service-index{position:absolute;right:22px;top:23px;font-size:10px;color:#a7a195;letter-spacing:.1em}.service-card h3{font:700 22px/1.05 'Fraunces',serif;letter-spacing:-.025em;margin:0 0 11px}.service-card p{color:var(--muted);font-size:13px;line-height:1.55;max-width:260px;margin:0}.card-arrow{position:absolute;right:23px;bottom:25px;color:var(--ink)!important;opacity:0;transition:opacity .2s var(--ease),transform .2s var(--ease)}.service-card:hover .card-arrow{opacity:1;transform:translateX(4px)}
.why{background:var(--ink);color:var(--paper)}.why-grid{display:grid;grid-template-columns:1fr .95fr;gap:100px;align-items:center}.why-image{height:580px}.why-image:before{content:'';position:absolute;inset:-18px 18px 18px -18px;border:1px solid var(--terracotta);z-index:0}.why-image img{position:relative;z-index:1}.image-note{position:absolute;z-index:2;bottom:20px;left:20px;background:var(--terracotta);padding:12px 14px;color:var(--white);font-size:10px;text-transform:uppercase;letter-spacing:.13em}.why .section-label{color:#e7b09c}.why h2{color:var(--paper)}.why-copy>p{color:#bbb4a8;line-height:1.7;max-width:450px;margin:28px 0 32px}.quality-list{display:grid;grid-template-columns:1fr 1fr;gap:16px;border-top:1px solid #4b4943;padding-top:21px}.quality-list div{font-size:12px;display:flex;align-items:center;gap:9px;color:#e8e1d7}.quality-list svg{color:#d78668}
.gallery{background:var(--paper)}.gallery-grid{display:grid;grid-template-columns:1.1fr .9fr .9fr;gap:18px;align-items:start}.gallery-grid figure{margin:0}.gallery-grid figure img{width:100%;height:330px;display:block;object-fit:cover;transition:transform .5s var(--ease)}.gallery-grid figure{overflow:hidden}.gallery-grid figure:hover img{transform:scale(1.04)}.gallery-grid .gallery-tall img{height:520px}.gallery-grid figcaption{padding:15px 0 0;font-size:11px;text-transform:uppercase;letter-spacing:.12em}.gallery-grid figcaption span{color:var(--terracotta);margin-right:12px}
.process{background:var(--paper-2);background-image:repeating-linear-gradient(0deg,transparent 0,transparent 91px,rgba(184,92,58,.08) 92px)}.process-list{border-top:1px solid var(--line)}.process-row{display:grid;grid-template-columns:80px 50px 1fr 20px;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding:27px 4px;transition:padding .25s var(--ease),background .25s var(--ease)}.process-row:hover{padding-left:18px;padding-right:18px;background:var(--white)}.process-num{font:700 24px 'Fraunces',serif;color:var(--terracotta)}.process-row>svg{color:var(--terracotta)}.process-row h3{font:700 23px 'Fraunces',serif;margin:0 0 5px}.process-row p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}
.split-services{background:var(--terracotta);color:var(--white)}.split-services .section-label{color:#f2c4b3}.split-intro{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:48px}.split-intro h2{color:var(--white)}.split-intro p{max-width:340px;line-height:1.65;color:#f0d5cb;margin:0}.audience-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.audience-card{min-height:430px;padding:36px;display:flex;align-items:end;background-position:center;background-size:cover;position:relative;overflow:hidden}.audience-card:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(26,23,20,.86),rgba(26,23,20,.08))}.audience-card>div{position:relative;z-index:1}.residential{background-image:url('../images/detail.jpg')}.commercial{background-image:url('../images/floor.jpg')}.audience-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:#e7b09c}.audience-card h3{font:700 42px/.98 'Fraunces',serif;letter-spacing:-.04em;margin:16px 0}.audience-card p{color:#e1d8ce;line-height:1.6;max-width:390px}.audience-card .text-link{color:#fff;border-color:#a99e94;margin-top:12px}
.local{background:var(--paper);background-image:linear-gradient(90deg,transparent 0,transparent 8%,rgba(184,92,58,.08) 8%,rgba(184,92,58,.08) calc(8% + 1px),transparent calc(8% + 1px))}.local-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:center}.local-copy h2{max-width:430px}.local-copy>p{color:var(--muted);line-height:1.7;max-width:400px;margin:28px 0}.address{display:flex;gap:13px;align-items:start;margin:30px 0 22px;font-size:14px;line-height:1.6}.address svg{color:var(--terracotta);margin-top:2px}.map-card{height:440px;position:relative;border:1px solid var(--line);padding:10px;background:var(--paper-2)}.map-card iframe{width:100%;height:100%;border:0;filter:grayscale(.85) sepia(.12) contrast(.95)}.map-pin{position:absolute;bottom:23px;left:23px;background:var(--ink);color:var(--white);padding:13px 15px;display:flex;gap:8px;align-items:center;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.map-pin svg{color:#df8464}
.contact{background:var(--ink);color:var(--paper)}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:start}.contact .section-label{color:#e7b09c}.contact h2{color:var(--paper)}.contact-copy>p{color:#bcb5aa;line-height:1.7;max-width:400px;margin:28px 0}.contact-details{display:grid;gap:13px}.contact-details a{display:flex;align-items:center;gap:10px;color:#e8dfd4;font-size:13px}.contact-details svg{color:#d78668}.form-card{background:var(--paper);color:var(--ink);padding:35px}.form-card form{display:grid;gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-card label{font-size:10px;text-transform:uppercase;letter-spacing:.13em;font-weight:700;color:var(--muted);display:grid;gap:9px}.form-card input,.form-card textarea{width:100%;background:transparent;border:0;border-bottom:1px solid #bcb5a8;padding:10px 0;outline:0;color:var(--ink);resize:vertical;font-size:14px;letter-spacing:0}.form-card input:focus,.form-card textarea:focus{border-color:var(--terracotta)}.form-submit{justify-self:start;margin-top:4px}.success-state{text-align:center;padding:62px 20px}.success-state>span{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--terracotta);color:#fff;margin:0 auto 19px}.success-state h3{font:700 31px 'Fraunces',serif;margin:0 0 10px}.success-state p{color:var(--muted);margin:0}
.final-cta{background-image:linear-gradient(90deg,rgba(30,28,25,.88),rgba(30,28,25,.32)),url('../images/gallery.jpg');min-height:560px;background-position:center;background-size:cover;color:var(--white);display:flex;align-items:center}.final-inner{padding:70px 0}.final-cta h2{font:700 clamp(50px,7vw,92px)/.92 'Fraunces',serif;letter-spacing:-.06em;max-width:800px;margin:0 0 25px}.final-cta p{color:#e7ddd3;margin:0 0 30px;font-size:16px}.footer{background:#1b1b19;color:#f4f1ea;padding:70px 0 24px}.footer-grid{display:grid;grid-template-columns:1.5fr .7fr 1fr;gap:80px}.footer-note{font-size:12px;color:#969188;max-width:230px;line-height:1.65;margin-top:22px}.footer-nav,.footer-contact{display:grid;align-content:start;gap:12px;font-size:12px;color:#a6a097}.footer-nav span,.footer-contact span:first-child{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:#d78668;margin-bottom:9px}.footer-nav a:hover,.footer-contact a:hover{color:#fff}.footer-contact a{color:#f4f1ea}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #3c3b37;margin-top:55px;padding-top:18px;color:#817d73;font-size:10px;text-transform:uppercase;letter-spacing:.1em}
@media(max-width:900px){.nav-wrap nav{gap:14px}.nav-call{display:none!important}.about-grid,.why-grid,.local-grid,.contact-grid{grid-template-columns:1fr;gap:55px}.about-copy{padding-left:0}.about-image{height:520px;width:calc(100% - 18px);margin-left:18px}.why-image{height:500px;width:calc(100% - 18px);margin-left:18px}.contact-grid{gap:45px}.services-grid{grid-template-columns:repeat(2,1fr)}.gallery-grid{grid-template-columns:1fr 1fr}.gallery-grid .gallery-tall{grid-column:1/-1}.gallery-grid .gallery-tall img{height:480px}.split-intro{display:block}.split-intro p{margin-top:24px}.footer-grid{gap:35px}}
@media(max-width:640px){.container,.hero-content,.hero-foot,.nav-wrap{width:calc(100% - 36px)}.section{padding:84px 0}.nav-wrap{padding:20px 0}.nav-wrap nav{display:none;position:absolute;top:75px;left:0;right:0;background:var(--ink);padding:18px;flex-direction:column;align-items:start;gap:18px}.nav-wrap nav.nav-open{display:flex}.menu-toggle{display:block}.hero{background-image:linear-gradient(90deg,rgba(25,25,22,.82),rgba(25,25,22,.46) 46%,rgba(25,25,22,.08)),url('../images/hero.jpg');min-height:720px}.hero h1{font-size:56px}.hero p{font-size:15px}.hero-actions{align-items:start;flex-direction:column;gap:22px}.hero-foot{font-size:8px}.section-head{display:block;margin-bottom:34px}.section-head>p{margin-top:24px}.section h2{font-size:48px}.services-grid{grid-template-columns:1fr}.service-card{min-height:200px}.quality-list{grid-template-columns:1fr}.gallery-grid{grid-template-columns:1fr}.gallery-grid .gallery-tall img,.gallery-grid figure img{height:350px}.process-row{grid-template-columns:45px 32px 1fr;gap:12px}.process-row>svg:last-child{display:none}.process-row h3{font-size:20px}.process-row p{font-size:12px}.audience-grid{grid-template-columns:1fr}.audience-card{min-height:360px}.local-grid,.contact-grid{gap:42px}.map-card{height:350px}.form-card{padding:24px 19px}.form-row{grid-template-columns:1fr}.final-cta{background-image:linear-gradient(90deg,rgba(30,28,25,.88),rgba(30,28,25,.32)),url('../images/gallery.jpg');min-height:600px}.final-cta h2{font-size:57px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{display:block;line-height:2}.footer-bottom span:last-child{display:block;margin-top:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}