.concept-label { position: absolute; bottom: 16px; right: 16px; z-index: 2; font-size: .75rem; background: #182419d9; color: white; padding: 5px 10px; border-radius: 5px; }
.bumblewood-hero { min-height: min(740px, 70vw); position: relative; display: flex; align-items: flex-end; overflow: hidden; background: #203428; color: white; }
.hero-backdrop { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 42%; }
.bumblewood-hero::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, #13261ec9 0%, #13261e42 67%), linear-gradient(0deg, #13261ec9, transparent 65%); }
.bumblewood-hero-inner { z-index: 1; position: relative; padding-block: 180px 75px; }
.bumblewood-hero .eyebrow { margin-bottom: 0; color: #fce1aa; }
.bumblewood-hero h1 { width: min(680px, 85%); margin: 0 0 8px; }
.bumblewood-hero h1 img { width: 100%; height: auto; filter: drop-shadow(0 5px 8px #101810c9); }
.bumblewood-hero-inner > p:not(.eyebrow) { max-width: 28ch; font-size: clamp(1.2rem, 2.5vw, 1.65rem); font-weight: 750; line-height: 1.35; text-shadow: 0 2px 5px #101810; }
.hero-status { display: inline-block; margin-top: 24px; padding: 7px 13px; background: #173120e8; border: 1px solid #ffe2a2; border-radius: 99px; color: #fff0c8; font-size: .8rem; font-weight: 750; }
.concept-label { z-index: 2; }
.bumblewood-intro { padding: 92px 0; background: #f8f5ea; }
.intro-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(30px, 8vw, 110px); }
.intro-grid .eyebrow, .scene-heading .eyebrow, .bumblewood-outro .eyebrow { color: #596e3d; }
.intro-grid h2, .scene-heading h2, .bumblewood-outro h2 { color: #264334; }
.intro-grid > div:last-child { align-self: center; font-size: 1.12rem; color: #38463d; }
.intro-grid > div:last-child p + p { margin-top: 16px; }
.bumblewood-scene { padding: 88px 0 100px; background: #e9eddf; }
.scene-heading { display: flex; align-items: end; justify-content: space-between; gap: 40px; margin-bottom: 34px; }
.scene-heading > p { max-width: 32ch; color: #435444; }
.bumblewood-scene figure { border-radius: 18px; overflow: hidden; background: #fff; box-shadow: 0 20px 48px #1c331b22; }
.bumblewood-scene figure img { width: 100%; }
.bumblewood-scene figcaption { padding: 13px 20px; font-size: .82rem; color: #475548; }
.bumblewood-outro { padding: 88px 0 100px; text-align: center; background: #f8f5ea; }
.bumblewood-outro h2 { max-width: 18ch; margin: auto; }
.bumblewood-outro p:not(.eyebrow) { margin: 22px auto; color: #445148; }
@media (max-width: 760px) {
  .intro-grid { grid-template-columns: 1fr; }
  .bumblewood-intro, .bumblewood-scene, .bumblewood-outro { padding-block: 54px; }
  .bumblewood-hero { min-height: 540px; }
  .bumblewood-hero-inner { padding-block: 170px 75px; }
  .scene-heading { display: block; }
  .scene-heading > p { margin-top: 16px; }
}
@media (max-width: 420px) {
  .bumblewood-hero { min-height: 480px; }
  .bumblewood-hero h1 { width: 100%; }
  .concept-label { bottom: 8px; right: 8px; }
}