section.hero{display:grid;grid-template-columns:var(--base-grid)}section.hero h1,section.hero p{grid-column:1;margin-inline:auto;text-wrap:balance}@media (min-width:1024px){section.hero h1,section.hero p{max-width:var(--base-tablet)}}section.hero h1+p:first-of-type:not([class]){font-size:var(--font-size-h5);font-weight:var(--font-weight-semi)}section.hero p.section{width:100%}section.hero h1+p,section.hero p+h1,section.hero p+p{margin-top:0}section.hero div.buttons+div.tagline{margin-top:var(--spacing-medium)}section.hero div.tagline p{color:var(--color-background-light);font-size:var(--font-size-base);letter-spacing:1.1px;line-height:1.4;max-width:var(--base-maxwidth);text-wrap:balance}@media (min-width:750px){section.hero div.tagline p{font-size:var(--font-size-base-small)}}section.hero div.tagline p a:not([class]){color:var(--color-white);font-weight:var(--font-weight-bold);text-decoration:2px underline transparent;transition:color var(--base-speed),text-decoration var(--base-speed)}section.hero div.tagline p a:not([class]):focus,section.hero div.tagline p a:not([class]):hover{color:var(--color-white);text-decoration:2px underline var(--color-background-light)}section.hero div.tagline:has(+.buttons){margin-top:var(--spacing-tiny)}@media (min-width:750px){section.hero div.tagline:has(+.buttons){margin-top:var(--spacing-small)}}section.hero .inner{display:grid;grid-column:1/-1;grid-row:1;grid-template-columns:var(--base-grid);padding-block:0;z-index:1}section.hero .content{display:grid;gap:var(--spacing-small);grid-auto-flow:row;grid-column:2/span 12;grid-template-columns:100%;padding-block:var(--spacing-giant);text-align:center}@media (min-width:750px){section.hero .content{gap:var(--spacing-medium);padding-block:var(--spacing-giant) var(--spacing-large)}}section.hero .media{grid-column:1/-1;grid-row:1;overflow:hidden;position:relative;z-index:0}section.hero .photo{height:100%}section.hero img{display:block;height:100%;left:0;object-fit:cover;opacity:.3;position:absolute;top:0;width:100%}section.hero .buttons{display:grid;gap:var(--spacing-small);grid-auto-flow:row;grid-column:1;grid-template-columns:auto;justify-content:center;margin-top:var(--spacing-small)}@media (min-width:460px){section.hero .buttons{gap:var(--spacing-medium);grid-auto-flow:column}}section.hero .buttons a{justify-self:center}