.inner-page{background:var(--color-white);color:var(--color-text)}
.inner-page .site-header,.inner-page .site-nav>a{color:var(--color-white)}
.inner-page .site-nav>a,.inner-page .site-nav>a:hover,.inner-page .site-nav>a:focus-visible{text-decoration:none}
.about-page-main{padding-top:0}
.page-container{width:calc(100% - 60px);max-width:1340px!important;margin:0 auto}
.page-banner{position:relative;height:380px;overflow:hidden;background:var(--color-header-footer)}
.page-banner>img{position:absolute;right:4%;bottom:-8px;width:min(1100px,72vw);height:310px;object-fit:contain;object-position:right bottom;opacity:.62}
.section-breadcrumb{position:absolute;z-index:2;right:0;bottom:0;left:0;padding:0 0 32px}
.breadcrumb-ul{display:flex;align-items:center;gap:8px;margin:0;padding:0;color:var(--color-white);font-size:18px}
.breadcrumb-ul li{list-style:none}
.breadcrumb-ul li+li:before{content:"/";margin-right:8px;color:var(--color-white-70)}
.breadcrumb-ul a{text-decoration:none}
.breadcrumb-ul a:hover{text-decoration:underline;text-underline-offset:4px}
.about-purpose-section{padding:92px 0 105px;background:var(--color-white)}
.about-page-heading{margin-bottom:42px}
.about-page-heading h1{margin:0;color:var(--color-content);font-size:34px;line-height:1.35;text-transform:uppercase}
.purpose-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.purpose-card{display:grid;grid-template-columns:74px 1fr;gap:25px;min-height:270px;padding:45px;border:1px solid var(--color-border-light);border-top:5px solid var(--color-header-footer);border-radius:0 0 24px 24px;background:var(--color-white);box-shadow:0 18px 45px var(--color-ink-10)}
.purpose-number{font-size:20px;font-weight:800;color:var(--color-header-footer)}
.purpose-card h2{margin:0 0 20px;color:var(--color-content);font-size:34px;line-height:1.35;text-transform:uppercase}
.purpose-card div>p:last-child{margin:0;font-size:20px;line-height:1.75}
.core-values-section{padding:90px 0 100px;background:var(--color-surface)}
.core-values-section .section-title-h2 h2{color:var(--color-content)}
.core-values-section .section-title-h2 p{color:var(--color-text-muted)}
.values-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}
.value-card{grid-column:span 2;min-height:275px;padding:34px 30px;border-top:5px solid var(--color-header-footer);border-radius:0 0 20px 20px;background:var(--color-white);box-shadow:0 12px 34px var(--color-ink-10)}
.value-card:nth-child(4){grid-column:2/span 2}.value-card:nth-child(5){grid-column:4/span 2}
.value-card>span{display:flex;width:38px;height:38px;align-items:center;justify-content:center;margin-bottom:38px;border-radius:50%;background:var(--color-accent-soft);color:var(--color-header-footer);font-size:15px;font-weight:800}
.value-card h3{margin:0 0 15px;color:var(--color-content);font-size:24px;line-height:1.25}
.value-card p{margin:0;color:var(--color-text);font-size:18px;line-height:1.7}
.company-culture-section{padding:105px 0;background:var(--color-white);color:var(--color-text)}
.culture-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);gap:80px;align-items:center}
.culture-image{overflow:hidden;border-radius:48px 48px 0 48px;box-shadow:22px 22px 0 var(--color-header-footer)}
.culture-image img{display:block;width:100%;min-height:480px;object-fit:cover}
.culture-copy h2{margin:0 0 18px;color:var(--color-content);font-size:34px;line-height:1.35;text-transform:uppercase}
.culture-copy h3{margin:0 0 24px;color:var(--color-content-deep);font-size:26px;line-height:1.4}
.culture-copy p{max-width:650px;margin:0;color:var(--color-text);font-size:20px;line-height:1.8}
@media(max-width:1000px){.purpose-grid{grid-template-columns:1fr}.values-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.value-card,.value-card:nth-child(4),.value-card:nth-child(5){grid-column:auto}.value-card:last-child{grid-column:1/-1}.culture-grid{grid-template-columns:1fr;gap:65px}.culture-image{max-width:720px}}
@media(max-width:1100px){.about-page-main{padding-top:0}.page-banner{height:320px}.page-banner>img{height:270px}}
@media(max-width:575px){.page-container{width:calc(100% - 30px)}.page-banner{height:260px}.page-banner>img{right:-18%;width:110%;height:220px;opacity:.42}.section-breadcrumb{padding-bottom:24px}.breadcrumb-ul{font-size:16px}.about-purpose-section,.core-values-section,.company-culture-section{padding:64px 0}.about-page-heading{margin-bottom:32px}.about-page-heading h1,.purpose-card h2,.culture-copy h2{font-size:26px}.purpose-card{grid-template-columns:1fr;gap:16px;min-height:0;padding:28px 24px;border-radius:0 0 20px 20px}.purpose-card div>p:last-child{font-size:18px}.values-grid{grid-template-columns:1fr}.value-card,.value-card:last-child{grid-column:auto;min-height:0;padding:28px 24px}.value-card>span{margin-bottom:24px}.culture-grid{gap:52px}.culture-image{border-radius:30px 30px 0 30px;box-shadow:14px 14px 0 var(--color-header-footer)}.culture-image img{min-height:260px}.culture-copy h3{font-size:22px}.culture-copy p{font-size:18px}}

/* About purpose and values visual system */
.about-purpose-section{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--color-white) 0%,var(--color-surface-soft) 100%)}
.about-purpose-section:before{content:"";position:absolute;top:-190px;right:-160px;width:440px;height:440px;border:1px solid var(--color-content-12);border-radius:50%;box-shadow:0 0 0 65px var(--color-content-12),0 0 0 130px rgba(81,69,143,.05)}
.about-purpose-section .page-container{position:relative;z-index:1}
.purpose-grid{gap:0;overflow:hidden;border-radius:30px;box-shadow:0 24px 58px var(--color-shadow)}
.purpose-card{position:relative;min-height:340px;padding:54px 50px;border:0;border-radius:0;background:var(--color-header-footer);color:var(--color-white);box-shadow:none;overflow:hidden}
.purpose-card:nth-child(2){background:var(--color-content)}
.purpose-card:before{content:"";position:absolute;right:-92px;bottom:-120px;width:280px;height:280px;border:1px solid var(--color-white-15);border-radius:50%;box-shadow:0 0 0 38px var(--color-white-08),0 0 0 76px var(--color-white-08)}
.purpose-card>div,.purpose-number{position:relative;z-index:1}
.purpose-number{display:flex;width:56px;height:56px;align-items:center;justify-content:center;border:1px solid var(--color-white-70);border-radius:50%;color:var(--color-white);font-size:17px}
.purpose-card h2{color:var(--color-white)}
.purpose-card div>p:last-child{max-width:520px;color:var(--color-white-95)}
.core-values-section{position:relative;background:var(--color-surface)}
.values-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.value-card,.value-card:nth-child(4),.value-card:nth-child(5),.value-card:last-child{position:relative;grid-column:auto!important;min-height:320px;padding:32px 26px 34px;border:0;border-radius:18px;background:var(--color-white);box-shadow:0 15px 36px var(--color-ink-10);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}
.value-card:before{content:"";position:absolute;top:0;right:0;left:0;height:6px;background:linear-gradient(90deg,var(--color-header-footer),var(--color-content))}
.value-card:after{content:"";position:absolute;right:-46px;bottom:-48px;width:118px;height:118px;border:1px solid var(--color-content-12);border-radius:50%;box-shadow:0 0 0 22px rgba(81,69,143,.04)}
.value-card:nth-child(even):before{background:linear-gradient(90deg,var(--color-content),var(--color-header-footer))}
.value-card>span{position:relative;z-index:1;width:48px;height:48px;margin-bottom:42px;border:1px solid rgba(81,69,143,.16);background:var(--color-accent-soft);font-size:16px}
.value-card h3,.value-card p{position:relative;z-index:1}
.value-card h3{min-height:55px;margin-bottom:14px;font-size:23px}
.value-card:hover{transform:translateY(-7px);box-shadow:0 22px 46px var(--color-shadow)}
@media(max-width:1300px){.values-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.purpose-grid{grid-template-columns:1fr}.purpose-card{min-height:280px}.values-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575px){.about-purpose-section:before{display:none}.purpose-grid{border-radius:20px}.purpose-card{grid-template-columns:56px 1fr;min-height:0;padding:32px 24px;border-radius:0}.purpose-card h2{font-size:26px}.purpose-number{width:46px;height:46px}.values-grid{grid-template-columns:1fr;gap:16px}.value-card,.value-card:nth-child(4),.value-card:nth-child(5),.value-card:last-child{min-height:0;padding:28px 24px}.value-card>span{margin-bottom:25px}.value-card h3{min-height:0}.value-card:hover{transform:none}}
