.box:where(.astro-AB4IHPZS){border:1px solid var(--gray-800);border-radius:.75rem;padding:1.5rem;background-color:var(--gray-999_40);box-shadow:var(--shadow-sm)}.skills:where(.astro-AB4IHPZS){display:flex;flex-direction:column;gap:3rem}.skills:where(.astro-AB4IHPZS) h2:where(.astro-AB4IHPZS){font-size:var(--text-lg)}.skills:where(.astro-AB4IHPZS) p:where(.astro-AB4IHPZS){color:var(--gray-400)}@media (min-width: 50em){.box:where(.astro-AB4IHPZS){border-radius:1.5rem;padding:2.5rem}.skills:where(.astro-AB4IHPZS){display:grid;grid-template-columns:repeat(3,1fr);gap:5rem}.skills:where(.astro-AB4IHPZS) h2:where(.astro-AB4IHPZS){font-size:var(--text-2xl)}}.hero:where(.astro-J7PV25F6){display:flex;flex-direction:column;align-items:center;gap:2rem}.roles:where(.astro-J7PV25F6){display:none}.hero:where(.astro-J7PV25F6) img:where(.astro-J7PV25F6){object-fit:cover;object-position:top;border-radius:1.5rem;box-shadow:var(--shadow-md)}@media (min-width: 50em){.hero:where(.astro-J7PV25F6){display:grid;grid-template-columns:6fr 4fr;padding-inline:2.5rem;gap:3.75rem}.roles:where(.astro-J7PV25F6){margin-top:.5rem;display:flex;gap:.5rem}.hero:where(.astro-J7PV25F6) img:where(.astro-J7PV25F6){aspect-ratio:3 / 4;border-radius:4.5rem;object-fit:cover}}