.banner{background-color:var(--color-banner-600);background-size:calc(var(--spacing) * 5) calc(var(--spacing) * 5)}.banner.video{position:relative;width:100%;overflow:hidden;min-height:calc(var(--spacing) * 100);align-content:center}.banner.video video.bannerVideo{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}#pageHome .banner.video video.bannerVideo{object-position:50% 70%}#pageAbout .banner.video video.bannerVideo{object-position:50% 30%}#pageProjects .banner.video video.bannerVideo{object-position:50% 70%}.banner.video>.wrapper{position:relative;z-index:10;text-shadow:0 1px 2px var(--tw-text-shadow-color,oklab(0 0 0/.5)),0 3px 2px var(--tw-text-shadow-color,oklab(0 0 0/.5)),0 4px 8px var(--tw-text-shadow-color,oklab(0 0 0/.5))}.banner>.wrapper{display:grid;grid-auto-flow:dense;width:100%;grid-template-columns:repeat(12,minmax(0,1fr));padding:var(--padding-banner-y) var(--padding-banner-x)}.banner>.wrapper>div{grid-column:span 12/span 12;text-align:center;align-content:center}.banner>.wrapper>div h1{color:var(--color-banner-heading-text);font-weight:500;line-height:var(--tw-leading,var(--text-6xl--line-height));animation:fadeInUp var(--duration-slow) var(--ease-out) both;animation-delay:calc(var(--stagger-delay) * 1)}.banner>.wrapper>div h2{color:var(--color-banner-text);font-size:var(--text-2xl);font-weight:300;margin-top:var(--spacing-banner-xy);animation:fadeInUp var(--duration-slow) var(--ease-out) both;animation-delay:calc(var(--stagger-delay) * 3)}.banner>.wrapper>div a.formButton{display:block;margin:var(--spacing-banner-xy) 1rem 0;animation:fadeInUp var(--duration-slow) var(--ease-out) both;animation-delay:calc(var(--stagger-delay) * 5)}@media (width >= 48rem){.banner>.wrapper{max-width:var(--container-5xl);margin:auto}}@media (width >= 40rem){.banner>.wrapper>div a.formButton{display:inline-block;margin:var(--spacing-banner-xy) 1rem 0;padding:.75rem 1.5rem}}.bannerSkeleton{display:flex;flex-direction:column;gap:.75rem}.bannerSkeletonLine{background:linear-gradient(90deg,var(--color-neutral-700) 25%,var(--color-neutral-800) 50%,var(--color-neutral-700) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px;margin:auto}.bannerSkeletonLine:first-child{height:2rem;width:80%}.bannerSkeletonLine:nth-child(2){height:2rem;width:60%;margin-bottom:2rem}.bannerSkeletonLine:nth-child(3){height:1rem;width:90%}.bannerSkeletonLine:nth-child(4){height:1rem;width:50%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}