/* ============================================================
   Footer — single source of truth
   Loaded automatically by components/footer.js into every page.
   Edit this file to change footer styling site-wide.
   ============================================================ */

.footer{background:var(--black,#191919);color:rgba(255,255,255,0.6);padding:6rem 2rem 2rem;position:relative;overflow:hidden}
.footer::before{content:'';position:absolute;top:-10rem;right:-10rem;width:30rem;height:30rem;border-radius:50%;background:radial-gradient(circle,rgba(245,96,2,0.15),transparent 70%);pointer-events:none}

/* Newsletter */
.footer__newsletter{max-width:72rem;margin:0 auto 4rem;position:relative;z-index:1;display:grid;grid-template-columns:1fr auto;gap:3rem;align-items:center;padding-bottom:3rem;border-bottom:1px solid rgba(255,255,255,0.08)}
.footer__newsletter-copy h3{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:300;letter-spacing:-0.02em;color:#fff;line-height:1.15;margin-bottom:0.625rem}
.footer__newsletter-copy h3 .nyght{font-weight:400}
.footer__newsletter-copy p{font-size:0.9375rem;color:rgba(255,255,255,0.55);line-height:1.55;max-width:32rem}
.footer__newsletter-form{display:flex;align-items:center;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:100px;padding:0.375rem 0.375rem 0.375rem 1.5rem;min-width:24rem;max-width:32rem;transition:border-color 0.25s,background 0.25s}
.footer__newsletter-form:focus-within{border-color:rgba(245,96,2,0.5);background:rgba(255,255,255,0.07)}
.footer__newsletter-input{flex:1;border:none;outline:none;background:transparent;color:#fff;font-family:inherit;font-size:0.9375rem;padding:0.625rem 0;min-width:0}
.footer__newsletter-input::placeholder{color:rgba(255,255,255,0.35)}
.footer__newsletter-btn{background:#D9FA87;color:var(--black,#191919);font-size:0.875rem;font-weight:600;padding:0.625rem 1.25rem;border-radius:100px;border:1px solid transparent;cursor:pointer;flex-shrink:0;transition:background 0.3s,color 0.3s,border-color 0.3s}
.footer__newsletter-btn:hover{background:rgba(255,255,255,0.12);color:#fff;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-color:rgba(255,255,255,0.25)}
@media(max-width:768px){.footer__newsletter{grid-template-columns:1fr;gap:1.5rem}.footer__newsletter-form{min-width:0;width:100%}}

/* Main grid */
.footer__brand-desc{margin-top:1rem;font-size:0.875rem;line-height:1.6;color:rgba(255,255,255,0.5);max-width:18rem}
.footer__grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:3rem;max-width:72rem;margin:0 auto;position:relative;z-index:1}
@media(max-width:768px){.footer__grid{grid-template-columns:1fr 1fr}}
.footer__logo{display:inline-block;line-height:0;transition:opacity 0.2s ease}
.footer__logo:hover{opacity:0.75}
.footer__logo svg{height:2.5rem;width:auto}

/* Social icons */
.footer__social{display:flex;gap:1.25rem;margin-top:1.25rem;align-items:center}
.footer__social a{display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,0.5);transition:color 0.2s,transform 0.2s}
.footer__social a:hover{color:#fff;transform:translateY(-2px)}
.footer__social svg{width:18px;height:18px;fill:currentColor}

/* Link columns */
.footer__col-title{font-size:0.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:rgba(255,255,255,0.3);margin-bottom:1rem}
.footer__link{display:block;font-size:0.875rem;padding:0.25rem 0;transition:color 0.2s,padding-left 0.2s}
.footer__link:hover{color:#fff;padding-left:0.25rem}

/* Bottom bar + wordmark */
.footer__bottom{max-width:72rem;margin:3rem auto 0;display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0 2rem;border-top:1px solid rgba(255,255,255,0.06);font-size:0.8125rem;flex-wrap:wrap;gap:1rem;position:relative;z-index:1}
.footer__wordmark{width:100%;line-height:0.85;font-family:'Inter',sans-serif;font-weight:900;font-size:clamp(8rem,28vw,22rem);letter-spacing:-0.06em;color:rgba(255,255,255,0.04);text-align:center;user-select:none;pointer-events:none;margin-top:-1rem;background:linear-gradient(180deg,rgba(255,255,255,0.05) 0%,rgba(255,255,255,0.01) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}