/* Display the supplied transparent signature directly on the site background. */
.brand-signature{display:block;width:100%;height:auto;object-fit:contain;border-radius:0;background:transparent}
.site-header .logo,.renewal-home .site-header .logo{display:block;width:216px;flex:0 0 216px;padding:5px 10px;background:transparent;border-radius:0;margin:10px 0}
.site-header .header-inner{min-height:0}
.footer .footer-grid>div>a.footer-brand{display:block;width:min(100%,320px);padding:12px 18px;background:transparent;border-radius:0;margin-bottom:22px}
.footer-brand .brand-signature{width:100%;height:auto}
.brand-feature{width:min(100%,280px);padding:10px 18px;margin:0 0 28px;background:transparent;border-radius:0;border-bottom:0}
.hero-community .brand-feature{width:min(100%,250px);margin-bottom:24px}
.tea-intro .brand-feature{width:min(100%,300px)}
@media(max-width:1200px){
 .site-header .header-inner{justify-content:space-between;gap:16px}
 .site-header .menu-button{display:block}
 .site-header .nav{display:none;position:absolute;top:100%;left:0;right:0;background:#151b20;padding:22px 32px;border-bottom:1px solid #38424a;align-items:stretch}
 .site-header .nav.is-open{display:flex;flex-direction:column}
 .site-header .nav-actions{margin-left:auto}
 .site-header .nav-actions .login{display:none}
}
@media(max-width:700px){
 .site-header .logo,.renewal-home .site-header .logo{width:150px;flex-basis:150px;padding:4px 7px;margin:9px 0}
 .site-header .header-inner{flex-wrap:wrap;gap:10px}
 .site-header .nav-actions .button{font-size:12px;padding:10px;min-height:44px}
 .site-header .menu-button{padding:7px 10px}
 .footer .footer-grid>div>a.footer-brand{width:min(100%,280px)}
 .brand-feature,.hero-community .brand-feature,.tea-intro .brand-feature{width:min(100%,250px)}
}
@media(max-width:700px){.footer-grid>div:first-child{grid-column:1/-1}}