.about-page{background-color:var(--surface);width:100vw;overflow-x:hidden}.about-hero{background-color:#020617;align-items:center;height:60vh;min-height:500px;display:flex;position:relative}.about-hero-bg{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.about-hero-img{object-fit:cover;width:100%;height:100%}.about-hero-overlay{z-index:1;background:linear-gradient(90deg,#020617f2 0%,#020617bf 50%,#0206174d 100%);width:100%;height:100%;position:absolute;top:0;left:0}.about-hero-content{z-index:2;color:#fff;width:92%;max-width:1600px;margin:60px auto 0;position:relative}.about-title{color:#fff;letter-spacing:-1px;margin-bottom:1rem;font-size:clamp(3rem,5vw,4.5rem);font-weight:900}.about-subtitle{color:#cbd5e1;max-width:800px;font-size:clamp(1.15rem,1.5vw,1.35rem);line-height:1.7}.story-grid{grid-template-columns:1fr 1fr;align-items:center;gap:5rem;padding:6rem 0;display:grid}.story-text h2{color:#0f172a;margin-bottom:1.5rem;font-size:2.5rem;font-weight:800}.story-text p{color:#475569;margin-bottom:1.5rem;font-size:1.15rem;line-height:1.8}.story-image-wrapper{border-radius:12px;width:100%;height:500px;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.story-image{object-fit:cover;width:100%;height:100%}.values-section{background-color:#0f172a;padding:7rem 0}.values-header{text-align:center;margin-bottom:5rem}.values-label{text-transform:uppercase;letter-spacing:3px;color:#38bdf8;margin-bottom:1rem;font-size:.85rem;font-weight:700;display:inline-block}.values-title{color:#fff;text-align:center;margin-bottom:1.25rem;font-size:2.75rem;font-weight:800}.values-subtitle{color:#94a3b8;max-width:600px;margin:0 auto;font-size:1.15rem;line-height:1.7}.values-timeline{flex-direction:column;gap:0;max-width:900px;margin:0 auto;display:flex}.value-item{align-items:stretch;gap:2.5rem;padding:2.5rem 0;display:flex;position:relative}.value-item+.value-item{border-top:1px solid #ffffff0f}.value-number{background:linear-gradient(135deg,#38bdf8,#0056b3);-webkit-text-fill-color:transparent;opacity:.35;-webkit-user-select:none;user-select:none;-webkit-background-clip:text;background-clip:text;flex-shrink:0;align-items:flex-start;min-width:90px;padding-top:.25rem;font-size:4.5rem;font-weight:900;line-height:1;transition:opacity .4s;display:flex}.value-item:hover .value-number{opacity:.7}.value-accent{opacity:.4;background:linear-gradient(#38bdf8,#0056b3);border-radius:3px;flex-shrink:0;width:3px;transition:opacity .4s,box-shadow .4s}.value-item:hover .value-accent{opacity:1;box-shadow:0 0 15px #38bdf866}.value-content{flex-direction:column;justify-content:center;padding:.5rem 0;display:flex}.value-icon-modern{color:#38bdf8;background:#38bdf81a;border:1px solid #38bdf833;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:1.25rem;transition:all .4s;display:flex}.value-item:hover .value-icon-modern{background:#38bdf833;border-color:#38bdf866;transform:scale(1.1);box-shadow:0 0 20px #38bdf826}.value-content h3{color:#f1f5f9;margin-bottom:.75rem;font-size:1.5rem;font-weight:800;transition:color .3s}.value-item:hover .value-content h3{color:#fff}.value-content p{color:#94a3b8;font-size:1.05rem;line-height:1.75;transition:color .3s}.value-item:hover .value-content p{color:#cbd5e1}@media (max-width:768px){.value-item{gap:1.5rem}.value-number{min-width:60px;font-size:3rem}.values-title{font-size:2rem}}@media (max-width:992px){.story-grid{grid-template-columns:1fr;gap:4rem}}