.ghbb,
.ghbb *{box-sizing:border-box}
.ghbb{
  --ghbb-bg:#f4f1ea;
  --ghbb-paper:#fbfaf7;
  --ghbb-ink:#171714;
  --ghbb-muted:#66635d;
  --ghbb-line:rgba(23,23,20,.16);
  --ghbb-accent:#a67b4d;
  position:relative!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:var(--ghbb-bg)!important;
  color:var(--ghbb-ink)!important;
  font-family:inherit!important;
}
.ghbb__inner{
  width:min(calc(100% - 64px),1400px)!important;
  margin:0 auto!important;
  padding:96px 0 118px!important;
}

/* Intro — simple centered presentation */
.ghbb__intro{
  display:block!important;
  max-width:1080px!important;
  margin:0 auto!important;
  padding:0 0 82px!important;
  text-align:center!important;
}
.ghbb__intro-title,
.ghbb__intro-copy,
.ghbb__story{min-width:0!important}
.ghbb__eyebrow{
  display:block!important;
  margin:0 0 18px!important;
  padding:0!important;
  color:var(--ghbb-accent)!important;
  font:700 12px/1.25 inherit!important;
  letter-spacing:.2em!important;
  text-transform:uppercase!important;
}
.ghbb__title{
  max-width:900px!important;
  margin:0 auto 28px!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  color:var(--ghbb-ink)!important;
  font-family:inherit!important;
  font-size:clamp(48px,5.4vw,76px)!important;
  font-weight:500!important;
  line-height:1!important;
  letter-spacing:-.05em!important;
  text-transform:none!important;
  text-align:center!important;
}
.ghbb__intro-title::after{
  content:""!important;
  display:block!important;
  width:48px!important;
  height:1px!important;
  margin:0 auto 30px!important;
  background:var(--ghbb-accent)!important;
}
.ghbb__intro-copy{
  max-width:980px!important;
  margin:0 auto!important;
  padding:0!important;
  text-align:center!important;
}
.ghbb__lead{
  max-width:900px!important;
  margin:0 auto 24px!important;
  padding:0!important;
  color:var(--ghbb-ink)!important;
  font-family:inherit!important;
  font-size:clamp(21px,1.65vw,26px)!important;
  font-weight:700!important;
  line-height:1.5!important;
  letter-spacing:-.015em!important;
  text-align:center!important;
}
.ghbb__story{
  display:block!important;
  max-width:980px!important;
  margin:0 auto!important;
  padding:0!important;
  border:0!important;
  text-align:center!important;
}
.ghbb__story p{
  max-width:980px!important;
  margin:0 auto 16px!important;
  padding:0!important;
  color:var(--ghbb-muted)!important;
  background:none!important;
  font-family:inherit!important;
  font-size:18px!important;
  font-weight:400!important;
  line-height:1.75!important;
  letter-spacing:0!important;
  text-transform:none!important;
  text-align:center!important;
}
.ghbb__story p:last-child{margin-bottom:0!important}
.ghbb__story .ghbb__emphasis{
  max-width:900px!important;
  margin-top:22px!important;
  margin-bottom:22px!important;
  color:var(--ghbb-ink)!important;
  font-weight:700!important;
}

/* Exact site label before the principles */
.ghbb__section-rule{
  display:flex!important;
  align-items:center!important;
  gap:22px!important;
  margin:0 0 70px!important;
  padding:0!important;
}
.ghbb__section-rule span{
  flex:0 0 auto!important;
  color:var(--ghbb-ink)!important;
  font:700 10px/1 inherit!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
}
.ghbb__section-rule i{
  display:block!important;
  flex:1 1 auto!important;
  height:1px!important;
  background:linear-gradient(90deg,var(--ghbb-line),rgba(23,23,20,.04))!important;
}

/* Static editorial principles: no clicking, no remote content changes */
.ghbb__pillars{
  display:flex!important;
  flex-direction:column!important;
  gap:clamp(72px,8vw,118px)!important;
  margin:0!important;
  padding:0!important;
}
.ghbb__pillar{
  position:relative!important;
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  align-items:center!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
.ghbb__pillar-visual{
  grid-column:1 / span 8!important;
  grid-row:1!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}
.ghbb__pillar-card{
  position:relative!important;
  z-index:3!important;
  grid-column:7 / -1!important;
  grid-row:1!important;
  align-self:center!important;
  min-width:0!important;
  margin:0!important;
  padding:clamp(34px,4.4vw,66px)!important;
  border:1px solid rgba(23,23,20,.09)!important;
  background:rgba(251,250,247,.96)!important;
  box-shadow:0 24px 65px rgba(34,30,24,.09)!important;
}
.ghbb__pillar:nth-child(even) .ghbb__pillar-visual{
  grid-column:5 / -1!important;
}
.ghbb__pillar:nth-child(even) .ghbb__pillar-card{
  grid-column:1 / span 6!important;
}
.ghbb__image-wrap{
  position:relative!important;
  width:100%!important;
  aspect-ratio:16/10!important;
  min-height:420px!important;
  margin:0!important;
  overflow:hidden!important;
  background:#ddd8cf!important;
}
.ghbb__image-wrap img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  object-fit:cover!important;
  object-position:center!important;
  filter:none!important;
  transform:scale(1.001)!important;
  transition:transform 1s cubic-bezier(.2,.7,.2,1)!important;
}
.ghbb__pillar:hover .ghbb__image-wrap img{
  transform:scale(1.035)!important;
}
.ghbb__image-line{
  position:absolute!important;
  left:0!important;
  bottom:0!important;
  width:86px!important;
  height:4px!important;
  background:var(--ghbb-accent)!important;
}
.ghbb__pillar:nth-child(even) .ghbb__image-line{
  left:auto!important;
  right:0!important;
}
.ghbb__pillar-card h3{
  position:relative!important;
  margin:0 0 24px!important;
  padding:0 0 22px!important;
  border:0!important;
  background:none!important;
  color:var(--ghbb-ink)!important;
  font-family:inherit!important;
  font-size:clamp(38px,4.1vw,66px)!important;
  font-weight:500!important;
  line-height:.96!important;
  letter-spacing:-.055em!important;
  text-transform:none!important;
}
.ghbb__pillar-card h3::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  bottom:0!important;
  width:38px!important;
  height:1px!important;
  background:var(--ghbb-accent)!important;
}
.ghbb__pillar-card p{
  max-width:640px!important;
  margin:0!important;
  padding:0!important;
  color:var(--ghbb-muted)!important;
  background:none!important;
  font-family:inherit!important;
  font-size:18px!important;
  font-weight:400!important;
  line-height:1.72!important;
  letter-spacing:0!important;
  text-transform:none!important;
  overflow-wrap:anywhere!important;
}

/* Motion is visual only; content is always local to its own row */
.ghbb [data-ghbb-reveal]{
  opacity:0;
  transform:translateY(28px);
  transition:opacity .72s ease,transform .85s cubic-bezier(.2,.7,.2,1);
}
.ghbb [data-ghbb-reveal].is-visible{
  opacity:1;
  transform:none;
}

@media (max-width:1100px){
  .ghbb__inner{width:min(calc(100% - 44px),1120px)!important;padding:76px 0 92px!important}
  .ghbb__intro{max-width:980px!important;padding-bottom:66px!important}
  .ghbb__image-wrap{min-height:360px!important}
  .ghbb__pillar-card{grid-column:6 / -1!important}
  .ghbb__pillar:nth-child(even) .ghbb__pillar-card{grid-column:1 / span 7!important}
}
@media (max-width:820px){
  .ghbb__inner{width:min(calc(100% - 32px),760px)!important;padding:58px 0 74px!important}
  .ghbb__intro{max-width:760px!important;padding-bottom:54px!important}
  .ghbb__title{max-width:700px!important;font-size:clamp(44px,9vw,66px)!important}
  .ghbb__lead{margin-bottom:22px!important}
  .ghbb__section-rule{margin-bottom:44px!important}
  .ghbb__pillars{gap:58px!important}
  .ghbb__pillar,
  .ghbb__pillar:nth-child(even){display:flex!important;flex-direction:column!important;align-items:stretch!important}
  .ghbb__pillar-visual,
  .ghbb__pillar:nth-child(even) .ghbb__pillar-visual{width:100%!important;order:1!important}
  .ghbb__pillar-card,
  .ghbb__pillar:nth-child(even) .ghbb__pillar-card{width:calc(100% - 34px)!important;margin:-58px 0 0 auto!important;order:2!important}
  .ghbb__pillar:nth-child(even) .ghbb__pillar-card{margin-left:0!important;margin-right:auto!important}
  .ghbb__image-wrap{min-height:0!important;aspect-ratio:16/10!important}
}
@media (max-width:560px){
  .ghbb__inner{width:calc(100% - 24px)!important;padding:46px 0 58px!important}
  .ghbb__eyebrow{font-size:10px!important;margin-bottom:14px!important}
  .ghbb__title{font-size:42px!important;line-height:1!important;margin-bottom:22px!important}
  .ghbb__intro-title::after{margin-bottom:24px!important}
  .ghbb__lead{font-size:20px!important;line-height:1.5!important}
  .ghbb__story p{font-size:18px!important;line-height:1.65!important;margin-bottom:14px!important}
  .ghbb__section-rule{margin-bottom:34px!important;gap:14px!important}
  .ghbb__pillars{gap:46px!important}
  .ghbb__image-wrap{aspect-ratio:4/3!important}
  .ghbb__pillar-card,
  .ghbb__pillar:nth-child(even) .ghbb__pillar-card{width:calc(100% - 18px)!important;margin-top:-28px!important;padding:27px 24px 29px!important}
  .ghbb__pillar-card h3{font-size:36px!important;margin-bottom:18px!important;padding-bottom:16px!important}
  .ghbb__pillar-card p{font-size:18px!important;line-height:1.65!important}
}
@media (prefers-reduced-motion:reduce){
  .ghbb *, .ghbb *::before, .ghbb *::after{transition:none!important;animation:none!important}
  .ghbb [data-ghbb-reveal]{opacity:1!important;transform:none!important}
}
