@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;700;900&display=swap');
*{box-sizing:border-box}
body{margin:0;background:#fafafa;color:#111;font-family:Inter,"PingFang SC",sans-serif}
nav{position:fixed;top:0;width:100%;padding:32px 6vw;display:flex;justify-content:space-between;font-size:12px;letter-spacing:4px;z-index:2}
.hero{min-height:100vh;padding:18vh 8vw 8vh;display:flex;flex-direction:column;justify-content:center}
.mini,.label{font-size:12px;letter-spacing:5px;color:#666}
h1{font-size:clamp(90px,16vw,220px);line-height:.78;margin:50px 0 20px;font-weight:900;letter-spacing:-8px}
h1 span{font-weight:300}
.line{width:100%;height:1px;background:#111}
h2{font-size:clamp(45px,7vw,90px);font-weight:300;margin:30px 0}
p{font-size:20px;line-height:2;font-weight:300}
.enter{margin-top:80px;letter-spacing:6px;font-size:12px}
section{padding:100px 8vw}
.intro{border-top:1px solid #ddd}
h3{font-size:48px;font-weight:400}
.grid{margin-top:50px;display:grid;grid-template-columns:repeat(12,1fr);gap:30px}
.grid img{width:100%;grid-column:span 6;display:block;transition:.5s}
.grid img:hover{transform:scale(.98)}
footer{padding:50px;text-align:center;letter-spacing:3px;font-size:12px}
@media(max-width:700px){.grid img{grid-column:span 12}h1{letter-spacing:-4px}}