.vuca-home{
  position:relative;
  overflow:hidden;
}

.vuca-home::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(14,17,22,0.04) 1px, transparent 1px),
    linear-gradient(180deg, rgba(14,17,22,0.035) 1px, transparent 1px);
  background-size:88px 88px;
  opacity:0.55;
}

.vuca-home .container{
  position:relative;
}

.vuca-home-grid{
  display:grid;
  grid-template-columns:minmax(0, 0.92fr) minmax(420px, 1.08fr);
  gap:56px 72px;
  align-items:start;
}

.vuca-home-copy{
  max-width:620px;
}

.vuca-home-copy .h-1{
  max-width:620px;
}

.vuca-home-copy .h-1 em{
  color:var(--sage-deep);
  font-style:italic;
}

.vuca-home-copy .lead{
  max-width:590px;
  color:var(--ink);
}

.vuca-home-actions{
  display:flex;
  flex-wrap:wrap;
  gap:16px;
  margin-top:32px;
}

.vuca-home-actions .btn{
  min-height:54px;
}

.vuca-home-facts{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:28px;
  max-width:620px;
}

.vuca-home-facts span{
  border:1px solid var(--rule);
  background:rgba(244,241,234,0.72);
  padding:8px 10px;
  font-family:var(--mono);
  font-size:11px;
  color:var(--muted);
  text-transform:uppercase;
  letter-spacing:0.06em;
}

.vuca-home-panel{
  border:1px solid var(--ink);
  background:var(--paper);
  box-shadow:18px 18px 0 rgba(63,111,96,0.12);
}

.vuca-home-panel-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  padding:16px 20px;
  border-bottom:1px solid var(--rule);
  font-family:var(--mono);
  font-size:11px;
  color:var(--muted);
  text-transform:uppercase;
  letter-spacing:0.08em;
}

.vuca-home-panel-head strong{
  color:var(--sage-deep);
  font-weight:500;
}

.vuca-benefit-grid{
  display:grid;
  grid-template-columns:1fr;
}

.vuca-benefit{
  display:grid;
  grid-template-columns:54px 1fr;
  gap:8px 18px;
  padding:24px;
  border-bottom:1px solid var(--rule);
}

.vuca-benefit:last-child{
  border-bottom:0;
}

.vuca-benefit-num{
  grid-row:1 / span 2;
  font-family:var(--mono);
  font-size:11px;
  color:var(--sage-deep);
  letter-spacing:0.1em;
}

.vuca-benefit h3{
  margin:0;
  font-family:var(--serif);
  font-size:clamp(22px, 2.2vw, 30px);
  line-height:1.12;
  font-weight:400;
}

.vuca-benefit p{
  margin:0;
  color:var(--muted);
  font-size:15px;
  line-height:1.55;
}

.vuca-home-map{
  grid-column:1 / -1;
  border:1px solid var(--rule);
  background:rgba(244,241,234,0.82);
}

.vuca-map-head{
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(280px, 420px);
  gap:32px;
  align-items:end;
  padding:28px 32px;
  border-bottom:1px solid var(--rule);
}

.vuca-map-head p{
  margin:0;
}

.vuca-dim-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  background:var(--rule);
  gap:1px;
}

.vuca-dim-card{
  min-height:300px;
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:24px;
  border:0;
  background:var(--paper);
  color:var(--ink);
  text-align:left;
  transition:background-color .15s ease, transform .15s ease, box-shadow .15s ease;
}

.vuca-dim-card:hover{
  background:var(--tint);
  transform:translateY(-2px);
  box-shadow:0 16px 32px rgba(14,17,22,0.08);
}

.vuca-dim-card:focus-visible{
  outline:3px solid var(--sage-deep);
  outline-offset:-3px;
  position:relative;
  z-index:1;
}

.vuca-dim-top{
  display:flex;
  align-items:baseline;
  gap:10px;
}

.vuca-dim-letter{
  font-family:var(--serif);
  font-size:56px;
  line-height:1;
  font-weight:300;
}

.vuca-dim-card strong{
  display:block;
  font-family:var(--mono);
  font-size:13px;
  color:var(--ink);
  letter-spacing:0.06em;
  text-transform:uppercase;
}

.vuca-dim-card p{
  margin:0;
  color:var(--muted);
  font-size:14px;
  line-height:1.5;
}

.vuca-dim-answer{
  display:block;
  margin-top:auto;
  padding-top:14px;
  border-top:1px solid var(--rule);
  color:var(--ink);
  font-size:13px;
  line-height:1.45;
}

.vuca-dim-cta{
  display:block;
  margin-top:4px;
  font-family:var(--mono);
  font-size:11px;
  color:var(--sage-deep);
  letter-spacing:0.08em;
  text-transform:uppercase;
}

.vuca-home-equation{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  gap:16px;
  align-items:center;
  padding:18px 32px;
  border-top:1px solid var(--rule);
  font-family:var(--mono);
  font-size:11px;
  color:var(--muted);
  text-transform:uppercase;
  letter-spacing:0.06em;
}

.vuca-home-equation strong{
  color:var(--ink);
  font-weight:500;
  text-align:center;
}

.vuca-home-equation span:last-child{
  text-align:right;
}

@media (min-width: 1101px){
  .vuca-home{
    overflow:visible;
  }

  .vuca-home-panel{
    position:sticky;
    top:96px;
    align-self:start;
    z-index:1;
  }
}

@media (max-width: 1100px){
  .vuca-home-grid{
    grid-template-columns:1fr;
    gap:40px;
  }

  .vuca-home-copy{
    max-width:760px;
  }

  .vuca-dim-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px){
  .vuca-home-grid{
    gap:28px;
  }

  .vuca-home-panel{
    box-shadow:10px 10px 0 rgba(63,111,96,0.12);
  }

  .vuca-map-head{
    grid-template-columns:1fr;
    gap:16px;
    padding:22px 20px;
  }

  .vuca-dim-card{
    min-height:0;
    padding:22px 20px;
  }

  .vuca-home-equation{
    grid-template-columns:1fr;
    gap:8px;
    padding:16px 20px;
  }

  .vuca-home-equation strong,
  .vuca-home-equation span:last-child{
    text-align:left;
  }
}

@media (max-width: 640px){
  .vuca-home-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
  }

  .vuca-home-actions .btn{
    width:100%;
    justify-content:center;
    text-align:center;
  }

  .vuca-home-facts span{
    flex:1 1 calc(50% - 8px);
    text-align:center;
  }

  .vuca-benefit{
    grid-template-columns:1fr;
    gap:10px;
    padding:20px;
  }

  .vuca-benefit-num{
    grid-row:auto;
  }

  .vuca-dim-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width: 420px){
  .vuca-home-facts span{
    flex-basis:100%;
  }

  .vuca-home-panel-head{
    align-items:flex-start;
    flex-direction:column;
  }
}

@media (prefers-reduced-motion: reduce){
  .vuca-dim-card{
    transition:none;
  }

  .vuca-dim-card:hover{
    transform:none;
  }
}
