.zedra-footer { padding-block: 56px 48px; background: var(--zedra-bg-dark); color: rgb(230 230 230 / 85%); font-size: 14px; line-height: 18px; }
.zedra-footer__inner, .zedra-footer__main { display: flex; flex-direction: column; gap: 48px; }
.zedra-footer__brand { display: flex; flex-direction: column; align-items: center; gap: 24px; }
.zedra-footer__logo { inline-size: 140px; block-size: 153.22px; object-fit: contain; }
.zedra-footer__brand > .zedra-identity-placeholder { font-size: 28px; letter-spacing: 8px; }
.zedra-footer__social { display: flex; flex-direction: column; align-items: center; gap: 24px; }
.zedra-footer__social > p { font-size: 15px; line-height: 22.5px; }
.zedra-footer__social-icons { display: flex; gap: 24px; }
.zedra-footer__social-icon, .zedra-footer__icon { inline-size: 24px; block-size: 24px; }
.zedra-footer__social-icon .zedra-identity-placeholder { font-size: 7px; overflow-wrap: anywhere; line-height: 9px; }
.zedra-footer a { color: inherit; text-decoration: none; }
.zedra-footer h2 { font-size: 14px; line-height: 18px; font-weight: 700; letter-spacing: 2px; color: var(--zedra-bg-neutral); }
.zedra-footer__toggle { display: flex; justify-content: space-between; align-items: center; inline-size: 100%; min-block-size: 56px; padding: 0; color: inherit; font: inherit; letter-spacing: inherit; text-align: start; background: transparent; border: 0; border-block-end: 1px solid rgb(230 230 230 / 18%); }
.zedra-footer__symbol { font: 400 18px/23px var(--zedra-font-ui); }
.zedra-footer__links { display: none; padding-block: 20px; }
.zedra-footer__column.is-open .zedra-footer__links { display: grid; gap: 16px; }
.zedra-footer__contact-info { display: grid; gap: 20px; margin-block-start: 20px; }
.zedra-footer__watermark { color: rgb(230 230 230 / 40%); font-size: 36px; line-height: 36px; letter-spacing: -1px; font-weight: 300; }
.zedra-footer__watermark span { display: block; }
.zedra-footer__watermark em { font-family: var(--zedra-font-editorial); font-weight: 600; }
.zedra-footer__bottom { display: flex; flex-direction: column; gap: 48px; border-block-start: 1px solid rgb(230 230 230 / 25%); padding-block-start: 48px; }
.zedra-footer__legal { display: flex; flex-direction: column; gap: 20px; }
.zedra-footer__copyright { order: 1; }
@media (min-width: 1100px) {
    .zedra-footer { padding-block: 150px 40px; }
    .zedra-footer__main { display: grid; grid-template-columns: minmax(0, 420px) repeat(2, minmax(0, 180px)) minmax(0, 220px); justify-content: space-between; gap: 40px; }
    .zedra-footer__brand { align-items: start; gap: 170px; }
    /* Original desktop mark extends around its 100px layout slot in Figma. */
    .zedra-footer__brand > picture { display: grid; grid-template-rows: minmax(0, 1fr); align-items: center; block-size: 100px; }
    .zedra-footer__logo { inline-size: 180px; block-size: 197px; max-inline-size: none; }
    .zedra-footer__social { align-items: start; gap: 20px; }
    .zedra-footer__social-icons { gap: 32px; }
    .zedra-footer h2 { font-size: 16px; line-height: 20px; letter-spacing: 1px; }
    .zedra-footer__toggle { min-block-size: 20px; border: 0; }
    .zedra-footer__symbol { display: none; }
    .zedra-footer__links { display: grid; gap: 16px; padding-block-end: 0; }
    .zedra-footer__contact-info { gap: 16px; }
    .zedra-footer__watermark { margin-block-start: -48px; text-align: end; font-size: 75.96px; line-height: 75.96px; letter-spacing: -1.324px; opacity: .5; }
    .zedra-footer__bottom { padding-block-start: 68px; flex-direction: row; align-items: center; justify-content: space-between; gap: 24px; }
    .zedra-footer__copyright { order: 0; }
    .zedra-footer__legal { flex-direction: row; flex-wrap: wrap; gap: 16px; }
    .zedra-footer__legal > div + div { border-inline-start: 1px solid currentColor; padding-inline-start: 16px; }
}