/* Opt-in proposal. Load AFTER formed-vip.css only when these new SVGs are adopted.
   Add vip-brand-refined to the brand anchor; do not apply globally. */
.vip-brand-refined { display: inline-flex; align-items: center; max-width: 100%; }
.vip-brand-refined > img { display: block; width: 302px; height: auto; max-width: 100%; }
/* The old mask has obsolete VIP geometry. Keep the self-contained gold artwork. */
:is(.header, .public-footer, .site-header, .site-footer) .brand.vip-brand-refined::after { content: none; }
:is(.header, .public-footer, .site-header, .site-footer) .brand.vip-brand-refined > img { filter: none; transition: opacity .18s ease; }
.vip-brand-refined:focus-visible { outline: 3px solid #C1A36A; outline-offset: 6px; border-radius: 4px; }
@media (max-width: 760px) { .vip-brand-refined > img { width: clamp(190px, 52vw, 260px); } }
@media (prefers-reduced-motion: reduce) { .vip-brand-refined > img { transition: none; } }

/* Isolated proposal: load after the site's styles. No global selectors. */
.vip-contact-lockup {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px 22px;
  min-width: 0;
  max-width: 100%;
}
.vip-contact-lockup .vip-brand-refined {
  flex: 0 1 302px;
  min-width: 0;
  line-height: 0;
}
.vip-contact-lockup .vip-brand-refined > img {
  display: block;
  width: 302px;
  height: auto;
  max-width: 100%;
}
.vip-contact-phone {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  min-height: 44px;
  padding: 8px 14px;
  border: 1px solid #8C6A34;
  border-radius: 6px;
  color: #173C30;
  background: #F3E3BA;
  font: 650 clamp(18px, 1.5vw, 22px)/1.2 system-ui, sans-serif;
  font-variant-numeric: tabular-nums;
  letter-spacing: .025em;
  text-decoration: none;
  white-space: nowrap;
  word-break: normal;
  overflow-wrap: normal;
  box-sizing: border-box;
}
.vip-contact-phone:hover { background: #E7CC8C; }
.vip-contact-phone:focus-visible,
.vip-footer-contacts a:focus-visible {
  outline: 3px solid #D4B67C;
  outline-offset: 4px;
}
.vip-footer-contacts {
  padding-block: 24px;
  color: #F5F2E8;
  font: normal 18px/1.65 system-ui, sans-serif;
  overflow-wrap: anywhere;
}
.vip-footer-contacts h2 { margin: 0 0 14px; font-size: 22px; line-height: 1.3; }
.vip-footer-contacts address { font-style: normal; }
.vip-footer-contacts p { margin: 10px 0; }
.vip-footer-contacts .vip-footer-phone {
  display: inline-flex;
  align-items: center;
  min-height: 48px;
  color: #F0D99E;
  font-size: clamp(26px, 3vw, 34px);
  line-height: 1.3;
  font-weight: 650;
  font-variant-numeric: tabular-nums;
  letter-spacing: .02em;
  white-space: nowrap;
  overflow-wrap: normal;
  word-break: normal;
  text-decoration-thickness: 1px;
  text-underline-offset: .18em;
}
.vip-footer-contacts a { color: inherit; text-underline-offset: .18em; }
/* Keep the brand and number together, but let them occupy separate intact rows.
   At 320px the 302px logo shrinks to the available width; digits never split. */
@media (max-width: 600px) {
  .vip-contact-lockup { gap: 10px 16px; }
  .vip-contact-lockup .vip-brand-refined { flex-basis: min(302px, 100%); }
  .vip-contact-phone { font-size: 19px; min-height: 46px; }
  .vip-footer-contacts { font-size: 18px; }
}
@media (forced-colors: active) {
  .vip-contact-phone { border-color: ButtonText; background: ButtonFace; color: ButtonText; }
  .vip-footer-contacts .vip-footer-phone { color: LinkText; }
}

.header .header-main{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.header .vip-contact-lockup{flex:1 1 480px}.header .site-search-trigger{flex:1 1 240px;min-width:0}.header .vip-contact-lockup .brand{max-width:302px}.header .vip-contact-phone{position:static;margin:0}.site-header .header-inner{flex-wrap:wrap;gap:14px;padding-block:14px}.site-header .header-nav{flex-wrap:wrap;white-space:nowrap}.site-footer .footer-links,.public-footer .vip-footer-contacts{font-size:18px}.site-footer .footer-links a[href^="tel:"],.public-footer .vip-footer-phone{font-size:clamp(26px,3vw,34px);font-weight:650;white-space:nowrap;overflow-wrap:normal;line-height:1.4}.vip-brand-refined:hover>img{filter:drop-shadow(0 0 8px #d4b47766)}
@media(max-width:760px){.header .vip-contact-lockup{flex-basis:100%;width:100%;gap:8px 12px}.header .vip-contact-lockup .brand{flex:0 1 230px}.header .site-search-trigger{flex:1 1 40px}.header .vip-contact-phone{font-size:18px}.site-header .header-inner{padding-block:12px}.site-header .vip-contact-lockup{width:100%}.site-header .header-nav{gap:8px 16px}.public-footer .vip-footer-contacts{padding-block:0}}