@charset "UTF-8";

/* Same existing ABOUT footer shell for templates that previously had no menu. */
.cs-inner-footer-shell{padding:34px 0 12px;border-top:1px solid rgba(0,0,0,.06)}
.cs-inner-footer-shell .cs-about__footer-inner{width:100%;padding-inline:var(--cs-header-pad-x);display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.cs-inner-footer-shell .cs-about__footer-logo img{width:var(--cs-header-logo-w);display:block}
.cs-inner-footer-shell .cs-about__footer-links{margin-left:auto;min-width:0}
.cs-inner-footer-shell .cs-about__footer-menu{display:flex;flex-wrap:wrap;gap:30px;list-style:none;margin:0;padding:0}
.cs-inner-footer-shell .cs-about__footer-menu a{font-family:"Cinzel",serif;font-size:11px;letter-spacing:.18em;color:#333;text-decoration:none}
@media(max-width:767px){
 .cs-inner-footer-shell{padding:28px 0 12px}
 .cs-inner-footer-shell .cs-about__footer-inner{flex-wrap:wrap}
 .cs-inner-footer-shell .cs-about__footer-links{margin-left:0}
}

/* Navigation only: keep each page's logo, footer frame and vertical spacing. */
@media (max-width:767px){
  .cs-common-footer-navigation .cs-about__footer-links{
    width:100%;
    min-width:0;
  }

  .cs-common-footer-navigation .cs-about__footer-menu{
    width:100%;
    display:flex;
    flex-wrap:wrap;
    align-items:flex-start;
    justify-content:space-between;
    column-gap:12px;
    row-gap:8px;
  }

  .cs-common-footer-navigation .cs-about__footer-menu li{
    flex:0 0 auto;
  }

  .cs-common-footer-navigation .cs-about__footer-menu a{
    white-space:nowrap;
    font-size:clamp(9.5px, 2.5vw, 11px);
    letter-spacing:clamp(0em, calc((100vw - 320px) / 1100), .08em);
  }
}