.site-footer{background:#fcfaf6;padding-bottom:0;border-top:1px solid #e7ded3}
.site-footer .footer-bottom{background:#76523b;color:#fff8ef;margin-bottom:0}
@media(max-width:850px){
 .site-footer{padding:30px 6% 0}
 .site-footer .footer-top{display:grid;grid-template-columns:1fr;gap:24px;padding-bottom:28px}
 .site-footer .footer-brand{gap:8px}.site-footer .footer-brand .wordmark{display:none}
 .site-footer .footer-brand p{font-size:13px;line-height:1.9;white-space:normal;color:#705944}
 .site-footer .footer-brand-english{font-size:12px;letter-spacing:.04em;margin-top:5px;color:#9b8470}
 .site-footer .footer-nav{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;width:100%;text-align:left}
 .site-footer .footer-nav a{display:flex;align-items:center;min-height:44px;font-size:13px;border-bottom:1px solid #eee6dd;color:#705944;text-decoration:none;padding:8px 2px}
 .site-footer .footer-contact{justify-self:stretch;width:100%;max-width:none;padding:22px 0 0;border-top:1px solid #dfd0bf}
 .site-footer .footer-contact h2{font-size:13px;font-weight:500;letter-spacing:.12em;margin:0 0 14px;text-align:center}
 .site-footer .contact-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
 .site-footer .contact-links a{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:8px 0;font-size:12px;letter-spacing:0;white-space:nowrap}
 .site-footer .contact-links svg{width:18px;height:18px;flex:0 0 18px}
 .site-footer .contact-links a::before{content:none}
 .site-footer .footer-bottom{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center;justify-content:center;gap:6px;margin-inline:-6.818182%;padding:18px 16px 22px;font-size:11px;line-height:1.6;min-height:0}
 .site-footer .footer-bottom span:first-child,.site-footer .footer-bottom span:last-child{position:static;flex:none;margin:0;display:block;text-align:center;font-size:11px;white-space:normal}
 .site-footer .footer-bottom span:last-child{font-size:10px;letter-spacing:.12em;color:#e1cdbb}
}

/* Compact mobile footer: small brand mark, two rows of links. */
@media(max-width:850px){
 .site-footer{padding:16px 6% 0}
 .site-footer .footer-top{gap:10px;padding-bottom:12px}
 .site-footer .footer-top>.footer-brand{gap:0;display:flex;align-items:center;justify-content:center}
 .site-footer .footer-brand .wordmark{display:block;width:64px;height:64px;margin:0}
 .site-footer .footer-brand .wordmark img{width:64px;height:64px;object-fit:contain}
 .site-footer .footer-brand p{display:none}
 .site-footer .footer-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 6px;text-align:center}
 .site-footer .footer-nav a{justify-content:center;font-size:12px;padding:7px 0;min-height:40px;border:0;white-space:nowrap}
 .site-footer .footer-contact{padding:8px 0 0}
 .site-footer .footer-contact h2{display:none}
 .site-footer .contact-links a{font-size:12px;min-height:40px;padding:6px 0}
 .site-footer .footer-bottom{padding:12px 12px;gap:0}
 .site-footer .footer-bottom span:first-child{font-size:10px;line-height:1.7}
 .site-footer .footer-bottom span:last-child{display:none}
}

/* Requested milk-tea footer arrangement. */
.site-footer{background:#f2dfcb}
@media(max-width:850px){
 .site-footer{padding:18px 6% 0;background:#f2dfcb}
 .site-footer .footer-top{gap:12px;padding-bottom:14px}
 .site-footer .footer-top>.footer-brand{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:12px;text-align:left}
 .site-footer .footer-brand .wordmark{display:block;width:68px;height:68px;flex:0 0 68px;margin:0}
 .site-footer .footer-brand .wordmark img{width:68px;height:68px;object-fit:contain}
 .site-footer .footer-brand p{display:block;font-size:12px;line-height:1.8;white-space:normal;margin:0;color:#513827}
 .site-footer .footer-brand-english{display:block;font-size:11px;margin-top:3px;letter-spacing:.02em;color:#76523b}
 .site-footer .footer-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0}
 .site-footer .footer-nav a{grid-column:span 2;min-height:40px;font-size:12px;padding:7px 0;justify-content:center;text-align:center;border:0}
 .site-footer .footer-nav a:nth-child(4){grid-column:2 / span 2}
 .site-footer .footer-nav a:nth-child(5){grid-column:4 / span 2}
 .site-footer .footer-contact{border-top:1px solid #ccb49d;padding-top:10px}
 .site-footer .footer-bottom{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 12px;background:#76523b}
 .site-footer .footer-bottom span:first-child{font-size:10px;line-height:1.7;text-align:center}
 .site-footer .footer-bottom span:last-child{display:block;position:static;margin:0;font-size:10px;line-height:1.6;letter-spacing:.1em;color:#fff8ef;text-align:center}
}
@media(max-width:360px){.site-footer .footer-top>.footer-brand{gap:8px}.site-footer .footer-brand .wordmark,.site-footer .footer-brand .wordmark img{width:56px;height:56px}.site-footer .footer-brand .wordmark{flex-basis:56px}.site-footer .footer-brand p{font-size:11px}}

@media(max-width:850px){
 .site-footer .footer-nav{grid-template-columns:repeat(3,max-content);justify-content:center;column-gap:20px;row-gap:0}
 .site-footer .footer-nav a,.site-footer .footer-nav a:nth-child(4),.site-footer .footer-nav a:nth-child(5){grid-column:auto;justify-content:flex-start;text-align:left;min-height:34px;padding:5px 0}
}
@media(max-width:360px){.site-footer .footer-nav{column-gap:14px}}

@media(max-width:850px){
 .site-footer .footer-nav{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:4px;row-gap:0;justify-content:stretch;width:100%}
 .site-footer .footer-nav a,.site-footer .footer-nav a:nth-child(4),.site-footer .footer-nav a:nth-child(5){grid-column:auto;justify-content:center;text-align:center}
 .site-footer .footer-bottom{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:8px;padding:14px 10px}
 .site-footer .footer-bottom span:first-child,.site-footer .footer-bottom span:last-child{position:static;display:block;flex:0 1 auto;margin:0;white-space:nowrap;letter-spacing:0;font-size:clamp(8px,2.35vw,12px);line-height:1.6;color:#fff8ef;text-align:center}
}

@media(max-width:850px){.site-footer .footer-brand p{text-align:center}.site-footer .footer-brand-english{text-align:center}}

/* Contact links above the five information links in the compact footer. */
@media(max-width:850px){
 .site-footer .footer-top>.footer-brand{grid-row:1}
 .site-footer .footer-top>.footer-contact{grid-row:2;border-top:0;border-bottom:1px solid #ccb49d;padding:0 0 10px}
 .site-footer .footer-top>.footer-nav{grid-row:3}
}

/* Quiet information links, with stronger contact actions. */
.site-footer .contact-links a{font-weight:600}
@media(max-width:850px){
 .site-footer .footer-top>.footer-nav{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:0;width:100%}
 .site-footer .footer-nav a,.site-footer .footer-nav a:nth-child(4),.site-footer .footer-nav a:nth-child(5){display:inline-flex;flex:0 0 auto;justify-content:center;min-height:28px;padding:3px 8px;font-size:11px;font-weight:400;line-height:1.6;color:#887765;white-space:nowrap}
 .site-footer .footer-nav a+a::before{content:"";width:1px;height:10px;background:#bca995;position:absolute;left:0;top:50%;transform:translateY(-50%)}
 .site-footer .footer-nav a{position:relative}
 .site-footer .footer-top>.footer-contact{padding-bottom:8px}
 .site-footer .footer-top{row-gap:8px}
 .site-footer .contact-links a{font-weight:600}
}