*{box-sizing:border-box}
body{
margin:0;
font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;
background:#fff;
color:#111;
}
header{
padding:30px 6%;
font-size:24px;
font-weight:700;
}
.hero{
height:90vh;
display:flex;
flex-direction:column;
justify-content:center;
padding:0 8%;
}
.hero h1{
font-size:clamp(60px,12vw,160px);
margin:0;
letter-spacing:-5px;
}
.hero p{font-size:30px}
.intro{font-size:20px!important;color:#555}
section{padding:80px 8%}
h2{font-size:60px}
.project{
margin:100px 0;
}
.project h3{font-size:22px}
.project img{
width:100%;
max-width:1100px;
display:block;
margin:40px 0;
border-radius:20px;
transition:.6s;
}
.project img:hover{
transform:scale(1.03);
}
.text{
max-width:700px;
font-size:20px;
line-height:1.8;
color:#444;
}
.about{
min-height:50vh;
}
.reveal{
opacity:0;
transform:translateY(60px);
transition:1s;
}
.reveal.show{
opacity:1;
transform:none;
}