/* v21 visual direction: calm editorial surfaces from the reviewed MagicPath study.
   The original cinematic scene, approved concepts and all interactions remain intact. */
.solutions {
  background: #080b11;
}
.solutions::before {
  display: none;
}
.solutions > .section-heading {
  align-items: end;
  margin-bottom: clamp(36px, 5vw, 66px);
}
.solutions > .section-heading h2 {
  max-width: 830px;
  font-size: clamp(52px, 6vw, 88px);
  line-height: 1.02;
  letter-spacing: -.065em;
}
.solutions > .section-heading > p {
  max-width: 390px;
  color: #b9c4d2;
}
.solution-tabs {
  border-top-color: #d8e1eb36;
  border-bottom-color: #d8e1eb36;
}
.solution-tab {
  min-height: 108px;
  padding: 24px 24px !important;
  transition: background-color .2s ease, color .2s ease;
}
.solution-tab.selected {
  background: #b7cbe00b !important;
  box-shadow: inset 0 -2px #dbe5ef !important;
}
.solution-tab .tab-copy strong {
  font-weight: 500;
  letter-spacing: -.025em;
}
.gallery-heading h3,
.sector-detail-heading h3 {
  letter-spacing: -.045em;
}
.segment-shortcuts a {
  background: #111720;
  border-color: #7f94ac45;
  color: #e1e9f3;
}
.segment-shortcuts a:hover,
.segment-shortcuts a:focus-visible {
  background: #1a2736;
}
.sector-card,
.concept-preview,
.site-task,
.native-workspace {
  border-radius: 4px;
  border-color: #8ca0b83b;
}
.sector-card {
  background: #111720;
}
.sector-card:hover,
.sector-card:focus-visible {
  border-color: #c8d8ec9c;
  background: #152131;
}
.site-experience-grid {
  grid-template-columns: minmax(0, 1.65fr) minmax(290px, .8fr);
  gap: clamp(18px, 2.5vw, 32px);
}
.concept-preview,
.site-task {
  background: #111720;
}
.site-task {
  padding: clamp(24px, 2.4vw, 38px);
}
.site-task h4 {
  font-size: clamp(24px, 2.4vw, 31px);
  line-height: 1.15;
  letter-spacing: -.04em;
}
.site-task > p {
  color: #c0cad7;
  line-height: 1.7;
}
.site-task .lab-primary {
  background: #e7e8e7;
  border-color: #e7e8e7;
  color: #111720;
  border-radius: 5px;
}
.site-task .lab-primary:hover:not(:disabled) {
  background: #fff;
}
.connected-example,
.lab-bottom {
  border-color: #8da0b83b;
}
.stories-section {
  background: #080b11;
  border-top-color: #8da0b83b;
}
.story-card button {
  border-color: #a4b6cd4a;
}
.contact::before {
  display: none;
}
@media (max-width: 1000px) {
  .site-experience-grid {
    grid-template-columns: minmax(0, 1.4fr) minmax(270px, .85fr);
  }
}
@media (max-width: 700px) {
  .solutions > .section-heading {
    margin-bottom: 30px;
  }
  .solutions > .section-heading h2 {
    font-size: clamp(44px, 11vw, 62px);
    line-height: 1.06;
  }
  .solution-tab {
    min-height: 76px;
    padding: 16px !important;
  }
  .site-experience-grid {
    display: block;
  }
  .site-task {
    margin-top: 18px;
    padding: 24px 20px;
  }
  .site-task h4 {
    font-size: 27px;
  }
  .sector-card {
    border-radius: 4px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .solution-tab {
    transition: none;
  }
}