/****************************************
*  Section: Layout
****************************************/
.tableWrapper{
    width:100%;
    max-width:1368px;
    height:956px;
    display:grid;
    margin:0 auto;
    grid-gap:32px;
}
.tableWrapper>div{
    align-self:center;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
}
.tableWrapper h2{
    margin:32px 0 8px 0;
}
.buttonStyle{
    margin-top:40px;
}
section{
   padding:0;
}



/****************************************
*  Section: Summary
****************************************/

section.summary .tableWrapper{
    max-width:unset;
    grid-template-columns:8fr 4fr;
    width:100%;
}
section.summary .intro{
    background:#fff;
    align-self:center;
    justify-self:center;
    height:auto;
    max-width:736px;
    margin:0 auto;
    padding:32px;
}
section.summary .intro h1{
    color:rgba(60,64,67,1);
    font-size:132px;
    line-height:148px;
    font-weight:900;
    letter-spacing:-3px;
    margin-bottom:24px;
}
section.summary .heroImage{
    background:url(../images/portfolio-intro-loading.webp?04242024) center;
    background-size:cover;
    height:100%;
}
section.summary .heroImage .imgLoader{
    width:100%;
    height:100%;
    background:url(../images/portfolio-intro.webp?04242024) center;
    background-size:cover;
}



/****************************************
*  Section: Bittrex
****************************************/

section.bittrex .tableWrapper{
    grid-template-columns:5fr 7fr;
}
section.bittrex .heroImage{
    grid-column:1 / 2;
    justify-self:end;
}
section.bittrex .heroImage .imgWrapper{
    width:581px;
    height:622px;
    postition:relative;
}
section.bittrex .heroImage img{
    position:absolute;
}
section.bittrex .intro{
    grid-column:2 / 3;
}
section.bittrex .intro h2{
    white-space:nowrap;
}
@media (prefers-reduced-motion:no-preference){
    section.bittrex .heroImage .img1{
        animation: rollIn1 ease-out forwards;
        transform:translateX(-128px) translateY(58px) rotate(-31deg);
        animation-timeline:view();
        animation-range-start:50px;
        animation-range-end:850px;
    }
    section.bittrex .heroImage .img2{
        animation: rollIn2 ease-out forwards;
        transform:translateX(-152px) translateY(21px) rotate(-38deg);
        animation-timeline:view();
        animation-range-start:250px;
        animation-range-end:850px;
    }
    section.bittrex .heroImage .img3{
        animation: rollIn3 ease-out forwards;
        transform:translateX(-200px) translateY(-40px) rotate(-35deg);
        animation-timeline:view();
        animation-range-start:400px;
        animation-range-end:800px;
    }
}



/****************************************
*  Section: Bloomz
****************************************/

section.bloomz .tableWrapper{
    grid-template-columns:4fr 6fr 2fr;
}
section.bloomz .heroImage{
    justify-self: end;
}
section.bloomz .intro h2{
    white-space:nowrap;
}
section.bloomz .intro h2:after{
    content:"";
    display:inline-block;
    position:absolute;
    width:98px;
    height:79px;
    background:url(../images/portfolio-bloomz-confetti.webp?04242024) no-repeat;
    background-size:98px 79px;
    margin:-24px 0 0 10px;
}
section.bloomz .intro p{
    max-width:unset;
}
@media (prefers-reduced-motion:no-preference){
    section.bloomz .heroImage img{
        animation: slideLeft ease-out forwards;
        opacity: 0;
        transform: translateX(40px);
        transform-origin: left;
        animation-timeline:view();
        animation-range-start:300px;
        animation-range-end:700px;
    }
}



/****************************************
*  Section: GlobalScholar
****************************************/

section.gs .tableWrapper{
    grid-template-columns:minmax(64px, 1fr) 4fr 7fr;
    max-width:unset;
    /*overflow:hidden;*/
}
section.gs{
    background:#6CB864;
}
section.gs .tableWrapper{
    width:auto;
}
section.gs .intro{
    grid-column:2 / 3;
    padding:0 72px;
}
section.gs .intro img{
    margin-left:-72px;
}
section.gs .intro h2{
    margin-bottom:12px;
}
section.gs .heroImage{
    grid-column:3 / 4;
    justify-self: end;
    text-align:right;
}
section.gs .heroImage img{
    border-radius:20px 0 0 20px;
    -webkit-border-radius:20px 0 0 20px;
    -moz-border-radius:20px 0 0 20px;
    -ms-border-radius:20px 0 0 20px;
     object-fit: cover;
     object-position:0;
     width:100%;
}
@media (prefers-reduced-motion:no-preference){
    section.gs .heroImage img{
        width:90%;
        animation: slideRight ease-out forwards;
        opacity: 0;
        animation-timeline:view();
        animation-range-start:300px;
        animation-range-end:700px;
    }
}


/****************************************
*  Section: Testimonies
****************************************/
.testimonies{
    padding-top:164px;
    padding:164px 32px 124px 32px;
}
.testimonies .wrapper{
    text-align:center;
}
.testimonies .wrapper h2{
    display:block;
    margin-bottom:4px;
}
.testimonies .gridStructure{
    max-width:1368px;
    display:grid;
    gap:32px;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    margin:48px auto 0 auto;
}
.testimonies .paper{
    background:#fff;
    padding:64px 32px 64px 64px;
    border-radius:20px;
    /*max-width:435px;
    min-width:350px;*/
    min-height:430px;
    font-size:18px;
    line-height:28px;
    text-align:left;
    position:relative;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    -ms-border-radius:20px;
}
.testimonies .paper .source{
    display:block;
    font-size:20px;
    line-height:32px;
    font-weight:500;
    margin:24px 0 -2px 0;
    color:rgba(60,64,67,.95);
}
.testimonies .paper .position{
    display:block;
    font-size:16px;
    line-height:24px;
}
.testimonies .paper:before{
    content: "";
    background: url(../images/base-quotes.webp?04242024);
    background-size: 32px 32px;
    display: inline-block;
    opacity: 1;
    filter: alpha(opacity = 100%);
    width: 32px;
    height: 32px;
    position: absolute;
    top: 35px;
    left: 30px;
}



/****************************************
*  Section: Footer
****************************************/
section.footer{
    text-align:center;
    padding:0 0 32px 0;
}



/****************************************
*  Media Queries
***************************************
@media screen and (min-width:1964px) {
    section.gs .tableWrapper{
        grid-template-columns:3fr 9fr;
        max-width: 1368px;
        grid-gap:32px;
    }
    section.gs .intro{
        grid-column:1 / 2;
        padding: 0 74px 0 0;
        width:100%;
        box-sizing:content-box;
        -webkit-box-sizing:content-box;
        -moz-box-sizing:content-box;
        -ms-box-sizing:content-box;
    }
    section.gs .intro p{
        padding-right:32px;
    }
    section.gs .heroImage{
        grid-column:2 / 3;
    }
    section.gs .heroImage img{
        width:100%;
        height:auto;
        border-radius:20px;
        -webkit-border-radius:20px;
        -moz-border-radius:20px;
        -ms-border-radius:20px;
    }
}
*/