:root{--cream:#f6f1e8!important;--ink:#171512!important;--ink-soft:#5c554b!important;--brass:#b68a4a!important;--olive:#6e6b54!important}
body{overflow-x:hidden}
header{border-bottom:1px solid rgba(255,255,255,.13);backdrop-filter:blur(10px)}
header.transparent{background:linear-gradient(180deg,rgba(10,10,9,.72),transparent)}
.brandmark{display:flex;flex-direction:column;align-items:center;text-decoration:none}
.brandmark img{content:url('assets/strada-logo.webp');height:58px;max-width:220px;object-fit:contain;filter:contrast(1.12) saturate(1.08) drop-shadow(0 2px 2px rgba(0,0,0,.98)) drop-shadow(0 0 1px rgba(255,247,232,.95)) drop-shadow(0 0 14px rgba(198,155,88,.42))}
.brandmark:after{content:'GENERAL CONTRACTOR';color:#d4bc96;font:500 .6rem/1 Inter,sans-serif;letter-spacing:.22em;margin-top:-3px}
.hero-logo{content:url('assets/strada-logo.webp');width:min(82vw,620px)!important;max-width:620px!important;margin-bottom:30px!important;filter:contrast(1.12) saturate(1.08) drop-shadow(0 2px 2px rgba(0,0,0,.98)) drop-shadow(0 0 1px rgba(255,247,232,.95)) drop-shadow(0 0 14px rgba(198,155,88,.42))}
.hero{min-height:94vh!important;background:linear-gradient(90deg,rgba(12,11,10,.85),rgba(18,16,13,.55)),url('assets/slab-gallery-wide.webp') center/cover no-repeat!important;text-align:left!important;justify-content:flex-start!important}
.hero-inner{max-width:1180px!important;width:100%;margin:0 auto;padding:150px 40px 90px!important}
.hero-inner h1{font-size:clamp(2.6rem,5.8vw,5.25rem)!important;max-width:12ch;line-height:1.02!important;text-wrap:balance}
.hero-inner .kicker{max-width:52ch;font-size:1rem!important;color:#ded4c2!important}
.hero .btn{background:var(--brass);border-color:var(--brass);color:#111;font-weight:500}
.page-hero{position:relative;isolation:isolate;padding:110px 0 120px!important;background:url('assets/slab-gallery-aisle.webp') center 42%/cover no-repeat!important}
.page-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,14,12,.9),rgba(16,14,12,.62));z-index:-1}
.page-hero h1{font-size:clamp(2.5rem,5vw,4.7rem)!important;line-height:1.04!important}
.page-hero p.sub{color:#e2d9ca!important;font-size:1.08rem!important}
.link-card{position:relative;overflow:hidden;border-top:3px solid transparent;transition:.25s ease!important}
.link-card:hover{transform:translateY(-5px);border-top-color:var(--brass);box-shadow:0 20px 50px rgba(24,20,15,.12)}
.credential{background:linear-gradient(125deg,#24211c,#4a3a29)!important}
.why-cell{background:#3b352d!important}
.btn{border-radius:999px;padding:14px 28px!important}
.mobile-menu{display:none;background:none;border:1px solid rgba(255,255,255,.45);color:#fff;border-radius:99px;padding:9px 14px;font:500 .8rem Inter,sans-serif;letter-spacing:.04em}
footer img{content:url('assets/strada-logo.webp');height:45px;max-width:190px;object-fit:contain}
@media(max-width:900px){.mobile-menu{display:block}.hero-inner{padding-left:24px!important;padding-right:24px!important}.nav-open nav.links{display:flex;position:absolute;top:100%;left:0;right:0;background:#171512;flex-direction:column;align-items:stretch;padding:16px 24px 24px}.nav-open nav.links .nav-item>a{display:block}.dropdown{position:static;display:none;box-shadow:none;background:#211e19;margin-left:12px}.nav-item:focus-within .dropdown{display:block}}
@media(max-width:640px){.brandmark img{height:48px;max-width:170px}.hero{min-height:88vh!important}.hero-inner{padding-top:130px!important}.hero-inner h1{font-size:3rem!important}.page-hero{padding:84px 0 90px!important}.contact-detail{flex-direction:column;gap:4px}}