.about-content{max-width:800px;margin:0 auto;padding:2rem 1rem;line-height:1.6;color:#222222;font-family:helvetica Neue,Arial,Helvetica,sans-serif;background:#ffffff;border-radius:12px;box-shadow:0 2px 16px rgba(57,57,63,.07)}.about-content h1{font-size:2.5rem;text-align:center;margin-bottom:2rem;color:var(--secondary-text)}.about-content h2{font-size:clamp(2rem,4vw,2.5rem);text-align:center;color:#222222;background:#ffffff;margin-bottom:1.5rem;font-weight:700;letter-spacing:.02}.about-content p{margin:1rem 0;font-size:1.08rem;color:var(--secondary-text,#444)}.about-content p strong{color:var(--highlight-text,#6c63ff)}.about-content p strong.principle-title{color:var(--primary-bg);font-weight:600;display:inline-block;margin-top:.2rem;padding:0}.about-section{margin-bottom:2rem}.about-section h3{color:var(--primary-bg);margin-bottom:1rem;font-size:1.4rem;text-align:center;text-decoration:underline}.about-section p{line-height:1.6;color:var(--secondary-text,#444);margin:1rem 0}.principle-item{margin-bottom:.5rem;display:inline-block;width:100%}.principle-item h4{color:var(--primary-bg);margin-bottom:.25rem;font-size:1.1rem;font-weight:600;display:inline-block;margin-right:.5rem}.principle-item p{display:inline}.about-section.card{position:relative;padding:1.5rem;margin-bottom:2rem;background-color:var(--secondary-bg);border-radius:8px;box-shadow:0 3px 8px var(--card-shadow);transition:all .2s ease;background-image:linear-gradient(var(--secondary-bg),var(--secondary-bg)),linear-gradient(90deg,var(--theme-primary) 0,var(--forest-green) 100%);background-origin:border-box;background-clip:padding-box,border-box;border:2px solid transparent}.about-section.card:hover{box-shadow:0 5px 15px var(--card-hover-shadow);transform:translateY(-3px)}.about-section .btn-eco,.about-section .btn-primary{padding:.6rem 1.5rem;border:none;border-radius:4px;font-weight:500;cursor:pointer;transition:all .2s ease}.about-section .btn-primary{background-color:var(--theme-primary);color:var(--theme-text-primary)}.about-section .btn-primary:hover{background-color:var(--theme-primary-dark);box-shadow:0 0 0 3px var(--forest-light)}.about-section .btn-eco{background-color:var(--forest-green);color:var(--theme-text-primary)}.about-section .btn-eco:hover{background-color:var(--forest-dark)}.highlight-bg{background:var(--highlight-bg-subtle);color:var(--secondary-text);padding:.15em .4em;border-radius:4px;font-weight:600}@media (max-width:768px){.about-content{margin:1.5rem .5rem;padding:1.2rem .5rem}.about-content h1{font-size:2rem}.about-section h3{font-size:1.2rem}}.roles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1200px;margin:0 auto 2rem}.role-card{text-align:left;display:flex;flex-direction:column;padding:1.5rem;background:var(--secondary-bg,#f8fafb);border-radius:12px;box-shadow:0 2px 12px var(--card-shadow,rgba(57,57,63,.07));border-top:4px solid var(--theme-primary);position:relative;overflow:hidden}.role-card:before{content:"";display:block;position:absolute;top:0;left:0;right:0;height:6px;border-radius:12px 12px 0 0;background:linear-gradient(90deg,var(--accent-yellow),var(--theme-primary),var(--forest-green));opacity:.18;pointer-events:none}.role-card:first-child{border-top-color:var(--accent-yellow)}.role-card:nth-child(2){border-top-color:var(--theme-primary)}.role-card:nth-child(3){border-top-color:var(--forest-green)}.role-card:hover{box-shadow:0 6px 24px var(--card-hover-shadow,rgba(57,57,63,.13));z-index:2}.role-icon{font-size:3rem;margin-bottom:1rem;align-self:center;filter:drop-shadow(0 2px 6px var(--card-shadow,rgba(57,57,63,.07)))}.role-card h3,.role-icon{color:var(--theme-primary)}.role-card h3{font-size:1.5rem;letter-spacing:.01em}.role-card p{margin-bottom:1rem;flex-grow:0}@media (max-width:600px){.roles-grid{gap:1rem}.role-card{padding:1rem}.role-icon{font-size:2.2rem}}