/* Refined product-style location control */
.hero-meta {
  top: 108px;
  left: 0;
  gap: 0;
  min-height: 34px;
  padding: 4px 12px 4px 5px;
  border: 1px solid rgba(255, 227, 243, .22);
  border-radius: 13px;
  background: linear-gradient(135deg, rgba(255,255,255,.17), rgba(255,255,255,.045));
  box-shadow: inset 1px 1px 0 rgba(255,255,255,.22), 0 8px 24px rgba(0,0,0,.16);
  backdrop-filter: blur(18px) saturate(155%);
}
.live-dot, .meta-sep { display: none; }
.pin-mark {
  width: 25px;
  height: 25px;
  display: grid;
  place-items: center;
  margin-right: 8px;
  border-radius: 9px;
  background: linear-gradient(145deg, rgba(255,139,199,.85), rgba(197,23,98,.78));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.42), 0 4px 12px rgba(196,16,90,.28);
  color: #fff;
  font-size: 14px;
  line-height: 1;
}
.location-name { color: #fff7fb; font: 700 10px var(--sans); letter-spacing: .2px; }
.location-detail {
  margin-left: 8px;
  padding-left: 8px;
  border-left: 1px solid rgba(255,255,255,.18);
  color: #d1b7c5;
  font: 9px var(--mono);
  letter-spacing: .3px;
}
.location-pulse {
  width: 5px;
  height: 5px;
  margin-left: 9px;
  border-radius: 50%;
  background: #ff83bd;
  box-shadow: 0 0 9px 2px rgba(255,78,163,.65);
}
/* New brand moment: a glass sculpture, not a poster */
.break-glass {
  background:
    radial-gradient(circle at 71% 43%, rgba(244,62,146,.54), transparent 22%),
    radial-gradient(circle at 18% 112%, rgba(255,153,206,.16), transparent 33%),
    linear-gradient(122deg, rgba(255,255,255,.13), rgba(255,255,255,.028) 52%, rgba(116,19,60,.26));
}
.break-glass:before {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: 0;
  border-radius: 30px;
  background: linear-gradient(116deg, rgba(255,255,255,.11), transparent 18%, transparent 75%, rgba(255,181,219,.12));
  pointer-events: none;
}
.brand-lockup { position: absolute; z-index: 3; top: 84px; left: 65px; }
.brand-lockup span {
  display: block;
  margin-bottom: 14px;
  color: #e9c3d6;
  font: 9px var(--mono);
  letter-spacing: 2.1px;
}
.brand-lockup strong {
  display: block;
  color: #fff7fb;
  font: 500 clamp(4.8rem, 11vw, 9.7rem)/.72 var(--serif);
  letter-spacing: -.105em;
  text-shadow: 0 14px 38px rgba(32,4,20,.35);
}
.brand-lockup em {
  display: block;
  margin: 22px 0 0 49%;
  color: #ff9ece;
  font: 500 clamp(1.55rem, 2.9vw, 2.6rem)/1 var(--serif);
  letter-spacing: -.06em;
  white-space: nowrap;
}
.allure-gem {
  position: absolute;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 216px;
  height: 216px;
  right: 172px;
  top: 114px;
  border: 1px solid rgba(255,235,246,.56);
  border-radius: 48% 52% 50% 50% / 54% 47% 53% 46%;
  background: linear-gradient(140deg, rgba(255,247,252,.36), rgba(250,78,162,.36) 35%, rgba(90,17,49,.2) 72%);
  box-shadow: inset 11px 13px 30px rgba(255,255,255,.21), inset -12px -12px 28px rgba(91,5,49,.2), 0 0 42px rgba(244,65,150,.45), 0 25px 45px rgba(0,0,0,.23);
  backdrop-filter: blur(20px) saturate(175%);
  transform: rotate(-17deg);
}
.allure-gem:before {
  content: "";
  position: absolute;
  width: 135px;
  height: 32px;
  top: 21px;
  left: 34px;
  border-radius: 50%;
  background: linear-gradient(90deg, rgba(255,255,255,.55), transparent);
  filter: blur(7px);
  transform: rotate(14deg);
}
.allure-gem i { width: 128px; height: 128px; border: 1px solid rgba(255,255,255,.36); border-radius: 50%; }
.allure-gem img {
  position: absolute;
  width: 186px;
  height: 186px;
  object-fit: cover;
  object-position: center 28%;
  border-radius: 50%;
  mix-blend-mode: screen;
  filter: contrast(1.16) saturate(1.24) drop-shadow(0 0 12px rgba(255, 180, 220, .56));
  opacity: .96;
  transform: rotate(17deg);
}
.allure-gem b { position: absolute; right: 23px; bottom: 25px; color: #fff3fa; transform: rotate(17deg); }
.break-note {
  position: absolute;
  z-index: 4;
  right: 40px;
  bottom: 36px;
  width: 172px;
  padding: 14px 15px;
  border: 1px solid rgba(255,238,249,.28);
  border-radius: 16px;
  background: rgba(39,10,28,.33);
  box-shadow: inset 1px 1px 0 rgba(255,255,255,.2);
  backdrop-filter: blur(22px);
}
.break-note span { color: #f3b1d3; font: 8px var(--mono); letter-spacing: 1.25px; }
.break-note p { margin: 13px 0 0; color: #fff7fb; font: 500 22px/.9 var(--serif); letter-spacing: -.055em; }
.break-note i { position: absolute; right: 15px; bottom: 14px; color: #ff8fc5; font-style: normal; }
.break-word, .break-card, .break-pulse { display: none; }
@media (max-width: 760px) {
  .hero-meta { top: 85px; left: 0; transform: scale(.92); transform-origin: left top; }
  .brand-lockup { top: 57px; left: 28px; }
  .brand-lockup span { margin-bottom: 11px; font-size: 7px; }
  .brand-lockup strong { font-size: 4.7rem; }
  .brand-lockup em { margin-top: 14px; font-size: 1.45rem; }
  .allure-gem { width: 132px; height: 132px; right: 63px; top: 136px; }
  .allure-gem i { width: 76px; height: 76px; }
  .allure-gem img { width: 116px; height: 116px; }
  .allure-gem b { right: 14px; bottom: 15px; font-size: 11px; }
  .break-note { display: none; }
  .break-glass:before { border-radius: 23px; }
}