/* =======================================================
   0. GUTENBERG EDITOR CANVAS BACKGROUND FIX
======================================================= */

/* Force Editor Canvas background to Anchor Porcelain (#FAF8F4) instead of WP Admin Gray */
.editor-styles-wrapper,
.block-editor-writing-flow,
.editor-styles-wrapper .is-root-container,
.block-editor-block-canvas {
    background-color: var(--anchor-porcelain, #faf8f4) !important;
    color: var(--anchor-charcoal, #1d1e20);
}

/* Theme Palette Editor Canvas Overrides */
.editor-styles-wrapper.anchor-theme-charcoal,
body.anchor-theme-charcoal .editor-styles-wrapper {
    background-color: #1d1e20 !important;
    color: #faf8f4 !important;
}

.editor-styles-wrapper.anchor-theme-bone,
body.anchor-theme-bone .editor-styles-wrapper {
    background-color: #f1ece4 !important;
    color: #1d1e20 !important;
}

.editor-styles-wrapper.anchor-theme-moss,
body.anchor-theme-moss .editor-styles-wrapper {
    background-color: #6c746f !important;
    color: #faf8f4 !important;
}

.editor-styles-wrapper.anchor-theme-forest,
body.anchor-theme-forest .editor-styles-wrapper {
    background-color: #3f4b43 !important;
    color: #faf8f4 !important;
}

.editor-styles-wrapper.anchor-theme-oxblood,
body.anchor-theme-oxblood .editor-styles-wrapper {
    background-color: #5b3135 !important;
    color: #faf8f4 !important;
}

.editor-styles-wrapper.anchor-theme-bronze,
body.anchor-theme-bronze .editor-styles-wrapper {
    background-color: #a27b48 !important;
    color: #faf8f4 !important;
}

/* =======================================================
   1. VARIABLES & THEME PRESETS
======================================================= */
:root {
  /* Colors */
  --anchor-porcelain: #faf8f4;
  --anchor-bone: #f1ece4;
  --anchor-smoke: #d8d8d4;
  --anchor-flax: #cdbe9d;
  --anchor-bronze: #a27b48;
  --anchor-umber: #6b5646;
  --anchor-moss: #6c746f;
  --anchor-forest: #3f4b43;
  --anchor-slate: #7b858d;
  --anchor-oxblood: #5b3135;
  --anchor-charcoal: #1d1e20;

  /* Typography */
  --anchor-font-serif: "Cormorant Garamond", "Times New Roman", serif;
  --anchor-font-sans: "Inter", system-ui, -apple-system, sans-serif;
  --anchor-font-mono: "JetBrains Mono", monospace;

  /* Radii */
  --anchor-radius-sm: 0.15rem;
  --anchor-radius: 0.25rem;
  --anchor-radius-lg: 0.5rem;

  /* Shadows */
  --anchor-shadow-small: 0 4px 12px rgba(29, 30, 32, 0.08);
  --anchor-shadow-large: 0 40px 80px -40px rgba(29, 30, 32, 0.35);
  --anchor-shadow-lift: 0 40px 60px -30px rgba(29, 30, 32, 0.35), 0 12px 20px -12px rgba(29, 30, 32, 0.2);

  /* Transitions & Borders */
  --anchor-transition: 300ms cubic-bezier(0.2, 0.7, 0.2, 1);
  --anchor-transition-slow: 900ms cubic-bezier(0.2, 0.7, 0.2, 1);
  --anchor-border: 1px solid rgba(29, 30, 32, 0.12);
}

/* Theme Preset Overrides */
body.anchor-theme-charcoal {
  --anchor-porcelain: #1d1e20;
  --anchor-charcoal: #faf8f4;
  --anchor-bone: #2b2c2f;
  background-color: #1d1e20 !important;
  color: #faf8f4 !important;
}

body.anchor-theme-bone {
  --anchor-porcelain: #f1ece4;
  --anchor-bone: #faf8f4;
  background-color: #f1ece4 !important;
  color: #1d1e20 !important;
}

body.anchor-theme-moss {
  --anchor-porcelain: #6c746f;
  --anchor-charcoal: #faf8f4;
  --anchor-bone: #565d58;
  background-color: #6c746f !important;
  color: #faf8f4 !important;
}

body.anchor-theme-forest {
  --anchor-porcelain: #3f4b43;
  --anchor-charcoal: #faf8f4;
  --anchor-bone: #2f3833;
  background-color: #3f4b43 !important;
  color: #faf8f4 !important;
}

body.anchor-theme-oxblood {
  --anchor-porcelain: #5b3135;
  --anchor-charcoal: #faf8f4;
  --anchor-bone: #452628;
  background-color: #5b3135 !important;
  color: #faf8f4 !important;
}

body.anchor-theme-bronze {
  --anchor-porcelain: #a27b48;
  --anchor-charcoal: #faf8f4;
  --anchor-bone: #8b683a;
  background-color: #a27b48 !important;
  color: #faf8f4 !important;
}

/* =======================================================
   2. SITE HEADER & NAVIGATION STYLES
======================================================= */

/* Navigation Group Container Style */
.wp-block-group.is-style-anchor-nav,
.anchor-nav {
  position: relative;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 1.25rem 2rem !important;
  max-width: 1600px;
  margin: 0 auto !important;
  border-bottom: 1px solid rgba(29, 30, 32, 0.12);
  background-color: var(--anchor-porcelain);
  z-index: 40;
}

/* Sticky Frosted Glass Header (Turns transparent on scroll) */
.wp-block-group.is-style-anchor-sticky-nav,
.anchor-sticky-nav {
  position: sticky !important;
  top: 0 !important;
  z-index: 100 !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 1.25rem 2rem !important;
  max-width: 1600px;
  margin: 0 auto !important;
  background-color: var(--anchor-porcelain);
  border-bottom: 1px solid rgba(29, 30, 32, 0.12);
  transition: background-color 400ms ease, backdrop-filter 400ms ease, border-color 400ms ease, box-shadow 400ms ease;
}

.wp-block-group.is-style-anchor-sticky-nav.is-scrolled,
.anchor-sticky-nav.is-scrolled {
  background-color: rgba(250, 248, 244, 0.75) !important;
  backdrop-filter: blur(16px) saturate(180%);
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  border-bottom-color: rgba(29, 30, 32, 0.08) !important;
  box-shadow: 0 10px 30px -15px rgba(29, 30, 32, 0.1);
}

@media (max-width: 768px) {
  .wp-block-group.is-style-anchor-nav,
  .wp-block-group.is-style-anchor-sticky-nav {
    padding: 1rem 1.25rem !important;
  }
}

/* Site Title Style */
.wp-block-site-title.is-style-anchor-site-title a,
.is-style-anchor-site-title a,
.anchor-site-title {
  font-family: var(--anchor-font-serif) !important;
  font-size: 1.5rem !important;
  font-weight: 300 !important;
  letter-spacing: -0.015em !important;
  color: var(--anchor-charcoal) !important;
  text-decoration: none !important;
}

/* Site Tagline Style */
.wp-block-site-tagline.is-style-anchor-site-tagline,
.anchor-site-tagline {
  font-family: var(--anchor-font-mono) !important;
  font-size: 0.68rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.24em !important;
  color: var(--anchor-moss) !important;
  margin: 0.2rem 0 0 !important;
}

/* Navigation Menu Links */
.wp-block-navigation.is-style-anchor-nav-menu .wp-block-navigation-item__label,
.wp-block-navigation.is-style-anchor-nav-menu a {
  font-family: var(--anchor-font-mono) !important;
  font-size: 0.68rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.24em !important;
  font-weight: 400 !important;
  color: rgba(29, 30, 32, 0.7) !important;
  transition: var(--anchor-transition) !important;
  text-decoration: none !important;
}

.wp-block-navigation.is-style-anchor-nav-menu a:hover {
  color: var(--anchor-charcoal) !important;
}

/* Navigation Action Button ("Begin ->") */
.wp-block-button.is-style-anchor-nav-btn .wp-block-button__link,
.anchor-nav-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.75rem !important;
  border-radius: 999px !important;
  border: 1px solid rgba(29, 30, 32, 0.25) !important;
  padding: 0.5rem 1.25rem !important;
  background: transparent !important;
  color: var(--anchor-charcoal) !important;
  font-family: var(--anchor-font-mono) !important;
  font-size: 0.68rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.24em !important;
  transition: var(--anchor-transition) !important;
}

.wp-block-button.is-style-anchor-nav-btn .wp-block-button__link:hover,
.anchor-nav-btn:hover {
  background-color: var(--anchor-charcoal) !important;
  color: var(--anchor-porcelain) !important;
}

/* =======================================================
   3. FOOTER STYLES
======================================================= */
.wp-block-group.is-style-anchor-footer,
.anchor-footer {
  position: relative;
  border-top: 1px solid rgba(29, 30, 32, 0.15);
  background-color: var(--anchor-porcelain);
  padding: 4rem 2rem 2rem;
  max-width: 1600px;
  margin: 0 auto;
}

/* =======================================================
   4. TYPOGRAPHY
======================================================= */

.is-style-anchor-hero-heading,
.anchor-hero-heading {
  font-family: var(--anchor-font-serif);
  font-size: clamp(3rem, 10vw, 7.5rem) !important;
  line-height: 0.95 !important;
  font-weight: 300 !important;
  letter-spacing: -0.02em;
  color: var(--anchor-charcoal);
  margin-bottom: 1.5rem;
}

.is-style-anchor-editorial-heading,
.anchor-editorial-heading {
  font-family: var(--anchor-font-serif);
  font-size: clamp(2.5rem, 6vw, 4.5rem) !important;
  line-height: 1.02 !important;
  font-weight: 300 !important;
  letter-spacing: -0.015em;
  color: var(--anchor-charcoal);
  margin-bottom: 1.25rem;
}

.is-style-anchor-display-heading,
.anchor-display-heading {
  font-family: var(--anchor-font-serif);
  font-size: clamp(2rem, 4.5vw, 3.5rem) !important;
  line-height: 1.08 !important;
  font-weight: 300 !important;
  color: var(--anchor-charcoal);
}

.is-style-anchor-section-heading,
.anchor-section-heading {
  font-family: var(--anchor-font-serif);
  font-size: clamp(1.75rem, 3.5vw, 2.5rem) !important;
  line-height: 1.15 !important;
  font-weight: 300 !important;
  color: var(--anchor-charcoal);
}

.is-style-anchor-quote,
.anchor-quote {
  font-family: var(--anchor-font-serif);
  font-size: clamp(1.5rem, 3vw, 2.25rem) !important;
  font-style: italic !important;
  line-height: 1.3 !important;
  color: var(--anchor-charcoal);
  border-left: 2px solid var(--anchor-bronze);
  padding-left: 1.5rem;
  margin: 2rem 0;
}

.is-style-anchor-intro,
.anchor-intro {
  font-family: var(--anchor-font-serif);
  font-size: clamp(1.35rem, 2.5vw, 1.85rem) !important;
  line-height: 1.45 !important;
  font-weight: 300 !important;
  color: rgba(29, 30, 32, 0.85);
}

.is-style-anchor-body,
.anchor-body {
  font-family: var(--anchor-font-sans);
  font-size: 1rem !important;
  line-height: 1.65 !important;
  font-weight: 300 !important;
  color: var(--anchor-charcoal);
}

.is-style-anchor-metadata,
.anchor-metadata {
  font-family: var(--anchor-font-mono);
  font-size: 0.7rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.2em !important;
  color: var(--anchor-moss);
}

.is-style-anchor-small-caps,
.anchor-small-caps {
  font-family: var(--anchor-font-mono);
  font-size: 0.68rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.24em !important;
  font-weight: 400 !important;
  color: var(--anchor-moss);
}

.is-style-anchor-eyebrow,
.anchor-eyebrow {
  font-family: var(--anchor-font-mono);
  font-size: 0.75rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.2em !important;
  color: var(--anchor-bronze);
  margin-bottom: 0.75rem;
}

.is-style-anchor-caption,
.anchor-caption {
  font-family: var(--anchor-font-serif);
  font-size: 0.95rem !important;
  font-style: italic !important;
  color: var(--anchor-moss);
}

/* =======================================================
   5. BUTTONS
======================================================= */
.wp-block-button.is-style-anchor-primary .wp-block-button__link,
.anchor-btn-primary {
  background-color: var(--anchor-charcoal) !important;
  color: var(--anchor-porcelain) !important;
  font-family: var(--anchor-font-mono) !important;
  font-size: 0.7rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.2em !important;
  padding: 0.85rem 2rem !important;
  border-radius: 999px !important;
  border: none !important;
  transition: var(--anchor-transition) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.75rem !important;
}

.wp-block-button.is-style-anchor-primary .wp-block-button__link:hover,
.anchor-btn-primary:hover {
  background-color: var(--anchor-bronze) !important;
  color: var(--anchor-porcelain) !important;
}

.wp-block-button.is-style-anchor-secondary .wp-block-button__link,
.anchor-btn-secondary {
  background-color: var(--anchor-bone) !important;
  color: var(--anchor-charcoal) !important;
  font-family: var(--anchor-font-mono) !important;
  font-size: 0.7rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.2em !important;
  padding: 0.85rem 2rem !important;
  border-radius: 999px !important;
  border: none !important;
  transition: var(--anchor-transition) !important;
}

.wp-block-button.is-style-anchor-secondary .wp-block-button__link:hover,
.anchor-btn-secondary:hover {
  background-color: var(--anchor-charcoal) !important;
  color: var(--anchor-porcelain) !important;
}

.wp-block-button.is-style-anchor-outline .wp-block-button__link,
.anchor-btn-outline {
  background-color: transparent !important;
  color: var(--anchor-charcoal) !important;
  border: 1px solid rgba(29, 30, 32, 0.25) !important;
  font-family: var(--anchor-font-mono) !important;
  font-size: 0.7rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.2em !important;
  padding: 0.85rem 2rem !important;
  border-radius: 999px !important;
  transition: var(--anchor-transition) !important;
}

.wp-block-button.is-style-anchor-outline .wp-block-button__link:hover,
.anchor-btn-outline:hover {
  background-color: var(--anchor-charcoal) !important;
  color: var(--anchor-porcelain) !important;
}

.wp-block-button.is-style-anchor-minimal .wp-block-button__link,
.anchor-btn-minimal {
  background-color: transparent !important;
  color: var(--anchor-charcoal) !important;
  font-family: var(--anchor-font-mono) !important;
  font-size: 0.7rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.2em !important;
  padding: 0.5rem 0 !important;
  border: none !important;
  border-bottom: 1px solid currentColor !important;
  border-radius: 0 !important;
  transition: var(--anchor-transition) !important;
}

.wp-block-button.is-style-anchor-minimal .wp-block-button__link:hover,
.anchor-btn-minimal:hover {
  color: var(--anchor-bronze) !important;
}

/* =======================================================
   6. PANELS, GROUPS, ROWS & COLUMNS
======================================================= */

/* Row & Stack Layouts */
.wp-block-group.is-style-anchor-row,
.anchor-row {
  display: flex !important;
  align-items: center !important;
  gap: 1.5rem !important;
}

.wp-block-group.is-style-anchor-stack,
.anchor-stack {
  display: flex !important;
  flex-direction: column !important;
  gap: 1.5rem !important;
}

/* Column Sizing Layouts */
.wp-block-columns.is-style-anchor-split,
.anchor-split {
  display: grid !important;
  grid-template-columns: 1fr;
  gap: 2.5rem !important;
}
@media (min-width: 768px) {
  .wp-block-columns.is-style-anchor-split,
  .anchor-split {
    grid-template-columns: 2fr 10fr !important;
  }
}

.wp-block-columns.is-style-anchor-split-hero,
.anchor-split-hero {
  display: grid !important;
  grid-template-columns: 1fr;
  gap: 2.5rem !important;
}
@media (min-width: 768px) {
  .wp-block-columns.is-style-anchor-split-hero,
  .anchor-split-hero {
    grid-template-columns: 7fr 5fr !important;
  }
}

.wp-block-columns.is-style-anchor-split-sidebar,
.anchor-split-sidebar {
  display: grid !important;
  grid-template-columns: 1fr;
  gap: 2.5rem !important;
}
@media (min-width: 768px) {
  .wp-block-columns.is-style-anchor-split-sidebar,
  .anchor-split-sidebar {
    grid-template-columns: 4fr 8fr !important;
  }
}

.wp-block-columns.is-style-anchor-golden,
.anchor-golden {
  display: grid !important;
  grid-template-columns: 1fr;
  gap: 2.5rem !important;
}
@media (min-width: 768px) {
  .wp-block-columns.is-style-anchor-golden,
  .anchor-golden {
    grid-template-columns: 1.618fr 1fr !important;
  }
}

/* 3-Column Exhibition */
.wp-block-columns.is-style-anchor-three-col,
.anchor-three-col {
  display: grid !important;
  grid-template-columns: 1fr;
  gap: 2rem !important;
}
@media (min-width: 768px) {
  .wp-block-columns.is-style-anchor-three-col,
  .anchor-three-col {
    grid-template-columns: repeat(3, 1fr) !important;
  }
  .wp-block-columns.is-style-anchor-three-col > .wp-block-column:not(:last-child) {
    border-right: 1px solid rgba(29, 30, 32, 0.12);
    padding-right: 2rem;
  }
}

/* 4-Column Grid */
.wp-block-columns.is-style-anchor-four-col,
.anchor-four-col {
  display: grid !important;
  grid-template-columns: 1fr;
  gap: 1.5rem !important;
}
@media (min-width: 768px) {
  .wp-block-columns.is-style-anchor-four-col,
  .anchor-four-col {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (min-width: 1200px) {
  .wp-block-columns.is-style-anchor-four-col,
  .anchor-four-col {
    grid-template-columns: repeat(4, 1fr) !important;
  }
}

.wp-block-column.is-style-anchor-rail,
.anchor-rail {
  font-family: var(--anchor-font-mono);
  font-size: 0.7rem;
  color: var(--anchor-moss);
}

/* Group Card Containers */
.wp-block-group.is-style-anchor-hero,
.anchor-panel-hero {
  padding: 6rem 2rem;
  max-width: 1600px;
  margin: 0 auto;
}

.wp-block-group.is-style-anchor-editorial,
.anchor-panel-editorial {
  padding: 4rem 2rem;
  max-width: 1200px;
  margin: 0 auto;
}

.wp-block-group.is-style-anchor-paper,
.anchor-panel-paper {
  background-color: var(--anchor-porcelain) !important;
  color: var(--anchor-charcoal) !important;
  border: var(--anchor-border);
  border-radius: var(--anchor-radius);
  padding: 2.5rem;
}

.wp-block-group.is-style-anchor-bone,
.anchor-panel-bone {
  background-color: var(--anchor-bone) !important;
  color: var(--anchor-charcoal) !important;
  border: var(--anchor-border);
  border-radius: var(--anchor-radius);
  padding: 2.5rem;
}

.wp-block-group.is-style-anchor-charcoal,
.anchor-panel-charcoal {
  background-color: var(--anchor-charcoal) !important;
  color: var(--anchor-porcelain) !important;
  border-radius: var(--anchor-radius);
  padding: 2.5rem;
}

.wp-block-group.is-style-anchor-transparent,
.anchor-transparent {
  background-color: rgba(250, 248, 244, 0.65) !important;
  backdrop-filter: blur(12px) saturate(180%);
  -webkit-backdrop-filter: blur(12px) saturate(180%);
  border: 1px solid rgba(29, 30, 32, 0.08) !important;
  border-radius: var(--anchor-radius);
  padding: 2.5rem;
}

.wp-block-group.is-style-anchor-inset,
.anchor-inset {
  background-color: rgba(29, 30, 32, 0.03) !important;
  border: 1px solid rgba(29, 30, 32, 0.08) !important;
  border-radius: var(--anchor-radius);
  padding: 2.5rem !important;
}

.wp-block-group.is-style-anchor-blueprint,
.anchor-panel-blueprint,
.anchor-blueprint {
  background-color: var(--anchor-porcelain);
  background-image: linear-gradient(rgba(29, 30, 32, 0.06) 1px, transparent 1px),
                    linear-gradient(90deg, rgba(29, 30, 32, 0.06) 1px, transparent 1px);
  background-size: 32px 32px, 32px 32px;
  border: var(--anchor-border);
  border-radius: var(--anchor-radius);
  padding: 2.5rem;
}

.wp-block-group.is-style-anchor-floating,
.anchor-panel-floating {
  background-color: var(--anchor-porcelain);
  border: var(--anchor-border);
  border-radius: var(--anchor-radius-lg);
  box-shadow: var(--anchor-shadow-large);
  padding: 2rem;
}

.wp-block-group.is-style-anchor-narrow,
.anchor-panel-narrow {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.wp-block-group.is-style-anchor-wide,
.anchor-panel-wide {
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
}

/* =======================================================
   7. IMAGE & MEDIA
======================================================= */
.wp-block-image.is-style-anchor-frame img,
.anchor-image-frame {
  border: var(--anchor-border);
  border-radius: var(--anchor-radius-sm);
  padding: 0.5rem;
  background-color: var(--anchor-porcelain);
  transition: var(--anchor-transition-slow);
}

.wp-block-image.is-style-anchor-frame:hover img,
.anchor-image-frame:hover {
  transform: translateY(-8px) rotateX(2deg);
  box-shadow: var(--anchor-shadow-lift);
}

.wp-block-image.is-style-anchor-polaroid,
.anchor-image-polaroid {
  background-color: var(--anchor-porcelain);
  border: var(--anchor-border);
  padding: 1rem 1rem 2.5rem 1rem;
  box-shadow: var(--anchor-shadow-small);
  border-radius: var(--anchor-radius-sm);
}

.wp-block-image.is-style-anchor-floating img,
.anchor-image-floating {
  box-shadow: var(--anchor-shadow-large);
  border-radius: var(--anchor-radius-lg);
}

/* =======================================================
   8. SEPARATORS & DIVIDERS
======================================================= */
.wp-block-separator.is-style-anchor-hairline,
.anchor-hairline {
  border: none !important;
  border-top: 1px solid rgba(29, 30, 32, 0.12) !important;
  margin: 3rem 0 !important;
}

.wp-block-separator.is-style-anchor-bronze,
.anchor-divider-bronze {
  border: none !important;
  border-top: 1px solid var(--anchor-bronze) !important;
  margin: 3rem 0 !important;
}

.wp-block-separator.is-style-anchor-heavy,
.anchor-divider-heavy {
  border: none !important;
  border-top: 2px solid var(--anchor-charcoal) !important;
  margin: 3rem 0 !important;
}

/* =======================================================
   9. UTILITY CLASSES
======================================================= */
.anchor-max-width { max-width: 1600px; margin-left: auto; margin-right: auto; }
.anchor-content-width { max-width: 1200px; margin-left: auto; margin-right: auto; }
.anchor-editorial-width { max-width: 800px; margin-left: auto; margin-right: auto; }

.anchor-text-center { text-align: center; }
.anchor-center { display: flex; justify-content: center; align-items: center; }

.anchor-indent { padding-left: 6%; }
.anchor-indent-lg { padding-left: 12%; }

.hairline { border: 1px solid rgba(29, 30, 32, 0.12); }
.hairline-b { border-bottom: 1px solid rgba(29, 30, 32, 0.12); }

/* =======================================================
   10. ANIMATIONS
======================================================= */
@keyframes anchor-drift {
  0%, 100% { transform: translate3d(0, 0, 0); }
  50% { transform: translate3d(0, -8px, 0); }
}

.anchor-drift {
  animation: anchor-drift 9s ease-in-out infinite;
}

.anchor-card-hover {
  transition: transform 0.9s cubic-bezier(0.2, 0.7, 0.2, 1), letter-spacing 0.9s ease;
}

.anchor-card-hover:hover {
  transform: translateY(-6px);
}

/* =======================================================
   10. INLINE TEXT TRANSFORMATION FORMATS
======================================================= */

/* 1. Editorial Italic + Bronze Accent */
.anchor-text-editorial-accent {
    font-family: var(--anchor-font-serif, "Cormorant Garamond", Georgia, serif) !important;
    font-style: italic !important;
    color: var(--anchor-bronze, #a27b48) !important;
}

/* 2. Monospace Small Caps */
.anchor-text-mono {
    font-family: var(--anchor-font-mono, "JetBrains Mono", monospace) !important;
    font-size: 0.82em !important;
    text-transform: uppercase !important;
    letter-spacing: 0.18em !important;
}

/* 3. Bronze Accent Color */
.anchor-text-bronze {
    color: var(--anchor-bronze, #a27b48) !important;
}

/* 4. Oxblood Accent Color */
.anchor-text-oxblood {
    color: var(--anchor-oxblood, #5b3135) !important;
}

/* 5. Tactile Highlight / Mark */
.anchor-text-highlight,
mark.anchor-text-highlight {
    background-color: rgba(162, 123, 72, 0.15) !important;
    color: var(--anchor-charcoal, #1d1e20) !important;
    border-bottom: 1px solid var(--anchor-bronze, #a27b48);
    padding: 0.1em 0.3em;
    border-radius: 0.15rem;
}