/* ====== About Page ====== */
main > div{ margin-bottom:clamp(18px, 3vw, 24px); }

/* Hero (bio + photo) */
main > .info-unit-img{
    display: flex;
    justify-content: center;
    gap: 200px;
}

main > .info-unit-img .info-unit-text{
    flex: 1.2;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

main > .info-unit-img .img{
    flex: 1;
    max-width: 400px;
    min-width: 300px;
}

main > .info-unit-img img{
    width:100%;
    height:100%;
    aspect-ratio:1;
    object-fit:cover;
    border:1px solid var(--border);
    border-radius:12px;
    background:#e2e8f0;
}

.info-unit{
    background:var(--card); border:1px solid var(--border);
    border-radius:var(--radius); box-shadow:var(--shadow);
    padding: 40px;
}

.heading{
    font-size:clamp(22px, 3.5vw, 32px);
}

/* Mobile */
@media (max-width:768px){
    .heading1, .heading2, .heading3, .heading4, .heading5{ font-size:20px; }
    main > .info-unit-img {
        flex-direction: column;
        gap: 20px;
        align-items: center;
    }
    main > .info-unit-img div {text-align: center;}
    main > .info-unit-img img {width: 70%;}
}

@media (max-width:450px){
    main > .info-unit-img img {width: 100%;}
}