/* ============================================ MONLIS Website - Studio Footer Dark footer with links and contact Figma node:2:3597 Pixel-perfect specs from Figma ============================================ *//* ========================================== FOOTER CONTAINER Figma:gradient bg from #0a0a0a via #1a1a1a ========================================== */.studio-footer {width:100%;background:linear-gradient(to bottom,#0a0a0a,#1a1a1a 50%,#0a0a0a);padding:80px 0 0;}.studio-footer__container {max-width:1340px;margin:0 auto;padding:0 48px;display:flex;flex-direction:column;gap:96px;}/* ========================================== MAIN CONTENT - 4 COLUMNS ========================================== */.studio-footer__main {display:grid;grid-template-columns:275px 1fr 1fr 275px;gap:48px;}/* ========================================== BRAND COLUMN ========================================== */.studio-footer__brand {display:flex;flex-direction:column;justify-content:space-between;}.studio-footer__brand-content {display:flex;flex-direction:column;gap:24px;}.studio-footer__logo {display:block;height:37px;width:auto;}.studio-footer__logo img {display:block;height:100%;width:auto;filter:brightness(0) invert(1);}.studio-footer__logo-text {font-family:var(--font-primary);font-weight:400;font-size:28px;letter-spacing:8px;color:var(--color-white);text-transform:uppercase;}.studio-footer__tagline {font-family:var(--font-secondary);font-weight:400;font-size:13px;line-height:22.75px;color:#99a1af;margin:0;max-width:255px;}/* Social links */.studio-footer__social {display:flex;gap:24px;}.studio-footer__social-link {width:38px;height:38px;display:flex;align-items:center;justify-content:center;background-color:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:10px;transition:background-color 0.2s ease;}.studio-footer__social-link:hover {background-color:rgba(255,255,255,0.1);}.studio-footer__social-link svg {width:16px;height:16px;stroke:#99a1af;fill:none;}/* ========================================== LINKS COLUMNS ========================================== */.studio-footer__column {display:flex;flex-direction:column;gap:24px;}.studio-footer__column-title {font-family:var(--font-secondary);font-weight:600;font-size:14px;line-height:21px;letter-spacing:0.7px;text-transform:uppercase;color:var(--color-white);margin:0;}.studio-footer__list {list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px;}.studio-footer__list-item {display:flex;align-items:center;gap:12px;}.studio-footer__list-item::before {content:'';width:4px;height:4px;border-radius:50%;background-color:#4a5565;flex-shrink:0;}.studio-footer__list-item a {font-family:var(--font-secondary);font-weight:400;font-size:13px;line-height:19.5px;color:#99a1af;transition:color 0.2s ease;}.studio-footer__list-item a:hover {color:var(--color-white);}/* ========================================== CONTACT COLUMN ========================================== */.studio-footer__contact {display:flex;flex-direction:column;gap:24px;}.studio-footer__contact-list {display:flex;flex-direction:column;gap:16px;}.studio-footer__contact-item {display:flex;align-items:center;gap:12px;}.studio-footer__contact-item svg {width:16px;height:16px;stroke:#99a1af;fill:none;flex-shrink:0;}.studio-footer__contact-item a,.studio-footer__contact-item span {font-family:var(--font-secondary);font-weight:400;font-size:13px;line-height:19.5px;color:#99a1af;transition:color 0.2s ease;}.studio-footer__contact-item a:hover {color:var(--color-white);}/* CTA Button */.studio-footer__cta {display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 24px;background-color:var(--color-white);border:none;border-radius:9999px;margin-top:16px;transition:opacity 0.2s ease;}.studio-footer__cta:hover {opacity:0.9;}.studio-footer__cta svg {width:14px;height:14px;stroke:#0a0a0a;fill:none;}.studio-footer__cta span {font-family:var(--font-secondary);font-weight:600;font-size:11px;line-height:16.5px;letter-spacing:1.5px;text-transform:uppercase;color:#0a0a0a;}/* ========================================== LOCATIONS BAR ========================================== */.studio-footer__locations {display:flex;align-items:center;gap:24px;padding-top:25px;border-top:1px solid rgba(255,255,255,0.1);}.studio-footer__locations-label {font-family:var(--font-secondary);font-weight:400;font-size:12px;line-height:18px;letter-spacing:0.6px;text-transform:uppercase;color:#6a7282;margin:0;}.studio-footer__locations-list {display:flex;gap:16px;}.studio-footer__location {display:flex;align-items:center;gap:8px;color:#99a1af;transition:color 0.2s ease;}.studio-footer__location:hover {color:#fff;}.studio-footer__location svg {width:16px;height:16px;flex-shrink:0;}.studio-footer__location svg path {stroke:currentColor;stroke-width:1.5;}.studio-footer__location span {font-family:var(--font-secondary);font-weight:400;font-size:12px;line-height:18px;color:inherit;}/* ========================================== BOTTOM BAR ========================================== */.studio-footer__bottom {display:flex;align-items:center;justify-content:space-between;padding:33px 0;border-top:1px solid rgba(255,255,255,0.1);}.studio-footer__copyright {display:flex;align-items:center;gap:4px;font-family:var(--font-secondary);font-weight:400;font-size:12px;line-height:18px;color:#6a7282;margin:0;}.studio-footer__copyright svg {width:10px;height:10px;fill:#ef4444;}.studio-footer__developer {color:#6a7282;}.studio-footer__developer a {color:#99a1af;transition:color 0.2s ease;}.studio-footer__developer a:hover {color:#fff;}.studio-footer__legal {display:flex;gap:24px;}.studio-footer__legal a {font-family:var(--font-secondary);font-weight:400;font-size:11px;line-height:16.5px;letter-spacing:0.55px;text-transform:uppercase;color:#6a7282;transition:color 0.2s ease;}.studio-footer__legal a:hover {color:var(--color-white);}/* ========================================== RESPONSIVE STYLES ========================================== */@media (max-width:1200px) {.studio-footer__main {grid-template-columns:1fr 1fr 1fr 1fr;}}@media (max-width:1024px) {.studio-footer {padding:60px 0 0;}.studio-footer__container {padding:0 40px;gap:60px;}.studio-footer__main {grid-template-columns:1fr 1fr;gap:48px;}.studio-footer__brand {grid-column:span 2;flex-direction:row;align-items:flex-start;gap:48px;}}@media (max-width:768px) {.studio-footer__container {padding:0 20px;gap:40px;}.studio-footer__main {grid-template-columns:1fr 1fr;gap:24px;}.studio-footer__brand {grid-column:span 2;flex-direction:column;gap:24px;}.studio-footer__column {gap:16px;}.studio-footer__column-title {font-size:12px;}.studio-footer__list {gap:10px;}.studio-footer__list-item a {font-size:12px;}.studio-footer__contact {grid-column:span 2;}.studio-footer__locations {flex-direction:column;align-items:flex-start;gap:16px;}.studio-footer__locations-list {flex-wrap:wrap;}.studio-footer__bottom {flex-direction:column;gap:16px;text-align:center;}}@media (max-width:480px) {.studio-footer {padding:40px 0 0;}.studio-footer__container {padding:0 15px;}.studio-footer__legal {flex-wrap:wrap;justify-content:center;gap:16px;}}