/* Match the sandbox Portal presentation. @author Kevin Brent */
.i4-portal-shell { min-height: 100svh; display: flex; flex-direction: column; overflow: clip; }
.i4-portal-header { padding: 1.5rem 0; }
.i4-portal-main { flex: 1; display: flex; align-items: center; padding: 1rem 0; }
.i4-portal-hero { width: 100%; padding: 1rem 0; gap: clamp(1.5rem, 4vw, 4rem); }
.i4-portal-hero h1 { font-size: clamp(2.5rem, 5vw, 4.8rem); }
.i4-portal-visual { min-height: 0; }
.i4-portal-footer { padding: 1rem 0; }
@media (min-width: 900px) {
    .i4-portal-hero { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
    .i4-portal-visual__panel { max-height: 360px; }
}
@media (max-width: 899px) {
    .i4-portal-hero { grid-template-columns: 1fr; gap: 1rem; }
    .i4-portal-visual { display: none; }
    .i4-portal-hero__intro { font-size: 1.1rem; }
}