body{
    margin:0;
    background:#0b0b0b;
    color:#fff;
    font-size:18px;
    line-height:1.6;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

main{
    max-width:980px;
    margin:0 auto;
    padding:clamp(28px,6vw,72px) 24px;
}

.row{
    display:flex;
    gap:28px;
    align-items:flex-start;
}

.row > div{
    flex:1;
    min-width:0;
}

img{
    width:clamp(80px,28vw,250px);
    aspect-ratio:1/1;
    height:auto;
    object-fit:cover;
    border-radius:10px;
    flex:0 0 auto;
}

h1{
    margin:0 0 16px;
    font-size:clamp(28px,5vw,48px);
    font-weight:700;
}

p{
    margin:0 0 24px;
    color:#d0d0d0;
}

a{
    color:#fff;
    text-decoration:none;
    margin-right:18px;
    display:inline-block;
}

a:hover{
    text-decoration:underline;
}

@media (max-width: 640px){
    .row{flex-direction:column; gap:18px;}
    img{width:min(320px,100%);}
}