.cb-hero-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .55rem;
  min-height: 3rem;
  padding: .7rem 1rem;
  border: 1px solid transparent;
  color: #fff;
  font-size: .78rem;
  font-weight: 600;
  letter-spacing: .09em;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: background-color .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}

.cb-hero-button:hover,
.cb-hero-button:focus-visible {
  color: #fff;
  transform: translateY(-2px);
}

.cb-hero-button:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 3px;
}

.cb-hero-button--primary {
  border-color: #d7bd76;
  background: #d7bd76;
  color: #24241f;
}

.cb-hero-button--primary:hover,
.cb-hero-button--primary:focus-visible {
  border-color: #ead69c;
  background: #ead69c;
  color: #24241f;
}

.cb-hero-button--secondary {
  border-color: rgba(255, 255, 255, .65);
  background: rgba(16, 17, 13, .08);
}

.cb-hero-button--secondary:hover,
.cb-hero-button--secondary:focus-visible {
  border-color: #fff;
  background: rgba(255, 255, 255, .12);
}



.cb-about-panel{background:var(--cb-surface);border:1px solid var(--cb-border);border-radius:6px;padding:clamp(1.25rem,2.5vw,2.25rem)}
.cb-about-story-section{margin-bottom:4rem}.cb-about-panel.cb-about-story{margin-bottom:0;gap:clamp(1.5rem,3vw,3rem)}
.cb-about-panel .cb-about-values{gap:1.75rem}.cb-about-panel .cb-about-faq{max-width:none}
.cb-page-close{text-align:center;color:#fff;background-color:#261c18;background-image:linear-gradient(90deg,rgba(18,14,12,.59),rgba(18,14,12,.75)),var(--cb-close-photo);background-size:cover;background-position:center 48%;min-height:24rem;padding:clamp(2rem,5vw,4rem) 1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(156,135,82,.5)}
.cb-page-close--about{--cb-close-photo:url('../gallery/home/instagram/18104776348968882-18112268948328629.jpg')}
.cb-page-close--options{--cb-close-photo:url('../gallery/home/instagram/17944413402278079-17958547368211929.jpg')}
.cb-page-close--glossary{--cb-close-photo:url('../gallery/home/instagram/17921558832408638-18110926793052939.jpg')}
.cb-page-close--contact{--cb-close-photo:url('../gallery/home/instagram/18111897820816275-18113730784976410.jpg')}
.cb-page-close--404{--cb-close-photo:url('../gallery/page-banners/rebind-glossary-brown-bible.jpg')}
.cb-page-close .cb-page-close-kicker,.cb-page-close .cb-about-kicker,.cb-page-close .cb-glossary-kicker{color:#ead69c;font-size:.75rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin-bottom:.7rem}
.cb-page-close h2{font-size:clamp(1.5rem,3vw,2.4rem);line-height:1.3;margin-bottom:1rem}.cb-page-close h2,.cb-page-close p{text-shadow:0 2px 12px rgba(0,0,0,.55)}.cb-page-close>p:not([class*='kicker']){max-width:42rem;line-height:1.7}
.cb-page-close-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:.5rem}
body .cb-page-close .cb-hero-button--secondary{color:#fff;border-color:rgba(255,255,255,.65);background:rgba(16,17,13,.08)}
body .cb-page-close .cb-hero-button--secondary:hover,body .cb-page-close .cb-hero-button--secondary:focus-visible{color:#fff;border-color:#fff;background:rgba(255,255,255,.12)}body .cb-page-close .cb-hero-button:focus-visible{outline-color:#fff}
@media(max-width:767.98px){.cb-about-story-section{margin-bottom:3rem}.cb-page-close{min-height:25rem;background-position:43% center;padding:2.5rem 1.25rem}.cb-page-close-actions{flex-direction:column;width:100%;max-width:20rem}}

/* Slightly longer gold accents beneath section headings. */
.cb-heading::after{width:176px;max-width:100%}

.cb-options-page main{overflow-x:clip}
.cb-options-panel{background:var(--cb-surface);border:1px solid var(--cb-border);border-radius:6px;padding:clamp(1.25rem,2.5vw,2.25rem)}
.cb-options-panel>.cb-section-kicker,.cb-options-panel>.cb-rebind-kicker{color:#796738;font-size:.75rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin-bottom:.7rem}
.cb-options-panel>h2{font-size:clamp(1.5rem,2.7vw,2.3rem);font-weight:400;line-height:1.3}
.cb-options-panel>p{line-height:1.8}

/* Responsive hover feedback for the inner-page logo. */
.cb-inner-hero .cb-inner-hero__brand{transition:transform .18s ease,filter .18s ease;transform-origin:center}
@media(hover:hover){.cb-inner-hero .cb-inner-hero__brand:hover{transform:translateY(-.5rem) scale(1.08);filter:drop-shadow(0 4px 18px rgba(0,0,0,.5))}}
.cb-inner-hero .cb-inner-hero__brand:focus-visible{transform:translateY(-.5rem) scale(1.08);outline:2px solid #d7bd76;outline-offset:6px}
@media(prefers-reduced-motion:reduce){.cb-inner-hero .cb-inner-hero__brand{transition:none}}

/* Keep the shimmer confined to each inner-page logo at every screen size. */
.cb-inner-hero .cb-inner-hero__brand{position:relative}
.cb-inner-hero .cb-inner-hero__brand::after{animation:cb-logo-shimmer 9s ease-in-out infinite;pointer-events:none}
@media(prefers-reduced-motion:reduce){.cb-inner-hero .cb-inner-hero__brand::after{animation:none}}
