/* Shared dark hero treatment, scoped to page introductions. */
.hero-section,
.page-hero { color: #fff8ed; border-bottom-color: #484137; }
.hero-section {
  background-color: #24231e;
  background-image: linear-gradient(90deg, rgba(24, 25, 21, .88), rgba(24, 25, 21, .8) 48%, rgba(24, 25, 21, .76)), url('../assets/branding/brick-building-arched-windows.png?v=c02455d33c27-e8e1d2eef0b8'), url('../assets/branding/sugarcane-field-blue-sky.jpg?v=c02455d33c27-0f25897558e3');
}
.hero-section .hero-copy::before { content: none; }
.hero-section .hero-bunting { opacity: .3; }
.hero-section .hero-copy .hero-tagline { background: rgba(24, 25, 21, .8); border-color: rgba(255, 248, 237, .25); }
.contact-hero {
  background: linear-gradient(90deg, rgba(24, 25, 21, .86), rgba(24, 25, 21, .76)), url('../assets/branding/sugarcane-path-cloudy-sky.jpg?v=c02455d33c27-00bdbeec10aa') center / cover no-repeat;
}
.toffee-hero,
.order-hero {
  background: linear-gradient(90deg, rgba(24, 25, 21, .86), rgba(24, 25, 21, .76)), url('../assets/branding/oak-lined-sugarcane-path.jpg?v=c02455d33c27-1ff9ac478560') center / cover no-repeat;
}
.experience-hero { background: linear-gradient(90deg, rgba(24, 25, 21, .86), rgba(24, 25, 21, .76)), url('../assets/branding/oak-lined-sugarcane-path.jpg?v=c02455d33c27-1ff9ac478560') center / cover no-repeat; }
.order-hero::before { content: none; }
:is(.hero-section, .page-hero) h1 { color: #fff8ed; }
:is(.hero-section, .page-hero) h1 em { color: #dfbaa9; }
:is(.hero-section, .page-hero) .eyebrow { color: #dfbaa9; font-size: 12px; }
:is(.hero-section, .page-hero) .hero-intro,
:is(.hero-section, .page-hero) .page-hero-copy > p:not(.eyebrow),
:is(.hero-section, .page-hero) figcaption,
:is(.hero-section, .page-hero) .toffee-hero-note,
:is(.hero-section, .page-hero) .experience-breadcrumb { color: #f3ebde; }
:is(.hero-section, .page-hero) figcaption { font-size: 13px; letter-spacing: .7px; line-height: 1.7; }
:is(.hero-section, .page-hero) figcaption :is(i, .caption-icon),
:is(.hero-section, .page-hero) .toffee-hero-note i,
:is(.hero-section, .page-hero) .experience-hero-note i,
.hero-section .small-star { color: #dfbaa9; }
:is(.hero-section, .page-hero) .button { background: #fff0d6; border-color: #fff0d6; color: #352015; }
:is(.hero-section, .page-hero) .button:hover { background: #dfbaa9; border-color: #dfbaa9; }
:is(.hero-section, .page-hero) .text-link { color: #fff0d6; }
:is(.hero-section, .page-hero) .text-link:hover { color: #dfbaa9; }
:is(.hero-section, .page-hero) :is(a, button):focus-visible { outline-color: #fff0d6; }
.hero-section .hero-footnote,
.page-hero .toffee-hero-note,
.page-hero .page-hero-copy > .experience-hero-note { border-color: rgba(255, 248, 237, .3); }
.page-hero .experience-breadcrumb [aria-current] { color: #fff8ed; }
.page-hero .experience-breadcrumb a:hover { color: #dfbaa9; }
.page-hero .featured-toffee-controls button { min-width: 44px; min-height: 44px; color: #fff0d6; border-color: rgba(255, 248, 237, .45); background: rgba(24, 25, 21, .6); }
.page-hero .featured-toffee-controls button:hover { color: #352015; background: #fff0d6; border-color: #fff0d6; }