#gtm { background: #F7F5F3; padding: clamp(4rem, 8vw, 7rem) 0; }
.gt {
  --ink: #2D2A26; --sec: #6B6560; --ter: #9E9891; --hair: #E5DFD5;
  max-width: 1240px; margin-inline: auto; padding-inline: clamp(1.5rem, 4vw, 2.5rem); color: var(--ink);
}
.gt-eyebrow { margin: 0 0 clamp(1.25rem, 2.5vw, 1.75rem); font-size: 0.75rem; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: #3AB648; }
.gt-head { margin: 0 0 clamp(2rem, 3.5vw, 2.75rem); max-width: 22ch; font-size: clamp(2rem, 3.8vw, 3.4rem); font-weight: 600; letter-spacing: -0.04em; line-height: 1.04; color: var(--ink); text-wrap: balance; }
.gt-ch { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0 clamp(1.25rem, 2.5vw, 2rem); }
.gt-ch li { padding: 1.1rem 1.25rem 0 0; border-top: 2px solid var(--hair); display: grid; gap: 0.5rem; align-content: start;
  opacity: 0; transform: translateY(8px); transition: opacity .55s ease, transform .55s ease; transition-delay: var(--d, 0ms); }
.gt.in .gt-ch li { opacity: 1; transform: none; }
.gt-ch b { font-size: clamp(1.05rem, 1.4vw, 1.25rem); font-weight: 600; letter-spacing: -0.02em; line-height: 1.15; color: var(--ink); }
.gt-ch span { font-size: clamp(0.875rem, 1.02vw, 0.95rem); line-height: 1.45; color: var(--sec); }
.gt-close { margin: clamp(2.5rem, 4.5vw, 3.5rem) 0 0; font-size: clamp(1.5rem, 2.6vw, 2.3rem); font-weight: 600; letter-spacing: -0.03em; color: var(--ink);
  opacity: 0; transform: translateY(8px); transition: opacity .6s ease, transform .6s ease; transition-delay: var(--d, 0ms); }
.gt.in .gt-close { opacity: 1; transform: none; }
.gt-close em { font-style: normal; color: #3AB648; }
@media (max-width: 960px) { .gt-ch { grid-template-columns: 1fr 1fr; gap: 1rem; } }
@media (max-width: 600px) { .gt-ch { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .gt-ch li, .gt-close { transition: none; opacity: 1; transform: none; } }
