/* The about experience is isolated from the shared Webflow components. */
body.about-experience-page { background: #f8faff; color: #202344; }
body.about-experience-page > .page-wrapper { opacity: 1 !important; padding-top: 0; }
/* Desktop chapter landings reserve the floating header without clipping content. */
html.about-chapter-scroll-enabled { scroll-behavior: auto !important; }
body.about-chapter-scroll-enabled { --about-chapter-offset: 6rem; }
body.about-chapter-scroll-enabled :is(.about-hero, .about-chapter, #geo-product-faq) {
  min-height: calc(100svh - var(--about-chapter-offset));
  scroll-margin-top: var(--about-chapter-offset);
}
body.about-chapter-scroll-enabled .about-hero { display: flex; flex-direction: column; }
body.about-chapter-scroll-enabled .about-hero__grid { flex: 1; min-height: 0; padding-top: 1.5rem; padding-bottom: 1.5rem; }
body.about-chapter-scroll-enabled .about-orbit { width: min(100%, max(21.25rem, calc(100svh - var(--about-chapter-offset) - 7rem))); }
body.about-chapter-scroll-enabled .about-chapter { display: flex; flex-direction: column; justify-content: center; padding: clamp(3.5rem, 8vh, 7rem) 0; }
body.about-chapter-scroll-enabled #geo-product-faq { display: flex; align-items: center; }
/* Header material and scroll collapse use the shared liquid-glass navigation. */
.about-experience { --about-blue: #343cdb; --about-ink: #202344; font-family: inherit; }
.about-experience *, .about-experience *::before, .about-experience *::after { box-sizing: border-box; }
.about-experience h1, .about-experience h2, .about-experience h3, .about-experience p { margin: 0; }
.about-experience a { text-decoration: none; }
.about-experience button { font: inherit; cursor: pointer; }
.about-experience :is(a, button):focus-visible { outline: 0.1875rem solid #858cff; outline-offset: 0.3125rem; }
.about-shell { width: min(77.5rem, calc(100% - 7rem)); margin: 0 auto; }
.about-eyebrow { display: flex; align-items: center; gap: 0.75rem; color: #666b88; font-size: 0.6875rem; font-weight: 600; letter-spacing: .16em; line-height: 1.5; text-transform: uppercase; }
.about-eyebrow::before { content: ""; width: 1.5rem; height: 1px; background: currentColor; }
/* Continue the shared navigation palette through the complete first screen. */
.about-hero {
  position: relative;
  overflow: hidden;
  padding-top: 6rem;
  background:
    linear-gradient(180deg, rgba(248,250,255,0), #f8faff 100%),
    radial-gradient(ellipse at 82% 53%, rgba(182,186,255,.25), transparent 55%),
    var(--site-header-gradient);
}
.about-hero__grid { display: grid; grid-template-columns: 1fr 1.08fr; align-items: center; min-height: min(47.5rem, calc(100svh - 4.5rem)); padding-top: 4.0625rem; padding-bottom: 4.0625rem; gap: 1.25rem; }
.about-hero__copy { position: relative; z-index: 2; min-width: 0; padding-bottom: 1.25rem; container-type: inline-size; }
.about-hero h1 { margin: 1.875rem 0 1.4375rem; color: var(--about-ink); font-size: clamp(2.625rem, 4.5vw, 4.25rem); font-weight: 600; line-height: 1.2; letter-spacing: -.045em; }
/* Short headline follows the copy column without forced line breaks. */
body .page-wrapper .about-hero h1 { font-size: min(3.5rem, 9cqi); line-height: 1.3; }
.about-hero h1 { text-wrap: pretty; }
.about-hero h1 .about-hero__title-line { display: inline; color: inherit; }
.about-hero h1 .about-hero__title-line--accent { color: var(--about-blue); }
.about-hero__intro { max-width: 27.5rem; color: #74788f; font-size: 1rem; line-height: 1.95; }
.about-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 1.625rem; margin-top: 2rem; }
.about-link { display: inline-flex; align-items: center; gap: 1.25rem; color: var(--about-ink); font-size: 0.875rem; font-weight: 500; }
.about-link span { transition: transform .2s; }
.about-link:hover span { transform: translate(0.1875rem, -0.1875rem); }
.about-link--primary { padding: 0.9375rem 1.375rem; border-radius: 6.25rem; background: var(--about-blue); color: #fff; box-shadow: 0 0.5rem 1.625rem #343cdb20; transition: background .2s, box-shadow .2s; }
.about-link--primary:hover { background: #4b54e8; color: #fff; box-shadow: 0 0.625rem 1.75rem #343cdb26; }
.about-orbit { --about-handoff-duration: .8s; --about-handoff-easing: cubic-bezier(.45, 0, .55, 1); position: relative; width: 100%; max-width: 40rem; justify-self: center; perspective: 62.5rem; }
.about-orbit__sculpture { position: relative; transform: rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg)); transition: transform .65s ease-out; }
.about-orbit svg { display: block; width: 100%; overflow: visible; opacity: 1; }
.about-orbit__poster { display: none; pointer-events: none; }
.about-orbit.has-orbit-poster .about-orbit__poster { display: inline; }
.about-orbit.has-orbit-poster .about-orbit__sculpture > svg > :not(defs):not(.about-orbit__poster) { display: none; }
.about-orbit__canvas { position: absolute; inset: 0; display: block; width: 100%; height: 100%; pointer-events: none; opacity: 0; transition: opacity var(--about-handoff-duration) var(--about-handoff-easing); }
.about-orbit.has-webgl .about-orbit__sculpture { transform: none; transition: transform var(--about-handoff-duration) var(--about-handoff-easing); }
.about-orbit.has-webgl .about-orbit__canvas { opacity: 1; }
.about-orbit.has-webgl .about-orbit__sculpture > svg { opacity: 0; transition: opacity var(--about-handoff-duration) var(--about-handoff-easing); }
.about-orbit.has-webgl .about-orbit__sculpture > svg * { animation-play-state: paused; }
.about-orbit.is-webgl-settled .about-orbit__sculpture > svg { visibility: hidden; }
.about-orbit.is-webgl-settled .about-orbit__sculpture > svg * { animation: none; }
.about-orbit.has-webgl .about-orbit__signature { transform: translate(-50%, calc(-50% + var(--about-logo-lift, 0px))); }
.about-orbit__core { transform-origin: 21.25rem 20rem; animation: about-breathe 7s ease-in-out infinite; }
.about-orbit__trail { stroke-dasharray: 12 560; animation: about-orbit-trail 18s linear infinite; }
.about-orbit__trail--two { animation-direction: reverse; animation-duration: 24s; }
/* Frosted liquid-glass surfaces keep the orbit visible beneath crisp text. */
.about-orbit__label {
  position: absolute;
  z-index: 2;
  padding: 0.6875rem 1.125rem;
  border: 1px solid rgb(255 255 255 / 64%);
  border-radius: 6.25rem;
  color: #424866;
  background:
    linear-gradient(135deg, rgb(255 255 255 / 48%), rgb(255 255 255 / 8%) 48%, rgb(189 198 255 / 20%)),
    rgb(242 246 255 / 22%);
  box-shadow:
    inset 0 1px 1px rgb(255 255 255 / 90%),
    inset 0 -1px 1px rgb(114 130 207 / 16%),
    0 0.5rem 1.5rem rgb(66 78 144 / 10%),
    0 1px 3px rgb(66 78 144 / 6%);
  font-size: 0.75rem;
  letter-spacing: .04em;
  -webkit-backdrop-filter: blur(1.125rem) saturate(160%) brightness(1.04);
  backdrop-filter: blur(1.125rem) saturate(160%) brightness(1.04);
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .about-orbit__label { background: rgb(245 247 255 / 88%); }
}
.about-orbit__label--one { left: 4%; top: 30%; }
.about-orbit__label--two { right: -1%; top: 53%; }
.about-orbit__label--three { left: 21%; bottom: 16%; }
.about-orbit__signature { position: absolute; top: 45%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-size: clamp(1.3125rem, 2.5vw, 2.3125rem); font-weight: 600; letter-spacing: -.04em; pointer-events: none; }
.about-orbit__caption { position: absolute; bottom: 3%; width: 100%; color: #777c9d; font-size: 0.625rem; letter-spacing: .18em; text-align: center; }
.about-modes { display: flex; align-items: center; flex-wrap: wrap; gap: 0.5rem; margin-top: 2rem; }
.about-modes > span { color: #7b7e97; font-size: 0.6875rem; margin-right: 0.5rem; }
.about-experience .about-mode { display: inline-flex; align-items: center; justify-content: center; min-width: 4.25rem; padding: 0.3125rem 1.25rem; border: 1px solid #dadeef; border-radius: 6.25rem; background: transparent; color: #72758b; font-size: 0.75rem; line-height: 1.125rem; transition: background .2s, border-color .2s, color .2s; }
.about-mode[aria-pressed="true"] { border-color: #414be3; background: #414be3; color: #fff; }
.about-hero__meta { display: flex; align-items: center; justify-content: space-between; gap: 1.25rem; padding: 1.4375rem 0; border-top: 1px solid #dce1ef; color: #7a7f96; font-size: 0.6875rem; letter-spacing: .06em; }
.about-hero__meta strong { margin-right: 0.625rem; color: #353a60; font-weight: 500; }
.about-chapter { padding: 7rem 0; scroll-margin-top: 5.9375rem; }
.about-company { background: radial-gradient(ellipse at 15% 45%, #f0f3ff, transparent 50%), #fff; }
.about-company__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 4.6875rem; align-items: center; }
.about-origin { position: relative; min-width: 0; padding: 1.5rem; border: 1px solid #e7ebf8; border-radius: 1.75rem; background: linear-gradient(145deg, #ffffffba, #edf1ffbf); box-shadow: 0 1.5rem 4.375rem #425b9c0b, inset 0 1px 0 #fff; overflow: hidden; }
.about-origin__top, .about-origin__bottom { display: flex; align-items: center; justify-content: space-between; gap: 0.875rem; color: #7a85a4; font-size: 0.5625rem; letter-spacing: .16em; }
.about-origin__top > span:first-child { color: #505b8d; }
.about-origin__stage { position: relative; aspect-ratio: 520 / 430; margin: 0.5rem -0.75rem 0.25rem; transform: perspective(56.25rem) rotateX(var(--scene-x, 0deg)) rotateY(var(--scene-y, 0deg)); transition: transform .6s ease-out; }
.about-origin__rings { position: absolute; inset: 0; width: 100%; height: 100%; transition: transform 1.2s cubic-bezier(.2,.8,.2,1); }
.about-origin[data-story="1"] .about-origin__rings { transform: rotate(32deg); }
.about-origin[data-story="2"] .about-origin__rings { transform: rotate(-28deg); }
.about-origin__satellites { transform-origin: 16.25rem 13.4375rem; animation: about-satellite-orbit 36s linear infinite; }
.about-origin__core { position: absolute; top: 50%; left: 50%; width: 57%; aspect-ratio: 1; transform: translate(-50%, -50%); border: 1px solid #fff; border-radius: 50%; background: radial-gradient(circle at 30% 20%, #fff, #f4f6ffb8 52%, #dbe2ffb3); box-shadow: inset -1rem -1.25rem 2.1875rem #7a8ad718, 0 1.25rem 2.5rem #6c78c212; }
.about-origin__view { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1rem; opacity: 0; transform: translateY(0.75rem) scale(.9); transition: opacity .45s, transform .7s cubic-bezier(.2,.8,.2,1); }
.about-origin[data-story="0"] .about-origin__view--year, .about-origin[data-story="1"] .about-origin__view--security, .about-origin[data-story="2"] .about-origin__view--technology { opacity: 1; transform: none; }
.about-origin__view strong { color: #4554d9; font-size: clamp(3.875rem, 7.8vw, 6.75rem); font-weight: 500; line-height: 1; letter-spacing: -.075em; }
.about-origin__micro { color: #818dae; font-size: 0.5rem; letter-spacing: .18em; }
.about-origin__view svg { width: 47%; max-height: 60%; }
.about-origin__float { position: absolute; padding: 0.625rem 0.9375rem; border: 1px solid #fff; border-radius: 6.25rem; color: #63709b; background: #ffffffdf; box-shadow: 0 0.5rem 1.375rem #6274a40a; font-size: 0.6875rem; animation: about-breathe 7s ease-in-out infinite; }
.about-origin__float--one { top: 20%; left: 0; }
.about-origin__float--two { bottom: 15%; right: 0; animation-delay: -3s; }
.about-origin__steps { display: flex; gap: 0.3125rem; }
.about-origin__steps i { width: 1.125rem; height: 0.1875rem; border-radius: 0.1875rem; background: #d8dff1; transition: background .3s, width .3s; }
.about-origin__steps i.is-active { width: 2rem; background: #5969de; }
.about-story-tabs { display: flex; gap: 1.25rem; margin: 1.6875rem 0; border-bottom: 1px solid #e7ebf5; }
.about-experience .about-story-tab { position: relative; display: flex; align-items: center; gap: 0.4375rem; padding: 0 0 0.8125rem; border: 0; background: transparent; color: #7e87a2; font-size: 0.75rem; line-height: 1.5; transition: color .2s; text-align: left; }
.about-story-tab > span { font-size: 0.5625rem; color: #a1aac2; }
.about-story-tab::after { position: absolute; bottom: -1px; left: 0; right: 0; height: 2px; background: #5665df; content: ""; transform: scaleX(0); transform-origin: left; transition: transform .35s; }
.about-story-tab[aria-selected="true"], .about-story-tab:hover { color: #4654d3; }
.about-story-tab[aria-selected="true"]::after { transform: scaleX(1); }
.about-story-panel { min-height: 10.375rem; }
.about-story-panel[hidden] { display: none; }
.about-story-panel h3 { margin-bottom: 0.8125rem; color: #4b567d; font-size: 1rem; font-weight: 500; line-height: 1.6; }
.about-story-panel p { color: #747e99; font-size: 0.9375rem; line-height: 1.95; }
.about-section-title { margin: 1.4375rem 0 !important; color: var(--about-ink); font-size: clamp(2rem, 3.2vw, 2.875rem); font-weight: 500; line-height: 1.25; letter-spacing: -.035em; }
.about-company__copy > p { color: #74788d; font-size: 1rem; line-height: 2; }
.about-company__note { display: flex; gap: 0.75rem; margin-top: 1.75rem; padding-top: 1.5rem; border-top: 1px solid #e8ebf4; color: #586080; font-size: 0.8125rem; line-height: 1.8; }
.about-company__note span { flex: 0 0 1.5rem; color: #414be3; }
.about-values { overflow: hidden; background: #171c3b; color: #fff; }
.about-values .about-eyebrow { color: #bdc6e5; }
.about-values .about-section-title { color: #fff; }
.about-values__heading { display: flex; align-items: end; justify-content: space-between; gap: 1.5rem; margin-bottom: 2.75rem; }
.about-values__heading p { max-width: 20.625rem; padding-bottom: 1.5rem; color: #c4cee9; font-size: 0.875rem; line-height: 1.8; }
.about-values__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 5.3125rem; align-items: center; }
.about-value-tabs { display: grid; }
.about-value-tab { display: flex; align-items: center; gap: 1.375rem; padding: 1.4375rem 0; border: 0; border-bottom: 1px solid #ffffff16; color: #c4cee9; background: transparent; text-align: left; transition: color .25s; }
.about-value-tab > span { font-size: 0.6875rem; letter-spacing: .1em; }
.about-value-tab strong { flex: 1; color: inherit; font-size: 1.5625rem; font-weight: 400; letter-spacing: -.02em; }
.about-value-tab > i { display: grid; place-content: center; width: 2.125rem; height: 2.125rem; border: 1px solid #ffffff22; border-radius: 50%; font-size: 1rem; font-style: normal; transition: background .2s, transform .2s; }
.about-value-tab[aria-selected="true"] { color: #fff; }
.about-value-tab[aria-selected="true"] > i { background: #6974f4; border-color: #6974f4; transform: rotate(-45deg); }
.about-value-panel { padding: 1.75rem 0 0; min-height: 7.25rem; }
.about-value-panel h3 { margin-bottom: 0.625rem; font-size: 0.8125rem; color: #b9c3fb; font-weight: 500; letter-spacing: .08em; }
.about-value-panel p { max-width: none; color: #c4cee9; font-size: 0.9375rem; line-height: 1.9; }
.about-value-panel[hidden] { display: none; }
.about-value-art { position: relative; min-height: 23.125rem; display: grid; place-items: center; }
.about-value-art svg { display: block; width: 100%; max-width: 28.75rem; }
.about-value-art__disc { transform-origin: 15rem 13.125rem; transition: transform 1s cubic-bezier(.2,.8,.2,1); }
.about-value-art[data-value="1"] .about-value-art__disc { transform: rotate(90deg); }
.about-value-art[data-value="2"] .about-value-art__disc { transform: rotate(180deg); }
.about-value-art__symbol { transition: opacity .4s; }
.about-value-art__symbol--one, .about-value-art__symbol--two { opacity: 0; }
.about-value-art[data-value="1"] .about-value-art__symbol--zero, .about-value-art[data-value="2"] .about-value-art__symbol--zero { opacity: 0; }
.about-value-art[data-value="1"] .about-value-art__symbol--one, .about-value-art[data-value="2"] .about-value-art__symbol--two { opacity: 1; }
.about-value-art__footer { position: absolute; bottom: 0; left: 0; right: 0; display: flex; justify-content: space-between; color: #8e9ac6; font-size: 0.625rem; letter-spacing: .15em; }
.about-contact { background: radial-gradient(ellipse at 80% 45%, #e9edff, transparent 55%), #f7f9ff; }
.about-contact__grid { display: grid; grid-template-columns: 1.1fr 1fr; align-items: center; gap: 5.625rem; }
.about-contact__intro { color: #7d8299; font-size: 0.9375rem; line-height: 1.9; }
.about-contact__details { display: grid; gap: 0; margin-top: 2.1875rem; }
.about-contact__details > div { position: relative; display: grid; grid-template-columns: 5.3125rem 1fr; gap: 0.9375rem; padding: 1.0625rem 0.875rem; border-bottom: 1px solid #e0e5f0; border-radius: 0.75rem; font-size: 0.875rem; line-height: 1.8; transition: background .3s, box-shadow .3s; }
.about-contact-row.is-active { background: #ffffffba; box-shadow: 0 0.4375rem 1.5rem #4c67a408; }
.about-contact-row::before { position: absolute; left: 0; top: 1.25rem; bottom: 1.25rem; width: 2px; border-radius: 2px; background: #6574df; opacity: 0; content: ""; transition: opacity .3s; }
.about-contact-row.is-active::before { opacity: 1; }
.about-experience .about-contact-label { display: inline-flex; align-items: center; gap: 0.5625rem; border: 0; padding: 0; color: #9298ae; background: transparent; font-size: 0.75rem; line-height: 1.8; text-align: left; }
.about-contact-label span { color: #6875da; opacity: 0; transform: translate(-0.1875rem, 0.1875rem); transition: opacity .3s, transform .3s; }
.about-contact-row.is-active .about-contact-label { color: #4c5bbf; }
.about-contact-row.is-active .about-contact-label span { opacity: 1; transform: none; }
.about-contact__details dt { color: #9298ae; font-size: 0.75rem; font-weight: 400; }
.about-contact__details dd { margin: 0; color: #363e65; }
.about-contact__details a { color: inherit; overflow-wrap: anywhere; }
.about-contact__details a:hover { color: #414be3; }
.about-location { position: relative; min-width: 0; padding: 1.5625rem 1.5625rem 1.375rem; border: 1px solid #e0e6fa; border-radius: 1.75rem; background: radial-gradient(ellipse at 50% 48%, #e1e8ff80, transparent 64%), linear-gradient(145deg, #ffffffd9, #eef2ffb3); box-shadow: 0 1.625rem 4.0625rem #425eab0c, inset 0 1px 0 #fff; overflow: hidden; }
.about-location__header { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 0.625rem; color: #7d8bad; font-size: 0.5625rem; letter-spacing: .16em; }
.about-location__badge { display: flex; align-items: center; gap: 0.375rem; padding: 0.375rem 0.5rem; border: 1px solid #e1e7fa; border-radius: 6.25rem; background: #ffffffb3; font-size: 0.5rem; letter-spacing: .08em; }
.about-location__badge i { width: 0.3125rem; height: 0.3125rem; border-radius: 50%; background: #7687d8; }
.about-location__scene { position: relative; margin: 0 -0.75rem; transform: perspective(56.25rem) rotateX(var(--scene-x, 0deg)) rotateY(var(--scene-y, 0deg)); transition: transform .6s ease-out; }
.about-location__scene svg { display: block; width: 100%; }
.about-location__building { transform-origin: 16.6875rem 15.625rem; transition: transform .7s cubic-bezier(.2,.8,.2,1), opacity .4s; }
.about-location[data-contact="address"] .about-location__building { transform: translateY(-0.5rem); }
.about-location__pin { transform-origin: 16.6875rem 3.375rem; animation: about-breathe 5s ease-in-out infinite; }
.about-location__signal { animation: about-signal-flow 20s linear infinite; }
.about-location__mail, .about-location__phone { opacity: .35; transform: translateY(0.5rem); transition: opacity .4s, transform .7s cubic-bezier(.2,.8,.2,1); }
.about-location[data-contact="email"] .about-location__mail, .about-location[data-contact="phone"] .about-location__phone { opacity: 1; transform: translateY(-0.625rem); }
.about-location[data-contact="email"] .about-location__building, .about-location[data-contact="phone"] .about-location__building { opacity: .65; }
.about-location__channels { display: flex; align-items: center; justify-content: center; gap: 0.5625rem; margin: -0.5625rem 0 1.375rem; position: relative; }
.about-experience .about-location__channel { display: inline-flex; align-items: center; gap: 0.4375rem; padding: 0.5rem 1rem; border: 1px solid #dce3f8; border-radius: 6.25rem; background: #ffffff9c; color: #7985a5; font-size: 0.6875rem; line-height: 1.5; transition: background .3s, color .3s, border-color .3s; }
.about-location__channel span { font-size: 0.875rem; line-height: 1; }
.about-location__channel[aria-pressed="true"] { background: #5667df; border-color: #5667df; color: #fff; box-shadow: 0 0.3125rem 0.875rem #5667df22; }
.about-location__channel:hover { border-color: #8795e4; }
.about-location__detail { display: grid; gap: 0.3125rem; min-height: 5.6875rem; padding: 1.0625rem 1.25rem; border: 1px solid #fff; border-radius: 1rem; background: #ffffffa8; }
.about-location__detail-label { color: #8b96b2; font-size: 0.625rem; letter-spacing: .04em; }
.about-location__detail-value { color: #4a588b; font-size: 1rem; font-weight: 500; line-height: 1.5; overflow-wrap: anywhere; }
.about-location__detail-value:hover { color: #4655d6; }
.about-location__detail-hint { color: #8c97b3; font-size: 0.625rem; }
.about-origin:not(.is-in-view) *, .about-location:not(.is-in-view) * { animation-play-state: paused; }
.about-invitation { display: flex; align-items: center; justify-content: space-between; gap: 1.875rem; margin-top: 5.125rem; padding-top: 2.1875rem; border-top: 1px solid #dce1ee; }
.about-invitation p { color: #3c456c; font-size: 1.4375rem; line-height: 1.5; }
@keyframes about-breathe { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-0.5625rem); } }
@keyframes about-orbit-trail { to { stroke-dashoffset: -1144; } }
@keyframes about-satellite-orbit { to { transform: rotate(360deg); } }
@keyframes about-signal-flow { to { stroke-dashoffset: -360; } }
@media (min-width: 1600px) { .about-hero__grid { min-height: 50rem; } }
@media (min-width: 1200px) {
  html:lang(zh) .about-value-panel p { white-space: nowrap; }
}
@media (max-width: 1100px) {
  .about-shell { width: calc(100% - 5rem); }
  .about-company__grid, .about-values__grid, .about-contact__grid { gap: 2.8125rem; }
  .about-hero__grid { min-height: 41.25rem; }
  .about-orbit__label { font-size: 0.625rem; padding: 0.5625rem 0.75rem; }
}
@media (max-width: 767px) {
  .about-shell { width: calc(100% - 2.75rem); }
  .about-hero__grid { grid-template-columns: 1fr; min-height: auto; padding: 2.875rem 0 1.5rem; gap: 0.375rem; }
  .about-hero__copy { padding-bottom: 0; }
  .about-hero h1 { margin-top: 1.4375rem; font-size: clamp(2.4375rem, 8.5vw, 3.5rem); }
  .about-hero__intro { font-size: 0.875rem; max-width: 32.5rem; }
  .about-actions { margin-top: 1.4375rem; gap: 1.25rem; }
  .about-modes { margin-top: 1.5rem; }
  .about-orbit { max-width: 25rem; margin: -0.625rem auto 0; }
  .about-orbit__signature { font-size: 1.5625rem; }
  .about-orbit__label { font-size: 0.625rem; }
  .about-hero__meta { font-size: 0.625rem; padding: 1.125rem 0; flex-wrap: wrap; gap: 0.625rem 1.25rem; }
  .about-hero__meta > a { display: none; }
  .about-hero__meta strong { margin-right: 0.3125rem; }
  .about-chapter { padding: 4.125rem 0; }
  .about-company__grid, .about-values__grid, .about-contact__grid { grid-template-columns: 1fr; gap: 2.1875rem; }
  .about-company__copy { grid-row: 1; }
  .about-company__copy > p { font-size: 0.875rem; }
  .about-origin { padding: 1.25rem; max-width: 32.5rem; width: 100%; justify-self: center; }
  .about-story-tabs { gap: 1rem; }
  .about-story-panel { min-height: 9.375rem; }
  html:lang(en) .about-story-panel { min-height: 14.0625rem; }
  .about-story-panel p { font-size: 0.875rem; }
  .about-origin__view strong { font-size: clamp(4rem, 18vw, 6.25rem); }
  .about-origin__float { padding: 0.5rem 0.625rem; font-size: 0.625rem; }
  .about-values__heading { display: block; margin-bottom: 0.625rem; }
  .about-values__heading p { padding-bottom: 0.625rem; }
  .about-value-tab strong { font-size: 1.375rem; }
  .about-value-art { min-height: 18.75rem; }
  .about-value-art svg { max-width: 21.25rem; }
  .about-location { padding: 1.25rem; max-width: 32.5rem; width: 100%; justify-self: center; }
  .about-contact__details > div { grid-template-columns: 4.0625rem 1fr; gap: 0.5rem; padding-inline: 0.75rem; }
  .about-invitation { margin-top: 2.875rem; align-items: start; flex-direction: column; gap: 1.375rem; }
  .about-invitation p { font-size: 1.375rem; }
}
@media (prefers-reduced-motion: reduce) {
  .about-experience *, .about-experience *::before, .about-experience *::after { animation: none !important; transition: none !important; }
}