.hero-text{width:100%;& .curved-text{fill:#fff;font-size:3.1rem;font-weight:900;text-anchor:start}}.visually-hidden{height:0;left:0;margin:0;overflow:hidden;padding:0;position:absolute;top:0;width:0;z-index:-1}@media (width >= 992px){.hero .hero-text{grid-column:span 8}}@media (width < 992px){.hero-text{transform:translateY(-17%) scale(1.1);& .curved-text{font-size:min(3vw,1.3rem);text-anchor:middle}}}