.aboutPage .banner{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding-top:90px}.aboutPage .banner .bannerImage{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.aboutPage .banner .text-en,.aboutPage .banner .text-zh{position:relative;color:#fff;font-size:clamp(2rem,5vw,3.5rem);font-weight:700;width:90%;max-width:800px;text-align:center;text-shadow:2px 4px 16px rgba(44,39,39,.8);z-index:1}.aboutPage .banner .text-zh{letter-spacing:clamp(4px,1vw,8px)}.aboutPage .banner .text-en{letter-spacing:clamp(1px,.2vw,2px)}.aboutPage .aboutContainer{display:flex;flex-direction:column;align-items:center;gap:clamp(60px,8vw,120px);text-align:center}.aboutPage .aboutContainer .sentraSmart{width:100%;max-width:1024px;padding:clamp(60px,8vw,120px) 5% 0}.aboutPage .aboutContainer .sentraSmart h1{color:var(--brand);font-size:clamp(1.8rem,4vw,2.5rem);letter-spacing:clamp(4px,1vw,10px);margin-bottom:clamp(20px,3vw,28px)}.aboutPage .aboutContainer .sentraSmart p{font-size:clamp(1.1rem,2.5vw,1.375rem);line-height:1.6;color:var(--secondary)}.aboutPage .aboutContainer .history{width:100%;max-width:1024px;padding:clamp(60px,8vw,120px) 5% 0}.aboutPage .aboutContainer .history h2{color:var(--table-text-color);font-size:clamp(1.5rem,3.5vw,2rem);margin-bottom:clamp(24px,3vw,32px)}.aboutPage .aboutContainer .history p{font-size:clamp(1rem,2.2vw,1.125rem);letter-spacing:.38px;line-height:1.6;color:var(--secondary)}.aboutPage .aboutContainer .brand{display:grid;grid-template-columns:1fr 1fr;align-items:center;grid-gap:clamp(32px,5vw,64px);gap:clamp(32px,5vw,64px);width:100%;max-width:1200px;padding:clamp(60px,8vw,120px) 5% 0}.aboutPage .aboutContainer .brand .textContainer{text-align:left}.aboutPage .aboutContainer .brand .textContainer h2{color:var(--table-text-color);font-size:clamp(1.8rem,4vw,2.5rem);margin-bottom:clamp(16px,2vw,24px)}.aboutPage .aboutContainer .brand .textContainer .brandEN,.aboutPage .aboutContainer .brand .textContainer .brandTC{color:var(--brand);font-size:clamp(2rem,4.5vw,2.8rem);font-weight:700;display:block;line-height:1.2}.aboutPage .aboutContainer .brand .textContainer p{margin-top:clamp(24px,3vw,40px);font-size:clamp(1rem,2.2vw,1.125rem);letter-spacing:.38px;line-height:1.6;color:var(--secondary)}.aboutPage .aboutContainer .brand img{width:100%;height:auto;object-fit:cover;border-radius:8px}.aboutPage .aboutContainer .patent{width:100%;max-width:1200px;padding:clamp(60px,8vw,120px) 5% 0}.aboutPage .aboutContainer .patent .textContainer h2{font-size:clamp(2rem,4.5vw,2.8rem);color:var(--table-text-color);margin-bottom:clamp(32px,4vw,50px)}.aboutPage .aboutContainer .patent .textContainer h3{font-size:clamp(1.1rem,2.5vw,1.3rem);padding:0 clamp(5%,20vw,25%);line-height:1.6;color:var(--secondary)}.aboutPage .aboutContainer .patent img{width:100%;height:auto;margin-top:clamp(40px,5vw,70px);border-radius:8px}.aboutPage .aboutContainer .parallax{width:100%;position:relative;display:flex;align-items:center;justify-content:center;min-height:clamp(300px,50vh,500px)}.aboutPage .aboutContainer .parallax .parallaxImage{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.aboutPage .aboutContainer .parallax h2{position:relative;color:#fff;font-size:clamp(1rem,4vw,2.5rem);line-height:1.5;width:clamp(80%,60vw,50%);text-align:center;text-shadow:2px 4px 16px rgba(0,0,0,.6);z-index:1}.aboutPage .aboutContainer .future{display:grid;grid-template-columns:1fr 1fr;align-items:center;grid-gap:clamp(32px,5vw,64px);gap:clamp(32px,5vw,64px);width:100%;max-width:1200px;padding:clamp(60px,8vw,120px) 5% 0}.aboutPage .aboutContainer .future img{width:100%;height:auto;object-fit:cover;border-radius:8px}.aboutPage .aboutContainer .future .textContainer{text-align:left}.aboutPage .aboutContainer .future .textContainer .titleContainer{margin-bottom:clamp(32px,4vw,48px)}.aboutPage .aboutContainer .future .textContainer .titleContainer h1{color:var(--table-text-color);font-size:clamp(1.8rem,4vw,2.2rem);margin-bottom:clamp(12px,2vw,16px)}.aboutPage .aboutContainer .future .textContainer .titleContainer h3{color:var(--table-text-color);font-size:clamp(1.2rem,3vw,1.5rem)}.aboutPage .aboutContainer .future .textContainer .itemContainer{margin-bottom:clamp(32px,4vw,50px)}.aboutPage .aboutContainer .future .textContainer .itemContainer:last-child{margin-bottom:0}.aboutPage .aboutContainer .future .textContainer .itemContainer h3{color:var(--table-text-color);font-size:clamp(1.1rem,2.5vw,1.375rem);margin-bottom:clamp(12px,2vw,16px)}.aboutPage .aboutContainer .future .textContainer .itemContainer p{font-size:clamp(1rem,2.2vw,1.25rem);letter-spacing:.31px;line-height:1.6;color:var(--secondary)}@media screen and (max-width:992px){.aboutPage .aboutContainer{gap:clamp(40px,6vw,80px)}.aboutPage .aboutContainer .brand{grid-template-columns:1fr;gap:clamp(24px,4vw,40px);text-align:center;padding:clamp(40px,6vw,80px) 5% 0}.aboutPage .aboutContainer .brand .textContainer{text-align:center;order:2}.aboutPage .aboutContainer .brand img{order:1;max-height:400px;object-fit:cover}.aboutPage .aboutContainer .future{grid-template-columns:1fr;gap:clamp(24px,4vw,40px);text-align:center;padding:clamp(40px,6vw,80px) 5% 0}.aboutPage .aboutContainer .future .textContainer{text-align:center}.aboutPage .aboutContainer .future img{max-height:400px;object-fit:cover}}@media screen and (max-width:768px){.aboutPage .banner{min-height:70vh;padding-top:80px}.aboutPage .banner .text-en,.aboutPage .banner .text-zh{width:95%}.aboutPage .aboutContainer{gap:clamp(30px,5vw,60px)}.aboutPage .aboutContainer .timeLineSection{padding:clamp(30px,5vw,60px) 5% 0;width:100%}.aboutPage .aboutContainer .brand,.aboutPage .aboutContainer .future{padding:clamp(30px,5vw,60px) 5% 0}.aboutPage .aboutContainer .brand img,.aboutPage .aboutContainer .future img{max-height:350px}.aboutPage .aboutContainer .parallax{min-height:clamp(250px,40vh,400px)}}@media screen and (max-width:576px){.aboutPage .banner{min-height:60vh;padding-top:70px}.aboutPage .banner .text-en,.aboutPage .banner .text-zh{width:95%;padding:0 10px}.aboutPage .aboutContainer{gap:clamp(20px,4vw,40px)}.aboutPage .aboutContainer .brand,.aboutPage .aboutContainer .future{padding:clamp(20px,4vw,40px) 5% 0}.aboutPage .aboutContainer .brand img,.aboutPage .aboutContainer .future img{max-height:280px}.aboutPage .aboutContainer .parallax{min-height:clamp(200px,35vh,300px)}.aboutPage .aboutContainer .parallax h2{width:90%;padding:0 10px}.aboutPage .aboutContainer .patent{padding:clamp(20px,4vw,40px) 5% 0}.aboutPage .aboutContainer .patent .textContainer h3{padding:0 2%}}@media screen and (max-width:375px){.aboutPage .banner{min-height:70vh;padding-top:65px}.aboutPage .aboutContainer .brand img,.aboutPage .aboutContainer .future img{max-height:250px}.aboutPage .aboutContainer .parallax{min-height:200px}}.aboutPage{contain:layout style paint;scroll-behavior:smooth}.aboutPage img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;loading:lazy}.aboutPage :focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}.aboutPage .banner,.aboutPage .parallax{transform:translateZ(0);will-change:transform}.aboutPage .banner h1,.aboutPage .parallax h2{-moz-user-select:none;user-select:none;-webkit-user-select:none}@media(prefers-contrast:high){.aboutPage .banner .text-en,.aboutPage .banner .text-zh,.aboutPage .parallax h2{text-shadow:3px 6px 20px rgba(0,0,0,.9);background-color:rgba(0,0,0,.3);padding:.5rem 1rem;border-radius:8px}}@media(prefers-reduced-motion:reduce){.aboutPage *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.aboutPage .banner,.aboutPage .parallax{will-change:auto}}@media print{.aboutPage .banner{min-height:300px;page-break-inside:avoid}.aboutPage .aboutContainer{gap:40px}.aboutPage .aboutContainer section{page-break-inside:avoid;margin-bottom:40px}.aboutPage .parallax{min-height:200px}}@container (max-width: 768px){.aboutPage .aboutContainer .brand,.aboutPage .aboutContainer .future{grid-template-columns:1fr}}