*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;background:#000}#root{width:100%}body{font-family:Courier New,Courier,monospace;color:#e8e8e8}.project-overlay{width:340px;pointer-events:none}.project-overlay__inner{background:#08080eeb;border:1px solid rgba(255,232,176,.2);padding:1.5rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.project-overlay__title{font-size:1.2rem;font-weight:400;letter-spacing:.08em;color:#ffe8b0;margin-bottom:.75rem}.project-overlay__tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.project-overlay__tag{font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;padding:.2rem .5rem;border:1px solid rgba(255,232,176,.3);color:#aaa}.project-overlay__desc{font-size:.82rem;line-height:1.7;color:silver;margin-bottom:1.25rem}.project-overlay__links{display:flex;gap:.75rem}.project-overlay__link{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;padding:.4rem .9rem;border:1px solid rgba(255,232,176,.4);color:#ffe8b0;transition:background .2s}.project-overlay__link:hover{background:#ffe8b01a}.project-overlay__link--live{background:#ffe8b014}.scroll-hint{position:fixed;bottom:2.5rem;left:50%;transform:translate(-50%);text-align:center;pointer-events:none;opacity:1;transition:opacity .3s ease;z-index:200}.scroll-hint--hidden{opacity:0}.scroll-hint__text{color:#ffe8b0;font-family:Courier New,Courier,monospace;font-size:.85rem;letter-spacing:.12em;text-transform:uppercase}.scroll-hint__arrow{color:#ffe8b0;font-size:1.2rem;margin-top:.4rem;animation:scroll-hint-bounce 1.2s ease-in-out infinite}@keyframes scroll-hint-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.loading-screen{width:200px;text-align:center}.loading-screen__bar{height:2px;background:#ffe8b0;transition:width .2s ease;margin-bottom:.5rem}.loading-screen__text{font-size:.7rem;letter-spacing:.2em;color:#666}.intro-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background-color:#d6d2c6;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:160px;font-family:Courier New,Courier,monospace;will-change:transform;overflow:hidden}.intro-screen__ceiling-glow{position:absolute;top:0;left:0;right:0;height:50%;background:radial-gradient(ellipse at 50% -5%,rgba(200,212,238,.28) 0%,transparent 65%);pointer-events:none}.intro-screen__panel{position:relative;background:#08080ee0;border:1px solid rgba(255,232,176,.18);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 8px 48px #0000008c;padding:3rem 3.5rem;max-width:900px;width:calc(100% - 3rem)}.intro-screen__content{display:flex;flex-direction:column;align-items:center;gap:2rem}@media(min-width:640px){.intro-screen__content{flex-direction:row;align-items:flex-start;gap:3rem}}.intro-screen__photo-wrap{flex-shrink:0}.intro-screen__photo{width:180px;height:180px;border-radius:50%;border:2px solid rgba(255,232,176,.35);object-fit:cover;display:block}.intro-screen__text{max-width:480px;text-align:center}@media(min-width:640px){.intro-screen__text{text-align:left}}.intro-screen__name{font-size:2rem;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:#ffe8b0;margin-bottom:.5rem}.intro-screen__role{font-size:.9rem;letter-spacing:.18em;text-transform:uppercase;color:#aaa;margin-bottom:.25rem}.intro-screen__edu{font-size:.82rem;letter-spacing:.15em;text-transform:uppercase;color:#666;margin-bottom:1.5rem}.intro-screen__bio{font-size:.9rem;line-height:1.8;color:silver;margin:0 0 1.75rem}.intro-screen__links{display:flex;gap:.75rem;justify-content:center}@media(min-width:640px){.intro-screen__links{justify-content:flex-start}}.intro-screen__link{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;padding:.4rem .9rem;border:1px solid rgba(255,232,176,.35);color:#ffe8b0;transition:background .2s}.intro-screen__link:hover{background:#ffe8b01a}.intro-screen__wainscot{position:absolute;bottom:64px;left:0;right:0;height:36px;background:#2a5c30}.intro-screen__baseboard{position:absolute;bottom:0;left:0;right:0;height:64px;background:#0c0a08}.intro-screen__scroll-guide{position:absolute;bottom:112px;left:50%;transform:translate(-50%);text-align:center;pointer-events:none;animation:intro-guide-fade-in 1s ease .6s both;background:#08080eb8;padding:.55rem 1.25rem .65rem;white-space:nowrap}.intro-screen__scroll-text{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:#ffe8b0;margin-bottom:.35rem}.intro-screen__scroll-arrow{color:#ffe8b0;font-size:1.1rem;animation:intro-arrow-bounce 1.4s ease-in-out infinite}@keyframes intro-arrow-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(7px)}}@keyframes intro-guide-fade-in{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}