/* Website polish preview — desktop + mobile */
:root { --ctp-gold:#e0bd67; }
html,body { width:100%; max-width:100%; overflow-x:hidden; }
.topbar { box-sizing:border-box; min-height:76px; padding:10px clamp(12px,3vw,42px); gap:clamp(8px,1.5vw,22px); }
.brand-group,.brand,.brand-titles { min-width:0; }
.brand { display:flex; align-items:center; gap:12px; }
.brand-logo { width:clamp(42px,4.2vw,58px)!important; height:clamp(42px,4.2vw,58px)!important; object-fit:contain; flex:0 0 auto; }
.brand-name { display:block; font-family:'Outfit',sans-serif; font-size:clamp(17px,1.8vw,25px)!important; line-height:1.08; font-weight:900!important; letter-spacing:clamp(.6px,.14vw,2px)!important; white-space:nowrap; color:#f6dfaa!important; text-shadow:0 2px 16px rgba(224,189,103,.22); }
.brand-sub { display:block; margin-top:4px; font-size:10px; letter-spacing:2px; text-transform:uppercase; color:rgba(235,220,190,.72); }
.nav-links { align-items:center; gap:clamp(10px,1.5vw,22px); }
.nav-link { white-space:nowrap; }
.app-promo-banner { box-sizing:border-box; width:min(1120px,calc(100% - 36px)); margin:24px auto 28px; }
.card-media { width:100%!important; aspect-ratio:16/9!important; height:auto!important; overflow:hidden!important; background:#100d08!important; }
.card-media img { width:100%!important; height:100%!important; object-fit:contain!important; object-position:center!important; }
@media(max-width:850px) {
  .topbar { min-height:70px; padding:8px 12px; gap:8px; }
  .mobile-hamburger-btn { flex:0 0 34px; }
  .brand-group { flex:1 1 auto; min-width:0; }
  .brand { gap:8px; }
  .brand-logo { width:38px!important; height:38px!important; }
  .brand-name { font-size:clamp(14px,4vw,18px)!important; letter-spacing:.55px!important; white-space:normal; line-height:1.05; }
  .brand-sub { font-size:8px; letter-spacing:1.3px; margin-top:3px; }
  .topbar-right { flex:0 0 auto; }
  .app-promo-banner { width:calc(100% - 24px); margin:18px auto 22px; }
  .card-media { aspect-ratio:16/9!important; }
}
@media(max-width:380px) {
  .brand-logo { width:33px!important; height:33px!important; }
  .brand-name { font-size:13px!important; }
}