/* SITE-v0.20 — Páginas individuais de case. Escopo: .leao-page-case. */

.leao-page-case .case-hero {
  position: relative;
  min-height: 92vh;
  display: flex;
  align-items: center;
  overflow: hidden;
  background: var(--leao-black);
  color: var(--leao-white);
  padding: clamp(140px, 16vw, 220px) 0 clamp(90px, 10vw, 150px);
}

.leao-page-case .case-hero__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
}

.leao-page-case .case-hero__bg::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 72% 42%, rgba(24, 157, 170, .20), transparent 36%),
    linear-gradient(90deg, rgba(20,20,20,.95) 0%, rgba(20,20,20,.82) 46%, rgba(16,114,147,.30) 100%);
  z-index: 2;
}

.leao-page-case .case-hero__image {
  position: absolute;
  margin: 0;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.04);
  box-shadow: 0 34px 90px rgba(0,0,0,.34);
  overflow: hidden;
}

.leao-page-case .case-hero__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  filter: brightness(.76) contrast(1.08) saturate(.92);
}

.leao-page-case .case-hero__image--primary {
  width: min(44vw, 720px);
  height: min(31vw, 500px);
  right: 8vw;
  bottom: 11vh;
  z-index: 1;
}

.leao-page-case .case-hero__image--secondary {
  width: min(30vw, 470px);
  height: min(22vw, 330px);
  right: 24vw;
  top: 24vh;
  z-index: 0;
  opacity: .48;
  transform: rotate(-3deg);
}

.leao-page-case .case-hero__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(20,20,20,.18), rgba(20,20,20,.86));
  z-index: 1;
}

.leao-page-case .case-hero__content {
  width: min(100% - calc(var(--container-pad) * 2), var(--container-max));
  margin: 0 auto;
  position: relative;
  z-index: 3;
}

.leao-page-case .case-breadcrumb {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 28px;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--leao-white-50);
}

.leao-page-case .case-breadcrumb a {
  color: var(--leao-white-60);
  text-decoration: none;
  transition: color var(--transition);
}

.leao-page-case .case-breadcrumb a:hover { color: var(--leao-teal); }
.leao-page-case .case-breadcrumb [aria-current="page"] { color: var(--leao-teal); }

.leao-page-case .case-hero__tag { margin-bottom: 26px; }

.leao-page-case .case-hero__title {
  font-family: var(--font-display);
  font-size: clamp(48px, 8.4vw, 118px);
  line-height: .92;
  letter-spacing: -.055em;
  color: var(--leao-white);
  max-width: 860px;
  margin: 0 0 28px;
}

.leao-page-case .case-hero__title em {
  color: var(--leao-teal);
  font-style: italic;
}

.leao-page-case .case-hero__subtitle {
  max-width: 640px;
  color: var(--leao-white-70);
  font-size: clamp(18px, 1.55vw, 24px);
  line-height: 1.7;
  margin: 0 0 40px;
}

.leao-page-case .case-hero__ctas { display: flex; flex-wrap: wrap; gap: 16px; }

.leao-page-case .case-summary {
  background: var(--leao-light);
  color: var(--leao-black);
  padding-top: clamp(64px, 8vw, 110px);
  padding-bottom: clamp(64px, 8vw, 110px);
}

.leao-page-case .case-summary__grid,
.leao-page-case .case-metrics-grid,
.leao-page-case .case-related__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  background: var(--leao-light-dark);
  border: 1px solid var(--leao-light-dark);
}

.leao-page-case .case-summary__card,
.leao-page-case .case-metrics-grid article,
.leao-page-case .case-related-card {
  background: var(--leao-white);
}

.leao-page-case .case-summary__card {
  padding: clamp(28px, 3.5vw, 46px);
}

.leao-page-case .case-summary__card span,
.leao-page-case .case-metrics-grid span,
.leao-page-case .case-related-card__body span,
.leao-page-case .case-learning__eyebrow,
.leao-page-case .case-final-cta__eyebrow {
  display: block;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--leao-teal);
  margin-bottom: 14px;
}

.leao-page-case .case-summary__card strong {
  display: block;
  font-size: clamp(18px, 1.65vw, 24px);
  line-height: 1.35;
  color: var(--leao-black);
  font-weight: 500;
}

.leao-page-case .case-section--light {
  background: var(--leao-white);
  color: var(--leao-black);
}

.leao-page-case .case-section--dark {
  background: var(--leao-black);
  color: var(--leao-white);
}

.leao-page-case .case-editorial-grid {
  display: grid;
  grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
  gap: clamp(34px, 7vw, 96px);
  align-items: start;
}

.leao-page-case .case-editorial-grid--reverse {
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
}

.leao-page-case .case-editorial-grid__title h2,
.leao-page-case .case-learning h2,
.leao-page-case .case-related__header h2,
.leao-page-case .case-final-cta h2 {
  font-family: var(--font-display);
  font-size: clamp(34px, 5vw, 68px);
  line-height: 1.02;
  letter-spacing: -.035em;
  margin: 20px 0 0;
  color: inherit;
}

.leao-page-case .case-editorial-grid__copy p,
.leao-page-case .case-learning p,
.leao-page-case .case-final-cta p {
  font-size: 18px;
  line-height: 1.82;
  color: #555e61;
  max-width: 720px;
  margin: 0 0 20px;
}

.leao-page-case .case-section--dark .case-editorial-grid__copy p,
.leao-page-case .case-section--dark .case-list li {
  color: var(--leao-white-70);
}

.leao-page-case .case-list {
  margin-top: 30px;
  border-top: 1px solid rgba(20,20,20,.10);
}

.leao-page-case .case-section--dark .case-list { border-top-color: var(--leao-white-10); }

.leao-page-case .case-list li {
  padding: 15px 0;
  border-bottom: 1px solid rgba(20,20,20,.10);
  font-family: var(--font-mono);
  font-size: 12px;
  line-height: 1.55;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #4d5558;
}

.leao-page-case .case-section--dark .case-list li { border-bottom-color: var(--leao-white-10); }

.leao-page-case .case-metrics-grid {
  margin-top: clamp(54px, 7vw, 92px);
}

.leao-page-case .case-metrics-grid article {
  padding: clamp(28px, 3.5vw, 44px);
}

.leao-page-case .case-metrics-grid h3 {
  color: var(--leao-black);
  font-size: clamp(20px, 2vw, 28px);
  line-height: 1.18;
  margin: 0 0 12px;
}

.leao-page-case .case-metrics-grid p {
  color: #596164;
  line-height: 1.72;
  margin: 0;
}

.leao-page-case .case-visual {
  background: var(--leao-black);
  padding-top: clamp(72px, 9vw, 130px);
  padding-bottom: clamp(72px, 9vw, 130px);
}

.leao-page-case .case-visual__frame {
  margin: 0;
  border: 1px solid var(--leao-white-10);
  background: var(--leao-black-80);
  overflow: hidden;
  box-shadow: 0 34px 90px rgba(0,0,0,.36);
}

.leao-page-case .case-visual__frame img {
  width: 100%;
  min-height: clamp(360px, 48vw, 640px);
  object-fit: cover;
  display: block;
  filter: brightness(.90) contrast(1.05);
}

.leao-page-case .case-learning {
  background: var(--leao-light);
  color: var(--leao-black);
}

.leao-page-case .case-learning__inner {
  max-width: 980px;
  padding-left: clamp(0px, 9vw, 140px);
  border-left: 1px solid rgba(16,114,147,.25);
}

.leao-page-case .case-learning p {
  font-family: var(--font-display);
  font-size: clamp(28px, 4.2vw, 58px);
  line-height: 1.05;
  letter-spacing: -.035em;
  color: var(--leao-teal);
  max-width: 820px;
  margin-top: 24px;
}

.leao-page-case .case-related {
  background: var(--leao-white);
  color: var(--leao-black);
}

.leao-page-case .case-related__header {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 40px;
  margin-bottom: clamp(42px, 6vw, 80px);
}

.leao-page-case .case-related__header h2 {
  max-width: 720px;
  margin-top: 0;
}

.leao-page-case .case-related-card {
  min-width: 0;
  display: flex;
  flex-direction: column;
  transition: transform var(--transition), box-shadow var(--transition);
}

.leao-page-case .case-related-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 26px 60px rgba(0,0,0,.08);
}

.leao-page-case .case-related-card__media {
  display: block;
  min-height: 260px;
  overflow: hidden;
  background: var(--leao-black-40);
}

.leao-page-case .case-related-card__media img {
  width: 100%;
  height: 100%;
  min-height: 260px;
  object-fit: cover;
  display: block;
  filter: brightness(.92) contrast(1.05) saturate(.94);
  transition: transform .8s var(--ease), filter .5s var(--ease);
}

.leao-page-case .case-related-card:hover .case-related-card__media img {
  transform: scale(1.045);
  filter: brightness(.86) contrast(1.08) saturate(1);
}

.leao-page-case .case-related-card__body {
  padding: clamp(28px, 3.4vw, 42px);
  flex: 1;
}

.leao-page-case .case-related-card h3 {
  font-family: var(--font-display);
  font-size: clamp(24px, 3vw, 36px);
  line-height: 1.08;
  letter-spacing: -.02em;
  margin: 0 0 16px;
}

.leao-page-case .case-related-card p {
  color: #535b5e;
  line-height: 1.72;
  margin-bottom: 22px;
}

.leao-page-case .case-related-card__body a {
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--leao-blue-dark);
  text-decoration: none;
  border-bottom: 1px solid rgba(16,114,147,.35);
  padding-bottom: 4px;
}

.leao-page-case .case-final-cta {
  background: var(--leao-orange);
  padding: clamp(64px, 8vw, 120px) 0;
  color: var(--leao-white);
  position: relative;
  overflow: hidden;
}

.leao-page-case .case-final-cta::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255,255,255,.07), transparent 52%);
}

.leao-page-case .case-final-cta__inner {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 48px;
  flex-wrap: wrap;
}

.leao-page-case .case-final-cta h2 {
  color: var(--leao-white);
  max-width: 780px;
  margin-top: 0;
}

.leao-page-case .case-final-cta p {
  color: rgba(255,255,255,.78);
  max-width: 620px;
}

.leao-page-case .case-final-cta__actions {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}



/* SITE-v0.20 — Prova visual do Case Elementus. */
.leao-page-case .case-visual__intro,
.leao-page-case .case-proof__header {
  max-width: 980px;
  margin-bottom: clamp(38px, 6vw, 74px);
}

.leao-page-case .case-visual__intro h2,
.leao-page-case .case-proof__header h2 {
  font-family: var(--font-display);
  font-size: clamp(36px, 5.4vw, 78px);
  line-height: 1.02;
  letter-spacing: -.04em;
  margin: 22px 0 20px;
  color: inherit;
}

.leao-page-case .case-visual__intro p,
.leao-page-case .case-proof__header p {
  font-size: 18px;
  line-height: 1.78;
  color: var(--leao-white-70);
  max-width: 760px;
  margin: 0;
}

.leao-page-case .case-visual__frame figcaption,
.leao-page-case .case-asset-card figcaption,
.leao-page-case .case-proof-card figcaption {
  font-family: var(--font-mono);
  font-size: 11px;
  line-height: 1.55;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.leao-page-case .case-visual__frame figcaption {
  padding: 18px 22px;
  color: var(--leao-white-60);
  border-top: 1px solid var(--leao-white-10);
  background: rgba(255,255,255,.035);
}

.leao-page-case .case-visual__frame--hero img {
  min-height: clamp(420px, 54vw, 720px);
  object-fit: cover;
}

.leao-page-case .case-showcase {
  background: var(--leao-white);
  color: var(--leao-black);
}

.leao-page-case .case-asset-grid {
  display: grid;
  grid-template-columns: 1.35fr .65fr;
  gap: 1px;
  margin-top: clamp(54px, 7vw, 92px);
  background: var(--leao-light-dark);
  border: 1px solid var(--leao-light-dark);
}

.leao-page-case .case-asset-card {
  margin: 0;
  background: var(--leao-light);
  overflow: hidden;
}

.leao-page-case .case-asset-card img {
  width: 100%;
  height: 100%;
  min-height: 420px;
  object-fit: cover;
  display: block;
  filter: brightness(.96) contrast(1.04) saturate(.96);
}

.leao-page-case .case-asset-card:not(.case-asset-card--wide) img {
  object-fit: contain;
  padding: clamp(34px, 5vw, 70px);
  background: #dbe5ec;
}

.leao-page-case .case-asset-card figcaption {
  padding: 18px 22px;
  background: var(--leao-white);
  color: #536065;
  border-top: 1px solid rgba(20,20,20,.08);
}

.leao-page-case .case-proof {
  background: var(--leao-black);
  color: var(--leao-white);
}

.leao-page-case .case-proof--light {
  background: var(--leao-light);
  color: var(--leao-black);
}

.leao-page-case .case-proof--light .case-proof__header p {
  color: #555e61;
}

.leao-page-case .case-proof-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(18px, 2.4vw, 32px);
}

.leao-page-case .case-proof-grid--landscape {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.leao-page-case .case-proof-card {
  margin: 0;
  background: rgba(255,255,255,.045);
  border: 1px solid var(--leao-white-10);
  overflow: hidden;
  box-shadow: 0 24px 70px rgba(0,0,0,.24);
}

.leao-page-case .case-proof--light .case-proof-card {
  background: var(--leao-white);
  border-color: rgba(20,20,20,.08);
  box-shadow: 0 22px 58px rgba(0,0,0,.08);
}

.leao-page-case .case-proof-card img {
  width: 100%;
  min-height: 420px;
  object-fit: cover;
  display: block;
  filter: brightness(.92) contrast(1.05) saturate(.96);
}

.leao-page-case .case-proof-card--vertical img {
  aspect-ratio: 3 / 4;
  min-height: 0;
}

.leao-page-case .case-proof-grid--landscape .case-proof-card img {
  aspect-ratio: 16 / 7.2;
  min-height: 0;
}

.leao-page-case .case-proof-card figcaption {
  padding: 18px 20px;
  color: var(--leao-white-60);
  border-top: 1px solid var(--leao-white-10);
}

.leao-page-case .case-proof--light .case-proof-card figcaption {
  color: #536065;
  border-top-color: rgba(20,20,20,.08);
}


/* SITE-v0.20 — Refinamentos visuais do Case Elementus. */
.leao-page-case .case-inline-visual {
  margin: clamp(30px, 4vw, 48px) 0 0;
  border: 1px solid rgba(20,20,20,.08);
  background: var(--leao-light);
  overflow: hidden;
  box-shadow: 0 22px 58px rgba(0,0,0,.08);
}

.leao-page-case .case-inline-visual img {
  width: 100%;
  display: block;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  filter: brightness(.96) contrast(1.04) saturate(.96);
}

.leao-page-case .case-inline-visual figcaption,
.leao-page-case .case-pdf-piece figcaption,
.leao-page-case .case-brand-mark figcaption {
  font-family: var(--font-mono);
  font-size: 11px;
  line-height: 1.55;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.leao-page-case .case-inline-visual figcaption {
  padding: 16px 18px;
  color: #536065;
  background: var(--leao-white);
  border-top: 1px solid rgba(20,20,20,.08);
}

.leao-page-case .case-pdf-strip {
  display: grid;
  grid-template-columns: .82fr 1.12fr 1.06fr;
  gap: 1px;
  margin-top: clamp(46px, 6vw, 76px);
  border: 1px solid var(--leao-white-10);
  background: var(--leao-white-10);
}

.leao-page-case .case-pdf-piece {
  margin: 0;
  background: rgba(255,255,255,.06);
  overflow: hidden;
}

.leao-page-case .case-pdf-piece img {
  width: 100%;
  height: clamp(220px, 22vw, 340px);
  object-fit: contain;
  display: block;
  padding: clamp(22px, 3vw, 40px);
  background: rgba(255,255,255,.94);
}

.leao-page-case .case-pdf-piece figcaption {
  min-height: 72px;
  padding: 17px 20px;
  color: var(--leao-white-60);
  border-top: 1px solid var(--leao-white-10);
}

.leao-page-case .case-brand-mark {
  margin: clamp(40px, 6vw, 74px) 0 0;
  padding: clamp(28px, 4vw, 52px);
  border: 1px solid rgba(20,20,20,.08);
  background: linear-gradient(135deg, rgba(16,114,147,.06), rgba(24,157,170,.05));
}

.leao-page-case .case-brand-mark img {
  display: block;
  width: min(100%, 540px);
  height: auto;
  margin: 0 auto;
  object-fit: contain;
}

.leao-page-case .case-brand-mark figcaption {
  margin-top: 22px;
  color: #536065;
  text-align: center;
}

.leao-page-case .case-asset-card--wide img {
  object-fit: contain;
  padding: clamp(28px, 4vw, 54px);
  background: #ededed;
}

.leao-page-case .case-asset-card:not(.case-asset-card--wide) img {
  background: #24345e;
}

@media (max-width: 980px) {
  .leao-page-case .case-pdf-strip,
  .leao-page-case .case-asset-grid,
  .leao-page-case .case-proof-grid,
  .leao-page-case .case-proof-grid--landscape {
    grid-template-columns: 1fr;
  }

  .leao-page-case .case-proof-grid--landscape .case-proof-card img {
    aspect-ratio: auto;
  }

  .leao-page-case .case-pdf-piece img {
    height: auto;
    min-height: 220px;
  }
}

@media (max-width: 1100px) {
  .leao-page-case .case-hero__image--primary { opacity: .36; right: -10vw; width: 64vw; height: 44vw; }
  .leao-page-case .case-hero__image--secondary { display: none; }
  .leao-page-case .case-summary__grid,
  .leao-page-case .case-metrics-grid,
  .leao-page-case .case-related__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
  .leao-page-case .case-editorial-grid,
  .leao-page-case .case-editorial-grid--reverse { grid-template-columns: 1fr; }
  .leao-page-case .case-related__header { display: block; }
}

@media (max-width: 768px) {
  .leao-page-case .case-hero { min-height: 86vh; padding-top: 120px; }
  .leao-page-case .case-hero__title { font-size: clamp(46px, 14vw, 74px); }
  .leao-page-case .case-hero__subtitle { font-size: 17px; }
  .leao-page-case .case-summary__grid,
  .leao-page-case .case-metrics-grid,
  .leao-page-case .case-related__grid { grid-template-columns: 1fr; }
  .leao-page-case .case-visual__frame img { min-height: 320px; }
  .leao-page-case .case-learning__inner { padding-left: 28px; }
  .leao-page-case .case-final-cta__actions { width: 100%; }
  .leao-page-case .case-final-cta__actions .btn { width: 100%; justify-content: center; }
}

/* Case Elementus refinamentos finos */
.leao-page-case-elementus .case-hero__content {
  transform: translateX(clamp(-96px, -5vw, -48px));
}

.leao-page-case-elementus .case-editorial-grid {
  align-items: start;
}

.leao-page-case-elementus .case-editorial-grid__title,
.leao-page-case-elementus .case-editorial-grid__copy {
  align-self: start;
}

.leao-page-case-elementus .case-editorial-grid__title h2,
.leao-page-case-elementus .case-editorial-grid__copy > :first-child {
  margin-top: 0;
}

.leao-page-case-elementus .case-editorial-grid__copy .case-inline-visual {
  margin-top: clamp(28px, 3.4vw, 48px);
  max-width: 560px;
}

.leao-page-case-elementus .case-editorial-posts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(16px, 2vw, 24px);
  margin-top: clamp(34px, 4vw, 56px);
}

.leao-page-case-elementus .case-editorial-post-card,
.leao-page-case-elementus .case-inline-visual,
.leao-page-case-elementus .case-pdf-piece,
.leao-page-case-elementus .case-asset-card,
.leao-page-case-elementus .case-proof-card,
.leao-page-case-elementus .case-visual__frame {
  overflow: hidden;
}

.leao-page-case-elementus .case-editorial-post-card {
  background: var(--leao-white);
  border: 1px solid rgba(20, 20, 20, .08);
  box-shadow: 0 22px 60px rgba(20, 20, 20, .08);
}

.leao-page-case-elementus .case-editorial-post-card img {
  display: block;
  width: 100%;
  aspect-ratio: 3 / 4;
  object-fit: cover;
}

.leao-page-case-elementus .case-editorial-post-card figcaption {
  padding: 16px 18px 18px;
  color: var(--leao-gray);
  font-family: var(--font-mono);
  font-size: 11px;
  line-height: 1.55;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.leao-page-case-elementus .case-asset-grid--seal {
  grid-template-columns: .88fr 1.12fr;
  align-items: stretch;
  gap: clamp(20px, 3vw, 34px);
}

.leao-page-case-elementus .case-asset-grid--seal .case-asset-card {
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.leao-page-case-elementus .case-asset-grid--seal .case-asset-card img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 520px;
  aspect-ratio: 4 / 3;
  object-fit: contain;
  box-sizing: border-box;
}

.leao-page-case-elementus .case-asset-card--mark img {
  padding: clamp(34px, 5vw, 72px);
  background: #ffffff;
}

.leao-page-case-elementus .case-asset-card--wide img {
  background: #eeeeee;
}

.leao-page-case-elementus .case-related__header {
  display: block;
  max-width: 760px;
  margin: 0 0 clamp(34px, 4vw, 52px);
}

.leao-page-case-elementus .case-related__header h2 {
  max-width: 720px;
}

.leao-page-case-elementus .case-inline-visual img,
.leao-page-case-elementus .case-pdf-piece img,
.leao-page-case-elementus .case-editorial-post-card img,
.leao-page-case-elementus .case-asset-card img,
.leao-page-case-elementus .case-proof-card img,
.leao-page-case-elementus .case-visual__frame img {
  transition: transform .85s cubic-bezier(.22, 1, .36, 1), filter .55s cubic-bezier(.22, 1, .36, 1);
}

@media (hover: hover) and (pointer: fine) {
  .leao-page-case-elementus .case-inline-visual:hover img,
  .leao-page-case-elementus .case-pdf-piece:hover img,
  .leao-page-case-elementus .case-editorial-post-card:hover img,
  .leao-page-case-elementus .case-asset-card:hover img,
  .leao-page-case-elementus .case-proof-card:hover img,
  .leao-page-case-elementus .case-visual__frame:hover img {
    transform: scale(1.025);
  }
}

@media (max-width: 980px) {
  .leao-page-case-elementus .case-hero__content {
    transform: none;
  }

  .leao-page-case-elementus .case-editorial-posts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .leao-page-case-elementus .case-asset-grid--seal {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 680px) {
  .leao-page-case-elementus .case-editorial-posts {
    grid-template-columns: 1fr;
  }

  .leao-page-case-elementus .case-asset-card--mark img {
    padding: 30px;
  }
}
/* Fim dos refinamentos finos do Case Elementus */

/* Case Elementus proof images e contraste do selo */
.leao-page-case-elementus .case-asset-grid--seal .case-asset-card--mark {
  background: #efefef;
}

.leao-page-case-elementus .case-asset-grid--seal .case-asset-card--mark img {
  background: #efefef;
  filter: none;
  padding: clamp(28px, 4vw, 56px);
  object-fit: contain;
}

.leao-page-case-elementus .case-asset-grid--seal .case-asset-card--mark figcaption {
  background: #ffffff;
}

.leao-page-case-elementus .case-asset-grid--seal .case-asset-card--wide {
  background: #a6a6a6;
}

.leao-page-case-elementus .case-asset-grid--seal .case-asset-card--wide img {
  background: #a6a6a6;
  filter: none;
  object-fit: contain;
}

.leao-page-case-elementus .case-asset-grid--seal .case-asset-card--wide figcaption {
  background: #ffffff;
}

.leao-page-case-elementus .case-proof-card--vertical img {
  aspect-ratio: 3 / 4;
  object-fit: cover;
}
/* Fim proof images e contraste do selo */

/* Case Elementus ajuste final faixa entre boxes */
.leao-page-case-elementus .case-asset-grid--seal {
  gap: 0;
  column-gap: 0;
  row-gap: 0;
}

@media (max-width: 980px) {
  .leao-page-case-elementus .case-asset-grid--seal {
    gap: clamp(20px, 4vw, 32px);
  }
}
/* Fim ajuste final faixa entre boxes */

/* Case GEMAT Tereme */
.leao-page-case-gemat {
  --gemat-blue: #189DAA;
  --gemat-blue-deep: #06172f;
  --gemat-blue-ink: #0a1020;
  --gemat-steel: #eef2f7;
  --gemat-line: rgba(255, 255, 255, .16);
}

.leao-page-case-gemat .case-hero--gemat .case-hero__overlay {
  background:
    radial-gradient(circle at 74% 36%, rgba(24, 157, 170, .22), transparent 34%),
    linear-gradient(90deg, rgba(10, 16, 32, .94) 0%, rgba(10, 16, 32, .82) 48%, rgba(10, 16, 32, .66) 100%);
}

.leao-page-case-gemat .case-breadcrumb,
.leao-page-case-gemat .breadcrumb.case-breadcrumb {
  display: inline-flex;
  width: auto;
  max-width: none;
  margin: 0 0 clamp(22px, 3vw, 34px);
  padding: 0;
  gap: 10px;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.leao-page-case-gemat .case-breadcrumb a,
.leao-page-case-gemat .case-breadcrumb span {
  color: rgba(255, 255, 255, .74);
}

.leao-page-case-gemat .case-breadcrumb span:last-child {
  color: var(--gemat-blue);
}

.leao-page-case-gemat .section-kicker {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  margin: 0 0 clamp(18px, 2vw, 26px);
  padding: 8px 13px;
  border: 1px solid rgba(20, 20, 20, .18);
  background: transparent;
  color: var(--leao-charcoal);
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.leao-page-case-gemat .case-section--dark .section-kicker,
.leao-page-case-gemat .case-final-cta .section-kicker {
  border-color: rgba(255, 255, 255, .24);
  color: #ffffff;
}

.leao-page-case-gemat .case-hero--gemat .case-hero__title em {
  color: var(--gemat-blue);
}

.leao-page-case-gemat .case-hero__ctas a.btn.btn-primary,
.leao-page-case-gemat .case-final-cta a.btn.btn-primary {
  background: var(--gemat-blue);
  border-color: var(--gemat-blue);
  color: #fff;
}

.leao-page-case-gemat .case-hero__ctas a.btn.btn-primary:hover,
.leao-page-case-gemat .case-final-cta a.btn.btn-primary:hover {
  background: #107293;
  border-color: #107293;
  color: #fff;
}

.leao-page-case-gemat .case-hero--gemat .case-hero__image--primary {
  right: 8%;
  bottom: 0;
  width: min(520px, 38vw);
}

.leao-page-case-gemat .case-hero--gemat .case-hero__image--secondary {
  right: 2%;
  top: 18%;
  width: min(650px, 44vw);
  opacity: .36;
}

.leao-page-case-gemat .case-hero--gemat .case-hero__image img {
  object-position: center;
}

.leao-page-case-gemat .gemat-inline-phone {
  margin-top: clamp(28px, 3.6vw, 52px);
  max-width: 620px;
}

.leao-page-case-gemat .gemat-duo-grid,
.leao-page-case-gemat .gemat-result-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: clamp(28px, 4vw, 64px);
  align-items: start;
}

.leao-page-case-gemat .gemat-experience-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.06fr) minmax(320px, .94fr);
  gap: clamp(28px, 4vw, 64px);
  align-items: start;
}

.leao-page-case-gemat .gemat-duo-card {
  border: 1px solid var(--gemat-line);
  background: rgba(255, 255, 255, .045);
  padding: clamp(28px, 4vw, 48px);
}

.leao-page-case-gemat .gemat-duo-card h2,
.leao-page-case-gemat .gemat-result-copy h2,
.leao-page-case-gemat .gemat-experience-copy h2 {
  color: #fff;
}

.leao-page-case-gemat .gemat-experience-copy h2,
.leao-page-case-gemat .gemat-result-copy h2 {
  max-width: 860px;
  font-family: var(--font-display);
  font-size: clamp(44px, 5.4vw, 78px);
  line-height: .94;
  letter-spacing: -.045em;
}

.leao-page-case-gemat .gemat-experience-copy p,
.leao-page-case-gemat .gemat-result-copy p {
  max-width: 860px;
}

.leao-page-case-gemat .gemat-confidential-note {
  max-width: 980px;
  margin: clamp(28px, 4vw, 56px) 0 0;
  padding: 18px 22px;
  border-left: 3px solid var(--gemat-blue);
  background: rgba(24, 157, 170, .10);
  color: rgba(255, 255, 255, .78);
  font-size: 15px;
  line-height: 1.7;
}

.leao-page-case-gemat .case-showcase--gemat {
  background: #f5f7fb;
}

.leao-page-case-gemat .gemat-brand-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin-top: clamp(36px, 5vw, 72px);
  border: 1px solid rgba(20, 20, 20, .08);
  background: #fff;
}

.leao-page-case-gemat .gemat-brand-card {
  margin: 0;
  background: #fff;
  border-right: 1px solid rgba(20, 20, 20, .08);
  overflow: hidden;
}

.leao-page-case-gemat .gemat-brand-card:last-child {
  border-right: 0;
}

.leao-page-case-gemat .gemat-brand-card img {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

.leao-page-case-gemat .gemat-brand-card figcaption,
.leao-page-case-gemat .gemat-confidential-note,
.leao-page-case-gemat .gemat-deliveries li {
  font-family: var(--font-sans);
}

.leao-page-case-gemat .gemat-brand-card figcaption {
  min-height: 76px;
  padding: 16px 18px;
  color: var(--leao-gray);
  font-family: var(--font-mono);
  font-size: 11px;
  line-height: 1.55;
  letter-spacing: .08em;
  text-transform: uppercase;
  background: #fff;
}

.leao-page-case-gemat .gemat-ui-proof-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(18px, 2vw, 28px);
  margin-top: clamp(42px, 5vw, 72px);
}

.leao-page-case-gemat .gemat-ui-proof-grid--full {
  width: 100%;
}

.leao-page-case-gemat .gemat-ui-proof-card {
  margin: 0;
  overflow: hidden;
  background: rgba(255, 255, 255, .055);
  border: 1px solid var(--gemat-line);
}

.leao-page-case-gemat .gemat-ui-proof-card img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.leao-page-case-gemat .gemat-ui-proof-card figcaption {
  min-height: 62px;
  padding: 16px 18px;
  color: rgba(255, 255, 255, .72);
  font-family: var(--font-mono);
  font-size: 11px;
  line-height: 1.55;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.leao-page-case-gemat .gemat-experience-media {
  margin: 0;
  overflow: hidden;
  background: rgba(255, 255, 255, .06);
  border: 1px solid var(--gemat-line);
  align-self: start;
}

.leao-page-case-gemat .gemat-experience-media img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
}

.leao-page-case-gemat .gemat-experience-media figcaption {
  padding: 18px 20px;
  color: rgba(255, 255, 255, .68);
  font-family: var(--font-mono);
  font-size: 11px;
  line-height: 1.55;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.leao-page-case-gemat .gemat-application-grid .case-proof-card img {
  aspect-ratio: 16 / 10;
  object-fit: cover;
}

.leao-page-case-gemat .gemat-deliveries {
  border: 1px solid var(--gemat-line);
  background: rgba(255, 255, 255, .045);
  padding: clamp(28px, 4vw, 44px);
}

.leao-page-case-gemat .gemat-deliveries h3 {
  margin: 0 0 20px;
  color: #fff;
  font-family: var(--font-mono);
  font-size: 13px;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.leao-page-case-gemat .gemat-deliveries ul {
  display: grid;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.leao-page-case-gemat .gemat-deliveries li {
  position: relative;
  padding-left: 20px;
  color: rgba(255, 255, 255, .76);
  line-height: 1.6;
}

.leao-page-case-gemat .gemat-deliveries li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .72em;
  width: 7px;
  height: 7px;
  background: var(--gemat-blue);
  transform: rotate(45deg);
}

.leao-page-case-gemat .case-inline-visual,
.leao-page-case-gemat .gemat-brand-card,
.leao-page-case-gemat .gemat-experience-media,
.leao-page-case-gemat .gemat-ui-proof-card,
.leao-page-case-gemat .case-proof-card,
.leao-page-case-gemat .case-related-card__media {
  overflow: hidden;
}

.leao-page-case-gemat .case-inline-visual img,
.leao-page-case-gemat .gemat-brand-card img,
.leao-page-case-gemat .gemat-experience-media img,
.leao-page-case-gemat .gemat-ui-proof-card img,
.leao-page-case-gemat .case-proof-card img,
.leao-page-case-gemat .case-related-card__media img {
  transition: transform .85s cubic-bezier(.22, 1, .36, 1), filter .55s cubic-bezier(.22, 1, .36, 1);
}

@media (hover: hover) and (pointer: fine) {
  .leao-page-case-gemat .case-inline-visual:hover img,
  .leao-page-case-gemat .gemat-brand-card:hover img,
  .leao-page-case-gemat .gemat-experience-media:hover img,
  .leao-page-case-gemat .gemat-ui-proof-card:hover img,
  .leao-page-case-gemat .case-proof-card:hover img,
  .leao-page-case-gemat .case-related-card__media:hover img {
    transform: scale(1.025);
  }
}

@media (max-width: 1100px) {
  .leao-page-case-gemat .gemat-brand-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .leao-page-case-gemat .gemat-brand-card:nth-child(2) {
    border-right: 0;
  }

  .leao-page-case-gemat .gemat-brand-card:nth-child(-n+2) {
    border-bottom: 1px solid rgba(20, 20, 20, .08);
  }
}

@media (max-width: 980px) {
  .leao-page-case-gemat .case-hero--gemat .case-hero__image--primary,
  .leao-page-case-gemat .case-hero--gemat .case-hero__image--secondary {
    width: min(520px, 78vw);
  }

  .leao-page-case-gemat .gemat-duo-grid,
  .leao-page-case-gemat .gemat-result-grid,
  .leao-page-case-gemat .gemat-experience-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 680px) {
  .leao-page-case-gemat .gemat-brand-grid,
  .leao-page-case-gemat .gemat-ui-proof-grid {
    grid-template-columns: 1fr;
  }

  .leao-page-case-gemat .gemat-brand-card,
  .leao-page-case-gemat .gemat-brand-card:nth-child(2) {
    border-right: 0;
  }

  .leao-page-case-gemat .gemat-brand-card {
    border-bottom: 1px solid rgba(20, 20, 20, .08);
  }

  .leao-page-case-gemat .gemat-brand-card:last-child {
    border-bottom: 0;
  }
}
/* Fim Case GEMAT Tereme */







/* Case DualClin - SITE-v0.26 ajustes finais */
.leao-page-case-dualclin {
  --dualclin-case-accent: var(--leao-teal, #189DAA);
  --dualclin-case-blue: var(--leao-blue, #107293);
  --dualclin-case-ink: var(--leao-black, #141414);
  --dualclin-case-soft: var(--leao-light, #F4F7F8);
  --dualclin-case-line: rgba(20, 20, 20, .10);
}

.leao-page-case-dualclin .case-hero__bg::before {
  background:
    radial-gradient(circle at 76% 40%, rgba(24, 157, 170, .22), transparent 34%),
    linear-gradient(90deg, rgba(20,20,20,.97) 0%, rgba(20,20,20,.88) 48%, rgba(16,114,147,.24) 100%);
}

.leao-page-case-dualclin .case-hero__content {
  width: min(100% - calc(var(--container-pad, 32px) * 2), var(--container-max, 1320px));
  margin-left: auto;
  margin-right: auto;
  transform: translateX(clamp(-28px, -1.6vw, -12px));
}

.leao-page-case-dualclin .case-hero__image--primary {
  width: min(32vw, 520px);
  height: min(20vw, 330px);
  right: 6vw;
  bottom: 16vh;
  z-index: 1;
}

.leao-page-case-dualclin .case-hero__image--secondary {
  width: min(24vw, 390px);
  height: min(15vw, 245px);
  right: 23vw;
  top: 24vh;
  opacity: .38;
  z-index: 0;
}

.leao-page-case-dualclin .case-hero__image img {
  filter: brightness(.72) contrast(1.08) saturate(.88);
}

.leao-page-case-dualclin .case-hero__title {
  max-width: 880px;
}

.leao-page-case-dualclin .case-hero__title em,
.leao-page-case-dualclin .case-breadcrumb [aria-current="page"],
.leao-page-case-dualclin .case-breadcrumb a:hover {
  color: var(--dualclin-case-accent);
}

.leao-page-case-dualclin .tag--case-teal {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  font-family: var(--font-mono);
  font-size: 11px;
  line-height: 1;
  letter-spacing: .14em;
  text-transform: uppercase;
  margin-bottom: 22px;
  padding: 9px 13px;
  border-color: rgba(24, 157, 170, .42);
  border-style: solid;
  border-width: 1px;
  background: rgba(24, 157, 170, .12);
  color: var(--dualclin-case-accent);
}

.leao-page-case-dualclin .case-summary__card span,
.leao-page-case-dualclin .case-metrics-grid span,
.leao-page-case-dualclin .case-related-card__body span,
.leao-page-case-dualclin .case-learning__eyebrow,
.leao-page-case-dualclin .case-final-cta__eyebrow {
  color: var(--dualclin-case-accent);
}

.leao-page-case-dualclin .case-metrics-grid article {
  min-height: 245px;
}

.leao-page-case-dualclin .case-editorial-grid,
.leao-page-case-dualclin .case-editorial-grid--reverse {
  align-items: center;
}

.leao-page-case-dualclin .case-editorial-grid__copy {
  align-self: center;
  padding-top: 0;
}

.leao-page-case-dualclin .case-editorial-grid__copy p:first-child {
  margin-top: 0;
}

.leao-page-case-dualclin .dualclin-context-gallery {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(18px, 2.4vw, 30px);
  margin-top: clamp(48px, 6vw, 84px);
}

.leao-page-case-dualclin .dualclin-soft-card,
.leao-page-case-dualclin .dualclin-wide-proof,
.leao-page-case-dualclin .dualclin-story-proof {
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--dualclin-case-line);
  background: var(--dualclin-case-soft);
}

.leao-page-case-dualclin .dualclin-soft-card img {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: contain;
  background: #eef3f4;
}

.leao-page-case-dualclin .dualclin-challenge-visual {
  display: grid;
  grid-template-columns: minmax(0, 1.65fr) minmax(220px, .55fr);
  gap: clamp(18px, 2.4vw, 30px);
  align-items: stretch;
  margin-top: clamp(48px, 6vw, 84px);
}

.leao-page-case-dualclin .dualclin-wide-proof,
.leao-page-case-dualclin .dualclin-story-proof {
  border-color: rgba(255,255,255,.12);
  background: rgba(255,255,255,.045);
}

.leao-page-case-dualclin .dualclin-wide-proof img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: clamp(260px, 24vw, 390px);
  object-fit: contain;
  background: rgba(255,255,255,.035);
}

.leao-page-case-dualclin .dualclin-story-proof img {
  display: block;
  width: 100%;
  max-height: clamp(360px, 38vw, 560px);
  object-fit: contain;
  background: rgba(255,255,255,.035);
}

.leao-page-case-dualclin .dualclin-soft-card figcaption,
.leao-page-case-dualclin .dualclin-wide-proof figcaption,
.leao-page-case-dualclin .dualclin-story-proof figcaption {
  padding: 16px 18px;
  color: #4f5b5f;
  font-family: var(--font-mono);
  font-size: 11px;
  line-height: 1.55;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.leao-page-case-dualclin .dualclin-wide-proof figcaption,
.leao-page-case-dualclin .dualclin-story-proof figcaption {
  color: rgba(255,255,255,.72);
}

.leao-page-case-dualclin .case-visual--dualclin-feed {
  background: var(--dualclin-case-ink);
  color: var(--leao-white, #FFFFFF);
}

.leao-page-case-dualclin .dualclin-feature-grid {
  display: grid;
  grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
  gap: clamp(34px, 7vw, 96px);
  align-items: center;
}

.leao-page-case-dualclin .dualclin-feature-copy h2 {
  max-width: 620px;
  margin: 22px 0 24px;
  color: var(--leao-white, #FFFFFF);
  font-family: var(--font-display);
  font-size: clamp(34px, 5vw, 68px);
  line-height: 1.02;
  letter-spacing: -.035em;
}

.leao-page-case-dualclin .dualclin-feature-copy p {
  max-width: 540px;
  margin: 0;
  color: var(--leao-white-70, rgba(255,255,255,.70));
  font-size: 18px;
  line-height: 1.82;
}

.leao-page-case-dualclin .dualclin-feature-visual {
  box-shadow: 0 34px 90px rgba(0,0,0,.30);
}

.leao-page-case-dualclin .dualclin-feature-visual img {
  min-height: 0;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.leao-page-case-dualclin .dualclin-proof-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(18px, 2.4vw, 30px);
  margin-top: clamp(54px, 7vw, 92px);
}

.leao-page-case-dualclin .dualclin-proof-card,
.leao-page-case-dualclin .dualclin-post-card {
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--dualclin-case-line);
  background: var(--leao-white, #FFFFFF);
}

.leao-page-case-dualclin .dualclin-proof-card--wide {
  grid-column: span 2;
}

.leao-page-case-dualclin .dualclin-proof-card img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: contain;
  background: var(--dualclin-case-soft);
}

.leao-page-case-dualclin .dualclin-proof-card figcaption,
.leao-page-case-dualclin .dualclin-post-card figcaption {
  padding: 16px 18px;
  color: #4f5b5f;
  font-family: var(--font-mono);
  font-size: 11px;
  line-height: 1.55;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.leao-page-case-dualclin .dualclin-post-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(16px, 2vw, 26px);
  margin-top: clamp(54px, 7vw, 92px);
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.08);
}

.leao-page-case-dualclin .dualclin-post-card {
  border-color: rgba(255,255,255,.12);
  background: rgba(255,255,255,.045);
}

.leao-page-case-dualclin .dualclin-post-card img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
}

.leao-page-case-dualclin .dualclin-post-card figcaption {
  min-height: 82px;
  color: rgba(255,255,255,.72);
}

.leao-page-case-dualclin .case-final-cta {
  background: var(--dualclin-case-ink);
}

.leao-page-case-dualclin .case-final-cta::before {
  background:
    radial-gradient(circle at 78% 20%, rgba(24, 157, 170, .20), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.05), transparent 52%);
}

.leao-page-case-dualclin .case-final-cta .btn--primary {
  background: var(--leao-white, #FFFFFF);
  border-color: var(--leao-white, #FFFFFF);
  color: var(--dualclin-case-ink);
}

.leao-page-case-dualclin .case-final-cta .btn--primary:hover {
  background: var(--dualclin-case-accent);
  border-color: var(--dualclin-case-accent);
  color: var(--leao-white, #FFFFFF);
}

.leao-page-case-dualclin .case-final-cta .btn--ghost-dark {
  border-color: rgba(255,255,255,.42);
  color: var(--leao-white, #FFFFFF);
  background: transparent;
}

.leao-page-case-dualclin .case-final-cta .btn--ghost-dark:hover {
  border-color: var(--dualclin-case-accent);
  color: var(--dualclin-case-ink);
  background: var(--dualclin-case-accent);
}

.leao-page-case-dualclin .case-section--light .case-list {
  margin-top: 30px;
}

.leao-page-case-dualclin .case-related__grid {
  align-items: stretch;
}

.leao-page-case-dualclin .case-related-card__media img {
  filter: brightness(.92) contrast(1.05) saturate(.94);
}

.leao-page-case-dualclin .case-inline-visual img,
.leao-page-case-dualclin .dualclin-soft-card img,
.leao-page-case-dualclin .dualclin-wide-proof img,
.leao-page-case-dualclin .dualclin-story-proof img,
.leao-page-case-dualclin .dualclin-proof-card img,
.leao-page-case-dualclin .dualclin-post-card img,
.leao-page-case-dualclin .dualclin-feature-visual img {
  transition: transform .85s cubic-bezier(.22, 1, .36, 1), filter .55s cubic-bezier(.22, 1, .36, 1);
}

@media (hover: hover) and (pointer: fine) {
  .leao-page-case-dualclin .dualclin-proof-card:hover img,
  .leao-page-case-dualclin .dualclin-soft-card:hover img,
  .leao-page-case-dualclin .dualclin-wide-proof:hover img,
  .leao-page-case-dualclin .dualclin-story-proof:hover img,
  .leao-page-case-dualclin .dualclin-post-card:hover img,
  .leao-page-case-dualclin .dualclin-feature-visual:hover img {
    transform: scale(1.025);
  }
}

@media (max-width: 1080px) {
  .leao-page-case-dualclin .dualclin-post-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 980px) {
  .leao-page-case-dualclin .case-hero__image--primary {
    width: min(70vw, 520px);
    height: min(44vw, 330px);
    right: -8vw;
    bottom: 9vh;
    opacity: .28;
  }

  .leao-page-case-dualclin .case-hero__image--secondary {
    display: none;
  }

  .leao-page-case-dualclin .case-hero__content {
    width: min(100% - 48px, 100%);
    margin-left: auto;
    margin-right: auto;
    transform: none;
  }

  .leao-page-case-dualclin .dualclin-feature-grid,
  .leao-page-case-dualclin .dualclin-context-gallery,
  .leao-page-case-dualclin .dualclin-challenge-visual,
  .leao-page-case-dualclin .dualclin-proof-grid {
    grid-template-columns: 1fr;
  }

  .leao-page-case-dualclin .dualclin-proof-card--wide {
    grid-column: auto;
  }
}

@media (max-width: 680px) {
  .leao-page-case-dualclin .dualclin-post-grid {
    grid-template-columns: 1fr;
  }

  .leao-page-case-dualclin .dualclin-feature-copy h2 {
    font-size: clamp(32px, 12vw, 48px);
  }
}
/* Fim Case DualClin */

/* SITE-v0.27 - Alinhamento editorial e CTA final de cases */
.leao-page-case .case-hero__content,
.leao-page-case-elementus .case-hero__content,
.leao-page-case-dualclin .case-hero__content,
.leao-page-case-gemat .case-hero__content {
  width: min(100% - calc(var(--container-pad, 32px) * 2), var(--container-max, 1320px));
  margin-left: auto;
  margin-right: auto;
  transform: none !important;
}

.leao-page-case .case-related__header,
.leao-page-case-elementus .case-related__header,
.leao-page-case-dualclin .case-related__header,
.leao-page-case-gemat .case-related__header {
  display: block;
  max-width: 760px;
  margin-left: 0;
  margin-right: 0;
  text-align: left;
}

.leao-page-case .case-related__header h2,
.leao-page-case-elementus .case-related__header h2,
.leao-page-case-dualclin .case-related__header h2,
.leao-page-case-gemat .case-related__header h2 {
  max-width: 760px;
  margin-left: 0;
  margin-right: 0;
  text-align: left;
}

.leao-page-case-elementus .case-final-cta,
.leao-page-case-dualclin .case-final-cta {
  background:
    radial-gradient(circle at 84% 12%, rgba(255, 255, 255, .16), transparent 32%),
    linear-gradient(135deg, #1fa8b2 0%, #189DAA 56%, #107293 100%);
}

.leao-page-case-elementus .case-final-cta .btn.btn--primary,
.leao-page-case-dualclin .case-final-cta .btn.btn--primary,
.leao-page-case-elementus .case-final-cta .btn.btn-primary,
.leao-page-case-dualclin .case-final-cta .btn.btn-primary {
  background: #ffffff;
  border-color: #ffffff;
  color: #141414;
}

.leao-page-case-elementus .case-final-cta .btn.btn--primary:hover,
.leao-page-case-dualclin .case-final-cta .btn.btn--primary:hover,
.leao-page-case-elementus .case-final-cta .btn.btn-primary:hover,
.leao-page-case-dualclin .case-final-cta .btn.btn-primary:hover {
  background: #f4f7f8;
  border-color: #f4f7f8;
  color: #141414;
}

.leao-page-case-elementus .case-final-cta .btn.btn--ghost-dark,
.leao-page-case-dualclin .case-final-cta .btn.btn--ghost-dark,
.leao-page-case-elementus .case-final-cta .btn.btn-ghost,
.leao-page-case-dualclin .case-final-cta .btn.btn-ghost {
  background: transparent;
  border-color: rgba(255, 255, 255, .72);
  color: #ffffff;
}

.leao-page-case-elementus .case-final-cta .btn.btn--ghost-dark:hover,
.leao-page-case-dualclin .case-final-cta .btn.btn--ghost-dark:hover,
.leao-page-case-elementus .case-final-cta .btn.btn-ghost:hover,
.leao-page-case-dualclin .case-final-cta .btn.btn-ghost:hover {
  background: rgba(255, 255, 255, .14);
  border-color: #ffffff;
  color: #ffffff;
}

@media (max-width: 980px) {
  .leao-page-case .case-hero__content,
  .leao-page-case-elementus .case-hero__content,
  .leao-page-case-dualclin .case-hero__content,
  .leao-page-case-gemat .case-hero__content {
    width: min(100% - 48px, 100%);
  }
}


/* SITE-v0.30 — Cases: eixo hero Elementus/DualClin + escala de posts DualClin */
.leao-page-case-dualclin .case-hero__content,
.leao-page-case-elementus .case-hero__content {
  box-sizing: border-box;
  padding-left: clamp(84px, 8vw, 144px);
}

.leao-page-case-dualclin .dualclin-post-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(22px, 3vw, 36px);
  align-items: start;
}

.leao-page-case-dualclin .dualclin-post-card {
  min-width: 0;
}

.leao-page-case-dualclin .dualclin-post-card img {
  width: 100%;
  height: auto;
  min-height: 0;
  display: block;
  aspect-ratio: auto;
  object-fit: contain;
  object-position: center center;
  background: #141414;
}

.leao-page-case-dualclin .dualclin-post-card:nth-child(-n+2) {
  width: 100%;
  max-width: clamp(260px, 22vw, 360px);
  justify-self: center;
}

.leao-page-case-dualclin .dualclin-post-card:nth-child(3),
.leao-page-case-dualclin .dualclin-post-card:nth-child(4) {
  grid-column: 1 / -1;
}

@media (max-width: 1100px) {
  .leao-page-case-dualclin .case-hero__content,
  .leao-page-case-elementus .case-hero__content {
    padding-left: clamp(40px, 6vw, 72px);
  }

  .leao-page-case-dualclin .dualclin-post-card:nth-child(-n+2) {
    max-width: clamp(240px, 34vw, 340px);
  }
}

@media (max-width: 768px) {
  .leao-page-case-dualclin .case-hero__content,
  .leao-page-case-elementus .case-hero__content {
    padding-left: 0;
  }

  .leao-page-case-dualclin .dualclin-post-grid {
    grid-template-columns: 1fr;
  }

  .leao-page-case-dualclin .dualclin-post-card:nth-child(-n+2) {
    max-width: 360px;
  }

  .leao-page-case-dualclin .dualclin-post-card:nth-child(3),
  .leao-page-case-dualclin .dualclin-post-card:nth-child(4) {
    grid-column: auto;
  }
}
/* /SITE-v0.30 — Cases */

/* SITE-v0.33 — Case Enseada Express. Escopo: .leao-page-case-enseada-express */
.leao-page-case-enseada-express {
  --enseada-orange: #F25022;
  --enseada-orange-dark: #D94016;
  --enseada-charcoal: #2B2B2B;
}

.leao-page-case-enseada-express .case-hero__content {
  box-sizing: border-box;
  padding-left: clamp(84px, 8vw, 144px);
}

.leao-page-case-enseada-express .case-hero--enseada .case-hero__bg::before,
.leao-page-case-enseada-express .case-hero__bg::before {
  background:
    radial-gradient(circle at 74% 42%, rgba(242,80,34,.24), transparent 34%),
    linear-gradient(90deg, rgba(20,20,20,.97) 0%, rgba(20,20,20,.84) 45%, rgba(242,80,34,.18) 100%);
}

.leao-page-case-enseada-express .case-hero__overlay {
  background: linear-gradient(180deg, rgba(20,20,20,.16), rgba(20,20,20,.88));
}

.leao-page-case-enseada-express .case-hero__title em,
.leao-page-case-enseada-express .case-breadcrumb [aria-current="page"],
.leao-page-case-enseada-express .case-breadcrumb a:hover,
.leao-page-case-enseada-express .case-summary__card span,
.leao-page-case-enseada-express .case-metrics-grid span,
.leao-page-case-enseada-express .case-related-card__body span,
.leao-page-case-enseada-express .case-learning__eyebrow,
.leao-page-case-enseada-express .case-final-cta__eyebrow {
  color: var(--enseada-orange);
}

.leao-page-case-enseada-express .tag--case-orange {
  color: var(--enseada-orange);
  border-color: rgba(242,80,34,.36);
  background: rgba(242,80,34,.08);
}

.leao-page-case-enseada-express .case-hero__image--primary {
  width: min(47vw, 790px);
  height: min(28vw, 470px);
  right: 6vw;
  bottom: 12vh;
}

.leao-page-case-enseada-express .case-hero__image--secondary {
  width: min(25vw, 390px);
  height: min(35vw, 540px);
  right: 27vw;
  top: 17vh;
  opacity: .38;
}

.leao-page-case-enseada-express .case-hero__image img {
  filter: brightness(.72) contrast(1.12) saturate(.98);
}

.leao-page-case-enseada-express .btn--primary {
  background: var(--enseada-orange);
}

.leao-page-case-enseada-express .btn--primary:hover {
  background: var(--enseada-orange-dark);
}

.leao-page-case-enseada-express .enseada-context-showcase,
.leao-page-case-enseada-express .enseada-challenge-grid,
.leao-page-case-enseada-express .enseada-hotsite-grid,
.leao-page-case-enseada-express .enseada-social-grid {
  display: grid;
  gap: clamp(22px, 3vw, 36px);
  margin-top: clamp(42px, 6vw, 76px);
}

.leao-page-case-enseada-express .enseada-context-showcase {
  grid-template-columns: minmax(0, 1.45fr) minmax(260px, .55fr);
  align-items: stretch;
}

.leao-page-case-enseada-express .enseada-challenge-grid {
  grid-template-columns: minmax(0, 1.28fr) minmax(280px, .72fr);
}

.leao-page-case-enseada-express .enseada-hotsite-grid {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.leao-page-case-enseada-express .enseada-social-grid {
  grid-template-columns: minmax(260px, .75fr) repeat(3, minmax(0, 1fr));
}

.leao-page-case-enseada-express .enseada-proof-card,
.leao-page-case-enseada-express .enseada-browser-frame {
  margin: 0;
  background: var(--leao-white);
  border: 1px solid var(--leao-light-dark);
  overflow: hidden;
}

.leao-page-case-enseada-express .case-section--dark .enseada-proof-card,
.leao-page-case-enseada-express .case-section--dark .enseada-browser-frame {
  background: rgba(255,255,255,.04);
  border-color: var(--leao-white-10);
}

.leao-page-case-enseada-express .enseada-proof-card img,
.leao-page-case-enseada-express .enseada-browser-frame img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  background: #f3f3f3;
}

.leao-page-case-enseada-express .case-section--dark .enseada-proof-card img,
.leao-page-case-enseada-express .case-section--dark .enseada-browser-frame img {
  background: rgba(255,255,255,.04);
}

.leao-page-case-enseada-express .enseada-proof-card--wide img {
  aspect-ratio: 16 / 8;
  object-fit: cover;
}

.leao-page-case-enseada-express .enseada-proof-card--vertical img {
  aspect-ratio: 9 / 14;
  object-fit: contain;
}

.leao-page-case-enseada-express .enseada-context-showcase .enseada-proof-card:not(.enseada-proof-card--wide) img {
  aspect-ratio: 9 / 14;
}

.leao-page-case-enseada-express .enseada-challenge-grid .enseada-proof-card:first-child img {
  aspect-ratio: 16 / 8;
  object-fit: cover;
}

.leao-page-case-enseada-express .enseada-challenge-grid .enseada-proof-card:last-child img,
.leao-page-case-enseada-express .enseada-social-grid .enseada-proof-card:not(.enseada-proof-card--vertical) img {
  aspect-ratio: 1 / 1;
  object-fit: contain;
}

.leao-page-case-enseada-express .enseada-browser-frame img {
  aspect-ratio: 16 / 9;
  object-fit: contain;
}

.leao-page-case-enseada-express .enseada-proof-card figcaption,
.leao-page-case-enseada-express .enseada-browser-frame figcaption {
  padding: 22px 26px;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .12em;
  line-height: 1.65;
  text-transform: uppercase;
  color: #5c6467;
}

.leao-page-case-enseada-express .case-section--dark .enseada-proof-card figcaption,
.leao-page-case-enseada-express .case-section--dark .enseada-browser-frame figcaption {
  color: var(--leao-white-60);
}

.leao-page-case-enseada-express .case-showcase--enseada {
  background: #f5f5f2;
  color: var(--leao-black);
}

.leao-page-case-enseada-express .case-showcase--enseada .case-editorial-grid__copy p {
  color: #4c5558;
}

@media (max-width: 1100px) {
  .leao-page-case-enseada-express .case-hero__content {
    padding-left: clamp(40px, 6vw, 72px);
  }

  .leao-page-case-enseada-express .enseada-context-showcase,
  .leao-page-case-enseada-express .enseada-challenge-grid,
  .leao-page-case-enseada-express .enseada-hotsite-grid {
    grid-template-columns: 1fr;
  }

  .leao-page-case-enseada-express .enseada-social-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  .leao-page-case-enseada-express .case-hero__content {
    padding-left: 0;
  }

  .leao-page-case-enseada-express .enseada-social-grid {
    grid-template-columns: 1fr;
  }

  .leao-page-case-enseada-express .enseada-proof-card--wide img,
  .leao-page-case-enseada-express .enseada-challenge-grid .enseada-proof-card:first-child img,
  .leao-page-case-enseada-express .enseada-browser-frame img {
    aspect-ratio: auto;
  }
}
/* /SITE-v0.33 — Case Enseada Express */


/* SITE-v0.33.2 — Enseada Express: interface no design system Leão */
.leao-page-case-enseada-express {
  --enseada-orange: var(--leao-teal, #189DAA);
  --enseada-orange-dark: var(--leao-blue, #107293);
  --enseada-orange-light: rgba(24, 157, 170, 0.18);
  --case-accent: var(--leao-teal, #189DAA);
  --case-accent-dark: var(--leao-blue, #107293);
}

.leao-page-case-enseada-express .case-hero__title em,
.leao-page-case-enseada-express .case-breadcrumb [aria-current="page"],
.leao-page-case-enseada-express .case-breadcrumb a:hover,
.leao-page-case-enseada-express .case-summary__card span,
.leao-page-case-enseada-express .case-metrics-grid span,
.leao-page-case-enseada-express .case-related-card__body span,
.leao-page-case-enseada-express .case-learning__eyebrow,
.leao-page-case-enseada-express .case-final-cta__eyebrow,
.leao-page-case-enseada-express .case-section__eyebrow,
.leao-page-case-enseada-express .case-editorial-grid__eyebrow {
  color: var(--leao-teal, #189DAA);
}

.leao-page-case-enseada-express .tag--case-orange,
.leao-page-case-enseada-express .tag--case-enseada {
  color: var(--leao-teal, #189DAA);
  border-color: rgba(24, 157, 170, 0.54);
  background: rgba(24, 157, 170, 0.08);
}

.leao-page-case-enseada-express .btn--primary,
.leao-page-case-enseada-express .case-final-cta .btn--primary {
  background: var(--leao-teal, #189DAA);
  border-color: var(--leao-teal, #189DAA);
  color: #ffffff;
}

.leao-page-case-enseada-express .btn--primary:hover,
.leao-page-case-enseada-express .case-final-cta .btn--primary:hover {
  background: var(--leao-blue, #107293);
  border-color: var(--leao-blue, #107293);
  color: #ffffff;
}

.leao-page-case-enseada-express .hero__line,
.leao-page-case-enseada-express .case-hero .hero__line {
  background: linear-gradient(to bottom, transparent, var(--leao-teal, #189DAA), transparent);
}

.leao-page-case-enseada-express .case-summary__card,
.leao-page-case-enseada-express .enseada-proof-card,
.leao-page-case-enseada-express .enseada-browser-frame,
.leao-page-case-enseada-express .case-related-card,
.leao-page-case-enseada-express .case-metrics-grid article {
  border-color: rgba(24, 157, 170, 0.18);
}

.leao-page-case-enseada-express .case-summary__card:hover,
.leao-page-case-enseada-express .case-related-card:hover {
  border-color: rgba(24, 157, 170, 0.42);
}

.leao-page-case-enseada-express .case-section--dark .enseada-proof-card figcaption,
.leao-page-case-enseada-express .case-section--dark .enseada-browser-frame figcaption {
  color: rgba(255, 255, 255, 0.74);
}

.leao-page-case-enseada-express .case-final-cta {
  background:
    radial-gradient(circle at 82% 28%, rgba(24, 157, 170, 0.24), transparent 34%),
    linear-gradient(135deg, #107293 0%, #189DAA 100%);
}

.leao-page-case-enseada-express .case-hero__overlay {
  background:
    linear-gradient(90deg, rgba(20,20,20,0.96) 0%, rgba(20,20,20,0.82) 44%, rgba(20,20,20,0.44) 100%),
    radial-gradient(circle at 78% 32%, rgba(24,157,170,0.28), transparent 35%);
}
/* /SITE-v0.33.2 — Enseada Express */

/* SITE-v0.35.1 — Case GCA Ambiental. Escopo: .leao-page-case-gca-ambiental */
.leao-page-case-gca-ambiental {
  --gca-case-accent: var(--leao-teal, #189DAA);
  --gca-case-accent-dark: var(--leao-blue, #107293);
  --gca-case-soft: #f3f4f1;
  --gca-case-earth: #d9d2c7;
}

.leao-page-case-gca-ambiental .case-hero__content {
  box-sizing: border-box;
  padding-left: clamp(84px, 8vw, 144px);
}

.leao-page-case-gca-ambiental .case-hero--gca .case-hero__bg::before,
.leao-page-case-gca-ambiental .case-hero__bg::before {
  background:
    radial-gradient(circle at 76% 38%, rgba(24, 157, 170, 0.26), transparent 35%),
    linear-gradient(90deg, rgba(20,20,20,0.98) 0%, rgba(20,20,20,0.86) 45%, rgba(16,114,147,0.20) 100%);
}

.leao-page-case-gca-ambiental .case-hero__overlay {
  background:
    linear-gradient(180deg, rgba(20,20,20,0.08), rgba(20,20,20,0.88)),
    radial-gradient(circle at 70% 26%, rgba(24,157,170,0.16), transparent 36%);
}

.leao-page-case-gca-ambiental .case-hero__title em,
.leao-page-case-gca-ambiental .case-breadcrumb [aria-current="page"],
.leao-page-case-gca-ambiental .case-breadcrumb a:hover,
.leao-page-case-gca-ambiental .case-summary__card span,
.leao-page-case-gca-ambiental .case-metrics-grid span,
.leao-page-case-gca-ambiental .case-related-card__body span,
.leao-page-case-gca-ambiental .case-learning__eyebrow,
.leao-page-case-gca-ambiental .case-final-cta__eyebrow,
.leao-page-case-gca-ambiental .case-section__eyebrow,
.leao-page-case-gca-ambiental .case-editorial-grid__eyebrow {
  color: var(--gca-case-accent);
}

.leao-page-case-gca-ambiental .tag--case-gca {
  color: var(--gca-case-accent);
  border-color: rgba(24, 157, 170, 0.54);
  background: rgba(24, 157, 170, 0.08);
}

.leao-page-case-gca-ambiental .btn--primary,
.leao-page-case-gca-ambiental .case-final-cta .btn--primary {
  background: var(--gca-case-accent);
  border-color: var(--gca-case-accent);
  color: #ffffff;
}

.leao-page-case-gca-ambiental .btn--primary:hover,
.leao-page-case-gca-ambiental .case-final-cta .btn--primary:hover {
  background: var(--gca-case-accent-dark);
  border-color: var(--gca-case-accent-dark);
}

.leao-page-case-gca-ambiental .hero__line,
.leao-page-case-gca-ambiental .case-hero .hero__line {
  background: linear-gradient(to bottom, transparent, rgba(24,157,170,.95), transparent);
}

.leao-page-case-gca-ambiental .case-hero__image--primary {
  width: min(56vw, 920px);
  height: min(38vw, 620px);
  right: 3vw;
  bottom: 9vh;
}

.leao-page-case-gca-ambiental .case-hero__image--secondary {
  width: min(31vw, 520px);
  height: min(24vw, 390px);
  right: 34vw;
  top: 15vh;
  opacity: .34;
}

.leao-page-case-gca-ambiental .case-hero__image img {
  object-fit: contain;
  filter: brightness(.76) contrast(1.08) saturate(.92);
}

.leao-page-case-gca-ambiental .case-summary__card,
.leao-page-case-gca-ambiental .case-metrics-grid article,
.leao-page-case-gca-ambiental .case-related-card {
  border-color: rgba(24,157,170,.16);
}

.leao-page-case-gca-ambiental .case-summary__card:hover,
.leao-page-case-gca-ambiental .case-related-card:hover {
  border-color: rgba(24,157,170,.38);
}

.leao-page-case-gca-ambiental .gca-hero-showcase,
.leao-page-case-gca-ambiental .gca-duo-grid,
.leao-page-case-gca-ambiental .gca-brand-grid,
.leao-page-case-gca-ambiental .gca-application-grid,
.leao-page-case-gca-ambiental .gca-site-grid {
  display: grid;
  gap: clamp(22px, 3vw, 36px);
  margin-top: clamp(42px, 6vw, 76px);
}

.leao-page-case-gca-ambiental .gca-duo-grid {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.leao-page-case-gca-ambiental .gca-brand-grid {
  grid-template-columns: minmax(0, 1.15fr) minmax(260px, .9fr) minmax(260px, .9fr);
}

.leao-page-case-gca-ambiental .gca-application-grid {
  grid-template-columns: minmax(0, 1.35fr) minmax(240px, .65fr) minmax(240px, .65fr);
}

.leao-page-case-gca-ambiental .gca-site-grid {
  grid-template-columns: minmax(0, 1.1fr) minmax(280px, .9fr);
  align-items: start;
}

.leao-page-case-gca-ambiental .gca-proof-card,
.leao-page-case-gca-ambiental .gca-browser-frame {
  margin: 0;
  background: var(--leao-white);
  border: 1px solid rgba(24,157,170,.14);
  overflow: hidden;
}

.leao-page-case-gca-ambiental .case-section--dark .gca-proof-card,
.leao-page-case-gca-ambiental .case-section--dark .gca-browser-frame {
  background: rgba(255,255,255,.045);
  border-color: rgba(24,157,170,.18);
}

.leao-page-case-gca-ambiental .gca-proof-card img,
.leao-page-case-gca-ambiental .gca-browser-frame img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  background: var(--gca-case-soft);
}

.leao-page-case-gca-ambiental .case-section--dark .gca-proof-card img,
.leao-page-case-gca-ambiental .case-section--dark .gca-browser-frame img {
  background: rgba(255,255,255,.045);
}

.leao-page-case-gca-ambiental .gca-proof-card--vehicle img,
.leao-page-case-gca-ambiental .gca-proof-card--wide img {
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.leao-page-case-gca-ambiental .gca-duo-grid .gca-proof-card img,
.leao-page-case-gca-ambiental .gca-brand-grid .gca-proof-card:not(.gca-proof-card--wide) img,
.leao-page-case-gca-ambiental .gca-application-grid .gca-proof-card:not(.gca-proof-card--wide) img {
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.leao-page-case-gca-ambiental .gca-site-grid .gca-proof-card img {
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.leao-page-case-gca-ambiental .gca-browser-frame img {
  max-height: 640px;
  object-fit: cover;
  object-position: top center;
}

.leao-page-case-gca-ambiental .gca-proof-card figcaption,
.leao-page-case-gca-ambiental .gca-browser-frame figcaption {
  padding: 22px 26px;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .12em;
  line-height: 1.65;
  text-transform: uppercase;
  color: #5c6467;
  border-top: 1px solid rgba(24,157,170,.10);
}

.leao-page-case-gca-ambiental .case-section--dark .gca-proof-card figcaption,
.leao-page-case-gca-ambiental .case-section--dark .gca-browser-frame figcaption {
  color: var(--leao-white-60);
  border-top-color: rgba(24,157,170,.18);
}

.leao-page-case-gca-ambiental .case-showcase--gca {
  background:
    radial-gradient(circle at 85% 12%, rgba(24,157,170,.10), transparent 28%),
    var(--gca-case-soft);
  color: var(--leao-black);
}

.leao-page-case-gca-ambiental .case-showcase--gca .case-editorial-grid__copy p {
  color: #4c5558;
}

.leao-page-case-gca-ambiental .case-section--dark {
  background:
    radial-gradient(circle at 82% 18%, rgba(24,157,170,.10), transparent 34%),
    #141414;
}

.leao-page-case-gca-ambiental .case-final-cta {
  background:
    radial-gradient(circle at 82% 28%, rgba(24,157,170,.26), transparent 34%),
    linear-gradient(135deg, #107293 0%, #189DAA 100%);
}

@media (max-width: 1180px) {
  .leao-page-case-gca-ambiental .case-hero__content {
    padding-left: clamp(40px, 6vw, 72px);
  }

  .leao-page-case-gca-ambiental .gca-brand-grid,
  .leao-page-case-gca-ambiental .gca-application-grid {
    grid-template-columns: 1fr 1fr;
  }

  .leao-page-case-gca-ambiental .gca-brand-grid .gca-proof-card--wide,
  .leao-page-case-gca-ambiental .gca-application-grid .gca-proof-card--wide {
    grid-column: 1 / -1;
  }
}

@media (max-width: 900px) {
  .leao-page-case-gca-ambiental .case-hero__image--secondary {
    display: none;
  }

  .leao-page-case-gca-ambiental .gca-duo-grid,
  .leao-page-case-gca-ambiental .gca-brand-grid,
  .leao-page-case-gca-ambiental .gca-application-grid,
  .leao-page-case-gca-ambiental .gca-site-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .leao-page-case-gca-ambiental .case-hero__content {
    padding-left: 0;
  }

  .leao-page-case-gca-ambiental .gca-proof-card--vehicle img,
  .leao-page-case-gca-ambiental .gca-proof-card--wide img,
  .leao-page-case-gca-ambiental .gca-duo-grid .gca-proof-card img,
  .leao-page-case-gca-ambiental .gca-brand-grid .gca-proof-card:not(.gca-proof-card--wide) img,
  .leao-page-case-gca-ambiental .gca-application-grid .gca-proof-card:not(.gca-proof-card--wide) img,
  .leao-page-case-gca-ambiental .gca-site-grid .gca-proof-card img {
    aspect-ratio: auto;
  }
}
/* /SITE-v0.35.1 — Case GCA Ambiental */


/* SITE-v0.36.3 — Portfolio-like hero stack and minimal internal hover */

/*
 * 1) Hover aprovado: somente imagens internas.
 * Padrão igual ao Portfólio: zoom leve, sem brilho, sem sombra pesada.
 */
.leao-page-case .case-related-card__media,
.leao-page-case .case-editorial-grid figure,
.leao-page-case .case-showcase figure,
.leao-page-case .enseada-proof-card,
.leao-page-case .enseada-browser-frame,
.leao-page-case .gca-proof-card,
.leao-page-case .gca-browser-frame {
  overflow: hidden;
}

.leao-page-case .case-related-card__media img,
.leao-page-case .case-editorial-grid figure img,
.leao-page-case .case-showcase figure img,
.leao-page-case .enseada-proof-card img,
.leao-page-case .enseada-browser-frame img,
.leao-page-case .gca-proof-card img,
.leao-page-case .gca-browser-frame img {
  display: block;
  transform: scale(1.001);
  transition:
    transform .52s cubic-bezier(.22, 1, .36, 1),
    filter .52s cubic-bezier(.22, 1, .36, 1);
}

@media (hover: hover) and (pointer: fine) {
  .leao-page-case .case-related-card:hover .case-related-card__media img,
  .leao-page-case .case-editorial-grid figure:hover img,
  .leao-page-case .case-showcase figure:hover img,
  .leao-page-case .enseada-proof-card:hover img,
  .leao-page-case .enseada-browser-frame:hover img,
  .leao-page-case .gca-proof-card:hover img,
  .leao-page-case .gca-browser-frame:hover img {
    transform: scale(1.03);
    filter: saturate(1.02) contrast(1.01);
  }
}

/*
 * 2) Hero dos cases: padrão visual igual ao Portfólio.
 * Fotos menores, à direita, sobrepostas, escurecidas e com sensação de coleção.
 * Não transformar em fundo grande.
 */
.leao-page-case-gca-ambiental .case-hero__bg,
.leao-page-case-enseada-express .case-hero__bg {
  overflow: hidden;
}

.leao-page-case-gca-ambiental .case-hero__image,
.leao-page-case-enseada-express .case-hero__image {
  position: absolute;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .08);
  box-shadow: none;
  background: rgba(255, 255, 255, .02);
}

.leao-page-case-gca-ambiental .case-hero__image img,
.leao-page-case-enseada-express .case-hero__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(.46) contrast(1.04) saturate(.82);
  opacity: .86;
}

/* GCA — foto principal menor, direita, padrão coleção */
.leao-page-case-gca-ambiental .case-hero__image--primary {
  width: clamp(420px, 34vw, 660px);
  height: clamp(236px, 19vw, 372px);
  right: clamp(52px, 6.5vw, 124px);
  bottom: clamp(120px, 15vh, 176px);
  z-index: 2;
  transform: rotate(.6deg);
  opacity: .56;
}

/* GCA — foto secundária atrás, acima e à esquerda */
.leao-page-case-gca-ambiental .case-hero__image--secondary {
  width: clamp(300px, 25vw, 480px);
  height: clamp(200px, 16.5vw, 318px);
  right: clamp(270px, 25vw, 520px);
  top: clamp(102px, 15vh, 174px);
  z-index: 1;
  transform: rotate(-2.5deg);
  opacity: .30;
}

/* Enseada — imagem horizontal principal menor e à direita */
.leao-page-case-enseada-express .case-hero__image--primary {
  width: clamp(430px, 35vw, 690px);
  height: clamp(242px, 19.5vw, 388px);
  right: clamp(52px, 6.5vw, 124px);
  bottom: clamp(120px, 15vh, 176px);
  z-index: 2;
  transform: rotate(.6deg);
  opacity: .54;
}

/* Enseada — peça vertical atrás, como foto de coleção */
.leao-page-case-enseada-express .case-hero__image--secondary {
  width: clamp(245px, 20vw, 390px);
  height: clamp(330px, 27vw, 520px);
  right: clamp(310px, 27vw, 560px);
  top: clamp(92px, 13vh, 160px);
  z-index: 1;
  transform: rotate(-2.8deg);
  opacity: .28;
}

/*
 * Overlay escuro preserva leitura e reduz competição com o título.
 */
.leao-page-case-gca-ambiental .case-hero--gca .case-hero__bg::before,
.leao-page-case-gca-ambiental .case-hero__bg::before,
.leao-page-case-enseada-express .case-hero--enseada .case-hero__bg::before,
.leao-page-case-enseada-express .case-hero__bg::before {
  background:
    radial-gradient(circle at 78% 34%, rgba(24, 157, 170, .12), transparent 34%),
    linear-gradient(90deg, rgba(20,20,20,.98) 0%, rgba(20,20,20,.90) 48%, rgba(20,20,20,.62) 100%);
}

.leao-page-case-gca-ambiental .case-hero__overlay,
.leao-page-case-enseada-express .case-hero__overlay {
  background:
    linear-gradient(180deg, rgba(20,20,20,.10), rgba(20,20,20,.88)),
    radial-gradient(circle at 75% 30%, rgba(24,157,170,.12), transparent 36%);
}

/*
 * 3) GEMAT/Tereme — reduzir azul do hero e voltar para carvão/Leão.
 * Sem mexer em tamanho/posição das imagens.
 */
.leao-page-case-gemat .case-hero,
.leao-page-case-tereme-gemat .case-hero {
  background:
    radial-gradient(circle at 78% 28%, rgba(24, 157, 170, 0.08), transparent 34%),
    linear-gradient(135deg, #07090d 0%, #101315 50%, #141414 100%);
}

.leao-page-case-gemat .case-hero__overlay,
.leao-page-case-tereme-gemat .case-hero__overlay {
  background:
    linear-gradient(90deg, rgba(7, 9, 13, 0.97) 0%, rgba(13, 16, 17, 0.90) 45%, rgba(20, 20, 20, 0.72) 100%),
    radial-gradient(circle at 78% 32%, rgba(24, 157, 170, 0.06), transparent 34%);
}

.leao-page-case-gemat .case-hero__bg::before,
.leao-page-case-tereme-gemat .case-hero__bg::before {
  background:
    linear-gradient(90deg, rgba(7, 9, 13, 0.95) 0%, rgba(13, 16, 17, 0.86) 48%, rgba(20, 20, 20, 0.66) 100%);
}

.leao-page-case-gemat .case-hero__bg,
.leao-page-case-tereme-gemat .case-hero__bg {
  opacity: .26;
  filter: grayscale(.08) saturate(.70) contrast(.94);
}

@media (max-width: 1180px) {
  .leao-page-case-gca-ambiental .case-hero__image--primary,
  .leao-page-case-enseada-express .case-hero__image--primary {
    width: clamp(360px, 38vw, 560px);
    height: clamp(204px, 21.3vw, 316px);
    right: clamp(28px, 5vw, 72px);
  }

  .leao-page-case-gca-ambiental .case-hero__image--secondary,
  .leao-page-case-enseada-express .case-hero__image--secondary {
    right: clamp(220px, 28vw, 420px);
  }
}

@media (max-width: 900px) {
  .leao-page-case-gca-ambiental .case-hero__image--secondary,
  .leao-page-case-enseada-express .case-hero__image--secondary {
    display: none;
  }

  .leao-page-case-gca-ambiental .case-hero__image--primary,
  .leao-page-case-enseada-express .case-hero__image--primary {
    width: min(78vw, 520px);
    height: auto;
    aspect-ratio: 16 / 9;
    right: 50%;
    transform: translateX(50%) rotate(.4deg);
    bottom: 8vh;
    opacity: .30;
  }
}

@media (prefers-reduced-motion: reduce) {
  .leao-page-case .case-related-card__media img,
  .leao-page-case .case-editorial-grid figure img,
  .leao-page-case .case-showcase figure img,
  .leao-page-case .enseada-proof-card img,
  .leao-page-case .enseada-browser-frame img,
  .leao-page-case .gca-proof-card img,
  .leao-page-case .gca-browser-frame img {
    transition: none;
  }
}
/* /SITE-v0.36.3 — Portfolio-like hero stack and minimal internal hover */

/* SITE-v0.36.4 — Case Dimensional Rochas. Escopo: .leao-page-case-dimensional-rochas */
.leao-page-case-dimensional-rochas {
  --dimensional-accent: var(--leao-teal, #189DAA);
  --dimensional-blue: var(--leao-blue, #107293);
  --dimensional-black: var(--leao-black, #141414);
}

.leao-page-case-dimensional-rochas .case-hero__content {
  box-sizing: border-box;
  padding-left: clamp(84px, 8vw, 144px);
}

.leao-page-case-dimensional-rochas .case-hero--dimensional .case-hero__bg::before,
.leao-page-case-dimensional-rochas .case-hero__bg::before {
  background:
    radial-gradient(circle at 78% 34%, rgba(24,157,170,.14), transparent 34%),
    linear-gradient(90deg, rgba(20,20,20,.98) 0%, rgba(20,20,20,.90) 48%, rgba(20,20,20,.66) 100%);
}

.leao-page-case-dimensional-rochas .case-hero__overlay {
  background:
    linear-gradient(180deg, rgba(20,20,20,.08), rgba(20,20,20,.88)),
    radial-gradient(circle at 76% 30%, rgba(24,157,170,.13), transparent 38%);
}

.leao-page-case-dimensional-rochas .case-hero__title em,
.leao-page-case-dimensional-rochas .case-breadcrumb [aria-current="page"],
.leao-page-case-dimensional-rochas .case-breadcrumb a:hover,
.leao-page-case-dimensional-rochas .case-summary__card span,
.leao-page-case-dimensional-rochas .case-metrics-grid span,
.leao-page-case-dimensional-rochas .case-related-card__body span,
.leao-page-case-dimensional-rochas .case-learning__eyebrow,
.leao-page-case-dimensional-rochas .case-final-cta__eyebrow {
  color: var(--dimensional-accent);
}

.leao-page-case-dimensional-rochas .tag--case-dimensional {
  color: var(--dimensional-accent);
  border-color: rgba(24,157,170,.36);
  background: rgba(24,157,170,.08);
}

.leao-page-case-dimensional-rochas .btn--primary {
  background: var(--dimensional-accent);
}

.leao-page-case-dimensional-rochas .btn--primary:hover {
  background: var(--dimensional-blue);
}

/* Hero em padrão Leão: fotos menores, flutuantes e escurecidas à direita */
.leao-page-case-dimensional-rochas .case-hero__bg {
  overflow: hidden;
}

.leao-page-case-dimensional-rochas .dimensional-hero-photo {
  position: absolute;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.02);
  box-shadow: none;
}

.leao-page-case-dimensional-rochas .dimensional-hero-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(.48) contrast(1.04) saturate(.84);
  opacity: .88;
}

.leao-page-case-dimensional-rochas .dimensional-hero-photo--kit {
  width: clamp(430px, 34vw, 660px);
  height: clamp(286px, 22.6vw, 438px);
  right: clamp(52px, 6.5vw, 124px);
  bottom: clamp(118px, 15vh, 176px);
  z-index: 3;
  transform: rotate(.7deg);
  opacity: .58;
}

.leao-page-case-dimensional-rochas .dimensional-hero-photo--box {
  width: clamp(300px, 24vw, 470px);
  height: clamp(250px, 20vw, 390px);
  right: clamp(300px, 26vw, 540px);
  top: clamp(96px, 14vh, 168px);
  z-index: 2;
  transform: rotate(-2.5deg);
  opacity: .34;
}

.leao-page-case-dimensional-rochas .dimensional-hero-photo--landing {
  width: clamp(230px, 18vw, 340px);
  height: clamp(310px, 24vw, 450px);
  right: clamp(30px, 5vw, 84px);
  top: clamp(86px, 12vh, 145px);
  z-index: 1;
  transform: rotate(2deg);
  opacity: .20;
}

.leao-page-case-dimensional-rochas .dimensional-pillars article {
  min-height: 240px;
}

.leao-page-case-dimensional-rochas .case-showcase--dimensional-brand,
.leao-page-case-dimensional-rochas .case-showcase--siena {
  background: #f5f5f2;
  color: var(--dimensional-black);
}

.leao-page-case-dimensional-rochas .case-showcase--dimensional-brand .case-editorial-grid__copy p,
.leao-page-case-dimensional-rochas .case-showcase--siena .case-editorial-grid__copy p,
.leao-page-case-dimensional-rochas .case-section--light .case-editorial-grid__copy p {
  color: #4c5558;
}

.leao-page-case-dimensional-rochas .dimensional-scroll-track {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(360px, 58vw);
  gap: clamp(22px, 3vw, 34px);
  margin-top: clamp(42px, 6vw, 76px);
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  padding-bottom: 16px;
}

.leao-page-case-dimensional-rochas .dimensional-scroll-track > * {
  scroll-snap-align: start;
}

.leao-page-case-dimensional-rochas .dimensional-scroll-track::-webkit-scrollbar {
  height: 8px;
}

.leao-page-case-dimensional-rochas .dimensional-scroll-track::-webkit-scrollbar-track {
  background: rgba(20,20,20,.08);
}

.leao-page-case-dimensional-rochas .dimensional-scroll-track::-webkit-scrollbar-thumb {
  background: rgba(24,157,170,.58);
}

.leao-page-case-dimensional-rochas .dimensional-piece,
.leao-page-case-dimensional-rochas .dimensional-browser {
  margin: 0;
  background: var(--leao-white, #FFFFFF);
  border: 1px solid var(--leao-light-dark, rgba(20,20,20,.10));
  overflow: hidden;
}

.leao-page-case-dimensional-rochas .case-section--dark .dimensional-piece,
.leao-page-case-dimensional-rochas .case-section--dark .dimensional-browser,
.leao-page-case-dimensional-rochas .dimensional-piece--dark {
  background: rgba(255,255,255,.04);
  border-color: var(--leao-white-10, rgba(255,255,255,.10));
}

.leao-page-case-dimensional-rochas .dimensional-piece img,
.leao-page-case-dimensional-rochas .dimensional-browser img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  background: #f3f3f3;
}

.leao-page-case-dimensional-rochas .case-section--dark .dimensional-piece img,
.leao-page-case-dimensional-rochas .case-section--dark .dimensional-browser img,
.leao-page-case-dimensional-rochas .dimensional-piece--dark img {
  background: rgba(255,255,255,.04);
}

.leao-page-case-dimensional-rochas .dimensional-piece--wide img {
  aspect-ratio: 16 / 9;
  object-fit: contain;
}

.leao-page-case-dimensional-rochas .dimensional-piece--feature img {
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.leao-page-case-dimensional-rochas .dimensional-piece figcaption,
.leao-page-case-dimensional-rochas .dimensional-browser figcaption {
  padding: 20px 24px;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .12em;
  line-height: 1.65;
  text-transform: uppercase;
  color: #5c6467;
}

.leao-page-case-dimensional-rochas .case-section--dark .dimensional-piece figcaption,
.leao-page-case-dimensional-rochas .case-section--dark .dimensional-browser figcaption,
.leao-page-case-dimensional-rochas .dimensional-piece--dark figcaption {
  color: var(--leao-white-60, rgba(255,255,255,.60));
}

.leao-page-case-dimensional-rochas .dimensional-feature-pair,
.leao-page-case-dimensional-rochas .dimensional-siena-grid,
.leao-page-case-dimensional-rochas .dimensional-application-grid,
.leao-page-case-dimensional-rochas .dimensional-landing-grid,
.leao-page-case-dimensional-rochas .dimensional-video-grid,
.leao-page-case-dimensional-rochas .dimensional-services-grid {
  display: grid;
  gap: clamp(22px, 3vw, 36px);
  margin-top: clamp(42px, 6vw, 76px);
}

.leao-page-case-dimensional-rochas .dimensional-feature-pair {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.leao-page-case-dimensional-rochas .dimensional-siena-grid {
  grid-template-columns: minmax(0, 1.2fr) minmax(320px, .8fr);
  align-items: stretch;
}

.leao-page-case-dimensional-rochas .dimensional-siena-stack {
  display: grid;
  gap: clamp(22px, 3vw, 36px);
}

.leao-page-case-dimensional-rochas .dimensional-application-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.leao-page-case-dimensional-rochas .dimensional-expansion {
  background:
    radial-gradient(circle at 78% 24%, rgba(24,157,170,.12), transparent 30%),
    var(--dimensional-black);
}

.leao-page-case-dimensional-rochas .dimensional-landing-grid {
  grid-template-columns: minmax(260px, .58fr) minmax(0, 1.42fr);
  align-items: start;
}

.leao-page-case-dimensional-rochas .dimensional-landing-cuts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(18px, 2.5vw, 28px);
}

.leao-page-case-dimensional-rochas .dimensional-browser {
  border-color: rgba(255,255,255,.10);
  box-shadow: 0 22px 80px rgba(0,0,0,.20);
}

.leao-page-case-dimensional-rochas .dimensional-browser img {
  width: 100%;
  object-fit: cover;
}

.leao-page-case-dimensional-rochas .dimensional-browser--tall img {
  max-height: 760px;
  object-fit: cover;
  object-position: top center;
}

.leao-page-case-dimensional-rochas .dimensional-landing-cuts .dimensional-browser img {
  aspect-ratio: 4 / 3;
}

.leao-page-case-dimensional-rochas .dimensional-video-grid {
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr);
  align-items: stretch;
}

.leao-page-case-dimensional-rochas .dimensional-video-card {
  display: grid;
  gap: 0;
  background: var(--dimensional-black);
  color: var(--leao-white, #FFFFFF);
  border: 1px solid rgba(20,20,20,.10);
  overflow: hidden;
}

.leao-page-case-dimensional-rochas .dimensional-video-card__body {
  padding: clamp(24px, 3vw, 36px);
}

.leao-page-case-dimensional-rochas .dimensional-video-card__body span {
  display: block;
  margin-bottom: 12px;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--dimensional-accent);
}

.leao-page-case-dimensional-rochas .dimensional-video-card__body h3 {
  margin: 0 0 12px;
  font-size: clamp(22px, 2vw, 34px);
  line-height: 1.1;
}

.leao-page-case-dimensional-rochas .dimensional-video-card__body p {
  margin: 0;
  color: var(--leao-white-70, rgba(255,255,255,.70));
}

.leao-page-case-dimensional-rochas .dimensional-video {
  position: relative;
  overflow: hidden;
  background: var(--dimensional-black);
}

.leao-page-case-dimensional-rochas .dimensional-video--wide {
  aspect-ratio: 16 / 9;
}

.leao-page-case-dimensional-rochas .dimensional-video--short {
  max-width: 360px;
  margin: 0 auto;
  aspect-ratio: 9 / 16;
}

.leao-page-case-dimensional-rochas .dimensional-video iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

.leao-page-case-dimensional-rochas .dimensional-services-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.leao-page-case-dimensional-rochas .dimensional-services-grid article {
  min-height: 150px;
  padding: clamp(20px, 2vw, 28px);
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
}

.leao-page-case-dimensional-rochas .dimensional-services-grid span {
  display: block;
  margin-bottom: 18px;
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: .14em;
  color: var(--dimensional-accent);
}

.leao-page-case-dimensional-rochas .dimensional-services-grid strong {
  display: block;
  font-size: clamp(16px, 1.1vw, 20px);
  line-height: 1.25;
  color: var(--leao-white, #FFFFFF);
}

/* Hover minimalista nas imagens internas, no padrão aprovado do Portfólio */
.leao-page-case-dimensional-rochas .dimensional-piece,
.leao-page-case-dimensional-rochas .dimensional-browser {
  overflow: hidden;
}

.leao-page-case-dimensional-rochas .dimensional-piece img,
.leao-page-case-dimensional-rochas .dimensional-browser img {
  transform: scale(1.001);
  transition:
    transform .52s cubic-bezier(.22, 1, .36, 1),
    filter .52s cubic-bezier(.22, 1, .36, 1);
}

@media (hover: hover) and (pointer: fine) {
  .leao-page-case-dimensional-rochas .dimensional-piece:hover img,
  .leao-page-case-dimensional-rochas .dimensional-browser:hover img {
    transform: scale(1.03);
    filter: saturate(1.02) contrast(1.01);
  }
}

@media (max-width: 1240px) {
  .leao-page-case-dimensional-rochas .dimensional-services-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .leao-page-case-dimensional-rochas .dimensional-landing-cuts {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 1100px) {
  .leao-page-case-dimensional-rochas .case-hero__content {
    padding-left: clamp(40px, 6vw, 72px);
  }

  .leao-page-case-dimensional-rochas .dimensional-feature-pair,
  .leao-page-case-dimensional-rochas .dimensional-siena-grid,
  .leao-page-case-dimensional-rochas .dimensional-application-grid,
  .leao-page-case-dimensional-rochas .dimensional-landing-grid,
  .leao-page-case-dimensional-rochas .dimensional-video-grid {
    grid-template-columns: 1fr;
  }

  .leao-page-case-dimensional-rochas .dimensional-scroll-track {
    grid-auto-columns: minmax(310px, 82vw);
  }
}

@media (max-width: 900px) {
  .leao-page-case-dimensional-rochas .dimensional-hero-photo--box,
  .leao-page-case-dimensional-rochas .dimensional-hero-photo--landing {
    display: none;
  }

  .leao-page-case-dimensional-rochas .dimensional-hero-photo--kit {
    width: min(78vw, 520px);
    height: auto;
    aspect-ratio: 16 / 10;
    right: 50%;
    transform: translateX(50%) rotate(.4deg);
    bottom: 8vh;
    opacity: .30;
  }

  .leao-page-case-dimensional-rochas .dimensional-services-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  .leao-page-case-dimensional-rochas .case-hero__content {
    padding-left: 0;
  }

  .leao-page-case-dimensional-rochas .dimensional-feature-pair,
  .leao-page-case-dimensional-rochas .dimensional-application-grid,
  .leao-page-case-dimensional-rochas .dimensional-services-grid {
    grid-template-columns: 1fr;
  }

  .leao-page-case-dimensional-rochas .dimensional-piece--wide img,
  .leao-page-case-dimensional-rochas .dimensional-piece--feature img {
    aspect-ratio: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .leao-page-case-dimensional-rochas .dimensional-piece img,
  .leao-page-case-dimensional-rochas .dimensional-browser img {
    transition: none;
  }
}
/* /SITE-v0.36.4 — Case Dimensional Rochas */


/* SITE-v0.36.5 — Dimensional editorial refinements */

/* Portfólio: botão do case Dimensional volta ao padrão dos cases completos */
.portfolio-case__summary-link--button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin-top: 1.35rem;
  padding: .95rem 1.35rem;
  border: 1px solid rgba(24, 157, 170, .72);
  background: #189DAA;
  color: #FFFFFF;
  font-family: "DM Sans", sans-serif;
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  text-decoration: none;
  transition: transform .28s ease, background .28s ease, border-color .28s ease;
}

.portfolio-case__summary-link--button:hover {
  transform: translateY(-2px);
  background: #107293;
  border-color: #107293;
}

/* Dimensional: remove respiro gerado por parágrafo removido */
.leao-page-case-dimensional-rochas .dimensional-section p:empty,
.leao-page-case-dimensional-rochas p:empty {
  display: none;
}

/* Dimensional: CTAs finais no padrão Leão */
.leao-page-case-dimensional-rochas .case-final a,
.leao-page-case-dimensional-rochas .case-cta a,
.leao-page-case-dimensional-rochas .dimensional-final a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 0 1.35rem;
  border: 1px solid rgba(24, 157, 170, .75);
  background: #189DAA;
  color: #FFFFFF;
  font-family: "DM Sans", sans-serif;
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  text-decoration: none;
}

.leao-page-case-dimensional-rochas .case-final a + a,
.leao-page-case-dimensional-rochas .case-cta a + a,
.leao-page-case-dimensional-rochas .dimensional-final a + a {
  background: transparent;
  color: #FFFFFF;
  border-color: rgba(255, 255, 255, .22);
}

.leao-page-case-dimensional-rochas .case-final a:hover,
.leao-page-case-dimensional-rochas .case-cta a:hover,
.leao-page-case-dimensional-rochas .dimensional-final a:hover {
  transform: translateY(-2px);
}

/* Dimensional: área de marca deve parecer institucional, não bastidor */
.leao-page-case-dimensional-rochas .dimensional-brand-note,
.leao-page-case-dimensional-rochas .dimensional-privacy-note {
  display: none !important;
}

/* Dimensional: evita que o bloco Siena pareça dominar o case inteiro */
.leao-page-case-dimensional-rochas .dimensional-siena-grid {
  margin-top: clamp(2rem, 4vw, 3.5rem);
}

/* Dimensional: legendas mais editoriais e discretas */
.leao-page-case-dimensional-rochas figcaption,
.leao-page-case-dimensional-rochas .dimensional-card-caption,
.leao-page-case-dimensional-rochas .dimensional-piece-caption {
  font-family: "DM Mono", monospace;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .68rem;
  line-height: 1.55;
}

/* /SITE-v0.36.5 — Dimensional editorial refinements */


/* SITE-v0.36.6 — Dimensional fine adjustments */

/* Portfólio: Dimensional no padrão dos cases completos */
.case-detail--dimensional {
  border: 1px solid rgba(255, 255, 255, .14);
  background: rgba(255, 255, 255, .035);
}

.case-detail--dimensional .case-detail__button,
.portfolio-case__summary-link--button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin-top: 1.35rem;
  padding: .95rem 1.35rem;
  border: 1px solid rgba(24, 157, 170, .72);
  background: #189DAA;
  color: #FFFFFF;
  font-family: "DM Sans", sans-serif;
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  text-decoration: none;
  transition: transform .28s ease, background .28s ease, border-color .28s ease;
}

.case-detail--dimensional .case-detail__button:hover,
.portfolio-case__summary-link--button:hover {
  transform: translateY(-2px);
  background: #107293;
  border-color: #107293;
}

/* Nova identidade Dimensional */
.leao-page-case-dimensional-rochas .dimensional-brand-identity {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr);
  gap: clamp(1rem, 2vw, 1.75rem);
  margin-top: clamp(2.5rem, 5vw, 4rem);
}

.leao-page-case-dimensional-rochas .dimensional-brand-identity figure {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 220px;
  padding: clamp(1.5rem, 3vw, 3rem);
  border: 1px solid rgba(20, 20, 20, .10);
  background:
    radial-gradient(circle at 20% 10%, rgba(24,157,170,.10), transparent 36%),
    #f7f7f3;
  overflow: hidden;
}

.leao-page-case-dimensional-rochas .dimensional-brand-identity img {
  width: 100%;
  height: auto;
  max-height: 320px;
  object-fit: contain;
  filter: none;
}

.leao-page-case-dimensional-rochas .dimensional-brand-identity__side {
  display: grid;
  gap: clamp(1rem, 2vw, 1.25rem);
}

.leao-page-case-dimensional-rochas .dimensional-brand-identity__side figure {
  min-height: 150px;
}

.leao-page-case-dimensional-rochas .dimensional-brand-identity__side img {
  max-height: 190px;
}

/* Siena Rockface como subprojeto de marca/produto */
.leao-page-case-dimensional-rochas .dimensional-siena-logo-card {
  background: #141414;
}

.leao-page-case-dimensional-rochas .dimensional-siena-logo-card img {
  object-fit: contain;
  padding: clamp(2rem, 4vw, 4rem);
  background: #F7F7F3;
}

/* Conteúdo técnico com terceira peça */
.leao-page-case-dimensional-rochas .dimensional-feature-pair {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.leao-page-case-dimensional-rochas .dimensional-feature-pair .dimensional-piece--wide {
  grid-column: 1 / -1;
}

/* Cards de serviços: evitar texto fora da caixa */
.leao-page-case-dimensional-rochas .dimensional-services-grid article {
  min-height: 172px;
  overflow: hidden;
}

.leao-page-case-dimensional-rochas .dimensional-services-grid strong {
  display: block;
  font-size: clamp(1rem, 1.22vw, 1.24rem);
  line-height: 1.16;
  overflow-wrap: anywhere;
  hyphens: auto;
}

/* CTA final no padrão dos cases */
.leao-page-case-dimensional-rochas .case-final-cta .btn-group {
  display: flex;
  align-items: center;
  gap: .9rem;
  flex-wrap: wrap;
}

.leao-page-case-dimensional-rochas .case-final-cta__button {
  min-height: 54px;
  padding: 0 2rem;
  border: 1px solid rgba(255,255,255,.74);
  font-family: "DM Sans", sans-serif;
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  text-decoration: none;
}

.leao-page-case-dimensional-rochas .case-final-cta__button--primary {
  background: #FFFFFF;
  color: #141414;
  border-color: #FFFFFF;
}

.leao-page-case-dimensional-rochas .case-final-cta__button--ghost {
  background: transparent;
  color: #FFFFFF;
  border-color: rgba(255,255,255,.72);
}

.leao-page-case-dimensional-rochas .case-final-cta__button:hover {
  transform: translateY(-2px);
}

/* Limpeza de parágrafos removidos */
.leao-page-case-dimensional-rochas p:empty {
  display: none;
}

@media (max-width: 900px) {
  .leao-page-case-dimensional-rochas .dimensional-brand-identity {
    grid-template-columns: 1fr;
  }

  .leao-page-case-dimensional-rochas .dimensional-feature-pair {
    grid-template-columns: 1fr;
  }

  .leao-page-case-dimensional-rochas .case-final-cta .btn-group {
    align-items: stretch;
  }

  .leao-page-case-dimensional-rochas .case-final-cta__button {
    width: 100%;
  }
}

/* /SITE-v0.36.6 — Dimensional fine adjustments */


/* SITE-v0.36.10 — Dimensional Siena final layout */

/* Marca Dimensional menor e mais equilibrada */
.leao-page-case-dimensional-rochas .dimensional-brand-identity__main img,
.leao-page-case-dimensional-rochas .dimensional-brand-identity img[src*="dimensional-logo-slogan-verde"] {
  max-width: min(100%, 560px);
  max-height: 190px;
  object-fit: contain;
}

.leao-page-case-dimensional-rochas .dimensional-brand-identity__main {
  min-height: 280px;
  padding: clamp(1.5rem, 3vw, 2.5rem);
}

.leao-page-case-dimensional-rochas .dimensional-brand-identity__side figure {
  min-height: 126px;
  padding: clamp(1rem, 2vw, 1.4rem);
}

.leao-page-case-dimensional-rochas .dimensional-brand-identity__side img {
  max-height: 120px;
  object-fit: contain;
}

/* Siena Rockface final: sem Terralis, sem Attrium, sem espaço branco exagerado */
.leao-page-case-dimensional-rochas .case-showcase--siena .dimensional-siena-intro {
  margin-bottom: clamp(1.25rem, 2.5vw, 2rem);
}

.leao-page-case-dimensional-rochas .dimensional-siena-clean-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, .92fr);
  gap: clamp(1.25rem, 2.8vw, 2.25rem);
  align-items: start;
  margin-top: 0;
}

.leao-page-case-dimensional-rochas .dimensional-siena-clean-grid .dimensional-piece {
  margin: 0;
}

.leao-page-case-dimensional-rochas .dimensional-siena-clean-grid__logo {
  grid-row: span 1;
  background: #FFFFFF;
  border: 1px solid rgba(20, 20, 20, .10);
  overflow: hidden;
}

.leao-page-case-dimensional-rochas .dimensional-siena-logo-card__media {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: clamp(250px, 28vw, 410px);
  padding: clamp(1.8rem, 4vw, 4rem);
  background: #F7F7F3;
}

.leao-page-case-dimensional-rochas .dimensional-siena-logo-card__media img {
  width: min(100%, 540px);
  height: auto;
  object-fit: contain;
  padding: 0;
  background: transparent;
}

.leao-page-case-dimensional-rochas .dimensional-siena-clean-grid__fachada {
  grid-row: span 1;
}

.leao-page-case-dimensional-rochas .dimensional-siena-clean-grid__fachada img {
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.leao-page-case-dimensional-rochas .case-showcase--siena img[src*="dimensional-terralis"],
.leao-page-case-dimensional-rochas .case-showcase--siena img[src*="dimensional-attrium"] {
  display: none !important;
}

/* Serviços: impedir texto de sair da caixa */
.leao-page-case-dimensional-rochas .dimensional-services-grid article {
  min-height: 182px;
  overflow: hidden;
}

.leao-page-case-dimensional-rochas .dimensional-services-grid strong {
  display: block;
  font-size: clamp(.98rem, 1.1vw, 1.14rem);
  line-height: 1.16;
  overflow-wrap: anywhere;
  hyphens: auto;
}

@media (max-width: 900px) {
  .leao-page-case-dimensional-rochas .dimensional-siena-clean-grid {
    grid-template-columns: 1fr;
  }
}

/* /SITE-v0.36.10 — Dimensional Siena final layout */

/* SITE-v0.39-siena-panoramic-layout */
.leao-page-case-dimensional-rochas .dimensional-siena-clean-grid__fachada { grid-column: 1 / -1; }
.leao-page-case-dimensional-rochas .dimensional-siena-clean-grid__fachada img { aspect-ratio: 2048 / 910; object-fit: cover; width: 100%; border-radius: inherit; }
/* Fim SITE-v0.39-siena-panoramic-layout */

/* ============================================================
   SITE-v0.41 — Control Systems case CSS
   Escopo EXCLUSIVO: .leao-page-case-control-systems
   Não afeta nenhuma outra página do site.
   Adicionar ao FINAL de assets/home/css/case.css
   ============================================================ */

/* ----------------------------------------------------------
   Hero
   ---------------------------------------------------------- */
.leao-page-case-control-systems .case-hero--control-systems .case-hero__image--primary {
  width: 65%;
  height: 100%;
  right: 0;
  left: auto;
  object-position: center center;
}

.leao-page-case-control-systems .case-hero--control-systems .case-hero__image--secondary {
  width: 38%;
  height: 55%;
  left: 0;
  bottom: 0;
}

/* ----------------------------------------------------------
   Product gallery (contexto)
   ---------------------------------------------------------- */
.leao-page-case-control-systems .cs-product-gallery {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 1.5rem;
  margin-top: 3rem;
}

.leao-page-case-control-systems .cs-product-card img {
  width: 100%;
  height: 320px;
  object-fit: cover;
  border-radius: 4px;
  display: block;
}

.leao-page-case-control-systems .cs-product-card--featured img {
  height: 100%;
}

.leao-page-case-control-systems .cs-product-card figcaption {
  font-size: 0.8125rem;
  color: var(--color-text-muted, #666);
  margin-top: 0.5rem;
  font-style: italic;
}

/* ----------------------------------------------------------
   Challenge visual
   ---------------------------------------------------------- */
.leao-page-case-control-systems .cs-challenge-visual {
  margin-top: 3rem;
}

.leao-page-case-control-systems .cs-wide-visual img {
  width: 100%;
  height: 400px;
  object-fit: cover;
  border-radius: 4px;
  display: block;
}

.leao-page-case-control-systems .cs-wide-visual figcaption {
  font-size: 0.8125rem;
  color: rgba(255, 255, 255, 0.55);
  margin-top: 0.5rem;
  font-style: italic;
}

/* ----------------------------------------------------------
   4-column metrics grid
   ---------------------------------------------------------- */
.leao-page-case-control-systems .cs-metrics-grid {
  grid-template-columns: repeat(4, 1fr);
}

/* ----------------------------------------------------------
   Site feature section
   ---------------------------------------------------------- */
.leao-page-case-control-systems .cs-site-feature {
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  gap: 4rem;
  align-items: center;
}

.leao-page-case-control-systems .cs-site-feature__copy {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.leao-page-case-control-systems .cs-site-feature__visual img {
  width: 100%;
  border-radius: 6px;
  display: block;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.22);
}

/* ----------------------------------------------------------
   Personagem + social media posts
   ---------------------------------------------------------- */
.leao-page-case-control-systems .cs-social-grid {
  display: grid;
  grid-template-columns: 1.6fr 1fr 1fr;
  gap: 1.5rem;
  margin-top: 3rem;
  align-items: start;
}

.leao-page-case-control-systems .cs-social-card img {
  width: 100%;
  border-radius: 4px;
  display: block;
}

.leao-page-case-control-systems .cs-social-card figcaption {
  font-size: 0.8125rem;
  color: rgba(255, 255, 255, 0.55);
  margin-top: 0.5rem;
  font-style: italic;
}

/* ----------------------------------------------------------
   Reels grid
   ---------------------------------------------------------- */
.leao-page-case-control-systems .cs-reels-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  margin-top: 3rem;
  align-items: start;
}

.leao-page-case-control-systems .cs-reel-embed {
  display: flex;
  justify-content: center;
}

.leao-page-case-control-systems .cs-reel-embed .instagram-media {
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}

/* ----------------------------------------------------------
   Products grid (Engetron)
   ---------------------------------------------------------- */
.leao-page-case-control-systems .cs-products-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
  margin-top: 3rem;
}

.leao-page-case-control-systems .cs-product-showcase img {
  width: 100%;
  border-radius: 4px;
  display: block;
  background: #fff;
  padding: 1rem;
  box-sizing: border-box;
}

.leao-page-case-control-systems .cs-product-showcase figcaption {
  font-size: 0.8125rem;
  color: rgba(255, 255, 255, 0.55);
  margin-top: 0.5rem;
  font-style: italic;
}

/* ----------------------------------------------------------
   Mobile
   ---------------------------------------------------------- */
@media (max-width: 900px) {
  .leao-page-case-control-systems .cs-metrics-grid {
    grid-template-columns: 1fr 1fr;
  }

  .leao-page-case-control-systems .cs-site-feature {
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  .leao-page-case-control-systems .cs-reels-grid {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }

  .leao-page-case-control-systems .cs-social-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 600px) {
  .leao-page-case-control-systems .cs-product-gallery {
    grid-template-columns: 1fr;
  }

  .leao-page-case-control-systems .cs-products-grid {
    grid-template-columns: 1fr;
  }

  .leao-page-case-control-systems .cs-metrics-grid {
    grid-template-columns: 1fr;
  }

  .leao-page-case-control-systems .cs-wide-visual img {
    height: 240px;
  }
}




/* SITE-v0.44 — Control Systems standard correction */

.leao-page-case-control-systems .case-hero--control-systems .case-hero__content {
  width: min(100% - 2rem, 1180px);
  margin-inline: auto;
  padding-left: clamp(0rem, 2vw, 1.5rem);
}

.leao-page-case-control-systems img[src*="cs-equipment-closeup"],
.leao-page-case-control-systems img[src*="cs-rack-triple"] {
  display: none !important;
}

.leao-page-case-control-systems .cs-social-card,
.leao-page-case-control-systems .cs-reel-embed,
.leao-page-case-control-systems .control-site-board__screen {
  border: 1px solid rgba(20,20,20,.12);
  background: #FFFFFF;
  box-shadow: 0 18px 55px rgba(20,20,20,.07);
  overflow: hidden;
}

.leao-page-case-control-systems .cs-social-card figcaption,
.leao-page-case-control-systems .control-site-board__screen figcaption {
  padding: 1rem 1.15rem;
  background: #F7F7F3;
  border-top: 1px solid rgba(20,20,20,.10);
  font-family: "DM Mono", monospace;
  font-size: .68rem;
  line-height: 1.55;
  letter-spacing: .10em;
  text-transform: uppercase;
  color: rgba(20,20,20,.68);
}

.leao-page-case-control-systems .cs-social-card img {
  object-fit: contain;
  background: #141414;
}

.leao-page-case-control-systems .cs-reels-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: clamp(1rem, 2vw, 1.5rem);
  margin-top: clamp(2rem, 4vw, 3rem);
}

.leao-page-case-control-systems .cs-reel-embed {
  padding: .75rem;
  min-height: 520px;
}

.leao-page-case-control-systems .cs-reel-embed .instagram-media,
.leao-page-case-control-systems .cs-reel-embed iframe {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 auto !important;
}

.leao-page-case-control-systems [data-site-patch="SITE-v0.44-control-learning-standard"] .case-learning__grid p {
  max-width: 720px;
}

/* /SITE-v0.44 — Control Systems standard correction */


/* ============================================================
   SITE-v0.45 - Control Systems DS reset
   Escopo exclusivo: .leao-page-case-control-systems
   Referencia visual: Dimensional Rochas + Elementus + DualClin
   ============================================================ */

.leao-page-case-control-systems {
  --control-accent: var(--leao-teal, #189DAA);
  --control-blue: var(--leao-blue, #107293);
  --control-black: var(--leao-black, #141414);
}

.leao-page-case-control-systems .case-hero__content {
  box-sizing: border-box;
  padding-left: clamp(84px, 8vw, 144px);
}

.leao-page-case-control-systems .case-hero__bg {
  overflow: hidden;
}

.leao-page-case-control-systems .case-hero--control-systems .case-hero__bg::before,
.leao-page-case-control-systems .case-hero__bg::before {
  background:
    radial-gradient(circle at 78% 34%, rgba(24,157,170,.14), transparent 34%),
    linear-gradient(90deg, rgba(20,20,20,.98) 0%, rgba(20,20,20,.90) 48%, rgba(20,20,20,.66) 100%);
}

.leao-page-case-control-systems .case-hero__overlay {
  background:
    linear-gradient(180deg, rgba(20,20,20,.08), rgba(20,20,20,.88)),
    radial-gradient(circle at 76% 30%, rgba(24,157,170,.13), transparent 38%);
}

.leao-page-case-control-systems .case-hero__title em,
.leao-page-case-control-systems .case-breadcrumb [aria-current="page"],
.leao-page-case-control-systems .case-breadcrumb a:hover,
.leao-page-case-control-systems .case-summary__card span,
.leao-page-case-control-systems .case-metrics-grid span,
.leao-page-case-control-systems .case-related-card__body span,
.leao-page-case-control-systems .case-learning__eyebrow,
.leao-page-case-control-systems .case-final-cta__eyebrow {
  color: var(--control-accent);
}

.leao-page-case-control-systems .tag--case-teal {
  color: var(--control-accent);
  border-color: rgba(24,157,170,.36);
  background: rgba(24,157,170,.08);
}

.leao-page-case-control-systems .btn--primary {
  background: var(--control-accent);
}

.leao-page-case-control-systems .btn--primary:hover {
  background: var(--control-blue);
}

.leao-page-case-control-systems .cs-hero-photo {
  position: absolute;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.02);
  box-shadow: none;
}

.leao-page-case-control-systems .cs-hero-photo img {
  display: block !important;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(.46) contrast(1.04) saturate(.82);
  opacity: .9;
}

.leao-page-case-control-systems .cs-hero-photo--server {
  width: clamp(430px, 34vw, 660px);
  height: clamp(286px, 22.6vw, 438px);
  right: clamp(52px, 6.5vw, 124px);
  bottom: clamp(118px, 15vh, 176px);
  z-index: 3;
  transform: rotate(.7deg);
  opacity: .58;
}

.leao-page-case-control-systems .cs-hero-photo--equipment {
  width: clamp(300px, 24vw, 470px);
  height: clamp(250px, 20vw, 390px);
  right: clamp(300px, 26vw, 540px);
  top: clamp(96px, 14vh, 168px);
  z-index: 2;
  transform: rotate(-2.5deg);
  opacity: .34;
}

.leao-page-case-control-systems .cs-hero-photo--site {
  width: clamp(230px, 18vw, 340px);
  height: clamp(310px, 24vw, 450px);
  right: clamp(30px, 5vw, 84px);
  top: clamp(86px, 12vh, 145px);
  z-index: 1;
  transform: rotate(2deg);
  opacity: .20;
}

.leao-page-case-control-systems .case-showcase--control-site {
  background: #f5f5f2;
  color: var(--control-black);
}

.leao-page-case-control-systems .case-showcase--control-site .case-editorial-grid__copy p,
.leao-page-case-control-systems .case-section--light .case-editorial-grid__copy p {
  color: #4c5558;
}

.leao-page-case-control-systems .cs-piece-grid {
  display: grid;
  gap: clamp(22px, 3vw, 36px);
  margin-top: clamp(42px, 6vw, 76px);
}

.leao-page-case-control-systems .cs-piece-grid--intro {
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr);
  align-items: stretch;
}

.leao-page-case-control-systems .cs-piece-grid--social {
  grid-template-columns: minmax(0, 1.45fr) minmax(260px, .78fr);
}

.leao-page-case-control-systems .cs-piece-grid--social .cs-piece--wide {
  grid-row: span 2;
}

.leao-page-case-control-systems .cs-piece-grid--products {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.leao-page-case-control-systems .cs-campaign-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.leao-page-case-control-systems .cs-metrics-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.leao-page-case-control-systems .cs-metrics-grid article,
.leao-page-case-control-systems .cs-campaign-grid article {
  min-height: 220px;
}

.leao-page-case-control-systems .cs-piece {
  margin: 0;
  background: var(--leao-white, #FFFFFF);
  border: 1px solid var(--leao-light-dark, rgba(20,20,20,.10));
  overflow: hidden;
}

.leao-page-case-control-systems .case-section--dark .cs-piece,
.leao-page-case-control-systems .cs-piece--dark {
  background: rgba(255,255,255,.04);
  border-color: var(--leao-white-10, rgba(255,255,255,.10));
}

.leao-page-case-control-systems .cs-piece img,
.leao-page-case-control-systems .cs-product-card img,
.leao-page-case-control-systems .cs-wide-visual img,
.leao-page-case-control-systems .cs-social-card img,
.leao-page-case-control-systems .cs-product-showcase img,
.leao-page-case-control-systems .cs-site-feature__visual img {
  display: block !important;
  width: 100%;
  height: auto;
  object-fit: contain;
  background: #f3f3f3;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
}

.leao-page-case-control-systems .case-section--dark .cs-piece img,
.leao-page-case-control-systems .cs-piece--dark img {
  background: rgba(255,255,255,.04);
}

.leao-page-case-control-systems .cs-piece--wide img,
.leao-page-case-control-systems .cs-piece--panoramic img {
  aspect-ratio: 16 / 9;
  object-fit: contain;
}

.leao-page-case-control-systems .cs-piece--browser img {
  max-height: 760px;
  object-fit: cover;
  object-position: top center;
}

.leao-page-case-control-systems .cs-piece figcaption,
.leao-page-case-control-systems .cs-product-card figcaption,
.leao-page-case-control-systems .cs-wide-visual figcaption,
.leao-page-case-control-systems .cs-social-card figcaption,
.leao-page-case-control-systems .cs-product-showcase figcaption {
  margin: 0;
  padding: 20px 24px;
  border-top: 1px solid rgba(20,20,20,.10);
  background: #FFFFFF;
  font-family: var(--font-mono, "DM Mono", monospace);
  font-size: 11px;
  font-weight: 400;
  letter-spacing: .12em;
  line-height: 1.65;
  text-transform: uppercase;
  font-style: normal;
  color: #5c6467;
}

.leao-page-case-control-systems .case-section--dark .cs-piece figcaption,
.leao-page-case-control-systems .cs-piece--dark figcaption,
.leao-page-case-control-systems .case-section--dark .cs-wide-visual figcaption,
.leao-page-case-control-systems .case-section--dark .cs-social-card figcaption,
.leao-page-case-control-systems .case-section--dark .cs-product-showcase figcaption {
  border-top-color: rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  color: var(--leao-white-60, rgba(255,255,255,.60));
}

.leao-page-case-control-systems .cs-reels-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(18px, 2.5vw, 28px);
  margin-top: clamp(42px, 6vw, 76px);
}

.leao-page-case-control-systems .cs-reel-embed {
  min-height: 520px;
  padding: 12px;
  border: 1px solid var(--leao-light-dark, rgba(20,20,20,.10));
  background: var(--leao-white, #FFFFFF);
  box-shadow: none;
  overflow: hidden;
}

.leao-page-case-control-systems .cs-reel-embed .instagram-media,
.leao-page-case-control-systems .cs-reel-embed iframe {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 auto !important;
}

.leao-page-case-control-systems .case-learning {
  background: #f5f5f2;
}

.leao-page-case-control-systems .case-final-cta {
  background:
    radial-gradient(circle at 78% 20%, rgba(24,157,170,.14), transparent 35%),
    var(--control-black);
  color: var(--leao-white, #FFFFFF);
}

.leao-page-case-control-systems .case-final-cta .btn-group {
  display: flex;
  align-items: center;
  gap: .9rem;
  flex-wrap: wrap;
  margin-top: clamp(30px, 4vw, 44px);
}

.leao-page-case-control-systems .case-final-cta__button {
  min-height: 54px;
  padding: 0 2rem;
  border: 1px solid rgba(255,255,255,.74);
  font-family: var(--font-body, "DM Sans", sans-serif);
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  text-decoration: none;
}

.leao-page-case-control-systems .case-final-cta__button--primary {
  background: #FFFFFF;
  color: #141414;
  border-color: #FFFFFF;
}

.leao-page-case-control-systems .case-final-cta__button--ghost {
  background: transparent;
  color: #FFFFFF;
  border-color: rgba(255,255,255,.72);
}

.leao-page-case-control-systems .case-final-cta__button:hover {
  transform: translateY(-2px);
}

.leao-page-case-control-systems .cs-piece img,
.leao-page-case-control-systems .cs-reel-embed {
  transform: scale(1.001);
  transition:
    transform .52s cubic-bezier(.22, 1, .36, 1),
    filter .52s cubic-bezier(.22, 1, .36, 1);
}

@media (hover: hover) and (pointer: fine) {
  .leao-page-case-control-systems .cs-piece:hover img {
    transform: scale(1.03);
    filter: saturate(1.02) contrast(1.01);
  }
}

@media (max-width: 1240px) {
  .leao-page-case-control-systems .cs-metrics-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 1100px) {
  .leao-page-case-control-systems .case-hero__content {
    padding-left: clamp(40px, 6vw, 72px);
  }

  .leao-page-case-control-systems .cs-piece-grid--intro,
  .leao-page-case-control-systems .cs-piece-grid--social,
  .leao-page-case-control-systems .cs-piece-grid--products,
  .leao-page-case-control-systems .cs-campaign-grid,
  .leao-page-case-control-systems .cs-reels-grid {
    grid-template-columns: 1fr;
  }

  .leao-page-case-control-systems .cs-piece-grid--social .cs-piece--wide {
    grid-row: auto;
  }
}

@media (max-width: 900px) {
  .leao-page-case-control-systems .cs-hero-photo--equipment,
  .leao-page-case-control-systems .cs-hero-photo--site {
    display: none;
  }

  .leao-page-case-control-systems .cs-hero-photo--server {
    width: min(78vw, 520px);
    height: auto;
    aspect-ratio: 16 / 10;
    right: 50%;
    transform: translateX(50%) rotate(.4deg);
    bottom: 8vh;
    opacity: .30;
  }
}

@media (max-width: 768px) {
  .leao-page-case-control-systems .case-hero__content {
    padding-left: 0;
  }

  .leao-page-case-control-systems .cs-metrics-grid {
    grid-template-columns: 1fr;
  }

  .leao-page-case-control-systems .cs-piece--wide img,
  .leao-page-case-control-systems .cs-piece--panoramic img {
    aspect-ratio: auto;
  }

  .leao-page-case-control-systems .case-final-cta .btn-group {
    align-items: stretch;
  }

  .leao-page-case-control-systems .case-final-cta__button {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .leao-page-case-control-systems .cs-piece img,
  .leao-page-case-control-systems .cs-reel-embed {
    transition: none;
  }
}

/* /SITE-v0.45 - Control Systems DS reset */



/* ============================================================
   SITE-v0.46 - Control Systems NO GO fix
   Escopo exclusivo: .leao-page-case-control-systems
   Referencia: Dimensional Rochas / GCA / GEMAT
   ============================================================ */

.leao-page-case-control-systems {
  --control-accent: var(--leao-teal, #189DAA);
  --control-blue: var(--leao-blue, #107293);
  --control-black: var(--leao-black, #141414);
  --control-off: #f5f5f2;
}

.leao-page-case-control-systems .case-hero__content {
  box-sizing: border-box;
  padding-left: clamp(84px, 8vw, 144px);
}

.leao-page-case-control-systems .case-hero__bg {
  overflow: hidden;
}

.leao-page-case-control-systems .case-hero__bg::before {
  background:
    radial-gradient(circle at 78% 34%, rgba(24,157,170,.14), transparent 34%),
    linear-gradient(90deg, rgba(20,20,20,.98) 0%, rgba(20,20,20,.90) 48%, rgba(20,20,20,.68) 100%);
}

.leao-page-case-control-systems .case-hero__overlay {
  background:
    linear-gradient(180deg, rgba(20,20,20,.08), rgba(20,20,20,.88)),
    radial-gradient(circle at 76% 30%, rgba(24,157,170,.13), transparent 38%);
}

.leao-page-case-control-systems .case-hero__title em,
.leao-page-case-control-systems .case-breadcrumb [aria-current="page"],
.leao-page-case-control-systems .case-breadcrumb a:hover,
.leao-page-case-control-systems .case-summary__card span,
.leao-page-case-control-systems .case-metrics-grid span,
.leao-page-case-control-systems .case-related-card__body span,
.leao-page-case-control-systems .case-learning__eyebrow,
.leao-page-case-control-systems .case-final-cta__eyebrow {
  color: var(--control-accent);
}

.leao-page-case-control-systems .tag--case-teal {
  color: var(--control-accent);
  border-color: rgba(24,157,170,.36);
  background: rgba(24,157,170,.08);
}

.leao-page-case-control-systems .btn--primary {
  background: var(--control-accent);
}

.leao-page-case-control-systems .btn--primary:hover {
  background: var(--control-blue);
}

.leao-page-case-control-systems .control-hero-photo {
  position: absolute;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.02);
  box-shadow: none;
}

.leao-page-case-control-systems .control-hero-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(.46) contrast(1.04) saturate(.82);
  opacity: .9;
}

.leao-page-case-control-systems .control-hero-photo--server {
  width: clamp(460px, 42vw, 760px);
  height: clamp(320px, 28vw, 500px);
  right: clamp(38px, 5vw, 96px);
  top: clamp(92px, 12vh, 150px);
  z-index: 2;
  transform: rotate(.4deg);
  opacity: .46;
}

.leao-page-case-control-systems .control-hero-photo--site {
  width: clamp(230px, 17vw, 340px);
  height: clamp(360px, 28vw, 520px);
  right: clamp(90px, 9vw, 170px);
  bottom: clamp(72px, 10vh, 120px);
  z-index: 3;
  transform: rotate(1.2deg);
  opacity: .22;
}

.leao-page-case-control-systems .control-hero-photo--social {
  width: clamp(320px, 28vw, 520px);
  height: clamp(180px, 15.5vw, 290px);
  right: clamp(360px, 30vw, 590px);
  bottom: clamp(110px, 14vh, 168px);
  z-index: 1;
  transform: rotate(-2.4deg);
  opacity: .30;
}

.leao-page-case-control-systems .control-editorial-cards,
.leao-page-case-control-systems .control-social-grid,
.leao-page-case-control-systems .control-reels-grid,
.leao-page-case-control-systems .control-site-showcase,
.leao-page-case-control-systems .control-site-showcase__notes {
  display: grid;
  gap: clamp(22px, 3vw, 36px);
  margin-top: clamp(42px, 6vw, 76px);
}

.leao-page-case-control-systems .control-editorial-cards {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.leao-page-case-control-systems .control-editorial-cards article,
.leao-page-case-control-systems .control-site-showcase__notes article {
  background: #FFFFFF;
  border: 1px solid rgba(20,20,20,.10);
  padding: clamp(24px, 3vw, 36px);
}

.leao-page-case-control-systems .control-editorial-cards span,
.leao-page-case-control-systems .control-site-showcase__notes span,
.leao-page-case-control-systems .control-reel-card p {
  display: block;
  font-family: var(--font-mono, "DM Mono", monospace);
  font-size: 11px;
  letter-spacing: .12em;
  line-height: 1.65;
  text-transform: uppercase;
}

.leao-page-case-control-systems .control-editorial-cards span,
.leao-page-case-control-systems .control-site-showcase__notes span {
  color: var(--control-accent);
  margin-bottom: 18px;
}

.leao-page-case-control-systems .control-editorial-cards h3,
.leao-page-case-control-systems .control-paid-grid h3,
.leao-page-case-control-systems .control-metrics-grid h3 {
  line-height: 1.12;
}

.leao-page-case-control-systems .control-editorial-cards p,
.leao-page-case-control-systems .control-site-showcase__notes p {
  margin: 0;
  color: #4c5558;
}

.leao-page-case-control-systems .control-metrics-grid,
.leao-page-case-control-systems .control-paid-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.leao-page-case-control-systems .control-metrics-grid article,
.leao-page-case-control-systems .control-paid-grid article {
  min-height: 220px;
}

.leao-page-case-control-systems .control-visual-card {
  margin: 0;
  background: #FFFFFF;
  border: 1px solid rgba(20,20,20,.10);
  overflow: hidden;
}

.leao-page-case-control-systems .case-section--dark .control-visual-card,
.leao-page-case-control-systems .control-visual-card--dark {
  background: rgba(255,255,255,.04);
  border-color: rgba(255,255,255,.10);
}

.leao-page-case-control-systems .control-visual-card img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  background: #f3f3f3;
}

.leao-page-case-control-systems .case-section--dark .control-visual-card img,
.leao-page-case-control-systems .control-visual-card--dark img {
  background: rgba(255,255,255,.04);
}

.leao-page-case-control-systems .control-visual-card--wide img {
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.leao-page-case-control-systems .control-visual-card figcaption {
  padding: 20px 24px;
  border-top: 1px solid rgba(20,20,20,.10);
  background: #FFFFFF;
  font-family: var(--font-mono, "DM Mono", monospace);
  font-size: 11px;
  font-weight: 400;
  letter-spacing: .12em;
  line-height: 1.65;
  text-transform: uppercase;
  color: #5c6467;
}

.leao-page-case-control-systems .case-section--dark .control-visual-card figcaption,
.leao-page-case-control-systems .control-visual-card--dark figcaption {
  border-top-color: rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  color: rgba(255,255,255,.60);
}

.leao-page-case-control-systems .control-site-section {
  background:
    radial-gradient(circle at 76% 20%, rgba(24,157,170,.12), transparent 34%),
    var(--control-black);
}

.leao-page-case-control-systems .control-site-showcase {
  grid-template-columns: minmax(320px, .78fr) minmax(0, 1.22fr);
  align-items: start;
}

.leao-page-case-control-systems .control-site-showcase__screen img {
  max-height: 900px;
  object-fit: cover;
  object-position: top center;
}

.leao-page-case-control-systems .control-site-showcase__notes {
  margin-top: 0;
}

.leao-page-case-control-systems .control-site-showcase__notes article {
  background: rgba(255,255,255,.04);
  border-color: rgba(255,255,255,.10);
}

.leao-page-case-control-systems .control-site-showcase__notes p {
  color: rgba(255,255,255,.70);
}

.leao-page-case-control-systems .control-social-grid {
  grid-template-columns: minmax(0, 1.25fr) repeat(2, minmax(220px, .75fr));
  align-items: start;
}

.leao-page-case-control-systems .control-social-grid .control-visual-card--wide {
  grid-column: 1 / -1;
}

.leao-page-case-control-systems .control-social-grid .control-visual-card--wide img {
  object-fit: contain;
}

.leao-page-case-control-systems .control-reels-section {
  background:
    radial-gradient(circle at 82% 20%, rgba(24,157,170,.10), transparent 32%),
    var(--control-black);
}

.leao-page-case-control-systems .control-reels-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.leao-page-case-control-systems .control-reel-card {
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.10);
  overflow: hidden;
}

.leao-page-case-control-systems .control-reel-card .cs-reel-embed {
  min-height: 520px;
  padding: 12px;
  background: #FFFFFF;
  border: 0;
  box-shadow: none;
  display: block;
}

.leao-page-case-control-systems .control-reel-card .instagram-media,
.leao-page-case-control-systems .control-reel-card iframe {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 auto !important;
}

.leao-page-case-control-systems .control-reel-card p {
  margin: 0;
  padding: 18px 20px;
  border-top: 1px solid rgba(255,255,255,.10);
  color: rgba(255,255,255,.62);
}

.leao-page-case-control-systems .case-learning {
  background: var(--control-off);
}

.leao-page-case-control-systems .case-learning__copy {
  max-width: 720px;
  margin-top: 28px;
}

.leao-page-case-control-systems .case-learning__copy p {
  font-size: 18px;
  line-height: 1.82;
  color: #555e61;
  margin: 0 0 20px;
}

.leao-page-case-control-systems .case-final-cta {
  background: var(--control-accent);
}

.leao-page-case-control-systems .case-final-cta .btn-group {
  display: flex;
  align-items: center;
  gap: .9rem;
  flex-wrap: wrap;
  margin-top: clamp(30px, 4vw, 44px);
}

.leao-page-case-control-systems .case-final-cta__button {
  min-height: 54px;
  padding: 0 2rem;
  border: 1px solid rgba(255,255,255,.74);
  font-family: var(--font-body, "DM Sans", sans-serif);
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  text-decoration: none;
}

.leao-page-case-control-systems .case-final-cta__button--primary {
  background: #141414;
  color: #FFFFFF;
  border-color: #141414;
}

.leao-page-case-control-systems .case-final-cta__button--ghost {
  background: transparent;
  color: #FFFFFF;
  border-color: rgba(255,255,255,.72);
}

.leao-page-case-control-systems .control-visual-card img {
  transform: scale(1.001);
  transition: transform .52s cubic-bezier(.22, 1, .36, 1), filter .52s cubic-bezier(.22, 1, .36, 1);
}

@media (hover: hover) and (pointer: fine) {
  .leao-page-case-control-systems .control-visual-card:hover img {
    transform: scale(1.03);
    filter: saturate(1.02) contrast(1.01);
  }
}

@media (max-width: 1240px) {
  .leao-page-case-control-systems .control-metrics-grid,
  .leao-page-case-control-systems .control-paid-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 1100px) {
  .leao-page-case-control-systems .case-hero__content {
    padding-left: clamp(40px, 6vw, 72px);
  }

  .leao-page-case-control-systems .control-editorial-cards,
  .leao-page-case-control-systems .control-site-showcase,
  .leao-page-case-control-systems .control-social-grid,
  .leao-page-case-control-systems .control-reels-grid {
    grid-template-columns: 1fr;
  }

  .leao-page-case-control-systems .control-social-grid .control-visual-card--wide {
    grid-column: auto;
  }
}

@media (max-width: 900px) {
  .leao-page-case-control-systems .control-hero-photo--site,
  .leao-page-case-control-systems .control-hero-photo--social {
    display: none;
  }

  .leao-page-case-control-systems .control-hero-photo--server {
    width: min(82vw, 560px);
    height: auto;
    aspect-ratio: 16 / 10;
    right: 50%;
    top: auto;
    bottom: 8vh;
    transform: translateX(50%) rotate(.4deg);
    opacity: .32;
  }
}

@media (max-width: 768px) {
  .leao-page-case-control-systems .case-hero__content {
    padding-left: 0;
  }

  .leao-page-case-control-systems .control-metrics-grid,
  .leao-page-case-control-systems .control-paid-grid {
    grid-template-columns: 1fr;
  }

  .leao-page-case-control-systems .control-visual-card--wide img {
    aspect-ratio: auto;
  }

  .leao-page-case-control-systems .case-final-cta .btn-group {
    align-items: stretch;
  }

  .leao-page-case-control-systems .case-final-cta__button {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .leao-page-case-control-systems .control-visual-card img {
    transition: none;
  }
}

/* /SITE-v0.46 - Control Systems NO GO fix */



/* ============================================================
   SITE-v0.47 - Control Systems refinamento editorial
   Escopo exclusivo: .leao-page-case-control-systems
   Referencia: Dimensional Rochas / GCA / GEMAT
   ============================================================ */

.leao-page-case-control-systems {
  --control-accent: var(--leao-teal, #189DAA);
  --control-blue: var(--leao-blue, #107293);
  --control-black: var(--leao-black, #141414);
  --control-off: #f5f5f2;
}

.leao-page-case-control-systems .case-hero__content {
  box-sizing: border-box;
  padding-left: clamp(84px, 8vw, 144px);
}

.leao-page-case-control-systems .case-hero__bg {
  overflow: hidden;
}

.leao-page-case-control-systems .case-hero__bg::before {
  background:
    radial-gradient(circle at 78% 34%, rgba(24,157,170,.14), transparent 34%),
    linear-gradient(90deg, rgba(20,20,20,.98) 0%, rgba(20,20,20,.90) 48%, rgba(20,20,20,.68) 100%);
}

.leao-page-case-control-systems .case-hero__overlay {
  background:
    linear-gradient(180deg, rgba(20,20,20,.08), rgba(20,20,20,.88)),
    radial-gradient(circle at 76% 30%, rgba(24,157,170,.13), transparent 38%);
}

.leao-page-case-control-systems .case-hero__title em,
.leao-page-case-control-systems .case-breadcrumb [aria-current="page"],
.leao-page-case-control-systems .case-breadcrumb a:hover,
.leao-page-case-control-systems .case-summary__card span,
.leao-page-case-control-systems .case-metrics-grid span,
.leao-page-case-control-systems .case-related-card__body span,
.leao-page-case-control-systems .case-learning__eyebrow,
.leao-page-case-control-systems .case-final-cta__eyebrow {
  color: var(--control-accent);
}

.leao-page-case-control-systems .tag--case-teal {
  color: var(--control-accent);
  border-color: rgba(24,157,170,.36);
  background: rgba(24,157,170,.08);
}

.leao-page-case-control-systems .btn--primary {
  background: var(--control-accent);
}

.leao-page-case-control-systems .btn--primary:hover {
  background: var(--control-blue);
}

.leao-page-case-control-systems .control-hero-photo {
  position: absolute;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.02);
  box-shadow: none;
}

.leao-page-case-control-systems .control-hero-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(.46) contrast(1.04) saturate(.82);
  opacity: .9;
}

.leao-page-case-control-systems .control-hero-photo--server {
  width: clamp(460px, 42vw, 760px);
  height: clamp(320px, 28vw, 500px);
  right: clamp(38px, 5vw, 96px);
  top: clamp(92px, 12vh, 150px);
  z-index: 2;
  transform: rotate(.4deg);
  opacity: .46;
}

.leao-page-case-control-systems .control-hero-photo--site {
  width: clamp(230px, 17vw, 340px);
  height: clamp(360px, 28vw, 520px);
  right: clamp(90px, 9vw, 170px);
  bottom: clamp(72px, 10vh, 120px);
  z-index: 3;
  transform: rotate(1.2deg);
  opacity: .22;
}

.leao-page-case-control-systems .control-hero-photo--social {
  width: clamp(320px, 28vw, 520px);
  height: clamp(180px, 15.5vw, 290px);
  right: clamp(360px, 30vw, 590px);
  bottom: clamp(110px, 14vh, 168px);
  z-index: 1;
  transform: rotate(-2.4deg);
  opacity: .30;
}

.leao-page-case-control-systems .control-editorial-cards,
.leao-page-case-control-systems .control-social-grid,
.leao-page-case-control-systems .control-reels-grid,
.leao-page-case-control-systems .control-site-showcase,
.leao-page-case-control-systems .control-site-showcase__notes {
  display: grid;
  gap: clamp(22px, 3vw, 36px);
  margin-top: clamp(42px, 6vw, 76px);
}

.leao-page-case-control-systems .control-editorial-cards {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.leao-page-case-control-systems .control-editorial-cards article,
.leao-page-case-control-systems .control-site-showcase__notes article {
  background: #FFFFFF;
  border: 1px solid rgba(20,20,20,.10);
  padding: clamp(24px, 3vw, 36px);
}

.leao-page-case-control-systems .control-editorial-cards span,
.leao-page-case-control-systems .control-site-showcase__notes span,
.leao-page-case-control-systems .control-reel-card p {
  display: block;
  font-family: var(--font-mono, "DM Mono", monospace);
  font-size: 11px;
  letter-spacing: .12em;
  line-height: 1.65;
  text-transform: uppercase;
}

.leao-page-case-control-systems .control-editorial-cards span,
.leao-page-case-control-systems .control-site-showcase__notes span {
  color: var(--control-accent);
  margin-bottom: 18px;
}

.leao-page-case-control-systems .control-editorial-cards h3,
.leao-page-case-control-systems .control-paid-grid h3,
.leao-page-case-control-systems .control-metrics-grid h3 {
  line-height: 1.12;
}

.leao-page-case-control-systems .control-editorial-cards p,
.leao-page-case-control-systems .control-site-showcase__notes p {
  margin: 0;
  color: #4c5558;
}

.leao-page-case-control-systems .control-metrics-grid,
.leao-page-case-control-systems .control-paid-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.leao-page-case-control-systems .control-metrics-grid article,
.leao-page-case-control-systems .control-paid-grid article {
  min-height: 220px;
}

.leao-page-case-control-systems .control-visual-card {
  margin: 0;
  background: #FFFFFF;
  border: 1px solid rgba(20,20,20,.10);
  overflow: hidden;
}

.leao-page-case-control-systems .case-section--dark .control-visual-card,
.leao-page-case-control-systems .control-visual-card--dark {
  background: rgba(255,255,255,.04);
  border-color: rgba(255,255,255,.10);
}

.leao-page-case-control-systems .control-visual-card img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  background: #f3f3f3;
}

.leao-page-case-control-systems .case-section--dark .control-visual-card img,
.leao-page-case-control-systems .control-visual-card--dark img {
  background: rgba(255,255,255,.04);
}

.leao-page-case-control-systems .control-visual-card--wide img {
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.leao-page-case-control-systems .control-visual-card figcaption {
  padding: 20px 24px;
  border-top: 1px solid rgba(20,20,20,.10);
  background: #FFFFFF;
  font-family: var(--font-mono, "DM Mono", monospace);
  font-size: 11px;
  font-weight: 400;
  letter-spacing: .12em;
  line-height: 1.65;
  text-transform: uppercase;
  color: #5c6467;
}

.leao-page-case-control-systems .case-section--dark .control-visual-card figcaption,
.leao-page-case-control-systems .control-visual-card--dark figcaption {
  border-top-color: rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  color: rgba(255,255,255,.60);
}

.leao-page-case-control-systems .control-site-section {
  background:
    radial-gradient(circle at 76% 20%, rgba(24,157,170,.12), transparent 34%),
    var(--control-black);
}

.leao-page-case-control-systems .control-site-showcase {
  grid-template-columns: minmax(320px, .78fr) minmax(0, 1.22fr);
  align-items: start;
}

.leao-page-case-control-systems .control-site-showcase__screen img {
  max-height: 900px;
  object-fit: cover;
  object-position: top center;
}

.leao-page-case-control-systems .control-site-showcase__notes {
  margin-top: 0;
}

.leao-page-case-control-systems .control-site-showcase__notes article {
  background: rgba(255,255,255,.04);
  border-color: rgba(255,255,255,.10);
}

.leao-page-case-control-systems .control-site-showcase__notes p {
  color: rgba(255,255,255,.70);
}

.leao-page-case-control-systems .control-social-grid {
  grid-template-columns: minmax(0, 1.25fr) repeat(2, minmax(220px, .75fr));
  align-items: start;
}

.leao-page-case-control-systems .control-social-grid .control-visual-card--wide {
  grid-column: 1 / -1;
}

.leao-page-case-control-systems .control-social-grid .control-visual-card--wide img {
  object-fit: contain;
}

.leao-page-case-control-systems .control-reels-section {
  background:
    radial-gradient(circle at 82% 20%, rgba(24,157,170,.10), transparent 32%),
    var(--control-black);
}

.leao-page-case-control-systems .control-reels-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.leao-page-case-control-systems .control-reel-card {
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.10);
  overflow: hidden;
}

.leao-page-case-control-systems .control-reel-card .cs-reel-embed {
  min-height: 520px;
  padding: 12px;
  background: #FFFFFF;
  border: 0;
  box-shadow: none;
  display: block;
}

.leao-page-case-control-systems .control-reel-card .instagram-media,
.leao-page-case-control-systems .control-reel-card iframe {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 auto !important;
}

.leao-page-case-control-systems .control-reel-card p {
  margin: 0;
  padding: 18px 20px;
  border-top: 1px solid rgba(255,255,255,.10);
  color: rgba(255,255,255,.62);
}

.leao-page-case-control-systems .case-learning {
  background: var(--control-off);
}

.leao-page-case-control-systems .case-learning__copy {
  max-width: 720px;
  margin-top: 28px;
}

.leao-page-case-control-systems .case-learning__copy p {
  font-size: 18px;
  line-height: 1.82;
  color: #555e61;
  margin: 0 0 20px;
}

.leao-page-case-control-systems .case-final-cta {
  background: var(--control-accent);
}

.leao-page-case-control-systems .case-final-cta .btn-group {
  display: flex;
  align-items: center;
  gap: .9rem;
  flex-wrap: wrap;
  margin-top: clamp(30px, 4vw, 44px);
}

.leao-page-case-control-systems .case-final-cta__button {
  min-height: 54px;
  padding: 0 2rem;
  border: 1px solid rgba(255,255,255,.74);
  font-family: var(--font-body, "DM Sans", sans-serif);
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  text-decoration: none;
}

.leao-page-case-control-systems .case-final-cta__button--primary {
  background: #141414;
  color: #FFFFFF;
  border-color: #141414;
}

.leao-page-case-control-systems .case-final-cta__button--ghost {
  background: transparent;
  color: #FFFFFF;
  border-color: rgba(255,255,255,.72);
}

.leao-page-case-control-systems .control-visual-card img {
  transform: scale(1.001);
  transition: transform .52s cubic-bezier(.22, 1, .36, 1), filter .52s cubic-bezier(.22, 1, .36, 1);
}

@media (hover: hover) and (pointer: fine) {
  .leao-page-case-control-systems .control-visual-card:hover img {
    transform: scale(1.03);
    filter: saturate(1.02) contrast(1.01);
  }
}

@media (max-width: 1240px) {
  .leao-page-case-control-systems .control-metrics-grid,
  .leao-page-case-control-systems .control-paid-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 1100px) {
  .leao-page-case-control-systems .case-hero__content {
    padding-left: clamp(40px, 6vw, 72px);
  }

  .leao-page-case-control-systems .control-editorial-cards,
  .leao-page-case-control-systems .control-site-showcase,
  .leao-page-case-control-systems .control-social-grid,
  .leao-page-case-control-systems .control-reels-grid {
    grid-template-columns: 1fr;
  }

  .leao-page-case-control-systems .control-social-grid .control-visual-card--wide {
    grid-column: auto;
  }
}

@media (max-width: 900px) {
  .leao-page-case-control-systems .control-hero-photo--site,
  .leao-page-case-control-systems .control-hero-photo--social {
    display: none;
  }

  .leao-page-case-control-systems .control-hero-photo--server {
    width: min(82vw, 560px);
    height: auto;
    aspect-ratio: 16 / 10;
    right: 50%;
    top: auto;
    bottom: 8vh;
    transform: translateX(50%) rotate(.4deg);
    opacity: .32;
  }
}

@media (max-width: 768px) {
  .leao-page-case-control-systems .case-hero__content {
    padding-left: 0;
  }

  .leao-page-case-control-systems .control-metrics-grid,
  .leao-page-case-control-systems .control-paid-grid {
    grid-template-columns: 1fr;
  }

  .leao-page-case-control-systems .control-visual-card--wide img {
    aspect-ratio: auto;
  }

  .leao-page-case-control-systems .case-final-cta .btn-group {
    align-items: stretch;
  }

  .leao-page-case-control-systems .case-final-cta__button {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .leao-page-case-control-systems .control-visual-card img {
    transition: none;
  }
}

/* ------------------------------------------------------------
   v0.47 refinements
   ------------------------------------------------------------ */

.leao-page-case-control-systems .control-case-hero .case-hero__bg {
  inset: 0;
}

.leao-page-case-control-systems .control-case-hero .control-hero-photo--server {
  inset: 0;
  width: 100%;
  height: 100%;
  right: auto;
  top: auto;
  bottom: auto;
  transform: none;
  opacity: .72;
  border: 0;
}

.leao-page-case-control-systems .control-case-hero .control-hero-photo--server img {
  object-fit: cover;
  object-position: center center;
  filter: brightness(.34) contrast(1.06) saturate(.78);
}

.leao-page-case-control-systems .control-case-hero .case-hero__overlay {
  background:
    linear-gradient(90deg, rgba(20,20,20,.96) 0%, rgba(20,20,20,.86) 46%, rgba(20,20,20,.42) 100%),
    linear-gradient(180deg, rgba(20,20,20,.12), rgba(20,20,20,.88));
}

.leao-page-case-control-systems .control-blog-showcase {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(22px, 3vw, 36px);
  margin-top: clamp(36px, 5vw, 64px);
  margin-bottom: clamp(34px, 4vw, 58px);
}

.leao-page-case-control-systems .control-blog-card img {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  object-position: top center;
}

.leao-page-case-control-systems .control-site-section .container {
  display: grid;
  grid-template-columns: minmax(280px, .86fr) minmax(0, 1.14fr);
  gap: clamp(34px, 6vw, 86px);
  align-items: start;
}

.leao-page-case-control-systems .control-site-section .case-editorial-grid {
  display: block;
}

.leao-page-case-control-systems .control-site-section .case-editorial-grid__copy {
  margin-top: clamp(24px, 3vw, 34px);
}

.leao-page-case-control-systems .control-site-showcase {
  margin-top: 0;
  display: block;
}

.leao-page-case-control-systems .control-site-showcase__notes {
  gap: 0;
  margin-top: clamp(30px, 4vw, 44px);
}

.leao-page-case-control-systems .control-site-showcase__notes article + article {
  border-top: 0;
}

.leao-page-case-control-systems .control-site-showcase__screen img {
  max-height: 980px;
}

.leao-page-case-control-systems .control-social-grid {
  grid-template-columns: minmax(0, 1.4fr) minmax(240px, .72fr);
  grid-auto-flow: dense;
  align-items: start;
}

.leao-page-case-control-systems .control-social-card--support {
  grid-column: 2;
}

.leao-page-case-control-systems .control-social-card--wide {
  grid-column: 1 / -1;
}

.leao-page-case-control-systems .control-social-card--wide img {
  aspect-ratio: 16 / 9;
  object-fit: contain;
  background: #f3f3f3;
}

.leao-page-case-control-systems .control-social-card:not(.control-social-card--wide) img {
  aspect-ratio: 4 / 5;
  object-fit: cover;
  object-position: top center;
}

.leao-page-case-control-systems .control-learning-statement {
  position: relative;
  max-width: 1040px;
  margin: 0 auto;
  padding-left: clamp(72px, 8vw, 140px);
}

.leao-page-case-control-systems .control-learning-statement::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background: rgba(24,157,170,.28);
}

.leao-page-case-control-systems .control-learning-statement .case-learning__eyebrow {
  margin-bottom: clamp(26px, 3vw, 34px);
}

.leao-page-case-control-systems .control-learning-statement h2 {
  max-width: 940px;
  margin: 0;
}

.leao-page-case-control-systems .control-learning-statement h2 em {
  display: block;
  margin-top: clamp(18px, 2vw, 24px);
  color: var(--control-accent);
  font-style: normal;
}

@media (max-width: 1100px) {
  .leao-page-case-control-systems .control-blog-showcase,
  .leao-page-case-control-systems .control-site-section .container,
  .leao-page-case-control-systems .control-social-grid {
    grid-template-columns: 1fr;
  }

  .leao-page-case-control-systems .control-social-card--support,
  .leao-page-case-control-systems .control-social-card--wide {
    grid-column: auto;
  }
}

@media (max-width: 768px) {
  .leao-page-case-control-systems .control-learning-statement {
    padding-left: 28px;
  }
}

/* /SITE-v0.47 - Control Systems refinamento editorial */



/* ============================================================
   SITE-v0.48 - Control Systems ajuste social e hero
   Escopo exclusivo: .leao-page-case-control-systems
   Referencia: Dimensional Rochas / GCA / GEMAT
   ============================================================ */

.leao-page-case-control-systems {
  --control-accent: var(--leao-teal, #189DAA);
  --control-blue: var(--leao-blue, #107293);
  --control-black: var(--leao-black, #141414);
  --control-off: #f5f5f2;
}

.leao-page-case-control-systems .case-hero__content {
  box-sizing: border-box;
  padding-left: clamp(84px, 8vw, 144px);
}

.leao-page-case-control-systems .case-hero__bg {
  overflow: hidden;
}

.leao-page-case-control-systems .case-hero__bg::before {
  background:
    radial-gradient(circle at 78% 34%, rgba(24,157,170,.14), transparent 34%),
    linear-gradient(90deg, rgba(20,20,20,.98) 0%, rgba(20,20,20,.90) 48%, rgba(20,20,20,.68) 100%);
}

.leao-page-case-control-systems .case-hero__overlay {
  background:
    linear-gradient(180deg, rgba(20,20,20,.08), rgba(20,20,20,.88)),
    radial-gradient(circle at 76% 30%, rgba(24,157,170,.13), transparent 38%);
}

.leao-page-case-control-systems .case-hero__title em,
.leao-page-case-control-systems .case-breadcrumb [aria-current="page"],
.leao-page-case-control-systems .case-breadcrumb a:hover,
.leao-page-case-control-systems .case-summary__card span,
.leao-page-case-control-systems .case-metrics-grid span,
.leao-page-case-control-systems .case-related-card__body span,
.leao-page-case-control-systems .case-learning__eyebrow,
.leao-page-case-control-systems .case-final-cta__eyebrow {
  color: var(--control-accent);
}

.leao-page-case-control-systems .tag--case-teal {
  color: var(--control-accent);
  border-color: rgba(24,157,170,.36);
  background: rgba(24,157,170,.08);
}

.leao-page-case-control-systems .btn--primary {
  background: var(--control-accent);
}

.leao-page-case-control-systems .btn--primary:hover {
  background: var(--control-blue);
}

.leao-page-case-control-systems .control-hero-photo {
  position: absolute;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.02);
  box-shadow: none;
}

.leao-page-case-control-systems .control-hero-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(.46) contrast(1.04) saturate(.82);
  opacity: .9;
}

.leao-page-case-control-systems .control-hero-photo--server {
  width: clamp(460px, 42vw, 760px);
  height: clamp(320px, 28vw, 500px);
  right: clamp(38px, 5vw, 96px);
  top: clamp(92px, 12vh, 150px);
  z-index: 2;
  transform: rotate(.4deg);
  opacity: .46;
}

.leao-page-case-control-systems .control-hero-photo--site {
  width: clamp(230px, 17vw, 340px);
  height: clamp(360px, 28vw, 520px);
  right: clamp(90px, 9vw, 170px);
  bottom: clamp(72px, 10vh, 120px);
  z-index: 3;
  transform: rotate(1.2deg);
  opacity: .22;
}

.leao-page-case-control-systems .control-hero-photo--social {
  width: clamp(320px, 28vw, 520px);
  height: clamp(180px, 15.5vw, 290px);
  right: clamp(360px, 30vw, 590px);
  bottom: clamp(110px, 14vh, 168px);
  z-index: 1;
  transform: rotate(-2.4deg);
  opacity: .30;
}

.leao-page-case-control-systems .control-editorial-cards,
.leao-page-case-control-systems .control-social-grid,
.leao-page-case-control-systems .control-reels-grid,
.leao-page-case-control-systems .control-site-showcase,
.leao-page-case-control-systems .control-site-showcase__notes {
  display: grid;
  gap: clamp(22px, 3vw, 36px);
  margin-top: clamp(42px, 6vw, 76px);
}

.leao-page-case-control-systems .control-editorial-cards {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.leao-page-case-control-systems .control-editorial-cards article,
.leao-page-case-control-systems .control-site-showcase__notes article {
  background: #FFFFFF;
  border: 1px solid rgba(20,20,20,.10);
  padding: clamp(24px, 3vw, 36px);
}

.leao-page-case-control-systems .control-editorial-cards span,
.leao-page-case-control-systems .control-site-showcase__notes span,
.leao-page-case-control-systems .control-reel-card p {
  display: block;
  font-family: var(--font-mono, "DM Mono", monospace);
  font-size: 11px;
  letter-spacing: .12em;
  line-height: 1.65;
  text-transform: uppercase;
}

.leao-page-case-control-systems .control-editorial-cards span,
.leao-page-case-control-systems .control-site-showcase__notes span {
  color: var(--control-accent);
  margin-bottom: 18px;
}

.leao-page-case-control-systems .control-editorial-cards h3,
.leao-page-case-control-systems .control-paid-grid h3,
.leao-page-case-control-systems .control-metrics-grid h3 {
  line-height: 1.12;
}

.leao-page-case-control-systems .control-editorial-cards p,
.leao-page-case-control-systems .control-site-showcase__notes p {
  margin: 0;
  color: #4c5558;
}

.leao-page-case-control-systems .control-metrics-grid,
.leao-page-case-control-systems .control-paid-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.leao-page-case-control-systems .control-metrics-grid article,
.leao-page-case-control-systems .control-paid-grid article {
  min-height: 220px;
}

.leao-page-case-control-systems .control-visual-card {
  margin: 0;
  background: #FFFFFF;
  border: 1px solid rgba(20,20,20,.10);
  overflow: hidden;
}

.leao-page-case-control-systems .case-section--dark .control-visual-card,
.leao-page-case-control-systems .control-visual-card--dark {
  background: rgba(255,255,255,.04);
  border-color: rgba(255,255,255,.10);
}

.leao-page-case-control-systems .control-visual-card img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  background: #f3f3f3;
}

.leao-page-case-control-systems .case-section--dark .control-visual-card img,
.leao-page-case-control-systems .control-visual-card--dark img {
  background: rgba(255,255,255,.04);
}

.leao-page-case-control-systems .control-visual-card--wide img {
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.leao-page-case-control-systems .control-visual-card figcaption {
  padding: 20px 24px;
  border-top: 1px solid rgba(20,20,20,.10);
  background: #FFFFFF;
  font-family: var(--font-mono, "DM Mono", monospace);
  font-size: 11px;
  font-weight: 400;
  letter-spacing: .12em;
  line-height: 1.65;
  text-transform: uppercase;
  color: #5c6467;
}

.leao-page-case-control-systems .case-section--dark .control-visual-card figcaption,
.leao-page-case-control-systems .control-visual-card--dark figcaption {
  border-top-color: rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  color: rgba(255,255,255,.60);
}

.leao-page-case-control-systems .control-site-section {
  background:
    radial-gradient(circle at 76% 20%, rgba(24,157,170,.12), transparent 34%),
    var(--control-black);
}

.leao-page-case-control-systems .control-site-showcase {
  grid-template-columns: minmax(320px, .78fr) minmax(0, 1.22fr);
  align-items: start;
}

.leao-page-case-control-systems .control-site-showcase__screen img {
  max-height: 900px;
  object-fit: cover;
  object-position: top center;
}

.leao-page-case-control-systems .control-site-showcase__notes {
  margin-top: 0;
}

.leao-page-case-control-systems .control-site-showcase__notes article {
  background: rgba(255,255,255,.04);
  border-color: rgba(255,255,255,.10);
}

.leao-page-case-control-systems .control-site-showcase__notes p {
  color: rgba(255,255,255,.70);
}

.leao-page-case-control-systems .control-social-grid {
  grid-template-columns: minmax(0, 1.25fr) repeat(2, minmax(220px, .75fr));
  align-items: start;
}

.leao-page-case-control-systems .control-social-grid .control-visual-card--wide {
  grid-column: 1 / -1;
}

.leao-page-case-control-systems .control-social-grid .control-visual-card--wide img {
  object-fit: contain;
}

.leao-page-case-control-systems .control-reels-section {
  background:
    radial-gradient(circle at 82% 20%, rgba(24,157,170,.10), transparent 32%),
    var(--control-black);
}

.leao-page-case-control-systems .control-reels-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.leao-page-case-control-systems .control-reel-card {
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.10);
  overflow: hidden;
}

.leao-page-case-control-systems .control-reel-card .cs-reel-embed {
  min-height: 520px;
  padding: 12px;
  background: #FFFFFF;
  border: 0;
  box-shadow: none;
  display: block;
}

.leao-page-case-control-systems .control-reel-card .instagram-media,
.leao-page-case-control-systems .control-reel-card iframe {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 auto !important;
}

.leao-page-case-control-systems .control-reel-card p {
  margin: 0;
  padding: 18px 20px;
  border-top: 1px solid rgba(255,255,255,.10);
  color: rgba(255,255,255,.62);
}

.leao-page-case-control-systems .case-learning {
  background: var(--control-off);
}

.leao-page-case-control-systems .case-learning__copy {
  max-width: 720px;
  margin-top: 28px;
}

.leao-page-case-control-systems .case-learning__copy p {
  font-size: 18px;
  line-height: 1.82;
  color: #555e61;
  margin: 0 0 20px;
}

.leao-page-case-control-systems .case-final-cta {
  background: var(--control-accent);
}

.leao-page-case-control-systems .case-final-cta .btn-group {
  display: flex;
  align-items: center;
  gap: .9rem;
  flex-wrap: wrap;
  margin-top: clamp(30px, 4vw, 44px);
}

.leao-page-case-control-systems .case-final-cta__button {
  min-height: 54px;
  padding: 0 2rem;
  border: 1px solid rgba(255,255,255,.74);
  font-family: var(--font-body, "DM Sans", sans-serif);
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  text-decoration: none;
}

.leao-page-case-control-systems .case-final-cta__button--primary {
  background: #141414;
  color: #FFFFFF;
  border-color: #141414;
}

.leao-page-case-control-systems .case-final-cta__button--ghost {
  background: transparent;
  color: #FFFFFF;
  border-color: rgba(255,255,255,.72);
}

.leao-page-case-control-systems .control-visual-card img {
  transform: scale(1.001);
  transition: transform .52s cubic-bezier(.22, 1, .36, 1), filter .52s cubic-bezier(.22, 1, .36, 1);
}

@media (hover: hover) and (pointer: fine) {
  .leao-page-case-control-systems .control-visual-card:hover img {
    transform: scale(1.03);
    filter: saturate(1.02) contrast(1.01);
  }
}

@media (max-width: 1240px) {
  .leao-page-case-control-systems .control-metrics-grid,
  .leao-page-case-control-systems .control-paid-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 1100px) {
  .leao-page-case-control-systems .case-hero__content {
    padding-left: clamp(40px, 6vw, 72px);
  }

  .leao-page-case-control-systems .control-editorial-cards,
  .leao-page-case-control-systems .control-site-showcase,
  .leao-page-case-control-systems .control-social-grid,
  .leao-page-case-control-systems .control-reels-grid {
    grid-template-columns: 1fr;
  }

  .leao-page-case-control-systems .control-social-grid .control-visual-card--wide {
    grid-column: auto;
  }
}

@media (max-width: 900px) {
  .leao-page-case-control-systems .control-hero-photo--site,
  .leao-page-case-control-systems .control-hero-photo--social {
    display: none;
  }

  .leao-page-case-control-systems .control-hero-photo--server {
    width: min(82vw, 560px);
    height: auto;
    aspect-ratio: 16 / 10;
    right: 50%;
    top: auto;
    bottom: 8vh;
    transform: translateX(50%) rotate(.4deg);
    opacity: .32;
  }
}

@media (max-width: 768px) {
  .leao-page-case-control-systems .case-hero__content {
    padding-left: 0;
  }

  .leao-page-case-control-systems .control-metrics-grid,
  .leao-page-case-control-systems .control-paid-grid {
    grid-template-columns: 1fr;
  }

  .leao-page-case-control-systems .control-visual-card--wide img {
    aspect-ratio: auto;
  }

  .leao-page-case-control-systems .case-final-cta .btn-group {
    align-items: stretch;
  }

  .leao-page-case-control-systems .case-final-cta__button {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .leao-page-case-control-systems .control-visual-card img {
    transition: none;
  }
}

/* ------------------------------------------------------------
   v0.47 refinements
   ------------------------------------------------------------ */

.leao-page-case-control-systems .control-case-hero .case-hero__bg {
  inset: 0;
}

.leao-page-case-control-systems .control-case-hero .control-hero-photo--server {
  inset: 0;
  width: 100%;
  height: 100%;
  right: auto;
  top: auto;
  bottom: auto;
  transform: none;
  opacity: .72;
  border: 0;
}

.leao-page-case-control-systems .control-case-hero .control-hero-photo--server img {
  object-fit: cover;
  object-position: center center;
  filter: brightness(.34) contrast(1.06) saturate(.78);
}

.leao-page-case-control-systems .control-case-hero .case-hero__overlay {
  background:
    linear-gradient(90deg, rgba(20,20,20,.96) 0%, rgba(20,20,20,.86) 46%, rgba(20,20,20,.42) 100%),
    linear-gradient(180deg, rgba(20,20,20,.12), rgba(20,20,20,.88));
}

.leao-page-case-control-systems .control-blog-showcase {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(22px, 3vw, 36px);
  margin-top: clamp(36px, 5vw, 64px);
  margin-bottom: clamp(34px, 4vw, 58px);
}

.leao-page-case-control-systems .control-blog-card img {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  object-position: top center;
}

.leao-page-case-control-systems .control-site-section .container {
  display: grid;
  grid-template-columns: minmax(280px, .86fr) minmax(0, 1.14fr);
  gap: clamp(34px, 6vw, 86px);
  align-items: start;
}

.leao-page-case-control-systems .control-site-section .case-editorial-grid {
  display: block;
}

.leao-page-case-control-systems .control-site-section .case-editorial-grid__copy {
  margin-top: clamp(24px, 3vw, 34px);
}

.leao-page-case-control-systems .control-site-showcase {
  margin-top: 0;
  display: block;
}

.leao-page-case-control-systems .control-site-showcase__notes {
  gap: 0;
  margin-top: clamp(30px, 4vw, 44px);
}

.leao-page-case-control-systems .control-site-showcase__notes article + article {
  border-top: 0;
}

.leao-page-case-control-systems .control-site-showcase__screen img {
  max-height: 980px;
}

.leao-page-case-control-systems .control-social-grid {
  grid-template-columns: minmax(0, 1.4fr) minmax(240px, .72fr);
  grid-auto-flow: dense;
  align-items: start;
}

.leao-page-case-control-systems .control-social-card--support {
  grid-column: 2;
}

.leao-page-case-control-systems .control-social-card--wide {
  grid-column: 1 / -1;
}

.leao-page-case-control-systems .control-social-card--wide img {
  aspect-ratio: 16 / 9;
  object-fit: contain;
  background: #f3f3f3;
}

.leao-page-case-control-systems .control-social-card:not(.control-social-card--wide) img {
  aspect-ratio: 4 / 5;
  object-fit: cover;
  object-position: top center;
}

.leao-page-case-control-systems .control-learning-statement {
  position: relative;
  max-width: 1040px;
  margin: 0 auto;
  padding-left: clamp(72px, 8vw, 140px);
}

.leao-page-case-control-systems .control-learning-statement::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background: rgba(24,157,170,.28);
}

.leao-page-case-control-systems .control-learning-statement .case-learning__eyebrow {
  margin-bottom: clamp(26px, 3vw, 34px);
}

.leao-page-case-control-systems .control-learning-statement h2 {
  max-width: 940px;
  margin: 0;
}

.leao-page-case-control-systems .control-learning-statement h2 em {
  display: block;
  margin-top: clamp(18px, 2vw, 24px);
  color: var(--control-accent);
  font-style: normal;
}

@media (max-width: 1100px) {
  .leao-page-case-control-systems .control-blog-showcase,
  .leao-page-case-control-systems .control-site-section .container,
  .leao-page-case-control-systems .control-social-grid {
    grid-template-columns: 1fr;
  }

  .leao-page-case-control-systems .control-social-card--support,
  .leao-page-case-control-systems .control-social-card--wide {
    grid-column: auto;
  }
}

@media (max-width: 768px) {
  .leao-page-case-control-systems .control-learning-statement {
    padding-left: 28px;
  }
}

/* ------------------------------------------------------------
   v0.48 refinements: hero perspective + social media layout
   ------------------------------------------------------------ */

.leao-page-case-control-systems .control-case-hero .control-hero-photo--server {
  opacity: .62;
}

.leao-page-case-control-systems .control-case-hero .control-hero-photo--server img {
  object-position: center 42%;
  transform: scale(.94);
  transform-origin: center center;
  filter: brightness(.38) contrast(1.04) saturate(.82);
}

.leao-page-case-control-systems .control-social-grid {
  width: min(100%, 1060px);
  margin-left: auto;
  margin-right: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(22px, 3vw, 34px);
  align-items: start;
}

.leao-page-case-control-systems .control-social-card,
.leao-page-case-control-systems .control-social-card--support,
.leao-page-case-control-systems .control-social-card--wide {
  grid-column: auto;
  max-width: none;
}

.leao-page-case-control-systems .control-social-card img,
.leao-page-case-control-systems .control-social-card:not(.control-social-card--wide) img,
.leao-page-case-control-systems .control-social-card--wide img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 460px;
  object-fit: contain;
  object-position: center center;
  aspect-ratio: auto;
  background: #f3f3f3;
}

.leao-page-case-control-systems .control-social-card--wide img {
  max-height: 360px;
}

.leao-page-case-control-systems .control-social-card figcaption {
  min-height: 70px;
}

@media (max-width: 900px) {
  .leao-page-case-control-systems .control-social-grid {
    grid-template-columns: 1fr;
    width: min(100%, 620px);
  }

  .leao-page-case-control-systems .control-social-card--wide {
    grid-column: auto;
  }

  .leao-page-case-control-systems .control-social-card img,
  .leao-page-case-control-systems .control-social-card--wide img {
    max-height: none;
  }
}

/* /SITE-v0.48 - Control Systems ajuste social e hero */



/* ============================================================
   SITE-v0.52 - Case Phil Coffee
   Escopo exclusivo: .leao-page-case-philcoffee
   Referencia: cases Dimensional Rochas / DualClin / Control Systems
   ============================================================ */

.leao-page-case-philcoffee {
  --phil-accent: var(--leao-teal, #189DAA);
  --phil-blue: var(--leao-blue, #107293);
  --phil-black: var(--leao-black, #141414);
  --phil-cream: #f5f0e6;
  --phil-coffee: #8a6040;
  --phil-green: #2f7458;
}

.leao-page-case-philcoffee .case-hero__content {
  box-sizing: border-box;
  padding-left: clamp(84px, 8vw, 144px);
}

.leao-page-case-philcoffee .case-hero__bg {
  overflow: hidden;
}

.leao-page-case-philcoffee .case-hero__bg::before {
  background:
    radial-gradient(circle at 78% 36%, rgba(47,116,88,.20), transparent 34%),
    linear-gradient(90deg, rgba(20,20,20,.98) 0%, rgba(20,20,20,.90) 48%, rgba(20,20,20,.66) 100%);
}

.leao-page-case-philcoffee .case-hero__overlay {
  background:
    linear-gradient(180deg, rgba(20,20,20,.10), rgba(20,20,20,.90)),
    radial-gradient(circle at 80% 28%, rgba(24,157,170,.12), transparent 40%);
}

.leao-page-case-philcoffee .case-hero__title em,
.leao-page-case-philcoffee .case-breadcrumb [aria-current="page"],
.leao-page-case-philcoffee .case-breadcrumb a:hover,
.leao-page-case-philcoffee .case-summary__card span,
.leao-page-case-philcoffee .case-metrics-grid span,
.leao-page-case-philcoffee .case-related-card__body span,
.leao-page-case-philcoffee .case-learning__eyebrow,
.leao-page-case-philcoffee .case-final-cta__eyebrow {
  color: var(--phil-accent);
}

.leao-page-case-philcoffee .tag--case-teal {
  color: var(--phil-accent);
  border-color: rgba(24,157,170,.36);
  background: rgba(24,157,170,.08);
}

.leao-page-case-philcoffee .btn--primary {
  background: var(--phil-accent);
}

.leao-page-case-philcoffee .btn--primary:hover {
  background: var(--phil-blue);
}

.leao-page-case-philcoffee .philcoffee-hero-photo {
  position: absolute;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.02);
  box-shadow: none;
}

.leao-page-case-philcoffee .philcoffee-hero-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(.46) contrast(1.02) saturate(.86);
  opacity: .92;
}

.leao-page-case-philcoffee .philcoffee-hero-photo--banner {
  width: clamp(520px, 45vw, 820px);
  height: clamp(220px, 20vw, 340px);
  right: clamp(32px, 5vw, 90px);
  top: clamp(106px, 14vh, 160px);
  z-index: 2;
  transform: rotate(.4deg);
  opacity: .56;
}

.leao-page-case-philcoffee .philcoffee-hero-photo--package {
  width: clamp(300px, 25vw, 470px);
  height: clamp(230px, 19vw, 360px);
  right: clamp(170px, 16vw, 320px);
  bottom: clamp(84px, 12vh, 138px);
  z-index: 3;
  transform: rotate(-2deg);
  opacity: .38;
}

.leao-page-case-philcoffee .philcoffee-wide-visual,
.leao-page-case-philcoffee .philcoffee-piece,
.leao-page-case-philcoffee .philcoffee-site-frame {
  margin: 0;
  overflow: hidden;
  background: #fff;
  border: 1px solid rgba(20,20,20,.10);
}

.leao-page-case-philcoffee .philcoffee-wide-visual {
  margin-top: clamp(42px, 6vw, 76px);
}

.leao-page-case-philcoffee .philcoffee-wide-visual img,
.leao-page-case-philcoffee .philcoffee-piece img,
.leao-page-case-philcoffee .philcoffee-site-frame img {
  display: block;
  width: 100%;
  height: auto;
}

.leao-page-case-philcoffee .philcoffee-wide-visual img {
  max-height: 380px;
  object-fit: contain;
  background: var(--phil-black);
}

.leao-page-case-philcoffee .philcoffee-wide-visual figcaption,
.leao-page-case-philcoffee .philcoffee-piece figcaption,
.leao-page-case-philcoffee .philcoffee-site-frame figcaption {
  padding: 18px 22px;
  color: #5c6467;
  font-family: var(--font-mono, "DM Mono", monospace);
  font-size: 11px;
  letter-spacing: .12em;
  line-height: 1.65;
  text-transform: uppercase;
  border-top: 1px solid rgba(20,20,20,.08);
}

.leao-page-case-philcoffee .case-section--dark .philcoffee-piece,
.leao-page-case-philcoffee .philcoffee-piece--dark {
  background: rgba(255,255,255,.04);
  border-color: rgba(255,255,255,.10);
}

.leao-page-case-philcoffee .case-section--dark .philcoffee-piece figcaption,
.leao-page-case-philcoffee .philcoffee-piece--dark figcaption {
  color: rgba(255,255,255,.64);
  border-top-color: rgba(255,255,255,.10);
}

.leao-page-case-philcoffee .philcoffee-brand-grid,
.leao-page-case-philcoffee .philcoffee-banner-grid,
.leao-page-case-philcoffee .philcoffee-site-showcase,
.leao-page-case-philcoffee .philcoffee-note-list {
  display: grid;
  gap: clamp(22px, 3vw, 36px);
  margin-top: clamp(42px, 6vw, 76px);
}

.leao-page-case-philcoffee .philcoffee-brand-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
}

.leao-page-case-philcoffee .philcoffee-piece--wide {
  grid-column: 1 / -1;
}

.leao-page-case-philcoffee .philcoffee-brand-grid .philcoffee-piece img {
  max-height: 560px;
  object-fit: contain;
  background: rgba(255,255,255,.04);
}

.leao-page-case-philcoffee .philcoffee-brand-grid .philcoffee-piece:not(.philcoffee-piece--wide) img {
  max-height: 430px;
}

.leao-page-case-philcoffee .philcoffee-note-list {
  gap: 0;
  margin-top: clamp(28px, 4vw, 46px);
  border: 1px solid rgba(20,20,20,.12);
}

.leao-page-case-philcoffee .philcoffee-note-list article {
  padding: clamp(20px, 2.4vw, 30px);
  border-bottom: 1px solid rgba(20,20,20,.10);
  background: #fff;
}

.leao-page-case-philcoffee .philcoffee-note-list article:last-child {
  border-bottom: 0;
}

.leao-page-case-philcoffee .philcoffee-note-list span {
  display: block;
  margin-bottom: 12px;
  color: var(--phil-accent);
  font-family: var(--font-mono, "DM Mono", monospace);
  font-size: 11px;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.leao-page-case-philcoffee .philcoffee-note-list p {
  margin: 0;
  color: #4c5558;
}

.leao-page-case-philcoffee .philcoffee-ecommerce-section .container {
  max-width: min(1180px, calc(100vw - 48px));
}

.leao-page-case-philcoffee .philcoffee-site-showcase {
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  align-items: start;
}

.leao-page-case-philcoffee .philcoffee-site-frame {
  background: #f2f2f0;
}

.leao-page-case-philcoffee .philcoffee-site-frame img {
  width: 100%;
  max-height: 860px;
  object-fit: contain;
  object-position: top center;
}

.leao-page-case-philcoffee .philcoffee-site-frame--short img {
  max-height: 560px;
}

.leao-page-case-philcoffee .philcoffee-banner-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.leao-page-case-philcoffee .philcoffee-banner-grid .philcoffee-piece:last-child {
  grid-column: 1 / -1;
  width: min(100%, 680px);
  justify-self: center;
}

.leao-page-case-philcoffee .philcoffee-banner-grid .philcoffee-piece img {
  max-height: 360px;
  object-fit: contain;
  background: rgba(255,255,255,.03);
}

.leao-page-case-philcoffee .philcoffee-deliveries-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.leao-page-case-philcoffee .philcoffee-deliveries-grid article {
  min-height: 220px;
}

.leao-page-case-philcoffee .philcoffee-learning-statement {
  position: relative;
  max-width: 980px;
  margin-left: auto;
  padding-left: clamp(40px, 7vw, 96px);
}

.leao-page-case-philcoffee .philcoffee-learning-statement::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 1px;
  background: rgba(24,157,170,.28);
}

.leao-page-case-philcoffee .philcoffee-learning-statement h2 {
  margin: 0;
  color: var(--phil-black);
  font-size: clamp(42px, 5.8vw, 82px);
  line-height: .94;
}

.leao-page-case-philcoffee .philcoffee-learning-statement h2 em {
  display: block;
  margin-top: .24em;
  color: var(--phil-accent);
}

@media (max-width: 980px) {
  .leao-page-case-philcoffee .case-hero__content {
    padding-left: clamp(24px, 6vw, 48px);
  }

  .leao-page-case-philcoffee .philcoffee-hero-photo--banner {
    width: 70vw;
    right: -12vw;
    opacity: .36;
  }

  .leao-page-case-philcoffee .philcoffee-hero-photo--package {
    display: none;
  }

  .leao-page-case-philcoffee .philcoffee-brand-grid,
  .leao-page-case-philcoffee .philcoffee-banner-grid,
  .leao-page-case-philcoffee .philcoffee-site-showcase,
  .leao-page-case-philcoffee .philcoffee-deliveries-grid {
    grid-template-columns: 1fr;
  }

  .leao-page-case-philcoffee .philcoffee-banner-grid .philcoffee-piece:last-child {
    grid-column: auto;
    width: 100%;
  }
}

@media (max-width: 640px) {
  .leao-page-case-philcoffee .philcoffee-site-frame img {
    max-height: 620px;
  }

  .leao-page-case-philcoffee .philcoffee-site-frame--short img,
  .leao-page-case-philcoffee .philcoffee-brand-grid .philcoffee-piece img,
  .leao-page-case-philcoffee .philcoffee-banner-grid .philcoffee-piece img {
    max-height: 420px;
  }

  .leao-page-case-philcoffee .philcoffee-learning-statement {
    padding-left: 28px;
  }
}

/* /SITE-v0.52 - Case Phil Coffee */



/* ============================================================
   SITE-v0.54 - Refinos Case Phil Coffee
   Escopo exclusivo: .leao-page-case-philcoffee
   Referencia: cases Dimensional Rochas / DualClin / Control Systems
   ============================================================ */

.leao-page-case-philcoffee {
  --phil-accent: var(--leao-teal, #189DAA);
  --phil-blue: var(--leao-blue, #107293);
  --phil-black: var(--leao-black, #141414);
  --phil-cream: #f5f0e6;
  --phil-coffee: #8a6040;
  --phil-green: #2f7458;
}

.leao-page-case-philcoffee .case-hero__content {
  box-sizing: border-box;
  padding-left: clamp(84px, 8vw, 144px);
}

.leao-page-case-philcoffee .case-hero__bg {
  overflow: hidden;
}

.leao-page-case-philcoffee .case-hero__bg::before {
  background:
    radial-gradient(circle at 78% 36%, rgba(47,116,88,.20), transparent 34%),
    linear-gradient(90deg, rgba(20,20,20,.98) 0%, rgba(20,20,20,.90) 48%, rgba(20,20,20,.66) 100%);
}

.leao-page-case-philcoffee .case-hero__overlay {
  background:
    linear-gradient(180deg, rgba(20,20,20,.10), rgba(20,20,20,.90)),
    radial-gradient(circle at 80% 28%, rgba(24,157,170,.12), transparent 40%);
}

.leao-page-case-philcoffee .case-hero__title em,
.leao-page-case-philcoffee .case-breadcrumb [aria-current="page"],
.leao-page-case-philcoffee .case-breadcrumb a:hover,
.leao-page-case-philcoffee .case-summary__card span,
.leao-page-case-philcoffee .case-metrics-grid span,
.leao-page-case-philcoffee .case-related-card__body span,
.leao-page-case-philcoffee .case-learning__eyebrow,
.leao-page-case-philcoffee .case-final-cta__eyebrow {
  color: var(--phil-accent);
}

.leao-page-case-philcoffee .tag--case-teal {
  color: var(--phil-accent);
  border-color: rgba(24,157,170,.36);
  background: rgba(24,157,170,.08);
}

.leao-page-case-philcoffee .btn--primary {
  background: var(--phil-accent);
}

.leao-page-case-philcoffee .btn--primary:hover {
  background: var(--phil-blue);
}

.leao-page-case-philcoffee .philcoffee-hero-photo {
  position: absolute;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.02);
  box-shadow: none;
}

.leao-page-case-philcoffee .philcoffee-hero-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(.46) contrast(1.02) saturate(.86);
  opacity: .92;
}

.leao-page-case-philcoffee .philcoffee-hero-photo--banner {
  width: clamp(520px, 45vw, 820px);
  height: clamp(220px, 20vw, 340px);
  right: clamp(32px, 5vw, 90px);
  top: clamp(106px, 14vh, 160px);
  z-index: 2;
  transform: rotate(.4deg);
  opacity: .56;
}

.leao-page-case-philcoffee .philcoffee-hero-photo--package {
  width: clamp(300px, 25vw, 470px);
  height: clamp(230px, 19vw, 360px);
  right: clamp(170px, 16vw, 320px);
  bottom: clamp(84px, 12vh, 138px);
  z-index: 3;
  transform: rotate(-2deg);
  opacity: .38;
}

.leao-page-case-philcoffee .philcoffee-wide-visual,
.leao-page-case-philcoffee .philcoffee-piece,
.leao-page-case-philcoffee .philcoffee-site-frame,
.leao-page-case-philcoffee .philcoffee-video-card,
.leao-page-case-philcoffee .philcoffee-social-card {
  margin: 0;
  overflow: hidden;
  background: #fff;
  border: 1px solid rgba(20,20,20,.10);
}

.leao-page-case-philcoffee .philcoffee-wide-visual {
  align-self: stretch;
}

.leao-page-case-philcoffee .philcoffee-wide-visual img,
.leao-page-case-philcoffee .philcoffee-piece img,
.leao-page-case-philcoffee .philcoffee-site-frame img {
  display: block;
  width: 100%;
  height: auto;
}

.leao-page-case-philcoffee .philcoffee-wide-visual img {
  max-height: 380px;
  object-fit: contain;
  background: var(--phil-black);
}

.leao-page-case-philcoffee .philcoffee-wide-visual figcaption,
.leao-page-case-philcoffee .philcoffee-piece figcaption,
.leao-page-case-philcoffee .philcoffee-site-frame figcaption,
.leao-page-case-philcoffee .philcoffee-video-card figcaption,
.leao-page-case-philcoffee .philcoffee-social-card figcaption {
  padding: 18px 22px;
  color: #5c6467;
  font-family: var(--font-mono, "DM Mono", monospace);
  font-size: 11px;
  letter-spacing: .12em;
  line-height: 1.65;
  text-transform: uppercase;
  border-top: 1px solid rgba(20,20,20,.08);
}

.leao-page-case-philcoffee .case-section--dark .philcoffee-piece,
.leao-page-case-philcoffee .philcoffee-piece--dark,
.leao-page-case-philcoffee .philcoffee-social-card {
  background: rgba(255,255,255,.04);
  border-color: rgba(255,255,255,.10);
}

.leao-page-case-philcoffee .case-section--dark .philcoffee-piece figcaption,
.leao-page-case-philcoffee .philcoffee-piece--dark figcaption,
.leao-page-case-philcoffee .philcoffee-social-card figcaption {
  color: rgba(255,255,255,.64);
  border-top-color: rgba(255,255,255,.10);
}

.leao-page-case-philcoffee .philcoffee-context-showcase {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(320px, .92fr);
  gap: clamp(22px, 3vw, 36px);
  align-items: stretch;
  margin-top: clamp(42px, 6vw, 76px);
}

.leao-page-case-philcoffee .philcoffee-video-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.leao-page-case-philcoffee .philcoffee-video-embed {
  position: relative;
  aspect-ratio: 16 / 9;
  min-height: 260px;
  background: var(--phil-black);
}

.leao-page-case-philcoffee .philcoffee-video-embed iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.leao-page-case-philcoffee .philcoffee-brand-grid,
.leao-page-case-philcoffee .philcoffee-banner-grid,
.leao-page-case-philcoffee .philcoffee-site-showcase,
.leao-page-case-philcoffee .philcoffee-social-gallery,
.leao-page-case-philcoffee .philcoffee-note-list {
  display: grid;
  gap: clamp(22px, 3vw, 36px);
  margin-top: clamp(42px, 6vw, 76px);
}

.leao-page-case-philcoffee .philcoffee-brand-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
}

.leao-page-case-philcoffee .philcoffee-piece--wide {
  grid-column: 1 / -1;
}

.leao-page-case-philcoffee .philcoffee-brand-grid .philcoffee-piece img {
  max-height: 560px;
  object-fit: contain;
  background: rgba(255,255,255,.04);
}

.leao-page-case-philcoffee .philcoffee-brand-grid .philcoffee-piece:not(.philcoffee-piece--wide) img {
  max-height: 430px;
}

.leao-page-case-philcoffee .philcoffee-note-list {
  gap: 0;
  margin-top: clamp(28px, 4vw, 46px);
  border: 1px solid rgba(20,20,20,.12);
}

.leao-page-case-philcoffee .philcoffee-note-list article {
  padding: clamp(20px, 2.4vw, 30px);
  border-bottom: 1px solid rgba(20,20,20,.10);
  background: #fff;
}

.leao-page-case-philcoffee .philcoffee-note-list article:last-child {
  border-bottom: 0;
}

.leao-page-case-philcoffee .philcoffee-note-list span {
  display: block;
  margin-bottom: 12px;
  color: var(--phil-accent);
  font-family: var(--font-mono, "DM Mono", monospace);
  font-size: 11px;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.leao-page-case-philcoffee .philcoffee-note-list p {
  margin: 0;
  color: #4c5558;
}

.leao-page-case-philcoffee .philcoffee-ecommerce-section .container {
  max-width: min(1180px, calc(100vw - 48px));
}

.leao-page-case-philcoffee .philcoffee-site-showcase {
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  align-items: start;
}

.leao-page-case-philcoffee .philcoffee-site-frame {
  background: #f2f2f0;
}

.leao-page-case-philcoffee .philcoffee-site-frame img {
  width: 100%;
  max-height: 860px;
  object-fit: contain;
  object-position: top center;
}

.leao-page-case-philcoffee .philcoffee-site-frame--short img {
  max-height: 560px;
}

.leao-page-case-philcoffee .philcoffee-site-frame--inline {
  margin-top: clamp(28px, 4vw, 48px);
  background: #f2f2f0;
}

.leao-page-case-philcoffee .philcoffee-site-frame--inline img {
  max-height: 760px;
  object-fit: contain;
  object-position: top center;
}

.leao-page-case-philcoffee .philcoffee-banner-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.leao-page-case-philcoffee .philcoffee-banner-grid .philcoffee-piece:last-child {
  grid-column: 1 / -1;
  width: min(100%, 680px);
  justify-self: center;
}

.leao-page-case-philcoffee .philcoffee-banner-grid .philcoffee-piece img {
  max-height: 360px;
  object-fit: contain;
  background: rgba(255,255,255,.03);
}

.leao-page-case-philcoffee .philcoffee-social-gallery {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: start;
}

.leao-page-case-philcoffee .philcoffee-social-card {
  background: #191919;
  box-shadow: 0 22px 56px rgba(0,0,0,.18);
}

.leao-page-case-philcoffee .philcoffee-social-card img {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  background: #111;
}

.leao-page-case-philcoffee .philcoffee-social-card--wide {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, .32fr);
  align-items: stretch;
}

.leao-page-case-philcoffee .philcoffee-social-card--wide img {
  aspect-ratio: 16 / 7;
  object-fit: contain;
}

.leao-page-case-philcoffee .philcoffee-social-card--wide figcaption {
  display: flex;
  align-items: flex-end;
  border-top: 0;
  border-left: 1px solid rgba(255,255,255,.10);
}

.leao-page-case-philcoffee .philcoffee-deliveries-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.leao-page-case-philcoffee .philcoffee-deliveries-grid article {
  min-height: 220px;
}

.leao-page-case-philcoffee .philcoffee-learning-statement {
  position: relative;
  max-width: 980px;
  margin-left: auto;
  padding-left: clamp(40px, 7vw, 96px);
}

.leao-page-case-philcoffee .philcoffee-learning-statement::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 1px;
  background: rgba(24,157,170,.28);
}

.leao-page-case-philcoffee .philcoffee-learning-statement h2 {
  margin: 0;
  color: var(--phil-black);
  font-size: clamp(42px, 5.8vw, 82px);
  line-height: .94;
}

.leao-page-case-philcoffee .philcoffee-learning-statement h2 em {
  display: block;
  margin-top: .24em;
  color: var(--phil-accent);
}

@media (max-width: 980px) {
  .leao-page-case-philcoffee .case-hero__content {
    padding-left: clamp(24px, 6vw, 48px);
  }

  .leao-page-case-philcoffee .philcoffee-hero-photo--banner {
    width: 70vw;
    right: -12vw;
    opacity: .36;
  }

  .leao-page-case-philcoffee .philcoffee-hero-photo--package {
    display: none;
  }

  .leao-page-case-philcoffee .philcoffee-brand-grid,
  .leao-page-case-philcoffee .philcoffee-banner-grid,
  .leao-page-case-philcoffee .philcoffee-site-showcase,
  .leao-page-case-philcoffee .philcoffee-context-showcase,
  .leao-page-case-philcoffee .philcoffee-social-gallery,
  .leao-page-case-philcoffee .philcoffee-deliveries-grid {
    grid-template-columns: 1fr;
  }

  .leao-page-case-philcoffee .philcoffee-social-card--wide {
    grid-column: auto;
    grid-template-columns: 1fr;
  }

  .leao-page-case-philcoffee .philcoffee-social-card--wide img {
    aspect-ratio: 16 / 9;
  }

  .leao-page-case-philcoffee .philcoffee-social-card--wide figcaption {
    border-left: 0;
    border-top: 1px solid rgba(255,255,255,.10);
  }

  .leao-page-case-philcoffee .philcoffee-banner-grid .philcoffee-piece:last-child {
    grid-column: auto;
    width: 100%;
  }
}

@media (max-width: 640px) {
  .leao-page-case-philcoffee .philcoffee-site-frame img {
    max-height: 620px;
  }

  .leao-page-case-philcoffee .philcoffee-video-embed {
    min-height: 210px;
  }

  .leao-page-case-philcoffee .philcoffee-site-frame--short img,
  .leao-page-case-philcoffee .philcoffee-brand-grid .philcoffee-piece img,
  .leao-page-case-philcoffee .philcoffee-banner-grid .philcoffee-piece img,
  .leao-page-case-philcoffee .philcoffee-social-card img {
    max-height: 420px;
  }

  .leao-page-case-philcoffee .philcoffee-learning-statement {
    padding-left: 28px;
  }
}


.leao-page-case-philcoffee .philcoffee-wide-visual img,
.leao-page-case-philcoffee .philcoffee-piece img,
.leao-page-case-philcoffee .philcoffee-site-frame img,
.leao-page-case-philcoffee .philcoffee-social-card img {
  transition: transform .55s ease, filter .55s ease;
  will-change: transform;
}

.leao-page-case-philcoffee .philcoffee-wide-visual:hover img,
.leao-page-case-philcoffee .philcoffee-piece:hover img,
.leao-page-case-philcoffee .philcoffee-site-frame:hover img,
.leao-page-case-philcoffee .philcoffee-social-card:hover img {
  transform: scale(1.025);
  filter: saturate(1.04) contrast(1.02);
}

@media (prefers-reduced-motion: reduce) {
  .leao-page-case-philcoffee .philcoffee-wide-visual img,
  .leao-page-case-philcoffee .philcoffee-piece img,
  .leao-page-case-philcoffee .philcoffee-site-frame img,
  .leao-page-case-philcoffee .philcoffee-social-card img {
    transition: none;
  }
}
/* /SITE-v0.54 - Refinos Case Phil Coffee */