/* 2026 portfolio content and accessibility update */
html { scroll-behavior: smooth; }
body { cursor: auto; }
a, button, .sidebar_toggler { cursor: pointer; }
.mouse_cursor { display: none !important; }

/* Keep the copy within the light half of the diagonal hero artwork. */
header .text {
  width: 520px;
  max-width: 42vw;
  position: relative;
  z-index: 3;
}
header .text .title_1 {
  font-size: clamp(54px, 3.8vw, 72px);
  line-height: .98;
}

.hero_kicker,
.section_kicker {
  color: var(--co-1);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.hero_intro {
  color: #263a43;
  font-size: 18px;
  line-height: 1.65;
  margin-bottom: 28px;
  width: 460px;
  max-width: 100%;
}
.hero_actions {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 12px;
  width: 300px;
  max-width: 100%;
}
.hero_actions .theme_btn_secondary_outline {
  width: 300px;
  max-width: 100%;
}
.hero_actions .theme_btn_text {
  padding: 6px 0;
}
.experience_section { background: #00010c; }
.experience_section .title_1 {
  color: #fff;
  font-family: 'GT-Walsheim', 'Poppins', sans-serif;
  font-size: 52px;
  font-weight: 700;
  line-height: 1.08;
}
.experience_lead {
  color: #fff;
  font-size: 20px;
  line-height: 1.7;
  margin-bottom: 35px;
}
.capability_grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 28px;
}
.capability_grid strong,
.capability_grid span { display: block; }
.capability_grid strong {
  color: #fff;
  font-size: 17px;
  margin-bottom: 8px;
}
.capability_grid span {
  color: #b8c1c5;
  font-size: 14px;
  line-height: 1.7;
}
.se_v .box img { width: 100%; }
.se_vi .content { max-width: 650px; }

@media only screen and (min-width: 992px) {
  .theme_navbar .sidebar_toggler { display: none; }
}

@media only screen and (max-width: 991.98px) {
  .experience_section .title_1 { font-size: 42px; }
  .hero_intro { background: rgba(255,255,255,.84); padding: 12px; }
  header .text { width: 100%; max-width: 100%; }
  .hero_intro { width: auto; }
}
@media only screen and (max-width: 767.98px) {
  header .text .title_1 { font-size: 42px; }
  .capability_grid { grid-template-columns: 1fr; }
  .experience_section .title_1 { font-size: 34px; }
  .hero_actions { display: block; width: 100%; }
  .hero_actions a { margin-bottom: 12px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
}

/* Fast first paint: the legacy theme transition must never cover the page. */
.preloader,
.page_transition {
  display: none !important;
}