.about-page{width:100%;min-height:100vh}.about-hero{width:100%;padding:var(--pagePadding) 0;position:relative;overflow:hidden}.about-hero:before{content:"";position:absolute;top:-10%;left:-10%;width:120%;height:120%;background:var(--hero-page-before-background);pointer-events:none;animation:backgroundDrift 16s ease-in-out infinite;z-index:1}@keyframes backgroundDrift{0%,to{transform:translate(0) rotate(0);opacity:1}33%{transform:translate(-12px,8px) rotate(1deg);opacity:.88}66%{transform:translate(12px,-8px) rotate(-1deg);opacity:.92}}.about-hero-container{max-width:900px;margin:0 auto;padding:0 var(--pagePadding);text-align:center;position:relative;z-index:10}.about-hero-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:800;background:linear-gradient(120deg,var(--color-primary) 0%,var(--color-secondary) 50%,var(--color-accent) 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-lg);line-height:1.1;animation:gradientShift 6s ease-in-out infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.about-hero-subtitle{font-size:clamp(1.125rem,2.5vw,1.5rem);color:var(--color-text-light);line-height:1.6}.about-anchor-nav{margin-top:var(--spacing-xl);display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--spacing-sm)}.about-anchor-link{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-white);color:var(--color-text-light);text-decoration:none;font-size:.875rem;font-weight:600;transition:all .25s ease}.about-anchor-link:hover{color:var(--color-primary);border-color:var(--color-primary);transform:translateY(-1px)}.about-anchor-link.is-active{background:var(--color-primary);color:var(--color-cream);border-color:var(--color-primary)}.about-anchor-target{scroll-margin-top:110px}.about-section{width:100%;padding:var(--pagePadding) 0}.about-container{max-width:1400px;margin:0 auto;padding:0 var(--pagePadding)}.about-section-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-lg);background:#35395b1a;color:var(--color-primary);font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:1px;border-radius:var(--radius-full);margin-bottom:var(--spacing-xl)}.about-section-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-lg);line-height:1.2}.about-section-description{font-size:clamp(1rem,2vw,1.25rem);color:var(--color-text-light);line-height:1.8;margin-bottom:var(--spacing-2xl);max-width:900px}.about-why-susu{background:var(--color-background-alt)}.about-why-susu-grid{display:grid;grid-template-columns:3fr 2fr;gap:var(--spacing-4xl);align-items:start}.about-why-susu-title{margin-bottom:var(--spacing-2xl)}.about-why-susu-text{font-size:clamp(1rem,1.8vw,1.125rem);color:var(--color-text);line-height:1.85;margin-bottom:var(--spacing-xl)}.about-why-susu-text--closing{font-style:italic;color:var(--color-text-secondary);border-left:3px solid var(--color-accent);padding-left:var(--spacing-lg);margin-bottom:0}.about-why-susu-meanings{display:flex;flex-direction:column;gap:0;border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;position:sticky;top:calc(var(--header-height, 70px) + var(--spacing-xl))}.about-why-susu-meaning{padding:var(--spacing-xl) var(--spacing-2xl);background:var(--color-white);border-bottom:1px solid var(--color-border);transition:background .2s ease}.about-why-susu-meaning:last-child{border-bottom:none}.about-why-susu-meaning:hover{background:var(--color-background)}.about-why-susu-meaning-lang{display:block;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-primary);opacity:.6;margin-bottom:var(--spacing-xs)}.about-why-susu-meaning-word{display:block;font-size:clamp(1.125rem,2vw,1.375rem);font-family:var(--font-heading);color:var(--color-primary);margin-bottom:var(--spacing-sm)}.about-why-susu-meaning-text{font-size:.9rem;color:var(--color-text-secondary);line-height:1.6;margin:0}.about-mission{background:var(--color-white);padding-bottom:var(--spacing-sm)}.about-mission-intro-card{position:relative;margin-bottom:var(--spacing-3xl);overflow:hidden}.about-mission-intro{font-size:clamp(1.125rem,2vw,1.375rem);color:var(--color-text);line-height:1.8;margin-bottom:0;max-width:900px;font-weight:500}.about-objectives{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-2xl)}.about-objective{position:relative;padding:var(--spacing-2xl);background:linear-gradient(145deg,var(--color-background) 0%,var(--color-background-alt) 100%);border-radius:var(--radius-xl);border:1px solid var(--color-border);transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),background .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.about-objective:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);background:linear-gradient(145deg,var(--color-background) 0%,var(--color-background) 100%)}.about-objective:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 0%,rgba(255,255,255,.35),transparent 48%);opacity:0;pointer-events:none;transition:opacity .3s ease}.about-objective:hover:after{opacity:1}.about-objective-index{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 var(--spacing-sm);border-radius:var(--radius-full);background:linear-gradient(135deg,#35395b1f,#a9a2791f);color:var(--color-primary);font-size:.9375rem;font-weight:700;margin-bottom:var(--spacing-md);border:1px solid rgba(53,57,91,.25)}.about-objective-title{font-size:1.5rem;font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-md);background:linear-gradient(120deg,var(--color-primary) 0%,var(--color-secondary) 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-objective-description{font-size:1rem;color:var(--color-text-light);line-height:1.7}.about-vision{background:var(--color-background-alt)}.about-pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg)}.about-pillar{position:relative;padding:var(--spacing-2xl);background:var(--color-background);border-radius:var(--radius-lg);border:2px solid var(--color-border);transition:all .3s cubic-bezier(.4,0,.2,1)}.about-pillar:hover{border-color:var(--color-primary);transform:translateY(-5px);box-shadow:var(--shadow-lg)}.about-pillar-number{font-size:3rem;font-weight:800;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:.2;margin-bottom:var(--spacing-md);line-height:1}.about-pillar-title{font-size:1.375rem;font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-md);line-height:1.3}.about-pillar-description{font-size:1rem;color:var(--color-text-light);line-height:1.6}.about-vision-bridge{padding:var(--spacing-2xl);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.about-vision-bridge-text{color:var(--color-text-light);line-height:1.7;margin-bottom:var(--spacing-lg);max-width:860px}.about-vision-bridge-actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.about-values-approach-wrapper{background:var(--degrade-in-page);position:relative;overflow:hidden}.about-values-approach-wrapper:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(var(--color-primary-rgb),.05) 0%,transparent 70%);pointer-events:none}.about-values-approach-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl);position:relative}@media(min-width:1024px){.about-values-approach-grid{grid-template-columns:1fr 1fr;gap:var(--spacing-2xl)}.about-values-approach-grid:before{content:"";position:absolute;top:0;left:50%;width:2px;height:100%;background:linear-gradient(to bottom,transparent 0%,var(--color-border) 10%,var(--color-primary) 50%,var(--color-border) 90%,transparent 100%);transform:translate(-50%)}}.about-values-column,.about-approach-column{position:relative;padding:var(--spacing-xl);background:linear-gradient(135deg,var(--color-background-alt) 0%,var(--color-background) 100%);border-radius:var(--radius-xl);border:1px solid var(--color-border);transition:all .4s cubic-bezier(.4,0,.2,1)}@media(min-width:1024px){.about-values-column:hover,.about-approach-column:hover{transform:scale(1.01);box-shadow:var(--shadow-xl);border-color:var(--color-primary)}}.about-values-column .about-section-badge,.about-approach-column .about-section-badge{margin-bottom:var(--spacing-sm)}.about-values-column .about-section-title,.about-approach-column .about-section-title{margin-bottom:var(--spacing-md);font-size:clamp(1.5rem,2.5vw,1.875rem)}.about-approach-column .about-section-description{margin-bottom:var(--spacing-lg);max-width:100%;font-size:.9375rem}.about-values-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.about-value{position:relative;padding:var(--spacing-lg);padding-left:var(--spacing-xl);background:var(--color-background);border-radius:var(--radius-md);border-left:4px solid transparent;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.about-value:hover:before{height:100%}.about-value:hover{transform:translate(8px);box-shadow:var(--shadow-md);border-left-color:transparent}.about-value-title{font-size:1.125rem;font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-xs);position:relative;display:inline-block}.about-value-title:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));transition:width .3s cubic-bezier(.4,0,.2,1)}.about-value:hover .about-value-title:after{width:100%}.about-value-description{font-size:1rem;color:var(--color-text-light);line-height:1.7}.about-approach-list{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}.about-approach-card{position:relative;padding:var(--spacing-lg);background:var(--color-background);border:2px solid var(--color-border);border-radius:var(--radius-md);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.about-approach-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:0;background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.05),rgba(var(--color-secondary-rgb),.05));transition:height .3s cubic-bezier(.4,0,.2,1);z-index:0}.about-approach-card:hover:before{height:100%}.about-approach-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.about-approach-title{font-size:1.0625rem;font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-xs);position:relative;z-index:1}.about-approach-description{font-size:.9375rem;color:var(--color-text-light);line-height:1.6;position:relative;z-index:1}.about-team{background:var(--degrade-in-page)}.about-team .about-container{max-width:900px;text-align:center}.about-team .about-section-description{margin:0 auto}.about-cta{width:100%;padding:var(--pagePadding) 0;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);position:relative;overflow:hidden}.about-cta:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(255,255,255,.1) 0%,transparent 50%);animation:rotate 20s linear infinite;pointer-events:none;z-index:1}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.about-cta-container{max-width:900px;margin:0 auto;padding:0 var(--pagePadding);text-align:center;position:relative;z-index:10}.about-cta-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;color:var(--color-cream);margin-bottom:var(--spacing-md);line-height:1.2}.about-cta-subtitle{font-size:clamp(1rem,2vw,1.25rem);color:var(--color-cream);opacity:.95;line-height:1 .6;margin-bottom:var(--spacing-2xl)}.about-cta-buttons{display:flex;gap:var(--spacing-lg);justify-content:center;flex-wrap:wrap}@media(max-width:1024px){.about-pillars{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.about-hero,.about-section,.about-cta{padding:var(--spacing-3xl) 0}.about-anchor-nav{justify-content:flex-start}.about-objectives,.about-pillars,.about-values-grid,.about-approach-grid,.about-why-susu-grid{grid-template-columns:1fr}.about-why-susu-meanings{position:static}.about-cta-buttons{flex-direction:column;align-items:stretch}.about-hero-container,.about-container,.about-cta-container{padding:0 var(--spacing-lg)}}@media(max-width:480px){.about-objective,.about-pillar,.about-value,.about-approach-card{padding:var(--spacing-lg)}.about-hero-container,.about-container,.about-cta-container{padding:0 var(--spacing-md)}}.theme-dark .about-objective,.theme-dark .about-pillar,.theme-dark .about-value,.theme-dark .about-approach-card{background:var(--color-background-alt);border-color:#35395b33}.theme-dark .about-mission-intro-card{background:var(--color-background-alt);border-color:#35395b40}.theme-dark .about-objective-index{border-color:#35395b73;background:#35395b29}.theme-dark .about-pillar:hover,.theme-dark .about-approach-card:hover{border-color:var(--color-primary)}.theme-dark .about-objective:hover{border-color:#35395b33;box-shadow:var(--shadow-lg)}.theme-dark .about-objective:after{background:radial-gradient(circle at 18% 0%,rgba(53,57,91,.12),transparent 52%)}.theme-dark .about-anchor-link{background:var(--color-background-alt);border-color:#35395b40}.theme-dark .about-anchor-link:hover{border-color:var(--color-primary)}.theme-dark .about-why-susu-meaning{background:var(--color-background-alt);border-bottom-color:#35395b40}.theme-dark .about-why-susu-meaning:hover{background:var(--color-background)}.theme-dark .about-why-susu-meanings{border-color:#35395b40}