section.about-hero-section{background:#f8f9fb;min-height:500px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 0 60px;color:#222;position:relative;z-index:1}section.about-hero-section .about-content{max-width:1000px;margin:0 auto;text-align:center;background:#fff;padding:48px 32px 40px;border-radius:18px;box-shadow:0 6px 32px 0 rgba(44,156,227,.1)}.about-title{font-size:2.8rem;font-weight:700;letter-spacing:.04em;margin-bottom:24px;text-align:center;color:var(--color-secondary)}.about-desc{font-size:1.15rem;margin-bottom:48px;line-height:1.6;text-align:justify;color:#3a3a3a}.about-columns{display:flex;gap:48px;justify-content:center;flex-wrap:wrap;margin-top:32px}.about-col{max-width:480px;flex:1;min-width:260px;background:#f8f9fb;border-radius:12px;box-shadow:0 2px 12px 0 rgba(44,156,227,.07);padding:32px 24px 24px;margin-bottom:16px}.about-col-label{font-weight:600;font-size:1.1rem;color:#2c9ce3;margin-bottom:8px;letter-spacing:.01em;text-align:left}.about-col-quote{font-size:1.3rem;font-weight:700;font-style:italic;margin-bottom:16px;color:#1a2340;line-height:1.3;text-align:left}.about-col-underline{height:3px;width:60px;background:#2c9ce3;margin-bottom:18px;text-align:left}.about-col-desc{font-size:1rem;color:#3a3a3a;line-height:1.6;text-align:left}.about-banner{width:100%;background:#666;display:flex;align-items:center;justify-content:center;padding:28px 0;margin-top:36px;gap:32px;position:relative;bottom:-60px}.about-banner-text{color:#fff;font-size:2rem;font-weight:700;letter-spacing:.02em;text-align:center}.about-banner-highlight{color:#2c9ce3}.about-banner-btn{background:#888;color:#fff;font-size:1.1rem;font-weight:500;padding:12px 38px;border-radius:3px;margin-left:32px;text-decoration:none;transition:background .18s,color .18s;border:none;outline:none;display:inline-block}.about-banner-btn:hover{background:#2c9ce3;color:#fff}.about-video-section{width:100%;height:920px;overflow:hidden;position:relative;background:#000;display:flex;align-items:center;justify-content:center}.about-video-section video{width:100vw;height:100%;object-fit:cover;display:block}@media (max-width:900px){.about-columns{gap:24px}.about-title{font-size:2rem}.about-col-quote{font-size:1.1rem}section.about-hero-section .about-content{padding:24px 10px}}@media (max-width:700px){.about-desc{font-size:1rem}.about-banner{flex-direction:column;gap:18px;padding:18px 0}.about-banner-text{font-size:1.2rem}.about-banner-btn{margin-left:0;width:100%;text-align:center;padding:10px 0}.about-video-section{height:680px}.about-video-section video{height:680px;width:130%}}