.site-footer{
    background-image: url("/static/img/Frame-35-scaled.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  
    padding: 90px var(--main-side-padding) 50px;
    box-sizing: border-box;
  
    color: #fff;
  }
  
  .footer-inner{
    display: grid;
    row-gap: 28px;
  }
  
  /* Top layout: left brand + right columns */
  .footer-top{
    display: grid;
    grid-template-columns: 1.1fr 2.2fr;
    column-gap: 48px;
    align-items: start;
  }
  
  /* Left: logo + tagline */
  .footer-brand{
    display: grid;
    row-gap: 14px;
    align-content: start;
  }
  
  .footer-logo{
    width: 260px;
    max-width: 100%;
    height: auto;
    display: block;
  }
  
  .footer-tagline{
    margin: 0;
    max-width: 440px;
  
    font-family: "Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
  
    color: rgba(255,255,255,0.92);
    text-shadow: 0 2px 14px rgba(0,0,0,0.35);
  }
  
  /* Right: 3 columns */
  .footer-nav{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 28px;
  }
  
  .footer-title{
    margin: 0 0 12px 0;
    font-family: "Be Vietnam Pro", Sans-serif;
    font-weight: 400;
    font-size: 22px;
    line-height: 1.1;
  
    color: #fff;
    text-shadow: 0 2px 14px rgba(0,0,0,0.35);
  }
  
  .footer-links{
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 10px;
  }
  
  .footer-links a{
    color: rgba(255,255,255,0.92);
    text-decoration: none;
    font-family: "Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    font-weight: 300;
    font-size: 15px;
    line-height: 22px;
  
    text-shadow: 0 2px 14px rgba(0,0,0,0.35);
    transition: color 260ms cubic-bezier(.2,.8,.2,1);
  }
  
  .footer-links a:hover{
    color: var(--brand-accent);
  }
  
  .footer-contact{
    display: grid;
    gap: 10px;
  
    font-family: "Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    font-weight: 300;
    font-size: 15px;
    line-height: 22px;
  
    color: rgba(255,255,255,0.92);
    text-shadow: 0 2px 14px rgba(0,0,0,0.35);
  }
  
  .footer-contact a{
    color: rgba(255,255,255,0.92);
    text-decoration: none;
    transition: color 260ms cubic-bezier(.2,.8,.2,1);
  }
  
  .footer-contact a:hover{
    color: var(--brand-accent);
  }
  
  /* Short white line (NOT full width) */
  .footer-divider{
    height: 1px;
    width: min(980px, 100%);
    background: rgba(255,255,255,0.85);
    margin: 12px auto 0; /* center it */
  }
  
  /* Bottom copyright */
  .footer-bottom{
    display: flex;
    justify-content: center;
  }
  
  .footer-copy{
    margin: 0;
    font-family: "Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    font-weight: 300;
    font-size: 14px;
    color: rgba(255,255,255,0.90);
    text-shadow: 0 2px 14px rgba(0,0,0,0.35);
  }
  
  /* Responsive */
  @media (max-width: 1100px){
    .site-footer{ padding-left: 48px; padding-right: 48px; }
    .footer-top{ grid-template-columns: 1fr; row-gap: 34px; }
    .footer-nav{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .footer-divider{ margin-left: 0; margin-right: auto; } /* looks nicer stacked */
  }
  
  @media (max-width: 640px){
    .site-footer{ padding-left: 20px; padding-right: 20px; }
    .footer-nav{ grid-template-columns: 1fr; }
    .footer-logo{ width: 180px; }
  }
  
  @media (max-width: 900px){
    .site-footer{ padding-left: 20px; padding-right: 20px; }
    .footer-nav{ grid-template-columns: 1fr; }
    .footer-logo{ width: 180px; }
  }