*{margin:0;padding:0;box-sizing:border-box}
a{color:#464646;text-decoration:none}
body{font-family:'IBM Plex Mono',monospace;background:#fff;color:#111;overflow-x:hidden;animation:boot .9s ease forwards}
@keyframes boot{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
.page-transition{position:fixed;inset:0;background:#111;z-index:999;pointer-events:none;transform:translateY(100%);animation:reveal 1.1s cubic-bezier(.76,0,.24,1) forwards}
@keyframes reveal{to{transform:translateY(-100%)}}
header{padding:2rem 1.2rem;border-bottom:1px solid #111}
h1{font-size:2.2rem;line-height:.9;letter-spacing:-.08em}
.tag{font-size:.75rem;margin-top:.6rem;opacity:.6}
nav{display:flex;overflow-x:auto;gap:1rem;padding:1rem;border-bottom:1px solid #111}
nav a{text-decoration:none;color:#111;white-space:nowrap;font-size:.85rem;position:relative}
nav a:after{content:'';position:absolute;left:0;bottom:-4px;width:0;height:1px;background:#111;transition:.4s}
nav a:hover:after{width:100%}
.hero{padding:2rem 1rem;animation:fadeUp 1.2s .3s both}
@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
.hero img{width:100%;margin:1.5rem 0;}
p{font-size:.9rem;line-height:1.7}.grid{display:grid;gap:1px;background:#111;margin-top:2rem}.card{background:#fff;padding:1.5rem;transition:.35s}.card:hover{background:#111;color:#fff;transform:translateX(8px)}footer{padding:2rem 1rem;font-size:.7rem;opacity:.6}
@media(min-width:900px){body{max-width:720px;margin:auto;border-left:1px solid #111;border-right:1px solid #111}h1{font-size:4rem}.hero{padding:4rem 2rem}nav{padding:1rem 2rem}}

.swipable{overflow:hidden;position:relative;padding-right:20vw;box-sizing:content-box}
.swipable .swipable-track{display:flex;transition:transform .3s ease;will-change:transform;margin-right:-20vw}
.swipable .swipable-item{flex:0 0 auto;-webkit-user-drag:none;user-select:none}
.swipable img{width:100%;height:auto;display:block;pointer-events:none}
.swipable.grabbing .swipable-track{cursor:grabbing}
.swipable .swipable-track{cursor:grab}