@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Inter:wght@400;500;600;700&display=swap');

:root{--display:'Barlow Condensed',Arial,sans-serif;--body:'Inter',Arial,sans-serif;--steel:#9ba4af;--surface:#0d1218;--surface-2:#151c24}
body{font-family:var(--body);background:#090d12}
h1,h2,h3,.hero-stats strong,.btn{font-family:var(--display)}
.site-header{height:102px;padding-inline:clamp(26px,5vw,82px);background:linear-gradient(180deg,rgba(3,7,12,.92),rgba(3,7,12,.25));border-bottom:1px solid rgba(255,255,255,.12);backdrop-filter:blur(8px)}
.site-header.solid{height:92px;background:linear-gradient(115deg,#070b10,#151d27)}
.brand{position:relative}.brand:after{content:'CONCRETE FINISHER LLC';position:absolute;left:100%;top:50%;transform:translateY(-50%);width:150px;margin-left:16px;color:#fff;font-family:var(--display);font-size:14px;letter-spacing:.13em;line-height:1.05}.brand img{width:78px;height:78px}
.nav{gap:36px}.nav>a:not(.nav-call){position:relative;text-transform:uppercase;letter-spacing:.08em;font-size:12px;color:#d8dde4}.nav>a:not(.nav-call):after{content:'';position:absolute;left:0;right:100%;bottom:-9px;height:2px;background:var(--red);transition:right .25s}.nav>a:not(.nav-call):hover:after,.nav>a[aria-current="page"]:after{right:0}.nav-call{border-radius:0;padding:16px 22px;box-shadow:6px 6px 0 rgba(255,255,255,.14);text-transform:uppercase;letter-spacing:.04em}
.hero{height:900px;max-height:100svh;min-height:700px}.hero-shade{background:linear-gradient(90deg,rgba(3,7,13,.98) 0%,rgba(3,7,13,.88) 37%,rgba(3,7,13,.28) 78%),linear-gradient(0deg,#060a10 0%,transparent 45%)}.hero-content{padding-top:225px;max-width:930px}.hero .eyebrow{font-size:11px;letter-spacing:.28em}.hero h1{font-size:clamp(72px,9vw,132px);line-height:.77;letter-spacing:-.025em;text-transform:uppercase;margin:32px 0}.hero h1 span{display:block;color:transparent;-webkit-text-stroke:1.5px #fff}.hero-copy{max-width:620px;border-left:1px solid #ffffff38;padding-left:24px;font-size:17px}.btn{border-radius:0;letter-spacing:.12em;font-size:14px}.btn-primary{box-shadow:7px 7px 0 rgba(255,255,255,.16)}.hero-stats{right:clamp(24px,5vw,80px);bottom:0;background:rgba(8,13,20,.94);border:1px solid #ffffff20;border-bottom:0;padding:27px 10px;backdrop-filter:blur(14px)}.hero-stats strong{font-size:30px;letter-spacing:.02em}
.section-heading h2,.about h2,.contact h2{font-family:var(--display);text-transform:uppercase;letter-spacing:-.025em}.concrete-section{background-color:#0a0f15;background-image:linear-gradient(90deg,transparent 49.8%,rgba(255,255,255,.035) 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,rgba(255,255,255,.025) 50%,transparent 50.2%),radial-gradient(circle at 22% 16%,#ffffff12 0 1px,transparent 2px);background-size:96px 96px,96px 96px,27px 27px}.service-grid{gap:1px;border:0;background:#39414a;box-shadow:0 35px 90px #000a}.service-grid article,.service-grid article:nth-child(even){position:relative;background:linear-gradient(145deg,#161d25,#0d1218);border:0;min-height:340px;padding:40px;overflow:hidden;transition:transform .25s,background .25s}.service-grid article:after{content:'';position:absolute;left:0;bottom:0;width:0;height:4px;background:var(--red);transition:width .3s}.service-grid article:hover{transform:translateY(-8px);background:#1b232d}.service-grid article:hover:after{width:100%}.service-grid h3{font-family:var(--display);font-size:34px;text-transform:uppercase}.service-grid span{font-family:var(--display);font-size:18px;color:#77828e}.service-grid p{font-size:14px;line-height:1.8}
.projects{background:linear-gradient(135deg,#0d141c,#030609)}.project-card{background:#0e141b;position:relative;overflow:hidden}.project-card img{transition:transform .6s,filter .6s;filter:saturate(.85) contrast(1.04)}.project-card:hover img{transform:scale(1.035);filter:saturate(1.05)}.project-card span{font-family:var(--display);text-transform:uppercase;letter-spacing:.06em;font-size:18px;border-top:1px solid #ffffff17}
.about{border-top:1px solid #ffffff0d}.about-mark{transform:rotate(-2deg);box-shadow:18px 18px 0 #e1251b,0 40px 80px #000b}.checks li{padding:15px 0;border-bottom:1px solid #ffffff18;font-weight:600}.contact{position:relative;overflow:hidden;background:#0c1b31}.contact:before{content:'EHF';position:absolute;right:-2vw;bottom:-9vw;font-family:var(--display);font-weight:900;font-size:30vw;line-height:1;color:#ffffff05}.contact>*{position:relative}.contact-card{background:#f3f4f2;box-shadow:14px 14px 0 var(--red),28px 28px 0 #051027}.page-hero{position:relative;overflow:hidden;background:linear-gradient(120deg,#070b10,#142032);border-bottom:1px solid #ffffff18}.page-hero:after{content:'PROJECTS';position:absolute;right:-20px;bottom:-42px;color:#ffffff08;font:900 150px/1 var(--display)}.page-hero>*{position:relative;z-index:1}

.social-rail{left:22px;right:auto;top:50%;padding:10px 8px;gap:7px;border:1px solid rgba(255,255,255,.2);background:rgba(7,11,16,.88);backdrop-filter:blur(14px);border-radius:30px;filter:drop-shadow(0 16px 30px #0009)}.social-label{position:absolute;left:9px;bottom:calc(100% + 13px);color:#ffffff8f;font-size:9px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;writing-mode:vertical-rl;transform:rotate(180deg)}.social-rail a{width:44px;height:44px;border-radius:50%;justify-content:center;border:1px solid #ffffff25;transition:transform .2s,background .2s,color .2s}.social-rail a i{font-size:19px;color:#fff}.social-rail a span{position:absolute;left:58px;padding:8px 11px;color:#fff;background:#070b10;border:1px solid #ffffff1c;border-radius:3px;opacity:0;transform:translateX(-8px);pointer-events:none;transition:.2s}.social-rail a:hover,.social-rail a:focus-visible{width:44px;transform:translateX(4px)}.social-rail a:hover span,.social-rail a:focus-visible span{opacity:1;transform:none}.social-facebook{background:#1877f2!important}.social-messenger{background:linear-gradient(145deg,#7b2cff,#e02b9a)!important}.social-whatsapp{background:#17a955!important}.social-location{background:#e1251b!important}.social-rail a:hover{filter:brightness(1.14);box-shadow:0 0 0 4px #ffffff18}

@media(max-width:800px){.site-header{height:78px;padding-inline:18px}.brand:after{font-size:10px;width:100px;margin-left:9px}.brand img{width:60px;height:60px}.nav{top:78px}.hero{height:820px;min-height:760px}.hero-content{padding:160px 22px 130px}.hero h1{font-size:64px;line-height:.82}.hero-copy{font-size:15px}.hero-stats{right:0}.service-grid article,.service-grid article:nth-child(even){min-height:0;padding:32px}.about-mark{transform:none;box-shadow:8px 8px 0 var(--red)}.social-rail{left:50%;right:auto;bottom:12px;top:auto;transform:translateX(-50%);grid-template-columns:repeat(4,44px);padding:6px;gap:5px;border-radius:32px}.social-label{display:none}.social-rail a{width:44px!important;height:44px}.social-rail a:hover{transform:none}.social-rail a span{display:none}body{padding-bottom:68px}}

.lang-switch{display:flex;align-items:center;gap:7px;margin-left:16px;padding:7px 9px;border:1px solid #ffffff26;background:#060a0fcc;color:#fff;border-radius:3px}.lang-switch i{font-size:14px;color:#94a3b8}.lang-switch button{border:0;background:transparent;color:#8e99a6;font:800 11px/1 var(--body);letter-spacing:.08em;padding:5px 3px;cursor:pointer}.lang-switch button.active,.lang-switch button:hover{color:#fff}.lang-switch>span{width:1px;height:14px;background:#ffffff2e}
.admin-login{display:flex;align-items:center;gap:8px;margin-left:8px;padding:11px 13px;color:#fff;text-decoration:none;border:1px solid #ffffff2b;background:#ffffff0b;font:800 11px/1 var(--body);letter-spacing:.08em;text-transform:uppercase;transition:.2s}.admin-login i{font-size:15px;color:#ef3125}.admin-login:hover{background:#fff;color:#09101a;border-color:#fff;transform:translateY(-2px)}
@media(max-width:800px){.site-header{padding-inline:12px}.brand:after{display:none}.brand img{width:54px;height:54px}.lang-switch{position:absolute;right:119px;margin:0;padding:6px}.lang-switch i{display:none}.admin-login{position:absolute;right:71px;margin:0;padding:10px}.admin-login span{display:none}}

@media(max-width:1350px) and (min-width:801px){.brand:after{display:none}.site-header{padding-inline:28px}.nav{gap:20px}.nav>a:not(.nav-call){font-size:11px}.nav-call{padding:14px 16px}.lang-switch{margin-left:8px}.admin-login{margin-left:4px}}

.brand .header-logo-video{display:block;width:78px;height:78px;object-fit:cover;object-position:center;border-radius:2px;background:#020509}
.brand:after{display:none!important;content:none!important}
@media(max-width:800px){.brand .header-logo-video{width:54px;height:54px}}
.quote-access{display:flex;align-items:center;gap:8px;margin-left:8px;padding:11px 13px;color:#fff;text-decoration:none;border:1px solid #e1251b99;background:#e1251b20;font:800 11px/1 var(--body);letter-spacing:.07em;text-transform:uppercase;transition:.2s}.quote-access i{font-size:15px;color:#ff4a40}.quote-access:hover{background:var(--red);border-color:var(--red);transform:translateY(-2px)}
@media(max-width:800px){.lang-switch{right:167px}.quote-access{position:absolute;right:119px;margin:0;padding:10px}.quote-access span{display:none}}

.nav .nav-call{display:inline-flex;align-items:center;color:#fff;font-weight:700;font-size:14px;cursor:default;user-select:text}
