section.hero{display:grid;grid-template-columns:100%}section.hero.darkmode{background-color:#313131;color:#fff}section.hero h1{text-wrap:balance}section.hero.darkmode h1{color:#fff}section.hero .inner{align-items:center;grid-area:1/1/1/1;padding:30px 0;row-gap:30px;width:100%;z-index:2}section.hero .inner .content{grid-column:2/span 12}@media (min-width:850px){section.hero.side-by-side .inner .content{grid-column:2/span 6;padding:50px 0 100px}section.hero.side-by-side .inner .photo{grid-column:8/span 6;padding:25px 0 50px}section.hero.thank-you .inner .content{grid-column:4/span 8;padding:50px 0 100px}}section.hero .content{display:grid;gap:20px;grid-template-columns:100%;grid-template-rows:auto}@media (min-width:850px){section.hero .content{gap:30px}}section.hero p{font-family:Nunito Sans,sans}section.hero p.label{font-size:1.375rem;font-size:clamp(1rem,4vw,1.375rem);font-weight:700;line-height:1;padding:0;position:relative;text-transform:uppercase;width:max-content}section.hero p:not(.label),section.hero ul:not([class]) li{font-size:1.375rem;font-size:clamp(1rem,4vw,1.375rem);font-weight:400}section.hero p.label+h1{margin-top:0}section.hero ul:not([class]){margin-left:0;padding:0 0 0 10px}section.hero ul:not([class]) li{padding:0 0 0 8px;position:relative}section.hero ul:not([class]) li::marker{content:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 320 512'%3E%3Cpath fill='%23fff' d='M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z'/%3E%3C/svg%3E");display:inline-block;height:auto;width:8px}section.hero.thank-you{text-align:center}section.hero.thank-you h1 span{border:4px solid #00e800;border-radius:100%;display:inline-block;font-size:2.125rem;padding:20px 40px}section.hero.thank-you h1+p{font-size:clamp(1.375rem,4vw,2.25rem)}section.hero .buttons{display:grid;gap:30px;grid-auto-flow:column;grid-template-columns:auto}section.hero.thank-you .buttons{justify-content:center}section.hero a.button{font-size:1rem;font-weight:800;text-transform:uppercase}section.hero .photo{align-items:center;display:flex;grid-column:2/span 12;justify-content:center;overflow:hidden}section.hero .photo img{height:auto;position:relative;width:100%}