:root{
  --black:#050505;
  --black-2:#090909;
  --panel:#101010;
  --panel-2:#151515;
  --white:#ffffff;
  --text:#f4f1ed;
  --muted:#aaa29a;
  --muted-2:#80766f;
  --flame:#b84622;
  --flame-2:#c95f2c;
  --flame-soft:#8f371c;
  --gold:#d59a42;
  --line:rgba(255,255,255,.11);
  --line-warm:rgba(201,95,44,.42);
  --shadow:0 28px 100px rgba(0,0,0,.60);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px;overflow-x:hidden}
body{
  margin:0;
  font-family:"Inter",system-ui,-apple-system,Segoe UI,sans-serif;
  background:var(--black);
  color:var(--text);
  overflow-x:hidden;
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-3;
  background:
    radial-gradient(circle at 8% 12%,rgba(184,70,34,.10),transparent 34%),
    radial-gradient(circle at 90% 40%,rgba(201,95,44,.055),transparent 35%),
    linear-gradient(180deg,#050505,#080808 44%,#030303);
  pointer-events:none;
}
a{color:inherit;text-decoration:none;transition:.22s ease}
img{max-width:100%;display:block}
p{color:var(--muted);line-height:1.7;margin-bottom:0}
.container{max-width:1230px}
.section{padding:92px 0}
.section h2,.contact-panel h2{
  font-size:clamp(34px,4.1vw,58px);
  line-height:1.04;
  font-weight:900;
  letter-spacing:-.045em;
  margin:10px 0 18px;
}
.section-label{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:var(--flame-2);
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.16em;
  font-weight:900;
  margin-bottom:9px;
}
.section-label:before{
  content:"";
  width:32px;
  height:2px;
  background:var(--flame-2);
  box-shadow:0 0 8px rgba(201,95,44,.24);
}
.btn{
  border-radius:4px;
  padding:15px 25px;
  font-weight:900;
  font-size:14px;
  letter-spacing:.01em;
}
.btn i{margin-left:8px}
.btn-flame{
  border:1px solid rgba(207,81,39,.82);
  background:linear-gradient(135deg,#c94d25,#92331b);
  color:#fff;
  box-shadow:0 12px 30px rgba(184,70,34,.12);
}
.btn-flame:hover{background:linear-gradient(135deg,#b94521,#7f2d18);border-color:#c95f2c;color:#fff;transform:translateY(-2px)}
.btn-outline-flame{border:1px solid rgba(255,255,255,.28);background:rgba(0,0,0,.20);color:#fff}
.btn-outline-flame:hover{border-color:var(--line-warm);color:#fff;background:rgba(184,70,34,.10);transform:translateY(-2px)}

.site-header{
  z-index:1030;
  background:rgba(5,5,5,.78);
  backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(255,255,255,.055);
  transition:.25s ease;
}
.site-header.scrolled{background:rgba(3,3,3,.94);box-shadow:0 18px 45px rgba(0,0,0,.45)}
.site-header .navbar{min-height:96px}
.brand img{width:242px;filter:drop-shadow(0 0 8px rgba(184,70,34,.10)) brightness(.96) saturate(.72)}
.nav-menu{gap:24px}
.nav-menu .nav-link{position:relative;color:#f4f4f4!important;font-size:13px;font-weight:700;padding:13px 0!important}
.nav-menu .nav-link i{font-size:10px;margin-left:4px}
.nav-menu .nav-link:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--flame);transition:.22s ease;box-shadow:0 0 6px rgba(184,70,34,.24)}
.nav-menu .nav-link:hover:after,.nav-menu .nav-link.active:after{width:100%}
.header-btn{border:1px solid rgba(201,95,44,.78);color:#fff;padding:13px 22px;border-radius:4px;background:rgba(184,70,34,.03)}
.header-btn:hover{background:rgba(184,70,34,.11);border-color:var(--flame-2);color:#fff}
.menu-toggler{width:48px;height:48px;border:1px solid var(--line);border-radius:8px;display:inline-flex;flex-direction:column;justify-content:center;gap:6px;padding:0}
.menu-toggler:focus{box-shadow:none}
.menu-toggler span{width:22px;height:2px;background:#fff;display:block;margin:0 auto;border-radius:6px}
.mobile-menu{background:#080808;color:#fff;border-left:1px solid var(--line-warm);width:min(100vw, 400px);max-width:100vw}
.mobile-menu .offcanvas-header{border-bottom:1px solid var(--line)}
.mobile-menu .offcanvas-header img{width:220px}
.mobile-menu .offcanvas-body{display:flex;flex-direction:column;gap:8px}
.mobile-menu .offcanvas-body, .mobile-menu .offcanvas-header{padding-left:18px;padding-right:18px}
.mobile-menu .offcanvas-body>*{max-width:100%}
.mobile-menu .offcanvas-body a{padding:15px 0;border-bottom:1px solid rgba(255,255,255,.08);font-weight:800}
.mobile-sister{margin-top:18px;padding:18px;border:1px solid var(--line-warm);border-radius:16px;color:var(--muted);background:rgba(184,70,34,.06)}
.mobile-sister strong{color:#fff}

.hero-section{
  position:relative;
  min-height:860px;
  overflow:hidden;
  background:#050505;
  padding-top:104px;
  padding-bottom:58px;
}
.hero-bg{
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(90deg,rgba(4,4,4,.82) 0%,rgba(4,4,4,.66) 39%,rgba(4,4,4,.16) 65%,rgba(4,4,4,.44) 100%),
    url('../img/hero-black-1.png');
  background-size:cover;
  background-position:center right;
  filter:saturate(.74) brightness(.60) contrast(1.08);
  transform:scale(1.01);
}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,5,5,.12),rgba(5,5,5,.25) 62%,#050505 100%)}
.hero-container{position:relative;z-index:2}
.hero-container .row{min-height:520px!important;padding-top:0;align-items:center!important}
.hero-logo-wrap{position:relative;width:90px;margin-bottom:16px}
.hero-logo-wrap:before{
  content:"";
  position:absolute;
  inset:8px -16px -3px -16px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(184,70,34,.12),rgba(143,55,28,.08) 38%,transparent 68%);
  filter:blur(7px);
  opacity:.62;
}
.hero-flame{position:relative;width:88px;filter:brightness(.64) saturate(.54) drop-shadow(0 0 7px rgba(184,70,34,.09))}
.hero-title{font-family:"Oswald",Impact,sans-serif;text-transform:uppercase;margin:0;color:#fff;text-shadow:0 8px 32px rgba(0,0,0,.62)}
.hero-title span{display:block;font-size:clamp(58px,7vw,94px);line-height:.88;letter-spacing:.06em;font-weight:700}
.hero-title small{display:block;margin-top:17px;font-size:clamp(20px,2.45vw,34px);line-height:1;letter-spacing:.34em;font-weight:700;color:#f6f6f6}
.sister-line{margin-top:26px;display:flex;align-items:center;gap:12px;color:#fff;font-weight:800;font-size:16px}
.sister-line span{width:55px;height:3px;background:var(--flame);box-shadow:0 0 7px rgba(184,70,34,.20)}
.sister-line strong{color:var(--flame-2);font-weight:900}
.hero-text{max-width:565px;margin-top:20px;color:#ded8d2;font-size:16px;line-height:1.64}
.hero-actions{margin-top:24px;position:relative;z-index:5}
.stats-holder{position:relative;left:auto;right:auto;bottom:auto;z-index:3;margin-top:0}
.stats-bar{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border:1px solid rgba(255,255,255,.14);
  border-radius:14px;
  background:rgba(10,10,10,.80);
  backdrop-filter:blur(14px);
  box-shadow:0 25px 80px rgba(0,0,0,.42);
  overflow:hidden;
}
.stat-item{position:relative;min-height:102px;padding:23px 34px;display:grid;grid-template-columns:52px auto;grid-template-rows:auto auto;align-items:center;column-gap:16px}
.stat-item:not(:last-child):after{content:"";position:absolute;right:0;top:31px;bottom:31px;width:1px;background:linear-gradient(180deg,transparent,var(--flame-2),transparent);box-shadow:0 0 7px rgba(201,95,44,.25)}
.stat-item i{grid-row:1/3;color:var(--flame-2);font-size:38px;filter:brightness(.76) saturate(.68)}
.stat-item strong{font-size:32px;line-height:1;font-weight:900;color:#fff}
.stat-item span{font-size:12px;color:#d0cac4;font-weight:700}

.about-section{padding-top:104px}
.image-card{border-radius:14px;overflow:hidden;border:1px solid var(--line-warm);background:#111;box-shadow:var(--shadow);position:relative}
.image-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.18));pointer-events:none}
.about-image img{height:370px;width:100%;object-fit:cover;filter:saturate(.76) brightness(.70) contrast(1.05)}
.about-section p{font-size:15px}
.value-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:32px}
.value-row article{min-width:0;padding:5px 12px;text-align:center;border-left:1px solid rgba(255,255,255,.10)}
.value-row article:first-child{border-left:0}
.value-row i{font-size:34px;color:var(--gold);display:inline-flex;margin-bottom:10px;filter:brightness(.82) saturate(.72)}
.value-row h3{font-size:15px;font-weight:900;margin:0 0 6px;overflow-wrap:anywhere}
.value-row p{font-size:12px;line-height:1.45;color:#b5aea8;overflow-wrap:anywhere}

.services-section{position:relative;background:radial-gradient(circle at 0% 52%,rgba(184,70,34,.08),transparent 20%),radial-gradient(circle at 100% 52%,rgba(184,70,34,.08),transparent 20%)}
.section-head{max-width:860px;margin-bottom:38px}
.services-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.service-card{position:relative;min-height:286px;padding:30px 21px;border:1px solid rgba(201,95,44,.34);border-radius:8px;background:linear-gradient(180deg,rgba(22,22,22,.88),rgba(9,9,9,.94));text-align:center;transition:.22s ease}
.service-card:hover{transform:translateY(-6px);border-color:rgba(201,95,44,.58);box-shadow:0 24px 58px rgba(0,0,0,.40)}
.service-card i{font-size:42px;color:var(--gold);display:inline-flex;margin-bottom:22px;filter:brightness(.78) saturate(.72)}
.service-card h3{font-size:17px;line-height:1.22;font-weight:900;margin:0 0 13px;color:#fff}
.service-card p{font-size:13px;line-height:1.58;min-height:82px}
.service-card a{display:inline-flex;align-items:center;gap:6px;color:var(--gold);font-size:13px;font-weight:900;margin-top:14px}
.service-card a i{font-size:13px;margin:0;color:var(--gold)}

.why-section{padding-top:70px}
.why-section h2{font-size:clamp(34px,3.8vw,52px)}
.why-section .btn{margin-top:24px}
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid rgba(255,255,255,.12)}
.why-grid article{padding:25px 26px;text-align:center;border-right:1px solid rgba(255,255,255,.12)}
.why-grid i{font-size:48px;color:var(--gold);filter:brightness(.78) saturate(.72);display:inline-flex;margin-bottom:21px}
.why-grid h3{font-size:15px;font-weight:900;margin:0 0 10px}
.why-grid p{font-size:13px;line-height:1.55;color:#bab3ac}

.projects-section{padding-top:64px}
.section-row-title{margin-bottom:26px}
.projects-section h2{margin-bottom:0}
.project-card{overflow:hidden;height:100%;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#0e0e0e;transition:.22s ease}
.project-card:hover{transform:translateY(-6px);border-color:rgba(201,95,44,.50);box-shadow:0 20px 52px rgba(0,0,0,.38)}
.project-card img{height:155px;width:100%;object-fit:cover;filter:saturate(.78) brightness(.70) contrast(1.05)}
.project-card div{padding:17px}
.project-card h3{font-size:15px;font-weight:900;margin:0 0 8px}
.project-card p{font-size:12.7px;line-height:1.5}
.project-card span{display:inline-flex;align-items:center;gap:5px;margin-top:10px;color:var(--flame-2);font-size:12px;font-weight:800}
.carousel-round{position:absolute;top:55%;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.28);background:rgba(8,8,8,.76);color:#fff;z-index:2;display:inline-flex;align-items:center;justify-content:center}
.carousel-left{left:-48px}
.carousel-right{right:-48px}
.carousel-round:hover{border-color:var(--line-warm);background:rgba(184,70,34,.10)}

.sustainability-strip{padding:34px 0 0}
.sustainability-inner{display:grid;grid-template-columns:300px 1fr 520px;align-items:center;gap:30px;border-top:1px solid rgba(201,95,44,.34);border-bottom:1px solid rgba(201,95,44,.24);background:linear-gradient(90deg,rgba(11,11,11,.96),rgba(22,13,8,.88),rgba(8,8,8,.96));padding:28px max(24px,calc((100vw - 1230px)/2))}
.sustain-img{height:190px;overflow:hidden;border-radius:0 90px 90px 0}
.sustain-img img{width:100%;height:100%;object-fit:cover;filter:saturate(.70) brightness(.58)}
.sustain-copy h2{font-size:34px;line-height:1.08;font-weight:900;margin:8px 0 10px}
.sustain-copy p{font-size:14px;line-height:1.55}
.sustain-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.sustain-metrics article{text-align:center}
.sustain-metrics i{display:block;color:var(--gold);font-size:38px;margin-bottom:10px;filter:brightness(.78) saturate(.72)}
.sustain-metrics strong{display:block;color:#fff;font-size:19px;font-weight:900;line-height:1.12}
.sustain-metrics span{display:block;color:#b6afa9;font-size:12.5px;line-height:1.35;margin-top:3px}

.contact-cta{padding:74px 0 78px}
.contact-panel{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(420px,.92fr);
  gap:34px;
  position:relative;
  overflow:hidden;
  border:1px solid rgba(201,95,44,.34);
  border-radius:10px;
  padding:42px;
  background:radial-gradient(circle at 5% 100%,rgba(184,70,34,.15),transparent 33%),linear-gradient(135deg,#121212,#070707);
}
.contact-panel:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(201,95,44,.18) 1px,transparent 1px);background-size:14px 14px;opacity:.11}
.contact-panel>*{position:relative}
.contact-panel h2{font-size:36px;margin:0 0 12px}
.contact-panel p{font-size:15px}
.contact-action-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.contact-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.contact-info-card{display:block;min-height:150px;border:1px solid rgba(255,255,255,.10);border-radius:12px;background:rgba(255,255,255,.045);padding:20px;color:#fff}
.contact-info-card:hover{border-color:rgba(201,95,44,.48);background:rgba(184,70,34,.08);color:#fff}
.contact-info-card i{display:block;color:var(--flame-2);font-size:30px;margin-bottom:14px;filter:brightness(.80) saturate(.70)}
.contact-info-card span{display:block;color:#a89f98;font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:900;margin-bottom:8px}
.contact-info-card strong{display:block;color:#fff;font-size:14px;line-height:1.55;font-weight:800;word-break:break-word}

.site-footer{background:#020202;border-top:1px solid var(--line);padding:62px 0 25px}
.footer-main{display:grid;grid-template-columns:1.3fr .62fr .9fr 1.25fr;gap:42px}
.footer-brand img{width:252px;margin-bottom:18px;filter:brightness(.95) saturate(.72) drop-shadow(0 0 7px rgba(184,70,34,.08))}
.footer-main h4{font-size:13px;text-transform:uppercase;letter-spacing:.16em;color:var(--flame-2);font-weight:900;margin-bottom:17px}
.footer-main a{display:block;color:var(--muted);font-size:14px;font-weight:700;margin-bottom:10px}
.footer-main a:hover{color:#fff}
.footer-main p{font-size:14px;margin-bottom:8px}
.footer-main strong{color:#fff}
.social-links{display:flex;gap:10px;margin-top:17px;flex-wrap:wrap}
.social-links a{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;margin:0;color:#fff;background:rgba(255,255,255,.04)}
.social-links a:hover{background:rgba(184,70,34,.11);border-color:var(--line-warm)}
.footer-bottom{display:flex;justify-content:space-between;gap:18px;border-top:1px solid rgba(255,255,255,.08);margin-top:38px;padding-top:20px;color:#89827c;font-size:13px}
.footer-bottom a{color:#b8b1aa}
.footer-bottom a:hover{color:#fff}
.footer-bottom em{font-style:normal;color:#5c5752;margin:0 8px}
.back-top{position:fixed;right:20px;bottom:20px;width:46px;height:46px;border-radius:50%;border:1px solid var(--line-warm);background:rgba(184,70,34,.68);color:#fff;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transform:translateY(16px);transition:.22s ease}
.back-top.show{opacity:1;visibility:visible;transform:translateY(0)}

@media(max-width:1399.98px){
  .container{max-width:1140px}
  .brand img{width:215px}
  .nav-menu{gap:18px}
  .sustainability-inner{grid-template-columns:260px 1fr 460px}
  .carousel-left{left:-26px}
  .carousel-right{right:-26px}
  .value-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .value-row article{border:1px solid rgba(255,255,255,.10);border-radius:12px;padding:20px 16px;background:rgba(255,255,255,.035)}
}
@media(max-width:1199.98px){
  .site-header .navbar{min-height:80px}
  .brand img{width:205px}
  .nav-menu{gap:12px}
  .nav-menu .nav-link{font-size:12px}
  .hero-section{min-height:auto;padding-top:94px}
  .hero-container .row{min-height:560px!important}
  .stats-bar{grid-template-columns:repeat(2,1fr)}
  .stat-item:nth-child(2):after{display:none}
  .services-grid{grid-template-columns:repeat(3,1fr)}
  .why-grid{grid-template-columns:repeat(2,1fr);border-top:1px solid rgba(255,255,255,.12)}
  .why-grid article{border-bottom:1px solid rgba(255,255,255,.12)}
  .sustainability-inner{grid-template-columns:1fr;gap:24px;padding-left:24px;padding-right:24px}
  .sustain-img{height:280px;border-radius:18px}
  .sustain-metrics{max-width:760px}
  .contact-panel{grid-template-columns:1fr}
  .footer-main{grid-template-columns:1fr 1fr}
}
@media(max-width:991.98px){
  html{scroll-padding-top:82px}
  .site-header{padding:8px;background:rgba(5,5,5,.92)}
  .site-header .navbar{min-height:62px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(8,8,8,.72)}
  .brand img{width:190px}
  .hero-section{padding-top:100px;padding-bottom:48px}
  .hero-bg{background-position:center;filter:saturate(.68) brightness(.50) contrast(1.05)}
  .hero-overlay{background:linear-gradient(180deg,rgba(5,5,5,.48),rgba(5,5,5,.84) 62%,#050505 100%)}
  .hero-container .row{min-height:auto!important;padding-top:55px;align-items:flex-start!important}
  .hero-logo-wrap{width:80px;margin-bottom:16px}
  .hero-flame{width:78px}
  .hero-title span{font-size:76px}
  .hero-title small{font-size:25px;letter-spacing:.27em;margin-top:16px}
  .sister-line{font-size:15px;align-items:flex-start}
  .stats-holder{margin-top:38px}
  .about-section{padding-top:78px}
  .value-row{grid-template-columns:repeat(2,1fr);gap:14px}
  .value-row article{border:1px solid rgba(255,255,255,.10);border-radius:12px;padding:20px 16px;background:rgba(255,255,255,.035)}
  .services-grid{grid-template-columns:repeat(2,1fr)}
  .carousel-round{display:none}
  .contact-panel{align-items:flex-start;padding:32px 26px}
  .footer-main{grid-template-columns:1fr}
}
@media(max-width:767.98px){
  .section{padding:68px 0}
  .brand img{width:172px}
  .hero-section{padding-top:92px;padding-bottom:45px}
  .hero-container .row{padding-top:44px}
  .hero-title span{font-size:58px;letter-spacing:.045em}
  .hero-title small{font-size:21px;letter-spacing:.22em;margin-top:14px}
  .hero-text{font-size:15px;line-height:1.68}
  .sister-line{font-size:13.5px;line-height:1.5}
  .sister-line span{width:38px;min-width:38px}
  .hero-actions .btn{width:100%}
  .stats-holder{margin-top:32px}
  .stats-bar{grid-template-columns:1fr;border-radius:12px}
  .stat-item{min-height:84px;padding:18px 22px}
  .stat-item:after{display:none!important}
  .about-image img{height:310px}
  .services-grid{grid-template-columns:1fr}
  .service-card{min-height:auto}
  .why-grid{grid-template-columns:1fr}
  .sustain-metrics{grid-template-columns:1fr}
  .contact-panel{padding:28px 22px}
  .contact-panel h2{font-size:30px}
  .contact-info-grid{grid-template-columns:1fr}
  .footer-bottom{flex-direction:column;text-align:center}
  .footer-brand img{width:220px}
}
@media(max-width:575.98px){
  .site-header{padding:7px}
  .brand img{width:154px}
  .menu-toggler{width:43px;height:43px}
  .mobile-menu .offcanvas-header img{width:185px}
  .hero-section{padding-top:86px}
  .hero-container .row{padding-top:36px}
  .hero-logo-wrap{width:68px}
  .hero-flame{width:66px}
  .hero-title span{font-size:45px}
  .hero-title small{font-size:16px;letter-spacing:.18em}
  .sister-line{margin-top:22px}
  .hero-text{margin-top:18px}
  .stats-holder{margin-top:28px}
  .stat-item i{font-size:31px}
  .stat-item strong{font-size:25px}
  .section h2,.why-section h2{font-size:32px}
  .section-head{margin-bottom:26px}
  .project-card img{height:188px}
  .sustain-img{height:210px}
  .sustain-copy h2{font-size:30px}
  .back-top{width:42px;height:42px;right:14px;bottom:14px}
}

.projects-section, .site-footer, .contact-cta, .sustainability-strip{overflow-x:hidden}


/* === Final hero/about/mobile fixes === */
html, body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden !important;
}

.site-header .navbar {
  min-height: 92px;
}

.hero-section {
  min-height: auto !important;
  padding-top: 92px !important;
  padding-bottom: 78px !important;
  overflow: hidden !important;
}

.hero-bg {
  background-position: center center !important;
  filter: saturate(.60) brightness(.48) contrast(1.04) !important;
}

.hero-overlay {
  background:
    linear-gradient(90deg, rgba(0,0,0,.82) 0%, rgba(0,0,0,.68) 42%, rgba(0,0,0,.28) 72%, rgba(0,0,0,.62) 100%),
    linear-gradient(180deg, rgba(0,0,0,.08) 0%, rgba(0,0,0,.22) 62%, #050505 100%) !important;
}

.hero-container .row {
  min-height: 520px !important;
  padding-top: 55px !important;
  padding-bottom: 18px !important;
  align-items: center !important;
}

.hero-logo-wrap,
.hero-flame {
  display: none !important;
}

.hero-title span {
  font-size: clamp(58px, 6.3vw, 92px) !important;
  line-height: .92 !important;
}

.hero-title small {
  font-size: clamp(20px, 2.05vw, 31px) !important;
  letter-spacing: .32em !important;
}

.sister-line {
  margin-top: 24px !important;
}

.hero-actions {
  margin-top: 28px !important;
  margin-bottom: 36px !important;
}

.stats-holder {
  position: relative !important;
  z-index: 3 !important;
  margin-top: 0 !important;
  clear: both !important;
}

.stats-bar {
  margin-top: 0 !important;
}

.value-row {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.value-row article {
  min-width: 0 !important;
  overflow: visible !important;
  padding-left: 14px !important;
  padding-right: 14px !important;
}

.value-row i {
  min-height: 38px !important;
  line-height: 1 !important;
}

.value-row h3,
.value-row p {
  overflow-wrap: break-word !important;
  word-break: normal !important;
}

.projects-section .btn,
.carousel-round {
  display: none !important;
}

.offcanvas.mobile-menu {
  width: 100vw !important;
  max-width: 100vw !important;
  right: 0 !important;
}

.offcanvas-backdrop {
  max-width: 100vw !important;
}

@media (max-width: 1399.98px) {
  .value-row {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0 !important;
  }
  .value-row article {
    border-radius: 0 !important;
    background: transparent !important;
    border-top: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-left: 1px solid rgba(255,255,255,.10) !important;
  }
  .value-row article:first-child {
    border-left: 0 !important;
  }
}

@media (max-width: 1199.98px) {
  .hero-container .row {
    min-height: 500px !important;
    padding-top: 50px !important;
  }
  .hero-actions {
    margin-bottom: 32px !important;
  }
  .value-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }
  .value-row article,
  .value-row article:first-child {
    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 12px !important;
    background: rgba(255,255,255,.035) !important;
    padding: 20px 16px !important;
  }
}

@media (max-width: 991.98px) {
  .site-header .navbar {
    min-height: 62px;
  }
  .hero-section {
    padding-top: 98px !important;
    padding-bottom: 56px !important;
  }
  .hero-container .row {
    min-height: auto !important;
    padding-top: 48px !important;
    padding-bottom: 0 !important;
  }
  .hero-title span {
    font-size: clamp(48px, 12vw, 76px) !important;
  }
  .hero-actions {
    margin-bottom: 32px !important;
  }
  .stats-holder {
    margin-top: 0 !important;
  }
  .stats-bar {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767.98px) {
  .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
  .hero-section {
    padding-top: 92px !important;
    padding-bottom: 48px !important;
  }
  .hero-title span {
    font-size: 50px !important;
  }
  .hero-title small {
    font-size: 17px !important;
    letter-spacing: .18em !important;
  }
  .hero-actions {
    margin-bottom: 28px !important;
  }
  .stats-bar {
    grid-template-columns: 1fr !important;
  }
  .value-row {
    grid-template-columns: 1fr 1fr !important;
  }
}

@media (max-width: 575.98px) {
  .brand img {
    width: 150px !important;
  }
  .hero-title span {
    font-size: 42px !important;
  }
  .hero-title small {
    font-size: 14px !important;
    letter-spacing: .14em !important;
  }
  .sister-line {
    display: block !important;
  }
  .sister-line span {
    display: block !important;
    margin-bottom: 10px !important;
  }
  .value-row {
    grid-template-columns: 1fr !important;
  }
}