.story-section{padding:4rem 0}.about-grid{isolation:isolate;background:0 0;border-radius:30px;grid-template-columns:1fr 350px;align-items:flex-start;gap:4rem;padding:4rem;display:grid;position:relative;overflow:hidden}.about-grid:before{content:"";opacity:.4;z-index:-1;background-image:url(/images/background-o-nama.jpg);background-position:top;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}.page-header{text-align:center;background-color:var(--surface);padding:4rem 0}.page-header h1{margin-bottom:1rem;font-size:2rem}.about-text{background:0 0}.about-text p{color:#1a1a1a;text-shadow:0 1px 3px #fffc;text-align:justify;margin-bottom:1.5rem;font-weight:500;line-height:1.8}.about-text strong{color:#000}.about-stats{gap:1.5rem;display:grid}.stat-card{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-align:center;background:#ffffffd9;border-radius:20px;padding:2rem;box-shadow:0 10px 30px #00000008}.stat-card .icon{color:var(--primary);margin-bottom:1rem}.stat-card h3{margin-bottom:.5rem;font-size:2rem}.stat-card p{color:var(--text-light);font-size:.9rem}.values-section{padding:6rem 0}.text-center{text-align:center;margin-bottom:3rem}.values-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.value-item{text-align:center}.value-item h3{color:var(--primary);margin-bottom:1rem}.value-item p{color:var(--text-light);line-height:1.6}@media (max-width:992px){.about-grid{grid-template-columns:1fr}.about-stats{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.values-grid,.about-stats{grid-template-columns:1fr}}