.devices-teaser, .devices-studies { width: min(100%, 460px); }
.devices-teaser { display: block; }
.devices-teaser > img { display: block; width: 100%; height: auto; }
@media (max-width: 480px) { .devices-teaser, .devices-studies { max-width: 368px; } }

.devices-studies { --study-gap: clamp(8px, 1.5vw, 12px); display: grid; gap: var(--study-gap); margin-top: var(--study-gap); }
.devices-studies__group { min-width: 0; margin: 0; padding: 0; }
.devices-studies__heading { margin: 0 0 var(--study-gap); color: var(--bb-muted); font: 600 11px/1.5 Inter, system-ui, sans-serif; letter-spacing: .1em; text-transform: uppercase; }
.devices-studies__images { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--study-gap); align-items: start; }
.devices-studies__images > img { display: block; width: 100%; min-width: 0; height: auto; aspect-ratio: 3 / 2; object-fit: contain; }