/* ama v4 hero copy alignment and typography */
.hero-slide { display: flex; align-items: center; }
.hero-copy { width: min(1180px, calc(100% - 64px)); margin-inline: auto; padding-top: 0; transform: translateY(-8px); }
.hero-copy h1, .hero-copy h2 { font-family: var(--ama-font-sans); letter-spacing: 0; }
.hero-copy h1 { margin: 0 0 14px; font-size: 52px; line-height: 1.18; font-weight: 600; }
.hero-copy h2 { margin: 0 0 29px; font-size: 21px; line-height: 1.65; font-weight: 400; color: #30343b; opacity: .76; max-width: 460px; }
@media (max-width: 850px) { .hero-copy { width: calc(100% - 40px); transform: translateY(-12px); } .hero-copy h1 { font-size: 45px; } .hero-copy h2 { font-size: 18px; max-width: 300px; } }
@media (max-width: 560px) { .hero-copy { width: calc(100% - 32px); transform: translateY(-14px); } .hero-copy h1 { font-size: 39px; line-height: 1.2; } .hero-copy h2 { font-size: 17px; line-height: 1.6; } }
@media (max-width: 560px) { .hero-copy { width: calc(100% - 32px); padding-right: 76px; transform: translateY(34px); } .hero-copy h1 { font-size: 37px; line-height: 1.2; white-space: nowrap; } .hero-copy h2 { max-width: 260px; margin-bottom: 24px; } }
@media (max-width: 560px) { .hero-copy { width: calc(100% - 32px); padding: 14px 16px 16px; transform: translateY(62px); background: rgba(239, 246, 255, .72); } .hero-copy h1 { font-size: 37px; line-height: 1.2; white-space: nowrap; } .hero-copy h2 { max-width: 260px; margin-bottom: 24px; } }
@media (max-width: 560px) { .hero-copy { width: calc(100% - 32px); padding: 0; transform: translateY(96px); background: transparent; } .hero-copy h1 { font-size: 35px; line-height: 1.2; white-space: nowrap; } .hero-copy h2 { max-width: 235px; margin-bottom: 22px; font-size: 15px; } }
