:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#f4f4f5;background:radial-gradient(circle at top,#18181b,#09090b 55%)}a{color:inherit;text-decoration:none}.page{max-width:1000px;margin:0 auto;padding:2rem 1rem 3rem}.card{border:1px solid #27272a;border-radius:20px;background:linear-gradient(180deg,#18181b,#0a0a0a);padding:1rem}.profile{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.avatarWrap{position:relative;width:72px;height:72px;border-radius:16px;overflow:hidden}.avatar{object-fit:cover}.name{margin:0;font-size:1.4rem;font-weight:700}.subtitle{margin:.2rem 0 0;color:#a1a1aa}.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-gap:1rem;gap:1rem}.hero{grid-column:span 7;min-height:220px;display:flex;flex-direction:column;justify-content:flex-end}.hero h1{margin:.8rem 0 .4rem}.hero p{margin:0;color:#a1a1aa}.logoWrap{width:-moz-fit-content;width:fit-content;padding:.3rem;border-radius:16px;background:#09090b}.videoCard{grid-column:span 5;padding:0;overflow:hidden}.videoCard video{width:100%;height:100%;min-height:220px;object-fit:cover;display:block}.grid>.card:nth-child(3),.grid>.card:nth-child(4){grid-column:span 3}.projects{grid-column:span 6}.links{list-style:none;padding:0;margin:.5rem 0 0;display:grid;grid-gap:.45rem;gap:.45rem}.links a{display:block;border:1px solid #27272a;border-radius:12px;padding:.55rem .7rem;background:#09090b}.links a:hover{border-color:#52525b}.gallery{grid-column:span 6;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.6rem;gap:.6rem}.thumbWrap{position:relative;aspect-ratio:1/1;border-radius:12px;overflow:hidden}.thumb{object-fit:cover}h2{margin:0;font-size:1rem;color:#d4d4d8}@media (max-width:900px){.gallery,.grid>.card:nth-child(3),.grid>.card:nth-child(4),.hero,.projects,.videoCard{grid-column:1/-1}}