/* GLOBAMIND brand layer over Hyperspace (HTML5 UP) */
@font-face{font-family:'Montserrat';font-style:normal;font-weight:100 900;font-display:swap;src:url('../webfonts/montserrat.woff2') format('woff2');}
body,input,select,textarea,button,.button,h1,h2,h3,h4,h5,h6,.title{font-family:'Montserrat','Segoe UI',system-ui,Arial,sans-serif !important;}
h1,h2,h3,h4,h5,h6{font-weight:600 !important;}
/* header logo */
#header .title{display:inline-flex;align-items:center;gap:10px;letter-spacing:.12em;}
#header .title img{height:26px;width:26px;}
/* buttons: readable on dark sections */
.button{background-color:transparent !important;color:#ffffff !important;box-shadow:inset 0 0 0 2px rgba(255,255,255,.45) !important;}
.button:hover{background-color:rgba(255,255,255,.10) !important;color:#ffffff !important;}
.button.primary,input[type="submit"],input[type="submit"].primary{background-color:#d86018 !important;color:#ffffff !important;box-shadow:none !important;}
.button.primary:hover,input[type="submit"]:hover{background-color:#e2902f !important;color:#ffffff !important;}
/* geometric line pattern on every page hero (not only Home) */
.wrapper.fullscreen{background-attachment:fixed;background-image:url("images/intro.svg");background-position:top right;background-repeat:no-repeat;background-size:100% 100%;}
/* product cards + project cards (dark theme) */
.gm-prod{display:flex;gap:24px;align-items:flex-start;flex-wrap:wrap;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:26px 28px;margin:0 0 20px;}
.gm-prod .ico{flex:0 0 58px;width:58px;height:58px;border-radius:14px;background:rgba(216,96,24,.16);display:flex;align-items:center;justify-content:center;color:#e2902f;font-size:24px;}
.gm-prod .bd{flex:1 1 300px;}
.gm-badge{font-size:.7em;letter-spacing:.08em;text-transform:uppercase;color:#a8978a;margin-left:.5em;}
.gm-chip{display:inline-block;background:rgba(255,255,255,.08);color:#e8ded3;border-radius:20px;padding:4px 12px;font-size:12.5px;margin:0 6px 6px 0;}
.gm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;}
.gm-proj{background:rgba(255,255,255,.04);border-left:3px solid #d86018;border-radius:0 10px 10px 0;padding:22px 24px;}
.gm-proj .sec{color:#e2902f;font-size:.72em;letter-spacing:.12em;text-transform:uppercase;margin:0 0 .4em;}
.gm-proj h3{margin:0 0 .5em;font-size:1.1em;}
/* X (Twitter) inline-svg social icon, aligned with Font Awesome icons */
.icons a.gm-x:before{display:none !important;}
.icons a.gm-x svg{width:1.25em;height:1.25em;fill:currentColor;vertical-align:middle;}
/* About hero: faded office photo background */
#about-hero{
  background-image:url("images/intro.svg"), linear-gradient(to right, rgba(33,31,28,.90), rgba(33,31,28,.62)), url("../../images/spotlight-office-r2.jpg");
  background-position:top right, center, center;
  background-size:100% 100%, cover, cover;
  background-repeat:no-repeat, no-repeat, no-repeat;
  background-attachment:fixed, fixed, fixed;
}
/* inner page heroes: faded generated backgrounds */
#products-hero{background-image:url("images/intro.svg"), linear-gradient(to right, rgba(33,31,28,.90), rgba(33,31,28,.64)), url("../../images/spotlight-software-r3.jpg");background-position:top right,center,center;background-size:100% 100%,cover,cover;background-repeat:no-repeat,no-repeat,no-repeat;background-attachment:fixed,fixed,fixed;}
#services-hero{background-image:url("images/intro.svg"), linear-gradient(to right, rgba(33,31,28,.90), rgba(33,31,28,.64)), url("../../images/hero-services-r2.jpg");background-position:top right,center,center;background-size:100% 100%,cover,cover;background-repeat:no-repeat,no-repeat,no-repeat;background-attachment:fixed,fixed,fixed;}
#contact-hero{background-image:url("images/intro.svg"), linear-gradient(to right, rgba(33,31,28,.90), rgba(33,31,28,.64)), url("../../images/hero-contact-r3.jpg");background-position:top right,center,center;background-size:100% 100%,cover,cover;background-repeat:no-repeat,no-repeat,no-repeat;background-attachment:fixed,fixed,fixed;}
/* Home hero: right-side area tags */
.gm-hero-inner{display:flex;gap:48px;align-items:center;flex-wrap:wrap;width:100%;}
.gm-hero-left{flex:1 1 440px;}
.gm-hero-tags{flex:1 1 320px;display:grid;grid-template-columns:repeat(2,1fr);gap:14px;}
.gm-tag{display:block;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:18px;text-decoration:none;transition:border-color .2s, transform .2s, background .2s;}
.gm-tag:hover{border-color:#d86018;background:rgba(216,96,24,.10);transform:translateY(-2px);}
.gm-tag .icon{display:inline-block;color:#e2902f;font-size:1.4em;}
.gm-tag .icon:before{color:#e2902f;}
.gm-tag strong{display:block;color:#ffffff;font-weight:600;font-size:15px;margin:10px 0 3px;}
.gm-tag .d{color:#a8978a;font-size:12.5px;}
/* Our story: future 2027-2030 track */
.gm-future{margin-top:36px;padding-top:28px;border-top:1px solid rgba(255,255,255,.12);}
.gm-future-track{position:relative;display:flex;justify-content:space-between;max-width:560px;margin:6px 0 16px;}
.gm-future-track:before{content:"";position:absolute;top:7px;left:6px;right:6px;height:2px;background:linear-gradient(to right,#867164,#d86018);}
.gm-future-track span{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;font-size:13px;color:#a8978a;letter-spacing:.06em;}
.gm-future-track span:before{content:"";width:12px;height:12px;border-radius:50%;background:#867164;border:2px solid #211f1c;}
.gm-future-track span.goal{color:#f0e7df;font-weight:600;}
.gm-future-track span.goal:before{background:#d86018;width:16px;height:16px;margin-top:-2px;}
.gm-future-cap{color:#a8978a;font-size:14px;max-width:560px;}
/* future year cards in Our story grid */
.gm-proj.gm-fut{background:rgba(255,255,255,.02);border-left:3px dashed #867164;opacity:.75;display:flex;align-items:center;}
.gm-proj.gm-fut .sec{margin:0;font-size:1.1em;}
.gm-proj.gm-fut.goal{opacity:1;border-left:3px solid #d86018;flex-direction:column;align-items:flex-start;justify-content:center;}
.gm-proj.gm-fut.goal .sec{color:#d86018;}
.gm-proj.gm-fut.goal h3{margin:.4em 0 0;font-size:1em;color:#f0e7df;}
/* Our story: strategic plan horizon arrow */
.gm-horizon{display:flex;align-items:center;gap:20px;margin-top:32px;}
.gm-horizon .lbl{font-weight:600;color:#f0e7df;font-size:1.05em;white-space:nowrap;}
.gm-horizon .arrow{flex:1;height:2px;background:#faf7f3;position:relative;min-width:60px;}
.gm-horizon .arrow:after{content:"";position:absolute;right:-2px;top:-6px;border-left:12px solid #faf7f3;border-top:7px solid transparent;border-bottom:7px solid transparent;}
.gm-horizon .yr{font-weight:600;color:#d86018;font-size:1.5em;white-space:nowrap;}
@media(max-width:600px){.gm-horizon{flex-wrap:wrap;gap:10px;}.gm-horizon .arrow{order:3;flex-basis:100%;}}
/* Services: How we work as chained process flow */
.gm-flow{display:flex;align-items:stretch;flex-wrap:wrap;gap:10px;}
.gm-step{flex:1 1 180px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:22px 18px;text-align:center;}
.gm-step .icon{color:#e2902f;font-size:1.7em;display:block;margin-bottom:10px;}
.gm-step h3{margin:0 0 6px;font-size:1.05em;}
.gm-step p{font-size:.9em;color:#a8978a;margin:0;}
.gm-flow-arrow{flex:0 0 30px;display:flex;align-items:center;justify-content:center;color:#d86018;font-size:1.6em;}
@media(max-width:1080px){.gm-flow{flex-direction:column;}.gm-flow-arrow{transform:rotate(90deg);}}
/* Projects hero framed photo */
.gm-hero-photo{border-radius:14px;border:1px solid rgba(255,255,255,.14);max-width:420px;width:100%;height:auto;display:block;}
/* inline external link */
.gm-link{color:#e2902f;font-weight:600;text-decoration:underline;display:inline-flex;align-items:center;gap:6px;}
.gm-link:hover{color:#d86018;}
/* Mobile hamburger menu */
.gm-burger{display:none;color:#faf7f3;cursor:pointer;align-items:center;border:0 !important;box-shadow:none !important;}
.gm-burger:hover{color:#e2902f;}
@media(max-width:1080px){
  #header{flex-wrap:wrap !important;align-items:center !important;}
  .gm-burger{display:inline-flex !important;order:-1;margin-right:14px;}
  #header > nav{flex-basis:100% !important;width:100% !important;overflow:hidden;max-height:0;transition:max-height .35s ease;}
  #header.nav-open > nav{max-height:70vh;}
  #header > nav > ul{flex-direction:column !important;align-items:flex-start !important;gap:0 !important;padding:6px 0 4px;}
  #header > nav > ul > li{margin:0 !important;width:100%;}
  #header > nav > ul > li > a{display:block;padding:11px 2px;}
}
/* Language selector */
.gm-lang{display:flex;gap:2px;align-items:center;margin-left:18px;}
.gm-lang a{color:#a8978a;font-size:12px;font-weight:600;letter-spacing:.06em;padding:4px 7px;border-radius:6px;text-decoration:none;transition:color .2s,background .2s;}
.gm-lang a:hover{color:#faf7f3;}
.gm-lang a.active{color:#faf7f3;background:rgba(216,96,24,.22);}
@media(max-width:1080px){
  .gm-lang{order:0;margin-left:auto;}
  #header.nav-open .gm-lang{margin-left:auto;}
}

/* gm-ml-fit: fit longer translated nav labels on desktop */
@media(min-width:1081px){
  #header > nav > ul{white-space:nowrap;}
  #header > nav > ul > li{margin-left:1.1em !important;}
  #header > nav > ul > li a{letter-spacing:0.12em !important;font-size:0.56em !important;}
  .gm-lang{margin-left:14px;}
  .gm-lang a{padding:4px 6px;font-size:11.5px;letter-spacing:.03em;}
}
