.i2-beholder__hero { background: radial-gradient(ellipse at 90% 20%, #dceafc, transparent 65%), #f0f8fc; }
.i2-beholder__hero .gs-layout-grid { align-items: center; }
.i2-beholder__hero h1 { max-width: 20ch; }
.i2-beholder__hero .gs-content-header__title { padding: 0; }
.i2-beholder__spacing { margin-top: clamp(1.5rem, 3vw, 2.5rem); }
.i2-beholder__caption { margin: 1rem 0 0; color: var(--i2-muted); font-size: .9rem; line-height: 1.6; }
.i2-beholder__cards .gs-promo-card { height: 100%; overflow: hidden; border-radius: 1.25rem; background: #fff; }
.i2-beholder__cards .gs-promo-card__title { padding: 0; font-size: clamp(1.5rem, 2.5vw, 2rem); }
.i2-beholder__cards .gs-promo-card__media { background: #fff; }
.i2-beholder__card-detail { width: 100%; }
.i2-beholder__card-detail p, .i2-beholder__paragraph, .i2-beholder__examples { color: var(--i2-muted); line-height: 1.7; }
.i2-beholder__card-detail p { margin: 0 0 1rem; }
.i2-beholder__examples { padding-left: 1.25rem; margin: 1rem 0 0; }
.i2-beholder__examples li + li { margin-top: .75rem; }
.i2-beholder #orientation > .i2-shell > .gs-layout-grid { align-items: center; }
.i2-beholder #orientation > .i2-shell > .gs-layout-grid .gs-content-header__title { font-size: clamp(1.75rem, 3vw, 2.75rem); }
.i2-beholder #demonstration { margin-bottom: clamp(2rem, 5vw, 4rem); }