.qhw-cvalues,.qhw-cjoin,.qhw-team,.qhw-pres{
  --qhw-bg:#000;
  --qhw-surface:#111;
  --qhw-border:rgba(255,255,255,.1);
  --qhw-text:#fff;
  --qhw-text-body:#b8bcc4;
  --qhw-font-head:"DM Sans","Inter Tight","Inter",system-ui,sans-serif;
  --qhw-font-body:"Inter",system-ui,sans-serif;
  --qhw-font-ui:"Roboto","Inter",system-ui,sans-serif;
  --qhw-container:1200px;
  box-sizing:border-box;
  -webkit-font-smoothing:antialiased;
}
.qhw-cvalues *,.qhw-cjoin *,.qhw-team *,.qhw-pres *{box-sizing:border-box}
.qhw-cwrap{width:min(var(--qhw-container),100% - 48px);margin-inline:auto}

html:has(.qhw-cvalues),
html:has(.qhw-cjoin),
html:has(.qhw-team),
html:has(.qhw-pres),
body:has(.qhw-cvalues),
body:has(.qhw-cjoin),
body:has(.qhw-team),
body:has(.qhw-pres){
  background:#000;
  overflow-x:hidden;
}
body:has(.qhw-cvalues) .elementor-section,
body:has(.qhw-cvalues) .e-con,
body:has(.qhw-cvalues) .elementor-column,
body:has(.qhw-cvalues) .elementor-widget,
body:has(.qhw-cjoin) .elementor-section,
body:has(.qhw-cjoin) .e-con,
body:has(.qhw-cjoin) .elementor-column,
body:has(.qhw-cjoin) .elementor-widget,
body:has(.qhw-team) .elementor-section,
body:has(.qhw-team) .e-con,
body:has(.qhw-team) .elementor-column,
body:has(.qhw-team) .elementor-widget{
  --padding-top:0px;
  --padding-bottom:0px;
  --padding-left:0px;
  --padding-right:0px;
}

.qhw-cvalues{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:#000;
  color:var(--qhw-text-body);
  padding:clamp(100px,11vw,150px) 0 clamp(80px,8vw,120px);
}
.qhw-cvalues__grid{
  position:absolute;
  inset:0;
  z-index:-2;
  background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:64px 64px;
  -webkit-mask-image:radial-gradient(70% 70% at 20% 30%,#000 15%,transparent 75%);
  mask-image:radial-gradient(70% 70% at 20% 30%,#000 15%,transparent 75%);
}
.qhw-cvalues__glow{
  position:absolute;
  left:-10%;
  top:8%;
  width:min(50vw,520px);
  height:min(50vw,520px);
  z-index:-2;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.1),transparent 68%);
  pointer-events:none;
}
.qhw-cvalues__grid-in{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:clamp(40px,6vw,80px);
  align-items:center;
}
.qhw-cvalues__kicker{
  margin:0 0 18px;
  font:500 12px/1 var(--qhw-font-ui);
  letter-spacing:.28em;
  text-transform:uppercase;
  color:rgba(255,255,255,.42);
}
.qhw-cvalues h1,.qhw-cvalues .qhw-cvalues__title{
  margin:0;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font:500 clamp(40px,2rem + 3vw,72px)/1.06 var(--qhw-font-head);
  letter-spacing:-.035em;
  color:#fff;
}
.qhw-cvalues__sub{
  margin:28px 0 0;
  max-width:520px;
  font:400 clamp(16px,1rem + .2vw,18px)/1.65 var(--qhw-font-body);
  color:var(--qhw-text-body);
}
.qhw-cvalues__cards{display:grid;gap:10px}
.qhw-cvalue{
  position:relative;
  display:flex;
  align-items:flex-start;
  gap:16px;
  padding:20px 22px;
  border-radius:22px;
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015));
  border:1px solid var(--qhw-border);
  transition:border-color .2s,transform .2s;
}
.qhw-cvalue:hover{border-color:rgba(255,255,255,.28);transform:translateY(-2px)}
.qhw-cvalue__n{
  position:absolute;
  right:18px;
  top:16px;
  font:500 11px/1 var(--qhw-font-ui);
  letter-spacing:.16em;
  color:rgba(255,255,255,.28);
}
.qhw-cvalue__icon{
  flex:0 0 48px;
  width:48px;
  height:48px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:#fff;
  color:#000;
}
.qhw-cvalue__icon svg{width:22px;height:22px;display:block}
.qhw-cvalue h3{
  margin:2px 0 4px;
  font:500 18px/1.2 var(--qhw-font-head);
  letter-spacing:-.02em;
  color:#fff;
}
.qhw-cvalue p{
  margin:0;
  max-width:280px;
  font:400 15px/1.45 var(--qhw-font-body);
  color:var(--qhw-text-body);
}

.qhw-cjoin{
  background:#000;
  color:var(--qhw-text-body);
  padding:clamp(32px,5vw,64px) 0 clamp(88px,10vw,140px);
}
.qhw-cjoin__panel{
  position:relative;
  overflow:hidden;
  padding:clamp(36px,6vw,72px);
  border-radius:28px;
  border:1px solid rgba(255,255,255,.12);
  background:
    radial-gradient(70% 90% at 100% 0%,rgba(255,255,255,.1),transparent 55%),
    #0a0a0a;
}
.qhw-cjoin__q{
  position:absolute;
  right:18px;
  bottom:-28px;
  font:500 clamp(120px,16vw,220px)/.75 var(--qhw-font-head);
  letter-spacing:-.08em;
  color:rgba(255,255,255,.05);
  pointer-events:none;
}
.qhw-cjoin__grid{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
  gap:clamp(32px,5vw,72px);
  align-items:center;
}
.qhw-cjoin h2{
  margin:0;
  font:500 clamp(32px,1.6rem + 2.2vw,58px)/1.08 var(--qhw-font-head);
  letter-spacing:-.035em;
  color:#fff;
}
.qhw-cjoin p{
  margin:0 0 28px;
  font:400 clamp(16px,1rem + .2vw,18px)/1.6 var(--qhw-font-body);
  color:var(--qhw-text-body);
}
.qhw-theme .qhw-cjoin .qhw-cbtn,
.qhw-cjoin .qhw-cbtn,
.qhw-theme .qhw-team .qhw-cbtn,
.qhw-team .qhw-cbtn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font:500 16px/19px var(--qhw-font-ui);
  padding:15px 28px;
  border-radius:999px;
  background:#fff !important;
  color:#111 !important;
  -webkit-text-fill-color:#111 !important;
  border:0 !important;
  text-decoration:none;
  transition:background-color .15s,transform .16s;
}
.qhw-theme .qhw-cjoin .qhw-cbtn:hover,
.qhw-cjoin .qhw-cbtn:hover,
.qhw-theme .qhw-team .qhw-cbtn:hover,
.qhw-team .qhw-cbtn:hover{
  background:#fff !important;
  color:#111 !important;
  -webkit-text-fill-color:#111 !important;
}
.qhw-cjoin .qhw-cbtn:active,.qhw-team .qhw-cbtn:active{transform:scale(.97)}

.qhw-team{
  background:#000;
  color:var(--qhw-text-body);
  padding:clamp(72px,8vw,120px) 0;
  border-top:1px solid var(--qhw-border);
}
.qhw-team__top{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:28px;
  margin-bottom:clamp(36px,5vw,56px);
}
.qhw-team__kicker,
.qhw-pres__kicker{
  margin:0 0 14px;
  font:500 12px/1 var(--qhw-font-ui);
  letter-spacing:.26em;
  text-transform:uppercase;
  color:rgba(255,255,255,.42);
}
.qhw-team h2,
.qhw-pres h2{
  margin:0;
  font:500 clamp(36px,1.8rem + 2.4vw,64px)/1.06 var(--qhw-font-head);
  letter-spacing:-.035em;
  color:#fff;
}
.qhw-team .qhw-cbtn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  font:500 16px/19px var(--qhw-font-ui);
  padding:15px 28px;
  border-radius:999px;
  background:#fff;
  color:#000;
  text-decoration:none;
  transition:background-color .15s,transform .16s;
}
.qhw-team__grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.qhw-tcard{
  position:relative;
  display:block;
  overflow:hidden;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.1);
  background:#0d0d0d;
  color:#fff;
  text-decoration:none;
  transition:border-color .2s,transform .25s;
}
.qhw-tcard:hover{border-color:rgba(255,255,255,.32);transform:translateY(-4px)}
.qhw-tcard__photo{
  display:block;
  aspect-ratio:4/5;
  overflow:hidden;
  background:#111;
}
.qhw-tcard__photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:50% 18%;
  filter:grayscale(1) contrast(1.05);
  transition:transform .45s,filter .35s;
}
.qhw-tcard:hover img{transform:scale(1.04);filter:grayscale(.35) contrast(1.08)}
.qhw-tcard__meta{
  display:flex;
  flex-direction:column;
  gap:4px;
  padding:16px 16px 18px;
}
.qhw-tcard__meta strong{
  font:500 16px/1.2 var(--qhw-font-head);
  letter-spacing:-.02em;
}
.qhw-tcard__meta em{
  font:400 13px/1.3 var(--qhw-font-body);
  color:rgba(255,255,255,.55);
  font-style:normal;
}
.qhw-tcard__in{
  position:absolute;
  top:12px;
  right:12px;
  width:28px;
  height:28px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(0,0,0,.55);
  border:1px solid rgba(255,255,255,.2);
  font:600 10px/1 var(--qhw-font-ui);
  letter-spacing:-.02em;
}

.qhw-pres{
  --mx:50%;
  --my:42%;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:#000;
  color:var(--qhw-text-body);
  padding:clamp(72px,8vw,120px) 0;
  border-top:1px solid var(--qhw-border);
}
.qhw-pres::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:64px 64px;
  -webkit-mask-image:radial-gradient(70% 70% at 50% 40%,#000 18%,transparent 78%);
  mask-image:radial-gradient(70% 70% at 50% 40%,#000 18%,transparent 78%);
}
.qhw-pres::after{
  content:"";
  position:absolute;
  width:min(42vw,420px);
  height:min(42vw,420px);
  left:var(--mx);
  top:var(--my);
  z-index:-1;
  border-radius:50%;
  transform:translate(-50%,-50%);
  background:radial-gradient(circle,rgba(255,255,255,.1),transparent 68%);
  pointer-events:none;
}
.qhw-pres__copy{
  text-align:center;
  margin-bottom:clamp(8px,1.4vw,18px);
}
.qhw-pres h2{
  font:500 clamp(36px,1.8rem + 2.4vw,64px)/1.06 var(--qhw-font-head);
  letter-spacing:-.035em;
}
.qhw-pres__kicker{
  margin:10px 0 0;
}
.qhw-pres__map{
  width:100%;
}
.qhw-pres__map svg{
  display:block;
  width:100%;
  height:auto;
}
.qhw-pres .pin-group{
  opacity:.28;
  cursor:pointer;
  transition:opacity .25s;
}
.qhw-pres .pin-group.is-on{opacity:1}
.qhw-pres .city-label{
  opacity:0;
  pointer-events:none;
  transition:opacity .25s;
}
.qhw-pres .pin-group.is-on .city-label{opacity:1}
.qhw-pres .connector-line{
  stroke:rgba(255,255,255,.22)!important;
  opacity:.08;
  transition:opacity .25s;
}
.qhw-pres .connector-line.is-on{opacity:1}
.qhw-pres .qhw-pulse{
  transform-origin:center;
  transform-box:fill-box;
}
.qhw-pres .pin-group.is-on .qhw-pulse{
  animation:qhw-pin 2.2s ease-out infinite;
}
@keyframes qhw-pin{
  0%{opacity:.7}
  70%{opacity:0}
  100%{opacity:0}
}
.qhw-pres__chips{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px;
  margin:28px 0 0;
  padding:0;
  list-style:none;
}
.qhw-pres__chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0;
  padding:10px 16px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:999px;
  background:rgba(255,255,255,.03);
  color:rgba(255,255,255,.62);
  font:500 13px/1 var(--qhw-font-ui);
  cursor:pointer;
  transition:background-color .2s,border-color .2s,color .2s,transform .2s;
}
.qhw-pres__chip i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:currentColor;
  flex:0 0 auto;
}
.qhw-pres__chip:hover{
  border-color:rgba(255,255,255,.28);
  color:#fff;
  transform:translateY(-1px);
}
.qhw-pres__chip.is-on{
  background:#fff;
  border-color:#fff;
  color:#000;
}
.qhw-pres__chip em{
  font:600 10px/1 var(--qhw-font-ui);
  letter-spacing:.06em;
  border:1px solid currentColor;
  border-radius:4px;
  padding:2px 5px;
  font-style:normal;
}

@media (max-width:1024px){
  .qhw-team__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:768px){
  .qhw-pres__chips{gap:8px;margin-top:16px}
  .qhw-pres__chip{padding:6px 12px;font-size:12px}
  .qhw-pres__map{
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }
  .qhw-pres__map svg{min-width:650px}
}
@media (max-width:900px){
  .qhw-cvalues__grid-in,.qhw-cjoin__grid{grid-template-columns:1fr;gap:36px}
  .qhw-cwrap{width:min(var(--qhw-container),100% - 32px)}
  .qhw-cjoin__panel{padding:28px 22px}
  .qhw-team__top{flex-direction:column;align-items:flex-start}
}
@media (max-width:640px){
  .qhw-team__grid{grid-template-columns:1fr 1fr;gap:10px}
}

@media (prefers-reduced-motion:reduce){
  .qhw-cvalues .qhw-cvalues__title,
  .qhw-cvalues__kicker,
  .qhw-cvalues__sub,
  .qhw-cvalue,
  .qhw-cjoin h2,
  .qhw-cjoin p,
  .qhw-cjoin .qhw-cbtn,
  .qhw-tcard,
  .qhw-pres__chip,
  .qhw-pres__map,
  .qhw-team h2,
  .qhw-pres h2{opacity:1!important;transform:none!important}
  .qhw-cvalue:hover,.qhw-tcard:hover,.qhw-pres__chip:hover{transform:none}
  .qhw-pres .pin-group.is-on .qhw-pulse{animation:none}
}
