.about-page{min-height:100vh;font-family:var(--font-inter),"Inter",sans-serif;background:#f3f4f6}.about-page .container{max-width:1200px;margin:0 auto;padding:0}.about-page .intro-banner-section{padding:48px 0 16px}.about-page .intro-banner-copy{text-align:center;background:#f3f4f6;padding:50px 16px}.about-page .intro-banner-image-container{aspect-ratio:2560/900;background:linear-gradient(135deg,#f8e8d0 0%,#fce4ec 30%,#e8d5e0 60%,#d4c5a9 100%);width:100%;position:relative;overflow:hidden}.about-page .intro-banner-image-container:before{content:"";opacity:.7;background:url(/images/trang-chu/hero_banner.png) 50%/cover no-repeat;position:absolute;inset:0}.about-page .intro-eyebrow{color:#0f172a;margin-top:42px;margin-bottom:10px;padding-top:0;font-size:16px;font-weight:500}.about-page .intro-headline{color:#0f172a;font-size:48px;font-weight:700;font-family:var(--font-playfair),"Playfair Display",serif}.about-page .intro-headline-accent{color:#c2185b}.about-page .intro-description{color:#4b5563;max-width:930px;margin:0 auto;font-size:18px;line-height:1.7}.about-page .hero-section{background:#f5f7fb;padding:80px 0}.about-page .hero-section .container{flex-direction:column;align-items:center;display:flex}.about-page .hero-section-title{color:#111827;text-align:center;width:fit-content;font-size:48px;font-weight:700;font-family:var(--font-playfair),"Playfair Display",serif;margin:0 auto 32px;padding-bottom:16px;display:block;position:relative}.about-page .hero-section-title:after{content:"";opacity:.7;background:linear-gradient(90deg,#0000 0%,#c2185b99 20%,#c2185bcc 50%,#c2185b99 80%,#0000 100%);width:clamp(160px,32vw,130%);height:2px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.about-page .hero-card{background:#fff;border-radius:24px;grid-template-columns:50% 50%;max-width:1200px;min-height:500px;margin:0 auto;display:grid;overflow:hidden;box-shadow:0 20px 50px #0f2e6314}.about-page .hero-card-image{width:100%;min-width:0;min-height:400px;position:relative;overflow:hidden}.about-page .hero-card-img{object-fit:cover;width:100%;height:100%}.about-page .hero-card-content{background:#fff;flex-direction:column;justify-content:center;gap:12px;width:100%;min-width:0;padding:40px;display:flex;position:relative}.about-page .hero-card-label{color:#6b7280;margin-bottom:4px;font-size:14px;font-weight:500}.about-page .hero-card-list{padding-left:20px;list-style:outside}.about-page .hero-card-list li{color:#4b5563;margin-bottom:12px;font-size:16px;font-weight:400;line-height:26px}.about-page .hero-card-highlight{color:#c2185b;text-align:center;letter-spacing:.01em;margin-top:12px;font-size:18px;font-style:italic;font-weight:600}.about-page .founders-section{background:#f5f7fb;padding:72px 0 80px}.about-page .founders-title{color:#111827;text-align:center;width:fit-content;font-size:48px;font-weight:700;font-family:var(--font-playfair),"Playfair Display",serif;margin:0 auto 34px;padding-bottom:16px;position:relative}.about-page .founders-title:after{content:"";opacity:.7;background:linear-gradient(90deg,#0000 0%,#c2185b99 20%,#c2185bcc 50%,#c2185b99 80%,#0000 100%);width:clamp(160px,32vw,120%);height:2px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.about-page .founders-grid{grid-template-columns:repeat(6,minmax(0,1fr));align-items:start;gap:28px;display:grid}.about-page .founder-card{text-align:center;min-width:0}.about-page .founder-photo{aspect-ratio:1;background:linear-gradient(135deg,#e7f1f4 0%,#f9edf3 100%);border-radius:34px;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden;box-shadow:0 18px 36px #0f2e6314}.about-page .founder-img{object-fit:cover;width:100%;height:100%;display:block}.about-page .founder-placeholder{color:#c2185b;font-size:44px;font-weight:800;line-height:1}.about-page .founder-name{color:#050505;text-transform:none;font-size:16px;font-weight:600;line-height:1.25;font-family:var(--font-inter),"Inter",sans-serif;margin:18px 0 6px}.about-page .founder-role{color:#0ea5e9;letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:14px;font-weight:800;line-height:1.3}.about-page .value-position-section{background:#f5f7fb;padding:80px 0}.about-page .value-position-title{text-align:center;color:#111827;width:fit-content;font-size:48px;font-weight:700;font-family:var(--font-playfair),"Playfair Display",serif;margin:0 auto 32px;padding-bottom:18px;display:block;position:relative}.about-page .value-position-title:after{content:"";opacity:.7;background:linear-gradient(90deg,#0000 0%,#c2185b99 20%,#c2185bcc 50%,#c2185b99 80%,#0000 100%);width:clamp(160px,32vw,115%);height:2px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.about-page .value-position-title-hightline{color:#c2185b}.about-page .value-position-card{background:#fff;border-radius:24px;grid-template-columns:50% 50%;max-width:1200px;min-height:500px;margin:0 auto;display:grid;overflow:hidden;box-shadow:0 20px 50px #0f2e6314}.about-page .value-position-left{width:100%;min-width:0;padding:40px 32px}.about-page .vp-row{border-radius:12px;padding:22px 16px 20px}.about-page .vp-row-header{border-bottom:1px solid #f3e5f5;justify-content:space-between;align-items:baseline;margin-bottom:8px;padding-bottom:14px;display:flex}.about-page .vp-label{color:#c2185b;font-size:20px;font-style:italic;font-weight:700;font-family:var(--font-playfair),"Playfair Display",serif;margin:0}.about-page .vp-index{color:#c2185b;font-size:16px;font-style:italic;font-weight:600}.about-page .vp-quote{color:#111827;margin:0 0 8px;font-size:16px;font-weight:600;line-height:24px}.about-page .vp-text{color:#6b7280;margin:0;font-size:16px;font-weight:400;line-height:24px}.about-page .value-position-img-wrapper{width:100%;min-width:0;min-height:400px;position:relative;overflow:hidden}.about-page .value-position-img{object-fit:cover;width:100%;height:100%;display:block}@media (min-width:640px) and (max-width:1024px){.about-page .intro-headline{font-size:36px}.about-page .intro-description{max-width:700px;font-size:16px}.about-page .hero-section-title{font-size:36px}.about-page .hero-card{flex-direction:column;min-height:auto;display:flex}.about-page .hero-card-image{width:100%;height:400px;min-height:400px}.about-page .hero-card-content{padding:32px 24px}.about-page .founders-section{padding:56px 24px 64px}.about-page .founders-title{font-size:36px}.about-page .founders-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}.about-page .founder-photo{border-radius:28px}.about-page .founder-name{font-size:16px}.about-page .value-position-title{font-size:36px}.about-page .value-position-card{flex-direction:column;min-height:auto;display:flex}.about-page .value-position-img-wrapper{border-radius:24px;order:-1;width:100%;height:400px;min-height:400px;margin-bottom:24px}.about-page .value-position-left{padding:24px}.about-page .value-position-section .container{background:#fff;border-radius:24px;padding:0}.about-page .value-position-card{box-shadow:none;border-radius:0}.about-page .value-position-title{margin-bottom:0;padding:24px 24px 18px}.about-page .value-position-title:after{display:none}}@media (max-width:639px){.about-page .intro-banner-section{padding:32px 0 0}.about-page .intro-banner-copy{padding:0 16px 24px}.about-page .intro-eyebrow{margin-top:60px;margin-bottom:8px;font-size:12px}.about-page .intro-headline{margin-bottom:12px;font-size:28px}.about-page .intro-description{max-width:343px;font-size:14px;line-height:1.6}.about-page .hero-section{padding:32px 16px}.about-page .hero-section-title{margin-bottom:20px;font-size:28px}.about-page .hero-card{border-radius:16px;flex-direction:column;min-height:auto;display:flex}.about-page .hero-card-image{border-radius:16px 16px 0 0;width:100%;height:232px;min-height:232px}.about-page .hero-card-content{gap:8px;padding:16px}.about-page .hero-card-label{order:1;font-size:14px;font-weight:400;display:block}.about-page .hero-card-highlight{text-align:left;order:2;margin-top:0;font-size:18px}.about-page .hero-card-list{order:3;margin-top:4px}.about-page .hero-card-list li{font-size:14px;line-height:20px}.about-page .founders-section{padding:36px 16px 44px}.about-page .founders-title{margin-bottom:24px;padding-bottom:0;font-size:28px}.about-page .founders-title:after{display:none}.about-page .founders-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 16px}.about-page .founder-photo{border-radius:22px}.about-page .founder-placeholder{font-size:34px}.about-page .founder-name{margin-top:12px;font-size:13px}.about-page .founder-role{letter-spacing:.14em;font-size:12px}.about-page .value-position-section{padding:16px}.about-page .value-position-title{margin-bottom:16px;padding-bottom:0;font-size:24px}.about-page .value-position-title:after{display:none}.about-page .value-position-card{flex-direction:column;min-height:auto;display:flex}.about-page .value-position-section .container{background:#fff;border-radius:24px;padding:0;overflow:hidden}.about-page .value-position-card{box-shadow:none;border-radius:0}.about-page .value-position-img-wrapper{order:-1;width:100%;height:300px;min-height:300px}.about-page .value-position-title{margin-bottom:0;padding:16px 16px 0}.about-page .value-position-left{padding:0 16px 16px}.about-page .vp-label{font-size:16px}.about-page .vp-quote{font-size:14px}.about-page .vp-text{font-size:13px;line-height:1.5}.about-page .vp-row{padding:12px 8px}}@media (min-width:1200px){.about-page .hero-card,.about-page .value-position-card{max-width:1200px}.about-page .hero-card-list li{font-size:18px;line-height:28px}.about-page .vp-label{font-size:24px}.about-page .hero-card-highlight{width:380px;margin:12px auto 0}}
