.page-about{color:#333333;font-family:system-ui,-apple-system,sans-serif;line-height:1.6;overflow-x:hidden} .page-about__hero-section{background:linear-gradient(135deg,#017439 0%,#0a3a21 100%);max-width:1200px;margin:0 auto} .page-about__hero-container{width:100%;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:16px;padding:10px 16px 32px} .page-about__hero-image-wrapper{width:100%;max-width:1200px} .page-about__hero-image{width:100%;height:auto;aspect-ratio:1200/350;object-fit:cover;display:block;border-radius:16px;box-shadow:0 12px 32px rgba(0,0,0,.18)} .page-about__hero-content{width:100%;max-width:900px;text-align:center} .page-about__hero-title{color:#ffffff;font-weight:800;line-height:1.25;letter-spacing:.5px;max-width:800px;margin:0 auto} .page-about__hero-subtitle{color:#e1f0e8;max-width:640px;margin:8px auto 0} .page-about__intro-section{background:#ffffff;padding:24px 16px} .page-about__intro-inner{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:24px;align-items:center} .page-about__intro-text{width:100%;max-width:800px} .page-about__intro-heading,.page-about__story-heading,.page-about__mission-heading,.page-about__roadmap-heading,.page-about__commitment-heading,.page-about__guide-title,.page-about__partner-strip__heading{color:#017439;font-size:clamp(1.4rem,2.5vw,2rem);line-height:1.3;font-weight:700;text-align:center;max-width:750px;margin:20px auto} .page-about__intro-paragraph,.page-about__story-paragraph{max-width:750px;margin:12px auto} .page-about__intro-stat{background:#017439;border-radius:20px;padding:20px 30px;text-align:center;color:#ffffff} .page-about__intro-stat__year{font-size:clamp(2rem,4vw,3rem);font-weight:800;color:#ffff00} .page-about__intro-stat__label{color:#e1f0e8;font-weight:500} .page-about__story-section,.page-about__roadmap-section{background:#f2f7f4;padding:24px 16px} .page-about__story-inner,.page-about__roadmap-inner{max-width:1000px;margin:0 auto} .page-about__story-figure{width:100%;max-width:1000px} .page-about__story-image,.page-about__guide-image{width:100%;height:auto;aspect-ratio:auto;max-width:800px;display:block;margin:0 auto 16px;border-radius:14px} .page-about__mission-section,.page-about__commitment-section{background:#ffffff;padding:24px 16px} .page-about__mission-inner,.page-about__commitment-inner{max-width:1100px;margin:0 auto} .page-about__mission-grid,.page-about__commitment-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:20px} .page-about__mission-card,.page-about__commitment-card{background:#f8fcf9;border-radius:16px;padding:24px;box-shadow:0 4px 14px rgba(0,0,0,.06);text-align:left;border-left:4px solid #017439} .page-about__commitment-card{border-left:none;background:#ffffff;border:1px solid #e5efe9} .page-about__mission-card__title,.page-about__commitment-card__title{color:#017439;font-size:1.2rem;margin-bottom:10px} .page-about__commitment-card__icon{font-size:2.4rem;line-height:1;margin-bottom:10px} .page-about__partner-strip{background:#017439;padding:28px 16px} .page-about__partner-strip__inner{max-width:1100px;margin:0 auto} .page-about__partner-strip__heading{color:#ffffff} .page-about__partner-strip__subtitle{color:#d8e8df;text-align:center;margin-bottom:24px} .page-about__logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px 16px;justify-items:center;max-width:1000px;margin:0 auto} .page-about__logo-item{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:280px;background:#ffffff;border-radius:16px;padding:16px} .page-about__logo-item:nth-child(5){grid-column:2} .page-about__logo-item:nth-child(6){grid-column:3} .page-about__logo-image{width:100%;max-width:240px;height:auto;aspect-ratio:2/1;object-fit:contain} .page-about__roadmap-section{background:#f2f7f4} .page-about__roadmap-timeline{max-width:800px;margin:0 auto} .page-about__timeline-item{display:flex;flex-direction:column;gap:6px;background:#ffffff;border-radius:14px;padding:20px;margin-bottom:16px;border-left:5px solid #017439} .page-about__timeline-item__marker{display:inline-block;background:#017439;color:#ffff00;font-weight:800;font-size:.95rem;padding:4px 14px;border-radius:999px;width:fit-content} .page-about__timeline-item__title{color:#017439;font-weight:700;font-size:1.1rem} .page-about__timeline-item__text{margin:0} .page-about__guide-inner{max-width:1000px;margin:0 auto;padding:24px 16px 48px} .page-about__guide-list{display:flex;flex-direction:column;gap:32px} .page-about__guide-item{background:#ffffff;border-radius:16px;padding:20px} .page-about__guide-figure{width:100%;max-width:800px;margin:0 auto} .page-about__guide-item__title{color:#017439;font-weight:700;margin-top:8px} .page-about__guide-item__text{max-width:800px;margin-left:auto;margin-right:auto} .page-about__commitment-intro{text-align:center;color:#555} .page-about__commitment-cta{background:#017439;border-radius:18px;margin-top:32px;padding:32px 20px;text-align:center;color:#ffffff} .page-about__commitment-cta__text{font-size:clamp(1.1rem,2vw,1.5rem);font-weight:700;max-width:700px;margin:0 auto 20px} .page-about__cta-links{display:flex;gap:12px;flex-wrap:wrap;justify-content:center} .page-about__btn{display:inline-block;padding:12px 28px;border-radius:999px;font-weight:700;text-decoration:none;background:#ffffff;color:#017439;border:2px solid #ffffff} .page-about__btn--primary{background:#C30808;border-color:#C30808;color:#ffff00} .page-about__btn--secondary{background:#ffffff;border-color:#017439;color:#017439} .page-about__btn:hover{opacity:.9} @media (min-width:769px){.page-about__guide-item{display:flex;align-items:center;gap:24px;text-align:left}.page-about__guide-item:nth-child(even){flex-direction:row-reverse}.page-about__guide-figure{flex:1}.page-about__guide-item__title{margin-top:0}} @media (max-width:1024px){.page-about__intro-inner{flex-direction:column}.page-about__mission-grid,.page-about__commitment-grid{grid-template-columns:repeat(2,1fr)}.page-about__logo-grid{gap:16px}.page-about__partner-strip__logo-grid{grid-template-columns:repeat(4,1fr)}} @media (max-width:768px){.page-about__hero-section{padding-top:0;margin-top:0}.page-about__hero-image{aspect-ratio:2/1}.page-about__hero-title{max-width:100%}.page-about__mission-grid,.page-about__commitment-grid{grid-template-columns:1fr;gap:16px}.page-about__logo-grid{grid-template-columns:repeat(2,1fr);gap:14px}.page-about__logo-item:nth-child(5),.page-about__logo-item:nth-child(6){grid-column:auto}.page-about__guide-item{flex-direction:column}.page-about__guide-figure{flex:1}.page-about img{max-width:100%!important;height:auto!important}.page-about__btn{max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;width:100%}.page-about__commitment-cta__buttons{width:100%;max-width:100%;overflow:hidden;display:flex;flex-direction:column;gap:10px}.page-about__timeline-item{padding:16px}.page-about__partner-strip__inner{grid-template-columns:repeat(2,1fr)}.page-about__intro-stat{width:100%}.page-about__commitment-cta{padding:24px 16px}} @media (max-width:480px){.page-about__logo-grid{grid-template-columns:1fr 1fr}.page-about__logo-item{max-width:100%}}