:root {
  --gc-bg: #10231d;
  --gc-bg-deep: #07130f;
  --gc-panel: #173228;
  --gc-panel-soft: #214135;
  --gc-panel-strong: #2f5847;
  --gc-text: #fff4dc;
  --gc-muted: #d9c8a8;
  --gc-muted-strong: #f0dfbd;
  --gc-accent: #e7a94a;
  --gc-accent-strong: #f4c86c;
  --gc-outline: rgba(231, 169, 74, 0.24);
  --gc-outline-strong: rgba(244, 200, 108, 0.42);
  --gc-shadow: 0 28px 70px rgba(4, 18, 13, 0.46);
  --gc-foco-pine: #15382d;
  --gc-foco-ridge: #8f5f3b;
  --gc-foco-sand: #f1d19b;
  --gc-foco-sky: #6fb7d6;
  --gc-foco-water: #1c6a7e;
  --gc-foco-brick: #a54f2f;
}

html {
  background: var(--gc-bg-deep);
}

body.gc-body,
.gc-internal-body {
  color: var(--gc-text);
  background:
    radial-gradient(circle at 78% 8%, rgba(111, 183, 214, 0.18), transparent 18rem),
    linear-gradient(135deg, rgba(143, 95, 59, 0.28), transparent 34%),
    linear-gradient(180deg, #123126 0%, #0b211a 52%, #07130f 100%);
  font-family: Inter, Avenir, system-ui, sans-serif;
}

body.gc-body::before,
.gc-internal-body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    linear-gradient(142deg, transparent 0 54%, rgba(241, 209, 155, 0.14) 54.2% 54.8%, transparent 55% 100%),
    linear-gradient(148deg, transparent 0 62%, rgba(231, 169, 74, 0.16) 62.2% 62.7%, transparent 63% 100%),
    repeating-linear-gradient(0deg, rgba(241, 209, 155, 0.035) 0 1px, transparent 1px 4.5rem);
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.84), transparent 82%);
}

main,
.gc-header,
.gc-footer,
.gc-internal-nav,
.gc-internal-main {
  position: relative;
  z-index: 1;
}

a {
  text-decoration-color: var(--gc-foco-sky);
}

.gc-header,
.gc-internal-nav {
  position: sticky;
  top: 0;
  z-index: 30;
  background: rgba(7, 19, 15, 0.88);
  border-bottom: 1px solid rgba(241, 209, 155, 0.22);
  box-shadow: 0 16px 42px rgba(4, 18, 13, 0.24);
}

.gc-brand,
.gc-brand:visited,
.gc-internal-brand {
  color: var(--gc-text);
  font-family: Rye, Rockwell, Clarendon, "Courier New", "Cormorant Garamond", Georgia, serif;
  font-weight: 400;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.gc-nav-links a,
.gc-footer a,
.gc-internal-links a {
  color: var(--gc-muted);
  font-weight: 800;
}

.gc-nav-links a:hover,
.gc-footer a:hover,
.gc-internal-links a:hover {
  color: var(--gc-foco-sky);
}

.gc-button-primary,
.gc-lead-form button,
.gc-admin-button,
.gc-band .gc-lead-form button {
  background: linear-gradient(135deg, var(--gc-foco-sand) 0%, var(--gc-accent) 52%, var(--gc-foco-brick) 100%);
  color: #10231d;
  box-shadow: 0 18px 36px rgba(231, 169, 74, 0.2);
}

.gc-button-secondary,
.gc-nav-icon,
.gc-copy-button {
  border-color: rgba(241, 209, 155, 0.26);
  background: rgba(23, 50, 40, 0.7);
  color: var(--gc-text);
}

.gc-hero,
.gc-band,
.gc-section-muted,
.gc-admin-hero {
  background:
    radial-gradient(circle at 12% 8%, rgba(111, 183, 214, 0.12), transparent 18rem),
    linear-gradient(180deg, rgba(21, 56, 45, 0.88), rgba(8, 24, 19, 0.92));
}

.gc-band-style-aurora,
.gc-band-style-indigo,
.gc-band-style-forest,
.gc-band-style-violet,
.gc-band-style-copper {
  --gc-band-accent: var(--gc-foco-sky);
  background:
    linear-gradient(142deg, transparent 0 58%, rgba(241, 209, 155, 0.11) 58.2% 58.8%, transparent 59% 100%),
    radial-gradient(circle at 72% 16%, rgba(111, 183, 214, 0.2), transparent 22rem),
    linear-gradient(180deg, #17382e 0%, #0d241d 100%);
}

.gc-band-style-forest {
  --gc-band-accent: #86c28b;
  background: linear-gradient(180deg, #163c2d 0%, #0b2018 100%);
}

.gc-band-style-copper {
  --gc-band-accent: var(--gc-foco-brick);
  background: linear-gradient(180deg, #3b241b 0%, #10231d 100%);
}

.gc-story-shell > h1,
.gc-story-shell > h2,
.gc-story-shell > .gc-section-heading h2,
.gc-hero h1,
.gc-hero-copy h1,
.gc-section-heading h2,
.gc-blog-card h3,
.gc-article-shell h1,
.gc-article-shell h2,
.gc-about-person-card h3,
.gc-card-detail-hero h1,
.gc-admin-hero h1,
.gc-admin-panel h2 {
  color: var(--gc-text);
  font-family: Rye, Rockwell, Clarendon, "Courier New", "Cormorant Garamond", Georgia, serif;
  font-weight: 400;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.16), 0 0 32px rgba(111, 183, 214, 0.1);
}

.gc-hero h1,
.gc-hero-copy h1 {
  max-width: 11ch;
  font-size: clamp(4.3rem, 9.6vw, 8.4rem);
  line-height: 0.88;
}

.gc-story-shell > h1,
.gc-story-shell > h2,
.gc-story-shell > .gc-section-heading h2,
.gc-section-heading h2,
.gc-blog-card h3,
.gc-article-shell h1 {
  line-height: 0.92;
}

.gc-hero h1 span,
.gc-hero-copy h1 span,
.gc-section-heading h2 span {
  color: var(--gc-foco-sand);
}

.gc-eyebrow,
.gc-kicker,
.gc-admin-kicker,
.gc-about-role,
.gc-blog-meta,
.gc-code-label {
  color: var(--gc-foco-sand);
  font-weight: 900;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.gc-card,
.gc-story-item,
.gc-suite-card,
.gc-testimonial,
.gc-blog-card,
.gc-card-summary,
.gc-admin-panel,
.gc-lead-form,
.gc-article-shell,
.gc-about-person-card,
.gc-card-detail-panel {
  border-color: rgba(241, 209, 155, 0.18);
  background: rgba(23, 50, 40, 0.78);
  box-shadow: inset 0 1px 0 rgba(255, 244, 220, 0.04), var(--gc-shadow);
}

.gc-card::before,
.gc-story-item::before,
.gc-suite-card::before,
.gc-testimonial::before,
.gc-blog-card::before {
  background: linear-gradient(90deg, var(--gc-foco-sky), var(--gc-foco-sand), var(--gc-foco-brick));
}

.gc-lead,
.gc-section-copy,
.gc-card p,
.gc-story-item p,
.gc-suite-card p,
.gc-testimonial p,
.gc-blog-card-summary,
.gc-footer-copy,
.gc-admin-copy,
.gc-admin-panel p {
  color: var(--gc-muted);
}

.gc-theme-option:hover,
.gc-theme-option:focus-visible,
.gc-theme-option[aria-pressed="true"] {
  border-color: rgba(111, 183, 214, 0.52);
  background: rgba(28, 106, 126, 0.2);
  color: var(--gc-text);
}

.gc-slide-controls,
.gc-slide-theme-options {
  border-color: rgba(241, 209, 155, 0.22);
  background: rgba(7, 19, 15, 0.82);
}

.gc-slide-control,
.gc-slide-exit {
  border-color: rgba(241, 209, 155, 0.22);
  background: rgba(23, 50, 40, 0.74);
  color: var(--gc-text);
}

@media (max-width: 767px) {
  .gc-hero h1,
  .gc-hero-copy h1 {
    font-size: clamp(3.6rem, 16vw, 5.6rem);
  }
}