/* About page: shared globe atmosphere, native editable content. */
.ub-about {
  --ab-ink:#edf0e8;
  --ab-muted:#a6b0aa;
  --ab-green:#84b5a3;
  --ab-paper:#101114;
  --ab-line:#ffffff1c;
  background:var(--ab-paper);
  color:var(--ab-ink);
  font-family:Inter,'Noto Sans SC','Microsoft YaHei','PingFang SC',sans-serif;
  font-size:16px;
  line-height:1.85
}
.ub-about * {
  box-sizing:border-box
}
.ub-about h1,.ub-about h2,.ub-about h3,.ub-about p,.ub-about figure,.ub-about dl,.ub-about dd {
  margin:0
}
.ub-about a {
  color:inherit;
  text-decoration:none
}
.ub-about a:focus-visible,.ub-about summary:focus-visible {
  outline:3px solid #84b5a3;
  outline-offset:6px
}
.ub-about .ab-wrap {
  width:calc(100% - 112px);
  max-width:1328px;
  margin-inline:auto
}
.ub-about section[id] {
  scroll-margin-top:0
}
.ub-about .ab-section {
  padding:104px 0
}
.ub-about .ab-eyebrow {
  font-size:13px;
  font-weight:600;
  letter-spacing:.06em;
  margin-bottom:24px;
  display:flex;
  align-items:center;
  gap:10px
}
.ub-about .ab-eyebrow:before {
  content:'';
  width:6px;
  height:6px;
  border-radius:50%;
  background:currentColor;
  flex:none
}
.ub-about h1 {
  font-size:clamp(40px,4.65vw,70px);
  line-height:1.25;
  font-weight:650;
  letter-spacing:-.055em
}
.ub-about h2 {
  font-size:clamp(30px,2.8vw,42px);
  font-weight:600;
  line-height:1.42;
  letter-spacing:-.035em
}
.ub-about h3 {
  font-size:24px;
  line-height:1.5;
  font-weight:600;
  letter-spacing:-.02em
}
.ub-about .ab-link {
  display:inline-flex;
  align-items:center;
  gap:24px;
  font-size:15px;
  font-weight:600;
  line-height:1.6;
  min-height:44px
}
.ub-about .ab-link>span {
  font-size:22px;
  font-weight:400;
  transition:transform .2s
}
.ub-about .ab-link:hover>span {
  transform:translateX(4px)
}
.ub-about .ab-link:hover {
  text-decoration:underline;
  text-underline-offset:6px
}
.ub-about .ab-actions {
  display:flex;
  gap:28px;
  align-items:center;
  flex-wrap:wrap
}
.ub-about .ub-button {
  background:#087565;
  color:#fff;
  min-height:54px;
  display:inline-flex;
  gap:28px;
  align-items:center;
  padding:14px 24px;
  border-radius:2px;
  font-size:15px;
  font-weight:600;
  line-height:1.5;
  box-shadow:none
}
.ub-about .ub-button:hover {
  background:#075b4e
}
.ub-about .ab-jump {
  background:#111719;
  border-top:1px solid #ffffff1c;
  border-bottom:1px solid #ffffff1c
}
.ub-about .ab-jump>.ab-wrap {
  display:grid;
  grid-template-columns:repeat(5,1fr)
}
.ub-about .ab-jump a {
  font-size:13px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:20px 26px;
  border-right:1px solid #ffffff1a
}
.ub-about .ab-jump a:first-child {
  padding-left:0
}
.ub-about .ab-jump a:last-child {
  border-right:0;
  padding-right:0
}
.ub-about .ab-jump a:hover {
  color:var(--ab-green)
}
.ub-about .ab-jump span {
  font-size:11px;
  color:#7c9587;
  font-variant-numeric:tabular-nums
}
.ub-about .ab-split {
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:100px
}
.ub-about .ab-prose {
  color:var(--ab-muted)
}
.ub-about .ab-prose p+p {
  margin-top:20px
}
.ub-about .ab-intro-definition {
  font-size:22px;
  line-height:1.85;
  color:var(--ab-ink);
  margin-bottom:24px!important
}
.ub-about .ab-intro {
  --ab-ink:#192d26;
  --ab-muted:#53635a;
  --ab-line:#243f3024;
  background:#ecefe8;
  color:var(--ab-ink);
  border-bottom:1px solid var(--ab-line)
}
.ub-about .ab-intro .ab-prose { padding-top:43px; }
.ub-about .ab-photo { position:relative; overflow:hidden; min-width:0; }
.ub-about .ab-photo img { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover; object-position:50% 25%; }
.ub-about .ab-photo figcaption { position:absolute; bottom:12px; right:12px; max-width:calc(100% - 24px); background:#101b16cc; color:#f0f3eb; padding:4px 9px; font-size:10px; line-height:1.5; }
.ub-about .ab-intro-photo { margin-top:34px; aspect-ratio:16/10; }
.ub-about .ab-energy-photo { aspect-ratio:16/8; width:100%; flex:none; }

.ub-about .ab-heading {
  display:flex;
  justify-content:space-between;
  gap:60px;
  align-items:flex-end;
  margin-bottom:52px
}
.ub-about .ab-heading>p {
  color:var(--ab-muted);
  font-size:15px;
  max-width:350px;
  padding-bottom:5px
}
.ub-about .ab-service-list {
  border-top:1px solid #ffffff30
}
.ub-about .ab-service-list article {
  display:grid;
  grid-template-columns:48px 1fr 1.35fr 108px;
  gap:28px;
  align-items:center;
  border-bottom:1px solid var(--ab-line);
  padding:32px 0
}
.ub-about .ab-index {
  font-size:14px;
  color:var(--ab-green);
  align-self:start;
  margin-top:5px
}
.ub-about .ab-service-name>p {
  font-size:12px;
  color:var(--ab-muted);
  margin-bottom:8px
}
.ub-about .ab-service-name h3 {
  font-size:23px
}
.ub-about .ab-service-list article>p {
  color:var(--ab-muted);
  font-size:15px
}
.ub-about .ab-service-list article>a {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  font-size:13px;
  min-height:48px
}
.ub-about .ab-service-list article>a b {
  font-size:23px;
  font-weight:400;
  color:var(--ab-green)
}
.ub-about .ab-service-list article>a:hover {
  text-decoration:underline;
  text-underline-offset:5px
}
.ub-about .ab-section-end {
  display:flex;
  justify-content:space-between;
  gap:40px;
  align-items:center;
  margin-top:24px
}
.ub-about .ab-section-end>p {
  font-size:13px;
  color:var(--ab-muted);
  max-width:630px
}
.ub-about .ab-sectors {
  background:#11181a;
  color:#edf0e8
}
.ub-about .ab-sectors .ab-heading>p {
  color:#aab6ae
}
.ub-about .ab-sectors .ab-eyebrow {
  color:#94b7a4
}
.ub-about .ab-sector-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:68px
}
.ub-about .ab-sector-feature {
  background:#192322;
  color:#edf0e8;
  padding:0;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:28px;
  position:relative;
  overflow:hidden
}
.ub-about .ab-sector-feature>div { padding:0 34px; }
.ub-about .ab-sector-feature:after {
  content:'';
  position:absolute;
  right:-70px;
  bottom:-105px;
  width:240px;
  height:240px;
  border:42px solid #8ead9720;
  border-radius:50%;
  pointer-events:none
}
.ub-about .ab-sector-feature .ab-eyebrow {
  color:#92baa4
}
.ub-about .ab-sector-feature h3 {
  font-size:38px;
  line-height:1.4;
  margin-bottom:24px;
  position:relative;
  z-index:1
}
.ub-about .ab-sector-feature p:not(.ab-eyebrow) {
  max-width:440px;
  font-size:15px;
  position:relative;
  z-index:1
}
.ub-about .ab-sector-feature>a {
  margin:0 34px 34px;
  position:relative;
  z-index:1;
  align-self:flex-start
}
.ub-about .ab-sector-rows { display:flex; flex-direction:column; }
.ub-about .ab-sector-rows>article {
  flex:1;
  display:grid;
  grid-template-columns:32px 1fr;
  gap:22px;
  padding:25px 0;
  border-bottom:1px solid #ffffff26
}
.ub-about .ab-sector-rows>article:first-child {
  padding-top:0
}
.ub-about .ab-sector-rows article>span {
  font-size:12px;
  color:#88a898;
  padding-top:6px
}
.ub-about .ab-sector-rows h3 {
  font-size:23px;
  margin-bottom:9px
}
.ub-about .ab-sector-rows p {
  font-size:15px;
  color:#aab6ae
}
.ub-about .ab-sector-rows>.ab-link {
  margin-top:24px;
  color:#bfd2c3
}
.ub-about .ab-cross .ab-prose {
  margin:26px 0 20px;
  font-size:15px
}
.ub-about .ab-cross-board {
  background:#151a1d;
  padding:38px;
  align-self:center;
  border:1px solid #34433d
}
.ub-about .ab-cross-origin {
  padding:28px;
  background:#1a2223;
  border:1px solid #3a4741
}
.ub-about .ab-cross-origin>p,.ub-about .ab-cross-targets article>p:first-child {
  font-size:12px;
  color:#98afa0;
  margin-bottom:8px
}
.ub-about .ab-cross-origin h3 {
  font-size:30px
}
.ub-about .ab-cross-connector {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  height:48px;
  color:#99b5a5
}
.ub-about .ab-cross-connector span {
  height:1px;
  background:#394a42;
  width:30%
}
.ub-about .ab-cross-connector b {
  font-weight:400
}
.ub-about .ab-cross-targets {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px
}
.ub-about .ab-cross-targets article {
  padding:23px 20px;
  background:#202c2b;
  min-width:0
}
.ub-about .ab-cross-targets h3 {
  font-size:21px;
  margin-bottom:14px
}
.ub-about .ab-cross-targets article>p:last-child {
  font-size:12px;
  color:#a9b8af
}
.ub-about .ab-board-note {
  font-size:12px;
  color:#9cac9f;
  text-align:center;
  margin-top:24px
}
.ub-about .ab-method {
  --ab-ink:#20392e;
  background:#dce7d9;
  color:var(--ab-ink)
}
.ub-about .ab-steps {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:46px
}
.ub-about .ab-steps article {
  border-top:1px solid #779580;
  padding-top:25px
}
.ub-about .ab-step-number {
  font-size:42px;
  line-height:1;
  color:#5a7b64;
  font-weight:400;
  display:block;
  margin-bottom:36px;
  letter-spacing:-.06em
}
.ub-about .ab-steps h3 {
  font-size:21px;
  margin-bottom:16px
}
.ub-about .ab-steps p {
  color:#526759;
  font-size:15px
}
.ub-about .ab-company-context {
  color:var(--ab-muted);
  font-size:15px;
  margin:26px 0 18px
}
.ub-about .ab-facts>div {
  display:grid;
  grid-template-columns:100px 1fr;
  gap:28px;
  padding:19px 0;
  border-bottom:1px solid var(--ab-line);
  font-size:14px
}
.ub-about .ab-facts>div:first-child {
  border-top:1px solid #ffffff30
}
.ub-about .ab-facts dt {
  color:var(--ab-muted)
}
.ub-about .ab-facts dd {
  overflow-wrap:anywhere
}
.ub-about .ab-facts [data-ub-entity="name"] {
  font-weight:600;
  font-size:20px
}
.ub-about .ab-facts a {
  text-decoration:underline;
  text-underline-offset:5px
}
.ub-about .ab-faq {
  border-top:1px solid var(--ab-line);
  padding-top:80px
}
.ub-about .ab-faq .ab-link {
  margin-top:24px
}
.ub-about .ab-faq-list {
  border-top:1px solid #ffffff30
}
.ub-about .ab-faq-list details {
  border-bottom:1px solid var(--ab-line);
  padding:0
}
.ub-about .ab-faq-list summary {
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap:25px;
  font-size:17px;
  font-weight:500;
  padding:24px 0;
  cursor:pointer;
  list-style:none
}
.ub-about .ab-faq-list summary::-webkit-details-marker {
  display:none
}
.ub-about .ab-faq-list summary>span {
  font-size:22px;
  font-weight:400;
  flex:none;
  transition:transform .2s
}
.ub-about .ab-faq-list details[open] summary>span {
  transform:rotate(45deg)
}
.ub-about .ab-faq-list details>div {
  padding:0 36px 24px 0
}
.ub-about .ab-faq-list details p {
  font-size:15px;
  color:var(--ab-muted)
}
.ub-about .ab-explore {
  background:#121619;
  padding-top:76px;
  padding-bottom:76px
}
.ub-about .ab-explore h2 {
  font-size:31px
}
.ub-about .ab-explore-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:36px
}
.ub-about .ab-explore-grid>a {
  position:relative;
  display:block;
  border-top:1px solid #3b4e45;
  padding:24px 24px 35px 0;
  min-width:0
}
.ub-about .ab-explore-grid>a>span {
  font-size:12px;
  color:#9ab8a6
}
.ub-about .ab-explore-grid h3 {
  font-size:21px;
  margin:12px 0
}
.ub-about .ab-explore-grid p {
  font-size:14px;
  color:var(--ab-muted)
}
.ub-about .ab-explore-grid b {
  position:absolute;
  right:0;
  top:17px;
  font-size:23px;
  font-weight:400;
  color:var(--ab-green)
}
.ub-about .ab-explore-grid>a:hover h3 {
  text-decoration:underline;
  text-underline-offset:7px
}
.ub-about .ab-cta {
  background:#162622;
  padding:76px 0;
  color:#edf0e8
}
.ub-about .ab-cta>.ab-wrap {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:44px
}
.ub-about .ab-cta h2 {
  font-size:44px
}
.ub-about .ab-cta p:not(.ab-eyebrow) {
  margin-top:24px;
  font-size:15px
}
.ub-about .ab-cta .ub-button {
  background:#087565;
  min-width:190px;
  justify-content:space-between;
  flex:none
}
.ub-about .ab-cta .ub-button:hover {
  background:#0c8875
}
@media(max-width:1100px) {
  .ub-about .ab-wrap {
    width:calc(100% - 80px)
  }
  .ub-about .ab-split {
    gap:55px
  }
  .ub-about .ab-section {
    padding:80px 0
  }
  .ub-about .ab-service-list article {
    grid-template-columns:30px 1fr 1.2fr 36px;
    gap:20px
  }
  .ub-about .ab-service-list article>a>span {
    display:none
  }
  .ub-about .ab-service-name h3 {
    font-size:20px
  }
  .ub-about .ab-sector-grid {
    gap:40px
  }
  .ub-about .ab-cross-board {
    padding:24px
  }
  .ub-about .ab-cross-targets article {
    padding:18px 14px
  }
  .ub-about .ab-cross-targets h3 {
    font-size:18px
  }
  .ub-about .ab-steps {
    gap:30px
  }
  .ub-about .ab-steps h3 {
    font-size:19px
  }
  .ub-about .ab-explore-grid {
    gap:28px
  }
  .ub-about .ab-explore-grid h3 {
    font-size:18px
  }
}
@media(max-width:800px) {
  .ub-about .ab-wrap {
    width:calc(100% - 56px)
  }
  .ub-about h1 {
    font-size:55px
  }
  .ub-about .ab-jump>.ab-wrap {
    grid-template-columns:repeat(5,1fr)
  }
  .ub-about .ab-jump a {
    padding:18px 10px;
    font-size:12px;
    justify-content:center
  }
  .ub-about .ab-jump a:first-child {
    padding-left:10px
  }
  .ub-about .ab-jump a:last-child {
    padding-right:10px
  }
  .ub-about .ab-jump span {
    display:none
  }
  .ub-about .ab-split {
    grid-template-columns:1fr;
    gap:34px
  }
  .ub-about .ab-heading {
    gap:30px;
    margin-bottom:36px
  }
  .ub-about .ab-heading>p {
    font-size:14px;
    max-width:240px
  }
  .ub-about .ab-intro-definition {
    font-size:21px
  }
  .ub-about .ab-service-list article {
    grid-template-columns:25px 1fr 38px;
    gap:14px;
    padding:26px 0
  }
  .ub-about .ab-service-list article>p {
    grid-column:2;
    grid-row:2;
    font-size:14px
  }
  .ub-about .ab-service-list article>a {
    grid-column:3;
    grid-row:1/3
  }
  .ub-about .ab-service-name h3 {
    font-size:23px
  }
  .ub-about .ab-section-end {
    align-items:flex-start;
    flex-direction:column;
    gap:12px
  }
  .ub-about .ab-sector-grid {
    grid-template-columns:1fr
  }
  .ub-about .ab-sector-feature {
    min-height:380px
  }
  .ub-about .ab-sector-feature h3 {
    font-size:36px
  }
  .ub-about .ab-sector-rows>article {
    padding:23px 0
  }
  .ub-about .ab-cross-board {
    padding:30px
  }
  .ub-about .ab-cross-targets article {
    padding:24px
  }
  .ub-about .ab-cross-targets h3 {
    font-size:23px
  }
  .ub-about .ab-steps {
    grid-template-columns:1fr;
    gap:32px
  }
  .ub-about .ab-steps article {
    display:grid;
    grid-template-columns:55px 1fr;
    gap:10px 24px
  }
  .ub-about .ab-step-number {
    grid-row:1/3;
    font-size:33px;
    margin:4px 0 0
  }
  .ub-about .ab-steps h3 {
    font-size:23px;
    margin:0
  }
  .ub-about .ab-steps p {
    grid-column:2
  }
  .ub-about .ab-explore-grid {
    grid-template-columns:1fr;
    gap:14px
  }
  .ub-about .ab-explore-grid>a {
    padding-bottom:25px
  }
  .ub-about .ab-explore-grid h3 {
    font-size:23px
  }
  .ub-about .ab-cta>.ab-wrap {
    align-items:flex-start;
    flex-direction:column;
    gap:28px
  }
  .ub-about .ab-cta h2 {
    font-size:38px
  }
}
@media(max-width:480px) {
  .ub-about {
    font-size:15px;
    line-height:1.9
  }
  .ub-about .ab-wrap {
    width:calc(100% - 40px)
  }
  .ub-about .ab-section {
    padding:58px 0
  }
  .ub-about .ab-eyebrow {
    font-size:12px;
    margin-bottom:20px
  }
  .ub-about h1 {
    font-size:42px;
    letter-spacing:-.055em;
    line-height:1.28
  }
  .ub-about h2 {
    font-size:29px;
    line-height:1.45
  }
  .ub-about .ab-actions {
    gap:22px
  }
  .ub-about .ub-button {
    padding:14px 18px;
    gap:22px;
    font-size:14px
  }
  .ub-about .ab-link {
    font-size:14px;
    gap:18px
  }
  .ub-about .ab-jump>.ab-wrap {
    width:100%;
    padding:0 12px
  }
  .ub-about .ab-jump a {
    font-size:11px;
    padding:17px 6px;
    border:0;
    white-space:nowrap
  }
  .ub-about .ab-jump a:first-child,.ub-about .ab-jump a:last-child {
    padding-inline:6px
  }
  .ub-about .ab-heading {
    display:block;
    margin-bottom:30px
  }
  .ub-about .ab-heading>p {
    margin-top:20px;
    max-width:none
  }
  .ub-about .ab-heading>.ab-link {
    margin-top:20px
  }
  .ub-about .ab-intro-definition {
    font-size:19px
  }
  .ub-about .ab-prose {
    font-size:14px
  }
  .ub-about .ab-service-list article {
    gap:10px;
    grid-template-columns:20px 1fr 26px
  }
  .ub-about .ab-service-name h3 {
    font-size:20px
  }
  .ub-about .ab-service-name>p {
    font-size:11px
  }
  .ub-about .ab-index {
    font-size:12px
  }
  .ub-about .ab-service-list article>p {
    font-size:14px
  }
  .ub-about .ab-sector-feature {
    min-height:390px;
    gap:28px
  }
  .ub-about .ab-sector-feature>div { padding-inline:24px; }
  .ub-about .ab-sector-feature>a { margin:0 24px 24px; }
  .ub-about .ab-sector-feature h3 {
    font-size:33px
  }
  .ub-about .ab-sector-feature p:not(.ab-eyebrow) {
    font-size:14px
  }
  .ub-about .ab-sector-rows h3 {
    font-size:21px
  }
  .ub-about .ab-sector-rows p {
    font-size:14px
  }
  .ub-about .ab-cross .ab-prose {
    font-size:14px
  }
  .ub-about .ab-cross-board {
    padding:20px
  }
  .ub-about .ab-cross-origin {
    padding:24px
  }
  .ub-about .ab-cross-origin h3 {
    font-size:27px
  }
  .ub-about .ab-cross-targets {
    gap:10px
  }
  .ub-about .ab-cross-targets article {
    padding:18px 12px
  }
  .ub-about .ab-cross-targets h3 {
    font-size:18px
  }
  .ub-about .ab-cross-targets article>p:last-child {
    font-size:11px
  }
  .ub-about .ab-board-note {
    font-size:11px;
    text-align:left
  }
  .ub-about .ab-steps article {
    grid-template-columns:36px 1fr;
    gap:12px 20px;
    padding-top:22px
  }
  .ub-about .ab-step-number {
    font-size:28px
  }
  .ub-about .ab-steps h3 {
    font-size:19px
  }
  .ub-about .ab-steps p {
    font-size:14px
  }
  .ub-about .ab-facts>div {
    grid-template-columns:70px 1fr;
    gap:16px;
    padding:17px 0;
    font-size:13px
  }
  .ub-about .ab-company-context {
    font-size:14px
  }
  .ub-about .ab-faq-list summary {
    font-size:16px;
    gap:20px
  }
  .ub-about .ab-faq-list details p {
    font-size:14px
  }
  .ub-about .ab-faq-list details>div {
    padding-right:12px
  }
  .ub-about .ab-explore h2 {
    font-size:28px
  }
  .ub-about .ab-explore-grid h3 {
    font-size:21px
  }
  .ub-about .ab-cta {
    padding:58px 0
  }
  .ub-about .ab-cta h2 {
    font-size:31px
  }
  .ub-about .ab-cta p:not(.ab-eyebrow) {
    font-size:14px;
    max-width:270px
  }
}
@media(max-width:350px) {
  .ub-about h1 {
    font-size:35px
  }
  .ub-about h2 {
    font-size:26px
  }
  .ub-about .ab-actions {
    gap:14px
  }
  .ub-about .ab-actions .ub-button {
    padding-inline:14px;
    gap:14px
  }
  .ub-about .ab-cross-board {
    padding:15px
  }
  .ub-about .ab-cross-targets h3 {
    font-size:16px
  }
  .ub-about .ab-service-name h3 {
    font-size:18px
  }
  .ub-about .ab-cta h2 {
    font-size:28px
  }
}
@media(prefers-reduced-motion:reduce) {
  .ub-about * {
    transition:none!important;
    scroll-behavior:auto!important
  }
}

/* Full-width globe Hero. The renderer is shared with the homepage. */
.ub-about .ab-hero { position:relative; isolation:isolate; overflow:hidden; background:#101114; color:#efefe7; }
.ub-about .ab-hero-globe { position:absolute; z-index:0; inset:-6% -15% -9% 30%; pointer-events:none; }
.ub-about .ab-hero-globe .globe-stage { position:absolute; inset:0; }
.ub-about .ab-hero-globe canvas,.ub-about .ab-hero-globe .globe-fallback { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; display:block; }
.ub-about .ab-hero-globe .origin-label { position:absolute; transform:translate(-50%,-50%); pointer-events:none; line-height:0; }
.ub-about .ab-hero-globe .origin-label img { width:110px; height:auto; opacity:.84; }
.ub-about .ab-hero-globe [hidden] { display:none; }
.ub-about .ab-hero:after { content:''; position:absolute; z-index:1; inset:0; pointer-events:none; background:linear-gradient(90deg,#101114 0%,#101114f0 24%,#10111480 47%,#10111400 69%),linear-gradient(0deg,#101114 0%,#10111400 18%,#10111400 84%,#10111470); }
.ub-about .ab-hero-content { position:relative; z-index:2; min-height:max(780px,calc(100svh - 88px)); display:flex; flex-direction:column; }
.ub-about .ab-breadcrumb { display:flex; gap:16px; font-size:12px; color:#8f9d94; padding:28px 0; }
.ub-about .ab-breadcrumb a:hover { color:#e4eee5; }
.ub-about .ab-hero-copy { width:49%; max-width:610px; margin-block:auto; padding:68px 0 90px; }
.ub-about .ab-hero .ab-eyebrow { color:#abc2b5; margin-bottom:30px; }
.ub-about .ab-hero h1 { font-size:clamp(46px,5.2vw,78px); line-height:1.2; letter-spacing:-.06em; font-weight:600; }
.ub-about .ab-hero h1>span:last-child { color:#c9dacc; }
.ub-about .ab-lead { font-size:17px; line-height:1.95; color:#b1bcb5; max-width:545px; margin:32px 0 36px; }
.ub-about .ab-hero .ab-link { color:#d2ded5; }
.ub-about .ab-link i { font-size:22px; font-style:normal; font-weight:400; }
.ub-about .ab-hero-note { display:flex; gap:24px; margin-top:48px; color:#91a89c; font-size:12px; }
.ub-about .ab-hero-note span+span:before { content:'/'; color:#4d6459; margin-right:24px; }
@media(min-width:1800px) {
 .ub-about .ab-hero-globe { left:35%; right:-7%; }
 .ub-about .ab-hero-content { max-width:1512px; min-height:max(860px,calc(100svh - 88px)); }
}
@media(max-width:1100px) {
 .ub-about .ab-hero-content { min-height:780px; }
 .ub-about .ab-hero-globe { left:24%; right:-28%; }
 .ub-about .ab-hero-copy { width:52%; padding:66px 0 90px; }
 .ub-about .ab-hero h1 { font-size:52px; }
 .ub-about .ab-lead { font-size:16px; }
}
@media(max-width:900px) {
 .ub-about .ab-hero-content { min-height:990px; }
 .ub-about .ab-hero-copy { width:100%; max-width:590px; padding:36px 0 370px; margin:0; }
 .ub-about .ab-hero h1 { font-size:60px; }
 .ub-about .ab-hero-globe { inset:35% -17% 1% 10%; }
 .ub-about .ab-hero:after { background:linear-gradient(180deg,#101114 0%,#101114eb 27%,#10111466 44%,#10111400 68%,#101114a0 94%,#101114); }
}
@media(max-width:600px) {
 .ub-about .ab-hero-content { min-height:920px; }
 .ub-about .ab-breadcrumb { padding:22px 0; font-size:11px; }
 .ub-about .ab-hero-copy { padding:38px 0 360px; }
 .ub-about .ab-hero h1 { font-size:45px; line-height:1.26; }
 .ub-about .ab-hero .ab-eyebrow { font-size:12px; margin-bottom:27px; }
 .ub-about .ab-lead { font-size:15px; line-height:1.95; margin:26px 0 30px; }
 .ub-about .ab-hero-note { margin-top:32px; gap:20px; font-size:11px; }
 .ub-about .ab-hero-note span+span:before { margin-right:20px; }
 .ub-about .ab-hero-globe { inset:37% -48% 0 -32%; }
 .ub-about .ab-hero-globe .origin-label img { width:86px; }
}
@media(max-width:350px) {
 .ub-about .ab-hero h1 { font-size:37px; }
 .ub-about .ab-hero-content { min-height:960px; }
 .ub-about .ab-hero-copy { padding-bottom:350px; }
 .ub-about .ab-lead { font-size:14px; }
}

@media(max-width:900px) {
 .ub-about .ab-intro .ab-prose { padding-top:0; }
 .ub-about .ab-intro-photo { max-width:600px; aspect-ratio:16/9; }
}