.about-page{min-height:100vh}.about-hero{padding:var(--spacing-5xl)var(--spacing-lg)var(--spacing-4xl);position:relative;overflow:hidden}.about-hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 20%,#8bea7c1a 0%,#0000 50%);position:absolute;inset:0}.about-hero__container{z-index:1;max-width:1400px;margin:0 auto;position:relative}.about-hero__grid{gap:var(--spacing-4xl);margin-top:var(--spacing-3xl);grid-template-columns:1fr 1fr;align-items:center;display:grid}@media (max-width:1024px){.about-hero__grid{gap:var(--spacing-3xl);grid-template-columns:1fr}}.about-hero__text{order:1}@media (max-width:1024px){.about-hero__text{order:2}}.about-hero__image-wrapper{aspect-ratio:4/3;border-radius:var(--border-radius-2xl);box-shadow:var(--shadow-xl);transition:all var(--transition-normal);order:2;position:relative;overflow:hidden}@media (max-width:1024px){.about-hero__image-wrapper{order:1;max-width:500px;margin:0 auto}}.about-hero__image-wrapper:hover{box-shadow:var(--shadow-green);transform:scale(1.02)}.about-hero__image{object-fit:cover;transition:transform var(--transition-slow)}.about-hero__image-wrapper:hover .about-hero__image{transform:scale(1.05)}.about-hero__image-overlay{pointer-events:none;background:linear-gradient(135deg,#8bea7c33 0%,#0000 60%);position:absolute;inset:0}.about-hero__card{border-radius:var(--border-radius-2xl)!important;border:1px solid color-mix(in srgb,var(--color-primary)14%,var(--color-border))!important;background:var(--color-background-card)!important;box-shadow:0 1px 2px color-mix(in srgb,var(--color-secondary)6%,transparent),0 10px 28px -14px color-mix(in srgb,var(--color-secondary)12%,transparent)!important;transition:background-color .35s cubic-bezier(.4,0,.2,1),border-color .35s cubic-bezier(.4,0,.2,1),box-shadow .35s cubic-bezier(.4,0,.2,1),transform .35s cubic-bezier(.4,0,.2,1)!important}.about-hero__card:hover{transform:translateY(-6px);background:var(--color-background-secondary)!important;border-color:color-mix(in srgb,var(--color-primary)32%,var(--color-border))!important;box-shadow:0 4px 12px color-mix(in srgb,var(--color-primary)14%,transparent),0 20px 40px -16px color-mix(in srgb,var(--color-secondary)18%,transparent)!important}.about-company{padding:var(--spacing-5xl)var(--spacing-lg)}.about-company__container{max-width:1400px;margin:0 auto}.about-company__grid{gap:var(--spacing-4xl);grid-template-columns:1fr 1fr;align-items:center;display:grid}@media (max-width:1024px){.about-company__grid{gap:var(--spacing-3xl);grid-template-columns:1fr}}.about-company__image-wrapper{aspect-ratio:4/3;border-radius:var(--border-radius-2xl);box-shadow:var(--shadow-lg);transition:all var(--transition-normal);position:relative;overflow:hidden}@media (max-width:1024px){.about-company__image-wrapper{max-width:500px;margin:0 auto}}.about-company__image-wrapper:hover{box-shadow:var(--shadow-green);transform:scale(1.02)}.about-company__image{object-fit:cover;transition:transform var(--transition-slow)}.about-company__image-wrapper:hover .about-company__image{transform:scale(1.05)}.about-company__content{gap:var(--spacing-xl);flex-direction:column;display:flex}.about-company__header{align-items:center;gap:var(--spacing-lg);display:flex}@media (max-width:640px){.about-company__header{text-align:center;flex-direction:column}}.about-company__icon-wrapper{border-radius:var(--border-radius-xl);width:64px;height:64px;transition:all var(--transition-normal);background:linear-gradient(135deg,#8bea7c33 0%,#8bea7c1a 100%);flex-shrink:0;justify-content:center;align-items:center;display:flex}.about-company__icon-wrapper:hover{background:linear-gradient(135deg,#8bea7c4d 0%,#8bea7c26 100%);transform:scale(1.1)rotate(5deg)}.about-company__icon{color:var(--color-text-on-dark)}.about-company__title{font-size:var(--font-size-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-xs)0}.about-company__established{font-size:var(--font-size-sm);color:var(--color-primary);font-weight:var(--font-medium);margin:0}.about-company__description{font-size:var(--font-size-lg);color:var(--color-text-body);margin:0;line-height:1.8}.about-company__stats{gap:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:640px){.about-company__stats{text-align:center;grid-template-columns:1fr}}.about-company__stat{align-items:center;gap:var(--spacing-xs);text-align:center;flex-direction:column;display:flex}.about-company__stat svg{color:var(--color-text-on-dark)}.about-company__stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);background:linear-gradient(135deg,var(--color-primary)0%,var(--color-secondary)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.about-company__stat-label{font-size:var(--font-size-sm);color:var(--color-text-body)}.about-mission{padding:var(--spacing-5xl)var(--spacing-lg)}.about-mission__container{max-width:1200px;margin:0 auto}.about-mission__description{font-size:var(--font-size-lg);color:var(--color-text-body);max-width:800px;margin:0 auto var(--spacing-3xl);text-align:center;line-height:1.7}.about-mission__values{gap:var(--spacing-xl);grid-template-columns:repeat(3,1fr);display:grid}.about-mission__values .about-mission__value-card{text-align:center;box-shadow:0 1px 2px color-mix(in srgb,var(--color-secondary)6%,transparent),0 10px 28px -14px color-mix(in srgb,var(--color-secondary)12%,transparent);position:relative;overflow:hidden;border-radius:var(--border-radius-2xl)!important;border:1px solid color-mix(in srgb,var(--color-primary)14%,var(--color-border))!important;background:var(--color-background-card)!important;transition:background-color .35s cubic-bezier(.4,0,.2,1),border-color .35s cubic-bezier(.4,0,.2,1),box-shadow .35s cubic-bezier(.4,0,.2,1),transform .35s cubic-bezier(.4,0,.2,1)!important}.about-mission__values .about-mission__value-card:hover{box-shadow:0 4px 12px color-mix(in srgb,var(--color-primary)14%,transparent),0 20px 40px -16px color-mix(in srgb,var(--color-secondary)18%,transparent);transform:translateY(-6px);background:var(--color-background-secondary)!important;border-color:color-mix(in srgb,var(--color-primary)32%,var(--color-border))!important}.about-mission__value-icon{color:var(--color-primary);margin-bottom:var(--spacing-md);justify-content:center;transition:color .35s cubic-bezier(.4,0,.2,1),transform .35s cubic-bezier(.4,0,.2,1);display:flex}.about-mission__values .about-mission__value-card:hover .about-mission__value-icon{color:var(--color-secondary);transform:scale(1.06)}.about-mission__value-title{font-size:var(--font-size-lg);color:var(--color-text-primary);margin:0 0 var(--spacing-sm)0;font-weight:700}.about-mission__value-description{font-size:var(--font-size-sm);color:var(--color-text-body);margin:0;line-height:1.6}.about-services{padding:var(--spacing-5xl)var(--spacing-lg);background:var(--color-background)}.about-services__container{max-width:1200px;margin:0 auto}.about-services__grid{gap:var(--spacing-lg);margin-top:var(--spacing-3xl);grid-template-columns:repeat(3,1fr);display:grid}.about-services__item{text-align:center;transition:all .3s}.about-services__item:hover{border-color:var(--color-primary);transform:translateY(-4px)}.about-services__item-icon{color:var(--color-text-on-dark);margin-bottom:var(--spacing-md);justify-content:center;display:flex}.about-services__item-title{font-size:var(--font-size-base);color:var(--color-text-primary);margin:0;font-weight:600}@media (max-width:1024px){.about-mission__values,.about-services__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.about-hero{padding:var(--spacing-3xl)var(--spacing-md)var(--spacing-2xl)}.about-company{padding:var(--spacing-3xl)var(--spacing-md)}.about-company__header{text-align:center;flex-direction:column}.about-mission{padding:var(--spacing-3xl)var(--spacing-md)}.about-mission__values{grid-template-columns:1fr}.about-services{padding:var(--spacing-3xl)var(--spacing-md)}.about-services__grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.about-hero__card:hover,.about-mission__values .about-mission__value-card:hover{transform:none}}
