/*==================================================
        ENGINEERING PARTNERSHIP
==================================================*/

.partnership-section{

    position:relative;

    padding:180px 0;

    background:#F5F1EA;

    overflow:hidden;

}

/* drafting grid */

.partnership-section::before{

    content:"";

    position:absolute;

    inset:0;

    background-image:

    linear-gradient(rgba(0,0,0,.03) 1px,transparent 1px),

    linear-gradient(90deg,rgba(0,0,0,.03) 1px,transparent 1px);

    background-size:48px 48px;

    opacity:.45;

}

/*==================================================
        HEADER
==================================================*/

.partnership-header{

    max-width:760px;

    margin:auto;

    text-align:center;

    margin-bottom:120px;

}

.partnership-header h2{

    font-size:68px;

    line-height:1.05;

    letter-spacing:-2px;

    margin:25px 0;

}

.partnership-header p{

    font-size:18px;

    color:#666;

    line-height:1.9;

}

.header-meta{

    display:flex;

    justify-content:center;

    gap:30px;

}

.section-index{

    font-size:12px;

    letter-spacing:.22em;

    text-transform:uppercase;

}

.revision{

    color:#999;

    letter-spacing:.18em;

}

/*==================================================
        BOARD
==================================================*/

.partnership-board{

    display:flex;

    align-items:stretch;

    gap:35px;

    overflow-x:auto;

    padding:0 80px 20px;

    scrollbar-width:none;

}

.partnership-board::-webkit-scrollbar{

    display:none;

}

/*==================================================
        STAGE
==================================================*/

.partnership-stage{

    position:relative;

    flex:0 0 370px;

    padding:40px;

    background:#FCFAF7;

    border:1px solid #D8CEC0;

    transition:.4s;

}

.partnership-stage:hover{

    transform:translateY(-10px);

    border-color:#FF8B4D;

    box-shadow:

    0 25px 60px rgba(0,0,0,.05);

}

/* drafting border */

.partnership-stage::before{

    content:"";

    position:absolute;

    inset:12px;

    border:1px dashed rgba(0,0,0,.05);

}

.stage-number{

    display:inline-flex;

    width:52px;

    height:52px;

    justify-content:center;

    align-items:center;

    border-radius:50%;

    background:#FF8B4D;

    color:white;

    font-weight:700;

    margin-bottom:30px;

}

.partnership-stage h3{

    font-size:34px;

    line-height:1.15;

    margin-bottom:22px;

}

.partnership-stage p{

    line-height:1.9;

    color:#666;

    margin-bottom:30px;

}

/*==================================================
        LIST
==================================================*/

.partnership-stage ul{

    padding:0;

    margin:0;

    list-style:none;

}

.partnership-stage li{

    padding:14px 0;

    border-bottom:1px solid #ECE4D9;

}

.partnership-stage li:last-child{

    border:none;

}

/*==================================================
        CONNECTOR
==================================================*/

.journey-connector{

    position:relative;

    width:90px;

    flex:none;

}

.journey-connector::before{

    content:"";

    position:absolute;

    left:0;

    right:0;

    top:50%;

    height:2px;

    background:#FF8B4D;

}

.journey-connector::after{

    content:"";

    position:absolute;

    right:0;

    top:calc(50% - 5px);

    width:10px;

    height:10px;

    border-top:2px solid #FF8B4D;

    border-right:2px solid #FF8B4D;

    transform:rotate(45deg);

}

/*==================================================
        FEATURED CARD
==================================================*/

.featured{

    background:#FFF7EF;

    border:2px solid #FF8B4D;

}

.investment-example{

    text-align:center;

    margin:40px 0;

}

.investment-example strong{

    display:block;

    font-size:54px;

    margin:10px 0;

}

.investment-example h4{

    font-size:64px;

    color:#FF8B4D;

}

/*==================================================
        TAGS
==================================================*/

.service-tags{

    display:flex;

    flex-wrap:wrap;

    gap:12px;

}

.service-tags span{

    border:1px solid #D9CFC1;

    padding:10px 16px;

    font-size:12px;

    text-transform:uppercase;

    letter-spacing:.12em;

}

/*==================================================
        VERSION FLOW
==================================================*/

.version-flow{

    display:flex;

    justify-content:space-between;

    margin-top:35px;

    font-weight:700;

    color:#FF8B4D;

}

/*==================================================
        OWNERSHIP
==================================================*/

.ownership{

    background:#FFF4EA;

}

.ownership-title{

    font-size:40px;

    font-weight:800;

    line-height:1;

    color:#FF8B4D;

    margin:35px 0;

}

/*==================================================
        NOTE
==================================================*/

.partnership-note{

    margin-top:120px;

    padding:60px;

    background:#FCFAF7;

    border:1px solid #D8CEC0;

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:80px;

}

.note-left span{

    letter-spacing:.18em;

    text-transform:uppercase;

    font-size:12px;

}

.note-left h3{

    font-size:42px;

    margin-top:20px;

    line-height:1.15;

}

.note-right p{

    line-height:2;

    color:#666;

}

@media (max-width: 768px){

    .partnership-note{

        grid-template-columns:1fr;

        gap:40px;

        padding:35px 24px;

    }

    .note-left{

        max-width:100%;

    }

    .note-right{

        max-width:100%;

    }

    .note-left h3{

        font-size:42px;

        line-height:1.05;

        margin-top:16px;

    }

    .note-right p{

        font-size:16px;

        line-height:1.8;

        max-width:100%;

    }

}