.hehoblocks-home-presentation {
    position: relative;
    margin: var(--heho-space-7, 1.5625rem) auto 0;
    max-width: var(--heho-container-max, 96rem);
    padding: var(--heho-space-5, 1.25rem);
    padding-inline-start: 11.5625rem; /* 185px — room for skewed bar + icon */
    background-color: var(--heho-color-bg-soft, #F2F2F2);
    text-align: left;
}

/* Skewed red bar on the left */
.hehoblocks-home-presentation::before {
    content: "";
    position: absolute;
    top: 0;
    inset-inline-start: -2.375rem; /* -38px */
    width: 10rem;                   /* 160px */
    height: calc(100% + 1.875rem);  /* +30px overflow */
    background-color: var(--heho-color-accent-red-1, #AA0B26);
    transform: skew(-20deg);
}

/* Decorative icon — picks URL from inline custom property set by template */
.hehoblocks-home-presentation::after {
    content: "";
    position: absolute;
    inset-inline-start: 1.5rem; /* 24px */
    top: 50%;
    transform: translateY(-50%);
    width: 4.375rem;            /* 70px */
    height: 4.375rem;
    background-image: var(--hehoblocks-home-presentation-icon-url);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.hehoblocks-home-presentation__title > * {
    margin: 0 0 var(--heho-space-2, 0.5rem);
    color: var(--heho-color-text, #040404);
    font-family: var(--heho-font-primary);
    font-size: 1.625rem;
    font-weight: 700;
    line-height: var(--heho-line-height-tight, 1.2);
}

.hehoblocks-home-presentation__title-accent {
    color: var(--heho-color-accent-red-1, #AA0B26);
}

.hehoblocks-home-presentation__description {
    margin: 0;
    color: var(--heho-color-bg-dark, #252525);
    font-size: var(--heho-font-size-sm, 0.875rem);
    line-height: var(--heho-line-height-base, 1.5);
    text-wrap: balance;
}

.hehoblocks-home-presentation__description > :first-child { margin-top: 0; }
.hehoblocks-home-presentation__description > :last-child  { margin-bottom: 0; }
.hehoblocks-home-presentation__description p { margin: 0 0 var(--heho-space-2, 0.5rem); }
.hehoblocks-home-presentation__description p:last-child { margin-bottom: 0; }

/* ── Responsive — breakpoints can't use CSS vars, see heho.css ─────── */
@media (max-width: 991px) {
    .hehoblocks-home-presentation {
        padding-inline-start: var(--heho-space-5, 1.25rem);
    }
    .hehoblocks-home-presentation::before,
    .hehoblocks-home-presentation::after {
        display: none;
    }
}

@media (max-width: 768px) {
    .hehoblocks-home-presentation__title {
        font-size: var(--heho-font-size-lg, 1.25rem);
    }
    .hehoblocks-home-presentation__description {
        font-size: var(--heho-font-size-xs, 0.75rem);
        line-height: normal;
    }
}