.bree-profile-page {
  --bree-ink: #1b0a18;
  --bree-ink-soft: #31152a;
  --bree-plum: #4a1938;
  --bree-rose: #c72b70;
  --bree-rose-dark: #9e174f;
  --bree-rose-soft: #f8e8ef;
  --bree-gold: #b58b49;
  --bree-gold-soft: #d8bd87;
  --bree-ivory: #fffaf4;
  --bree-canvas: #f6f0ea;
  --bree-paper: #ffffff;
  --bree-text: #34252f;
  --bree-muted: #786873;
  --bree-line: #e7dcd4;
  --bree-shadow: 0 20px 55px rgb(45 19 36 / 9%);
  --page-bg: var(--bree-canvas);
  --card-bg: var(--bree-paper);
  --heading-color: var(--bree-ink-soft);
  --body-text-color: var(--bree-text);
  --muted-text-color: var(--bree-muted);
  --border-color: var(--bree-line);
  --primary-blue: var(--bree-rose);
  --secondary-blue: var(--bree-plum);
  --shared-link-color: var(--bree-rose);
  --shared-heading-color: var(--bree-ink-soft);
  --button-primary-bg: var(--bree-rose);
  --button-primary-text: #ffffff;
  --accent-pink: #ffffff;
  --call-sms-min-width: 0px;
  --call-sms-height: 54px;
  --call-sms-radius: 12px;
  --call-sms-icon-area-width: 52px;
  --call-sms-balance-area-width: 52px;
  --call-sms-fill-top: #d63d7e;
  --call-sms-fill-middle: #c72b70;
  --call-sms-fill-bottom: #aa1d59;
  --call-sms-border-color: #e27aa6;
  --call-sms-glow-size: 0px;
  --call-sms-glow-color: transparent;
  --send-message-min-width: 0px;
  --send-message-height: 54px;
  --send-message-radius: 12px;
  --send-message-icon-area-width: 52px;
  --send-message-balance-area-width: 52px;
  --send-message-fill-top: #fffaf4;
  --send-message-fill-middle: #f9eee9;
  --send-message-fill-bottom: #f2e1df;
  --send-message-border-color: #d9b9b4;
  --send-message-text-color: var(--bree-ink-soft);
  --send-message-icon-color: var(--bree-rose);
  --send-message-highlight-color: #ffffff;
  --send-message-glow-size: 0px;
  --send-message-glow-color: transparent;
  --my-websites-min-width: 0px;
  --my-websites-height: 54px;
  --my-websites-radius: 12px;
  --my-websites-icon-area-width: 52px;
  --my-websites-balance-area-width: 52px;
  --my-websites-fill-top: #3c1932;
  --my-websites-fill-middle: #2f1228;
  --my-websites-fill-bottom: #250d20;
  --my-websites-border-color: #6c3d5c;
  --my-websites-glow-size: 0px;
  --my-websites-glow-color: transparent;
  background:
    radial-gradient(circle at 9% 24%, rgb(199 43 112 / 5%), transparent 24rem),
    var(--bree-canvas);
  color: var(--bree-text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 15px;
}

.bree-profile-page .profile-breadcrumb {
  min-height: 40px;
  background: #fff7fa;
  border-top-color: #e52e79;
  border-bottom-color: #eadde4;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
}

.bree-profile-page .profile-breadcrumb .location-inner {
  width: min(100% - 48px, 1320px);
}

.bree-profile-page .profile-breadcrumb-list {
  color: #d52170;
  font-size: 14px;
  line-height: normal;
  letter-spacing: normal;
}

.bree-profile-page .profile-breadcrumb-list li + li::before {
  color: #9c778d;
  content: "/";
}

.bree-profile-page .profile-breadcrumb-list a {
  color: #35162c;
}

.bree-profile-page .profile-page-stage-panel {
  width: min(100% - 48px, 1240px);
  max-width: none;
  min-height: 0;
  margin: 28px auto 0;
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 83% 16%, rgb(216 189 135 / 18%), transparent 18rem),
    radial-gradient(circle at 3% 100%, rgb(199 43 112 / 25%), transparent 23rem),
    linear-gradient(126deg, #180914 0%, #351328 58%, #24101e 100%);
  border: 1px solid rgb(181 139 73 / 58%);
  border-radius: 26px;
  box-shadow: 0 22px 50px rgb(41 14 33 / 16%);
}

.bree-profile-page .profile-page-stage-panel::before,
.bree-profile-page .profile-page-stage-panel::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

.bree-profile-page .profile-page-stage-panel::before {
  width: 330px;
  height: 330px;
  top: -250px;
  right: -50px;
  border: 1px solid rgb(216 189 135 / 30%);
  border-radius: 50%;
}

.bree-profile-page .profile-page-stage-panel::after {
  width: 72px;
  height: 1px;
  right: 52px;
  bottom: 35px;
  background: var(--bree-gold-soft);
}

.bree-profile-stage-inner {
  min-height: 224px;
  padding: 42px 52px;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 48px;
}

.bree-profile-page .profile-page-stage-panel .profile-identity {
  min-width: 0;
  min-height: 0;
  padding: 0;
  display: block;
  border: 0;
  text-align: left;
}

.bree-profile-eyebrow,
.bree-profile-card-kicker,
.bree-profile-section-heading > p,
.bree-profile-section-heading > .bree-profile-section-kicker {
  display: block;
  margin: 0 0 8px;
  color: var(--bree-rose-dark);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .18em;
  line-height: 1.25;
  text-transform: uppercase;
}

.bree-profile-page .profile-page-stage-panel .bree-profile-eyebrow {
  color: var(--bree-gold-soft);
}

.bree-profile-premium {
  position: absolute;
  top: 42px;
  right: 52px;
  color: var(--bree-gold-soft);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .18em;
  line-height: 1.25;
  text-transform: uppercase;
}

.bree-profile-page .profile-page-stage-panel .profile-identity h1 {
  margin: 0;
  color: #fffaf6;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(58px, 7vw, 84px);
  font-weight: 600;
  letter-spacing: -.035em;
  line-height: .9;
}

.bree-profile-page .profile-page-stage-panel .profile-headline {
  margin: 17px 0 0;
  color: #f4c9da;
  font-family: "Dancing Script", cursive;
  font-size: 25px;
  letter-spacing: .055em;
  line-height: 1.35;
}

.bree-profile-page .profile-page-stage-panel .profile-location {
  margin: 9px 0 0;
  color: #e4d9df;
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.bree-profile-stage-status {
  min-width: 245px;
  min-height: 101px;
  padding: 20px 22px;
  display: grid;
  gap: 10px;
  background: none;
  border: 1px solid transparent;
  border-radius: 16px;
  color: #f9eef3;
  backdrop-filter: none;
}

.bree-profile-verified,
.bree-profile-updated {
  display: flex;
  align-items: center;
  gap: 9px;
  line-height: 1.35;
}

.bree-profile-verified {
  display: none;
}

.bree-profile-verified > span {
  width: 24px;
  height: 24px;
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  background: var(--bree-rose);
  border-radius: 50%;
  font-size: 12px;
}

.bree-profile-updated {
  position: absolute;
  right: 52px;
  bottom: 12px;
  padding-left: 0;
  color: #cdbfc7;
  font-size: 12px;
  text-align: right;
}

@media (min-width: 821px) {
  .bree-profile-page .profile-page-stage-panel .profile-identity h1 {
    width: max-content;
    max-width: calc(min(calc(100vw - 48px), 1240px) - 104px);
    position: relative;
    left: calc(min(calc(50vw - 24px), 620px) - 52px);
    transform: translateX(-50%);
    text-align: center;
  }

  .bree-profile-page .profile-page-stage-panel .profile-headline {
    width: max-content;
    max-width: min(30vw, 360px);
    position: relative;
    left: calc(min(calc(100vw - 48px), 1240px) - 104px);
    transform: translateX(-100%);
    text-align: right;
  }

  .bree-profile-page .profile-page-stage-panel .profile-location {
    position: relative;
    top: -30px;
  }
}

.bree-profile-page .bree-profile-main {
  width: min(100% - 48px, 1240px);
  max-width: none;
  padding: 24px 0 90px;
}

.bree-profile-back {
  width: fit-content;
  min-height: 42px;
  margin-bottom: 22px;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: var(--bree-plum);
  font-size: 13px;
  font-weight: 750;
  letter-spacing: .02em;
}

.bree-profile-back > span {
  color: var(--bree-rose);
  font-size: 17px;
  transition: transform 160ms ease;
}

.bree-profile-back:hover > span {
  transform: translateX(-3px);
}

.bree-profile-back:focus-visible {
  outline: 3px solid var(--bree-rose);
  outline-offset: 4px;
  border-radius: 4px;
}

.bree-profile-page .bree-profile-layout {
  display: grid;
  grid-template-columns: minmax(370px, .88fr) minmax(0, 1.12fr);
  grid-template-areas:
    "gallery practical"
    "primary primary";
  align-items: start;
  gap: 30px;
}

.bree-profile-page .profile-gallery {
  grid-area: gallery;
  width: 100%;
  max-width: none;
  padding: 14px;
  overflow: hidden;
  background: var(--bree-paper);
  border: 1px solid rgb(181 139 73 / 45%);
  border-radius: 22px;
  box-shadow: var(--bree-shadow);
}

.bree-profile-gallery-frame {
  overflow: hidden;
  background: var(--bree-ink);
  border-radius: 15px;
}

.bree-profile-page .gallery-main-trigger {
  position: relative;
  overflow: hidden;
}

.bree-profile-page .profile-main-image {
  width: 100%;
  aspect-ratio: 3 / 4;
  object-fit: cover;
  object-position: center 30%;
  border: 0;
  box-shadow: none;
  transition: transform 320ms ease, filter 320ms ease;
}

@media (min-width: 1061px) {
  .bree-profile-page .profile-main-image {
    height: clamp(471px, calc(25.6vw + 199px), 507px);
    aspect-ratio: auto;
  }
}

.bree-profile-page .gallery-main-trigger:hover .profile-main-image {
  filter: saturate(1.03) contrast(1.02);
  transform: scale(1.015);
}

.bree-profile-expand-cue {
  position: absolute;
  right: 16px;
  bottom: 16px;
  padding: 8px 12px;
  background: rgb(27 10 24 / 78%);
  color: #ffffff;
  border: 1px solid rgb(255 255 255 / 25%);
  border-radius: 999px;
  font-size: 11px;
  font-weight: 750;
  letter-spacing: .04em;
  backdrop-filter: blur(6px);
}

.bree-profile-page .profile-thumbnails {
  margin-top: 12px;
  padding-bottom: 8px;
  grid-template-columns: none;
  grid-auto-flow: column;
  grid-auto-columns: minmax(140px, calc((100% - 10px) / 2));
  gap: 10px;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scroll-snap-type: inline proximity;
  scrollbar-color: var(--bree-gold) #f4ebe6;
  scrollbar-width: thin;
}

.bree-profile-page .profile-thumbnails .gallery-trigger {
  overflow: hidden;
  border: 1px solid transparent;
  border-radius: 10px;
  scroll-snap-align: start;
}

.bree-profile-page .profile-thumbnails img {
  aspect-ratio: 4 / 3;
  border: 0;
  transition: transform 220ms ease;
}

.bree-profile-page .profile-thumbnails .gallery-trigger:hover img {
  transform: scale(1.035);
}

.bree-profile-page .profile-thumbnails .gallery-trigger.is-active {
  border-color: var(--bree-rose);
}

.bree-profile-page .profile-thumbnails .gallery-trigger.is-active img {
  outline: 0;
}

.bree-profile-page .thumbnail-pagination {
  margin-top: 11px;
}

.bree-profile-page .thumbnail-pagination button {
  width: 31px;
  height: 29px;
  color: var(--bree-muted);
  border-color: var(--bree-line);
  border-radius: 999px;
}

.bree-profile-page .thumbnail-pagination .is-active {
  background: var(--bree-plum);
  color: #ffffff;
  border-color: var(--bree-plum);
}

.bree-profile-page .photo-verification-caption {
  width: fit-content;
  margin: 0;
  padding: 7px 11px;
  background: #f8f2e7;
  color: #765825;
  border: 1px solid #e5d1a9;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 750;
}

.bree-profile-gallery-footer {
  margin-top: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.bree-profile-page .bree-profile-gallery-footer .report-profile-button {
  flex: 0 0 auto;
  margin: 0 0 0 auto;
}

.bree-profile-page .profile-video-preview {
  margin: 0;
}

.bree-profile-page .bree-profile-video-card {
  grid-column: 1 / -1;
  padding: 27px;
  border-top: 1px solid var(--bree-line);
}

.bree-profile-page .bree-profile-section-heading {
  margin-bottom: 18px;
}

.bree-profile-page .bree-profile-section-heading > p,
.bree-profile-page .bree-profile-section-heading > .bree-profile-section-kicker {
  color: var(--bree-rose-dark);
}

.bree-profile-page .bree-profile-section-heading h2,
.bree-profile-page .profile-video-preview .bree-profile-section-heading h2 {
  margin: 0;
  color: var(--bree-ink-soft);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 32px;
  font-weight: 600;
  letter-spacing: -.02em;
  line-height: 1;
}

.bree-profile-page .profile-video-frame {
  overflow: hidden;
  border-radius: 13px;
}

.bree-profile-page .video-selectors {
  margin-top: 11px;
  gap: 8px;
}

.bree-profile-page .video-selectors button {
  width: auto;
  height: 34px;
  padding: 0 14px;
  background: #f8f2ef;
  color: var(--bree-muted);
  border-color: var(--bree-line);
  border-radius: 999px;
  font-size: 11px;
  font-weight: 750;
}

.bree-profile-page .video-selectors .is-active {
  background: var(--bree-plum);
  color: #ffffff;
  border-color: var(--bree-plum);
}

.bree-profile-page .profile-practical-column {
  grid-area: practical;
  min-width: 0;
}

.bree-profile-page .profile-sidebar {
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 20px;
  border: 0;
}

.bree-profile-page .bree-profile-practical-stack {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 20px;
}

.bree-profile-page .bree-profile-practical-stack-middle .profile-contact-actions {
  grid-template-columns: minmax(0, 1fr);
}

.bree-profile-page:not(.amelia-profile-page) .bree-profile-practical-stack-right .bree-profile-contact-card .profile-contact-actions {
  grid-template-columns: minmax(0, 1fr);
}

.bree-profile-page .bree-profile-practical-stack-right .bree-profile-touring-card {
  grid-column: 1;
}

.bree-profile-page .sidebar-section {
  min-width: 0;
  margin: 0;
  padding: 27px;
  background: var(--bree-paper);
  border: 1px solid var(--bree-line);
  border-radius: 18px;
  box-shadow: 0 12px 32px rgb(45 19 36 / 7%);
}

.bree-profile-page .bree-profile-contact-card {
  grid-column: 1 / -1;
  padding: 34px;
  background:
    radial-gradient(circle at 100% 0%, rgb(199 43 112 / 22%), transparent 17rem),
    linear-gradient(145deg, var(--bree-ink-soft), var(--bree-ink));
  color: #ffffff;
  border-color: rgb(181 139 73 / 48%);
  box-shadow: 0 20px 48px rgb(44 12 35 / 16%);
}

.bree-profile-page .bree-profile-contact-card .bree-profile-card-kicker {
  color: var(--bree-gold-soft);
}

.bree-profile-page .bree-profile-contact-card h2 {
  margin: 0;
  color: #fffaf6;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 40px;
  font-weight: 600;
  letter-spacing: -.025em;
  line-height: 1;
}

.bree-profile-contact-copy {
  max-width: 540px;
  margin: 13px 0 23px;
  color: #d9cbd3;
  font-size: 14px;
  line-height: 1.6;
}

.bree-profile-page .profile-contact-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.bree-profile-page .profile-contact-actions button.profile-call-button,
.bree-profile-page .profile-contact-actions button.profile-message-button,
.bree-profile-page .profile-contact-actions button.profile-websites-button {
  min-width: 0;
  box-shadow: none;
}

.bree-profile-page .profile-contact-actions button:hover {
  box-shadow: none;
  filter: brightness(1.04);
}

.bree-profile-page .profile-contact-actions button:focus-visible {
  outline: 3px solid var(--bree-gold-soft);
  outline-offset: 3px;
}

.bree-profile-discretion-note {
  margin: 17px 0 0;
  color: #bfaeb8;
  font-size: 11px;
  line-height: 1.5;
  text-align: center;
}

.bree-profile-page .profile-sidebar .bree-profile-section-heading h2 {
  font-size: 29px;
}

.bree-profile-page .profile-table,
.bree-profile-page .touring-table {
  font-size: 12px;
}

.bree-profile-page .profile-table th,
.bree-profile-page .profile-table td,
.bree-profile-page .touring-table th,
.bree-profile-page .touring-table td {
  padding: 10px 7px;
  border-bottom-color: var(--bree-line);
}

.bree-profile-page .profile-table th,
.bree-profile-page .touring-table th {
  color: var(--bree-muted);
  font-weight: 650;
}

.bree-profile-page .profile-table td,
.bree-profile-page .touring-table td {
  color: var(--bree-text);
}

.bree-profile-page .availability-table .availability-current-day th,
.bree-profile-page .availability-table .availability-current-day td {
  background: var(--bree-rose-soft);
  color: var(--bree-rose-dark);
}

.bree-profile-page .availability-table .availability-current-day th {
  padding-left: 10px;
  border-radius: 7px 0 0 7px;
}

.bree-profile-page .availability-table .availability-current-day td {
  padding-right: 10px;
  border-radius: 0 7px 7px 0;
}

.bree-profile-page .bree-profile-table-scroll {
  max-width: 100%;
  overflow-x: auto;
  scrollbar-color: var(--bree-gold) transparent;
}

.bree-profile-page .bree-profile-table-scroll:focus-visible {
  outline: 2px solid var(--bree-rose);
  outline-offset: 3px;
  border-radius: 6px;
}

.bree-profile-page .report-profile-button {
  grid-column: 1 / -1;
  width: fit-content;
  min-height: 38px;
  margin: -4px 2px 0 auto;
  padding: 0 15px;
  background: var(--bree-ivory);
  color: var(--bree-plum);
  border: 1px solid #dccbc4;
  border-radius: 999px;
  box-shadow: none;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
}

.bree-profile-page .report-profile-button:hover {
  color: var(--bree-rose-dark);
  background: #fbf3ed;
  border-color: #cfadb9;
  box-shadow: none;
}

.bree-profile-page .report-profile-button:focus-visible {
  outline: 3px solid var(--bree-rose);
  outline-offset: 4px;
}

.bree-profile-page .profile-primary {
  grid-area: primary;
  min-width: 0;
  width: calc(72% - 1.6px);
  /* Align the lower two-column content beneath the gallery/video, not the taller right stack. */
  margin-top: clamp(-276px, calc(50vw - 806.5px), -172px);
  justify-self: start;
}

.bree-profile-page .bree-profile-editorial-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 24px;
}

.bree-profile-page .profile-content-section {
  min-width: 0;
  margin: 0;
  padding: 30px;
  background: var(--bree-paper);
  border: 1px solid var(--bree-line);
  border-radius: 18px;
  box-shadow: 0 12px 34px rgb(45 19 36 / 6%);
}

.bree-profile-page .bree-profile-account-card {
  grid-column: 1 / -1;
  padding: 18px 24px;
  background: #f8f1ec;
  border-color: #e4d4cb;
  box-shadow: none;
}

.bree-profile-page .bree-profile-account-card .bree-profile-card-kicker {
  margin-bottom: 12px;
}

.bree-profile-page .profile-account dl {
  margin: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 36px;
}

.bree-profile-page .profile-account dl div {
  align-items: center;
}

.bree-profile-page .profile-account dt {
  color: var(--bree-muted);
  font-size: 12px;
  font-weight: 650;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.bree-profile-page .profile-account dd {
  color: var(--bree-ink-soft);
}

.bree-profile-page .bree-profile-facts-card {
  grid-column: 1 / -1;
}

.bree-profile-page .bree-profile-touring-card {
  grid-column: span 5;
}

.bree-profile-page .quick-facts-list {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.bree-profile-page .quick-facts-list > div {
  min-width: 0;
  min-height: 72px;
  padding: 13px 14px;
  display: grid;
  align-content: center;
  justify-content: stretch;
  gap: 5px;
  background: #fbf7f3;
  border: 1px solid #eee4de;
  border-radius: 11px;
}

.bree-profile-page .quick-facts-list dt,
.bree-profile-page .quick-facts-list dd {
  min-width: 0;
  text-align: left;
  overflow-wrap: anywhere;
}

.bree-profile-page .quick-facts-list dt {
  color: var(--bree-muted);
  font-size: 10px;
  font-weight: 750;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.bree-profile-page .quick-facts-list dd {
  color: var(--bree-ink-soft);
  font-size: 14px;
  font-weight: 750;
}

.bree-profile-page .quick-facts-list .bree-profile-fact-wide {
  grid-column: span 2;
}

.bree-profile-page .profile-about-section {
  grid-column: 1 / -1;
  padding: clamp(30px, 5vw, 52px);
  background:
    linear-gradient(90deg, rgb(181 139 73 / 6%), transparent 38%),
    var(--bree-paper);
  border-color: rgb(181 139 73 / 42%);
}

.bree-profile-page .profile-about-section .bree-profile-section-heading h2 {
  font-size: clamp(38px, 4vw, 48px);
}

.bree-profile-page .profile-about-section > p {
  max-width: 920px;
  color: #493943;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 16px;
  line-height: 1.85;
}

.bree-profile-page .profile-about-toggle,
.bree-profile-page .profile-services-toggle {
  margin-top: 22px;
  color: var(--bree-rose-dark);
  font-size: 13px;
}

.bree-profile-page .profile-services-section {
  grid-column: 1 / -1;
}

.bree-profile-page .profile-services-list,
.bree-profile-page.static-profile-page .profile-services-list {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  columns: auto;
  list-style: none;
}

.bree-profile-page .profile-services-list li {
  margin: 0;
  padding: 10px 14px;
  background: #f8eeef;
  color: var(--bree-plum);
  border: 1px solid #e9cfd8;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
}

.bree-profile-page .profile-reviews {
  grid-area: auto;
  grid-column: 1 / -1;
  padding-block: 24px;
}

.bree-profile-page .profile-reviews summary h2 {
  color: var(--bree-ink-soft);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 29px;
}

.bree-profile-page .profile-reviews summary::after {
  border-color: var(--bree-rose-dark);
}

.bree-profile-page .profile-reviews > p {
  color: var(--bree-muted);
  white-space: pre-wrap;
}

.bree-profile-page .profile-lightbox,
.bree-profile-page .profile-contact-modal,
.bree-profile-page .profile-message-modal,
.bree-profile-page .profile-websites-modal,
.bree-profile-page .profile-report-modal {
  background: rgb(21 7 18 / 88%);
  backdrop-filter: blur(8px);
}

.bree-profile-page .profile-contact-dialog,
.bree-profile-page .profile-message-dialog,
.bree-profile-page .profile-websites-dialog,
.bree-profile-page .profile-report-dialog {
  padding: 30px;
  background: var(--bree-ivory);
  border: 1px solid rgb(181 139 73 / 62%);
  border-radius: 18px;
  box-shadow: 0 28px 80px rgb(12 3 10 / 32%);
}

.bree-profile-page .profile-contact-dialog h2,
.bree-profile-page .profile-message-dialog h2,
.bree-profile-page .profile-websites-dialog h2,
.bree-profile-page .profile-report-dialog h2 {
  color: var(--bree-ink-soft);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 32px;
  font-weight: 600;
}

.bree-profile-page .profile-contact-close,
.bree-profile-page .profile-message-close,
.bree-profile-page .profile-websites-close,
.bree-profile-page .profile-report-close {
  top: 14px;
  right: 14px;
  color: var(--bree-plum);
  border-radius: 50%;
}

.bree-profile-page .profile-contact-close:hover,
.bree-profile-page .profile-message-close:hover,
.bree-profile-page .profile-websites-close:hover,
.bree-profile-page .profile-report-close:hover {
  background: var(--bree-rose-soft);
}

.bree-profile-page .profile-message-field input,
.bree-profile-page .profile-message-field textarea,
.bree-profile-page .profile-report-field input,
.bree-profile-page .profile-report-field textarea {
  background: #ffffff;
  border-color: #daccc4;
  border-radius: 9px;
}

.bree-profile-page .profile-message-submit,
.bree-profile-page .profile-report-submit {
  min-height: 46px;
  background: var(--bree-rose);
  border-radius: 10px;
  font-weight: 750;
}

.bree-profile-page .profile-contact-number a,
.bree-profile-page .profile-websites-list a {
  color: var(--bree-rose-dark);
}

.bree-profile-page .lightbox-content {
  width: min(100%, 1120px);
}

.bree-profile-page .lightbox-image {
  border-radius: 8px;
  box-shadow: 0 24px 70px rgb(0 0 0 / 35%);
}

.bree-profile-page .lightbox-counter {
  color: #f3e7ed;
  font-weight: 700;
  letter-spacing: .08em;
}

@media (max-width: 1060px) {
  .bree-profile-page .bree-profile-layout {
    grid-template-columns: minmax(330px, .8fr) minmax(0, 1.2fr);
  }

  .bree-profile-page .profile-primary {
    width: calc(70% - 1px);
  }

  .bree-profile-page .quick-facts-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .bree-profile-page .bree-profile-contact-card,
  .bree-profile-page .bree-profile-video-card,
  .bree-profile-page .report-profile-button {
    grid-column: 1 / -1;
  }

  .bree-profile-page .profile-contact-actions {
    grid-template-columns: minmax(0, 1fr);
  }

  .bree-profile-page .bree-profile-facts-card,
  .bree-profile-page .bree-profile-touring-card {
    grid-column: 1 / -1;
  }
}

@media (min-width: 821px) and (max-width: 903px) {
  .bree-profile-page .profile-primary {
    width: calc(50% + 170px);
    margin-top: clamp(-263px, calc(83vw - 968.5px), -219px);
  }
}

@media (min-width: 904px) and (max-width: 1060px) {
  .bree-profile-page .profile-primary {
    margin-top: clamp(-276px, calc(324.4px - 60vw), -218px);
  }
}

@media (min-width: 904px) {
  .bree-profile-page .bree-profile-layout {
    grid-template-columns:
      calc(44% - 13.2px)
      30px
      minmax(0, calc(28% - 18.4px))
      20px
      minmax(0, calc(28% - 18.4px));
    grid-template-areas: none;
    gap: 24px 0;
  }

  .bree-profile-page .profile-gallery {
    grid-area: auto;
    grid-column: 1;
    grid-row: 1;
    align-self: stretch;
  }

  .bree-profile-page .profile-practical-column,
  .bree-profile-page .profile-sidebar {
    display: contents;
  }

  .bree-profile-page .bree-profile-practical-stack-middle {
    grid-column: 3;
    grid-row: 1;
  }

  .bree-profile-page .bree-profile-practical-stack-right {
    grid-column: 5;
    grid-row: 1 / span 2;
  }

  .bree-profile-page .profile-primary {
    grid-area: auto;
    grid-column: 1 / 4;
    grid-row: 2;
    width: 100%;
    margin-top: 0;
  }
}

@media (min-width: 904px) and (max-width: 1060px) {
  .bree-profile-page .bree-profile-layout {
    grid-template-columns:
      calc(40% - 12px)
      30px
      minmax(0, calc(30% - 19px))
      20px
      minmax(0, calc(30% - 19px));
  }
}

@media (max-width: 820px) {
  .bree-profile-page .profile-page-stage-panel,
  .bree-profile-page .bree-profile-main {
    width: calc(100% - 36px);
  }

  .bree-profile-stage-inner {
    min-height: 0;
    padding: 38px 34px;
    align-items: flex-start;
    flex-direction: column;
    gap: 26px;
  }

  .bree-profile-premium {
    top: 38px;
    right: 34px;
  }

  .bree-profile-stage-status {
    width: min(100%, 360px);
  }

  .bree-profile-page .bree-profile-layout {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "gallery"
      "practical"
      "primary";
    gap: 24px;
  }

  .bree-profile-page .profile-primary {
    width: 100%;
    margin-top: 0;
  }

  .bree-profile-page .profile-gallery {
    width: min(100%, 620px);
    justify-self: center;
  }

  .bree-profile-page .profile-main-image {
    max-height: 760px;
  }

  .bree-profile-page .profile-sidebar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .bree-profile-page .bree-profile-contact-card,
  .bree-profile-page .report-profile-button {
    grid-column: 1 / -1;
  }

  .bree-profile-page .profile-contact-actions {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .bree-profile-page .profile-page-stage-panel .profile-identity h1 {
    font-size: clamp(48px, 16vw, 66px);
  }

  .bree-profile-page .profile-page-stage-panel::after {
    display: none;
  }

  .bree-profile-page .profile-sidebar,
  .bree-profile-page .profile-contact-actions {
    grid-template-columns: minmax(0, 1fr);
  }

  .bree-profile-page .bree-profile-contact-card,
  .bree-profile-page .report-profile-button {
    grid-column: 1;
  }

  .bree-profile-page .bree-profile-editorial-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .bree-profile-page .bree-profile-account-card,
  .bree-profile-page .bree-profile-facts-card,
  .bree-profile-page .bree-profile-touring-card,
  .bree-profile-page .profile-about-section,
  .bree-profile-page .profile-services-section,
  .bree-profile-page .profile-reviews {
    grid-column: 1;
  }

  .bree-profile-page .profile-account dl {
    grid-template-columns: minmax(0, 1fr);
  }

  .bree-profile-page .profile-content-section,
  .bree-profile-page .sidebar-section {
    padding: 24px;
  }

  .bree-profile-page .bree-profile-contact-card {
    padding: 28px 24px;
  }

  .bree-profile-page .quick-facts-list {
    grid-template-columns: minmax(0, 1fr);
  }

  .bree-profile-page .quick-facts-list .bree-profile-fact-wide {
    grid-column: 1;
  }
}

@media (max-width: 460px) {
  .bree-profile-page .profile-page-stage-panel,
  .bree-profile-page .bree-profile-main {
    width: calc(100% - 28px);
  }

  .bree-profile-page .profile-page-stage-panel {
    margin-top: 18px;
    border-radius: 20px;
  }

  .bree-profile-stage-inner {
    padding: 32px 25px;
  }

  .bree-profile-page .profile-page-stage-panel .profile-identity {
    width: 100%;
  }

  .bree-profile-page .profile-page-stage-panel .profile-identity h1,
  .bree-profile-page .profile-page-stage-panel .profile-headline,
  .bree-profile-page .profile-page-stage-panel .profile-location {
    text-align: center;
  }

  .bree-profile-page .profile-page-stage-panel .profile-identity h1 {
    width: max-content;
    max-width: none;
    position: relative;
    left: 50%;
    transform: translate(-50%, 32px);
    white-space: nowrap;
  }

  .bree-profile-page .profile-page-stage-panel .profile-headline {
    transform: translateY(32px);
  }

  .bree-profile-page .profile-page-stage-panel .profile-location {
    transform: translateY(47px);
  }

  .bree-profile-premium {
    top: 32px;
    right: 25px;
  }

  .bree-profile-page .profile-page-stage-panel .profile-headline {
    font-size: 17px;
  }

  .bree-profile-page .profile-page-stage-panel .profile-location {
    font-size: 11px;
  }

  .bree-profile-stage-status {
    min-width: 0;
    min-height: 94px;
    padding: 17px;
  }

  .bree-profile-updated {
    right: 25px;
  }

  .bree-profile-page .bree-profile-main {
    padding-top: 16px;
  }

  .bree-profile-page .bree-profile-layout {
    gap: 18px;
  }

  .bree-profile-page .profile-gallery {
    padding: 9px;
    border-radius: 17px;
  }

  .bree-profile-gallery-footer {
    align-items: flex-start;
    flex-direction: column;
  }

  .bree-profile-page .bree-profile-gallery-footer .report-profile-button {
    margin-left: auto;
  }

  .bree-profile-page .profile-main-image {
    aspect-ratio: 4 / 5;
  }

  .bree-profile-expand-cue {
    right: 11px;
    bottom: 11px;
  }

  .bree-profile-page .profile-content-section,
  .bree-profile-page .sidebar-section,
  .bree-profile-page .profile-about-section {
    padding: 21px;
    border-radius: 15px;
  }

  .bree-profile-page .bree-profile-contact-card {
    padding: 26px 21px;
  }

  .bree-profile-page .bree-profile-contact-card h2 {
    font-size: 35px;
  }

  .bree-profile-page .bree-profile-section-heading h2,
  .bree-profile-page .profile-video-preview .bree-profile-section-heading h2 {
    font-size: 29px;
  }

  .bree-profile-page .profile-about-section .bree-profile-section-heading h2 {
    font-size: 38px;
  }

  .bree-profile-page .profile-about-section > p {
    font-size: 15px;
    line-height: 1.75;
  }

  .bree-profile-page .profile-contact-dialog,
  .bree-profile-page .profile-message-dialog,
  .bree-profile-page .profile-websites-dialog,
  .bree-profile-page .profile-report-dialog {
    padding: 26px 21px;
    border-radius: 15px;
  }

  .bree-profile-page .profile-lightbox {
    padding: 8px;
  }

  .bree-profile-page .lightbox-content {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    height: calc(100vh - 16px);
    height: calc(100dvh - 16px);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
  }

  .bree-profile-page .lightbox-figure {
    width: 100%;
    height: 100%;
    min-height: 0;
  }

  .bree-profile-page .lightbox-image {
    max-width: 100%;
    max-height: calc(100vh - 52px);
    max-height: calc(100dvh - 52px);
    width: auto;
    height: auto;
    object-fit: contain;
  }

  .bree-profile-page .lightbox-counter {
    margin-top: 8px;
    line-height: 20px;
  }

  .bree-profile-page .lightbox-previous,
  .bree-profile-page .lightbox-next {
    position: absolute;
    top: 50%;
    z-index: 2;
    width: 44px;
    height: 56px;
    font-size: 38px;
    border-radius: 8px;
    background: rgb(21 7 18 / 55%);
    text-shadow: 0 2px 8px rgb(0 0 0 / 80%);
    transform: translateY(-50%);
  }

  .bree-profile-page .lightbox-previous {
    left: 0;
  }

  .bree-profile-page .lightbox-next {
    right: 0;
  }

  .bree-profile-page .lightbox-close {
    top: 0;
    right: 0;
    z-index: 3;
    border-radius: 8px;
    background: rgb(21 7 18 / 70%);
    text-shadow: 0 2px 8px rgb(0 0 0 / 80%);
  }
}

@media (min-width: 904px) {
  .bree-profile-page:not(.amelia-profile-page) .profile-gallery {
    grid-column: 1 / 4;
  }

  .bree-profile-page:not(.amelia-profile-page) .bree-profile-gallery-frame,
  .bree-profile-page:not(.amelia-profile-page) .gallery-main-trigger {
    background: #ffffff;
  }

  .bree-profile-page:not(.amelia-profile-page) .gallery-main-trigger {
    aspect-ratio: 4 / 3;
    display: grid;
    place-items: center;
  }

  .bree-profile-page:not(.amelia-profile-page) .gallery-main-trigger .profile-main-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    max-width: none;
    max-height: none;
    aspect-ratio: auto;
    object-fit: scale-down;
    object-position: center;
  }

  .bree-profile-page:not(.amelia-profile-page) .gallery-main-trigger:hover .profile-main-image {
    transform: none;
  }

  .bree-profile-page:not(.amelia-profile-page) .bree-profile-practical-stack-middle:empty {
    display: none;
  }
}

/* Real API-backed Main Photos retain the contained A1 gallery treatment at every breakpoint. */
.bree-profile-page.dynamic-public-profile-page .bree-profile-gallery-frame,
.bree-profile-page.dynamic-public-profile-page .gallery-main-trigger {
  background: var(--bree-paper);
}

.bree-profile-page.dynamic-public-profile-page .gallery-main-trigger {
  display: grid;
  place-items: center;
}

.bree-profile-page.dynamic-public-profile-page .gallery-main-trigger .profile-main-image {
  object-fit: scale-down;
  object-position: center;
}

.bree-profile-page.dynamic-public-profile-page .gallery-main-trigger:hover .profile-main-image {
  transform: none;
}

/* Real API-backed profiles reuse the A1 system with the intended three-column upper layout. */
@media (min-width: 904px) {
  .bree-profile-page.dynamic-public-profile-page .profile-gallery {
    grid-column: 1;
  }
}

.bree-profile-page.dynamic-public-profile-page .public-profile-unavailable {
  max-width: 720px;
}

.bree-profile-page.dynamic-public-profile-page .bree-profile-contact-card > .profile-contact-actions {
  margin-top: 23px;
}

/* Hidden single-image controls must not move the dynamic lightbox figure into a control column. */
.bree-profile-page.dynamic-public-profile-page .profile-lightbox .lightbox-figure {
  grid-column: 2;
}

@media (prefers-reduced-motion: reduce) {
  .bree-profile-page *,
  .bree-profile-page *::before,
  .bree-profile-page *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}
