/* =========================================================
   FIT & LIT — BIZ KIMIZ
   ========================================================= */

.fit-about{
    padding:28px 0 64px;
    background:#fff;
    color:#161616;
}

.fit-about__container{
    width:min(1420px, calc(100% - 120px));
    margin:0 auto;
}

.fit-about__breadcrumb{
    margin-bottom:24px;
    display:flex;
    gap:5px;
    align-items:center;
    color:#8a8a8a;
    font-size:11px;
}

.fit-about__breadcrumb a{
    color:#777;
    text-decoration:underline;
    text-underline-offset:2px;
}

.fit-about h1,
.fit-about h2,
.fit-about h3,
.fit-about p{
    margin-top:0;
}

.fit-about-intro{
    display:grid;
    grid-template-columns:minmax(0,.92fr) minmax(430px,1.08fr);
    gap:46px;
    align-items:start;
}

.fit-about-intro__copy h1{
    margin-bottom:26px;
    font-size:36px;
    line-height:1.1;
    font-weight:500;
}

.fit-about-intro__copy p,
.fit-about-text p,
.fit-about-founder p{
    margin-bottom:3px;
    font-size:15px;
    line-height:1.34;
}

.fit-about-intro__media{
    margin:0;
}

.fit-about-intro__media img{
    width:100%;
    aspect-ratio:1 / 1.18;
    display:block;
    object-fit:cover;
    object-position:center top;
}

.fit-about-text{
    margin-top:82px;
}

.fit-about-text h2,
.fit-about-values > h2,
.fit-about-numbers h2{
    margin:0 0 24px;
    font-size:23px;
    font-weight:500;
}

.fit-about-text h2:not(:first-child){
    margin-top:38px;
}

.fit-about-values{
    margin-top:42px;
}

.fit-about-values__grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:20px;
}

.fit-about-values article h3{
    min-height:22px;
    margin-bottom:12px;
    font-size:14px;
    font-weight:400;
}

.fit-about-values article div{
    min-height:165px;
    padding:28px 26px;
    background:#f7f5f2;
    font-size:13px;
    line-height:1.38;
}

.fit-about-banners{
    margin-top:34px;
}

.fit-about-banner{
    margin-bottom:24px;
}

.fit-about-banner h2{
    margin:0 0 14px;
    font-size:31px;
    line-height:1.1;
    font-weight:500;
}

.fit-about-banner img{
    width:100%;
    aspect-ratio:2.75 / 1;
    display:block;
    object-fit:cover;
}

.fit-about-numbers{
    margin-top:30px;
}

.fit-about-numbers ul{
    margin:0;
    padding-left:22px;
    font-size:14px;
    line-height:1.45;
}

.fit-about-founder{
    margin-top:32px;
    display:grid;
    grid-template-columns:minmax(0,1.05fr) minmax(310px,.65fr);
    column-gap:44px;
    align-items:start;
}

.fit-about-founder__copy h2{
    margin-bottom:28px;
    font-size:31px;
    font-weight:500;
}

.fit-about-founder__copy h3,
.fit-about-founder__continuation h3{
    margin-bottom:20px;
    font-size:20px;
    font-weight:500;
}

.fit-about-founder__media{
    grid-column:2;
    grid-row:1 / span 2;
    margin:0;
}

.fit-about-founder__media img{
    width:100%;
    height:auto;
    min-height:515px;
    max-height:650px;
    display:block;
    object-fit:cover;
    object-position:center top;
}

.fit-about-founder__continuation{
    grid-column:1;
    margin-top:28px;
}

/* tablet */
@media(max-width:1100px){
    .fit-about__container{
        width:calc(100% - 64px);
    }

    .fit-about-intro{
        grid-template-columns:1fr 1fr;
        gap:30px;
    }

    .fit-about-values__grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .fit-about-values article div{
        min-height:140px;
    }
}

/* mobile */
@media(max-width:767px){
    .fit-about{
        padding:18px 0 38px;
    }

    .fit-about__container{
        width:100%;
        padding:0 12px;
    }

    .fit-about__breadcrumb{
        margin-bottom:18px;
        font-size:9px;
    }

    .fit-about-intro{
        display:block;
        position:relative;
    }

    .fit-about-intro__copy h1{
        margin-bottom:18px;
        font-size:20px;
    }

    .fit-about-intro__copy p,
    .fit-about-text p,
    .fit-about-founder p{
        margin-bottom:2px;
        font-size:12px;
        line-height:1.35;
    }

    .fit-about-intro__media{
        width:47%;
        float:right;
        margin:0 0 12px 12px;
    }

    .fit-about-intro__media img{
        aspect-ratio: .72 / 1;
        object-position:center top;
    }

    .fit-about-intro::after{
        content:"";
        display:block;
        clear:both;
    }

    .fit-about-text{
        margin-top:28px;
    }

    .fit-about-text h2,
    .fit-about-values > h2,
    .fit-about-numbers h2{
        margin-bottom:18px;
        font-size:18px;
    }

    .fit-about-text h2:not(:first-child){
        margin-top:30px;
    }

    .fit-about-values{
        margin-top:28px;
    }

    .fit-about-values__grid{
        grid-template-columns:1fr 1fr;
        gap:8px;
    }

    .fit-about-values article h3{
        min-height:34px;
        margin-bottom:6px;
        font-size:12px;
        line-height:1.2;
    }

    .fit-about-values article div{
        min-height:165px;
        padding:16px 12px;
        font-size:10px;
        line-height:1.35;
    }

    .fit-about-banners{
        margin-top:28px;
    }

    .fit-about-banner{
        margin-bottom:20px;
    }

    .fit-about-banner h2{
        margin-bottom:8px;
        font-size:21px;
    }

    .fit-about-banner img{
        aspect-ratio:1.25 / 1;
        object-fit:cover;
        object-position:center;
    }

    .fit-about-numbers{
        margin-top:26px;
    }

    .fit-about-numbers ul{
        padding-left:20px;
        font-size:11px;
        line-height:1.45;
    }

    .fit-about-founder{
        margin-top:28px;
        display:block;
    }

    .fit-about-founder__copy h2{
        margin-bottom:20px;
        font-size:21px;
    }

    .fit-about-founder__copy h3,
    .fit-about-founder__continuation h3{
        margin-bottom:16px;
        font-size:16px;
    }

    .fit-about-founder__media{
        width:44%;
        float:right;
        margin:0 0 12px 12px;
    }

    .fit-about-founder__media img{
        width:100%;
        min-height:0;
        max-height:none;
        aspect-ratio:.56 / 1;
        object-fit:cover;
        object-position:center top;
    }

    .fit-about-founder__copy::after{
        content:"";
        display:block;
        clear:both;
    }

    .fit-about-founder__continuation{
        margin-top:20px;
    }
}


/* =========================================================
   MOBILE ABOUT WRAP — FINAL
   Mobile-only duplicate images live inside the text flow so
   normal float wrapping works exactly like the reference.
   ========================================================= */

.fit-about-intro__media--mobile,
.fit-about-founder__media--mobile{
    display:none;
}

@media(max-width:767px){

    /* Reset the experimental grid override completely. */
    .fit-about-intro{
        display:block !important;
    }

    .fit-about-intro__copy{
        display:block !important;
    }

    .fit-about-intro__media--desktop{
        display:none !important;
    }

    .fit-about-intro__media--mobile{
        display:block !important;
        float:right !important;
        width:46% !important;
        margin:0 0 10px 12px !important;
    }

    .fit-about-intro__media--mobile img{
        width:100% !important;
        height:auto !important;
        aspect-ratio:.72 / 1 !important;
        object-fit:cover !important;
        object-position:center top !important;
        display:block;
    }

    .fit-about-intro__copy::after{
        content:"";
        display:block;
        clear:both;
    }

    /* Founder: same real float behavior. */
    .fit-about-founder{
        display:block !important;
    }

    .fit-about-founder__copy{
        display:block !important;
    }

    .fit-about-founder__media--desktop{
        display:none !important;
    }

    .fit-about-founder__media--mobile{
        display:block !important;
        float:right !important;
        width:44% !important;
        margin:0 0 10px 12px !important;
    }

    .fit-about-founder__media--mobile img{
        width:100% !important;
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;
        aspect-ratio:.56 / 1 !important;
        object-fit:cover !important;
        object-position:center top !important;
        display:block;
    }

    .fit-about-founder__copy::after{
        content:"";
        display:block;
        clear:both;
    }

    .fit-about-founder__continuation{
        clear:both !important;
        margin-top:20px !important;
    }
}


/* Founder portrait — mobile: show full image, no crop */
@media (max-width: 767px) {
    .fit-about-founder__media,
    .fit-about-founder__media--mobile {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        aspect-ratio: auto !important;
        overflow: visible !important;
    }

    .fit-about-founder__media img,
    .fit-about-founder__media--mobile img {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        aspect-ratio: auto !important;
        object-fit: contain !important;
        object-position: center top !important;
    }
}