@import url('/assets/granite/site.css');
:root{--stone:#897b6a;--ink:#252525;--dark:#222;--soft:#edf0f2}
body{font-family:Arial,sans-serif;color:#596773}
.container,.container-fluid{width:min(1200px,calc(100% - 56px));margin-inline:auto}
.padding{padding-block:72px}.text-center,.center{text-align:center}
.row{display:flex;flex-wrap:wrap;gap:28px}.row>[class*="col-lg-6"]{flex:1 1 44%;min-width:0}
.header{position:sticky;top:0;z-index:5;background:white;border-bottom:1px solid #eee}
.primary-header-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.granite-brand{display:inline-flex;align-items:center;gap:7px;font-size:.83rem;text-transform:uppercase;font-weight:800;text-decoration:none;white-space:nowrap;color:inherit}.granite-brand img{flex:none}
.dl-menu,.dl-menu ul,.footer-section ul,.about-btn,.breadcrumb{list-style:none;margin:0;padding:0}
.dl-menu{display:flex;gap:24px;align-items:center;color:#272727;font-weight:700;font-size:.9rem}.dl-menu li{position:relative}.dl-menu a{text-decoration:none;display:block;padding:10px 0}.dl-menu a:hover,.dl-menu a[aria-current]{color:var(--stone)}
.dl-menu ul{display:none;position:absolute;top:100%;left:-12px;width:290px;background:white;box-shadow:0 6px 18px #0002;padding:6px 14px}
.dl-menu li:hover>ul,.dl-menu li:focus-within>ul{display:block}
.header-right{display:flex;gap:8px;align-items:center}.mobile-menu-icon{display:none}.header-btn,.default-btn,.dl-btn{display:inline-block;text-decoration:none;background:var(--stone);color:white;border:0;border-radius:2px;font:700 .92rem Arial,sans-serif;padding:13px 22px;cursor:pointer}.header-btn:hover,.default-btn:hover,.dl-btn:hover{background:#706353}
.dl-slider{position:relative;background:#34312d;color:white;min-height:clamp(430px,39.0625vw,750px);display:grid;align-items:center}.single-slide{width:100%;position:relative}.dl-slider .bg-img{position:absolute;inset:0;background-position:center;background-size:cover}.slider-content-wrap{position:relative;z-index:1;padding-block:66px}.dl-caption.big{max-width:850px;color:white}.dl-caption.medium{font-size:clamp(1.1rem,2vw,1.6rem);margin:18px 0}.dl-caption.small{max-width:640px;margin-bottom:22px}
.about-bg-wrap{position:relative;padding-top:32px}.about-btn li{display:flex;flex-wrap:wrap;gap:18px;align-items:center}.about-btn .whatsapp{font-weight:bold;text-decoration:none}.about-bg-wrap .exp-box{background:#333;color:white;position:absolute;left:16px;top:0;padding:14px 24px;text-align:center}.exp-box h3{font-size:2.7rem;margin:0}.exp-box span{display:block;font:700 .8rem/1.3 Arial;color:#eee}.about-bg-wrap .front{min-height:270px;background:#f2f0ed;display:grid;place-items:center}
.bg-dark{background:var(--dark);color:#ced2d4}.bg-dark h2,.bg-dark h3{color:#e2d7c8}.bg-grey{background:#f5f4f1}.section-heading{margin-bottom:25px}
.service-grid,.project-grid,.work-grid,.contact-grid{display:grid;gap:24px}.service-grid,.project-grid,.work-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.contact-grid{grid-template-columns:1fr 1fr}
.service-card{background:white;color:var(--ink);height:100%;border:1px solid #e8e3dd}.service-thumb{min-height:140px;background:#ede9e4;display:grid;place-items:center}.service-thumb img{width:100%;height:195px;object-fit:contain}.service-content{padding:20px}.service-content h3{margin:0}.service-content a{text-decoration:none}.work-pro-item{text-align:center}.work-pro-item .step-icon{width:86px;height:86px}.project-inner2,.project-inner{height:100%;display:grid;place-items:center;background:#ede9e4;color:#51483e;min-height:90px;padding:14px;text-align:center}.project-inner2 img,.project-inner img{width:100%;max-height:240px;object-fit:contain}
.page-header{background:#f3f1ed;text-align:center;padding-block:44px}.breadcrumb{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;font-size:.9rem}.breadcrumb li+li:before{content:"/";margin-right:10px;color:#777}
.pricing-section .container>p,.pricing-section .container>ul{max-width:950px}.pricing-section .files li{margin-bottom:9px}.cta-section{padding:40px 0}.cta-box{background:#f2eee9;padding:38px;color:var(--ink)}
.footer-section .row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}.footer-section .row:last-child{display:block;padding:0 0 18px;text-align:center}.footer-section .copyright{border-top:1px solid #fff2;padding-top:12px}.footer-section h3{font-size:1.25rem}.footer-section a:hover{color:white}
.form-control{display:block;width:100%;margin:0 0 14px;padding:12px 10px;border:1px solid #b7b6b2;font:inherit}.contact-form .row{gap:0}.contact-form .row>div{width:100%}.comment{margin:10px 0 16px;font-size:.9rem}.ajax_form [class^="error_"]{color:#9a2424}.modal::backdrop{background:#181818a8}.modal{border:0;padding:24px}.btn-close{position:absolute;right:12px;top:8px;border:0;background:transparent;font-size:25px;cursor:pointer}
@media(max-width:1000px){.mobile-menu-icon{display:block;padding:10px;border:1px solid #ddd;background:white;cursor:pointer}.burger-menu{display:grid;gap:4px}.line-menu{background:#333;width:22px;height:2px}.header-menu-wrap{display:none;position:absolute;top:100%;left:0;right:0;background:white;padding:12px 28px;border-bottom:1px solid #ddd}.header-menu-wrap.open{display:block}.dl-menu{display:block}.dl-menu ul{position:static;box-shadow:none;width:auto}.service-grid,.project-grid,.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.container,.container-fluid{width:calc(100% - 32px)}.padding{padding-block:42px}.row>[class*="col-lg-6"]{flex-basis:100%}.contact-grid{grid-template-columns:1fr}.footer-section .row{grid-template-columns:1fr 1fr}.header-btn{padding-inline:10px}.service-content{padding:12px}.service-content h3{font-size:1.1rem}}