/* Vector arrows avoid platform emoji and inherit the existing text colour. */
.pema-ui-arrow{display:inline-block;position:relative;width:1em;height:1em;flex:0 0 1em;vertical-align:-.12em;color:inherit;background:none;border:0;line-height:1}
.pema-ui-arrow>svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.pema-ui-arrow-glyph{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
/* Photo and copy fill the current mobile viewport, including Safari toolbar changes. */
@media(max-width:760px){
 html body #main>section#top.hero.hero-variant-one{--hero-mobile-copy:calc(244px + env(safe-area-inset-bottom,0px));display:grid!important;grid-template-rows:minmax(0,1fr) var(--hero-mobile-copy)!important;height:100svh!important;height:100dvh!important;min-height:calc(200px + var(--hero-mobile-copy))!important;max-height:none!important}
 html body #main>section#top.hero.hero-variant-one>.hero-content{position:relative!important;grid-row:2;inset:auto!important;align-self:stretch!important;transform:none!important;padding:14px 20px calc(14px + env(safe-area-inset-bottom,0px))!important;height:var(--hero-mobile-copy)!important;min-height:var(--hero-mobile-copy)!important;max-height:var(--hero-mobile-copy)!important;overflow:hidden!important;justify-content:center!important}
 html body #main>section#top.hero.hero-variant-one .hero-launch-description{font-size:13px!important;line-height:1.5!important;margin:10px 0 2px!important;flex:none!important}
 html body #main>section#top.hero.hero-variant-one .hero-launch-link{margin:0!important}
 html body #main>section#top.hero.hero-variant-one>.hero-media,html body #main>section#top.hero.hero-variant-one>.hero-shade{inset:0 0 var(--hero-mobile-copy)!important;height:auto!important}
 html body #main>section#top.hero.hero-variant-one>.hero-project{bottom:calc(var(--hero-mobile-copy) + 14px)!important}
}
@media(max-width:760px) and (max-height:680px){
 html body #main>section#top.hero.hero-variant-one{--hero-mobile-copy:calc(228px + env(safe-area-inset-bottom,0px))}
 html body #main>section#top.hero.hero-variant-one .qa-hero-title{font-size:28px!important}
}
@media(max-width:410px) and (max-height:680px){
 html body #main>section#top.hero.hero-variant-one .qa-hero-title{height:94.08px!important;min-height:94.08px!important;max-height:94.08px!important}
 html body #main>section#top.hero.hero-variant-one .qa-lead{height:31.36px!important;min-height:31.36px!important}
 html body #main>section#top.hero.hero-variant-one .qa-word{height:62.72px!important;min-height:62.72px!important}
}
@media(max-width:350px){html body #main>section#top.hero.hero-variant-one{--hero-mobile-copy:calc(244px + env(safe-area-inset-bottom,0px))}}
/* A very short landscape viewport scrolls normally rather than clipping text. */
@media(min-width:500px) and (max-width:760px) and (max-height:520px){html body #main>section#top.hero.hero-variant-one{min-height:508px!important}}