*{box-sizing:border-box}
html,body{margin:0;background:#0b0b0b;color:#fff;font-family:'Cairo',system-ui,sans-serif}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.parallax__header{position:relative;height:100svh;overflow:hidden}
.parallax__visuals{position:absolute;inset:0}
.parallax__layers{position:absolute;inset:0}
.parallax__layer-img{position:absolute;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:bottom}
.parallax__layer-title{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.parallax__title{margin:0;font-size:clamp(3rem,14vw,11rem);font-weight:900;text-align:center;line-height:1;padding:0 1rem}
.parallax__fade{position:absolute;left:0;right:0;bottom:0;height:25%;background:linear-gradient(to top,#0b0b0b,transparent);pointer-events:none}
.icon{display:block;width:6rem;margin:3rem auto 2rem;opacity:.9}
main{max-width:48rem;margin:0 auto;padding:0 1.5rem 6rem}
section.blk{margin-top:4rem}
.center{text-align:center}
.sub{font-size:1.25rem;color:#a3a3a3;margin:0}
.bio{font-size:1.1rem;line-height:2;color:#e5e5e5;margin-top:1rem}
h3{font-size:1.5rem;margin:0 0 1rem}
.tags{display:flex;flex-wrap:wrap;gap:.5rem}
.tags span{border:1px solid #404040;border-radius:999px;padding:.25rem 1rem;font-size:.9rem}
.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr))}
.card{display:block;border:1px solid #262626;border-radius:.75rem;padding:1.25rem;color:inherit;text-decoration:none;transition:border-color .2s}
.card:hover{border-color:#737373}
.card h4{margin:0 0 .5rem}.card p{margin:0;font-size:.9rem;color:#a3a3a3}
ul{list-style:none;padding:0;margin:0}li{margin:.5rem 0}
li a{color:#d4d4d4}