/* Exhale — chrome shared by all five layouts: logos, co-branded loader,
   Ad|Venture credit, visitor counter, layout/palette review bar. */
/* logos */
.ex-logo{display:block;aspect-ratio:3453/795;height:auto;fill:currentColor}
.adv-logo{display:block;width:150px;height:auto;color:currentColor}

/* ---------- loader: Exhale × The Ad|Venture Firm ---------- */
.loader{position:fixed;inset:0;z-index:1000;background:var(--bg);color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;
  transition:opacity .7s ease,visibility .7s;}
.loader.done{opacity:0;visibility:hidden;pointer-events:none}
.loader-pair{display:flex;align-items:flex-end;gap:clamp(1rem,3vw,2rem);opacity:0;transform:translateY(8px);animation:ld-in .9s .15s cubic-bezier(.2,.7,.2,1) forwards}
.loader-pair .ex-logo{width:clamp(150px,30vw,250px)}
.loader-pair .adv-logo{width:clamp(150px,30vw,250px);transform:translateY(var(--adv-lift,-6%))}
.loader-x{font-family:var(--ui);font-weight:300;font-size:clamp(1.2rem,3vw,1.8rem);line-height:1;opacity:.55;align-self:center}
.loader-bar{width:clamp(180px,40vw,320px);height:1px;background:var(--line);margin-top:2.6rem;overflow:hidden}
.loader-bar i{display:block;height:100%;width:40%;background:var(--ink);animation:ld-bar 1.1s ease-in-out infinite}
.loader-credit{position:absolute;bottom:clamp(1.5rem,5vh,2.8rem);left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:.7rem}
.loader-credit span,.credit span{font:500 10.5px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em;text-transform:uppercase;opacity:.7}
.loader-credit .adv-logo{width:120px}
@keyframes ld-in{to{opacity:1;transform:none}}
@keyframes ld-bar{0%{transform:translateX(-100%)}100%{transform:translateX(260%)}}
@media(max-width:520px){.loader-pair{flex-direction:column;align-items:center;gap:.9rem}.loader-x{align-self:center}}

/* ---------- footer credit + visitor counter ---------- */
.credit{display:flex;flex-direction:column;align-items:center;gap:.7rem;padding:1.8rem 1rem 1.4rem;text-decoration:none}
.credit .adv-logo{width:140px}
.visits{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem 1.1rem;font-size:.72rem;letter-spacing:.06em;opacity:.75;padding:0 1rem 1.6rem;text-align:center}
.visits b{font-weight:600}
.visits .dot{display:inline-block;width:.5rem;height:.5rem;border-radius:50%;background:#58a06b;margin-right:.4rem;box-shadow:0 0 0 0 rgba(88,160,107,.6);animation:pulse 2s infinite}
.visits[hidden]{display:none}
@keyframes pulse{70%{box-shadow:0 0 0 .5rem rgba(88,160,107,0)}100%{box-shadow:0 0 0 0 rgba(88,160,107,0)}}

/* ---------- review bar: layout + palette switcher ---------- */
.rbar{position:fixed;left:50%;bottom:1rem;transform:translateX(-50%);z-index:700;display:flex;align-items:center;gap:.9rem;
  background:rgba(24,20,17,.86);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#f3ece4;
  padding:.5rem .6rem .5rem 1rem;border-radius:999px;font:500 .68rem/1 ui-sans-serif,system-ui,sans-serif;letter-spacing:.08em;box-shadow:0 10px 30px rgba(0,0,0,.25);max-width:calc(100vw - 1.5rem)}
.rbar-lbl{text-transform:uppercase;opacity:.6;white-space:nowrap}
.rbar-lays{display:flex;gap:.25rem}
.rbar-lays a{display:grid;place-items:center;width:1.85rem;height:1.85rem;border-radius:50%;text-decoration:none;color:#f3ece4;font-size:.78rem}
.rbar-lays a[aria-current="page"]{background:#f3ece4;color:#181411}
.rbar-sw{display:flex;gap:.35rem;padding-left:.8rem;border-left:1px solid rgba(255,255,255,.2)}
.rbar-sw button{width:1.55rem;height:1.55rem;border-radius:50%;border:2px solid rgba(255,255,255,.35);position:relative}
.rbar-sw button[aria-pressed="true"]{border-color:#fff;box-shadow:0 0 0 2px rgba(255,255,255,.25)}
.rbar-name{min-width:5.2rem;text-transform:uppercase;opacity:.8}
.rbar-hide{opacity:.6;font-size:1rem;padding:0 .35rem}
.rbar.min .rbar-body{display:none}
.rbar.min{padding:.5rem .9rem}
.rbar-body{display:flex;align-items:center;gap:.9rem}
@media(max-width:640px){.rbar-lbl,.rbar-name{display:none}.rbar{gap:.4rem;padding:.4rem .5rem .4rem .6rem}.rbar-body{gap:.4rem}.rbar-sw{padding-left:.4rem;gap:.25rem}.rbar-lays{gap:.1rem}.rbar-lays a{width:1.55rem;height:1.55rem;font-size:.72rem}.rbar-sw button{width:1.3rem;height:1.3rem}}