.srp-footer { padding-top: clamp(4rem,6vw,7rem); color: #fff; border-top: 1px solid rgba(255,255,255,.08); background: #080810; }
.srp-footer__grid { display: grid; grid-template-columns: minmax(15rem,.72fr) minmax(0,1.28fr); gap: clamp(3rem,8vw,9rem); padding-bottom: clamp(3.5rem,6vw,6rem); }
.srp-footer__brand > p { max-width: 24rem; margin: 1.25rem 0 0; color: rgba(255,255,255,.52); font-size: var(--srp-text-sm); }
.srp-footer__nav { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: clamp(1.5rem,4vw,4rem); }
.srp-footer__nav > div { display: grid; align-content: start; gap: .72rem; }
.srp-footer__nav h2 { margin: 0 0 .5rem; color: rgba(255,255,255,.42); font-size: .67rem; letter-spacing: .1em; text-transform: uppercase; }
.srp-footer__nav a { width: fit-content; color: rgba(255,255,255,.72); font-size: var(--srp-text-sm); transition: color var(--srp-transition); }
.srp-footer__nav a:hover, .srp-footer__nav a:focus-visible { color: var(--srp-color-lilac); }
.srp-footer__bottom { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding-block: 1.75rem 2.5rem; border-top: 1px solid rgba(255,255,255,.1); color: rgba(255,255,255,.56); font-size: var(--srp-text-sm); }
.srp-footer__bottom p { margin: 0; }
.srp-fallback { min-height: 70vh; padding-top: 10rem; }
@media (max-width: 63.9375rem) { .srp-footer__grid { grid-template-columns: 1fr; } }
@media (max-width: 51.25rem) { .srp-footer__nav { grid-template-columns: repeat(2,minmax(0,1fr)); } .srp-footer__nav > div:last-child { grid-column: 1/-1; } }
@media (max-width:39.9375rem) { .srp-footer__nav { grid-template-columns: 1fr; } .srp-footer__nav > div:last-child { grid-column: auto; } .srp-footer__bottom { align-items: flex-start; } }