*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{background:#ede8dd;font-family:Zodiak,Times New Roman,Georgia,serif;font-weight:300;-webkit-font-smoothing:antialiased}.mono{font-family:Courier New,Menlo,Consolas,monospace}.content-layer{position:fixed;inset:0;z-index:1;display:flex;align-items:center}.frosted-panel{position:absolute;inset:0 40% 0 0;background:#ede8ddd1;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);-webkit-mask-image:linear-gradient(to right,black 65%,transparent 100%);mask-image:linear-gradient(to right,black 65%,transparent 100%)}.content-text{position:relative;z-index:2;padding:0 48px;width:100%;max-width:520px}.social-links{margin-top:20px;display:flex;gap:14px}.social-link{font-family:Courier New,Menlo,Consolas,monospace;font-size:10px;color:#a09080;text-decoration:none;letter-spacing:.04em;transition:color .15s ease}.social-link:hover{color:#c8432a}@media(max-width:640px){.frosted-panel{right:0;-webkit-mask-image:none;mask-image:none;background:#ede8ddeb}.content-text{padding:0 28px;max-width:100%}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-in{opacity:0;animation:fadeUp .4s ease-out forwards}.project-row:hover{background:#ede8dd66;border-radius:2px;padding-left:4px;padding-right:4px;margin-left:-4px;margin-right:-4px}.project-row:hover .project-arrow{opacity:1!important}