.skillpage-showreel:where(.astro-fqftppzz){z-index:20;background-color:var(--vdb-dark);margin-top:4rem;padding:0 1.5rem 6rem;position:relative}.skillpage-showreel__inner:where(.astro-fqftppzz){max-width:var(--container-max);margin:0 auto;position:relative}.skillpage-showreel__video:where(.astro-fqftppzz){aspect-ratio:16/9;border-radius:var(--radius-md);background:#000;width:100%;display:block}@media (width>=768px){.skillpage-showreel:where(.astro-fqftppzz){padding:0 3rem 8rem}}@media (width>=1280px){.skillpage-showreel:where(.astro-fqftppzz){padding:0 6rem 10rem}}.video-mute-btn:where(.astro-fqftppzz){z-index:3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;cursor:pointer;background:#10100e8c;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;transition:background .2s,border-color .2s;display:flex;position:absolute;bottom:1rem;right:1rem}.video-mute-btn:where(.astro-fqftppzz):hover,.video-mute-btn:where(.astro-fqftppzz):focus-visible{background:#10100ecc;border-color:#fff6}.video-mute-btn__on:where(.astro-fqftppzz){display:none}.video-mute-btn__off:where(.astro-fqftppzz),.video-mute-btn:where(.astro-fqftppzz)[aria-pressed=true] .video-mute-btn__on:where(.astro-fqftppzz){display:block}.video-mute-btn:where(.astro-fqftppzz)[aria-pressed=true] .video-mute-btn__off:where(.astro-fqftppzz){display:none}.skillpage-process:where(.astro-fqftppzz){background-color:var(--vdb-dark);z-index:20;pointer-events:auto;padding:8rem 1.5rem;position:relative}.skillpage-process__inner:where(.astro-fqftppzz){max-width:120rem;margin:0 auto}.skillpage-process__header:where(.astro-fqftppzz){margin-bottom:4rem}.skillpage-process__label:where(.astro-fqftppzz){font-family:var(--vdb-font-mono);font-size:var(--vdb-mono-xs-size);text-transform:uppercase;letter-spacing:var(--vdb-mono-xs-tracking);color:var(--vdb-accent);margin-bottom:1rem;display:block}.skillpage-process__title:where(.astro-fqftppzz){font-size:clamp(2.5rem,6vw,5rem);font-family:var(--vdb-font-serif);color:#fff;letter-spacing:-.05em}.skillpage-process__title-italic:where(.astro-fqftppzz){color:var(--text-faint);font-style:italic}.skillpage-process__steps:where(.astro-fqftppzz){grid-template-columns:1fr;gap:2.5rem;margin:0;padding:0;list-style:none;display:grid}.skillpage-step:where(.astro-fqftppzz){border-top:1px solid #ffffff14;padding-top:1.5rem}html.js .skillpage-step:where(.astro-fqftppzz){opacity:0;transform:translateY(28px)}.skillpage-step__num:where(.astro-fqftppzz){font-family:var(--vdb-font-mono);font-size:var(--vdb-mono-2xs-size);letter-spacing:var(--vdb-mono-2xs-tracking);color:var(--vdb-accent);margin-bottom:1rem;display:block}.skillpage-step__title:where(.astro-fqftppzz){font-family:var(--vdb-font-serif);color:var(--vdb-light);margin-bottom:.75rem;font-size:clamp(1.25rem,2.5vw,1.75rem)}.skillpage-step__text:where(.astro-fqftppzz){color:var(--text-muted);font-size:.9375rem;font-weight:300;line-height:1.6}@media (width>=768px){.skillpage-process:where(.astro-fqftppzz){padding:12rem 3rem}.skillpage-process__steps:where(.astro-fqftppzz){grid-template-columns:repeat(2,1fr);gap:3rem}}@media (width>=1280px){.skillpage-process:where(.astro-fqftppzz){padding:12rem 6rem}.skillpage-process__steps:where(.astro-fqftppzz){grid-template-columns:repeat(4,1fr)}}.skillpage-projects:where(.astro-fqftppzz){background-color:var(--vdb-dark);z-index:20;pointer-events:auto;border-top:1px solid #ffffff0d;padding:8rem 1.5rem;position:relative}.skillpage-projects__inner:where(.astro-fqftppzz){max-width:120rem;margin:0 auto}.skillpage-projects__header:where(.astro-fqftppzz){margin-bottom:4rem}.skillpage-projects__label:where(.astro-fqftppzz){font-family:var(--vdb-font-mono);font-size:var(--vdb-mono-xs-size);text-transform:uppercase;letter-spacing:var(--vdb-mono-xs-tracking);color:var(--vdb-accent);margin-bottom:1rem;display:block}.skillpage-projects__title:where(.astro-fqftppzz){font-size:clamp(2.5rem,6vw,5rem);font-family:var(--vdb-font-serif);color:#fff;letter-spacing:-.05em}.skillpage-projects__title-italic:where(.astro-fqftppzz){color:var(--text-faint);font-style:italic}.skillpage-projects__empty:where(.astro-fqftppzz){font-family:var(--vdb-font-mono);font-size:var(--vdb-mono-xs-size);text-transform:uppercase;letter-spacing:var(--vdb-mono-xs-tracking);color:var(--text-subtle);border-top:1px solid #ffffff14;padding:2rem 0}.skillpage-projects__grid:where(.astro-fqftppzz){grid-template-columns:1fr;gap:2rem;display:grid}.skillpage-project-card:where(.astro-fqftppzz){color:inherit;border-radius:var(--radius-md);text-decoration:none;display:block;position:relative;overflow:hidden}html.js .skillpage-project-card:where(.astro-fqftppzz){opacity:0;transform:translateY(28px)}.skillpage-project-card__img-wrap:where(.astro-fqftppzz){aspect-ratio:16/9;border-radius:var(--radius-md);background:#ffffff0a;width:100%;overflow:hidden}.skillpage-project-card__img:where(.astro-fqftppzz){object-fit:cover;width:100%;height:100%;transition:transform .9s var(--ease-premium)}.skillpage-project-card:where(.astro-fqftppzz):hover .skillpage-project-card__img:where(.astro-fqftppzz){transform:scale(1.04)}.skillpage-project-card__info:where(.astro-fqftppzz){padding:1.25rem 0 0}.skillpage-project-card__tag:where(.astro-fqftppzz){font-family:var(--vdb-font-mono);font-size:var(--vdb-mono-xs-size);text-transform:uppercase;letter-spacing:var(--vdb-mono-xs-tracking);color:var(--vdb-accent);margin-bottom:.5rem;display:block}.skillpage-project-card__name:where(.astro-fqftppzz){font-family:var(--vdb-font-serif);color:var(--vdb-light);transition:color var(--transition-base);font-size:clamp(1.5rem,3vw,2.5rem);font-style:italic}.skillpage-project-card:where(.astro-fqftppzz):hover .skillpage-project-card__name:where(.astro-fqftppzz){color:var(--vdb-accent)}.skillpage-projects__cta:where(.astro-fqftppzz){text-align:center;margin-top:3rem}.skillpage-projects__link:where(.astro-fqftppzz){border:1px solid rgba(var(--bp-accent-rgb), .3);font-family:var(--vdb-font-mono);font-size:var(--vdb-mono-xs-size);text-transform:uppercase;letter-spacing:var(--vdb-mono-xs-tracking);color:var(--vdb-accent);background:0 0;border-radius:0;align-items:center;gap:.75rem;padding:.75rem 2rem;text-decoration:none;transition:all .5s;display:inline-flex}.skillpage-projects__link:where(.astro-fqftppzz):hover{background:var(--vdb-accent);color:var(--vdb-dark)}.skillpage-projects__link:where(.astro-fqftppzz) svg:where(.astro-fqftppzz){transition:transform var(--transition-base)}.skillpage-projects__link:where(.astro-fqftppzz):hover svg:where(.astro-fqftppzz){transform:translate(4px)}@media (width>=768px){.skillpage-projects:where(.astro-fqftppzz){padding:12rem 3rem}.skillpage-projects__grid:where(.astro-fqftppzz){grid-template-columns:repeat(2,1fr);gap:2.5rem}}@media (width>=1280px){.skillpage-projects:where(.astro-fqftppzz){padding:12rem 6rem}}@media (width>=1100px){.skillpage-projects__grid:where(.astro-fqftppzz){grid-template-columns:repeat(3,1fr);gap:clamp(3rem,7vw,6rem) clamp(1.5rem,3vw,2.5rem)}.skillpage-project-card:where(.astro-fqftppzz):nth-child(3n+2){margin-top:clamp(2rem,6vw,5rem)}}.skillpage-contact:where(.astro-fqftppzz){background-color:var(--vdb-dark);z-index:20;pointer-events:auto;text-align:center;border-top:1px solid #ffffff0d;padding:8rem 1.5rem;position:relative}.skillpage-contact__inner:where(.astro-fqftppzz){flex-direction:column;align-items:center;gap:1.5rem;max-width:80rem;margin:0 auto;display:flex}.skillpage-contact__label:where(.astro-fqftppzz){font-family:var(--vdb-font-mono);font-size:var(--vdb-mono-xs-size);text-transform:uppercase;letter-spacing:var(--vdb-mono-xs-tracking);color:var(--vdb-accent);display:block}.skillpage-contact__title:where(.astro-fqftppzz){font-size:clamp(2.5rem,6vw,5rem);font-family:var(--vdb-font-serif);color:#fff;letter-spacing:-.05em}.skillpage-contact__mail:where(.astro-fqftppzz){border:1px solid rgba(var(--bp-accent-rgb), .3);font-family:var(--vdb-font-mono);font-size:var(--vdb-mono-xs-size);letter-spacing:var(--vdb-mono-xs-tracking);color:var(--vdb-accent);border-radius:0;align-items:center;padding:1rem 2.5rem;text-decoration:none;transition:all .5s;display:inline-flex}.skillpage-contact__mail:where(.astro-fqftppzz):hover{background:var(--vdb-accent);color:var(--vdb-dark)}.skillpage-contact__meta:where(.astro-fqftppzz){font-family:var(--vdb-font-mono);font-size:var(--vdb-mono-2xs-size);text-transform:uppercase;letter-spacing:var(--vdb-mono-2xs-tracking);color:var(--text-subtle)}@media (width>=768px){.skillpage-contact:where(.astro-fqftppzz){padding:12rem 3rem}}@media (prefers-reduced-motion:reduce){.skillpage-project-card__img:where(.astro-fqftppzz),.skillpage-project-card__name:where(.astro-fqftppzz){transition:none}html.js .skillpage-step:where(.astro-fqftppzz),html.js .skillpage-project-card:where(.astro-fqftppzz){opacity:1;transform:none}}