/**
 * FundingGA case study — page shell and bordered-section chrome only.
 * Section content is styled with Tailwind in patterns/Case-study/fundingga/*.php
 */

:root {
  --case-study-section-gap: clamp(1.5rem, 4vw, 2.75rem);
  --fga-section-padding-block: clamp(2.5rem, 6vw, 4.5rem);
  --fga-hero-mobile-top-offset: 0.75rem;
  --fga-hero-tablet-top-offset: 1rem;
  --fga-hero-normal-desktop-top-offset: 3.5rem;
  --fga-hero-desktop-top-offset: 3.5rem;
  --fga-type-kicker: clamp(0.64rem, 0.62rem + 0.08vw, 0.7rem);
  --fga-brand: #165de8;
  --fga-brand-rgb: 22 93 232;
  --fga-hero-badge-border: rgb(var(--fga-brand-rgb) / 0.2);
  --fga-hero-badge-bg: rgb(var(--fga-brand-rgb) / 0.1);
  --fga-hero-main-panel-border: rgb(var(--fga-brand-rgb) / 0.15);
  --fga-hero-main-panel-bg: rgb(var(--fga-brand-rgb) / 0.05);
  --fga-hero-main-panel-shadow: 0 8px 32px rgb(var(--fga-brand-rgb) / 0.08);
  --fga-hero-glow-shadow: 0 0 40px rgb(var(--fga-brand-rgb) / 0.3);
  --fga-hero-stat-glow-shadow: 0 2px 20px rgb(var(--fga-brand-rgb) / 0.2);
  --fga-hero-card-border: rgb(var(--fga-brand-rgb) / 0.15);
  --fga-hero-card-bg: rgb(var(--fga-brand-rgb) / 0.06);
  --fga-hero-icon-bg: rgb(var(--fga-brand-rgb) / 0.1);
  --fga-hero-stat-border: rgb(var(--fga-brand-rgb) / 0.12);
  --fga-hero-stat-bg: rgb(var(--fga-brand-rgb) / 0.05);
  --fga-testimonial-quote-badge-border: rgb(47 118 235 / 0.4);
  --fga-testimonial-quote-badge-bg: rgb(var(--fga-brand-rgb) / 0.15);
  --fga-testimonial-quote-badge-bg-strong: rgb(var(--fga-brand-rgb) / 0.3);
  --fga-testimonial-quote-badge-ring: rgb(152 196 255 / 0.45);
  --fga-testimonial-quote-badge-glow: 0 10px 28px rgb(var(--fga-brand-rgb) / 0.32);
  --fga-testimonial-quote-icon: #7fb0ff;
}

.fga-case-study__section {
  padding-top: var(--fga-section-padding-block);
  padding-bottom: var(--fga-section-padding-block);
}

/* Top offset for hero lives on shared `case-study-header` strip (matches `.aptly-site-header__inner` via `--header-height`). */
.fga-case-study__section:first-of-type {
  padding-top: 0;
}

.fga-section-heading {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  border-left: 2px solid var(--fga-brand);
  padding-left: 1rem;
}

.fga-section-heading__eyebrow {
  font-size: var(--fga-type-kicker);
  font-weight: 500;
  line-height: 1.15;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #475569;
}

.fga-section-heading__title {
  margin: 0;
  font-size: clamp(1.5rem, 1.3rem + 0.62vw, 2rem);
  font-weight: 700;
  line-height: 1.2;
}

.fga-section-heading--brand {
  border-left-color: var(--fga-brand);
}

.fga-section-heading--brand .fga-section-heading__title {
  color: var(--fga-brand);
}

.fga-section-heading--inverse {
  border-left-color: rgb(255 255 255 / 0.9);
}

.fga-section-heading--inverse .fga-section-heading__eyebrow,
.fga-section-heading--inverse .fga-section-heading__title {
  color: #fff;
}

.fga-testimonial-quote-badge {
  position: relative;
  overflow: hidden;
  border-color: var(--fga-testimonial-quote-badge-border);
  transition:
    transform 180ms ease,
    border-color 180ms ease,
    box-shadow 180ms ease,
    background 180ms ease;
}

.fga-testimonial-quote-badge::before {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: inherit;
  border: 1px solid var(--fga-testimonial-quote-badge-ring);
  pointer-events: none;
}

.fga-testimonial-quote-badge::after {
  content: "";
  position: absolute;
  top: -140%;
  left: -32%;
  width: 42%;
  height: 300%;
  transform: rotate(24deg);
  background: linear-gradient(180deg, rgb(255 255 255 / 0) 0%, rgb(255 255 255 / 0.28) 48%, rgb(255 255 255 / 0) 100%);
  pointer-events: none;
  animation: fga-testimonial-badge-sheen 7s ease-in-out infinite;
}

.fga-testimonial-quote-icon {
  color: var(--fga-testimonial-quote-icon);
  position: relative;
  z-index: 1;
}

@keyframes fga-testimonial-badge-sheen {
  0%,
  56% {
    transform: translateX(0) rotate(24deg);
    opacity: 0;
  }
  62% {
    opacity: 1;
  }
  75% {
    transform: translateX(230%) rotate(24deg);
    opacity: 0;
  }
  100% {
    transform: translateX(230%) rotate(24deg);
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .fga-testimonial-quote-badge::after {
    animation: none;
  }
}