/* BnBe shared mobile-first design system. Scope page content with .bnbe-page. */
.bnbe-page {
  --bnbe-gold-deep: #8c6d2a;
  --bnbe-gold: #b8912f;
  --bnbe-champagne: #e8cb7d;
  --bnbe-ink: #1b1b19;
  --bnbe-charcoal: #33322e;
  --bnbe-ivory: #fbf8f2;
  --bnbe-card: #f3eee2;
  --bnbe-sage: #5c6650;
  --bnbe-line: #e4dcc8;
  --bnbe-white: #fff;
  --bnbe-shadow: 0 18px 50px rgba(27, 27, 25, .10);
  --bnbe-radius-sm: 12px;
  --bnbe-radius-md: 20px;
  --bnbe-radius-lg: 32px;
  background: var(--bnbe-ivory);
  color: var(--bnbe-charcoal);
  font-family: "Work Sans", Arial, sans-serif;
  font-size: 17px;
  line-height: 1.7;
  margin: 0;
  max-width: none;
  overflow: hidden;
  width: 100%;
}

.bnbe-page *, .bnbe-page *::before, .bnbe-page *::after { box-sizing: border-box; }
.bnbe-page img { display: block; height: auto; max-width: 100%; }
.bnbe-page a { color: var(--bnbe-gold-deep); text-underline-offset: .16em; }
.bnbe-page a:focus-visible { outline: 3px solid rgba(184,145,47,.42); outline-offset: 3px; }
.bnbe-page h1, .bnbe-page h2, .bnbe-page h3, .bnbe-page h4 {
  color: var(--bnbe-ink);
  font-family: "Fraunces", Georgia, serif;
  font-weight: 500;
  letter-spacing: -.025em;
  line-height: 1.1;
  margin: 0 0 .55em;
  text-wrap: balance;
}
.bnbe-page h1 { font-size: clamp(2.55rem, 10vw, 5.5rem); }
.bnbe-page h2 { font-size: clamp(2.05rem, 7vw, 3.65rem); }
.bnbe-page h3 { font-size: clamp(1.45rem, 4vw, 2rem); }
.bnbe-page p, .bnbe-page ul, .bnbe-page ol { margin: 0 0 1.25em; }
.bnbe-page ul, .bnbe-page ol { padding-left: 1.25em; }
.bnbe-page li + li { margin-top: .48em; }
.bnbe-page ::selection { background: var(--bnbe-champagne); color: var(--bnbe-ink); }

.bnbe-container { margin-inline: auto; max-width: 1180px; width: calc(100% - 32px); }
.bnbe-container--narrow { max-width: 820px; }
.bnbe-section { padding-block: clamp(64px, 10vw, 128px); position: relative; }
.bnbe-section--compact { padding-block: clamp(46px, 7vw, 78px); }
.bnbe-section--white { background: var(--bnbe-white); }
.bnbe-section--card { background: var(--bnbe-card); }
.bnbe-section--ink { background: var(--bnbe-ink); color: rgba(255,255,255,.82); }
.bnbe-section--ink h1, .bnbe-section--ink h2, .bnbe-section--ink h3 { color: var(--bnbe-ivory); }
.bnbe-section--gold { background: var(--bnbe-gold); color: var(--bnbe-ink); }
.bnbe-eyebrow {
  color: var(--bnbe-gold-deep);
  display: block;
  font-size: .78rem;
  font-weight: 600;
  letter-spacing: .15em;
  margin-bottom: 16px;
  text-transform: uppercase;
}
.bnbe-section--ink .bnbe-eyebrow { color: var(--bnbe-champagne); }
.bnbe-lead { font-size: clamp(1.1rem, 2.3vw, 1.35rem); line-height: 1.55; max-width: 720px; }
.bnbe-kicker { color: var(--bnbe-gold-deep); font-family: "Fraunces", Georgia, serif; font-size: 1.28rem; font-style: italic; }

.bnbe-grid { display: grid; gap: clamp(22px, 4vw, 44px); }
.bnbe-grid--2, .bnbe-grid--3, .bnbe-grid--4 { grid-template-columns: minmax(0, 1fr); }
.bnbe-align-center { align-items: center; }
.bnbe-text-center { margin-inline: auto; text-align: center; }
.bnbe-stack > * + * { margin-top: 20px; }

.bnbe-hero { min-height: min(820px, 88vh); padding-block: clamp(70px, 12vw, 150px); }
.bnbe-hero__content { max-width: 760px; position: relative; z-index: 2; }
.bnbe-hero--image { align-items: end; display: flex; isolation: isolate; min-height: min(850px, 92vh); }
.bnbe-hero--image::before { background: linear-gradient(90deg, rgba(27,27,25,.82), rgba(27,27,25,.48) 58%, rgba(27,27,25,.12)); content: ""; inset: 0; position: absolute; z-index: -1; }
.bnbe-hero--image > img { height: 100%; inset: 0; object-fit: cover; position: absolute; width: 100%; z-index: -2; }
.bnbe-hero--image h1, .bnbe-hero--image .bnbe-lead { color: var(--bnbe-white); }

.bnbe-actions { align-items: stretch; display: flex; flex-direction: column; gap: 12px; margin-top: 28px; }
.bnbe-button, .bnbe-page a.bnbe-button {
  align-items: center;
  background: linear-gradient(135deg, var(--bnbe-champagne), var(--bnbe-gold) 55%, #a47d21);
  border: 1px solid rgba(255,255,255,.28);
  border-radius: var(--bnbe-radius-sm);
  box-shadow: 0 10px 28px rgba(140,109,42,.25), inset 0 1px 0 rgba(255,255,255,.45);
  color: var(--bnbe-ink);
  display: inline-flex;
  font-size: .92rem;
  font-weight: 600;
  justify-content: center;
  letter-spacing: .025em;
  min-height: 54px;
  padding: 14px 24px;
  text-align: center;
  text-decoration: none;
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
  width: 100%;
}
.bnbe-button:hover, .bnbe-button:focus-visible { box-shadow: 0 14px 34px rgba(140,109,42,.32), inset 0 1px 0 rgba(255,255,255,.55); filter: brightness(1.04); transform: translateY(-2px); }
.bnbe-button--outline, .bnbe-page a.bnbe-button--outline { background: transparent; border-color: var(--bnbe-gold); box-shadow: none; color: var(--bnbe-gold-deep); }
.bnbe-section--ink .bnbe-button--outline { border-color: var(--bnbe-champagne); color: var(--bnbe-champagne); }
.bnbe-section--ink a:not(.bnbe-button) { color: var(--bnbe-champagne); }
.bnbe-text-center .bnbe-actions { justify-content: center; }

.bnbe-card { background: var(--bnbe-white); border: 1px solid var(--bnbe-line); border-radius: var(--bnbe-radius-md); box-shadow: 0 8px 28px rgba(27,27,25,.05); padding: clamp(24px, 5vw, 38px); }
.bnbe-card--quiet { background: var(--bnbe-card); box-shadow: none; }
.bnbe-card__icon { align-items: center; background: rgba(184,145,47,.14); border-radius: 50%; color: var(--bnbe-gold-deep); display: flex; height: 54px; justify-content: center; margin-bottom: 22px; width: 54px; }
.bnbe-image-card { border-radius: var(--bnbe-radius-lg); box-shadow: var(--bnbe-shadow); overflow: hidden; }
.bnbe-image-card img { aspect-ratio: 4 / 3; object-fit: cover; width: 100%; }
.bnbe-image-card--portrait img { aspect-ratio: 4 / 5; }

.bnbe-check-list { list-style: none; padding: 0 !important; }
.bnbe-check-list li { padding-left: 30px; position: relative; }
.bnbe-check-list li::before { color: var(--bnbe-gold); content: "✓"; font-weight: 700; left: 0; position: absolute; }
.bnbe-stat { border-left: 2px solid var(--bnbe-gold); padding-left: 18px; }
.bnbe-stat strong { color: var(--bnbe-ink); display: block; font-family: "Fraunces", Georgia, serif; font-size: clamp(2rem, 5vw, 3rem); font-weight: 500; line-height: 1; }
.bnbe-section--ink .bnbe-stat strong { color: var(--bnbe-ivory); }

.bnbe-quote { border-left: 3px solid var(--bnbe-gold); font-family: "Fraunces", Georgia, serif; font-size: clamp(1.35rem, 3vw, 2rem); font-style: italic; margin: 30px 0; padding: 8px 0 8px 24px; }
.bnbe-faq { border-bottom: 1px solid var(--bnbe-line); }
.bnbe-faq summary { color: var(--bnbe-ink); cursor: pointer; font-family: "Fraunces", Georgia, serif; font-size: 1.22rem; list-style: none; padding: 22px 42px 22px 0; position: relative; }
.bnbe-faq summary h3 { display: inline; font-size: inherit; line-height: inherit; margin: 0; }
.bnbe-faq summary::-webkit-details-marker { display: none; }
.bnbe-faq summary::after { color: var(--bnbe-gold-deep); content: "+"; font-family: "Work Sans", Arial, sans-serif; font-size: 1.5rem; position: absolute; right: 6px; top: 18px; }
.bnbe-faq[open] summary::after { content: "−"; }
.bnbe-faq__answer { padding: 0 36px 22px 0; }
.bnbe-table-wrap { margin: 28px 0; overflow-x: auto; }
.bnbe-page table { border-collapse: collapse; min-width: 640px; width: 100%; }
.bnbe-page th, .bnbe-page td { border-bottom: 1px solid var(--bnbe-line); padding: 14px 16px; text-align: left; }
.bnbe-page th { background: var(--bnbe-card); color: var(--bnbe-ink); font-weight: 600; }

@media (min-width: 640px) {
  .bnbe-container { width: calc(100% - 56px); }
  .bnbe-actions { align-items: center; flex-direction: row; }
  .bnbe-button, .bnbe-page a.bnbe-button { width: auto; }
}

@media (min-width: 768px) {
  .bnbe-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bnbe-grid--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bnbe-grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 1024px) {
  .bnbe-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .bnbe-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .bnbe-split--wide-left { grid-template-columns: minmax(0, 1.18fr) minmax(0, .82fr); }
  .bnbe-split--wide-right { grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr); }
}

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

/* Homepage components. Mobile-first and scoped to the BnBe homepage wrapper. */
.bnbe-homepage {
  -webkit-font-smoothing: antialiased;
  isolation: isolate;
}

.bnbe-homepage > section {
  margin: 0;
}

.bnbe-homepage .bnbe-lead {
  margin-bottom: 1.3em;
}

.bnbe-home-reassurance {
  color: #68645c;
  font-size: .84rem;
  line-height: 1.55;
  margin: 16px 0 0;
  max-width: 620px;
}

/* Homepage hero */
.bnbe-home-hero {
  background:
    radial-gradient(circle at 84% 18%, rgba(232, 203, 125, .34), transparent 24%),
    linear-gradient(135deg, var(--bnbe-ivory) 0%, #f9f4e8 58%, #eee3c6 100%);
  overflow: hidden;
  padding-block: clamp(64px, 10vw, 138px) clamp(72px, 10vw, 130px);
  position: relative;
}

.bnbe-home-hero::after {
  border: 1px solid rgba(140, 109, 42, .22);
  border-radius: 50%;
  bottom: -210px;
  content: "";
  height: 430px;
  position: absolute;
  right: -190px;
  width: 430px;
}

.bnbe-home-hero__grid {
  align-items: center;
  display: grid;
  gap: 48px;
}

.bnbe-home-hero__copy {
  position: relative;
  z-index: 2;
}

.bnbe-home-hero h1 {
  font-size: clamp(2.65rem, 10vw, 5.5rem);
  max-width: 850px;
}

.bnbe-home-hero__visual {
  aspect-ratio: 4 / 5;
  background: #424a3b;
  border: 1px solid rgba(140, 109, 42, .25);
  border-radius: 150px 150px 22px 22px;
  box-shadow: var(--bnbe-shadow);
  isolation: isolate;
  margin-inline: auto;
  max-width: 560px;
  overflow: hidden;
  position: relative;
  width: 100%;
  z-index: 1;
}

.bnbe-home-hero__visual::before {
  background: linear-gradient(180deg, rgba(27, 27, 25, .02) 30%, rgba(27, 27, 25, .58) 100%);
  content: "";
  inset: 0;
  position: absolute;
  z-index: 1;
}

.bnbe-home-hero__visual::after {
  background: rgba(251, 248, 242, .9);
  border: 1px solid rgba(255, 255, 255, .5);
  border-radius: 100px 100px 14px 14px;
  bottom: 8%;
  box-shadow: 0 18px 45px rgba(27, 27, 25, .22);
  content: "";
  height: 38%;
  left: 9%;
  position: absolute;
  right: 9%;
  z-index: 2;
}

.bnbe-home-hero__image {
  height: 100% !important;
  inset: 0;
  object-fit: cover;
  position: absolute;
  width: 100%;
  z-index: -1;
}

.bnbe-home-hero__visual-copy {
  bottom: 14%;
  color: var(--bnbe-ink);
  left: 14%;
  position: absolute;
  right: 14%;
  text-align: center;
  z-index: 3;
}

.bnbe-home-hero__visual-copy strong {
  display: block;
  font-family: "Fraunces", Georgia, serif;
  font-size: clamp(1.25rem, 5vw, 1.65rem);
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 7px;
}

.bnbe-home-hero__visual-copy span {
  color: #5a594f;
  display: block;
  font-size: .68rem;
  font-weight: 600;
  letter-spacing: .11em;
  line-height: 1.45;
  text-transform: uppercase;
}

.bnbe-home-hero__float {
  background: rgba(251, 248, 242, .94);
  border: 1px solid rgba(255, 255, 255, .72);
  border-radius: 14px;
  box-shadow: 0 15px 35px rgba(27, 27, 25, .15);
  color: var(--bnbe-ink);
  font-size: .78rem;
  font-weight: 600;
  left: 12px;
  line-height: 1.45;
  max-width: 200px;
  padding: 14px 16px;
  position: absolute;
  top: 18%;
  z-index: 4;
}

.bnbe-home-hero__float::before {
  background: var(--bnbe-gold);
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: 8px;
  margin-right: 8px;
  width: 8px;
}

/* Owner control strip */
.bnbe-home-control {
  background: var(--bnbe-ink);
  color: rgba(251, 248, 242, .76);
}

.bnbe-home-control__grid {
  display: grid;
}

.bnbe-home-control__item {
  border-bottom: 1px solid rgba(251, 248, 242, .13);
  min-height: 0;
  padding: 30px 22px;
}

.bnbe-home-control__item:last-child {
  border-bottom: 0;
}

.bnbe-home-control__number {
  color: var(--bnbe-champagne);
  display: block;
  font-family: "Fraunces", Georgia, serif;
  font-size: 1.08rem;
  margin-bottom: 13px;
}

.bnbe-home-control h3 {
  color: var(--bnbe-ivory);
  font-family: "Work Sans", Arial, sans-serif;
  font-size: .96rem;
  font-weight: 600;
  letter-spacing: 0;
  margin-bottom: 8px;
}

.bnbe-home-control p {
  font-size: .84rem;
  line-height: 1.55;
  margin: 0;
}

/* Editorial split */
.bnbe-home-split {
  align-items: center;
  display: grid;
  gap: 44px;
}

.bnbe-home-editorial {
  aspect-ratio: 4 / 5;
  background: var(--bnbe-card);
  border-radius: 130px 20px 20px 20px;
  box-shadow: var(--bnbe-shadow);
  isolation: isolate;
  margin-inline: auto;
  max-width: 570px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.bnbe-home-editorial::after {
  background: linear-gradient(180deg, rgba(27, 27, 25, .01) 30%, rgba(27, 27, 25, .74) 100%);
  content: "";
  inset: 0;
  position: absolute;
  z-index: 1;
}

.bnbe-home-editorial__image {
  height: 100% !important;
  inset: 0;
  object-fit: cover;
  position: absolute;
  width: 100%;
  z-index: -1;
}

.bnbe-home-editorial__copy {
  bottom: 10%;
  color: var(--bnbe-ivory);
  font-family: "Fraunces", Georgia, serif;
  font-size: clamp(1.65rem, 7vw, 2.15rem);
  left: 9%;
  line-height: 1.16;
  max-width: 290px;
  position: absolute;
  text-shadow: 0 2px 20px rgba(27, 27, 25, .35);
  z-index: 2;
}

.bnbe-home-supporting-line {
  border-left: 3px solid var(--bnbe-gold);
  color: var(--bnbe-ink);
  font-family: "Fraunces", Georgia, serif;
  font-size: clamp(1.25rem, 4vw, 1.5rem);
  line-height: 1.32;
  margin: 30px 0 0;
  padding-left: 20px;
}

/* Services */
.bnbe-home-services-intro {
  align-items: center;
  display: grid;
  gap: 42px;
}

.bnbe-home-services-media {
  background: var(--bnbe-white);
  border: 1px solid var(--bnbe-line);
  border-radius: 22px;
  box-shadow: var(--bnbe-shadow);
  margin: 0 auto;
  max-width: 520px;
  padding: 10px;
  width: 100%;
}

.bnbe-home-services-media img {
  border-radius: 14px;
  width: 100%;
}

.bnbe-home-services-media figcaption {
  color: #6b675f;
  font-size: .76rem;
  line-height: 1.5;
  padding: 13px 9px 4px;
  text-align: center;
}

.bnbe-home-service-grid {
  display: grid;
  gap: 18px;
  margin-top: 44px;
}

.bnbe-home-service-card {
  background: var(--bnbe-ivory);
  border: 1px solid var(--bnbe-line);
  border-radius: 18px;
  min-height: 0;
  padding: 30px 24px;
}

.bnbe-home-service-card:nth-child(2),
.bnbe-home-service-card:nth-child(5) {
  background: var(--bnbe-card);
}

.bnbe-home-service-card__number {
  align-items: center;
  border: 1px solid rgba(140, 109, 42, .36);
  border-radius: 50%;
  color: var(--bnbe-gold-deep);
  display: flex;
  font-family: "Fraunces", Georgia, serif;
  font-size: .92rem;
  height: 45px;
  justify-content: center;
  margin-bottom: 26px;
  width: 45px;
}

.bnbe-home-service-card p {
  color: #5b5851;
  font-size: .9rem;
  line-height: 1.65;
}

/* Co-host model comparison */
.bnbe-home-model {
  background: linear-gradient(180deg, var(--bnbe-card), var(--bnbe-ivory));
}

.bnbe-home-comparison {
  display: grid;
  gap: 18px;
  margin-top: 42px;
}

.bnbe-home-comparison__card {
  background: var(--bnbe-ivory);
  border: 1px solid var(--bnbe-line);
  border-radius: var(--bnbe-radius-md);
  padding: clamp(28px, 6vw, 56px);
}

.bnbe-home-comparison__card--sage {
  background: var(--bnbe-sage);
  border-color: transparent;
  color: rgba(251, 248, 242, .88);
}

.bnbe-home-comparison__card--sage h3 {
  color: var(--bnbe-ivory);
}

.bnbe-home-comparison__card--sage .bnbe-check-list li::before {
  color: var(--bnbe-champagne);
}

.bnbe-home-model__close {
  color: var(--bnbe-ink);
  font-family: "Fraunces", Georgia, serif;
  font-size: clamp(1.35rem, 4vw, 2rem);
  margin: 36px auto 0;
  text-align: center;
}

/* Three-step process */
.bnbe-home-steps {
  display: grid;
  gap: 28px;
  margin-top: 44px;
}

.bnbe-home-step {
  display: grid;
  gap: 18px;
  grid-template-columns: 54px minmax(0, 1fr);
  position: relative;
}

.bnbe-home-step:not(:last-child)::after {
  background: var(--bnbe-line);
  bottom: -28px;
  content: "";
  left: 27px;
  position: absolute;
  top: 54px;
  width: 1px;
}

.bnbe-home-step__number {
  align-items: center;
  background: var(--bnbe-ink);
  border-radius: 50%;
  color: var(--bnbe-champagne);
  display: flex;
  font-family: "Fraunces", Georgia, serif;
  font-size: 1.05rem;
  height: 54px;
  justify-content: center;
  width: 54px;
}

.bnbe-home-step__copy {
  padding-top: 5px;
}

.bnbe-home-step p {
  color: #5b5851;
  font-size: .9rem;
  line-height: 1.62;
}

/* Owner fit */
.bnbe-home-fit {
  background: var(--bnbe-ink);
  color: rgba(251, 248, 242, .8);
}

.bnbe-home-fit h2,
.bnbe-home-fit h3 {
  color: var(--bnbe-ivory);
}

.bnbe-home-fit .bnbe-eyebrow {
  color: var(--bnbe-champagne);
}

.bnbe-home-fit__grid {
  display: grid;
  gap: 44px;
}

.bnbe-home-fit__list {
  display: grid;
  gap: 13px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.bnbe-home-fit__list li {
  background: rgba(251, 248, 242, .04);
  border: 1px solid rgba(251, 248, 242, .14);
  border-radius: 14px;
  font-size: .87rem;
  line-height: 1.55;
  padding: 22px;
}

.bnbe-home-fit__list li::before {
  background: var(--bnbe-gold);
  content: "";
  display: block;
  height: 2px;
  margin-bottom: 16px;
  width: 24px;
}

/* Founders */
.bnbe-home-founders__grid {
  align-items: center;
  display: grid;
  gap: 44px;
}

.bnbe-home-founders__visual {
  align-items: flex-end;
  aspect-ratio: 4 / 5;
  background: #424a3b;
  border-radius: 20px 130px 20px 20px;
  box-shadow: var(--bnbe-shadow);
  color: var(--bnbe-ivory);
  display: flex;
  isolation: isolate;
  margin-inline: auto;
  max-width: 590px;
  overflow: hidden;
  padding: 30px;
  position: relative;
  width: 100%;
}

.bnbe-home-founders__visual::after {
  background: linear-gradient(180deg, transparent 34%, rgba(27, 27, 25, .78) 100%);
  content: "";
  inset: 0;
  position: absolute;
  z-index: 1;
}

.bnbe-home-founders__image {
  height: 100% !important;
  inset: 0;
  object-fit: cover;
  object-position: 50% 42%;
  position: absolute;
  width: 100%;
  z-index: -1;
}

.bnbe-home-founders__caption {
  position: relative;
  z-index: 2;
}

.bnbe-home-founders__caption strong {
  display: block;
  font-family: "Fraunces", Georgia, serif;
  font-size: 1.85rem;
  font-weight: 500;
}

.bnbe-home-founders__caption span {
  color: rgba(251, 248, 242, .74);
  display: block;
  font-size: .74rem;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.bnbe-home-founder-name {
  color: var(--bnbe-ink);
  font-family: "Fraunces", Georgia, serif;
  font-size: 1.42rem;
  margin: 27px 0 9px;
}

.bnbe-home-founder-bio {
  color: #5b5851;
  font-size: .91rem;
}

/* Outcomes */
.bnbe-home-outcomes {
  display: grid;
  gap: 42px;
}

.bnbe-home-outcome-grid {
  display: grid;
  gap: 14px;
}

.bnbe-home-outcome {
  background: var(--bnbe-white);
  border: 1px solid var(--bnbe-line);
  border-radius: 16px;
  color: #55534d;
  font-size: .89rem;
  line-height: 1.6;
  padding: 25px;
}

.bnbe-home-outcome::before {
  background: var(--bnbe-gold);
  border-radius: 50%;
  content: "";
  display: block;
  height: 8px;
  margin-bottom: 18px;
  width: 8px;
}

/* Service areas */
.bnbe-home-area {
  background:
    radial-gradient(circle at 18% 20%, rgba(232, 203, 125, .24), transparent 22%),
    #424a3b;
  color: rgba(251, 248, 242, .82);
}

.bnbe-home-area h2,
.bnbe-home-area h3 {
  color: var(--bnbe-ivory);
}

.bnbe-home-area .bnbe-eyebrow {
  color: var(--bnbe-champagne);
}

.bnbe-home-area__grid {
  align-items: center;
  display: grid;
  gap: 44px;
}

.bnbe-home-area__places {
  display: grid;
  gap: 14px;
}

.bnbe-home-area__place {
  background: rgba(251, 248, 242, .05);
  border: 1px solid rgba(251, 248, 242, .18);
  border-radius: 16px;
  min-height: 0;
  padding: 26px;
}

.bnbe-home-area__place strong {
  color: var(--bnbe-ivory);
  display: block;
  font-family: "Fraunces", Georgia, serif;
  font-size: 1.5rem;
  font-weight: 500;
  margin-bottom: 8px;
}

.bnbe-home-area__place span {
  font-size: .81rem;
  line-height: 1.55;
}

/* Homepage FAQ */
.bnbe-home-faqs {
  border-top: 1px solid var(--bnbe-line);
  margin-top: 38px;
}

.bnbe-home-faqs .bnbe-faq summary {
  font-size: clamp(1.08rem, 3vw, 1.34rem);
}

/* Final assessment panel */
.bnbe-home-final {
  background: var(--bnbe-ink);
  color: rgba(251, 248, 242, .82);
  overflow: hidden;
  text-align: center;
}

.bnbe-home-final::before {
  border: 1px solid rgba(232, 203, 125, .22);
  border-radius: 50%;
  content: "";
  height: 230px;
  left: 50%;
  position: absolute;
  top: -120px;
  transform: translateX(-50%);
  width: 390px;
}

.bnbe-home-final h2 {
  color: var(--bnbe-ivory);
  margin-inline: auto;
}

.bnbe-home-final .bnbe-eyebrow {
  color: var(--bnbe-champagne);
}

.bnbe-home-final .bnbe-lead {
  margin-inline: auto;
}

.bnbe-home-final .bnbe-actions {
  justify-content: center;
}

.bnbe-home-final__points {
  color: rgba(251, 248, 242, .7);
  display: flex;
  flex-wrap: wrap;
  font-size: .8rem;
  gap: 10px 20px;
  justify-content: center;
  list-style: none;
  margin: 28px 0 0;
  padding: 0;
}

.bnbe-home-final__points li::before {
  color: var(--bnbe-champagne);
  content: "✓";
  margin-right: 8px;
}

@media (min-width: 640px) {
  .bnbe-home-control__grid,
  .bnbe-home-service-grid,
  .bnbe-home-fit__list,
  .bnbe-home-outcome-grid,
  .bnbe-home-area__places {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .bnbe-home-control__item {
    border-bottom: 1px solid rgba(251, 248, 242, .13);
    border-right: 1px solid rgba(251, 248, 242, .13);
    padding: 32px 28px;
  }

  .bnbe-home-control__item:nth-child(2n) {
    border-right: 0;
  }

  .bnbe-home-control__item:nth-last-child(-n + 2) {
    border-bottom: 0;
  }

  .bnbe-home-editorial,
  .bnbe-home-founders__visual {
    aspect-ratio: 5 / 4;
  }

  .bnbe-home-service-card {
    min-height: 292px;
    padding: 32px 28px;
  }

  .bnbe-home-comparison {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 900px) {
  .bnbe-home-steps {
    gap: 0;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .bnbe-home-step {
    display: block;
    padding: 0 38px 0 0;
  }

  .bnbe-home-step:not(:last-child)::after {
    bottom: auto;
    height: 1px;
    left: 78px;
    right: 24px;
    top: 27px;
    width: auto;
  }

  .bnbe-home-step__number {
    margin-bottom: 26px;
    position: relative;
    z-index: 1;
  }

  .bnbe-home-step__copy {
    padding-top: 0;
  }
}

@media (min-width: 1024px) {
  .bnbe-home-hero__grid {
    gap: clamp(50px, 7vw, 96px);
    grid-template-columns: minmax(0, 1.15fr) minmax(320px, .72fr);
  }

  .bnbe-home-hero__visual {
    aspect-ratio: auto;
    border-radius: 190px 190px 24px 24px;
    min-height: 530px;
  }

  .bnbe-home-hero__float {
    left: -34px;
    top: 24%;
  }

  .bnbe-home-control__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .bnbe-home-control__item,
  .bnbe-home-control__item:nth-child(2n),
  .bnbe-home-control__item:nth-last-child(-n + 2) {
    border-bottom: 0;
    border-right: 1px solid rgba(251, 248, 242, .13);
    min-height: 172px;
  }

  .bnbe-home-control__item:last-child {
    border-right: 0;
  }

  .bnbe-home-split {
    gap: clamp(54px, 8vw, 110px);
    grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  }

  .bnbe-home-editorial {
    aspect-ratio: auto;
    border-radius: 160px 24px 24px 24px;
    min-height: 540px;
  }

  .bnbe-home-services-intro {
    gap: clamp(46px, 7vw, 88px);
    grid-template-columns: minmax(0, 1fr) minmax(340px, .58fr);
  }

  .bnbe-home-service-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .bnbe-home-fit__grid {
    gap: clamp(52px, 8vw, 110px);
    grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr);
  }

  .bnbe-home-founders__grid {
    gap: clamp(54px, 8vw, 105px);
    grid-template-columns: minmax(340px, .8fr) minmax(0, 1.2fr);
  }

  .bnbe-home-founders__visual {
    aspect-ratio: auto;
    border-radius: 22px 180px 22px 22px;
    min-height: 590px;
    padding: 46px;
  }

  .bnbe-home-outcomes {
    gap: clamp(52px, 8vw, 110px);
    grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
  }

  .bnbe-home-area__grid {
    gap: clamp(50px, 8vw, 100px);
    grid-template-columns: minmax(0, 1fr) minmax(320px, .7fr);
  }

  .bnbe-home-area__place {
    min-height: 170px;
    padding: 30px;
  }
}

@supports (overflow: clip) {
  .bnbe-page,
  .bnbe-home-hero,
  .bnbe-home-final {
    overflow: clip;
  }
}

/* About page components. Mobile-first and scoped to the BnBe About wrapper. */
.bnbe-aboutpage {
  -webkit-font-smoothing: antialiased;
  isolation: isolate;
}

.bnbe-aboutpage > section {
  margin: 0;
}

.bnbe-about-reassurance,
.bnbe-about-final__reassurance {
  color: #68645c;
  font-size: .84rem;
  line-height: 1.55;
  margin: 16px 0 0;
  max-width: 620px;
}

.bnbe-about-brands {
  color: #68645c;
  font-size: .88rem;
  margin: -4px 0 20px;
}

.bnbe-about-brands a,
.bnbe-text-link a {
  font-weight: 600;
}

.bnbe-text-link {
  margin: 22px 0 0;
}

.bnbe-text-link a {
  align-items: center;
  display: inline-flex;
  gap: 7px;
  text-decoration-thickness: 1px;
}

.bnbe-about-hero {
  background:
    radial-gradient(circle at 88% 14%, rgba(232, 203, 125, .34), transparent 25%),
    linear-gradient(135deg, var(--bnbe-ivory) 0%, #f9f4e8 58%, #eee3c6 100%);
  overflow: hidden;
  padding-block: clamp(64px, 10vw, 138px) clamp(72px, 10vw, 130px);
  position: relative;
}

.bnbe-about-hero::after {
  border: 1px solid rgba(140, 109, 42, .22);
  border-radius: 50%;
  bottom: -210px;
  content: "";
  height: 430px;
  position: absolute;
  right: -190px;
  width: 430px;
}

.bnbe-about-hero__grid {
  align-items: center;
  display: grid;
  gap: 48px;
}

.bnbe-about-hero__copy {
  position: relative;
  z-index: 2;
}

.bnbe-about-hero h1 {
  font-size: clamp(2.65rem, 10vw, 5.3rem);
  max-width: 850px;
}

.bnbe-about-hero__media {
  aspect-ratio: 4 / 5;
  background: var(--bnbe-sage);
  border: 1px solid rgba(140, 109, 42, .25);
  border-radius: 150px 150px 22px 22px;
  box-shadow: var(--bnbe-shadow);
  margin: 0;
  min-height: 430px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.bnbe-about-hero__image {
  height: 100% !important;
  object-fit: cover;
  object-position: center;
  width: 100%;
}

.bnbe-about-hero__badge {
  backdrop-filter: blur(10px);
  background: rgba(251, 248, 242, .92);
  border: 1px solid rgba(255, 255, 255, .62);
  border-radius: 16px;
  bottom: 18px;
  box-shadow: 0 12px 30px rgba(27, 27, 25, .16);
  left: 18px;
  line-height: 1.45;
  padding: 18px;
  position: absolute;
  right: 18px;
}

.bnbe-about-hero__badge strong,
.bnbe-about-hero__badge span {
  display: block;
}

.bnbe-about-hero__badge strong {
  color: var(--bnbe-ink);
  font-family: "Fraunces", Georgia, serif;
  font-size: 1.25rem;
  font-weight: 500;
  margin-bottom: 4px;
}

.bnbe-about-hero__badge span {
  color: #625e55;
  font-size: .82rem;
}

.bnbe-about-intro {
  display: grid;
  gap: 38px;
}

.bnbe-about-statement {
  color: var(--bnbe-gold-deep);
  font-family: "Fraunces", Georgia, serif;
  font-size: clamp(2rem, 7vw, 3.6rem);
  font-style: italic;
  line-height: 1.12;
  margin: 0;
  max-width: 470px;
}

.bnbe-about-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  list-style: none;
  margin: 30px 0 0 !important;
  padding: 0 !important;
}

.bnbe-about-tags li {
  background: var(--bnbe-card);
  border: 1px solid var(--bnbe-line);
  border-radius: 999px;
  color: var(--bnbe-ink);
  font-size: .84rem;
  font-weight: 500;
  margin: 0 !important;
  padding: 0;
}

.bnbe-about-tags a {
  color: var(--bnbe-ink);
  display: block;
  padding: 9px 14px;
  text-decoration: none;
  transition: background-color .2s ease, color .2s ease;
}

.bnbe-about-tags a:hover,
.bnbe-about-tags a:focus-visible {
  background: var(--bnbe-gold);
  border-radius: inherit;
  color: var(--bnbe-ink);
}

.bnbe-about-founders__intro {
  display: grid;
  gap: 22px;
  margin-bottom: clamp(36px, 6vw, 64px);
}

.bnbe-about-founders__grid {
  display: grid;
  gap: 20px;
}

.bnbe-about-founder {
  background: var(--bnbe-white);
  border: 1px solid var(--bnbe-line);
  border-radius: var(--bnbe-radius-md);
  box-shadow: 0 10px 34px rgba(27, 27, 25, .06);
  overflow: hidden;
  padding: clamp(28px, 5vw, 46px);
  position: relative;
}

.bnbe-about-founder::before {
  background: linear-gradient(90deg, var(--bnbe-gold), var(--bnbe-champagne));
  content: "";
  height: 5px;
  inset: 0 0 auto;
  position: absolute;
}

.bnbe-about-founder__role {
  color: var(--bnbe-gold-deep);
  display: block;
  font-size: .76rem;
  font-weight: 600;
  letter-spacing: .1em;
  margin: -2px 0 22px;
  text-transform: uppercase;
}

.bnbe-about-founders__close {
  border-left: 3px solid var(--bnbe-gold);
  font-family: "Fraunces", Georgia, serif;
  font-size: clamp(1.35rem, 3vw, 1.8rem);
  font-style: italic;
  margin: 34px 0 0;
  max-width: 930px;
  padding: 5px 0 5px 22px;
}

.bnbe-about-model {
  background: var(--bnbe-sage);
  color: rgba(255, 255, 255, .82);
  overflow: hidden;
}

.bnbe-about-model::before {
  border: 1px solid rgba(232, 203, 125, .2);
  border-radius: 50%;
  content: "";
  height: 380px;
  position: absolute;
  right: -170px;
  top: -180px;
  width: 380px;
}

.bnbe-about-model h2,
.bnbe-about-model h3 {
  color: var(--bnbe-ivory);
}

.bnbe-about-model .bnbe-eyebrow {
  color: var(--bnbe-champagne);
}

.bnbe-about-model__intro {
  display: grid;
  gap: 24px;
  margin-bottom: clamp(36px, 6vw, 64px);
  position: relative;
  z-index: 1;
}

.bnbe-about-model__grid {
  display: grid;
  gap: 18px;
  position: relative;
  z-index: 1;
}

.bnbe-about-model__card {
  background: rgba(251, 248, 242, .08);
  border: 1px solid rgba(251, 248, 242, .18);
  border-radius: var(--bnbe-radius-md);
  padding: clamp(28px, 5vw, 42px);
}

.bnbe-about-model__card--gold {
  background: linear-gradient(145deg, rgba(232, 203, 125, .2), rgba(184, 145, 47, .08));
  border-color: rgba(232, 203, 125, .36);
}

.bnbe-about-model .bnbe-check-list li::before {
  color: var(--bnbe-champagne);
}

.bnbe-about-model__note {
  border-top: 1px solid rgba(251, 248, 242, .18);
  color: rgba(255, 255, 255, .72);
  font-size: .88rem;
  margin: 34px 0 0;
  padding-top: 24px;
  position: relative;
  z-index: 1;
}

.bnbe-about-local {
  align-items: center;
  display: grid;
  gap: 42px;
}

.bnbe-about-local__media {
  border-radius: 22px 130px 22px 22px;
  box-shadow: var(--bnbe-shadow);
  margin: 0;
  min-height: 390px;
  overflow: hidden;
  position: relative;
}

.bnbe-about-local__media img {
  height: 100% !important;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

.bnbe-about-local__media figcaption {
  background: var(--bnbe-ink);
  bottom: 18px;
  color: var(--bnbe-champagne);
  font-size: .76rem;
  font-weight: 600;
  left: 18px;
  letter-spacing: .1em;
  padding: 12px 16px;
  position: absolute;
  text-transform: uppercase;
}

.bnbe-about-regions {
  display: grid;
  gap: 12px;
  margin-top: 30px;
}

.bnbe-about-regions a {
  border-left: 2px solid var(--bnbe-gold);
  color: inherit;
  padding: 8px 0 8px 18px;
  text-decoration: none;
  transition: border-color .2s ease, transform .2s ease;
}

.bnbe-about-regions a:hover,
.bnbe-about-regions a:focus-visible {
  border-color: var(--bnbe-gold-deep);
  transform: translateX(4px);
}

.bnbe-about-regions strong,
.bnbe-about-regions span {
  display: block;
}

.bnbe-about-regions strong {
  color: var(--bnbe-ink);
  font-family: "Fraunces", Georgia, serif;
  font-size: 1.35rem;
  font-weight: 500;
}

.bnbe-about-regions span {
  color: #625e55;
  font-size: .86rem;
  margin-top: 3px;
}

.bnbe-about-fit {
  background: var(--bnbe-card);
}

.bnbe-about-fit__grid {
  display: grid;
  gap: 38px;
}

.bnbe-about-fit__list {
  display: grid;
  gap: 12px;
  list-style: none;
  margin: 0 !important;
  padding: 0 !important;
}

.bnbe-about-fit__list li {
  background: rgba(255, 255, 255, .76);
  border: 1px solid var(--bnbe-line);
  border-radius: 14px;
  margin: 0 !important;
  padding: 18px 18px 18px 48px;
  position: relative;
}

.bnbe-about-fit__list li::before {
  color: var(--bnbe-gold-deep);
  content: "✓";
  font-weight: 700;
  left: 20px;
  position: absolute;
}

.bnbe-about-final {
  background:
    radial-gradient(circle at 50% 0, rgba(232, 203, 125, .17), transparent 35%),
    var(--bnbe-ink);
  color: rgba(255, 255, 255, .78);
  overflow: hidden;
}

.bnbe-about-final h2 {
  color: var(--bnbe-ivory);
}

.bnbe-about-final .bnbe-eyebrow {
  color: var(--bnbe-champagne);
}

.bnbe-about-final .bnbe-lead {
  color: rgba(255, 255, 255, .78);
}

.bnbe-about-final .bnbe-button--outline {
  border-color: var(--bnbe-champagne);
  color: var(--bnbe-champagne);
}

.bnbe-about-final__actions {
  justify-content: center;
}

.bnbe-about-final__reassurance {
  color: rgba(255, 255, 255, .58);
  margin-inline: auto;
}

@media (min-width: 680px) {
  .bnbe-about-hero__media {
    aspect-ratio: 16 / 10;
    min-height: 500px;
  }

  .bnbe-about-founders__grid,
  .bnbe-about-model__grid,
  .bnbe-about-fit__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .bnbe-about-regions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 960px) {
  .bnbe-about-hero__grid {
    gap: clamp(54px, 7vw, 94px);
    grid-template-columns: minmax(0, 1.08fr) minmax(380px, .92fr);
  }

  .bnbe-about-hero__media {
    aspect-ratio: auto;
    border-radius: 180px 180px 22px 22px;
    min-height: 610px;
  }

  .bnbe-about-intro,
  .bnbe-about-founders__intro,
  .bnbe-about-model__intro,
  .bnbe-about-fit__grid {
    gap: clamp(48px, 8vw, 106px);
    grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr);
  }

  .bnbe-about-local {
    gap: clamp(54px, 8vw, 106px);
    grid-template-columns: minmax(360px, .9fr) minmax(0, 1.1fr);
  }

  .bnbe-about-local__media {
    min-height: 560px;
  }
}

@supports (overflow: clip) {
  .bnbe-about-hero,
  .bnbe-about-model,
  .bnbe-about-final {
    overflow: clip;
  }
}