"; position: absolute; inset: 0; background: linear-gradient(rgba(0,0,0,0.30), rgba(0,0,0,0.56)), url("https://assets.cdn.filesafe.space/nt7JnioCsFNBd89EIauk/media/67f84b3d8fd56b5efb2ae1af.webp"); background-size: cover; background-position: center center; opacity: 0.13; filter: blur(0.5px) saturate(0.8) brightness(0.7); pointer-events: none; } .jr-footer::after { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 14% 28%, rgba(199, 155, 75, 0.10), transparent 28%), radial-gradient(circle at 88% 20%, rgba(199, 155, 75, 0.08), transparent 24%), linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0)); pointer-events: none; } .jr-footer__inner { position: relative; z-index: 1; max-width: var(--jr-footer-max); margin: 0 auto; padding: 54px 24px 20px; } .jr-footer__grid { display: grid; grid-template-columns: 1.2fr 0.8fr 1fr; gap: 34px; align-items: start; } .jr-footer__brand { min-width: 0; } .jr-footer__brand-top { display: flex; align-items: center; gap: 14px; margin-bottom: 16px; } .jr-footer__portrait-wrap { width: 58px; height: 58px; flex: 0 0 58px; border-radius: 999px; overflow: hidden; border: 1px solid rgba(199, 155, 75, 0.38); background: #120f0d; box-shadow: 0 0 0 1px rgba(255,255,255,0.02), 0 0 18px rgba(199, 155, 75, 0.12), 0 8px 22px rgba(0,0,0,0.34); } .jr-footer__portrait { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center 35%; filter: brightness(1.08) contrast(1.06) saturate(1.02); } .jr-footer__logo { height: 42px; width: auto; max-width: 210px; display: block; } .jr-footer__tagline { margin: 0; color: var(--jr-footer-text); font-size: 18px; line-height: 1.55; max-width: 420px; } .jr-footer__muted { margin-top: 10px; color: var(--jr-footer-text-soft); font-size: 14px; line-height: 1.65; max-width: 460px; } .jr-footer__col-title { display: inline-block; margin: 0 0 16px; color: var(--jr-footer-gold-soft); font-size: 13px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; position: relative; padding-bottom: 10px; } .jr-footer__col-title::after { content: ""; position: absolute; left: 0; bottom: 0; width: 46px; height: 2px; border-radius: 999px; background: linear-gradient(90deg, var(--jr-footer-gold), transparent); } .jr-footer__nav, .jr-footer__contact-list, .jr-footer__socials { list-style: none; padding: 0; margin: 0; } .jr-footer__nav li, .jr-footer__contact-list li, .jr-footer__socials li { margin: 0 0 12px; } .jr-footer__link, .jr-footer__contact-link, .jr-footer__social-link, .jr-footer__legal-link { color: var(--jr-footer-text); text-decoration: none !important; transition: color 0.2s ease, opacity 0.2s ease, transform 0.2s ease; opacity: 0.94; } .jr-footer__link:hover, .jr-footer__contact-link:hover, .jr-footer__social-link:hover, .jr-footer__legal-link:hover, .jr-footer__link:focus, .jr-footer__contact-link:focus, .jr-footer__social-link:focus, .jr-footer__legal-link:focus { color: var(--jr-footer-gold-soft); opacity: 1; } .jr-footer__link { font-size: 15px; letter-spacing: 0.03em; } .jr-footer__contact-link { font-size: 16px; font-weight: 600; } .jr-footer__contact-label { display: block; margin-bottom: 5px; color: var(--jr-footer-text-soft); font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; } .jr-footer__social-link { display: inline-flex; align-items: center; gap: 10px; font-size: 15px; letter-spacing: 0.02em; } .jr-footer__social-icon { width: 18px; height: 18px; display: inline-flex; align-items: center; justify-content: center; color: var(--jr-footer-gold); flex: 0 0 18px; transition: color 0.2s ease, transform 0.2s ease; } .jr-footer__social-link:hover .jr-footer__social-icon, .jr-footer__social-link:focus .jr-footer__social-icon { color: var(--jr-footer-gold-soft); transform: translateY(-1px); } .jr-footer__bottom { margin-top: 34px; padding-top: 18px; border-top: 1px solid rgba(199, 155, 75, 0.16); display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; } .jr-footer__legal { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; } .jr-footer__legal-link, .jr-footer__copyright { font-size: 13px; color: var(--jr-footer-text-soft); } .jr-footer__copyright { opacity: 0.88; } @media (max-width: 980px) { .jr-footer__grid { grid-template-columns: 1fr 1fr; gap: 30px 26px; } .jr-footer__brand { grid-column: 1 / -1; } } @media (max-width: 640px) { .jr-footer__inner { padding: 24px 16px 14px; } .jr-footer__grid { grid-template-columns: 1fr 1fr; gap: 20px 18px; align-items: start; } .jr-footer__brand { display: none; } .jr-footer__col-title { margin: 0 0 10px; padding-bottom: 7px; font-size: 11px; letter-spacing: 0.13em; } .jr-footer__col-title::after { width: 34px; height: 2px; } .jr-footer__nav li, .jr-footer__contact-list li, .jr-footer__socials li { margin: 0 0 9px; } .jr-footer__link { font-size: 13px; line-height: 1.35; } .jr-footer__contact-label { margin-bottom: 3px; font-size: 10px; letter-spacing: 0.10em; } .jr-footer__contact-link { font-size: 14px; line-height: 1.35; word-break: break-word; } .jr-footer__social-link { gap: 8px; font-size: 13px; line-height: 1.35; } .jr-footer__social-icon { width: 15px; height: 15px; flex: 0 0 15px; } .jr-footer__bottom { margin-top: 18px; padding-top: 12px; gap: 8px; flex-direction: column; align-items: flex-start; } .jr-footer__legal { gap: 14px; } .jr-footer__legal-link, .jr-footer__copyright { font-size: 12px; line-height: 1.4; } }

You may also like

Customer Reviews

Average Ratings

Write a review