body {
  background-image: radial-gradient(900px 700px at 88% 0%, rgba(255, 91, 31, .14), transparent 60%);
  background-repeat: no-repeat;
}
.cc-eyebrow { font-family: var(--wp--preset--font-family--mono); font-size: .8125rem; letter-spacing: .2em; text-transform: uppercase; color: var(--wp--preset--color--ember); }
.cc-mono { font-family: var(--wp--preset--font-family--mono); }

/* Announcement strip */
.cc-strip { gap: 12px 48px; padding: 8px 16px; border-bottom: 1px solid var(--wp--preset--color--line); font-family: var(--wp--preset--font-family--mono); font-size: .75rem; letter-spacing: .12em; text-transform: uppercase; color: var(--wp--preset--color--muted); }
.cc-strip p { margin: 0; }
.cc-strip p:empty { display: none; }
.cc-strip p + p::before { content: "●"; color: var(--wp--preset--color--ember); margin-right: 48px; margin-left: -24px; }
@media (max-width: 781px) { .cc-strip p:nth-child(n+3) { display: none; } .cc-strip p + p::before { margin-right: 8px; margin-left: 0; } }

/* Header */
.cc-header { padding: 20px clamp(16px, 4vw, 64px); align-items: center; }
.cc-wordmark a { color: var(--wp--preset--color--bone); text-decoration: none; display: inline-flex; align-items: center; gap: 12px; }
.cc-wordmark a::before { content: ""; width: 10px; height: 10px; border-radius: 50%; background: var(--wp--preset--color--ember); box-shadow: 0 0 0 6px var(--wp--preset--color--ink), 0 0 0 8px var(--wp--preset--color--bone), 0 0 16px 8px rgba(255, 91, 31, .45); margin: 0 10px; }
.cc-nav a { color: var(--wp--preset--color--muted); text-decoration: none; }
.cc-nav a:hover, .cc-nav .current-menu-item a { color: var(--wp--preset--color--bone); }
.cc-header__actions { gap: 12px; align-items: center; }
.cc-member-link a { color: var(--wp--preset--color--bone); border: 1px solid var(--wp--preset--color--line); border-radius: 8px; padding: 10px 16px; text-decoration: none; min-height: 44px; display: inline-flex; align-items: center; }

/* Footer */
.cc-footer { margin-top: 96px; padding: 56px clamp(16px, 4vw, 64px) 40px; border-top: 1px solid var(--wp--preset--color--line); }
.cc-footer__mark a { color: #2A2624; font-size: clamp(3rem, 10vw, 10rem); line-height: .8; text-decoration: none; }
.cc-footer__nav a { color: var(--wp--preset--color--muted); }
.cc-legal { border-top: 1px solid var(--wp--preset--color--line); padding-top: 24px; margin-top: 32px; font-size: .8125rem; color: #9C948A; }
.cc-legal p { margin: 0; }

/* Page title for plain pages */
.cc-page-title { margin: 48px 0 32px; }

/* Focus + motion */
:where(a, button, input, select, summary):focus-visible { outline: 2px solid var(--wp--preset--color--ember); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; } }

/* Sections */
.cc-hero { padding-top: clamp(24px, 5vw, 64px); padding-bottom: clamp(48px, 8vw, 96px); }
.cc-hero__cols { gap: clamp(24px, 4vw, 64px); }
.cc-hero__title { font-size: clamp(4rem, 10vw, 9.5rem); margin: 20px 0 28px; }
.cc-accent { color: var(--wp--preset--color--ember); }
.cc-lede { font-size: 1.2rem; line-height: 1.6; color: var(--wp--preset--color--muted); max-width: 520px; }
.cc-section { padding-top: clamp(40px, 6vw, 80px); padding-bottom: clamp(40px, 6vw, 80px); }
.cc-section--chips { padding-top: 0; padding-bottom: 24px; }
.cc-section__head { border-bottom: 1px solid var(--wp--preset--color--line); padding-bottom: 20px; margin-bottom: 28px; }
.cc-section__title { margin: 0; }
.cc-section__link { margin: 0; font-family: var(--wp--preset--font-family--mono); font-size: .8125rem; letter-spacing: .1em; text-transform: uppercase; }
.cc-section__link a { color: var(--wp--preset--color--bone); text-decoration: none; }
.cc-steps__item { padding: 24px; border: 1px solid var(--wp--preset--color--line); border-radius: 16px; }
.cc-steps__num { font-family: var(--wp--preset--font-family--display); font-weight: 900; font-size: 4rem; line-height: 1; color: var(--wp--preset--color--ember); margin: 0; }
.cc-steps h3 { font-size: 1.75rem; margin: 12px 0 8px; }
.wp-block-button.is-style-outline .wp-block-button__link { background: transparent; color: var(--wp--preset--color--bone); border: 1px solid var(--wp--preset--color--bone); }
.cc-contact h3, .cc-about h3 { font-size: 1.75rem; }
.cc-hero, .cc-section, .cc-shop, .cc-product { padding-left: clamp(16px, 4vw, 64px); padding-right: clamp(16px, 4vw, 64px); }

/* ===== Club / referral box ===== */
.cc-club__box { position: relative; overflow: hidden; padding: clamp(28px, 5vw, 56px); border-radius: 24px; border: 1px solid var(--wp--preset--color--line); background: radial-gradient(90% 120% at 0% 100%, rgba(255, 91, 31, .28), transparent 60%), repeating-linear-gradient(135deg, rgba(237, 230, 218, .03) 0 2px, transparent 2px 14px), var(--wp--preset--color--surface); }
.cc-club__offer { font-size: 1.125rem; max-width: 56ch; }
.cc-club .wp-block-buttons { margin-top: 24px; }
