/* Use the supplied artwork unchanged; clip only its surrounding white space. */
.brand-mark{display:inline-block;position:relative;width:160px;aspect-ratio:320/76;overflow:hidden;background:#fff;vertical-align:middle;line-height:normal;letter-spacing:normal}
.brand-mark img{display:block;width:100%;height:auto;max-width:none;transform:translateY(-35%)}
.logo{display:inline-flex;align-items:center;flex-shrink:0;line-height:normal}
.logo .brand-mark{width:160px}
footer .logo .brand-mark{width:180px}
.brand-panel>.brand-mark{width:min(80%,290px)}
.card.back small .brand-mark{width:95px}
.chip.c1>span>.brand-mark{width:100px;border:0;border-radius:0;display:inline-block;background:#fff}
@media(max-width:740px){.logo .brand-mark{width:125px}footer .logo .brand-mark{width:160px}}

/* Auth call-to-action buttons (เข้าสู่ระบบ / สมัครสมาชิก) */
.auth{display:flex;align-items:center;gap:10px}
.ghost{display:inline-flex;align-items:center;justify-content:center;border:1px solid #2c5df1;color:#1263d6;background:#fff;font-weight:600;font-size:13px;padding:12px 24px;border-radius:4px}
.ghost:hover{background:#eaf4fc}
.actions{flex-wrap:wrap;row-gap:14px}
.actions .gold,.actions .ghost{border-radius:4px}
header .auth .outline,header .auth .ghost{padding:9px 18px;font-size:12px;border-radius:4px;margin:0;white-space:nowrap}
header .auth .outline span{margin-left:0}
@media(max-width:1200px){nav{gap:16px;font-size:12px}}
.footer-cta{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.footer-cta .outline,.footer-cta .ghost{padding:10px 20px;font-size:12px;border-radius:4px}
footer p.publisher{font-size:11px;margin-top:8px}
footer p.publisher a{color:#1263d6;text-decoration:underline}
.copyright .dates{color:inherit}
@media(max-width:740px){
.auth{margin-left:auto;margin-right:10px;gap:6px}
header .auth .outline,header .auth .ghost{font-size:10px;padding:7px 9px}
.actions{gap:12px}
.hero{min-height:905px}
.art{top:480px}
.footer-cta{width:100%}
.copyright{align-items:center;text-align:center}
}