/* A single aligned text column, with fluid spacing across screen sizes. */
.hero-content { display:flex; flex-direction:column; align-items:flex-start; text-align:left; padding-left:6%; padding-right:6%; padding-bottom:88px; }
.hero h1 { margin:0; max-width:760px; font-size:clamp(3.25rem,5.6vw,6.5rem); font-weight:600; line-height:1.06; letter-spacing:-.045em; }
.hero-description { margin:28px 0 0; width:100%; max-width:32rem; font-size:clamp(1.0625rem,1.25vw,1.25rem); line-height:1.65; letter-spacing:0; text-align:left; }
@media(min-width:1101px) { .hero-content { padding-top:clamp(210px,24vh,310px); min-height:calc(100svh - 126px); justify-content:center; } .hero-features { margin-left:6%; margin-right:6%; } }
@media(min-width:701px) and (max-width:1100px) { .hero-content { padding-top:205px; padding-bottom:70px; } .hero h1 { font-size:clamp(3.75rem,7vw,5rem); } }
@media(max-width:700px) { .hero-content { padding:165px 6% 48px; } .hero h1 { font-size:clamp(2.75rem,10.6vw,4.25rem); line-height:1.08; } .hero-description { max-width:30rem; margin-top:24px; font-size:1.0625rem; line-height:1.65; } }
@media(orientation:landscape) and (max-height:550px) and (max-width:1100px) { .hero-content { padding-top:150px; padding-bottom:45px; } }