.hero__media { overflow: hidden; background: linear-gradient(90deg, #34266a 0%, #32266b 8%, #31266d 17%, #32266c 25%, #33256b 33%, #34256a 42%, #332468 50%, #302064 58%, #2d1e62 67%, #2a1b5d 75%, #231555 83%, #20114f 92%, #21114f 100%); }
.hero__media::after { display: none; }
.hero__media .hero__photo { position: absolute; left: 0; right: auto; top: auto; bottom: 0; width: 100%; max-width: none; height: auto; object-fit: initial; -webkit-mask-image: none; mask-image: none; }
@media (max-width: 860px) {
.hero__media { height: auto; aspect-ratio: auto; display: flex; flex-direction: column; justify-content: flex-end; min-height: 200px; }
.hero__media .hero__photo { position: relative; display: block; }
}
.cc { padding-block: clamp(8px, 2vw, 24px) clamp(24px, 3vw, 40px); }
.cc__card { display: flex; align-items: center; gap: clamp(20px, 3vw, 40px); padding: clamp(18px, 2vw, 26px) clamp(20px, 3vw, 36px); background: linear-gradient(100deg, #fbf9ff 0%, #f4eefe 100%); border: 1px solid #ece9f2; border-radius: var(--radius); box-shadow: var(--shadow); }
.cc__logo { flex: none; width: clamp(64px, 6vw, 84px); height: auto; }
.cc__copy { flex: 1; min-width: 0; }
.cc__copy h2 { margin-top: 6px; font-size: clamp(22px, 2.2vw, 28px); }
.cc__copy p:last-child { margin-top: 8px; font-size: 14.5px; color: var(--ink-soft); max-width: 640px; }
.cc__action { flex: none; }
@media (max-width: 760px) { .cc__card { flex-direction: column; align-items: flex-start; } .cc__action .btn { width: 100%; } .cc__action { width: 100%; } }
.cc__logo { mix-blend-mode: multiply; }
@media (min-width: 861px) and (max-width: 1100px) {
.stayconnected__cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.stay { flex-wrap: wrap; }
.stay__body { flex-basis: calc(100% - 172px); }
.stay .btn { width: 100%; }
}