.motion-section{position:relative;width:100%;height:100svh;overflow:hidden;background:#F6F6F6;font-family:Bronova,"OPPO Sans 4.0",sans-serif;-webkit-font-smoothing:antialiased;color:#262626;}
.motion-section .board{position:absolute;left:50%;top:50%;width:1513px;height:926px;transform-origin:center;visibility:hidden}
.motion-section .board.ready{visibility:visible}
.motion-section .column{position:absolute;inset:0}
.motion-section .heading,.motion-section .description{position:absolute;width:310px;left:calc(var(--center) - 155px);text-align:center;margin:0;visibility:hidden}
.motion-section .heading{top:109px}
.motion-section .english{font-family:Bronova,sans-serif;font-size:24px;font-weight:700;line-height:29px;color:#b8a583;margin:0}
.motion-section .chinese{font-size:52px;line-height:65px;font-weight:500;letter-spacing:0;margin:1px 0 0}
.motion-section .description{top:767px;font-size:24px;line-height:31px;font-weight:400;color:#8c8c8c}
.motion-section .art{position:absolute}
.motion-section .art svg{display:block;width:100%;height:100%;overflow:visible}
.motion-section .leadership .art{left:56px;top:319px;width:363.6px;height:325.5px}
.motion-section .insight .art{left:413px;top:378px;width:332.37px;height:238.95px}
.motion-section .innovation .art{left:743px;top:342px;width:370.8px;height:312px}
.motion-section .sustainable .art{left:1092.6px;top:338.1px;width:363.9px;height:325.5px}
.motion-section .char{display:inline-block;white-space:pre}
.motion-section main{background: #F6F6F6;}

@media(max-width:760px) and (orientation:portrait){
 .motion-section{height:auto}
 .motion-section .board{position:relative;left:auto;top:auto;width:100%;height:auto;transform:none!important}
 .motion-section .column{position:relative;inset:auto;display:grid;grid-template-rows:auto minmax(0,1fr) auto;justify-items:center;gap:24px;height:100svh;min-height:620px;padding:56px 24px 48px}
 .motion-section .heading,.motion-section .description{position:static;left:auto;top:auto;width:100%;max-width:360px}
 .motion-section .english{font-size:17px;line-height:24px;letter-spacing:.02em}
 .motion-section .chinese{font-size:40px;line-height:56px;margin-top:4px}
 .motion-section .description{font-size:18px;line-height:28px}
 .motion-section .board .column .art{position:relative;left:auto;top:auto;width:100%;max-width:400px;height:100%;max-height:42svh;align-self:center}
}
@media(max-width:760px) and (orientation:portrait){
 .motion-section{overflow:clip}
 .motion-section .column{height:100svh;min-height:540px;padding:clamp(24px,5svh,48px) max(20px,env(safe-area-inset-right)) clamp(24px,5svh,48px) max(20px,env(safe-area-inset-left));gap:16px}
 .motion-section .heading,.motion-section .description{max-width:100%}
 .motion-section .english{font-size:clamp(16px,4.3vw,20px);line-height:1.4}
 .motion-section .chinese{font-size:clamp(34px,10vw,44px);line-height:1.35}
 .motion-section .description{font-size:clamp(16px,4.5vw,20px);line-height:1.6}
 .motion-section .board .column .art{max-width:390px;max-height:44svh;min-height:0}
}