@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap");

:root {
  --white: #fff;
  --black: #080808;
  --ink: #080808;
  --orange: #ef6713;
  --orange-hover: #d45a10;
  --coral: #ff8562;
  --footer: #111;
  --neutral-lightest: #f5f5f5;
  --neutral: #666;
  --border-color: #dedede;
  --border: 1px solid var(--border-color);
  --font: Montserrat, Arial, sans-serif;
}

* { box-sizing: border-box; -webkit-font-smoothing: antialiased; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--white);
  color: var(--ink);
  font-family: var(--font);
  font-size: 1rem;
  line-height: 1.5;
}
body.is-locked { overflow: hidden; }
img, svg { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
.article_body a { color: var(--coral); }
ul { margin: 0; padding: 0; list-style: none; }
h1, h2, h3, p, dl, dt, dd { margin: 0; }
button, input, select, textarea { font-family: inherit; }

.padding-global { padding-left: 5%; padding-right: 5%; }
.container-large { width: 100%; max-width: 80rem; margin-left: auto; margin-right: auto; }
.padding-section-large { padding-top: 7rem; padding-bottom: 7rem; }
.padding-section-medium { padding-top: 5rem; padding-bottom: 5rem; }
.margin-xsmall { margin-bottom: 1rem; }
.margin-small { margin-bottom: 1.5rem; }
.margin-medium { margin-bottom: 2rem; }
.margin-large { margin-bottom: 3rem; }
.text-align-center { text-align: center; }
.max-width-large { max-width: 48rem; }
.align-center { margin-left: auto; margin-right: auto; }
.text-style-tagline { font-size: 0.875rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--orange); }
.heading-style-h1 { font-size: 3.25rem; font-weight: 700; line-height: 1.1; }
.heading-style-h2 { font-size: 2.5rem; font-weight: 700; line-height: 1.2; }
.heading-style-h3 { font-size: 1.5rem; font-weight: 700; line-height: 1.25; }
.heading-style-h5 { font-size: 1.25rem; font-weight: 700; line-height: 1.3; }
.text-size-medium { font-size: 1.125rem; }
.text-size-tiny { font-size: 0.75rem; color: var(--neutral); }
.text-weight-semibold { font-weight: 600; }

.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--orange);
  background: var(--orange);
  color: var(--white);
  padding: 0.75rem 1.5rem;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  text-align: center;
}
.button:hover { background: var(--orange-hover); border-color: var(--orange-hover); color: var(--white); }
.button.is-secondary { background: var(--white); color: var(--orange); border-color: var(--orange); }
.button.is-secondary:hover { background: #fff4ee; color: var(--orange-hover); }
.button.is-small { padding: 0.5rem 1rem; font-size: 0.875rem; }
.button.is-full { width: 100%; }
.button-group { display: flex; gap: 0.75rem; flex-wrap: wrap; }

.tag.is-text {
  display: inline-block;
  border: 1px solid var(--orange);
  color: var(--orange);
  padding: 0.1rem 0.4rem;
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.04em;
}
.tag.is-on { background: var(--orange); color: var(--white); border-color: var(--orange); }
.line-divider { height: 1px; background: var(--border-color); width: 100%; }

.topbar {
  border-bottom: var(--border);
  background: var(--white);
  font-size: 0.8125rem;
}
.topbar_inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.55rem 5%;
  flex-wrap: wrap;
}
.topbar_left, .topbar_right { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; }
.topbar_right a { color: var(--orange); font-weight: 600; }

.navbar1_component {
  border-bottom: var(--border);
  background: var(--white);
  min-height: 4.5rem;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
  align-items: center;
  position: sticky;
  top: 0;
  z-index: 40;
}
.navbar1_container { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 1rem; position: relative; }
.navbar1_logo {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.navbar1_logo img { height: 2.5rem; width: auto; }
.navbar1_menu { display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-end; gap: 0.15rem; }
.navbar1_link { padding: 0.5rem 0.55rem; font-size: 0.875rem; }
.navbar1_link.is-current { font-weight: 700; color: var(--orange); }
.navbar1_menu-buttons { display: flex; gap: 0.75rem; margin-left: 0.5rem; }
.navbar1_menu-button { display: none; background: none; border: 0; padding: 0.5rem; cursor: pointer; }
.menu-icon1 { width: 24px; height: 16px; display: flex; flex-direction: column; justify-content: space-between; }
.menu-icon1 span { display: block; height: 2px; background: var(--ink); width: 100%; }

.nav_group { position: relative; }
.nav_group-btn {
  background: none;
  border: 0;
  padding: 0.5rem 0.55rem;
  font-size: 0.875rem;
  cursor: pointer;
}
.nav_group.is-current .nav_group-btn { font-weight: 700; color: var(--orange); }
.nav_group-list {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  min-width: 22rem;
  background: var(--white);
  border: var(--border);
  padding: 0.75rem;
  z-index: 50;
}
.nav_group.is-open .nav_group-list,
.nav_group:hover .nav_group-list { display: grid; gap: 0.35rem; }
.nav_group-list a { display: block; padding: 0.45rem 0.5rem; font-size: 0.875rem; }
.nav_group-list a:hover { background: var(--neutral-lightest); }
.nav_group-list a.is-current { font-weight: 700; color: var(--orange); }
.nav_group-list span { display: block; font-size: 0.75rem; color: var(--neutral); }

.header70_component, .header62_component {
  background: var(--ink);
  color: var(--white);
}
.header70_component { padding: 5.5rem 0 4.5rem; }
.header70_component.is-hero {
  background:
    linear-gradient(90deg, rgba(8, 8, 8, 0.72) 0%, rgba(8, 8, 8, 0.35) 55%, rgba(8, 8, 8, 0.2) 100%),
    url("../images/hero-front.jpg") center 70% / cover no-repeat;
}
.header70_component .text-style-tagline,
.header62_component .text-style-tagline { color: var(--orange); }
.header70_actions { display: flex; gap: 1rem; flex-wrap: wrap; margin-top: 2rem; }
.header70_actions .button { background: var(--orange); color: var(--white); border-color: var(--orange); }
.header70_actions .button:hover { background: var(--orange-hover); border-color: var(--orange-hover); }
.header70_actions .button.is-secondary { background: transparent; color: var(--white); border-color: var(--white); }
.header70_actions .button.is-secondary:hover { background: rgba(255, 255, 255, 0.12); color: var(--white); }
.header62_lead { margin: 0.75rem 0 1rem; font-weight: 600; }
.header62_crumb { margin-top: 2rem; font-size: 0.75rem; opacity: 0.7; }
.header62_crumb a { color: var(--white); }

.section_dark { background: var(--orange); color: var(--white); }
.section_muted { background: var(--neutral-lightest); }
.section_dark .text-style-tagline { color: var(--white); }
.section_dark .button { background: var(--white); color: var(--orange); border-color: var(--white); }
.section_dark .button:hover { background: var(--neutral-lightest); color: var(--orange-hover); }
.section_dark .button.is-secondary { background: transparent; color: var(--white); border-color: var(--white); }
.section_dark .button.is-secondary:hover { background: rgba(255, 255, 255, 0.12); color: var(--white); }

.split {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 3rem;
  align-items: start;
}
.split.is-media-left { grid-template-columns: 0.85fr 1.15fr; }
.media_block {
  min-height: 18rem;
  background: var(--ink);
  color: var(--white);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 1.5rem;
  border: 0;
  position: relative;
  overflow: hidden;
}
.section_dark .media_block {
  background: var(--white);
  color: var(--ink);
}
.media_block.is-tall { min-height: 24rem; }
.media_block.is-photo { padding: 0; }
.media_block.is-photo img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.media_block.is-photo .media_caption {
  position: relative;
  z-index: 1;
  padding: 1.5rem;
  margin-top: auto;
  background: linear-gradient(180deg, transparent, rgba(8, 8, 8, 0.78));
}

.num_grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}
.num_item, .layout16_item, .dir_card, .project_card, .perk_item, .honest_card, .stat_card {
  border: var(--border);
  padding: 1.5rem;
  background: var(--white);
  color: var(--ink);
}
.num_item .num { font-size: 0.875rem; font-weight: 700; letter-spacing: 0.08em; margin-bottom: 0.65rem; color: var(--orange); }

.dir_grid, .project_grid, .layout16_list, .perk_list, .help_grid, .cycle_grid {
  display: grid;
  gap: 1.25rem;
}
.dir_grid { grid-template-columns: repeat(3, 1fr); }
.cycle_grid { grid-template-columns: repeat(4, 1fr); }
.project_grid { grid-template-columns: repeat(3, 1fr); }
.layout16_list, .perk_list, .help_grid { grid-template-columns: repeat(3, 1fr); }
.perk_list.is-two { grid-template-columns: repeat(2, 1fr); }
.fold_toggle {
  display: block; width: 100%; text-align: left;
  background: none; border: 0; padding: 0; margin: 0;
  font: inherit; color: inherit; cursor: default;
}
.layout16_list.is-four { grid-template-columns: repeat(4, 1fr); }
.dir_card, .project_card { display: flex; flex-direction: column; min-height: 100%; }
.dir_card:hover, .project_card:hover { border-color: var(--orange); }
.dir_card .button, .project_card .button, .card_link { margin-top: auto; }
.dir_card > p.margin-small, .project_card > p.margin-small { margin-bottom: 1rem; }
.card_link { color: var(--orange); font-weight: 600; font-size: 0.875rem; }
.dir_card:hover .card_link, .project_card:hover .card_link { color: var(--orange-hover); text-decoration: underline; }
#works .cycle_grid > .dir_card, #directions .dir_grid > .dir_card { min-height: 29rem; }
.cycle_dots { display: none; }
.dir_media, .project_media {
  height: 8.5rem;
  background: var(--ink);
  color: var(--white);
  margin: -1.5rem -1.5rem 1.25rem;
  display: flex;
  align-items: flex-end;
  padding: 1rem 1.5rem;
  font-size: 0.75rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  position: relative;
  overflow: hidden;
}
.dir_media.is-photo, .project_media.is-photo {
  padding: 0;
  height: 13.5rem;
}
.dir_media.is-photo img, .project_media.is-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.dir_media.is-photo span, .project_media.is-photo span {
  position: absolute;
  left: 0; right: 0; bottom: 0;
  padding: 0.75rem 1.5rem;
  background: linear-gradient(180deg, transparent, rgba(8, 8, 8, 0.7));
}
.meta_row { display: flex; gap: 0.75rem; flex-wrap: wrap; font-size: 0.75rem; color: var(--neutral); margin: 0.5rem 0 0.85rem; }

.stat_row { display: grid; grid-template-columns: 1.3fr 0.7fr; gap: 2.5rem; align-items: start; }
.stat_num { font-size: 2.5rem; font-weight: 700; line-height: 1.1; }
.map_frame {
  border: 1px solid #fff;
  min-height: 16rem;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background:
    linear-gradient(180deg, rgba(239, 103, 19, 0.2), rgba(8, 8, 8, 0.35)),
    url("../images/palace-campus.jpg") center / cover no-repeat;
}
.map_dots { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.map_dots span {
  border: 1px solid #fff;
  background: var(--white);
  width: 0.55rem;
  height: 0.55rem;
  border-radius: 50%;
  display: inline-block;
}

.group_list { display: grid; gap: 1rem; }
.group_item { border: var(--border); padding: 1.25rem 1.5rem; }
.group_item ul { margin-top: 0.75rem; display: grid; gap: 0.35rem; }
.group_item li { padding-left: 1rem; position: relative; }
.group_item li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.55rem;
  width: 0.4rem;
  height: 0.4rem;
  background: var(--orange);
}

.quote_layout {
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  gap: 2.5rem;
  align-items: start;
}
.form_grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.form_grid .is-full { grid-column: 1 / -1; }
.form_field { display: flex; flex-direction: column; gap: 0.35rem; }
.form_field label { font-size: 0.875rem; font-weight: 600; }
.form_field textarea { min-height: 8rem; resize: vertical; }
.form_field input, .form_field textarea, .form_field select {
  border: var(--border);
  padding: 0.65rem 0.75rem;
  font-size: 0.9375rem;
  width: 100%;
  background: var(--white);
}
.form_field input:focus, .form_field textarea:focus, .form_field select:focus {
  outline: 2px solid var(--orange);
  border-color: var(--orange);
}

.faq2_list { border-top: var(--border); }
.faq2_item { border-bottom: var(--border); }
.faq2_question {
  width: 100%; background: none; border: 0; text-align: left;
  font-family: inherit; font-size: 1.125rem; font-weight: 700; color: inherit;
  padding: 1.25rem 2.5rem 1.25rem 0; cursor: pointer; position: relative;
}
.faq2_question::after {
  content: ""; position: absolute; right: 0; top: 50%;
  width: 12px; height: 12px; border-right: 2px solid var(--orange); border-bottom: 2px solid var(--orange);
  transform: translateY(-70%) rotate(45deg);
}
.faq2_item.is-open .faq2_question::after { transform: translateY(-20%) rotate(225deg); }
.faq2_answer { display: none; padding: 0 0 1.25rem; max-width: 48rem; }
.faq2_item.is-open .faq2_answer { display: block; }

.cta26_component { background: var(--orange); color: var(--white); }
.cta26_component .text-style-tagline { color: var(--white); }
.cta26_component .button { background: var(--white); color: var(--orange); border-color: var(--white); }
.cta26_component .button:hover { background: var(--neutral-lightest); color: var(--orange-hover); }
.cta26_component .button.is-secondary { background: transparent; color: var(--white); border-color: var(--white); }
.cta26_component .button.is-secondary:hover { background: rgba(255, 255, 255, 0.12); color: var(--white); }

.footer1_component { background: var(--footer); color: var(--white); border-top: 0; }
.footer1_component a:hover { color: var(--orange); }
.footer1_component .navbar1_logo img { filter: brightness(0) invert(1); }
.footer1_component .text-size-tiny { color: #b3b3b3; }
.footer1_inner { padding-bottom: 0; }
.footer1_top-wrapper { display: grid; grid-template-columns: 1.1fr 3fr; gap: 3rem; padding-bottom: 3rem; }
.footer1_menu-wrapper { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }
.footer1_link-list { display: flex; flex-direction: column; gap: 0.45rem; font-size: 0.875rem; }
.footer1_bottom-wrapper { display: flex; justify-content: space-between; gap: 1rem; flex-wrap: wrap; padding: 1.5rem 0 3rem; }
.footer1_component .line-divider { background: #2a2a2a; }

.article_body { max-width: 44rem; display: flex; flex-direction: column; gap: 1rem; }
.article_body p { font-size: 1.0625rem; }
.honest_card.is-dark { background: var(--ink); color: var(--white); border-color: var(--ink); }
.honest_card.is-dark .text-style-tagline { color: var(--orange); }

.toast {
  display: none;
  position: fixed;
  right: 1.25rem;
  bottom: 1.25rem;
  z-index: 60;
  background: var(--ink);
  color: var(--white);
  border: 1px solid var(--orange);
  padding: 0.85rem 1.1rem;
  max-width: 22rem;
}
.toast.is-on { display: block; }

@media (max-width: 991px) {
  .heading-style-h1 { font-size: 2.25rem; }
  .heading-style-h2 { font-size: 1.75rem; }
  .padding-section-large { padding-top: 4rem; padding-bottom: 4rem; }
  .navbar1_menu-button { display: block; }
  .navbar1_menu {
    display: none;
    position: absolute;
    left: 0; right: 0; top: 100%;
    background: var(--white);
    border-bottom: var(--border);
    flex-direction: column;
    align-items: stretch;
    padding: 1rem 5% 1.5rem;
    max-height: calc(100vh - 4.5rem);
    overflow: auto;
  }
  .navbar1_menu.is-open { display: flex; }
  .navbar1_menu-buttons { margin: 1rem 0 0; flex-direction: column; align-items: stretch; }
  .nav_group-list {
    position: static;
    border: 0;
    padding: 0 0 0.5rem 0.75rem;
    min-width: 0;
    right: auto;
  }
  .nav_group:hover .nav_group-list { display: none; }
  .nav_group.is-open .nav_group-list { display: grid; }
  .split, .split.is-media-left, .stat_row, .quote_layout, .footer1_top-wrapper, .footer1_menu-wrapper {
    grid-template-columns: 1fr;
  }
  .dir_grid, .project_grid, .layout16_list, .perk_list, .help_grid, .num_grid, .form_grid, .cycle_grid, .layout16_list.is-four {
    grid-template-columns: 1fr 1fr;
  }
  .header70_actions { flex-direction: column; align-items: stretch; }
}

@media (max-width: 767px) {
  html { overflow-x: hidden; }
  .layout16_list, .perk_list, .help_grid, .num_grid, .form_grid, .layout16_list.is-four {
    grid-template-columns: 1fr;
  }
  .perk_list.is-two { grid-template-columns: 1fr; gap: 0; border-top: var(--border); }
  .perk_item.is-fold { border: 0; border-bottom: var(--border); padding: 1.25rem 0; background: transparent; }
  .perk_item.is-fold > h3 { margin-bottom: 0; }
  .perk_item.is-fold.is-open > h3 { margin-bottom: 0.75rem; }
  .perk_item.is-fold .fold_body { max-width: 48rem; }
  .perk_item.is-fold .fold_toggle { cursor: pointer; position: relative; padding-right: 2.5rem; }
  .perk_item.is-fold .fold_toggle::after {
    content: ""; position: absolute; right: 0.25rem; top: 50%;
    width: 10px; height: 10px; border-right: 2px solid var(--orange); border-bottom: 2px solid var(--orange);
    transform: translateY(-70%) rotate(45deg);
  }
  .perk_item.is-fold.is-open .fold_toggle::after { transform: translateY(-20%) rotate(225deg); }
  .perk_item.is-fold .fold_body { display: none; }
  .perk_item.is-fold.is-open .fold_body { display: block; }
  .num_grid { gap: 0.5rem; }
  .num_item {
    display: flex;
    align-items: baseline;
    gap: 0.75rem;
    padding: 0.85rem 1rem;
  }
  .num_item .num { flex: 0 0 1.5rem; margin-bottom: 0; }
  .num_item p { font-size: 0.9375rem; line-height: 1.4; }
  .cycle_grid, .dir_grid, .project_grid {
    display: flex;
    align-items: stretch;
    gap: 0.35rem;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 0;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
    width: calc(100% + 5%);
    padding-right: 1.5rem;
  }
  .cycle_grid::-webkit-scrollbar, .dir_grid::-webkit-scrollbar, .project_grid::-webkit-scrollbar { display: none; }
  .cycle_grid > .dir_card, .dir_grid > .dir_card, .project_grid > .project_card {
    flex: 0 0 auto;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    min-height: unset;
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }
  .cycle_dots {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.45rem;
    margin-top: 1rem;
  }
  .cycle_dots__btn {
    width: 0.5rem;
    height: 0.5rem;
    padding: 0;
    border: 1px solid var(--orange);
    border-radius: 50%;
    background: transparent;
    cursor: pointer;
  }
  .cycle_dots__btn.is-active { background: var(--orange); }
  .header70_component, .header62_component { padding: 3.5rem 0 3rem; }
  .topbar_left { display: none; }
}