/* Demo (per-tier example) page styles — layered on top of style.css */

.tier-switch{background:var(--ink-strong);color:#fff;}
.tier-switch .container{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px;}
.tier-switch .lbl{font-size:13px;color:#bbb;opacity:.8;}
.tier-switch a{font-size:13px;color:#ccc;border:1px solid #3a3a3a;padding:6px 14px;border-radius:999px;}
.tier-switch a:hover{color:#fff;border-color:#666;}
.tier-switch a.on{background:var(--brand);color:#fff;border-color:var(--brand);}
.tier-note{background:var(--brand-soft);border:1px solid rgba(249,115,22,.25);border-radius:12px;padding:14px 18px;margin:22px 0;display:flex;gap:12px;align-items:flex-start;}
.tier-note .ti{font-size:20px;} .tier-note b{color:#9a4d17;} .tier-note p{font-size:14px;color:#8a5a30;margin-top:2px;}

/* Exposure strip (Launch Boost) */
.exposure{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:8px 0 4px;}
.exp{border:1px solid var(--line);border-radius:12px;padding:14px;background:#fff;text-align:center;}
.exp .ic{font-size:20px;} .exp b{display:block;font-size:13px;color:var(--ink-strong);margin-top:6px;} .exp span{font-size:11px;color:var(--muted);}

/* Brand story */
.story{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;}
.story-img{height:280px;border-radius:14px;background:linear-gradient(135deg,#3a2f28,#1b1611);}

/* Gallery large (more images) */
.gallery-lg{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:130px;gap:10px;}
.gallery-lg div{border-radius:12px;background-size:cover;background-position:center;}
.gallery-lg .big{grid-column:span 2;grid-row:span 2;}

/* Premium brand hero */
.brand-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;padding:20px 0;}
.brand-logo{width:64px;height:64px;border-radius:16px;background:var(--ink-strong);color:var(--gold);font-weight:800;font-size:26px;display:flex;align-items:center;justify-content:center;}
.gold-line{color:var(--gold);}
.brand-hero-img{height:320px;border-radius:16px;background:linear-gradient(135deg,#2a2314,#141007);border:1px solid #e6dcc4;}

/* Branch cards */
.branch{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 1px 3px rgba(17,17,17,.05);transition:.15s;display:block;}
.branch:hover{box-shadow:0 6px 18px rgba(17,17,17,.09);transform:translateY(-2px);}
.branch .bi{height:120px;background-size:cover;background-position:center;}
.branch .bb{padding:14px;}
.branch .bb b{color:var(--ink-strong);} .branch .bb .m{font-size:12px;color:var(--muted);margin-top:3px;}
.gold-accent{border-top:3px solid var(--gold);}

@media(max-width:860px){
  .exposure{grid-template-columns:1fr 1fr;}
  .story,.brand-hero{grid-template-columns:1fr;}
  .gallery-lg{grid-template-columns:1fr 1fr;grid-auto-rows:120px;}
  .gallery-lg .big{grid-column:span 2;grid-row:span 1;}
}