{{! Each card has the Service element's classes, a column's box settings and an Icon element's icon, or a number (ADR 0026, 0031, 0045); with more cards than columns, optionally a carousel (ADR 0047). }}
<div {{@attrs}}>{{#heading}}<div class="sv-sectionhead sv-sectionhead--{{headingAlign}}{{#headingSize}} sv-sectionhead--size-{{headingSize}}{{/headingSize}}"><h2 class="sv-sectionhead__title"{{@edit heading}}>{{{heading}}}</h2>{{#intro}}<p class="sv-sectionhead__text"{{@edit intro}}>{{intro}}</p>{{/intro}}</div>{{/heading}}{{^heading}}{{#intro}}<div class="sv-sectionhead sv-sectionhead--{{headingAlign}}{{#headingSize}} sv-sectionhead--size-{{headingSize}}{{/headingSize}}"><p class="sv-sectionhead__text"{{@edit intro}}>{{intro}}</p></div>{{/intro}}{{/heading}}{{#overflow}}<div class="sv-carousel sv-carousel--nav-{{carouselNav}}" data-sv-carousel><div class="sv-carousel__track">{{/overflow}}{{#items}}<article class="sv-service{{#arrange}} sv-service--arrange-{{arrange}}{{/arrange}} sv-services__item{{#style}} sv-card-{{style}}{{#styleCustom}} sv-card-custom{{/styleCustom}} sv-round-{{corners}}{{/style}}{{#hover}} sv-cardhover-{{hover}}{{/hover}}"{{#styleCustom}} style="--sv-custom-card:{{styleCustom}}"{{/styleCustom}}>{{^marker}}{{#icon}}<span class="sv-service__icon sv-icon sv-icon--size-{{iconSize}}" aria-hidden="true">{{#iconCircle}}<span class="sv-icon__circle">{{/iconCircle}}<span class="sv-icon__glyph sv-glyph-{{icon}}"></span>{{#iconCircle}}</span>{{/iconCircle}}</span>{{/icon}}{{/marker}}{{#marker}}<span class="sv-service__number sv-service__number--size-{{iconSize}}{{#iconCircle}} sv-service__number--circle{{/iconCircle}}"{{@edit items.number}}>{{number}}</span>{{/marker}}<h3 class="sv-service__title"{{@edit items.title}}>{{{title}}}</h3>{{#description}}<p class="sv-service__text"{{@edit items.description}}>{{description}}</p>{{/description}}{{#link.url}}{{#linkStyle}}<span class="sv-image__arrow sv-service__arrow" aria-hidden="true"></span><a class="sv-service__link sv-service__link--card sv-service__link--silent" href="{{link.url}}"{{#link.newTab}} target="_blank" rel="noopener noreferrer"{{/link.newTab}}><span class="sv-service__sr">{{{title}}}</span></a>{{/linkStyle}}{{^linkStyle}}{{#linkLabel}}<a class="sv-service__link{{#linkCards}} sv-service__link--card{{/linkCards}}" href="{{link.url}}"{{#link.newTab}} target="_blank" rel="noopener noreferrer"{{/link.newTab}}{{@edit items.linkLabel}}>{{linkLabel}}</a>{{/linkLabel}}{{^linkLabel}}{{#linkCards}}<a class="sv-service__link sv-service__link--card sv-service__link--silent" href="{{link.url}}"{{#link.newTab}} target="_blank" rel="noopener noreferrer"{{/link.newTab}}><span class="sv-service__sr">{{{title}}}</span></a>{{/linkCards}}{{/linkLabel}}{{/linkStyle}}{{/link.url}}</article>{{/items}}{{#overflow}}</div><button type="button" class="sv-carousel__arrow sv-carousel__arrow--prev" aria-label="{{prevLabel}}"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="m15 6-6 6 6 6"/></svg></button><button type="button" class="sv-carousel__arrow sv-carousel__arrow--next" aria-label="{{nextLabel}}"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="m9 6 6 6-6 6"/></svg></button></div>{{/overflow}}</div>