.hero{flex-direction:column;justify-content:flex-end;width:100%;height:100svh;display:flex;position:relative;overflow:hidden}.hero .background{object-fit:cover;object-position:center top}@media (orientation:portrait){.hero{height:60svh}.hero .background{object-position:center 2rem}}.hero .gradient{background:linear-gradient(to bottom, transparent, var(--color-primary));pointer-events:none;mix-blend-mode:multiply;opacity:.6;height:16.5625rem;position:absolute;bottom:0;left:0;right:0}.hero .content{align-items:center;gap:var(--space-6);padding:var(--space-8);z-index:2;flex-direction:column;display:flex}.hero .description{color:var(--color-white);text-align:center;max-width:52rem;margin:0;font-size:.9rem}@media (orientation:portrait){.hero .description{font-size:.875rem}}.hero .buttons{justify-content:center;align-items:center;gap:1.25rem;display:flex}.hero .learnMore{align-items:center;gap:var(--space-1);color:var(--color-white);font-family:var(--font-primary);font-size:.875rem;font-weight:var(--font-weight-regular);opacity:.9;transition:opacity var(--duration-fast) var(--ease);animation:learnMoreBounce 2.4s var(--ease) infinite;flex-direction:column;text-decoration:none;display:flex}.hero .learnMore:hover{opacity:1}@keyframes learnMoreBounce{0%{transform:translateY(0)}15%{transform:translateY(.25rem)}30%,to{transform:translateY(0)}}
.fixed-top{z-index:666;width:100%;position:absolute;top:0;left:0}.grid>section{padding-block-start:0}@media (orientation:portrait){.grid>section{padding-block-start:var(--space-4)}.grid>section:first-child{padding-block-start:0}}