.about-hero:where(.astro-kh7btl4r){background:linear-gradient(180deg,var(--color-bg) 0,rgba(var(--rgb-brand-3),.1) 100%);padding:10rem 0 4rem}.hero-content:where(.astro-kh7btl4r){display:grid;grid-template-columns:1.2fr .8fr;grid-gap:4rem;align-items:center;gap:4rem}.hero-image:where(.astro-kh7btl4r){margin-left:auto;max-width:320px}@media (max-width:768px){.hero-content:where(.astro-kh7btl4r){grid-template-columns:1fr;text-align:center}.hero-image:where(.astro-kh7btl4r){margin:0 auto;max-width:250px;order:-1}}.hero-text:where(.astro-kh7btl4r) h1:where(.astro-kh7btl4r){--fs:3.5rem;--lh:1.1}.hero-text:where(.astro-kh7btl4r) h1:where(.astro-kh7btl4r),.lead:where(.astro-kh7btl4r){margin-bottom:1.5rem}.lead:where(.astro-kh7btl4r){--fs:var(--font-size-lg);font-weight:500}.hero-text:where(.astro-kh7btl4r) p:where(.astro-kh7btl4r){margin-bottom:1rem;opacity:.8}.hero-image:where(.astro-kh7btl4r) img:where(.astro-kh7btl4r){border-radius:1rem;box-shadow:0 20px 60px #00000026;width:100%}.story-section:where(.astro-kh7btl4r){padding:6rem 0}.story-section:where(.astro-kh7btl4r) .u-container:where(.astro-kh7btl4r){display:grid;grid-template-columns:.7fr 1.3fr;grid-gap:4rem;align-items:center;gap:4rem}@media (max-width:768px){.story-section:where(.astro-kh7btl4r) .u-container:where(.astro-kh7btl4r){grid-template-columns:1fr}}.story-content:where(.astro-kh7btl4r) h2:where(.astro-kh7btl4r){--fs:2.5rem;margin-bottom:2rem}.story-text:where(.astro-kh7btl4r) p:where(.astro-kh7btl4r){margin-bottom:1.5rem;opacity:.8}.work-image:where(.astro-kh7btl4r){max-width:380px}.work-image:where(.astro-kh7btl4r) img:where(.astro-kh7btl4r){border-radius:1rem;box-shadow:0 15px 40px #0000001f;width:100%}.skills-section:where(.astro-kh7btl4r){background:linear-gradient(135deg,rgba(var(--rgb-brand-3),.03) 0,rgba(var(--rgb-brand-1),.05));padding:6rem 0}.skills-section:where(.astro-kh7btl4r) h2:where(.astro-kh7btl4r){--fs:2.5rem;margin-bottom:.75rem;text-align:center}.skills-subtitle:where(.astro-kh7btl4r){margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:500px;opacity:.7;text-align:center}.skills-grid:where(.astro-kh7btl4r){display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1.5rem;gap:1.5rem}@media (max-width:1024px){.skills-grid:where(.astro-kh7btl4r){grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.skills-grid:where(.astro-kh7btl4r){grid-template-columns:1fr}}.skill-card:where(.astro-kh7btl4r){background:var(--color-bg);border:1px solid rgba(var(--rgb-brand-3),.08);border-radius:1rem;box-shadow:0 4px 24px #0000000f;padding:2rem;transition:transform .3s ease,box-shadow .3s ease}.skill-card:where(.astro-kh7btl4r):hover{box-shadow:0 12px 32px #0000001a;transform:translateY(-6px)}.skill-icon:where(.astro-kh7btl4r){align-items:center;background:linear-gradient(135deg,rgba(var(--rgb-brand-1),.1) 0,rgba(var(--rgb-brand-1),.05));border-radius:12px;color:var(--color-brand-1);display:flex;height:56px;justify-content:center;margin-bottom:1.25rem;width:56px}.skill-card:where(.astro-kh7btl4r) h3:where(.astro-kh7btl4r){color:var(--color-text);font-size:1.1rem;font-weight:600;margin-bottom:1.25rem}.skill-card:where(.astro-kh7btl4r) ul:where(.astro-kh7btl4r){list-style:none;margin:0;padding:0}.skill-card:where(.astro-kh7btl4r) li:where(.astro-kh7btl4r){align-items:center;color:var(--color-text);display:flex;font-size:.9rem;gap:.75rem;opacity:.85;padding:.6rem 0}.item-dot:where(.astro-kh7btl4r){background:var(--color-brand-1);border-radius:50%;flex-shrink:0;height:6px;width:6px}.values-section:where(.astro-kh7btl4r){padding:6rem 0}.values-section:where(.astro-kh7btl4r) h2:where(.astro-kh7btl4r){--fs:2.5rem;margin-bottom:3rem;text-align:center}.values-grid:where(.astro-kh7btl4r){display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem}.value-card:where(.astro-kh7btl4r){padding:2rem;text-align:center}.value-card:where(.astro-kh7btl4r) h3:where(.astro-kh7btl4r){font-size:1.25rem;margin-bottom:1rem}.value-card:where(.astro-kh7btl4r) p:where(.astro-kh7btl4r){font-size:var(--font-size-sm);opacity:.8}.cta-section:where(.astro-kh7btl4r){background:var(--color-brand-3);color:var(--color-brand-1);padding:6rem 0;text-align:center}.cta-section:where(.astro-kh7btl4r) h2:where(.astro-kh7btl4r){--fs:2.5rem;margin-bottom:1rem}.cta-section:where(.astro-kh7btl4r) p:where(.astro-kh7btl4r){margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:40em;opacity:.8}.cta-buttons:where(.astro-kh7btl4r){display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}
