@charset "utf-8";

/* About page. Kept separate from the legacy page styles. */
@media (min-width: 761px) {
    header > .menu a { min-width: 0; margin: 0 clamp(2px, 1.2vw, 18px); padding: 26px 14px; white-space: nowrap; }
}

.about-page { color: #152433; text-align: left; overflow: hidden; }
.about-page *, .about-page *:before, .about-page *:after { box-sizing: border-box; }
.about-shell { width: min(1320px, calc(100% - 96px)); margin: 0 auto; }
.about-hero { min-height: 690px; padding: 144px 0 84px; position: relative; overflow: hidden; isolation: isolate; background: radial-gradient(circle at 76% 26%, #154267 0, transparent 33%), linear-gradient(116deg, #06111e 12%, #0b2135 58%, #061320 100%); color: #fff; }
.about-hero:before { content: ""; position: absolute; width: 600px; height: 600px; right: -200px; top: -150px; border: 1px solid rgba(123, 196, 234, .12); border-radius: 50%; box-shadow: 0 0 0 80px rgba(70, 146, 187, .025), 0 0 0 180px rgba(70, 146, 187, .02); pointer-events: none; }
.about-hero:after { content: "EXLUMO"; position: absolute; left: max(44px, calc((100vw - 1320px) / 2)); bottom: 18px; color: rgba(255,255,255,.035); font: 900 clamp(80px, 8vw, 130px)/1 Arial, sans-serif; letter-spacing: -.07em; white-space: nowrap; pointer-events: none; }
.about-hero-grid { position: absolute; inset: 0; z-index: -1; opacity: .27; background-image: linear-gradient(rgba(112, 185, 225, .12) 1px, transparent 1px), linear-gradient(90deg, rgba(112, 185, 225, .12) 1px, transparent 1px); background-size: 80px 80px; mask-image: linear-gradient(90deg, transparent 0%, #000 36%, #000 100%); animation: about-grid-shift 24s linear infinite; }
.about-hero-inner { min-height: 460px; display: grid; grid-template-columns: 1fr minmax(330px, 42%); align-items: center; gap: clamp(52px, 7vw, 120px); position: relative; z-index: 1; }
.about-hero-copy { padding-bottom: 26px; }
.about-eyebrow { display: inline-flex; align-items: center; gap: 14px; color: #a8d7f0; font: 600 13px/1.4 Arial, sans-serif; letter-spacing: .2em; }
.about-signal { width: 7px; height: 7px; border-radius: 50%; background: #ff1555; box-shadow: 0 0 0 6px rgba(255,21,85,.12), 0 0 16px rgba(255,21,85,.8); animation: about-signal 3s ease-in-out infinite; }
.about-hero h1 { margin: 34px 0 22px; font-size: clamp(46px, 4.6vw, 72px); line-height: 1.18; font-weight: 600; letter-spacing: .025em; }
.about-hero-line { margin: 0; font-size: clamp(18px, 1.7vw, 26px); line-height: 1.7; color: #bdd0dc; letter-spacing: .08em; }
.about-hero-rule { width: 160px; height: 2px; margin-top: 46px; background: rgba(255,255,255,.16); overflow: hidden; }
.about-hero-rule span { display: block; width: 42%; height: 100%; background: #ff1555; animation: about-line 3s ease-in-out infinite; }
.about-hero-photo { height: 430px; position: relative; padding: 12px; border: 1px solid rgba(180, 225, 249, .24); background: rgba(255,255,255,.045); box-shadow: 0 28px 80px rgba(0,0,0,.32); transform: translateY(14px); animation: about-photo-enter 850ms ease-out forwards; }
.about-hero-photo:after { content: ""; position: absolute; inset: 12px; pointer-events: none; background: linear-gradient(180deg, rgba(5,22,38,.04) 55%, rgba(5,22,38,.38)); }
.about-hero-photo-frame { width: 100%; height: 100%; overflow: hidden; }
.about-hero-photo img { width: 100%; height: 111%; display: block; object-fit: cover; object-position: 50% 0; }
.about-photo-corner { position: absolute; width: 28px; height: 28px; z-index: 2; pointer-events: none; }
.about-photo-corner-a { left: -8px; top: -8px; border-left: 2px solid #ff1555; border-top: 2px solid #ff1555; }
.about-photo-corner-b { right: -8px; bottom: -8px; border-right: 2px solid #ff1555; border-bottom: 2px solid #ff1555; }
.about-photo-index { position: absolute; left: 30px; bottom: 26px; z-index: 2; font: 600 12px/1 Arial, sans-serif; letter-spacing: .2em; color: #fff; }

.about-module-nav { background: #fff; border-bottom: 1px solid #e2eaf0; }
.about-module-list { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); }
.about-module { min-height: 70px; padding: 0 12px; display: flex; align-items: center; justify-content: center; gap: 11px; position: relative; color: #526779; text-decoration: none; white-space: nowrap; transition: color .2s ease; }
.about-module.active { color: #10283a; }
.about-module.active:after { content: ""; position: absolute; left: 30%; right: 30%; bottom: -1px; height: 2px; background: #ff1555; }
.about-module:hover, .about-module:focus-visible { color: #ff1555; }
.about-module:focus-visible { outline: 2px solid #ff1555; outline-offset: -4px; }
.about-module-no { font: 600 10px/1 Arial, sans-serif; letter-spacing: .12em; color: #9aafbc; }
.about-module.active .about-module-no { color: #ff1555; }
.about-module strong { font-size: 16px; line-height: 1.3; font-weight: 500; }

.about-company { padding: 118px 0 110px; background: #f5f8fa; scroll-margin-top: 100px; }
.about-company-intro { display: grid; grid-template-columns: 42% 1fr; gap: 8%; align-items: end; margin-bottom: 60px; }
.about-company-heading { border-left: 3px solid #ff1555; padding-left: 26px; }
.about-section-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 15px; }
.about-section-no { display: inline-block; color: #ff1555; font: 700 13px/1 Arial, sans-serif; letter-spacing: .2em; }
.about-section-no span { color: #a4b5c1; padding: 0 8px; }
.about-section-name { display: inline-block; padding-left: 15px; border-left: 1px solid #b7c6d1; color: #274459; font-size: clamp(17px, 1.4vw, 20px); line-height: 1.4; font-weight: 600; letter-spacing: .04em; }
.about-section-kicker { display: block; margin: 11px 0 10px; color: #758b9d; font: 700 12px/1.4 Arial, sans-serif; letter-spacing: .25em; }
.about-company-heading h2 { max-width: 500px; margin: 0; color: #102638; font-size: clamp(30px, 3vw, 44px); line-height: 1.35; font-weight: 600; }
.about-company-copy { max-width: 690px; margin: 0; color: #42586a; font-size: 18px; line-height: 2; letter-spacing: .015em; }
.about-gallery { display: grid; grid-template-columns: 1.32fr .76fr; align-items: end; gap: 26px; }
.about-gallery figure { margin: 0; min-width: 0; }
.about-image-window { overflow: hidden; background: #d8e3ea; position: relative; }
.about-image-window:after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg, transparent 70%, rgba(4,24,39,.12)); }
.about-gallery-main .about-image-window { height: 485px; }
.about-gallery-side .about-image-window { height: 365px; }
.about-image-window img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .8s cubic-bezier(.2,.7,.2,1); }
.about-gallery-main img { object-position: 50% 62%; }
.about-gallery-side img { object-position: 50% 52%; }
.about-gallery figure:hover img { transform: scale(1.04); }
.about-gallery figcaption { display: flex; align-items: center; gap: 13px; margin-top: 14px; color: #4e6272; font-size: 14px; line-height: 1.5; }
.about-gallery figcaption span { color: #ff1555; font: 700 11px/1 Arial, sans-serif; letter-spacing: .1em; }

.about-quality-section { padding: 112px 0 116px; background: #e9f0f4; scroll-margin-top: 100px; }
.about-quality-intro { display: grid; grid-template-columns: 42% 1fr; gap: 8%; align-items: end; margin-bottom: 52px; }
.about-quality-intro h2 { max-width: 560px; margin: 0; color: #102638; font-size: clamp(30px, 3vw, 44px); line-height: 1.35; font-weight: 600; }
.about-quality-intro p { max-width: 690px; margin: 0; color: #42586a; font-size: 18px; line-height: 2; }
.about-quality-grid { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr); grid-template-rows: repeat(2, 250px); gap: 18px; }
.about-quality-card { position: relative; min-width: 0; min-height: 0; margin: 0; overflow: hidden; color: #fff; background: #1a394c; isolation: isolate; }
.about-quality-card-environment { grid-row: span 2; }
.about-quality-card:before { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(180deg, rgba(4,20,32,.06) 32%, rgba(4,20,32,.88) 100%); }
.about-quality-card:after { content: ""; position: absolute; z-index: 2; top: 0; left: 0; width: 3px; height: 100%; background: #ff1555; transform: scaleY(0); transform-origin: top; transition: transform .55s cubic-bezier(.2,.7,.2,1); }
.about-quality-card:hover:after { transform: scaleY(1); }
.about-quality-card img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .75s cubic-bezier(.2,.7,.2,1); }
.about-quality-card:hover img { transform: scale(1.045); }
.about-quality-card-environment img { object-position: 50% 50%; }
.about-quality-card-reliability img { object-position: 50% 44%; }
.about-quality-card-performance img { object-position: 50% 60%; }
.about-quality-card figcaption { position: absolute; z-index: 3; left: 36px; right: 36px; bottom: 32px; }
.about-quality-card figcaption span { color: #ff5d8d; font: 700 11px/1 Arial, sans-serif; letter-spacing: .18em; }
.about-quality-card h3 { margin: 13px 0 0; font-size: clamp(22px, 2.25vw, 32px); line-height: 1.3; font-weight: 600; }
.about-quality-card-environment h3 { font-size: clamp(26px, 2.8vw, 39px); }
.about-quality-support { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); margin-top: 18px; color: #eaf3f8; background: #0c2435; }
.about-quality-support > div { position: relative; min-width: 0; padding: 38px 42px 40px; }
.about-quality-support > div + div { border-left: 1px solid rgba(158,202,225,.2); }
.about-quality-support span { color: #ff5d8d; font: 700 11px/1.4 Arial, sans-serif; letter-spacing: .19em; }
.about-quality-support h3 { margin: 15px 0 10px; font-size: 23px; line-height: 1.4; font-weight: 500; }
.about-quality-support p { margin: 0; color: #a9bfcc; font-size: 15px; line-height: 1.85; }

.about-events-section { padding: 112px 0 128px; background: linear-gradient(180deg, #edf3f7 0%, #f8fafb 100%); scroll-margin-top: 100px; }
.about-events-intro { display: grid; grid-template-columns: 42% 1fr; gap: 8%; align-items: end; margin-bottom: 64px; }
.about-events-intro h2 { max-width: 520px; margin: 0; color: #102638; font-size: clamp(30px, 3vw, 44px); line-height: 1.35; font-weight: 600; }
.about-events-intro p { max-width: 690px; margin: 0; color: #42586a; font-size: 18px; line-height: 2; }
.about-events-timeline { position: relative; padding-left: 48px; }
.about-events-timeline:before { content: ""; position: absolute; left: 13px; top: 30px; bottom: 30px; width: 1px; background: linear-gradient(#ff1555, #75abc6 55%, rgba(117,171,198,.15)); }
.about-event { position: relative; display: grid; grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr); gap: 36px; align-items: center; padding: 40px; background: #fff; border: 1px solid #dce6ec; box-shadow: 0 20px 50px rgba(15,44,66,.08); }
.about-event + .about-event { margin-top: 36px; }
.about-event:before { content: ""; position: absolute; left: -42px; top: 30px; width: 14px; height: 14px; border: 3px solid #ff1555; border-radius: 50%; background: #edf3f7; box-shadow: 0 0 0 6px #edf3f7; }
.about-event-dubai { background: #0d2234; border-color: #183c56; color: #fff; }
.about-event-shenzhen { grid-template-columns: minmax(0, 1.28fr) minmax(0, .72fr); }
.about-event-shenzhen .about-event-gallery { grid-column: 1; grid-row: 1; }
.about-event-shenzhen .about-event-copy { grid-column: 2; grid-row: 1; }
.about-event-copy { align-self: stretch; display: flex; flex-direction: column; justify-content: center; }
.about-event-date { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; color: #526c7f; font-size: 13px; }
.about-event-date span { color: #ff1555; font: 700 15px/1 Arial, sans-serif; letter-spacing: .14em; }
.about-event-date em { font-style: normal; }
.about-event-dubai .about-event-date { color: #99b6c8; }
.about-event h3 { margin: 22px 0 24px; font-size: clamp(26px, 2.4vw, 36px); line-height: 1.25; font-weight: 600; overflow-wrap: anywhere; }
.about-event p { margin: 0; color: #4a6272; font-size: 16px; line-height: 1.9; }
.about-event-dubai p { color: #bad0dc; }
.about-event-location { margin-top: auto; padding-top: 48px; color: #a0b6c4; font: 700 11px/1.4 Arial, sans-serif; letter-spacing: .2em; text-transform: uppercase; }
.about-event-dubai .about-event-location { color: #6f98af; }
.about-event-gallery { min-width: 0; }
.about-event-feature { margin: 0; }
.about-event-feature a { display: block; height: 384px; position: relative; overflow: hidden; background: #193b50; }
.about-event-feature img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform .7s ease; }
.about-event-feature a:hover img { transform: scale(1.035); }
.about-event-feature img.is-swapping { animation: about-event-image-in .4s ease; }
.about-event-shenzhen .about-event-feature img { object-position: 50% 0; }
.about-event-expand { position: absolute; right: 15px; bottom: 15px; width: 36px; height: 36px; border: 1px solid rgba(255,255,255,.65); display: grid; place-items: center; color: #fff; background: rgba(5,21,35,.52); font-size: 20px; }
.about-event-feature figcaption { min-height: 29px; margin-top: 10px; color: #657f90; font-size: 13px; line-height: 1.5; }
.about-event-dubai .about-event-feature figcaption { color: #a6c1d1; }
.about-event-rail { display: flex; gap: 9px; overflow-x: auto; padding: 10px 0 4px; scrollbar-width: thin; scrollbar-color: #7598aa transparent; }
.about-event-thumb { appearance: none; flex: 0 0 100px; width: 100px; height: 68px; padding: 0; border: 2px solid transparent; background: #d1dce2; cursor: pointer; opacity: .72; transition: opacity .2s ease, border-color .2s ease, transform .2s ease; }
.about-event-thumb:hover, .about-event-thumb:focus-visible { opacity: 1; transform: translateY(-2px); }
.about-event-thumb.is-active { border-color: #ff1555; opacity: 1; }
.about-event-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }

.about-honors-section { position: relative; padding: 116px 0 104px; color: #eaf3f8; background: radial-gradient(circle at 88% 8%, rgba(29,88,125,.32), transparent 31%), #071725; scroll-margin-top: 100px; }
.about-honors-section:before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .18; background-image: linear-gradient(rgba(116,181,213,.12) 1px, transparent 1px), linear-gradient(90deg, rgba(116,181,213,.12) 1px, transparent 1px); background-size: 88px 88px; mask-image: linear-gradient(180deg, #000, transparent 72%); }
.about-honors-section > .about-shell { position: relative; }
.about-honors-intro { display: grid; grid-template-columns: 42% 1fr; gap: 8%; align-items: end; }
.about-honors-intro .about-section-name { border-left-color: rgba(154,190,211,.55); color: #eaf3f8; }
.about-honors-intro h2 { max-width: 550px; margin: 0; font-size: clamp(30px, 3vw, 44px); line-height: 1.35; font-weight: 600; }
.about-honors-intro p { max-width: 690px; margin: 0; color: #acc3d0; font-size: 18px; line-height: 2; }
.about-honors-data { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); margin: 62px 0 0; border: 1px solid rgba(119,176,207,.25); background: rgba(13,43,65,.72); }
.about-honors-data-item { display: flex; align-items: center; gap: 23px; min-height: 166px; padding: 28px 32px; }
.about-honors-data-item + .about-honors-data-item { border-left: 1px solid rgba(119,176,207,.25); }
.about-honors-count { color: #fff; font: 600 clamp(56px, 5vw, 78px)/1 Arial, sans-serif; letter-spacing: -.06em; text-shadow: 0 0 32px rgba(77,170,224,.2); }
.about-honors-data-item strong { display: block; font-size: 20px; font-weight: 500; }
.about-honors-data-item p { margin: 9px 0 0; color: #94afbf; font-size: 14px; line-height: 1.7; }
.about-patent-showcase { margin-top: 44px; padding: 34px 40px 28px; overflow: hidden; color: #163047; background: linear-gradient(145deg, #fff 20%, #edf5f9 100%); box-shadow: 0 25px 65px rgba(0,0,0,.16); }
.about-patent-showcase-heading { padding-bottom: 23px; border-bottom: 1px solid #d6e2e9; }
.about-patent-showcase-heading span { color: #ff1555; font: 700 12px/1.5 Arial, sans-serif; letter-spacing: .18em; }
.about-patent-deck { display: flex; align-items: center; justify-content: center; min-height: 330px; padding: 30px 28px 42px; }
.about-patent-sheet { appearance: none; position: relative; flex: 0 0 clamp(135px, 14vw, 190px); height: clamp(190px, 20vw, 270px); margin: 0 0 0 -24px; padding: 0; border: 5px solid #fff; background: #f8f8f4; box-shadow: 0 8px 18px rgba(14,45,62,.18); cursor: pointer; transform: translateY(12px) scale(.93); transition: transform .4s cubic-bezier(.2,.7,.2,1), box-shadow .4s ease, border-color .4s ease; }
.about-patent-sheet:first-child { margin-left: 0; }
.about-patent-sheet:nth-child(1) { z-index: 1; }
.about-patent-sheet:nth-child(2) { z-index: 2; }
.about-patent-sheet:nth-child(3) { z-index: 3; }
.about-patent-sheet:nth-child(4) { z-index: 4; }
.about-patent-sheet:nth-child(5) { z-index: 5; }
.about-patent-sheet:nth-child(6) { z-index: 6; }
.about-patent-sheet:hover, .about-patent-sheet:focus-visible { z-index: 8; transform: translateY(-7px) scale(1.02); }
.about-patent-sheet.is-active { z-index: 7; border-color: #fff; box-shadow: 0 18px 36px rgba(14,45,62,.26), 0 0 0 2px #ff1555; transform: translateY(-10px) scale(1.07); }
.about-patent-sheet img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: top; }
.about-patent-detail { display: flex; align-items: end; justify-content: space-between; gap: 28px; padding-top: 24px; border-top: 1px solid #d6e2e9; }
.about-patent-detail-copy > span { color: #fa1453; font-size: 12px; font-weight: 700; letter-spacing: .08em; }
.about-patent-detail h3 { margin: 8px 0 0; color: #163047; font-size: clamp(19px, 2vw, 26px); font-weight: 600; line-height: 1.4; }
.about-patent-controls { display: flex; align-items: center; gap: 10px; flex: none; }
.about-patent-controls span { margin-right: 13px; color: #607e91; font: 700 12px/1 Arial, sans-serif; letter-spacing: .14em; }
.about-patent-controls button { width: 42px; height: 42px; border: 1px solid #adc3d0; border-radius: 50%; color: #183e55; background: transparent; font-size: 20px; cursor: pointer; transition: color .2s ease, background .2s ease, border-color .2s ease; }
.about-patent-controls button:hover, .about-patent-controls button:focus-visible { color: #fff; border-color: #ff1555; background: #ff1555; }

.about-page.has-motion .about-reveal { opacity: 0; transform: translateY(28px); transition: opacity .75s ease, transform .75s cubic-bezier(.2,.7,.2,1); }
.about-page.has-motion .about-reveal.is-visible { opacity: 1; transform: translateY(0); }
.about-page.has-motion .about-gallery-side { transition-delay: .12s; }

#all.ar .about-company-heading { border-left: 0; border-right: 3px solid #ff1555; padding-left: 0; padding-right: 26px; }
#all.ar .about-section-name { border-left: 0; border-right: 1px solid #b7c6d1; padding-left: 0; padding-right: 15px; }
#all.ar .about-honors-intro .about-section-name { border-right-color: rgba(154,190,211,.55); }
#all.ar .about-quality-section { text-align: right; }
#all.ar .about-quality-card:after { left: auto; right: 0; }
#all.ar .about-quality-support > div + div { border-left: 0; border-right: 1px solid rgba(158,202,225,.2); }
#all.ar .about-events-section { text-align: right; }
#all.ar .about-events-timeline { padding-left: 0; padding-right: 48px; }
#all.ar .about-events-timeline:before { left: auto; right: 13px; }
#all.ar .about-event:before { left: auto; right: -42px; }
#all.ar .about-event-expand { right: auto; left: 15px; }
#all.ar .about-honors-section { text-align: right; }
#all.ar .about-honors-data-item + .about-honors-data-item { border-left: 0; border-right: 1px solid rgba(119,176,207,.25); }
#all.ar .about-patent-detail, #all.ar .about-patent-showcase-heading { direction: rtl; }

@keyframes about-grid-shift { to { background-position: 80px 80px; } }
@keyframes about-signal { 50% { box-shadow: 0 0 0 10px rgba(255,21,85,0), 0 0 25px rgba(255,21,85,.45); } }
@keyframes about-line { 50% { transform: translateX(135px); } }
@keyframes about-photo-enter { to { transform: translateY(0); } }
@keyframes about-event-image-in { from { opacity: .45; transform: scale(1.025); } to { opacity: 1; transform: scale(1); } }

@media (max-width: 1050px) and (min-width: 761px) {
    header > .menu a { font-size: 15px; margin: 0 3px; padding: 26px 8px; }
    .about-shell { width: calc(100% - 64px); }
    .about-hero-inner { gap: 40px; }
}

@media (max-width: 900px) {
    .about-shell { width: calc(100% - 40px); }
    .about-hero { min-height: 0; padding: 110px 0 112px; }
    .about-hero:after { left: 20px; bottom: 18px; color: rgba(255,255,255,.05); font-size: clamp(50px, 8vw, 75px); }
    .about-hero-inner { min-height: 0; grid-template-columns: 1fr; gap: 36px; }
    .about-hero-copy { padding-bottom: 0; }
    .about-hero h1 { margin: 25px 0 14px; font-size: clamp(40px, 8vw, 60px); }
    .about-hero-line { font-size: 17px; }
    .about-hero-rule { margin-top: 28px; }
    .about-hero-photo { width: min(100%, 650px); height: 380px; margin-left: auto; }
    .about-module { min-height: 64px; }
    .about-company { padding: 72px 0; scroll-margin-top: 72px; }
    .about-company-intro { grid-template-columns: 1fr; gap: 26px; margin-bottom: 40px; }
    .about-company-copy { font-size: 16px; }
    .about-gallery-main .about-image-window { height: 400px; }
    .about-gallery-side .about-image-window { height: 310px; }
    .about-quality-section { padding: 76px 0 82px; scroll-margin-top: 72px; }
    .about-quality-intro { grid-template-columns: 1fr; gap: 24px; margin-bottom: 42px; }
    .about-quality-intro p { font-size: 16px; }
    .about-quality-grid { grid-template-rows: repeat(2, 210px); }
    .about-quality-card figcaption { left: 24px; right: 24px; bottom: 22px; }
    .about-quality-support > div { padding: 28px; }
    .about-events-section { padding: 72px 0 84px; scroll-margin-top: 72px; }
    .about-events-intro { grid-template-columns: 1fr; gap: 24px; margin-bottom: 42px; }
    .about-events-intro p { font-size: 16px; }
    .about-events-timeline { padding-left: 28px; }
    .about-events-timeline:before { left: 5px; }
    .about-event { grid-template-columns: 1fr; gap: 28px; padding: 26px; }
    .about-event:before { left: -29px; width: 12px; height: 12px; }
    .about-event-shenzhen .about-event-gallery, .about-event-shenzhen .about-event-copy { grid-column: 1; grid-row: auto; }
    .about-event-location { padding-top: 24px; }
    .about-event-feature a { height: 360px; }
    #all.ar .about-events-timeline { padding-left: 0; padding-right: 28px; }
    #all.ar .about-events-timeline:before { right: 5px; }
    #all.ar .about-event:before { right: -29px; }
    .about-honors-section { padding: 76px 0 80px; scroll-margin-top: 72px; }
    .about-honors-intro { grid-template-columns: 1fr; gap: 24px; }
    .about-honors-intro p { font-size: 16px; }
    .about-honors-data { margin: 44px 0 0; }
    .about-honors-data-item { padding: 25px; gap: 18px; }
    .about-patent-showcase { padding: 26px 24px; }
    .about-patent-deck { min-height: 295px; padding-left: 0; padding-right: 0; }
    .about-patent-sheet { margin-left: -34px; }
}

@media (max-width: 600px) {
    .about-hero { padding: 90px 0 90px; }
    .about-eyebrow { font-size: 11px; letter-spacing: .12em; }
    .about-hero h1 { font-size: 39px; }
    .about-hero-photo { height: 290px; padding: 8px; }
    .about-hero-photo:after { inset: 8px; }
    .about-hero-photo img { object-position: 50% 0; }
    .about-module-list { display: flex; overflow-x: auto; scrollbar-width: none; }
    .about-module-list::-webkit-scrollbar { display: none; }
    .about-module { flex: 1 0 auto; min-height: 58px; padding: 0 12px; }
    .about-module-no { display: none; }
    .about-module strong { font-size: 13px; }
    .about-company-heading { padding-left: 18px; }
    .about-company-heading h2 { font-size: 28px; }
    .about-company-copy { line-height: 1.9; }
    .about-gallery { display: block; }
    .about-gallery figure + figure { margin-top: 26px; }
    .about-gallery-main .about-image-window { height: 300px; }
    .about-gallery-side .about-image-window { height: 235px; }
    .about-quality-section { padding: 62px 0 68px; }
    .about-quality-intro h2 { font-size: 28px; }
    .about-quality-intro p { line-height: 1.9; }
    .about-quality-grid { display: block; }
    .about-quality-card { height: 245px; }
    .about-quality-card + .about-quality-card { margin-top: 12px; }
    .about-quality-card-environment { height: 310px; }
    .about-quality-card h3, .about-quality-card-environment h3 { font-size: 24px; }
    .about-quality-support { grid-template-columns: 1fr; margin-top: 12px; }
    .about-quality-support > div { padding: 26px 22px; }
    .about-quality-support > div + div { border-left: 0; border-top: 1px solid rgba(158,202,225,.2); }
    #all.ar .about-quality-support > div + div { border-right: 0; }
    .about-quality-support h3 { font-size: 20px; }
    .about-quality-support p { font-size: 14px; }
    .about-events-section { padding: 60px 0 70px; }
    .about-events-intro h2 { font-size: 28px; }
    .about-events-intro p { line-height: 1.9; }
    .about-events-timeline { padding-left: 18px; }
    .about-events-timeline:before { left: 2px; }
    .about-event { padding: 18px; gap: 22px; }
    .about-event:before { left: -22px; }
    .about-event h3 { font-size: 25px; margin: 17px 0; }
    .about-event p { font-size: 14px; }
    .about-event-feature a { height: 232px; }
    .about-event-thumb { flex-basis: 77px; width: 77px; height: 56px; }
    #all.ar .about-events-timeline { padding-left: 0; padding-right: 18px; }
    #all.ar .about-events-timeline:before { right: 2px; }
    #all.ar .about-event:before { right: -22px; }
    .about-honors-section { padding: 62px 0 66px; }
    .about-honors-intro h2 { font-size: 28px; }
    .about-honors-intro p { line-height: 1.9; }
    .about-honors-data { grid-template-columns: 1fr; margin: 38px 0 0; }
    .about-honors-data-item { min-height: 120px; padding: 21px; }
    .about-honors-data-item + .about-honors-data-item { border-left: 0; border-top: 1px solid rgba(119,176,207,.25); }
    #all.ar .about-honors-data-item + .about-honors-data-item { border-right: 0; }
    .about-honors-count { font-size: 58px; }
    .about-honors-data-item strong { font-size: 17px; }
    .about-patent-showcase { margin-top: 26px; padding: 20px 18px 24px; }
    .about-patent-showcase-heading { padding-bottom: 14px; }
    .about-patent-deck { justify-content: flex-start; min-height: 0; margin: 0 -18px; padding: 34px 20px 38px; overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: thin; }
    .about-patent-sheet { flex-basis: 148px; height: 208px; margin-left: -25px; scroll-snap-align: center; }
    .about-patent-sheet:first-child { margin-left: 0; }
    .about-patent-detail { display: block; padding-top: 18px; }
    .about-patent-detail h3 { min-height: 2.8em; font-size: 19px; }
    .about-patent-controls { justify-content: flex-end; margin-top: 20px; }
}

@media (prefers-reduced-motion: reduce) {
    .about-hero-grid, .about-signal, .about-hero-rule span, .about-hero-photo { animation: none; }
    .about-page.has-motion .about-reveal { opacity: 1; transform: none; transition: none; }
    .about-image-window img, .about-module { transition: none; }
    .about-quality-card img, .about-quality-card:after { transition: none; }
    .about-event-feature img.is-swapping { animation: none; }
    .about-patent-sheet, .about-patent-controls button { transition: none; }
}