/* Opt-in feature-list variants; shared data, theme tokens, static-first content. */
.gl-feature-motion { background:var(--bg); }
.gl-motion-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; align-items:start; }
.gl-motion-card { min-width:0; }
.gl-motion-card-inner { background:var(--surface); border-radius:var(--radius-md); overflow:hidden; }
.gl-motion-card figure { margin:0; overflow:hidden; }
.gl-motion-card img { width:100%; aspect-ratio:4/5; object-fit:cover; transition:transform .7s var(--ease,ease); }
.gl-motion-copy { padding:26px; }
.gl-motion-copy h3 { font-size:clamp(24px,2.4vw,36px); margin:14px 0; line-height:1.35; }
.gl-motion-copy p { font-size:15px; line-height:1.8; color:var(--muted-2); margin:0 0 16px; }
.gl-motion-number { font-size:12px; font-family:monospace; letter-spacing:.14em; color:var(--muted); }
.gl-motion-link { display:inline-flex; align-items:center; gap:18px; min-height:44px; font-size:14px; border-bottom:1px solid var(--line); }
.gl-motion-link:focus-visible { outline:3px solid var(--accent); outline-offset:4px; }
[data-gl-feature-motion="collage"] .gl-motion-card:nth-child(2) { padding-top:100px; }
[data-gl-feature-motion="collage"] .gl-motion-card:nth-child(3) { padding-top:40px; }
[data-gl-feature-motion="collage"] .gl-motion-card-inner { transform:translateY(calc(var(--motion-drift,0) * 1px)); }
[data-gl-feature-motion="stacked"] .gl-motion-cards { display:block; }
[data-gl-feature-motion="stacked"] .gl-motion-card { position:sticky; top:calc(94px + var(--motion-index) * 20px); padding-bottom:36px; }
[data-gl-feature-motion="stacked"] .gl-motion-card-inner { transform:scale(var(--motion-scale,1)); transform-origin:center top; display:grid; grid-template-columns:1.15fr 1fr; align-items:center; border:1px solid var(--line); box-shadow:0 -12px 32px color-mix(in srgb,var(--black) 6%,transparent); }
[data-gl-feature-motion="stacked"] .gl-motion-card img { aspect-ratio:4/3; }
[data-gl-feature-motion="stacked"] .gl-motion-copy { padding:clamp(24px,5vw,72px); }
@media (hover:hover) and (prefers-reduced-motion:no-preference) { .gl-motion-card:hover img { transform:scale(1.035); } }
@media (max-width:760px) {
  .gl-motion-cards { grid-template-columns:1fr; gap:32px; }
  [data-gl-feature-motion="collage"] .gl-motion-card:nth-child(n) { padding-top:0; }
  .gl-motion-card img { aspect-ratio:4/3; }
  [data-gl-feature-motion="stacked"] .gl-motion-card { position:relative; top:auto; }
  [data-gl-feature-motion="stacked"] .gl-motion-card-inner { grid-template-columns:1fr; }
}
@media (prefers-reduced-motion:reduce) {
  .gl-motion-card-inner,.gl-motion-card img { transform:none !important; transition:none !important; }
  [data-gl-feature-motion="stacked"] .gl-motion-card { position:relative; top:auto; }
}
html[data-gl-motion-paused] .gl-motion-card-inner,html[data-gl-motion-paused] .gl-motion-card img { transform:none !important; transition:none !important; }
html[data-gl-motion-paused] [data-gl-feature-motion="stacked"] .gl-motion-card { position:relative; top:auto; }