/* Hero */
.hero.has-bg-image {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.hero .row {
    padding-top: var(--trm-block-padding-lg);
    padding-bottom: var(--trm-block-padding-lg);
}

.hero h1,
.hero p {
    color: var(--trm-color-white);
}

.hero .column {
    max-width: var(--container-width-small);
}

/* Intro */
.intro .grid-row-column-wrap {
    padding-top: var(--trm-block-padding-md);
    padding-bottom: var(--trm-block-padding-md);
}

.intro .grid-row-column-wrap>.column:only-child {
    max-width: 800px;
}

.intro .grid-row-column-wrap:has(.column:not(:only-child)) {
    gap: 128px;
}

.intro h2 {
    color: var(--trm-color-primary);
}

/* Product Grid */
.product-grid .row {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-default);
}

.product-grid .title {
    color: var(--trm-color-primary);
    margin-bottom: var(--spacing-default);
}

.product-grid .text-container {
    max-width: var(--container-width-small);
}

/* Image Flex Row */
.image-flex-row .row {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-default);
}

.image-flex-row .title {
    color: var(--trm-color-primary);
    margin-bottom: var(--spacing-default);
}

.image-flex-row .text-container {
    max-width: var(--container-width-small);
}

/* Staff Grid */
.staff-grid .row {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-default);
}

.staff-grid .title {
    color: var(--trm-color-primary);
    margin-bottom: var(--spacing-default);
}

.staff-grid .text-container {
    max-width: var(--container-width-small);
}