/* Homepage section 1. Give the mobile artwork room before the offer and action. */
body[data-readability] #main .hero-conversion .hero{
 grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);
 grid-template-rows:auto auto auto;
 gap:1.75rem 3rem;
 align-content:center;
}
body[data-readability] #main .hero-conversion .hero-copy{align-self:end}
body[data-readability] #main .hero-conversion .hero-copy .label{max-width:none;margin-bottom:1.5rem}
body[data-readability] #main .hero-conversion h1{margin:0}
body[data-readability] #main .hero-conversion .hero-description{align-self:start}
body[data-readability] #main .hero-conversion .formation-art{max-height:calc(100svh - var(--hero-header-height,6.875rem) - 5rem)}
body[data-readability] #main .hero-conversion .hero-description>p{max-width:36ch;font-size:var(--reading-lead);line-height:1.5}
body[data-readability] #main .hero-conversion .hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1rem 1.5rem;margin-top:1.75rem}
body[data-readability] #main .hero-conversion .hero-actions a{font-size:1rem;line-height:1.5;min-height:3rem;min-width:0;margin:0}
body[data-readability] #main .hero-conversion .hero-primary{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.25rem;background:var(--ink);color:var(--paper);text-align:center;border:1px solid var(--ink)}
body[data-readability] #main .hero-conversion .hero-primary:hover{background:#2c4e3c}
body[data-readability] #main .hero-conversion .hero-primary-mark{display:none}
body[data-readability] #main .hero-conversion .text-link{gap:.75rem;padding-block:.75rem}
body[data-readability] #main .hero-conversion .hero-baseline{padding-top:2rem;gap:1rem 2rem;align-items:center}
body[data-readability] #main .hero-conversion .hero-deployment{font:var(--reading-small)/1.5 "Helvetica Neue",Helvetica,Arial,sans-serif;max-width:38ch}
body[data-readability] #main .hero-conversion .hero-skip{display:inline-flex;align-items:center;gap:1rem;min-height:2.75rem;font-size:1.5rem}
body[data-readability] #main .hero-conversion a:focus-visible{outline:2px solid var(--ink);outline-offset:5px}

@media(max-width:700px){
 body[data-readability].page-home .site-header{min-height:5rem;padding-block:1rem}
 body[data-readability] #main .hero-conversion .hero,
 body[data-readability] #main .hero-conversion.is-scroll-driven .hero{padding-top:calc(var(--hero-header-height,5rem) + 1rem);padding-bottom:2rem;gap:1rem;align-content:start}
 body[data-readability] #main .hero-conversion:not(.is-scroll-driven) .hero{padding-top:1rem}
 body[data-readability] #main .hero-conversion .hero-copy{align-self:stretch}
 body[data-readability] #main .hero-conversion .hero-copy .label{display:none}
 body[data-readability] #main .hero-conversion h1{font-size:clamp(2.5rem,13vw - .1rem,3.5rem);line-height:1.05}
 body[data-readability] #main .hero-conversion .hero-description{order:2;align-self:stretch}
 body[data-readability] #main .hero-conversion .hero-description>p{font-size:var(--reading-body);line-height:1.5;max-width:36ch}
 body[data-readability] #main .hero-conversion .hero-actions{margin-top:.75rem}
 body[data-readability] #main .hero-conversion .hero-primary{padding:.5rem 0;background:transparent;color:var(--ink);border:0;border-bottom:1px solid var(--ink);justify-content:space-between;gap:2rem;min-width:14rem}
 body[data-readability] #main .hero-conversion .hero-primary-mark{display:block}
 body[data-readability] #main .hero-conversion .hero-actions>.text-link{display:none}
 body[data-readability] #main .hero-conversion .formation-art{order:1;align-self:center;flex:none;width:100%;height:auto;aspect-ratio:1;margin:0}
 body[data-readability] #main .hero-conversion .hero-baseline{display:grid;grid-template-columns:minmax(0,1fr) auto;order:3;padding-top:0;gap:1rem;margin:0}
 body[data-readability] #main .hero-conversion .hero-deployment{display:block;max-width:30ch}
 body[data-readability] #main .hero-conversion .hero-skip{justify-content:center;min-width:2.75rem}
 body[data-readability] #main .hero-conversion .hero-skip .scroll-cue{display:none}
}
@media(max-width:360px){
 body[data-readability] #main .hero-conversion .text-link>span{display:none}
}
@media(min-width:701px) and (max-height:600px), (min-width:701px) and (max-width:1000px) and (max-height:700px){
 body[data-readability].page-home .site-header{min-height:5rem;padding-block:1rem}
 body[data-readability] #main .hero-conversion .hero,
 body[data-readability] #main .hero-conversion.is-scroll-driven .hero{padding-top:calc(var(--hero-header-height,6.875rem) + 1rem);padding-bottom:2rem;gap:1rem 2rem;align-content:start}
 body[data-readability] #main .hero-conversion .hero-copy .label{display:none}
 body[data-readability] #main .hero-conversion h1{font-size:2.5rem;line-height:1.05}
 body[data-readability] #main .hero-conversion .hero-description>p{font-size:1.125rem;line-height:1.5}
 body[data-readability] #main .hero-conversion .hero-actions{margin-top:1rem}
 body[data-readability] #main .hero-conversion .formation-art{align-self:start}
 body[data-readability] #main .hero-conversion .hero-baseline{padding-top:1rem}
}