#hero{grid-column:1 / -1;position:relative;box-sizing:border-box;height:100vh;height:calc(var(--vh, 1vh) * 100);padding-top:4.25rem;display:grid;grid-template-rows:minmax(0, 1fr) max-content;align-items:center}#hero footer{grid-row:2;margin-left:calc(-1 * var(--padding-side));margin-right:calc(-1 * var(--padding-side));padding:1rem var(--padding-side);background:rgba(255,255,255,0.8)}@media (min-width: 1024px){#hero footer{display:grid;grid-template-columns:max-content minmax(0, 1fr);grid-template-rows:repeat(2, max-content);column-gap:1.5rem}}#hero footer .logo{display:none}@media (min-width: 1024px){#hero footer .logo{display:block;grid-column:1;grid-row:1 / -1;height:5.5rem;width:auto}}#hero .subtitle{margin-top:0;font-size:1.5rem;font-weight:500;text-transform:none}@media (min-width: 1024px){#hero .subtitle{font-weight:700}}#hero-media{position:absolute;top:0;left:0;z-index:-1;width:calc(100% + 2 * var(--padding-side));height:100%;margin-left:calc(-1 * var(--padding-side));margin-right:calc(-1 * var(--padding-side));object-fit:cover}#hero-media img{position:relative;top:0;left:0;width:100%;height:100%;object-fit:cover}#hero-nav{justify-self:center;display:flex;flex-direction:column;gap:1rem;align-items:center}@media (min-width: 1024px){#hero-nav{display:none}}#hero-nav .button{border:solid 1px #fff}