/*
Theme Name: Armstrong Premium
Theme URI: https://armstrongconcretesc.com
Author: Armstrong Concrete II LLC
Description: Premium conversion-focused website for Armstrong Concrete.
Version: 1.0.0
*/
:root{--ink:#15221c;--forest:#1e342a;--forest-deep:#112219;--sage:#9fa990;--sand:#d9c7aa;--cream:#f3efe7;--paper:#fbfaf6;--line:rgba(21,34,28,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}img{display:block;width:100%}main{overflow:hidden}.siteHeader{align-items:center;background:rgba(251,250,246,.96);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;height:92px;padding:0 4vw;position:relative;z-index:10}.brand{align-items:center;display:flex;gap:14px;width:fit-content}.logoWrap{align-items:center;background:#fff;border-radius:50%;display:flex;height:58px;justify-content:center;overflow:hidden;width:76px}.logoWrap img{height:58px;object-fit:contain;width:76px}.brand strong{display:block;font-family:"Playfair Display",serif;font-size:20px;font-weight:600}.brand small{color:#5d695f;display:block;font-size:8px;letter-spacing:.13em;margin-top:4px;text-transform:uppercase}nav{display:flex;gap:28px}nav a{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.headerCall{font-family:"Playfair Display",serif;font-size:17px;justify-self:end}.headerCall span{color:#667168;display:block;font-family:Inter,sans-serif;font-size:8px;letter-spacing:.14em;margin-bottom:4px;text-transform:uppercase}
.hero{color:#fff;min-height:760px;position:relative}.heroImage{height:760px;object-fit:cover;object-position:center 62%}.heroShade{background:linear-gradient(90deg,rgba(9,24,16,.91),rgba(12,27,19,.62) 42%,rgba(11,24,17,.1) 78%),linear-gradient(0deg,rgba(7,18,12,.7),transparent 40%);inset:0;position:absolute}.heroCopy{left:8vw;max-width:760px;position:absolute;top:145px}.eyebrow{align-items:center;color:#637067;display:flex;font-size:10px;font-weight:800;gap:14px;letter-spacing:.19em;text-transform:uppercase}.eyebrow:before{background:var(--sage);content:"";height:1px;width:44px}.eyebrow.light{color:#d9ded8}h1,h2,h3{margin:0}h1{font-family:"Playfair Display",serif;font-size:clamp(63px,7vw,112px);font-weight:400;letter-spacing:-.055em;line-height:.86;margin-top:33px}h1 em,h2 em{color:var(--sand);display:block;font-weight:400}.heroCopy>p{color:#e2e5e1;font-size:17px;line-height:1.7;margin:34px 0 30px;max-width:580px}.heroActions{align-items:center;display:flex;gap:34px}.primaryButton{align-items:center;background:var(--sand);color:var(--forest-deep);display:inline-flex;font-size:11px;font-weight:800;gap:35px;letter-spacing:.08em;padding:20px 24px;text-transform:uppercase}.textLink{align-items:center;border-bottom:1px solid;display:inline-flex;font-size:10px;font-weight:800;gap:32px;letter-spacing:.1em;padding-bottom:8px;text-transform:uppercase}.lightLink{color:#fff}.heroRail{bottom:0;display:grid;grid-template-columns:repeat(3,1fr);position:absolute;right:0;width:57%}.heroRail div{backdrop-filter:blur(16px);background:rgba(14,29,20,.67);border-left:1px solid rgba(255,255,255,.14);min-height:100px;padding:23px 30px}.heroRail strong{display:block;font-family:"Playfair Display",serif;font-size:24px;font-weight:400}.heroRail span{color:#c9cec9;display:block;font-size:9px;letter-spacing:.08em;margin-top:8px;text-transform:uppercase}
.trustBar{background:#fff;border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding:0 8vw}.trustBar div{border-right:1px solid var(--line);padding:28px 24px}.trustBar strong{display:block;font-family:"Playfair Display",serif;font-size:20px;font-weight:500}.trustBar span{color:#6b766e;display:block;font-size:9px;letter-spacing:.1em;margin-top:7px;text-transform:uppercase}.section{padding:110px 8vw}.intro{align-items:end;display:grid;grid-template-columns:1.25fr .75fr}h2{font-family:"Playfair Display",serif;font-size:clamp(46px,5.1vw,78px);font-weight:400;letter-spacing:-.045em;line-height:1;margin-top:27px}.introCopy{padding:0 4vw 5px}.introCopy p,.locationsHeading p,.proofLead p,.faq p{color:#5b675e;font-size:15px;line-height:1.8}.services{display:grid;grid-template-columns:repeat(3,1fr)}.serviceCard{color:#fff;height:620px;overflow:hidden;position:relative}.serviceCard img{height:100%;object-fit:cover;transition:transform .7s}.serviceCard:hover img{transform:scale(1.035)}.serviceOverlay{background:linear-gradient(0deg,rgba(8,24,15,.92),rgba(8,24,15,.02) 72%);inset:0;position:absolute}.serviceCopy{bottom:38px;left:36px;position:absolute;right:30px}.serviceCopy h3{font-family:"Playfair Display",serif;font-size:34px;font-weight:400}.serviceCopy p{color:#d6ddd7;font-size:13px;line-height:1.65}.serviceCopy a{border-bottom:1px solid rgba(255,255,255,.7);display:flex;font-size:9px;font-weight:800;justify-content:space-between;letter-spacing:.12em;padding:14px 0;text-transform:uppercase}.allServicesLink{background:var(--forest-deep);display:flex;justify-content:center;padding:34px}
.proof{background:var(--cream);display:grid;gap:28px;grid-template-columns:.85fr 1.45fr .7fr}.proofLead{padding-right:2vw}.proofLead h2{font-size:clamp(42px,4.4vw,67px)}.projectFeature,.projectTall{align-self:end;overflow:hidden;position:relative}.projectFeature{height:500px}.projectTall{height:650px}.projectFeature img,.projectTall img{height:100%;object-fit:cover}.projectLabel{background:rgba(17,34,25,.88);bottom:0;color:#fff;left:0;padding:19px 22px;position:absolute;right:0}.projectLabel span{color:var(--sand);display:block;font-size:8px;letter-spacing:.15em;margin-bottom:6px;text-transform:uppercase}.projectLabel strong{font-family:"Playfair Display",serif;font-size:20px;font-weight:400}.locations{display:grid;gap:8vw;grid-template-columns:.8fr 1.2fr}.locationGrid{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr}.locationGrid a{align-items:center;border-bottom:1px solid var(--line);display:grid;font-family:"Playfair Display",serif;font-size:20px;grid-template-columns:35px 1fr auto;padding:17px 12px}.locationGrid a:nth-child(odd){border-right:1px solid var(--line)}.locationGrid span{color:#909990;font-family:Inter,sans-serif;font-size:8px}.estimate,.seoCta{background:var(--forest);color:#fff;padding:100px 8vw}.estimate{align-items:center;display:grid;grid-template-columns:1.2fr .8fr}.estimate p,.seoCta p{color:#c7cec9;line-height:1.7;max-width:520px}.pale{background:var(--cream);margin-top:20px}
footer{background:#09150f;color:#fff;display:grid;gap:5vw;grid-template-columns:1.4fr 1fr .65fr .8fr;padding:70px 8vw 95px;position:relative}footer p{color:#9faaa2;font-size:10px;letter-spacing:.07em;line-height:1.9;text-transform:uppercase}footer>div{display:flex;flex-direction:column;gap:12px}footer>div a{color:#c7cec9;font-size:11px}.copyright{bottom:28px;color:#647068;left:8vw;position:absolute}.seoHero{color:#fff;height:650px;overflow:hidden;position:relative}.seoHero>img{height:100%;object-fit:cover}.seoHeroShade{background:linear-gradient(90deg,rgba(7,22,14,.92),rgba(7,22,14,.35) 68%,transparent);inset:0;position:absolute}.seoHero>div:last-child{left:8vw;max-width:800px;position:absolute;top:115px}.seoHero p{color:#dce2dd;font-size:16px;line-height:1.7;max-width:630px}.seoIntro{display:grid;gap:9vw;grid-template-columns:1fr 1fr;padding:110px 8vw}.seoIntro p{color:#5b675e;font-size:15px;line-height:1.85}.serviceAreaLinks{padding:100px 8vw}.serviceAreaLinks>div{border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);margin-top:45px}.serviceAreaLinks a{border-bottom:1px solid var(--line);display:flex;font-family:"Playfair Display",serif;font-size:19px;justify-content:space-between;padding:16px 12px}
.servicesIndexHero{background:var(--forest-deep);color:#fff;padding:105px 8vw}.servicesIndexHero h1{max-width:970px}.servicesIndexHero p{color:#c9d0cb;font-size:16px;line-height:1.75;max-width:680px}.servicesIndex{display:grid;gap:2px;grid-template-columns:1fr 1fr}.servicesIndexCard{color:#fff;height:520px;overflow:hidden;position:relative}.servicesIndexCard>img{height:100%;object-fit:cover}.servicesIndexCard>div{background:linear-gradient(0deg,rgba(8,24,15,.94),rgba(8,24,15,.05) 75%);inset:0;position:absolute}.servicesIndexCard>span{font-family:"Playfair Display",serif;font-size:18px;left:28px;position:absolute;top:27px}.servicesIndexCard article{bottom:30px;left:30px;position:absolute;right:30px}.servicesIndexCard h2{font-size:clamp(31px,3vw,46px)}.servicesIndexCard p{color:#d2d9d3;line-height:1.65}.servicesIndexCard b{border-bottom:1px solid rgba(255,255,255,.65);display:block;font-size:9px;letter-spacing:.1em;padding:12px 0;text-transform:uppercase}.faq{background:var(--cream);display:grid;gap:10vw;grid-template-columns:.7fr 1.3fr}.faqList{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line);padding:24px 0}.faq summary{cursor:pointer;display:flex;font-family:"Playfair Display",serif;font-size:22px;justify-content:space-between;list-style:none}.faq details p{margin:18px 50px 0 0}.mobileContactBar{display:none}
@media(max-width:980px){.siteHeader{grid-template-columns:1fr auto}nav{display:none}.heroRail{width:100%}.proof{grid-template-columns:1fr 1fr}.proofLead{grid-column:1/-1}.locations,.faq{gap:60px;grid-template-columns:1fr}.trustBar{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.siteHeader{height:78px;padding:0 20px}.headerCall{font-size:13px}.headerCall span,.brand small{display:none}.brand strong{font-size:17px}.logoWrap,.logoWrap img{height:48px;width:61px}.hero,.heroImage{min-height:720px}.heroCopy{left:24px;right:24px;top:105px}h1{font-size:clamp(55px,17vw,82px)}.heroCopy>p{font-size:14px}.heroActions{align-items:flex-start;flex-direction:column;gap:25px}.heroRail{grid-template-columns:1fr 1fr}.heroRail div{min-height:85px;padding:18px}.heroRail div:last-child{display:none}.trustBar{padding:0 24px}.trustBar div{padding:20px 12px}.section,.seoIntro,.serviceAreaLinks,.seoCta{padding:78px 24px}.intro,.seoIntro{gap:40px;grid-template-columns:1fr}.introCopy{padding:0}.services,.servicesIndex{grid-template-columns:1fr}.serviceCard{height:520px}.proof{display:block}.projectFeature,.projectTall{height:440px;margin-top:20px}.locationGrid{grid-template-columns:1fr}.locationGrid a:nth-child(odd){border-right:0}.estimate{gap:45px;grid-template-columns:1fr;padding:82px 24px}footer{grid-template-columns:1fr 1fr;padding:60px 24px 100px}footer .footerBrand{grid-column:1/-1}.copyright{left:24px}.servicesIndexHero{padding:80px 24px}.servicesIndexCard{height:470px}.seoHero{height:690px}.seoHero>div:last-child{left:24px;right:24px;top:95px}.serviceAreaLinks>div{grid-template-columns:1fr 1fr}body{padding-bottom:58px}.mobileContactBar{background:var(--forest-deep);bottom:0;display:grid;grid-template-columns:repeat(3,1fr);left:0;position:fixed;right:0;z-index:9999}.mobileContactBar a{border-right:1px solid rgba(255,255,255,.15);color:#fff;font-size:9px;font-weight:800;letter-spacing:.08em;padding:19px 8px;text-align:center;text-transform:uppercase}.mobileContactBar a:last-child{background:var(--sand);color:var(--forest-deep)}}