/* ── CC BRAND: Google Fonts import — must be line 1 ── */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=Jost:wght@300;400;500&display=swap');

/* ── CC BRAND: Design tokens ── */
:root {
  --cc-ink:        #1A1814;
  --cc-warm-white: #F7F4EF;
  --cc-parchment:  #F0EBE3;
  --cc-stone:      #E8E3DA;
  --cc-charcoal:   #3A3632;
  --cc-gold:       #C8A96E;
  --cc-clay:       #B5856A;
  --cc-sage:       #8A9E8C;
  --cc-serif: 'Cormorant Garamond', Georgia, serif;
  --cc-sans:  'Jost', system-ui, sans-serif;
  --cc-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}

/* ── CC GLOBAL: Body baseline ── */
body {
  background-color: var(--cc-warm-white);
  color: var(--cc-ink);
  font-family: var(--cc-sans);
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

/* ── CC GLOBAL: Headings ── */
h1, h2, h3, h4 {
  font-family: var(--cc-serif);
  font-weight: 300;
  line-height: 1.15;
  letter-spacing: -0.01em;
}

/* ── CC GLOBAL: Site header — single definition ── */
.site-header {
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(247, 244, 239, 0.96) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 0.5px solid var(--cc-stone) !important;
  box-shadow: none !important;
  transition: box-shadow 0.3s ease;
}
.site-header.scrolled {
  box-shadow: 0 1px 20px rgba(26,24,20,0.06) !important;
}

/* ── CC GLOBAL: Wordmark ── */
.site-branding {
  font-family: var(--cc-serif) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  font-size: 26px !important;
  letter-spacing: 0.02em !important;
  color: var(--cc-ink) !important;
  order: 2 !important;
  text-align: center !important;
  padding: 0 !important;
  margin: 0 !important;
}
.site-branding a {
  color: var(--cc-ink) !important;
  text-decoration: none;
}

/* ── CC GLOBAL: Nav centred layout ── */
.site-header .inside-header {
  display: grid !important;
  grid-template-columns: 1fr auto 1fr !important;
  align-items: center !important;
  height: 68px;
  padding: 0 48px !important;
  max-width: 100% !important;
}

.main-navigation {
  order: 1 !important;
}
.main-navigation .menu-primary-container > ul {
  display: flex !important;
  align-items: center !important;
  gap: 32px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ── CC GLOBAL: Nav links ── */
.main-navigation a {
  font-family: var(--cc-sans) !important;
  font-size: 10.5px !important;
  font-weight: 400 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: var(--cc-charcoal) !important;
  position: relative;
  text-decoration: none !important;
  transition: color 0.25s ease;
}
.main-navigation a::after {
  content: '';
  position: absolute;
  bottom: -2px; left: 0;
  width: 0; height: 0.5px;
  background: var(--cc-gold);
  transition: width 0.3s var(--cc-ease-out);
}
.main-navigation a:hover { color: var(--cc-ink) !important; }
.main-navigation a:hover::after { width: 100%; }

/* Last nav item as CTA button */
.main-navigation .menu-item:last-child > a {
  font-size: 10px !important;
  font-weight: 500 !important;
  letter-spacing: 0.2em !important;
  color: var(--cc-warm-white) !important;
  background: var(--cc-ink) !important;
  padding: 9px 20px !important;
  transition: background 0.25s ease !important;
}
.main-navigation .menu-item:last-child > a:hover {
  background: var(--cc-charcoal) !important;
}

/* ── CC GLOBAL: Scroll reveal utility ── */
.cc-reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.8s var(--cc-ease-out), transform 0.8s var(--cc-ease-out);
}
.cc-reveal.is-visible { opacity: 1; transform: translateY(0); }
.cc-reveal-d1 { transition-delay: 0.1s; }
.cc-reveal-d2 { transition-delay: 0.2s; }
.cc-reveal-d3 { transition-delay: 0.3s; }
.cc-reveal-d4 { transition-delay: 0.4s; }

/* ── CC: Mobile nav ── */
@media (max-width: 768px) {
  .site-header .inside-header {
    grid-template-columns: 1fr auto !important;
    padding: 0 20px !important;
    height: 60px;
  }
  .site-branding { order: 1 !important; text-align: left !important; }
  .main-navigation { order: 2 !important; }
  .site-branding { font-size: 18px !important; }
  .main-navigation a { font-size: 14px !important; letter-spacing: 0.1em !important; }
}

/* ════════════════════════════════════════════════
   CC HOMEPAGE — all rules scoped to #cc-home
════════════════════════════════════════════════ */

#cc-home {
  font-family: var(--cc-sans);
  font-weight: 300;
  color: var(--cc-ink);
}
#cc-home * { box-sizing: border-box; }
#cc-home img { display: block; width: 100%; height: 100%; object-fit: cover; }
#cc-home a { text-decoration: none; color: inherit; }

/* Eyebrow label */
#cc-home .cc-eyebrow {
  display: block;
  font-family: var(--cc-sans);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: var(--cc-gold);
}

/* ── ANNOUNCEMENT BAR ── */
#cc-home .cc-announcement {
  background: var(--cc-ink);
  color: var(--cc-warm-white);
  text-align: center;
  padding: 10px 24px;
  font-size: 14.5px;
  font-weight: 400;
  letter-spacing: 0.12em;
  position: static;
}
#cc-home .cc-announcement em {
  color: var(--cc-gold);
  font-style: normal;
}
.cc-announcement-link {
  display: block;
  color: var(--cc-warm-white) !important;
  text-decoration: none !important;
  cursor: pointer;
  transition: opacity 0.2s ease;
}
.cc-announcement-link:hover { opacity: 0.85; }
.cc-announcement-link em { color: var(--cc-gold); font-style: normal; }

/* ── HERO ── */
#cc-home .cc-hero {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: calc(100vh - 104px);
}
#cc-home .cc-hero__left {
  background: var(--cc-ink);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(48px, 7vw, 96px) clamp(40px, 6vw, 80px);
  position: relative;
  overflow: hidden;
}
#cc-home .cc-hero__left::before {
  content: '';
  position: absolute;
  top: 0; right: 0;
  width: 1px; height: 100%;
  background: linear-gradient(to bottom, transparent, var(--cc-gold) 30%, var(--cc-gold) 70%, transparent);
  opacity: 0.4;
}
#cc-home .cc-hero__headline {
  font-family: var(--cc-serif);
  font-style: italic;
  font-weight: 300;
  font-size: clamp(36px, 4.5vw, 62px);
  line-height: 1.1;
  color: var(--cc-warm-white);
  letter-spacing: -0.01em;
  margin: 20px 0 22px;
}
#cc-home .cc-hero__headline em { font-style: italic; color: var(--cc-clay); }
#cc-home .cc-hero__sub {
  font-size: 15px;
  font-weight: 300;
  line-height: 1.85;
  color: rgba(247,244,239,0.6);
  max-width: 360px;
  margin-bottom: 36px;
}
#cc-home .cc-hero__actions {
  display: flex;
  align-items: center;
  gap: 28px;
  margin-bottom: 52px;
}
#cc-home .cc-btn--primary {
  display: inline-block;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--cc-ink) !important;
  background: var(--cc-gold);
  padding: 14px 28px;
  transition: background 0.25s ease, transform 0.2s ease;
  text-decoration: none !important;
}
#cc-home .cc-btn--primary:hover {
  background: #d4b87a;
  transform: translateY(-1px);
}
#cc-home .cc-btn--ghost {
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: rgba(247,244,239,0.55) !important;
  border-bottom: 0.5px solid rgba(247,244,239,0.25);
  padding-bottom: 2px;
  transition: color 0.25s, border-color 0.25s;
  text-decoration: none !important;
}
#cc-home .cc-btn--ghost:hover {
  color: var(--cc-warm-white) !important;
  border-color: rgba(247,244,239,0.6);
}
#cc-home .cc-hero__credentials {
  border-top: 0.5px solid rgba(232,227,218,0.2);
  padding-top: 28px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
#cc-home .cc-cred { display: flex; align-items: baseline; gap: 12px; }
#cc-home .cc-cred__label {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--cc-sage);
  min-width: 80px;
  flex-shrink: 0;
}
#cc-home .cc-cred__value {
  font-family: var(--cc-serif);
  font-style: italic;
  font-size: 16px;
  color: rgba(247,244,239,0.75);
}
#cc-home .cc-hero__right {
  position: relative;
  overflow: hidden;
  min-height: 500px;
}
#cc-home .cc-hero__right img {
  position: absolute;
  inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  animation: ccHeroZoom 8s cubic-bezier(0.16,1,0.3,1) forwards;
}
#cc-home .cc-hero__right::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to right, rgba(26,24,20,0.15), transparent 40%);
  pointer-events: none;
}
#cc-home .cc-hero__caption {
  position: absolute;
  bottom: 24px; right: 24px;
  font-size: 9px;
  font-weight: 400;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: rgba(247,244,239,0.6);
  z-index: 2;
}
@keyframes ccHeroZoom {
  from { transform: scale(1.04); }
  to   { transform: scale(1); }
}

/* ── TRUST BAR ── */
#cc-home .cc-trust {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  background: var(--cc-parchment);
  border-bottom: 0.5px solid var(--cc-stone);
}
#cc-home .cc-trust__item {
  padding: 26px 28px;
  border-right: 0.5px solid var(--cc-stone);
  display: flex;
  flex-direction: column;
  gap: 5px;
}
#cc-home .cc-trust__item:last-child { border-right: none; }
#cc-home .cc-trust__label {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--cc-sage);
}
#cc-home .cc-trust__value {
  font-family: var(--cc-serif);
  font-style: italic;
  font-size: 17px;
  color: var(--cc-ink);
  line-height: 1.3;
}

/* ── COLLECTION ── */
#cc-home .cc-collection {
  padding: clamp(64px, 9vw, 112px) clamp(24px, 5vw, 72px);
}
#cc-home .cc-section-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 48px;
  gap: 24px;
  flex-wrap: wrap;
}
#cc-home .cc-section-title {
  font-family: var(--cc-serif);
  font-weight: 300;
  font-size: clamp(26px, 3vw, 40px);
  line-height: 1.1;
  margin-top: 12px;
}
#cc-home .cc-section-title em { font-style: italic; color: var(--cc-clay); }
#cc-home .cc-section-link {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--cc-charcoal);
  border-bottom: 0.5px solid var(--cc-stone);
  padding-bottom: 2px;
  white-space: nowrap;
  transition: color 0.2s, border-color 0.2s;
  margin-bottom: 4px;
  text-decoration: none !important;
}
#cc-home .cc-section-link:hover { color: var(--cc-gold); border-color: var(--cc-gold); }

#cc-home .cc-pattern-grid {
  display: grid;
  grid-template-columns: 1.35fr 1fr 1fr;
  grid-template-rows: auto auto;
  gap: 3px;
}
#cc-home .cc-card { position: relative; overflow: hidden; background: var(--cc-parchment); }
#cc-home .cc-card--hero {
  grid-row: span 2;
  display: flex;
  flex-direction: column;
}
#cc-home .cc-card__img { overflow: hidden; }
#cc-home .cc-card--hero .cc-card__img { flex: 1; height: 100%; aspect-ratio: unset; }
#cc-home .cc-card:not(.cc-card--hero) .cc-card__img { aspect-ratio: 1 / 1; }
#cc-home .cc-card__img img { transition: transform 0.7s var(--cc-ease-out); }
#cc-home .cc-card:hover .cc-card__img img { transform: scale(1.04); }
#cc-home .cc-card__label {
  padding: 14px 18px 12px;
  border-top: 0.5px solid var(--cc-stone);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  background: var(--cc-warm-white);
  flex-shrink: 0;
}
#cc-home .cc-card__name {
  font-family: var(--cc-serif);
  font-style: italic;
  font-size: 18px;
  color: var(--cc-ink);
  line-height: 1.2;
}
#cc-home .cc-card__tag {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--cc-sage);
  margin-bottom: 3px;
}
#cc-home .cc-card__cta {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--cc-gold) !important;
  border-bottom: 0.5px solid var(--cc-gold);
  padding-bottom: 1px;
  white-space: nowrap;
  flex-shrink: 0;
  text-decoration: none !important;
}
#cc-home .cc-bundles {
  grid-column: 1 / -1;
  background: var(--cc-ink);
  padding: 22px 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
  margin-top: 3px;
}
#cc-home .cc-bundles__label {
  font-family: var(--cc-serif);
  font-style: italic;
  font-size: 19px;
  color: var(--cc-warm-white);
}
#cc-home .cc-bundles__saving {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--cc-gold);
  margin-left: 16px;
}
#cc-home .cc-bundles__cta {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--cc-ink) !important;
  background: var(--cc-gold);
  padding: 12px 22px;
  flex-shrink: 0;
  transition: background 0.2s;
  text-decoration: none !important;
}
#cc-home .cc-bundles__cta:hover { background: #d4b87a; }

/* ── ABOUT ── */
#cc-home .cc-about {
  display: grid;
  grid-template-columns: 0.75fr 1fr;
  min-height: 560px;
}
#cc-home .cc-about__img {
  position: relative;
  overflow: hidden;
}
#cc-home .cc-about__img img {
  width: 100%; height: 100%;
  object-fit: contain;
  object-position: center center;
}
#cc-home .cc-about__img::after {
  content: '';
  position: absolute;
  top: 0; right: 0;
  width: 3px; height: 100%;
  background: var(--cc-gold);
}
#cc-home .cc-about__content {
  background: var(--cc-parchment);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(48px, 5vw, 72px) clamp(48px, 6vw, 80px);
  gap: 20px;
}
#cc-home .cc-about__headline {
  font-family: var(--cc-serif);
  font-weight: 300;
  font-size: clamp(24px, 2.8vw, 36px);
  line-height: 1.15;
  margin: 6px 0 0;
}
#cc-home .cc-about__headline em { font-style: italic; color: var(--cc-clay); }
#cc-home .cc-about__body {
  font-size: 15px;
  font-weight: 300;
  line-height: 1.85;
  color: var(--cc-charcoal);
  max-width: 100%;
}
#cc-home .cc-about__creds {
  border-top: 0.5px solid var(--cc-stone);
  padding-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#cc-home .cc-about__cred { display: flex; align-items: baseline; gap: 10px; }
#cc-home .cc-about__cred-label {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--cc-sage);
  min-width: 70px;
  flex-shrink: 0;
}
#cc-home .cc-about__cred-value {
  font-size: 15px;
  color: var(--cc-charcoal);
}
#cc-home .cc-about__link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--cc-charcoal) !important;
  margin-top: 4px;
  transition: gap 0.25s, color 0.2s;
  text-decoration: none !important;
}
#cc-home .cc-about__link:hover { gap: 16px; color: var(--cc-ink) !important; }
#cc-home .cc-about__link::after { content: '→'; }

/* ── TAPESTRY ── */
#cc-home .cc-tapestry {
  background: var(--cc-ink);
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 600px;
}
#cc-home .cc-tapestry__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(48px, 7vw, 96px) clamp(36px, 5vw, 72px);
  gap: 20px;
}
#cc-home .cc-tapestry__headline {
  font-family: var(--cc-serif);
  font-weight: 300;
  font-size: clamp(26px, 3vw, 42px);
  line-height: 1.1;
  color: var(--cc-warm-white);
  margin: 6px 0 0;
}
#cc-home .cc-tapestry__headline em { font-style: italic; color: var(--cc-clay); }
#cc-home .cc-tapestry__body {
  font-size: 15px;
  font-weight: 300;
  line-height: 1.85;
  color: rgba(247,244,239,0.6);
  max-width: 400px;
}
#cc-home .cc-tapestry__cta {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--cc-gold) !important;
  border-bottom: 0.5px solid rgba(200,169,110,0.4);
  padding-bottom: 3px;
  width: fit-content;
  transition: gap 0.25s, border-color 0.25s;
  text-decoration: none !important;
}
#cc-home .cc-tapestry__cta:hover { gap: 18px; border-color: var(--cc-gold); }
#cc-home .cc-tapestry__cta::after { content: '→'; }
#cc-home .cc-tapestry__img {
  position: relative;
  overflow: hidden;
}
#cc-home .cc-tapestry__img::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to right, var(--cc-ink) 0%, transparent 25%);
  z-index: 1;
  pointer-events: none;
}

/* ── JOURNAL ── */
#cc-home .cc-journal {
  padding: clamp(64px, 9vw, 112px) clamp(24px, 5vw, 72px);
}
#cc-home .cc-journal-grid {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  gap: 3px;
}
#cc-home .cc-jcard { overflow: hidden; background: var(--cc-parchment); cursor: pointer; }
#cc-home .cc-jcard__img { overflow: hidden; }
#cc-home .cc-jcard--primary .cc-jcard__img { aspect-ratio: 4 / 3; }
#cc-home .cc-jcard--secondary .cc-jcard__img { aspect-ratio: 16 / 9; }
#cc-home .cc-jcard__img img { transition: transform 0.7s var(--cc-ease-out); }
#cc-home .cc-jcard:hover .cc-jcard__img img { transform: scale(1.04); }
#cc-home .cc-jcard__body {
  padding: 22px 24px 26px;
  background: var(--cc-warm-white);
  border-top: 0.5px solid var(--cc-stone);
}
#cc-home .cc-jcard--primary .cc-jcard__body { padding: 26px 30px 32px; }
#cc-home .cc-jcard__category {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--cc-gold);
  margin-bottom: 8px;
}
#cc-home .cc-jcard__title {
  font-family: var(--cc-serif);
  font-weight: 300;
  font-size: 18px;
  line-height: 1.25;
  color: var(--cc-ink);
  margin-bottom: 8px;
  transition: color 0.2s;
}
#cc-home .cc-jcard--primary .cc-jcard__title { font-size: 23px; }
#cc-home .cc-jcard:hover .cc-jcard__title { color: var(--cc-clay); }
#cc-home .cc-jcard__excerpt {
  font-size: 14px;
  font-weight: 300;
  line-height: 1.75;
  color: var(--cc-charcoal);
}
#cc-home .cc-jstack { display: flex; flex-direction: column; gap: 3px; }
a.cc-jcard {
  display: block;
  text-decoration: none !important;
  color: inherit !important;
}
a.cc-jcard:hover .cc-jcard__title { color: var(--cc-clay) !important; }

/* ── EMAIL SIGNUP ── */
#cc-home .cc-signup {
  background: var(--cc-ink);
  display: grid;
  grid-template-columns: 1fr 1fr;
}
#cc-home .cc-signup__left {
  padding: clamp(52px, 8vw, 96px) clamp(36px, 5vw, 72px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 18px;
  border-right: 0.5px solid rgba(232,227,218,0.12);
}
#cc-home .cc-signup__headline {
  font-family: var(--cc-serif);
  font-style: italic;
  font-weight: 300;
  font-size: clamp(24px, 2.8vw, 36px);
  line-height: 1.15;
  color: var(--cc-warm-white);
  margin: 6px 0 0;
}
#cc-home .cc-signup__body {
  font-size: 15px;
  font-weight: 300;
  line-height: 1.8;
  color: rgba(247,244,239,0.85);
  max-width: 360px;
}
#cc-home .cc-signup__list {
  list-style: none;
  padding: 0; margin: 4px 0 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
#cc-home .cc-signup__list li {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  color: rgba(247,244,239,0.9);
}
#cc-home .cc-signup__list li::before {
  content: '';
  width: 20px; height: 0.5px;
  background: var(--cc-gold);
  flex-shrink: 0;
}
#cc-home .cc-signup__right {
  padding: clamp(52px, 8vw, 96px) clamp(36px, 5vw, 72px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 14px;
}
#cc-home .cc-form { display: flex; flex-direction: column; gap: 10px; }
#cc-home .cc-form input[type="text"],
#cc-home .cc-form input[type="email"] {
  width: 100%;
  background: rgba(247,244,239,0.06);
  border: 0.5px solid rgba(232,227,218,0.2) !important;
  color: var(--cc-warm-white) !important;
  font-family: var(--cc-sans);
  font-size: 13px;
  font-weight: 300;
  padding: 15px 18px 13px;
  outline: none;
  border-radius: 0 !important;
  box-shadow: none !important;
  transition: border-color 0.25s, background 0.25s;
}
#cc-home .cc-form input::placeholder { color: rgba(247,244,239,0.3); }
#cc-home .cc-form input:focus {
  border-color: var(--cc-gold) !important;
  background: rgba(247,244,239,0.09);
  box-shadow: none !important;
}
#cc-home .cc-form button,
#cc-home .cc-form input[type="submit"] {
  width: 100%;
  font-family: var(--cc-sans);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--cc-ink) !important;
  background: var(--cc-gold) !important;
  border: none !important;
  padding: 16px 24px;
  cursor: pointer;
  border-radius: 0 !important;
  margin-top: 4px;
  transition: background 0.25s ease, transform 0.2s ease;
}
#cc-home .cc-form button:hover,
#cc-home .cc-form input[type="submit"]:hover {
  background: #d4b87a !important;
  transform: translateY(-1px);
}
#cc-home .cc-form__note {
  font-size: 12px;
  font-weight: 300;
  color: rgba(247,244,239,0.3);
  line-height: 1.6;
}

/* ── SCROLL PROGRESS BAR ── */
#cc-progress-bar {
  position: fixed;
  top: 0; left: 0;
  height: 1.5px;
  background: var(--cc-gold);
  z-index: 9999;
  width: 0%;
  pointer-events: none;
  transition: width 0.08s linear;
}

/* ══════════════════════════════════════════════
   RESPONSIVE — TABLET (max 1024px)
══════════════════════════════════════════════ */
@media (max-width: 1024px) {
  #cc-home .cc-hero { grid-template-columns: 1fr; min-height: auto; }
  #cc-home .cc-hero__left { padding: 56px 40px; min-height: 75vh; }
  #cc-home .cc-hero__right { min-height: 50vw; }

  #cc-home .cc-trust { grid-template-columns: repeat(2, 1fr); }
  #cc-home .cc-trust__item:nth-child(2) { border-right: none; }
  #cc-home .cc-trust__item:nth-child(3) { border-top: 0.5px solid var(--cc-stone); }
  #cc-home .cc-trust__item:nth-child(4) { border-top: 0.5px solid var(--cc-stone); border-right: none; }

  #cc-home .cc-pattern-grid { grid-template-columns: 1fr 1fr; grid-template-rows: auto; }
  #cc-home .cc-card--hero { grid-row: span 1; grid-column: span 2; }
  #cc-home .cc-card--hero .cc-card__img { aspect-ratio: 16 / 9; height: auto; flex: unset; }

  #cc-home .cc-about { grid-template-columns: 1fr; }
  #cc-home .cc-about__img { min-height: 420px; }

  #cc-home .cc-tapestry { grid-template-columns: 1fr; }
  #cc-home .cc-tapestry__img { min-height: 360px; order: -1; }

  #cc-home .cc-journal-grid { grid-template-columns: 1fr; }

  #cc-home .cc-signup { grid-template-columns: 1fr; }
  #cc-home .cc-signup__left { border-right: none; border-bottom: 0.5px solid rgba(232,227,218,0.12); }
}

/* ══════════════════════════════════════════════
   RESPONSIVE — MOBILE (max 680px)
══════════════════════════════════════════════ */
@media (max-width: 680px) {
  #cc-home .cc-announcement { font-size: 10px; padding: 9px 16px; }
  #cc-home .cc-hero__left { padding: 40px 24px; min-height: auto; }
  #cc-home .cc-hero__right { min-height: 70vw; }
  #cc-home .cc-hero__actions { flex-direction: column; align-items: flex-start; gap: 16px; }
  #cc-home .cc-collection,
  #cc-home .cc-journal,
  #cc-home .cc-about__content,
  #cc-home .cc-tapestry__content,
  #cc-home .cc-signup__left,
  #cc-home .cc-signup__right { padding: 40px 24px; }
  #cc-home .cc-section-header { flex-direction: column; align-items: flex-start; }
  #cc-home .cc-pattern-grid { grid-template-columns: 1fr; }
  #cc-home .cc-card--hero { grid-column: span 1; }
  #cc-home .cc-bundles { flex-direction: column; align-items: flex-start; gap: 16px; padding: 28px 24px; }
  #cc-home .cc-bundles__cta { width: 100%; text-align: center; }
  #cc-home .cc-about__img { min-height: 320px; }
  #cc-home .cc-tapestry__img { min-height: 280px; }
}

/* ── CC GLOBAL: Footer ── */
.site-footer {
  background: var(--cc-warm-white) !important;
  border-top: 0.5px solid var(--cc-stone);
  color: var(--cc-charcoal);
}
.footer-widgets {
  padding: 64px clamp(24px, 5vw, 72px) 48px !important;
  border-bottom: 0.5px solid var(--cc-stone);
}
.widget-title {
  font-family: var(--cc-sans) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.25em !important;
  text-transform: uppercase !important;
  color: var(--cc-gold) !important;
  margin-bottom: 18px !important;
  border-bottom: none !important;
}
.footer-widgets ul { list-style: none !important; padding: 0 !important; }
.footer-widgets ul li { margin-bottom: 10px !important; }
.footer-widgets ul li a {
  font-size: 14px !important;
  font-weight: 300 !important;
  color: var(--cc-charcoal) !important;
  text-decoration: none !important;
  transition: color 0.2s;
}
.footer-widgets ul li a:hover { color: var(--cc-clay) !important; }
.copyright-bar {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 18px clamp(24px, 5vw, 72px) !important;
  font-size: 12px !important;
  font-weight: 300 !important;
  color: var(--cc-sage) !important;
}

/* ── CC GLOBAL: Footer brand column ── */
.cc-footer-wordmark {
  font-family: var(--cc-serif) !important;
  font-style: italic !important;
  font-size: 24px !important;
  color: var(--cc-ink) !important;
  margin-bottom: 12px !important;
}
.cc-footer-strapline {
  font-size: 14px !important;
  font-weight: 300 !important;
  line-height: 1.75 !important;
  color: var(--cc-charcoal) !important;
  max-width: 220px !important;
  margin-bottom: 16px !important;
}
.cc-footer-socials {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}
.cc-footer-socials a {
  font-size: 13px !important;
  color: var(--cc-sage) !important;
  text-decoration: none !important;
  transition: color 0.2s;
}
.cc-footer-socials a:hover { color: var(--cc-clay) !important; }

/* ── CC: Hide legacy GenerateBlocks blocks ── */
.gb-grid-wrapper-58c4b958 { display: none !important; }
.gb-container-e4bc7182 { display: none !important; }

/* ── CC: Custom copyright bar ── */
.site-footer::after {
  content: '© 2026 Catherine Crochets · Designed to be made. Made to be kept.';
  display: block;
  text-align: left;
  padding: 18px clamp(24px, 5vw, 72px);
  font-family: var(--cc-sans);
  font-size: 12px;
  font-weight: 300;
  color: var(--cc-sage);
  border-top: 0.5px solid var(--cc-stone);
}

/* ── CC: AWeber form override ── */
.af-form-wrapper,
.af-form,
.af-body,
.af-element,
.af-footer {
  background: none !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
  width: 100% !important;
}
.af-form label {
  font-family: var(--cc-sans) !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  letter-spacing: 0.1em !important;
  color: rgba(247,244,239,0.85) !important;
  display: block !important;
  margin-bottom: 4px !important;
}
.af-form input[type="text"],
.af-form input[type="email"] {
  width: 100% !important;
  background: rgba(247,244,239,0.06) !important;
  border: 0.5px solid rgba(232,227,218,0.2) !important;
  color: var(--cc-warm-white) !important;
  font-family: var(--cc-sans) !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  padding: 15px 18px 13px !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin-bottom: 10px !important;
  transition: border-color 0.25s !important;
}
.af-form input[type="text"]:focus,
.af-form input[type="email"]:focus {
  border-color: var(--cc-gold) !important;
  background: rgba(247,244,239,0.09) !important;
  outline: none !important;
}
.af-form input[type="submit"],
.af-form .af-submit-button {
  width: 100% !important;
  font-family: var(--cc-sans) !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: var(--cc-ink) !important;
  background: var(--cc-gold) !important;
  border: none !important;
  padding: 16px 24px !important;
  cursor: pointer !important;
  border-radius: 0 !important;
  margin-top: 4px !important;
  transition: background 0.25s ease !important;
}
.af-form input[type="submit"]:hover { background: #d4b87a !important; }
.af-form .af-footer,
.af-form .af-privacy-link,
.af-form p.af-privacy-notice,
.af-form .af-powered-by { display: none !important; }

/* ── CC: New Home page-specific rules ── */
.page-id-17416 .gb-container-26d186d4 { display: none !important; }

.page-id-17416 .page-header,
.page-id-17416 .entry-header,
.page-id-17416 .entry-title,
.page-id-17416 .post-image,
.page-id-17416 .featured-image,
.page-id-17416 .wp-post-image { display: none !important; }


/* ── CC: AWeber form font size fixes ── */
.af-form label {
  font-size: 13px !important;
  color: rgba(247,244,239,0.85) !important;
  margin-bottom: 8px !important;
}

.af-form input[type="text"],
.af-form input[type="email"] {
  font-size: 15px !important;
}

.af-form input[type="submit"] {
  font-size: 12px !important;
  letter-spacing: 0.25em !important;
}

/* ── CC: AWeber privacy link — visible but styled ── */
.af-form .af-footer,
.af-form p.af-privacy-notice {
  display: block !important;
  text-align: center !important;
  margin-top: 10px !important;
}
.af-form .af-privacy-link,
.af-form .af-footer a {
  font-family: var(--cc-sans) !important;
  font-size: 11px !important;
  color: rgba(247,244,239,0.4) !important;
  text-decoration: underline !important;
}
.af-form .af-powered-by {
  display: none !important;
}

/* Fix note text size */
#cc-home .cc-form__note {
  font-size: 14px !important;
  color: rgba(247,244,239,0.5) !important;
}

/* ── CC HOME: Go-live — remove GP padding and title ── */
.home .page-header,
.home .entry-header,
.home .entry-title {
  display: none !important;
}
.home .entry-content {
  margin: 0 !important;
  padding: 0 !important;
  max-width: 100% !important;
}
.home .site-main,
.home article,
.home .entry {
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}
.home .grid-container {
  max-width: 100% !important;
  padding: 0 !important;
}
.home .gb-container-26d186d4 {
  display: none !important;
}

/* ── CC: Logo position and size ── */
.site-branding {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ── CC: Popup Maker basic styling ── */
.pum-close {
  color: var(--cc-warm-white) !important;
  background: rgba(247,244,239,0.15) !important;
  border: 0.5px solid rgba(247,244,239,0.3) !important;
  font-size: 16px !important;
  padding: 4px 10px !important;
}

/* ── CC: Popup container background ── */
.pum-content {
  background-color: #1A1814 !important;
}

.pum-content .af-header {
  background: #1A1814 !important;
  border-bottom: none !important;
}

.pum-content .af-header h1,
.pum-content .af-header h2,
.pum-content .af-header h3,
.pum-content .af-header p {
  color: #F7F4EF !important;
}

/* ── CC: AWeber inline form on light background (blog pages) ── */
.widget .af-form label,
.entry-content .af-form label {
  color: var(--cc-charcoal) !important;
}

.widget .af-form input[type="text"],
.widget .af-form input[type="email"],
.entry-content .af-form input[type="text"],
.entry-content .af-form input[type="email"] {
  background: var(--cc-warm-white) !important;
  border: 0.5px solid var(--cc-stone) !important;
  color: var(--cc-charcoal) !important;
}

.widget .af-form input[type="text"]::placeholder,
.widget .af-form input[type="email"]::placeholder,
.entry-content .af-form input[type="text"]::placeholder,
.entry-content .af-form input[type="email"]::placeholder {
  color: var(--cc-sage) !important;
}

/* ════════════════════════════════════════════════
   CC BLOG — journal & post pages
════════════════════════════════════════════════ */

/* ── Hide GenerateBlocks page header banner ── */
.blog .gb-container-26d186d4,
.single .gb-container-26d186d4,
.archive .gb-container-26d186d4,
.category .gb-container-26d186d4 { display: none !important; }

/* ── Blog index page header ── */
.blog .page-header,
.archive .page-header {
  background: var(--cc-parchment) !important;
  padding: 48px clamp(24px, 5vw, 80px) !important;
  border-bottom: 0.5px solid var(--cc-stone) !important;
}
.blog .page-header .page-title,
.archive .page-header .page-title {
  font-family: var(--cc-serif) !important;
  font-style: italic !important;
  font-weight: 300 !important;
  font-size: clamp(28px, 3vw, 42px) !important;
  color: var(--cc-ink) !important;
  letter-spacing: -0.01em !important;
}

/* ── Single post header ── */
.single .page-header,
.single .generate-page-header {
  background: var(--cc-ink) !important;
  padding: 64px clamp(24px, 5vw, 80px) !important;
  text-align: center !important;
}
.single .page-header .page-title,
.single .page-header h1 {
  font-family: var(--cc-serif) !important;
  font-style: italic !important;
  font-weight: 300 !important;
  font-size: clamp(26px, 3vw, 44px) !important;
  color: var(--cc-warm-white) !important;
  letter-spacing: -0.01em !important;
  line-height: 1.15 !important;
}
.single .page-header .entry-date,
.single .page-header .posted-on {
  font-family: var(--cc-sans) !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  color: var(--cc-sage) !important;
  margin-top: 12px !important;
}

/* ── Post content area ── */
.single .entry-content,
.single .entry-content p {
  font-family: var(--cc-sans) !important;
  font-size: 16px !important;
  font-weight: 300 !important;
  line-height: 1.85 !important;
  color: var(--cc-charcoal) !important;
}

.single .entry-content h2 {
  font-family: var(--cc-serif) !important;
  font-weight: 300 !important;
  font-size: clamp(22px, 2.5vw, 30px) !important;
  color: var(--cc-ink) !important;
  margin: 40px 0 16px !important;
  line-height: 1.2 !important;
}

.single .entry-content h3 {
  font-family: var(--cc-serif) !important;
  font-style: italic !important;
  font-weight: 300 !important;
  font-size: clamp(18px, 2vw, 24px) !important;
  color: var(--cc-clay) !important;
  margin: 32px 0 12px !important;
}

.single .entry-content a {
  color: var(--cc-clay) !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}
.single .entry-content a:hover { color: var(--cc-ink) !important; }

.single .entry-content ul,
.single .entry-content ol {
  font-family: var(--cc-sans) !important;
  font-size: 16px !important;
  font-weight: 300 !important;
  line-height: 1.85 !important;
  color: var(--cc-charcoal) !important;
  padding-left: 24px !important;
  margin: 16px 0 !important;
}

.single .entry-content strong,
.single .entry-content b {
  font-weight: 500 !important;
  color: var(--cc-ink) !important;
}

/* ── Post title ── */
.single .entry-title {
  font-family: var(--cc-serif) !important;
  font-style: italic !important;
  font-weight: 300 !important;
  font-size: clamp(26px, 3vw, 40px) !important;
  color: var(--cc-ink) !important;
  line-height: 1.15 !important;
  margin-bottom: 8px !important;
}

/* ── Post meta ── */
.single .entry-meta,
.single .posted-on,
.single .byline,
.single .cat-links {
  font-family: var(--cc-sans) !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--cc-sage) !important;
}
.single .entry-meta a { color: var(--cc-sage) !important; }

/* ── Blog index post cards ── */
.blog .entry-title a,
.archive .entry-title a {
  font-family: var(--cc-serif) !important;
  font-weight: 300 !important;
  font-size: clamp(18px, 2vw, 24px) !important;
  color: var(--cc-ink) !important;
  text-decoration: none !important;
  line-height: 1.2 !important;
  transition: color 0.2s !important;
}
.blog .entry-title a:hover,
.archive .entry-title a:hover { color: var(--cc-clay) !important; }

.blog .entry-summary,
.archive .entry-summary {
  font-family: var(--cc-sans) !important;
  font-size: 15px !important;
  font-weight: 300 !important;
  line-height: 1.8 !important;
  color: var(--cc-charcoal) !important;
}

.blog .entry-meta,
.archive .entry-meta {
  font-size: 11px !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  color: var(--cc-sage) !important;
}

/* Read more link */
.blog .more-link,
.archive .more-link {
  font-family: var(--cc-sans) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  color: var(--cc-gold) !important;
  text-decoration: none !important;
  border-bottom: 0.5px solid var(--cc-gold) !important;
  padding-bottom: 1px !important;
}

/* ── Sidebar ── */
.widget-area .widget-title {
  font-family: var(--cc-sans) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.25em !important;
  text-transform: uppercase !important;
  color: var(--cc-gold) !important;
  margin-bottom: 16px !important;
  border-bottom: none !important;
}

.widget-area .widget { margin-bottom: 40px !important; }

.widget_recent_entries ul { list-style: none !important; padding: 0 !important; }
.widget_recent_entries ul li {
  border-bottom: 0.5px solid var(--cc-stone) !important;
  padding: 10px 0 !important;
}
.widget_recent_entries ul li a {
  font-family: var(--cc-sans) !important;
  font-size: 14px !important;
  font-weight: 300 !important;
  color: var(--cc-charcoal) !important;
  text-decoration: none !important;
  line-height: 1.5 !important;
  transition: color 0.2s !important;
}
.widget_recent_entries ul li a:hover { color: var(--cc-clay) !important; }

.widget_search .search-field {
  font-family: var(--cc-sans) !important;
  font-size: 14px !important;
  font-weight: 300 !important;
  border: 0.5px solid var(--cc-stone) !important;
  border-radius: 0 !important;
  padding: 10px 14px !important;
  color: var(--cc-charcoal) !important;
  background: var(--cc-warm-white) !important;
  width: 100% !important;
}
.widget_search .search-submit {
  background: var(--cc-ink) !important;
  color: var(--cc-warm-white) !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 10px 16px !important;
  font-family: var(--cc-sans) !important;
  font-size: 11px !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  transition: background 0.2s !important;
}
.widget_search .search-submit:hover { background: var(--cc-charcoal) !important; }

/* ── Post navigation ── */
.post-navigation {
  border-top: 0.5px solid var(--cc-stone) !important;
  padding-top: 32px !important;
  margin-top: 48px !important;
}
.post-navigation .nav-link a {
  font-family: var(--cc-sans) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  color: var(--cc-charcoal) !important;
  text-decoration: none !important;
  transition: color 0.2s !important;
}
.post-navigation .nav-link a:hover { color: var(--cc-gold) !important; }

/* ── Comments ── */
.comments-area {
  border-top: 0.5px solid var(--cc-stone) !important;
  margin-top: 48px !important;
  padding-top: 40px !important;
}
.comments-title {
  font-family: var(--cc-serif) !important;
  font-weight: 300 !important;
  font-size: 24px !important;
  color: var(--cc-ink) !important;
  margin-bottom: 24px !important;
}
.comment-reply-title {
  font-family: var(--cc-serif) !important;
  font-style: italic !important;
  font-weight: 300 !important;
  font-size: 20px !important;
  color: var(--cc-ink) !important;
}
.comment-form-comment textarea,
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
  font-family: var(--cc-sans) !important;
  font-size: 15px !important;
  font-weight: 300 !important;
  border: 0.5px solid var(--cc-stone) !important;
  border-radius: 0 !important;
  padding: 12px 16px !important;
  color: var(--cc-charcoal) !important;
  background: var(--cc-warm-white) !important;
  width: 100% !important;
}
.comment-form input[type="submit"] {
  font-family: var(--cc-sans) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: var(--cc-warm-white) !important;
  background: var(--cc-ink) !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 14px 28px !important;
  cursor: pointer !important;
  transition: background 0.2s !important;
}
.comment-form input[type="submit"]:hover { background: var(--cc-charcoal) !important; }

/* ── Hide Uncategorized ── */
.cat-links a[href*="uncategorized"] { display: none !important; }

/* ── Blog index image hover ── */
.blog .post-image img,
.archive .post-image img {
  transition: transform 0.5s var(--cc-ease-out) !important;
}
.blog article:hover .post-image img,
.archive article:hover .post-image img { transform: scale(1.03) !important; }

/* ── CC: Blog index stronger selectors ── */
.blog h2.entry-title a,
.blog .entry-title a {
  font-family: var(--cc-serif) !important;
  font-weight: 300 !important;
  font-size: 22px !important;
  color: var(--cc-ink) !important;
  text-decoration: none !important;
}
.blog h2.entry-title a:hover { color: var(--cc-clay) !important; }

.blog .entry-summary p,
.blog .entry-content p {
  font-family: var(--cc-sans) !important;
  font-size: 15px !important;
  font-weight: 300 !important;
  line-height: 1.8 !important;
  color: var(--cc-charcoal) !important;
}

.blog .entry-footer,
.blog .entry-meta {
  font-size: 11px !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  color: var(--cc-sage) !important;
}

.blog a.more-link {
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  color: var(--cc-gold) !important;
  text-decoration: none !important;
  border-bottom: 0.5px solid var(--cc-gold) !important;
}

/* ── CC: Hide GenerateBlocks banner on blog index ── */
.gb-container-ff376ff8 {
  display: none !important;
}

/* Remove content container border on About page */
.page-id-961 .entry-content {
  padding: 0 !important;
}

.page-id-961 #page,
.page-id-961 .site-main,
.page-id-961 article {
  background: transparent !important;
}

/* Remove top padding on About page */
.page-id-961 .entry-content,
.page-id-961 .inside-article {
  padding: 0 !important;
  margin: 0 !important;
}

/* Standardise all eyebrow/label sizes on About page */
.cc-about-hero__eyebrow,
.cc-about-section-label,
.cc-about-credentials__label,
.cc-about-teaching__pillar-title,
.cc-about-professional__card-label,
.cc-about-cta__label,
.cc-about-personal .cc-about-section-label {
  font-size: 11px !important;
  letter-spacing: 0.18em !important;
}

/* Signup section text contrast fix */
#cc-home .cc-signup__left,
#cc-home .cc-signup__left p,
#cc-home .cc-signup__left li,
#cc-home .cc-signup__body {
  color: rgba(247,244,239,0.85) !important;
}

#cc-home .cc-signup__list li {
  color: rgba(247,244,239,0.88) !important;
}

/* AWeber text inside signup right panel */
#cc-home .cc-signup__right .af-form .af-footer,
#cc-home .cc-signup__right p {
  color: rgba(247,244,239,0.6) !important;
}

/* Override AWeber inline label colour in signup section */
#af-form-1352882336 .af-body label.previewLabel,
#af-form-1352882336 label,
#af-form-1352882336 .af-body label {
  color: rgba(247,244,239,0.85) !important;
  font-family: var(--cc-sans) !important;
  font-size: 12px !important;
  font-weight: 300 !important;
  letter-spacing: 0.08em !important;
}

/* ── CC GLOBAL: Eyebrow/label size — all pages ── */
.cc-eyebrow,
.cc-about-hero__eyebrow,
.cc-about-section-label,
.cc-about-credentials__label,
.cc-about-teaching__pillar-title,
.cc-about-professional__card-label,
.cc-about-cta__label,
.cc-join__eyebrow,
.cc-join__section-label,
.cc-join__label {
  font-size: 11px !important;
  letter-spacing: 0.18em !important;
}

/* Join page cleanup */
.page-id-5116 .entry-header,
.page-id-5116 .entry-title,
.page-id-5116 .inside-article {
  display: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.page-id-5116 .entry-content {
  padding: 0 !important;
  margin: 0 !important;
}

/* Tutorials page cleanup */
.page-id-616 .entry-content,
.page-id-616 .inside-article {
  padding: 0 !important;
  margin: 0 !important;
}

/* Tutorials page title hide */
.page-id-616 .entry-header,
.page-id-616 .entry-title {
  display: none !important;
}

/* Tutorials hero resource links */
.cc-tut-hero__resources .cc-tut-link {
  color: var(--cc-warm-white, #F7F4EF) !important;
  border-bottom-color: rgba(247,244,239,0.3) !important;
}

.cc-tut-hero__resources .cc-tut-link:hover {
  border-bottom-color: var(--cc-warm-white, #F7F4EF) !important;
}

.cc-tut-hero__resources .cc-tut-link::after {
  color: var(--cc-warm-white, #F7F4EF) !important;
}

/* Tutorials page padding reset */
.page-id-616 .entry-content,
.page-id-616 .inside-article {
  padding: 0 !important;
  margin: 0 !important;
}

/* Tutorials page full width */
.page-id-616 .site-content,
.page-id-616 #content {
  padding: 0 !important;
  margin: 0 !important;
}

.page-id-616 .site-grid-container,
.page-id-616 #page {
  padding: 0 !important;
  max-width: 100% !important;
}

/* Blanket Resource Hub */
.postid-16590 .site-content,
.postid-16590 #content {
  padding-top: 0 !important;
}

/* Hide inline title on Resource Hub */
.postid-16590 .entry-content h1.wp-block-heading:first-child {
  display: none !important;
}

/* Resource Hub hero subtitle contrast */
.postid-16590 .entry-content > div p:last-child {
  color: rgba(247,244,239,0.88) !important;
}

/* Tapestry Crochet page */
.page-id-6529 .entry-content,
.page-id-6529 .inside-article {
  padding: 0 !important;
  margin: 0 !important;
}

.page-id-6529 .site-content,
.page-id-6529 #content {
  padding-top: 0 !important;
}

.page-id-6529 .entry-title {
  display: none !important;
}

/* ══════════════════════════════════════════════
   TAPESTRY CROCHET PAGE — Full brand treatment
   page-id-6529
══════════════════════════════════════════════ */

/* Remove sidebar — full width content */
.page-id-6529 .content-area {
  width: 100% !important;
  max-width: 100% !important;
}

.page-id-6529 .widget-area {
  display: none !important;
}

.page-id-6529 .site-main {
  max-width: 100% !important;
}

/* Content container */
.page-id-6529 .entry-content {
  max-width: 860px !important;
  margin: 0 auto !important;
  padding: clamp(48px, 6vw, 80px) clamp(24px, 5vw, 40px) !important;
}

/* Hide duplicate H1 in content */
.page-id-6529 .entry-content h1:first-child,
.page-id-6529 .entry-content .wp-block-heading:first-child {
  display: none !important;
}

/* Section headings — Cormorant italic */
.page-id-6529 .entry-content h2,
.page-id-6529 .entry-content h2.wp-block-heading {
  font-family: var(--cc-serif) !important;
  font-style: italic !important;
  font-weight: 300 !important;
  font-size: clamp(24px, 3vw, 36px) !important;
  color: var(--cc-ink) !important;
  line-height: 1.2 !important;
  margin-top: 56px !important;
  margin-bottom: 20px !important;
  border-top: 1px solid var(--cc-stone) !important;
  padding-top: 48px !important;
}

/* H3 subheadings */
.page-id-6529 .entry-content h3,
.page-id-6529 .entry-content h3.wp-block-heading {
  font-family: var(--cc-sans) !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 11px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: var(--cc-gold) !important;
  margin-top: 32px !important;
  margin-bottom: 12px !important;
}

/* Body text */
.page-id-6529 .entry-content p {
  font-family: var(--cc-sans) !important;
  font-size: 16px !important;
  font-weight: 300 !important;
  line-height: 1.85 !important;
  color: var(--cc-charcoal) !important;
  margin-bottom: 16px !important;
}

/* Bold links — gold */
.page-id-6529 .entry-content a {
  color: var(--cc-clay) !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  font-weight: 400 !important;
  transition: color 0.2s !important;
}

.page-id-6529 .entry-content a:hover {
  color: var(--cc-ink) !important;
}

/* Strong bold links — gold treatment */
.page-id-6529 .entry-content strong a,
.page-id-6529 .entry-content a strong {
  color: var(--cc-gold) !important;
  font-weight: 400 !important;
  text-decoration: none !important;
  border-bottom: 0.5px solid rgba(200,169,110,0.4) !important;
  padding-bottom: 1px !important;
}

.page-id-6529 .entry-content strong a:hover,
.page-id-6529 .entry-content a strong:hover {
  border-bottom-color: var(--cc-gold) !important;
}

/* Lists */
.page-id-6529 .entry-content ul,
.page-id-6529 .entry-content ol {
  font-family: var(--cc-sans) !important;
  font-size: 15px !important;
  font-weight: 300 !important;
  line-height: 1.85 !important;
  color: var(--cc-charcoal) !important;
  padding-left: 0 !important;
  list-style: none !important;
  margin: 16px 0 24px !important;
}

.page-id-6529 .entry-content ul li,
.page-id-6529 .entry-content ol li {
  padding-left: 28px !important;
  position: relative !important;
  margin-bottom: 8px !important;
}

.page-id-6529 .entry-content ul li::before {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  top: 12px !important;
  width: 16px !important;
  height: 1px !important;
  background: var(--cc-gold) !important;
}

/* Images — consistent sizing and spacing */
.page-id-6529 .entry-content img,
.page-id-6529 .entry-content figure img {
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
  margin: 32px auto !important;
}

.page-id-6529 .entry-content figure {
  margin: 32px 0 !important;
}

/* Horizontal rules — gold accent */
.page-id-6529 .entry-content hr,
.page-id-6529 .entry-content .wp-block-separator {
  border: none !important;
  border-top: 1px solid var(--cc-stone) !important;
  margin: 0 !important;
}

/* FAQ H3 questions */
.page-id-6529 .entry-content h3.wp-block-heading {
  font-family: var(--cc-serif) !important;
  font-style: italic !important;
  font-weight: 300 !important;
  font-size: clamp(18px, 2vw, 22px) !important;
  color: var(--cc-ink) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  margin-top: 32px !important;
}

/* About Catherine strip at bottom */
.page-id-6529 .entry-content img[alt*="catherine"] {
  border-radius: 0 !important;
  max-width: 280px !important;
  margin: 24px 0 !important;
}

/* Hide share/like buttons */
.page-id-6529 .sharedaddy,
.page-id-6529 .sd-sharing,
.page-id-6529 .jp-relatedposts {
  display: none !important;
}

/* Tapestry page — remove all padding */
.page-id-6529 .entry-content,
.page-id-6529 .inside-article,
.page-id-6529 .site-content,
.page-id-6529 #content {
  padding: 0 !important;
  margin: 0 !important;
  max-width: 100% !important;
}
/* Tapestry page dark section text contrast fix */
.page-id-6529 .cc-tap-dark p,
.page-id-6529 .cc-tap-dark .cc-tap-body,
.page-id-6529 .cc-tap-dark .cc-tap-body p,
.page-id-6529 .cc-tap-about__body,
.page-id-6529 .cc-tap-hero__body {
  color: rgba(247,244,239,0.88) !important;
}

.page-id-6529 .cc-tap-list li {
  color: rgba(247,244,239,0.88) !important;
}

/* Tapestry hero body text — force contrast */
.page-id-6529 .cc-tap-hero__content .cc-tap-hero__body,
.page-id-6529 .cc-tap-hero__content p.cc-tap-hero__body {
  color: rgba(247,244,239,0.88) !important;
  font-size: 15px !important;
}

/* Tapestry page list item text fix */
.page-id-6529 .cc-tap-list li {
  color: #3A3632 !important;
}

/* Tapestry page button text fix */
.page-id-6529 .cc-tap-btn,
.page-id-6529 .cc-tap-btn:visited {
  color: var(--cc-ink, #1A1814) !important;
  text-decoration: none !important;
}
/* Tapestry about section text contrast */
.page-id-6529 .cc-tap-about__body,
.page-id-6529 .cc-tap-about__content p {
  color: rgba(247,244,239,0.88) !important;
}

.page-id-6529 .cc-tap-about__heading {
  color: var(--cc-warm-white, #F7F4EF) !important;
}

.page-id-6529 .cc-tap-about__sig {
  color: var(--cc-warm-white, #F7F4EF) !important;
}

/* Tapestry about heading fix */
.page-id-6529 .cc-tap-about__heading {
  color: var(--cc-warm-white, #F7F4EF) !important;
}

/* Tapestry about heading — force white */
.page-id-6529 .cc-tap-about .cc-tap-about__content h2.cc-tap-about__heading {
  color: #F7F4EF !important;
}

/* Tutorials page — cap section content width on wide screens */
.page-id-616 .cc-tut-hero__content {
  max-width: 600px !important;
}

.page-id-616 .cc-tut-hero {
  max-width: 1600px !important;
  margin: 0 auto !important;
}

.page-id-616 .cc-tut-split,
.page-id-616 .cc-tut-dark,
.page-id-616 .cc-tut-library,
.page-id-616 .cc-tut-written,
.page-id-616 .cc-tut-signup,
.page-id-616 .cc-tut-about {
  max-width: 1600px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* GeneratePress Site CSS */ /* adds a white border around the entire site on tablet and desktop */

@media (min-width: 769px) {
	body {
		padding: 30px;
	}
	
	.site-footer {
		margin-top: 30px;
	}
}

/* image block drop shadow */

.photo-shadow img {
	box-shadow: 10px 10px 0px rgba(237,235,235,0.8);
}

/* mailchimp form alignment */

.mc4wp-form-fields  {
	text-align: center;
}

/* mailchimp form name and email fields style */

.mc4wp-form input[type=text], .mc4wp-form input[type=email] {
	line-height: 40px;
	font-size: 17px;
	width: 280px;
	border: none;
	border-radius: 2px;
}

/* mailchimp form submit button style */

.mc4wp-form input[type=submit] {
	color: #6b5a5b;
	background-color: rgba(237,235,235,1.0);	
	letter-spacing: 1px;
	font-size: 17px;
	text-transform: uppercase;
	line-height: 40px;
	border: none;
	border-radius: 2px;
	transition: all 0.5s ease 0s;
}

/* ── CC: Hide social sharing, likes and comments sitewide ── */
.sharedaddy,
.sd-sharing,
.sd-social-shares,
.jp-relatedposts,
.post-shares,
.entry-footer .cat-links,
.entry-footer .tags-links,
#respond,
.comments-area,
.comment-respond {
  display: none !important;
}

/* Hide entry footer category icon and post navigation */
.entry-footer,
.post-navigation {
  display: none !important;
}
/* Hide category icon and entry meta footer */
footer.entry-meta,
.entry-meta .cat-links,
.gp-icon-icon-categories {
  display: none !important;
}

/* mailchimp form submit button hover style */

.mc4wp-form input[type=submit]:hover {
	color: #6b5a5b;
	background-color: rgba(237,235,235,0.9);		
}

/* mailchimp form fields and button full width on mobile devices */

@media (max-width: 768px) {
	.mc4wp-form input[type=text],
	.mc4wp-form input[type=email],
	.mc4wp-form input[type=submit] {
		width: 100%;
		margin: 2px;
	}
}

/* product additional information tabs font styling */

.woocommerce table.shop_attributes th {
	font-size: 16px;
}

.woocommerce table.shop_attributes td p {
	padding: 8px 16px;
	font-size: 16px;
} /* End GeneratePress Site CSS */