@font-face{font-family:AboutBannerText;src:url('/assets/about/banner-text.woff') format('woff');font-weight:400;font-display:swap}
.about-banner{position:relative;isolation:isolate;background:#f7fbff;color:#08254a}
.about-banner-visual{overflow:hidden}
.about-banner-visual>img{display:block;width:100%;height:auto;max-width:none}
.about-banner-surface{position:absolute;inset:0;z-index:1;pointer-events:none;clip-path:polygon(0 0,34.7% 0,38.9% 35%,31.1% 100%,0 100%);background:linear-gradient(155deg,transparent 72%,rgba(214,236,254,.32) 72%,rgba(214,236,254,.13) 89%,transparent 89%),radial-gradient(ellipse at 18% 26%,#fff 0%,#f9fcff 40%,#edf6ff 100%)}
.about-banner-copy{position:absolute;z-index:2;left:4.15%;top:16.5%;width:32.5%;color:#08254a;font-family:AboutBannerText,MotionNoto,'PingFang SC','Microsoft YaHei',sans-serif}
.about-banner-label{position:relative;display:flex;align-items:center;gap:clamp(7px,.55vw,14px);margin-bottom:clamp(18px,2.15vw,48px);padding-bottom:clamp(7px,.75vw,16px)}
.about-banner-label>span{font-size:clamp(12px,.95vw,22px);font-weight:400;letter-spacing:.04em;color:#264774;white-space:nowrap}
.about-banner-label>.about-banner-separator{color:#8a9db7;font-family:Arial,sans-serif;font-size:clamp(13px,1.05vw,24px);letter-spacing:0}
.about-banner-label>img{display:block;width:clamp(96px,7.5vw,170px);height:auto}
.about-banner-label::after{position:absolute;bottom:0;left:0;width:clamp(25px,1.7vw,38px);height:2px;background:#e12635;content:""}
.about-banner h1{margin:0;font-family:MotionNoto,'Microsoft YaHei',sans-serif;font-size:clamp(28px,3.65vw,88px);line-height:1.3;font-weight:700;letter-spacing:0;color:#08254a;text-wrap:nowrap}
.about-banner p{margin:clamp(15px,1.7vw,38px) 0 0;font-size:clamp(12px,1.25vw,28px);line-height:1.65;color:#3b5274;text-wrap:nowrap}
@media(max-width:760px){
  .about-banner-surface{display:none}
  .about-banner-copy{position:static;width:auto;height:auto;margin:0;padding:44px var(--gutter) 38px}
  .about-banner-label{gap:10px;margin-bottom:34px;padding-bottom:16px}
  .about-banner-label>span{font-size:15px;letter-spacing:.04em}
  .about-banner-label>.about-banner-separator{font-size:17px}
  .about-banner-label>img{width:136px}
  .about-banner-label::after{width:34px}
  .about-banner h1{font-size:clamp(32px,7.4vw,52px);line-height:1.35;text-wrap:balance}
  .about-banner p{margin-top:25px;max-width:560px;font-size:16px;line-height:1.85;text-wrap:pretty}
  .about-banner-line{display:none}
  .about-banner-visual>img{width:165.16%;margin-left:-65.16%}
}