body{
margin:0;
font-family:'Inter', sans-serif;
background:#f8f8f8;
color:#333;
}

main{
max-width:1200px;
margin:auto;
padding:40px 20px 10px 20px;
}

/* titolo principale */

.storia-header{
text-align:center;
margin-bottom:70px;
}

.storia-header h1{
font-family:'Playfair Display', serif;
font-size:48px;
margin-bottom:10px;
}

.storia-header p{
font-size:16px;
color:#666;
max-width:1200px;
margin:auto;
line-height:1.6;
text-align: justify;
}

/* blocchi storia */

.story-block{
display:flex;
align-items:center;
gap:60px;
margin-bottom:80px;
}

.story-block img{
width:auto;
max-width:520px;
height:auto;
border-radius:10px;
box-shadow:0 10px 25px rgba(0,0,0,0.15);
}

.story-text{
flex:1;
}

.story-text h2{
font-family:'Playfair Display', serif;
font-size:32px;
margin-bottom:15px;
}

.story-text p{
font-size:17px;
line-height:1.7;
color:#555;
}

/* alternanza */

.reverse{
flex-direction:row-reverse;
}

/* responsive */

@media (max-width:900px){

.story-block{
flex-direction:column;
text-align:center;
}

.reverse{
flex-direction:column;
}

.story-block img{
max-width:100%;
}

.storia-header h1{
font-size:36px;
}

}