.box:where(.astro-AB4IHPZS){border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:1.5rem;background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-sm)}.skills:where(.astro-AB4IHPZS){display:flex;flex-direction:column;gap:2rem}.skill-card:where(.astro-AB4IHPZS){padding:1.5rem;border-radius:var(--radius-lg);border:1px solid transparent;transition:all var(--hover-transition)}.skill-card:where(.astro-AB4IHPZS):hover{border-color:var(--glass-border);background:var(--accent-subtle-overlay);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.skills:where(.astro-AB4IHPZS) h2:where(.astro-AB4IHPZS){font-size:var(--text-lg);color:var(--gray-0)}.skills:where(.astro-AB4IHPZS) p:where(.astro-AB4IHPZS){color:var(--gray-400);line-height:1.7}@media (min-width: 50em){.box:where(.astro-AB4IHPZS){border-radius:var(--radius-xl);padding:2.5rem}.skills:where(.astro-AB4IHPZS){display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;.skills h2{font-size:var(--text-2xl)}}}.hero:where(.astro-J7PV25F6){display:flex;flex-direction:column;align-items:center;gap:2rem}.roles:where(.astro-J7PV25F6){margin-top:1rem;gap:.75rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;animation:fadeInUp .8s ease-out .5s both}.hero:where(.astro-J7PV25F6) img:where(.astro-J7PV25F6){aspect-ratio:5 / 4;object-fit:cover;object-position:top;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}@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:.75rem;flex-wrap:wrap;align-items:center;justify-content:center}.hero:where(.astro-J7PV25F6) img:where(.astro-J7PV25F6){aspect-ratio:3 / 4;border-radius:var(--radius-xl);object-fit:cover}}.section:where(.astro-J7PV25F6){display:grid;gap:2rem}.with-background:where(.astro-J7PV25F6){position:relative}.with-background:where(.astro-J7PV25F6):before{content:"";position:absolute;pointer-events:none;left:50%;width:80vw;height:300px;top:-100px;transform:translate(-50%);background:radial-gradient(ellipse at center,var(--accent-overlay) 0%,transparent 70%);z-index:-1;filter:blur(60px)}.with-background:where(.astro-J7PV25F6).bg-variant:before{background:radial-gradient(ellipse at center,hsla(187,92%,69%,.15) 0%,transparent 70%)}.section-header:where(.astro-J7PV25F6){justify-self:center;text-align:center;max-width:50ch;font-size:var(--text-md);color:var(--gray-300)}.section-header:where(.astro-J7PV25F6) h3:where(.astro-J7PV25F6){font-size:var(--text-2xl);background:var(--gradient-hero);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (min-width: 50em){.section:where(.astro-J7PV25F6){grid-template-columns:repeat(4,1fr);grid-template-areas:"header header header header" "gallery gallery gallery gallery";gap:5rem}.section:where(.astro-J7PV25F6).with-cta{grid-template-areas:"header header header cta" "gallery gallery gallery gallery"}.section-header:where(.astro-J7PV25F6){grid-area:header;font-size:var(--text-lg)}.section-header:where(.astro-J7PV25F6) h3:where(.astro-J7PV25F6){font-size:var(--text-4xl)}.with-cta:where(.astro-J7PV25F6) .section-header:where(.astro-J7PV25F6){justify-self:flex-start;text-align:left}.gallery:where(.astro-J7PV25F6){grid-area:gallery}.cta:where(.astro-J7PV25F6){grid-area:cta}}.mention-card:where(.astro-J7PV25F6){display:flex;height:7rem;justify-content:center;align-items:center;text-align:center;border:1px solid var(--glass-border);border-radius:var(--radius-xl);color:var(--gray-300);background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-sm)}@media (min-width: 50em){.mention-card:where(.astro-J7PV25F6){border-radius:1.5rem;height:9.5rem}}