/*
Theme Name: UMNO
Theme URI: https://umno.group/
Author: UMNO
Description: Custom landing-page theme for UMNO.
Version: 0.1.1
Text Domain: umno
*/

:root {
  --umno-paper: #f0efeb;
  --umno-ink: #0c0b11;
  --umno-acid: #ddf528;
  --umno-line: rgba(12, 11, 17, 0.45);
  --umno-stroke-width: 1px;
  --umno-header-height: 56px;
  --umno-header-actions-min: 320px;
  --umno-control-height: 32px;
  --umno-vision-card-min: 232px;
  --umno-cta-width: 200px;
  --umno-cta-height: var(--umno-control-height);
  --umno-cta-icon-size: 32px;
  --umno-cta-font-size: 12px;
}

.umno-holding {
  display: grid;
  min-height: 100svh;
  place-items: center;
  padding: 32px;
  background: #f5f4f0;
  color: #111014;
}

.umno-holding__inner {
  width: min(100%, 1120px);
  text-align: center;
}

.umno-holding__inner h1 {
  margin: 0;
  font-family: "IBM Plex Mono", monospace;
  font-size: 28px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0;
  text-transform: uppercase;
}

@media (max-width: 767px) {
  .umno-holding {
    padding: 24px;
  }

  .umno-holding__inner h1 {
    font-size: 18px;
    line-height: 1.15;
  }
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
html.lenis,
html.lenis body { height: auto; }
html.lenis.lenis-smooth { scroll-behavior: auto; }
html.lenis.lenis-stopped { overflow: clip; }
body {
  margin: 0;
  background: var(--umno-paper);
  color: var(--umno-ink);
  font-family: Inter, Arial, sans-serif;
}
a { color: inherit; text-decoration: none; }
button { font: inherit; }

.umno-site-header {
  position: absolute;
  z-index: 10;
  top: 0;
  right: 0;
  left: 0;
  height: var(--umno-header-height);
  padding: 10px 16px;
  display: flex;
  justify-content: flex-end;
  pointer-events: none;
}

.umno-mobile-logo { display: none; }

.umno-header-actions {
  min-width: var(--umno-header-actions-min);
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  pointer-events: auto;
}

.umno-menu-trigger {
  flex: 0 0 auto;
  min-height: var(--umno-control-height);
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--umno-ink);
  padding: 0;
  position: relative;
  overflow: hidden;
  background: transparent;
  color: var(--umno-ink);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.012em;
  cursor: pointer;
}

.umno-menu-trigger::before {
  position: absolute;
  z-index: 0;
  inset: 0;
  content: "";
  background: var(--umno-ink);
  transform: translate3d(0, -101%, 0);
  transition: transform 560ms cubic-bezier(0.16, 1, 0.3, 1);
}

.umno-menu-trigger__label {
  flex: 1 1 auto;
  min-width: 102px;
  padding: 0 10px;
  position: relative;
  z-index: 1;
  text-align: left;
}

.umno-menu-trigger__icon {
  flex: 0 0 32px;
  width: 32px;
  min-width: 32px;
  max-width: 32px;
  aspect-ratio: 1;
  align-self: stretch;
  display: grid;
  place-items: center;
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-left: 1px solid var(--umno-ink);
}

.umno-menu-trigger__icon::before {
  position: absolute;
  inset: 0;
  content: "";
  background: var(--umno-acid);
  transform: translate3d(0, -101%, 0);
  transition: transform 560ms cubic-bezier(0.16, 1, 0.3, 1);
}

.umno-menu-trigger__icon-track {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.umno-menu-trigger__glyph {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  transition: transform 560ms cubic-bezier(0.16, 1, 0.3, 1);
}

.umno-menu-trigger__glyph--next {
  transform: translate3d(0, -101%, 0);
}

.umno-menu-trigger__svg {
  position: relative;
  width: 18px;
  height: 12px;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: square;
}

.umno-action-button {
  --umno-action-width: auto;
  --umno-action-min-width: 146px;
  --umno-action-height: var(--umno-control-height);
  --umno-action-icon-size: var(--umno-control-height);
  --umno-action-font-size: 11px;
  --umno-action-label-padding: 10px;
  --umno-action-next-background: var(--umno-acid);
  --umno-action-next-color: var(--umno-ink);
  flex: 0 0 auto;
  width: var(--umno-action-width);
  min-width: var(--umno-action-min-width);
  min-height: var(--umno-action-height);
  display: inline-flex;
  align-items: stretch;
  overflow: hidden;
  border: 1px solid var(--umno-acid);
  background: var(--umno-acid);
  color: var(--umno-ink);
  font-size: var(--umno-action-font-size);
  font-weight: 600;
  letter-spacing: 0.012em;
  transition: background-color 480ms cubic-bezier(0.16, 1, 0.3, 1), color 480ms cubic-bezier(0.16, 1, 0.3, 1);
}

.umno-action-button__label {
  flex: 1;
  position: relative;
  overflow: hidden;
}

.umno-action-button__label-item {
  height: 100%;
  padding: 0 var(--umno-action-label-padding);
  display: flex;
  align-items: center;
  transition: transform 560ms cubic-bezier(0.16, 1, 0.3, 1);
}

.umno-action-button__label-item + .umno-action-button__label-item {
  position: absolute;
  inset: -100% 0 auto;
}

.umno-action-button__icon {
  width: var(--umno-action-icon-size);
  aspect-ratio: 1;
  position: relative;
  overflow: hidden;
  border-left: 1px solid currentColor;
}

.umno-action-button__icon-track {
  width: 200%;
  height: 100%;
  display: flex;
  transition: transform 560ms cubic-bezier(0.16, 1, 0.3, 1);
}

.umno-action-button__arrow {
  width: 50%;
  display: grid;
  place-items: center;
}

.umno-action-button__arrow svg {
  width: 16px;
  height: 10px;
  display: block;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: square;
  stroke-linejoin: miter;
}

.umno-action-button__arrow + .umno-action-button__arrow {
  background: var(--umno-action-next-background);
  color: var(--umno-action-next-color);
}

/* Secondary actions retain the action-button's horizontal icon handoff:
   a dark square leaves left and the acid square enters from the right. */
.umno-vision-card__action,
.umno-case-detail__action,
.umno-matrix__action,
.umno-workflow__action,
.umno-founder__action {
  --umno-action-next-background: var(--umno-acid);
  --umno-action-next-color: var(--umno-ink);
}

.umno-vision-card__action .umno-action-button__arrow,
.umno-case-detail__action .umno-action-button__arrow,
.umno-matrix__action .umno-action-button__arrow,
.umno-workflow__action .umno-action-button__arrow,
.umno-founder__action .umno-action-button__arrow {
  background: var(--umno-ink);
  color: var(--umno-paper);
}

.umno-vision-card__action .umno-action-button__arrow + .umno-action-button__arrow,
.umno-case-detail__action .umno-action-button__arrow + .umno-action-button__arrow,
.umno-matrix__action .umno-action-button__arrow + .umno-action-button__arrow,
.umno-workflow__action .umno-action-button__arrow + .umno-action-button__arrow,
.umno-founder__action .umno-action-button__arrow + .umno-action-button__arrow {
  background: var(--umno-acid);
  color: var(--umno-ink);
}

@media (hover: hover) {
  .umno-menu-trigger:hover {
    color: var(--umno-paper);
  }

  .umno-menu-trigger:hover::before,
  .umno-menu-trigger:hover .umno-menu-trigger__icon::before {
    transform: translate3d(0, 0, 0);
  }

  .umno-menu-trigger:hover .umno-menu-trigger__icon {
    color: var(--umno-ink);
  }

  .umno-menu-trigger:hover .umno-menu-trigger__glyph--current {
    transform: translate3d(0, 101%, 0);
  }

  .umno-menu-trigger:hover .umno-menu-trigger__glyph--next {
    transform: translate3d(0, 0, 0);
  }

  .umno-action-button:hover {
    border-color: var(--umno-ink);
    background: var(--umno-ink);
    color: var(--umno-paper);
  }

  .umno-action-button:hover .umno-action-button__label-item,
  .umno-action-button:hover .umno-action-button__icon-track {
    transform: translate3d(0, 100%, 0);
  }

  .umno-action-button:hover .umno-action-button__icon-track {
    transform: translate3d(-50%, 0, 0);
  }

}

.umno-action-button:focus-visible {
  outline: 2px solid var(--umno-ink);
  outline-offset: 3px;
}

.umno-site-nav {
  position: absolute;
  z-index: 12;
  top: calc(100% - 1px);
  right: 16px;
  width: 222px;
  display: none;
  pointer-events: auto;
  border: 1px solid var(--umno-ink);
  background: var(--umno-paper);
}

.umno-site-nav.is-open { display: grid; }
.umno-site-nav__list { display: grid; margin: 0; padding: 0; list-style: none; }
.umno-site-nav a { display: block; padding: 15px; border-bottom: var(--umno-stroke-width) solid var(--umno-line); font-size: 14px; cursor: pointer; }
.umno-site-nav li:last-child a { border-bottom: 0; }
.umno-site-nav a:hover { background: var(--umno-acid); }

.umno-hero {
  min-height: 469px;
  padding: 0 16px;
  position: relative;
  overflow: hidden;
  background: var(--umno-paper);
  border-bottom: 1px solid var(--umno-ink);
}

.umno-hero__grid {
  width: 100%;
  min-height: 469px;
  margin: 0;
  display: grid;
  grid-template-columns: minmax(320px, 1.1fr) minmax(var(--umno-header-actions-min), 0.9fr);
}

.umno-hero__copy {
  min-width: 0;
  padding: 82px 64px 24px 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-right: 1px solid var(--umno-ink);
}

.umno-hero h1 {
  max-width: 570px;
  margin: 0;
  font-family: "IBM Plex Sans", Arial, sans-serif;
  font-size: 64px;
  font-weight: 600;
  line-height: 1.09;
  letter-spacing: 0;
}

.umno-hero__title-mobile { display: none; }

.umno-hero__claim {
  max-width: 570px;
  margin: 0;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.34;
}

.umno-hero__mark-wrap {
  min-width: 0;
  padding: 56px 0 68px;
  position: relative;
  display: flex;
  align-items: center;
}

.umno-hero__mark-wrap::before {
  position: absolute;
  top: 56px;
  left: 0;
  width: 100vw;
  height: 1px;
  content: "";
  background: var(--umno-ink);
}

.umno-hero__mark {
  width: 100%;
  min-height: 190px;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.umno-hero__mark img {
  width: calc(100% - 13px);
  height: auto;
  margin-left: 13px;
  display: block;
  object-fit: contain;
  mix-blend-mode: multiply;
}

.umno-market-depth {
  --umno-parallax-y: 0px;
  position: relative;
  height: 750px;
  min-height: 500px;
  max-height: 800px;
  overflow: hidden;
  color: #fff;
  background: var(--umno-ink);
}

.umno-market-depth__media,
.umno-market-depth__media img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.umno-market-depth__media { background: var(--umno-ink); }

.umno-market-depth__media img {
  object-fit: cover;
  transform: translate3d(0, var(--umno-parallax-y), 0) scale(1.055);
  will-change: transform;
}

.umno-market-depth__shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 66%, rgba(0, 0, 0, 0.82) 96%);
  mix-blend-mode: overlay;
}

.umno-market-depth__content {
  position: absolute;
  right: 26px;
  bottom: 26px;
  left: 26px;
  max-width: 650px;
}

.umno-market-depth h2 {
  margin: 0 0 18px;
  font-family: "IBM Plex Mono", monospace;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.32;
  letter-spacing: 0;
  text-transform: uppercase;
}

.umno-market-depth p {
  max-width: 600px;
  margin: 0;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: -0.2px;
}

.umno-motion-ready [data-reveal] {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 640ms ease-out, transform 760ms cubic-bezier(0.16, 1, 0.3, 1);
}

.umno-motion-ready [data-reveal] .umno-market-depth__media img {
  transform: translate3d(0, var(--umno-parallax-y), 0) scale(1.1);
  transition: transform 1200ms cubic-bezier(0.16, 1, 0.3, 1);
}

.umno-motion-ready [data-reveal].is-revealed {
  opacity: 1;
  transform: translateY(0);
}

.umno-motion-ready [data-reveal].is-revealed .umno-market-depth__media img {
  transform: translate3d(0, var(--umno-parallax-y), 0) scale(1.055);
}

.umno-vision { background: var(--umno-paper); color: var(--umno-ink); }

.umno-vision__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(calc(var(--umno-vision-card-min) * 2), 1fr);
  min-height: 728px;
  margin-left: 16px;
}

.umno-vision__visual {
  position: relative;
  min-height: 727px;
  overflow: hidden;
  background: var(--umno-paper);
  border-right: 0;
}

.umno-vision__visual-grid,
.umno-vision__visual-grid::before {
  position: absolute;
  z-index: 1;
  content: "";
  pointer-events: none;
}

.umno-vision__visual-grid { inset: 0; }
.umno-vision__visual-grid::before { display: none; }

.umno-vision__illustration,
.umno-vision__visual img { display: block; }

.umno-vision__illustration {
  position: absolute;
  z-index: 0;
  top: 50%;
  left: 50%;
  width: min(94%, 555px);
  aspect-ratio: 1;
  pointer-events: none;
  opacity: 0;
  transform: translate(-50%, -50%) translateY(10px);
  transition: opacity 180ms cubic-bezier(.16, 1, .3, 1), transform 260ms cubic-bezier(.16, 1, .3, 1);
}

.umno-vision__illustration.is-active { opacity: 1; transform: translate(-50%, -50%) translateY(0); }
.umno-vision__illustration--object { width: min(92%, 590px); aspect-ratio: 3 / 2; }
.umno-vision__illustration img { width: 100%; height: 100%; object-fit: contain; }
.umno-vision__illustration--investor img { transform: scaleX(-1); }

.umno-vision__content { display: flex; min-width: 0; flex-direction: column; border-left: var(--umno-stroke-width) solid var(--umno-line); }

.umno-vision__intro { min-height: 384px; padding: 54px 16px 30px; border-bottom: var(--umno-stroke-width) solid var(--umno-line); }

.umno-vision__intro p {
  max-width: 510px;
  margin: 0;
  font-family: Inter, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0;
}

.umno-vision__intro p + p { margin-top: 25px; }

.umno-vision__cards { display: grid; flex: 1; grid-template-columns: repeat(2, minmax(var(--umno-vision-card-min), 1fr)); }

.umno-vision-card { min-height: 309px; padding: 32px 16px 16px; display: flex; flex-direction: column; border-bottom: var(--umno-stroke-width) solid var(--umno-line); }
.umno-vision-card + .umno-vision-card { border-left: var(--umno-stroke-width) solid var(--umno-line); }

.umno-vision-card__head { display: flex; align-items: center; justify-content: space-between; gap: 16px; }

.umno-vision-card h3 {
  margin: 0;
  font-family: "IBM Plex Mono", monospace;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0;
  text-transform: uppercase;
}

.umno-vision-card__head span { width: 7px; height: 7px; flex: 0 0 7px; background: var(--umno-ink); }

.umno-vision-card p {
  max-width: 250px;
  margin: 76px 0 20px;
  font-family: Inter, Arial, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.48;
  letter-spacing: 0;
}

.umno-vision-card strong { font-weight: 700; }
.umno-vision-card em { font-style: italic; }

.umno-vision-card__action,
.umno-matrix__action,
.umno-workflow__action {
  --umno-action-width: var(--umno-cta-width);
  --umno-action-min-width: var(--umno-cta-width);
  --umno-action-height: var(--umno-cta-height);
  --umno-action-icon-size: var(--umno-cta-icon-size);
  --umno-action-font-size: var(--umno-cta-font-size);
  --umno-action-next-background: var(--umno-acid);
  --umno-action-next-color: var(--umno-ink);
}

.umno-vision-card__action {
  margin-top: auto;
  border-color: var(--umno-ink);
  background: transparent;
  color: var(--umno-ink);
}


.umno-audiences {
  padding: 60px 33px;
  background: var(--umno-ink);
  color: var(--umno-paper);
}

.umno-audiences__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.umno-audience-card {
  min-height: 172px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  border: 1px solid rgba(240, 239, 235, 0.68);
}

.umno-motion-ready .umno-audience-card[data-reveal] {
  transform: translate3d(0, 14px, 0);
  transition:
    opacity 420ms cubic-bezier(0.16, 1, 0.3, 1),
    transform 520ms cubic-bezier(0.16, 1, 0.3, 1);
}

.umno-motion-ready .umno-audience-card[data-reveal]:nth-child(2) { transition-delay: 90ms; }
.umno-motion-ready .umno-audience-card[data-reveal]:nth-child(3) { transition-delay: 180ms; }
.umno-motion-ready .umno-audience-card[data-reveal]:nth-child(4) { transition-delay: 270ms; }

.umno-motion-ready .umno-audience-card[data-reveal].is-revealed {
  transform: translate3d(0, 0, 0);
}

.umno-audience-card h2 {
  margin: 0;
  font-family: "IBM Plex Mono", monospace;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0;
  text-transform: uppercase;
  color: #fff;
}

.umno-audience-card p {
  max-width: 620px;
  margin: 0;
  color: rgba(255, 255, 255, 0.84);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.48;
  letter-spacing: 0;
}

.umno-case-hero {
  --umno-parallax-y: 0px;
  position: relative;
  height: 750px;
  min-height: 500px;
  max-height: 800px;
  overflow: hidden;
  background: var(--umno-ink);
  color: #fff;
}

.umno-case-hero__media,
.umno-case-hero__media img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.umno-case-hero__media { background: var(--umno-ink); }

.umno-case-hero__media img {
  object-fit: cover;
  transform: translate3d(0, var(--umno-parallax-y), 0) scale(1.055);
  will-change: transform;
}

.umno-case-hero__shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 66%, rgba(0, 0, 0, 0.82) 96%);
  mix-blend-mode: overlay;
}

.umno-case-hero__caption {
  position: absolute;
  right: 26px;
  bottom: 75px;
  left: 56%;
}

.umno-case-hero__caption h2,
.umno-case-hero__caption p {
  margin: 0;
  font-family: "IBM Plex Mono", monospace;
  font-size: 16px;
  line-height: 1.32;
  letter-spacing: 0;
  text-transform: uppercase;
}

.umno-case-hero__caption h2 { font-weight: 600; }
.umno-case-hero__caption p { font-weight: 400; }

.umno-motion-ready [data-reveal] .umno-case-hero__media img {
  transform: translate3d(0, var(--umno-parallax-y), 0) scale(1.1);
  transition: transform 1200ms cubic-bezier(0.16, 1, 0.3, 1);
}

.umno-motion-ready [data-reveal].is-revealed .umno-case-hero__media img {
  transform: translate3d(0, var(--umno-parallax-y), 0) scale(1.055);
}

.umno-case-detail {
  padding: 0 16px;
  overflow: clip;
  background: #000;
  color: #fff;
}

.umno-case-detail__layout {
  min-height: 1875px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  column-gap: 16px;
}

.umno-case-detail__copy-column { min-width: 0; }

.umno-case-detail__copy {
  position: sticky;
  top: 0;
  min-height: 696px;
  padding: 203px 0 16px;
}

.umno-case-detail__lead {
  max-width: 557px;
  font-family: Inter, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.2px;
}

.umno-case-detail__lead p,
.umno-case-detail__description { margin: 0; }

.umno-case-detail__description {
  max-width: 543px;
  margin-top: 11.67px;
  color: #9f9da0;
  font-family: Inter, Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: -0.2px;
}

.umno-case-detail__action {
  --umno-action-width: 175px;
  --umno-action-min-width: 175px;
  --umno-action-height: 34px;
  margin-top: 32px;
}

.umno-case-detail__scheme-column {
  min-width: 0;
  border-left: 1px solid rgba(235, 237, 240, 0.6);
}

.umno-case-detail__scheme-sticky {
  position: sticky;
  top: 0;
  height: 753px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.umno-case-detail__scheme {
  position: relative;
  width: min(100% - 32px, 545px);
  aspect-ratio: 1 / 1;
  margin: 0 auto 79px;
  overflow: hidden;
  background: #000;
}

.umno-case-detail__scheme img,
.umno-case-detail__scheme-canvas,
.umno-case-detail__scheme-video {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.umno-case-detail__scheme-canvas { opacity: 0; transition: opacity 180ms linear; }
.umno-case-detail__scheme-video { opacity: 0; transition: opacity 180ms linear; }
.umno-case-detail__scheme.is-scroll-animated .umno-case-detail__scheme-canvas,
.umno-case-detail__scheme.is-scroll-animated .umno-case-detail__scheme-video { opacity: 1; }
.umno-case-detail__scheme.is-scroll-animated img { opacity: 0; }

.umno-case-detail__data {
  width: min(100%, 354px);
  min-height: 60px;
  margin: 0;
  display: grid;
  grid-template-columns: 93px minmax(0, 1fr);
  border-top: 1px solid rgba(235, 237, 240, 0.75);
  border-right: 1px solid rgba(235, 237, 240, 0.75);
}

.umno-case-detail__data-spacer { min-height: 60px; border-right: 1px solid rgba(235, 237, 240, 0.75); }

.umno-case-detail__data-values { min-width: 0; }

.umno-case-detail__data-values div {
  min-height: 29px;
  padding: 6px 13px 6px 10px;
  display: flex;
  gap: 4px;
  align-items: center;
  border-bottom: 1px solid rgba(235, 237, 240, 0.75);
  font-family: Inter, Arial, sans-serif;
  font-size: 9.3px;
  font-weight: 600;
  line-height: 14.67px;
  letter-spacing: 0.11px;
  text-transform: uppercase;
}

.umno-case-detail__data-values dt,
.umno-case-detail__data-values dd { margin: 0; }
.umno-case-detail__data-values dt::after { content: ":"; }

.umno-matrix { background: var(--umno-paper); color: var(--umno-ink); }

.umno-matrix__item {
  height: clamp(620px, 46vw, 680px);
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  border-top: var(--umno-stroke-width) solid var(--umno-line);
}

.umno-matrix__item:first-child { border-top: 0; }

.umno-matrix__media {
  --umno-parallax-y: 0px;
  position: relative;
  min-height: 0;
  background: var(--umno-paper);
  height: 100%;
  margin: 0;
  overflow: hidden;
  border-right: var(--umno-stroke-width) solid var(--umno-line);
}

.umno-matrix__media::before,
.umno-matrix__media::after {
  position: absolute;
  z-index: 1;
  content: "";
  pointer-events: none;
}

.umno-matrix__media::before {
  inset: 0 auto 0 0;
  width: 16px;
  border-right: 1px solid var(--umno-line);
  background: var(--umno-paper);
}

.umno-matrix__media::after {
  top: 0;
  right: 38px;
  bottom: 0;
  width: 1px;
  background: var(--umno-line);
  box-shadow: 0 565px 0 var(--umno-line);
}

/* Photographs remain uninterrupted fields; the grid belongs to the layout. */
.umno-matrix__media::before,
.umno-matrix__media::after {
  display: none;
}

.umno-matrix__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: translate3d(0, var(--umno-parallax-y), 0) scale(1.08);
  will-change: transform;
}

.umno-matrix__item:nth-child(1) .umno-matrix__media img,
.umno-matrix__item:nth-child(3) .umno-matrix__media img { object-position: center 36%; }
.umno-matrix__item:nth-child(2) .umno-matrix__media img { object-position: center; }

.umno-matrix__copy {
  min-height: 0;
  height: 100%;
  padding: 60px 16px 33px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.umno-matrix__item--reverse .umno-matrix__copy { grid-column: 1; grid-row: 1; }
.umno-matrix__item--reverse .umno-matrix__media { grid-column: 2; grid-row: 1; border-right: 0; border-left: var(--umno-stroke-width) solid var(--umno-line); }

.umno-matrix__copy h2 {
  max-width: 542px;
  margin: 0;
  font-family: "IBM Plex Mono", monospace;
  font-size: 44px;
  font-weight: 500;
  line-height: 1.07;
  letter-spacing: -0.46px;
}

.umno-matrix__text {
  max-width: 386px;
  margin-top: 11.7px;
  font-family: Inter, Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: -0.2px;
}

.umno-matrix__text p { margin: 0; }
.umno-matrix__text em { font-style: italic; }

.umno-matrix__action {
  margin-top: 15px;
  border-color: var(--umno-ink);
  background: transparent;
  color: var(--umno-ink);
}

/* Workflow stack */
.umno-workflow { background: var(--umno-paper); color: var(--umno-ink); }
.umno-workflow__intro { display: grid; grid-template-columns: 1fr 1fr; min-height: 280px; }
.umno-workflow__intro-copy { padding: 30px 30px 72px; }
.umno-workflow__intro-space { border-left: var(--umno-stroke-width) solid var(--umno-line); }
.umno-workflow__eyebrow, .umno-workflow__label, .umno-workflow__number { margin: 0; font: 600 14px/1 "IBM Plex Mono", monospace; letter-spacing: .02em; }
.umno-workflow__intro h2 { margin: 30px 0 0; font: 500 clamp(42px, 4.15vw, 62px)/.99 Inter, sans-serif; }
.umno-workflow__stack { border-bottom: var(--umno-stroke-width) solid var(--umno-line); }
.umno-workflow__step { position: sticky; top: 0; display: grid; grid-template-columns: minmax(150px, 24%) minmax(220px, 24%) minmax(0, 52%); min-height: 362px; background: var(--umno-paper); border-top: var(--umno-stroke-width) solid var(--umno-line); }
.umno-workflow__number { padding: 30px; }
.umno-workflow__number span { margin-left: 8px; }
.umno-workflow__image { display: flex; align-items: center; justify-content: center; min-height: 0; margin: 0; padding: 18px; background: var(--umno-paper); border-left: var(--umno-stroke-width) solid var(--umno-line); border-right: var(--umno-stroke-width) solid var(--umno-line); overflow: hidden; }
.umno-workflow__image img { display: block; width: 100%; max-width: 280px; height: 100%; object-fit: contain; mix-blend-mode: darken; }
.umno-workflow__content { display: flex; flex-direction: column; justify-content: space-between; gap: 28px; padding: 20px clamp(24px, 4vw, 52px) 18px; }
.umno-workflow__label { margin-bottom: 20px; font-size: 12px; }
.umno-workflow__content h3 { margin: 0; font: 500 40px/1.05 Inter, sans-serif; }
.umno-workflow__bottom { max-width: 490px; }
.umno-workflow__bottom > p { margin: 0 0 24px; font: 500 16px/1.45 Inter, sans-serif; }
.umno-workflow__action { border-color: var(--umno-ink); background: transparent; color: var(--umno-ink); }
.umno-workflow__action .umno-action-button__icon { border-left-color: var(--umno-ink); }

/* Founder */
.umno-founder { padding: 0 16.66px; background: var(--umno-paper); color: var(--umno-ink); }
.umno-founder__layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); min-height: 730px; }
.umno-founder__media { position: relative; min-height: 730px; margin: 0; overflow: hidden; background: var(--umno-paper); }
.umno-founder__media img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.umno-founder__content { min-width: 0; padding: 180px 16.67px 33px; border-left: var(--umno-stroke-width) solid var(--umno-line); }
.umno-founder__content h2 { margin: 0; font: 500 44px/1.07 "IBM Plex Mono", monospace; letter-spacing: -0.46px; }
.umno-founder__story { max-width: 542px; margin-top: 12px; font: 500 16px/1.45 Inter, Arial, sans-serif; letter-spacing: -0.2px; }
.umno-founder__story p { margin: 0; }
.umno-founder__story p + p { margin-top: 20px; }
.umno-founder__story strong { font-weight: 700; }
.umno-founder__story em { font-style: italic; }
.umno-founder__action { --umno-action-width: 200px; --umno-action-min-width: 200px; margin-top: 15px; border-color: var(--umno-ink); background: transparent; color: var(--umno-ink); }
.umno-founder__action .umno-action-button__icon { border-left-color: var(--umno-ink); }
.umno-founder__media-line { position: absolute; z-index: 1; display: block; pointer-events: none; background: var(--umno-line); }
.umno-founder__media-line--left { top: 0; bottom: 0; left: 16.66px; width: var(--umno-stroke-width); }
.umno-founder__media-line--top { top: 16.66px; right: 0; left: 0; height: var(--umno-stroke-width); }
.umno-founder__media-line--right { top: 0; right: 9.1%; bottom: 0; width: var(--umno-stroke-width); }
.umno-founder__media-line--bottom { right: 0; bottom: 55px; left: 0; height: var(--umno-stroke-width); }
.umno-founder__media-point { position: absolute; z-index: 2; right: calc(9.1% - 2px); bottom: 53px; width: 4px; height: 4px; background: var(--umno-ink); }

/* Final contact prompt */
.umno-prefooter { position: relative; min-height: 750px; overflow: hidden; background: var(--umno-ink); color: #fff; }
.umno-prefooter__media { position: absolute; inset: 0; overflow: hidden; background: var(--umno-ink); }
.umno-prefooter__media img { display: block; width: 100%; height: calc(100% + 110px); max-width: none; object-fit: cover; object-position: center bottom; transform: translate3d(0, var(--umno-parallax-y, 0), 0) scale(1.04); }
.umno-prefooter__shade { position: absolute; inset: 0; background: rgba(12, 11, 17, .7); }
.umno-prefooter__inner { position: relative; z-index: 1; min-height: 750px; display: flex; flex-direction: column; }
.umno-prefooter__top { min-height: 410px; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 16.66px; padding: 0 16.66px; border-bottom: 1px solid rgba(255, 255, 255, .8); }
.umno-prefooter__top p { grid-column: 1 / span 4; align-self: center; max-width: 373px; margin: 0; font: 500 20px/1.4 Inter, Arial, sans-serif; letter-spacing: -.2px; }
.umno-prefooter__bottom { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 16.66px; flex: 1; padding: 0 16.66px; }
.umno-prefooter__bottom-spacer { grid-column: 1 / span 4; }
.umno-prefooter__content { grid-column: 5 / -1; min-width: 0; padding: 43px 16.66px 28px; border-left: 1px solid rgba(255, 255, 255, .8); }
.umno-prefooter__content h2 { margin: 0; font: 600 68px/1.04 Inter, Arial, sans-serif; letter-spacing: -.72px; }
.umno-prefooter__action { --umno-action-width: 200px; --umno-action-min-width: 200px; margin-top: 28px; border-color: #fff; background: transparent; color: #fff; }
.umno-prefooter__action .umno-action-button__icon { border-left-color: #fff; }

/* Footer */
.umno-page-footer { background: var(--umno-acid); color: var(--umno-ink); }
.umno-page-footer__spacer { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 16.66px; height: 53px; padding: 0 16.66px; }
.umno-page-footer__spacer span { grid-column: span 4; }
.umno-page-footer__spacer span + span { border-left: var(--umno-stroke-width) solid var(--umno-ink); }
.umno-page-footer__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 16.66px; padding: 0 16.66px; border-top: var(--umno-stroke-width) solid var(--umno-ink); }
.umno-page-footer__block { min-height: 198px; padding: 16.66px; }
.umno-page-footer__block:nth-child(1) { grid-column: 1 / span 4; }
.umno-page-footer__block:nth-child(2) { grid-column: 5 / span 4; }
.umno-page-footer__block:nth-child(3) { grid-column: 9 / -1; }
.umno-page-footer__block + .umno-page-footer__block { border-left: var(--umno-stroke-width) solid var(--umno-ink); }
.umno-page-footer__block-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; font: 600 16px/16px Inter, Arial, sans-serif; letter-spacing: .16px; }
.umno-page-footer__block-head span { display: block; width: 6.66px; height: 6.66px; margin-top: 4px; background: var(--umno-ink); }
.umno-page-footer__links { display: flex; flex-direction: column; gap: 3.33px; margin-top: 88px; font: 500 14px/20px Inter, Arial, sans-serif; letter-spacing: -.2px; }
.umno-page-footer__menu { display: flex; flex-direction: column; gap: 3.33px; margin: 0; padding: 0; list-style: none; }
.umno-page-footer__links--two-columns .umno-page-footer__menu { display: grid; grid-auto-flow: column; grid-template-rows: repeat(4, auto); grid-auto-columns: minmax(0, 1fr); column-gap: 16.66px; }
.umno-page-footer__links a, .umno-page-footer__meta a { width: fit-content; }
.umno-page-footer__links a:hover, .umno-page-footer__meta a:hover { text-decoration: underline; text-underline-offset: 3px; }
.umno-page-footer__meta { display: flex; min-height: 149px; flex-direction: column; gap: 28px; margin-top: 56px; font: 500 14px/20px Inter, Arial, sans-serif; letter-spacing: -.2px; }
.umno-page-footer__menu--meta { gap: 3.33px; }
.umno-page-footer__meta p { margin: 0; }
.umno-page-footer__meta strong { font-weight: 700; }
.umno-contact-details { display: grid; gap: 20px; }
.umno-contact-details__item { min-width: 0; }
.umno-contact-details__label { margin: 0 0 7px; font: 600 11px/1.2 "IBM Plex Mono", monospace; letter-spacing: .02em; text-transform: uppercase; }
.umno-contact-details__value { display: block; margin: 0; color: inherit; font: 500 14px/1.4 Inter, Arial, sans-serif; font-style: normal; text-transform: none; letter-spacing: -.1px; }
.umno-contact-details a:hover { text-decoration: underline; text-underline-offset: 3px; }

/* Legal pages use the same editorial grid as the landing, while their text
   stays a normal WordPress page body for the client to maintain. */
.umno-legal { background: var(--umno-paper); color: var(--umno-ink); }
.umno-legal__hero { min-height: 420px; padding: 142px 8.33vw 72px; border-bottom: var(--umno-stroke-width) solid var(--umno-line); }
.umno-legal__eyebrow, .umno-legal__aside { font: 600 12px/1.2 "IBM Plex Mono", monospace; letter-spacing: .02em; text-transform: uppercase; }
.umno-legal__hero h1 { max-width: 1040px; margin: 32px 0 0; font: 500 clamp(44px, 5.15vw, 78px)/.98 Inter, Arial, sans-serif; letter-spacing: 0; }
.umno-legal__intro { max-width: 520px; margin: 32px 0 0; font: 500 18px/1.4 Inter, Arial, sans-serif; }
.umno-legal__layout { display: grid; grid-template-columns: minmax(220px, 25%) minmax(0, 1fr); }
.umno-legal__aside { padding: 32px 8.33vw; border-right: var(--umno-stroke-width) solid var(--umno-line); color: rgba(12, 11, 17, .68); }
.umno-legal__aside p { margin: 0; }
.umno-legal__aside p + p { margin-top: 12px; }
.umno-legal__content { max-width: 920px; padding: 72px 8.33vw 112px; }
.umno-legal__content > *:first-child { margin-top: 0; }
.umno-legal__content h2 { margin: 72px 0 20px; font: 500 clamp(28px, 2.6vw, 42px)/1.08 Inter, Arial, sans-serif; letter-spacing: 0; }
.umno-legal__content h3 { margin: 36px 0 14px; font: 600 16px/1.2 "IBM Plex Mono", monospace; letter-spacing: .01em; text-transform: uppercase; }
.umno-legal__content p, .umno-legal__content li { font: 400 17px/1.55 Inter, Arial, sans-serif; }
.umno-legal__content p { max-width: 760px; margin: 0 0 20px; }
.umno-legal__content ul, .umno-legal__content ol { max-width: 760px; margin: 0 0 24px; padding-left: 23px; }
.umno-legal__content li + li { margin-top: 8px; }
.umno-legal__content a { text-decoration: underline; text-underline-offset: 3px; }
.umno-legal__content .wp-block-quote { max-width: 760px; margin: 44px 0; padding: 24px; border: var(--umno-stroke-width) solid var(--umno-ink); }
.umno-legal__content .wp-block-quote p { margin: 0; font: 500 20px/1.35 Inter, Arial, sans-serif; }
.umno-contacts { background: var(--umno-paper); color: var(--umno-ink); }
.umno-contacts__hero { min-height: 420px; padding: 142px 8.33vw 72px; border-bottom: var(--umno-stroke-width) solid var(--umno-line); }
.umno-contacts__eyebrow, .umno-contacts__aside { font: 600 12px/1.2 "IBM Plex Mono", monospace; letter-spacing: .02em; text-transform: uppercase; }
.umno-contacts__hero h1 { max-width: 1040px; margin: 32px 0 0; font: 500 clamp(44px, 5.15vw, 78px)/.98 Inter, Arial, sans-serif; letter-spacing: 0; }
.umno-contacts__layout { display: grid; grid-template-columns: minmax(220px, 25%) minmax(0, 1fr); }
.umno-contacts__aside { padding: 32px clamp(20px, 2.08vw, 32px) 32px clamp(32px, 4.17vw, 86px); border-right: var(--umno-stroke-width) solid var(--umno-line); color: rgba(12, 11, 17, .68); }
.umno-contacts__aside p { margin: 0; }
.umno-contacts__aside p + p { margin-top: 12px; max-width: 170px; text-transform: none; }
.umno-contact-details--aside { gap: 0; color: var(--umno-ink); }
.umno-contact-details--aside .umno-contact-details__label { margin-bottom: 12px; }
.umno-contact-details--aside .umno-contact-details__value { max-width: 260px; }
.umno-contact-details--aside .umno-contact-details__item + .umno-contact-details__item { margin-top: 32px; padding-top: 24px; border-top: var(--umno-stroke-width) solid var(--umno-line); }
.umno-contacts__content { max-width: 920px; padding: 72px 8.33vw 112px; }
.umno-contacts__content > *:first-child { margin-top: 0; }
.umno-contacts__content > p:first-child { max-width: 660px; margin: 0 0 52px; font: 500 clamp(22px, 2vw, 30px)/1.25 Inter, Arial, sans-serif; }
.umno-contacts__details-section { max-width: 660px; margin-top: 72px; padding-top: 24px; border-top: var(--umno-stroke-width) solid var(--umno-line); }
.umno-contacts__section-label { margin: 0; font: 600 12px/1.2 "IBM Plex Mono", monospace; letter-spacing: .02em; text-transform: uppercase; }
.umno-contacts__details { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 32px 0 0; border-bottom: var(--umno-stroke-width) solid var(--umno-line); }
.umno-contacts__detail { min-width: 0; padding: 20px 0 22px; }
.umno-contacts__detail + .umno-contacts__detail { padding-left: 24px; border-left: var(--umno-stroke-width) solid var(--umno-line); }
.umno-contacts__detail-label { margin: 0 0 12px; font: 600 12px/1.2 "IBM Plex Mono", monospace; letter-spacing: .02em; text-transform: uppercase; }
.umno-contacts__detail-value, .umno-contacts__detail-value a { margin: 0; color: var(--umno-ink); font: 500 17px/1.45 Inter, Arial, sans-serif; font-style: normal; }
.umno-contacts__detail-value a { text-decoration: underline; text-underline-offset: 3px; }
.umno-lead-form { max-width: 660px; display: grid; gap: 24px; }
.umno-lead-form > label { display: grid; gap: 10px; font: 600 12px/1.2 "IBM Plex Mono", monospace; letter-spacing: .02em; text-transform: uppercase; }
.umno-lead-form input:not([type="checkbox"]), .umno-lead-form textarea { width: 100%; border: var(--umno-stroke-width) solid var(--umno-ink); border-radius: 0; background: transparent; color: var(--umno-ink); font: 400 17px/1.45 Inter, Arial, sans-serif; padding: 14px 16px; outline: 0; }
.umno-lead-form input:not([type="checkbox"]) { min-height: 52px; }
.umno-lead-form textarea { min-height: 152px; resize: vertical; }
.umno-lead-form input:focus, .umno-lead-form textarea:focus { box-shadow: inset 0 0 0 1px var(--umno-ink); }
.umno-lead-form .wpcf7-not-valid-tip { margin-top: 6px; color: #b42318; font: 500 13px/1.35 Inter, Arial, sans-serif; text-transform: none; letter-spacing: 0; }
.umno-lead-form .wpcf7-response-output { margin: 8px 0 0; padding: 14px 16px; border: var(--umno-stroke-width) solid var(--umno-ink); font: 500 15px/1.4 Inter, Arial, sans-serif; }
.umno-lead-form__consent { display: flex; align-items: flex-start; gap: 10px; color: rgba(12, 11, 17, .74); font: 400 14px/1.45 Inter, Arial, sans-serif; text-transform: none; letter-spacing: 0; }
.umno-lead-form__consent input { flex: 0 0 auto; width: 16px; height: 16px; margin: 2px 0 0; accent-color: var(--umno-ink); }
.umno-lead-form__consent a { text-decoration: underline; text-underline-offset: 3px; }
.umno-lead-form input.wpcf7-submit { min-width: 218px; min-height: 52px; padding: 0 24px; border: var(--umno-stroke-width) solid var(--umno-ink); border-radius: 0; appearance: none; background: var(--umno-acid); color: var(--umno-ink); cursor: pointer; font: 600 15px/1 Inter, Arial, sans-serif; transition: background-color 160ms ease, color 160ms ease; }
.umno-lead-form input.wpcf7-submit:hover { background: var(--umno-ink); color: var(--umno-paper); }
.umno-lead-form input.wpcf7-submit:focus-visible { outline: 2px solid var(--umno-ink); outline-offset: 3px; }
.umno-lead-form input.wpcf7-submit:disabled { cursor: wait; opacity: .62; }
.umno-lead-form .wpcf7-spinner { margin: 0 0 0 12px; vertical-align: middle; }
.umno-case__hero { min-height: 460px; }
.umno-case__content { max-width: 1000px; }
.umno-case__featured-image, .umno-case__content .wp-block-image, .umno-case__content .wp-block-gallery { max-width: 820px; margin: 0 0 48px; }
.umno-case__featured-image img, .umno-case__content .wp-block-image img { display: block; width: 100%; height: auto; }
.umno-case__content .wp-block-image figcaption { margin: 10px 0 0; color: rgba(12, 11, 17, .64); font: 500 12px/1.35 "IBM Plex Mono", monospace; }
.umno-case__content > h2:first-child { margin-top: 0; }
.umno-case__content h2 { max-width: 820px; }
.umno-case__content h3 { margin-top: 52px; }
.umno-case__content .wp-block-list { margin-bottom: 36px; }
.umno-mobile-logo__desktop { display: none; }
.umno-legal-page .umno-site-header { justify-content: space-between; align-items: center; }
.umno-legal-page .umno-mobile-logo { display: flex; position: relative; z-index: 3; width: 150px; align-items: center; overflow: visible; pointer-events: auto; }
.umno-legal-page .umno-mobile-logo__mobile { display: none; }
.umno-legal-page .umno-mobile-logo__desktop { display: block; flex: 0 0 auto; width: 120px; height: auto; max-width: none; mix-blend-mode: normal; }

@media (max-width: 767px) {
  .umno-legal__hero { min-height: 0; padding: 52px 15.52px 44px; }
  .umno-legal__hero h1 { margin-top: 22px; font-size: 39px; line-height: 1.02; }
  .umno-legal__intro { margin-top: 24px; font-size: 16px; }
  .umno-legal__layout { display: block; }
  .umno-legal__aside { padding: 20px 15.52px; border-right: 0; border-bottom: var(--umno-stroke-width) solid var(--umno-line); }
  .umno-legal__content { padding: 44px 15.52px 64px; }
  .umno-legal__content h2 { margin-top: 48px; font-size: 30px; }
  .umno-legal__content h3 { margin-top: 30px; font-size: 13px; }
  .umno-legal__content p, .umno-legal__content li { font-size: 16px; line-height: 1.5; }
  .umno-contacts__hero { min-height: 0; padding: 52px 15.52px 44px; }
  .umno-contacts__hero h1 { margin-top: 22px; font-size: 39px; line-height: 1.02; }
  .umno-contacts__layout { display: block; }
  .umno-contacts__aside { padding: 20px 15.52px; border-right: 0; border-bottom: var(--umno-stroke-width) solid var(--umno-line); }
  .umno-contact-details--aside { grid-template-columns: 1fr; }
  .umno-contact-details--aside .umno-contact-details__value { max-width: 230px; }
  .umno-contacts__content { padding: 44px 15.52px 64px; }
  .umno-contacts__content > p:first-child { margin-bottom: 36px; font-size: 21px; }
  .umno-contacts__details-section { margin-top: 56px; padding-top: 20px; }
  .umno-contacts__details { grid-template-columns: 1fr; margin-top: 24px; }
  .umno-contacts__detail + .umno-contacts__detail { padding-left: 0; border-top: var(--umno-stroke-width) solid var(--umno-line); border-left: 0; }
  .umno-contacts__detail-value, .umno-contacts__detail-value a { font-size: 16px; }
  .umno-lead-form { gap: 20px; }
  .umno-lead-form input:not([type="checkbox"]), .umno-lead-form textarea { font-size: 16px; }
  .umno-lead-form input.wpcf7-submit { width: 100%; }
  .umno-case__hero { min-height: 0; }
  .umno-case__featured-image, .umno-case__content .wp-block-image, .umno-case__content .wp-block-gallery { margin-bottom: 36px; }
  .umno-legal-page .umno-mobile-logo { position: relative; top: auto; left: auto; width: 94px; height: 25px; overflow: hidden; }
  .umno-legal-page .umno-mobile-logo__desktop { display: none; }
  .umno-legal-page .umno-mobile-logo .umno-mobile-logo__mobile { display: block; width: 94px; height: auto; max-width: none; transform: none; mix-blend-mode: normal; }
}

/* Wide displays need a proportional desktop composition, not a 1440px layout
   stretched across extra pixels. Keep the scale in explicit desktop steps. */
@media (min-width: 1600px) {
  :root {
    --umno-header-height: 72px;
    --umno-header-actions-min: 410px;
    --umno-control-height: 42px;
    --umno-cta-width: 240px;
    --umno-cta-height: 42px;
    --umno-cta-icon-size: 42px;
    --umno-cta-font-size: 13px;
  }

  .umno-site-header { padding: 14px 24px; }
  .umno-header-actions { gap: 14px; }
  .umno-menu-trigger { font-size: 13px; }
  .umno-menu-trigger__label { min-width: 130px; padding: 0 14px; }
  .umno-menu-trigger__icon { flex-basis: 42px; width: 42px; min-width: 42px; max-width: 42px; }
  .umno-menu-trigger__svg { width: 22px; height: 14px; }
  .umno-action-button { --umno-action-min-width: 184px; --umno-action-font-size: 13px; --umno-action-label-padding: 14px; }
  .umno-action-button__arrow svg { width: 19px; height: 12px; }

  .umno-hero { min-height: 620px; padding: 0 24px; }
  .umno-hero__grid { min-height: 620px; grid-template-columns: minmax(460px, 1.1fr) minmax(var(--umno-header-actions-min), .9fr); }
  .umno-hero__copy { padding: 116px 96px 36px 0; }
  .umno-hero h1 { max-width: 760px; font-size: 76px; line-height: 1.04; }
  .umno-hero__claim { max-width: 700px; font-size: 25px; line-height: 1.32; }
  .umno-hero__mark-wrap { padding: 72px 0 86px; }
  .umno-hero__mark-wrap::before { top: 72px; }
  .umno-hero__mark { min-height: 250px; }
  .umno-hero__mark img { width: calc(100% - 20px); margin-left: 20px; }

  .umno-market-depth, .umno-case-hero { height: 850px; max-height: 920px; }
  .umno-market-depth__content { right: 40px; bottom: 40px; left: 40px; max-width: 780px; }
  .umno-market-depth h2, .umno-case-hero__caption h2, .umno-case-hero__caption p { font-size: 20px; }
  .umno-market-depth p { max-width: 720px; font-size: 17px; line-height: 1.45; }
  .umno-case-hero__caption { right: 40px; bottom: 92px; left: 56%; }

  .umno-vision__layout { min-height: 830px; margin-left: 24px; }
  .umno-vision__visual { min-height: 829px; }
  .umno-vision__illustration--investor { width: min(94%, 660px); }
  .umno-vision__illustration--object { width: min(92%, 690px); }
  .umno-vision__intro { min-height: 440px; padding: 68px 24px 40px; }
  .umno-vision__intro p { max-width: 630px; font-size: 23px; }
  .umno-vision-card { min-height: 350px; padding: 40px 24px 24px; }
  .umno-vision-card h3 { font-size: 19px; }
  .umno-vision-card p { max-width: 310px; margin-top: 88px; font-size: 16px; }

  .umno-case-detail { padding: 0 24px; }
  .umno-case-detail__layout { min-height: 2020px; column-gap: 24px; }
  .umno-case-detail__copy { min-height: 780px; padding-top: 228px; }
  .umno-case-detail__lead { max-width: 670px; font-size: 22px; line-height: 1.4; }
  .umno-case-detail__description { max-width: 650px; font-size: 17px; line-height: 1.45; }
  .umno-case-detail__scheme-sticky { height: 830px; }
  .umno-case-detail__scheme { width: min(100% - 48px, 630px); }

  .umno-matrix__item { height: 760px; max-height: none; }
  .umno-matrix__copy { padding: 72px 24px 42px; }
  .umno-matrix__copy h2 { max-width: 650px; font-size: 50px; line-height: 1.08; }
  .umno-matrix__text { max-width: 490px; font-size: 17px; line-height: 1.45; }
  .umno-matrix__action { margin-top: 24px; }

  .umno-workflow__intro { min-height: 340px; }
  .umno-workflow__intro-copy { padding: 40px 40px 84px; }
  .umno-workflow__eyebrow, .umno-workflow__label, .umno-workflow__number { font-size: 16px; }
  .umno-workflow__intro h2 { margin-top: 38px; font-size: 76px; }
  .umno-workflow__step { min-height: 440px; grid-template-columns: minmax(180px, 24%) minmax(280px, 24%) minmax(0, 52%); }
  .umno-workflow__number { padding: 38px; }
  .umno-workflow__image { padding: 24px; }
  .umno-workflow__image img { max-width: 340px; }
  .umno-workflow__content { padding: 28px clamp(32px, 4vw, 76px) 28px; }
  .umno-workflow__content h3 { font-size: 46px; }
  .umno-workflow__bottom { max-width: 600px; }
  .umno-workflow__bottom > p { font-size: 18px; }

  .umno-founder { padding: 0 24px; }
  .umno-founder__layout, .umno-founder__media { min-height: 820px; }
  .umno-founder__content { padding: 210px 24px 42px; }
  .umno-founder__content h2 { font-size: 50px; }
  .umno-founder__story { max-width: 650px; font-size: 17px; line-height: 1.45; }

  .umno-prefooter, .umno-prefooter__inner { min-height: 850px; }
  .umno-prefooter__top { min-height: 460px; gap: 24px; padding: 0 24px; }
  .umno-prefooter__top p { max-width: 450px; font-size: 22px; line-height: 1.4; }
  .umno-prefooter__bottom { gap: 24px; padding: 0 24px; }
  .umno-prefooter__content { padding: 54px 24px 36px; }
  .umno-prefooter__content h2 { font-size: 78px; line-height: 1.03; }

  .umno-page-footer__spacer, .umno-page-footer__grid { gap: 24px; padding: 0 24px; }
  .umno-page-footer__spacer { height: 66px; }
  .umno-page-footer__block { min-height: 245px; padding: 24px; }
  .umno-page-footer__block-head { font-size: 19px; line-height: 1; }
  .umno-page-footer__links, .umno-page-footer__meta { font-size: 17px; line-height: 1.45; }
}

@media (min-width: 2200px) {
  .umno-hero { min-height: 740px; }
  .umno-hero__grid { min-height: 740px; }
  .umno-hero__copy { padding-top: 138px; }
  .umno-hero h1 { font-size: 92px; max-width: 900px; }
  .umno-hero__claim { font-size: 29px; max-width: 790px; }
  .umno-hero__mark { min-height: 300px; }
  .umno-market-depth, .umno-case-hero { height: 980px; max-height: 1040px; }
  .umno-matrix__item { height: 860px; }
  .umno-matrix__copy h2 { font-size: 60px; }
  .umno-workflow__intro h2 { font-size: 88px; }
  .umno-prefooter, .umno-prefooter__inner { min-height: 960px; }
  .umno-prefooter__content h2 { font-size: 92px; }
}

/* Compact desktop keeps the two-column idea while protecting headline measure. */
@media (min-width: 960px) and (max-width: 1199px) {
  .umno-hero {
    min-height: 510px;
  }

  .umno-hero__grid {
    min-height: 510px;
    grid-template-columns: minmax(0, 1.2fr) minmax(var(--umno-header-actions-min), 0.8fr);
  }

  .umno-hero__copy {
    padding-right: 36px;
  }

  .umno-hero h1 {
    max-width: 540px;
    font-size: 52px;
    line-height: 1.08;
  }

  .umno-hero__claim {
    max-width: 490px;
    font-size: 20px;
    line-height: 1.36;
  }
}

/* Tablet gets a wider reading column before the one-column mobile composition. */
@media (min-width: 768px) and (max-width: 959px) {
  .umno-hero {
    min-height: 540px;
  }

  .umno-hero__grid {
    min-height: 540px;
    grid-template-columns: minmax(0, 1.35fr) minmax(var(--umno-header-actions-min), 0.65fr);
  }

  .umno-hero__copy {
    padding: 82px 28px 28px 0;
  }

  .umno-hero h1 {
    max-width: 460px;
    font-size: 42px;
    line-height: 1.1;
  }

  .umno-hero__claim {
    max-width: 420px;
    font-size: 16px;
    line-height: 1.4;
  }

  .umno-hero__mark-wrap {
    padding-bottom: 54px;
  }
}

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

}

@media (max-width: 767px) {
  .umno-motion-ready [data-reveal] .umno-market-depth__media img,
  .umno-motion-ready [data-reveal] .umno-case-hero__media img {
    transition: none;
  }

  :root {
    --umno-header-height: 51px;
    --umno-header-actions-min: 0px;
    --umno-control-height: 37px;
    --umno-cta-width: 233px;
    --umno-cta-height: var(--umno-control-height);
    --umno-cta-icon-size: 37px;
    --umno-cta-font-size: 12.8px;
  }
  .umno-site-header {
    position: relative;
    height: var(--umno-header-height);
    padding: 11.64px 15.52px;
    align-items: center;
    justify-content: space-between;
  }
  .umno-mobile-logo { display: flex; width: 94px; height: 25px; align-items: center; overflow: visible; }
  .umno-mobile-logo img {
    display: block;
    width: 94px;
    height: auto;
    max-width: none;
    object-fit: contain;
    transform: none;
    mix-blend-mode: normal;
  }
  .umno-mobile-logo .umno-mobile-logo__desktop { display: none; }
  .umno-legal-page .umno-mobile-logo { display: flex; align-items: center; overflow: visible; }
  .umno-legal-page .umno-mobile-logo .umno-mobile-logo__mobile { width: 94px; height: auto; max-width: none; transform: none; mix-blend-mode: normal; }
  .umno-header-actions { gap: 0; }
  .umno-menu-trigger { width: 164px; min-height: var(--umno-control-height); font-size: 12.4px; }
  .umno-menu-trigger__label { min-width: 0; padding: 0 11.64px; }
  .umno-menu-trigger__icon {
    flex-basis: 37px;
    width: 37px;
    min-width: 37px;
    max-width: 37px;
  }
  .umno-menu-trigger__svg { width: 19px; height: 13px; }
  .umno-contact-link { display: none; }
  .umno-site-nav { top: var(--umno-header-height); right: 15.52px; left: 15.52px; width: auto; }
  .umno-hero { min-height: 540px; height: auto; padding: 0; border-bottom: 0; }
  .umno-hero__grid { min-height: 540px; height: auto; display: block; }
  .umno-hero__copy {
    position: relative;
    min-height: 540px;
    height: auto;
    padding: 62px 15.52px 32px;
    border-right: 0;
    display: flex;
    flex-direction: column;
  }
  .umno-hero__copy::after {
    position: absolute;
    z-index: 0;
    top: 281px;
    right: 0;
    left: 0;
    height: 1px;
    content: "";
    background: rgba(12, 11, 17, 0.2);
  }
  .umno-hero h1 {
    position: relative;
    z-index: 1;
    max-width: none;
    margin: 0;
    font-size: 34px;
    line-height: 38px;
    letter-spacing: 0;
  }
  .umno-hero__title-desktop { display: none; }
  .umno-hero__title-mobile { display: inline; }
  .umno-hero__claim {
    position: relative;
    z-index: 1;
    top: auto;
    right: auto;
    left: auto;
    max-width: none;
    margin: 96px 0 0;
    font-size: 20px;
    font-weight: 500;
    line-height: 27.94px;
    letter-spacing: -0.01em;
  }
  .umno-hero__mark-wrap { display: none; }

  .umno-market-depth {
    height: 621px;
    min-height: 621px;
    max-height: none;
  }
  .umno-market-depth__media img { object-position: center; }
  .umno-market-depth__shade { display: none; }
  .umno-market-depth__content {
    right: 36px;
    bottom: 37px;
    left: 36px;
    max-width: none;
  }
  .umno-market-depth h2 {
    margin: 0 0 17px;
    font-family: Inter, Arial, sans-serif;
    font-size: 15.4px;
    font-weight: 600;
    line-height: 17.46px;
    letter-spacing: 0.175px;
  }
  .umno-market-depth p {
    max-width: 318px;
    color: rgba(255, 255, 255, 0.65);
    font-size: 13px;
    font-weight: 500;
    line-height: 18.2px;
    letter-spacing: 0;
  }

  .umno-case-hero {
    height: 390px;
    min-height: 390px;
    max-height: 390px;
  }

  .umno-case-hero__media img {
    object-position: center;
    transform: translate3d(0, var(--umno-parallax-y), 0) scale(1.055);
  }

  .umno-case-hero__shade { display: none; }

  .umno-case-hero__caption {
    right: 15.52px;
    bottom: 21px;
    left: 15.52px;
  }

  .umno-case-hero__caption h2,
  .umno-case-hero__caption p {
    font-family: Inter, Arial, sans-serif;
    font-size: 15.4px;
    font-weight: 600;
    line-height: 17.46px;
    letter-spacing: 0.175px;
  }

  .umno-case-detail { padding: 28px 0 0; }

  .umno-case-detail__layout {
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 52px;
  }

  .umno-case-detail__scheme-column {
    order: -1;
    min-height: 170vh;
    min-height: 170svh;
    border-left: 0;
  }

  .umno-case-detail__scheme-sticky {
    position: sticky;
    top: 0;
    height: 100vh;
    height: 100svh;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .umno-case-detail__scheme {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    margin: 0;
  }

  .umno-case-detail__scheme-canvas { display: none; }
  .umno-case-detail__scheme-video { display: block; }

  .umno-case-detail__data {
    width: 100%;
    min-height: 94px;
    grid-template-columns: 101px minmax(0, 1fr);
    border-top-color: rgba(255, 255, 255, 0.6);
    border-right: 0;
  }

  .umno-case-detail__data-spacer { min-height: 94px; border-right-color: rgba(140, 140, 140, 0.6); }

  .umno-case-detail__data-values div {
    min-height: 31px;
    padding: 7px 15.5px 7px 11.64px;
    gap: 3px;
    border-bottom-color: rgba(140, 140, 140, 0.6);
    font-size: 10.3px;
    line-height: 16.82px;
    letter-spacing: 0.126px;
  }

  .umno-case-detail__copy { position: relative; top: auto; min-height: 0; padding: 0 15.52px 55px; }

  .umno-case-detail__lead {
    max-width: 358px;
    font-size: 18px;
    line-height: 25.2px;
  }

  .umno-case-detail__description {
    max-width: none;
    margin-top: 12px;
    font-size: 14.3px;
    line-height: 20px;
  }

  .umno-case-detail__action {
    --umno-action-width: var(--umno-cta-width);
    --umno-action-min-width: var(--umno-cta-width);
    --umno-action-height: var(--umno-cta-height);
    --umno-action-icon-size: var(--umno-cta-icon-size);
    --umno-action-font-size: var(--umno-cta-font-size);
    margin-top: 28px;
    border-color: #fff;
    background: transparent;
    color: #fff;
    font-size: var(--umno-cta-font-size);
  }

  .umno-case-detail__action .umno-action-button__icon { border-left-color: #fff; }


  .umno-matrix__item {
    height: auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    border-top-color: var(--umno-line);
  }

  .umno-matrix__copy {
    order: 1;
    min-height: 388px;
    padding: 15.52px 15.52px 31px;
  }

  .umno-matrix__media,
  .umno-matrix__item--reverse .umno-matrix__media {
    order: 2;
    flex: 0 0 auto;
    min-height: 0;
    height: auto;
    aspect-ratio: 4 / 5;
    border-top: var(--umno-stroke-width) solid var(--umno-line);
    border-right: 0;
    border-left: 0;
  }

  .umno-matrix__media::before { width: 16px; }
  .umno-matrix__media::after { right: 67px; box-shadow: 0 361px 0 var(--umno-line); }

  .umno-matrix__copy h2 {
    max-width: 358px;
    font-family: Inter, Arial, sans-serif;
    font-size: 33.3px;
    font-weight: 500;
    line-height: 38.81px;
    letter-spacing: -0.388px;
  }

  .umno-matrix__text {
    max-width: none;
    margin-top: 12.5px;
    font-size: 14.9px;
    line-height: 21.83px;
    letter-spacing: -0.233px;
  }

  .umno-matrix__action {
    margin-top: auto;
  }

  .umno-vision__layout {
    display: block;
    min-height: 0;
    margin-left: 0;
  }

  .umno-vision__content { border-left: 0; }

  .umno-vision__visual {
    min-height: 0;
    height: 468px;
    border-right: 0;
    border-bottom: var(--umno-stroke-width) solid var(--umno-line);
  }

  .umno-vision__visual-grid::before { right: 17.5%; }

  .umno-vision__visual-grid::after { display: none; }

  .umno-vision__illustration--investor {
    top: 16px;
    left: 50%;
    width: 99%;
    transform: translate(-50%, 10px);
  }

  .umno-vision__illustration--investor.is-active { transform: translate(-50%, 0); }
  .umno-vision__illustration--object { top: 50%; left: 50%; width: min(92%, 460px); }
  .umno-vision__illustration--object.is-active { transform: translate(-50%, -50%) translateY(0); }

  .umno-vision__intro {
    min-height: 319px;
    padding: 25px 15.52px 24px;
  }

  .umno-vision__intro p { max-width: none; font-size: 18px; line-height: 1.4; }
  .umno-vision__intro p + p { margin-top: 25px; }

  .umno-vision__cards { display: block; }

  .umno-vision-card {
    min-height: 300px;
    padding: 30px 15.52px 16px;
    border-bottom: 1px solid var(--umno-line);
  }

  .umno-vision-card + .umno-vision-card { border-left: 0; }
  .umno-vision-card p { max-width: 352px; margin-top: 76px; font-size: 13.5px; }

  .umno-audiences {
    padding: 40px 16px;
  }

  .umno-audiences__grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .umno-audience-card {
    min-height: 0;
    padding: 20px;
    gap: 8px;
  }

  .umno-audience-card h2 {
    font-size: 13px;
    line-height: 18px;
  }

  .umno-audience-card p {
    font-size: 13px;
    line-height: 18.2px;
    letter-spacing: 0;
  }

  .umno-workflow__intro { display: block; min-height: 0; }
  .umno-workflow__intro-copy { padding: 20px 20px 44px; }
  .umno-workflow__intro-space { display: none; }
  .umno-workflow__eyebrow { font-size: 12px; }
  .umno-workflow__intro h2 { margin-top: 25px; font-size: 44px; line-height: .98; }
  .umno-workflow__stack,
  .umno-workflow__step { width: 100%; min-width: 0; }
  .umno-workflow__step { position: relative; top: auto; display: grid; grid-template-columns: minmax(0, 1fr); min-height: 0; }
  .umno-workflow__step > * { width: 100%; min-width: 0; }
  .umno-workflow__number { padding: 16px 20px; font-size: 12px; }
  .umno-workflow__image { min-height: 320px; padding: 28px 20px; border: 0; border-top: var(--umno-stroke-width) solid var(--umno-line); border-bottom: var(--umno-stroke-width) solid var(--umno-line); }
  .umno-workflow__image img { width: 100%; max-width: none; height: auto; max-height: none; }
  .umno-workflow__content { display: block; padding: 24px 20px 30px; }
  .umno-workflow__label { margin-bottom: 15px; font-size: 11px; }
  .umno-workflow__content h3 { font-size: 33px; line-height: 1.06; }
  .umno-workflow__bottom { margin-top: 44px; }
  .umno-workflow__bottom > p { margin-bottom: 24px; font-size: 16px; line-height: 1.45; }

  .umno-founder { padding: 0; }
  .umno-founder__layout { display: flex; min-height: 0; flex-direction: column; }
  .umno-founder__content { order: 1; min-height: 664px; padding: 15.52px; border-left: 0; }
  .umno-founder__content h2 { font-size: 39.5px; line-height: 42.55px; letter-spacing: -0.46px; }
  .umno-founder__story { margin-top: 12.5px; font-size: 13.6px; line-height: 20px; }
  .umno-founder__story p + p { margin-top: 20px; }
  .umno-founder__action { --umno-action-width: var(--umno-cta-width); --umno-action-min-width: var(--umno-cta-width); margin-top: 15px; }
  .umno-founder__media { order: 2; min-height: 0; height: 585px; border-top: var(--umno-stroke-width) solid var(--umno-line); }
  .umno-founder__media-line--left { left: 15.52px; }
  .umno-founder__media-line--top { top: 15.52px; }
  .umno-founder__media-line--right { right: 17.5%; }
  .umno-founder__media-line--bottom { bottom: 67px; }
  .umno-founder__media-point { right: calc(17.5% - 2px); bottom: 65px; }

  .umno-prefooter { min-height: 637px; }
  .umno-prefooter__media img { height: calc(100% + 76px); object-position: 55% bottom; }
  .umno-prefooter__inner { min-height: 637px; }
  .umno-prefooter__top { min-height: 248px; display: block; padding: 15px 87px 94px 15.52px; }
  .umno-prefooter__top p { max-width: 287px; font-size: 16.8px; line-height: 23.28px; letter-spacing: -.233px; }
  .umno-prefooter__bottom { display: block; flex: 1; padding: 0; }
  .umno-prefooter__bottom-spacer { display: none; }
  .umno-prefooter__content { min-height: 341px; padding: 38px 15.52px 15.52px; border-left: 0; }
  .umno-prefooter__content h2 { font-size: 40.98px; line-height: 41.92px; letter-spacing: -.465px; }
  .umno-prefooter__action { --umno-action-width: var(--umno-cta-width); --umno-action-min-width: var(--umno-cta-width); margin-top: 28px; }

  .umno-page-footer__spacer { display: none; }
  .umno-page-footer__grid { display: block; padding: 0; border-top: 0; }
  .umno-page-footer__block { min-height: 225px; padding: 15.52px; }
  .umno-page-footer__block + .umno-page-footer__block { border-top: var(--umno-stroke-width) solid var(--umno-ink); border-left: 0; }
  .umno-page-footer__block-head { font-size: 16px; line-height: 16px; }
  .umno-page-footer__links { margin-top: 90px; font-size: 15px; line-height: 20px; }
  .umno-page-footer__links--two-columns { gap: 30px; }
  .umno-page-footer__block:first-child { min-height: 228px; }
  .umno-page-footer__block:last-child { min-height: 228px; }
  .umno-page-footer__meta { min-height: 150px; margin-top: 80px; font-size: 15px; }
}