.section-olinsop {
    min-height:50vh;
    width:100%;
    display:flex;
    background-repeat:no-repeat;
    background-position:center right;
    background-size:cover;
    position:relative;
    overflow:hidden;
    h2, h3{
        line-height:1;
        font-weight:500; 
        margin-bottom:1rem;
    }
    h4{
        font-weight:400; 
        margin-bottom:1rem;
    }
    h6{
        font-size:17px;
    }
    .olinsop-text{
        position:relative;
        color:#1a1a1a;
        z-index:1;
        margin-top:1cm;
        margin-bottom:1cm;
    }
    .olinsop-text::before {
        content:"";
        position:absolute;
        top:-40px;
        left:-60px;
        right:-120px;
        bottom:-40px;
        background:
            linear-gradient(to bottom right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 35%, rgba(255,255,255,0.8) 55%, rgba(255,255,255,0) 75%),
            radial-gradient(circle at 30% 50%, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.6) 40%, rgba(255,255,255,0.0) 100%);
        filter:blur(30px);
        z-index:-1;
    }
    .olinsop-text::after{
        content:"";
        width:150%;
        height:150%;
        position:absolute;
        top:0;
        left:0;
        margin-left:0;
        transform:translate3d(-50%, -27%, 0);
        margin-top:0;
        z-index:-2;
        background:linear-gradient(165deg, white 0, white 40%, transparent 1000%);
        filter:blur(30px);
    }

    .olinsop-tag{
        display:inline-block;
        font-size: 11px;
        padding: 0.5rem 1rem;
        border-radius: 20px;
        background: rgba(0,0,0,.1);
        color: inherit;
        white-space: nowrap;
        transition: background 0.2s ease;
        margin-bottom:1rem;
        i{
            margin-right:0.5rem;
            color:#3ADD7B;
        }
    }

    .olinsop-list{
        margin:0;
        display:flex;
        flex-wrap:wrap;
        padding:0;
        list-style:none;

        li:not(:last-child){
            margin-right:0.5rem;
        }

        li:not(.mdi):before {
            content:'✓';
        }
    }
}

@media screen and (min-width:993px){
    .section-olinsop {
        background-image:var(--bglarge);
    }
    .olinsop-text {
        max-width:min(500px, 35vw);
        padding-right:2rem;
    }
}

@media screen and (max-width:992px){
    .section-olinsop {
        background-image:var(--bgsmall);
        padding-bottom:5rem;
    }
    .olinsop-text {
        max-width:100%;
    }
}

.section-olinsop.txt-right {
    .olinsop-text {
        right:0;
        margin-left:auto;
        text-align:right;
    }

    .olinsop-text::before {
        content:"";
        position:absolute;
        top:-40px;
        left:-120px;
        right:-60px;
        bottom:-40px;
        background:
            linear-gradient(to bottom left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 35%, rgba(255,255,255,0.8) 55%, rgba(255,255,255,0) 75%),
            radial-gradient(circle at 30% 50%, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.6) 40%, rgba(255,255,255,0.0) 100%);
        filter:blur(30px);
        z-index:-1;
    }

    .olinsop-text::after{
        content:"";
        top:0;
        left:auto;
        right:0;
        margin-left:auto;
        margin-right:0;
        transform:translate3d(50%, -27%, 0);
        background:linear-gradient(165deg, white 0, white 40%, transparent 1000%);
    }
    .olinsop-action{
        text-align:right;
        margin-top:1rem;
    }
}