*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f5f4ef;--text:#1a1a1a;--accent:#8a7560;--muted:#888078;--font-display:"Jacquard 12", serif;--font-body:"Inter", sans-serif}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.6}.layout{flex-direction:column;gap:6vh;max-width:860px;min-height:100dvh;margin:0 auto;padding:5vh 40px;display:flex}.footer-links{gap:24px;margin-top:28px;display:flex}.footer-link{font-family:var(--font-display);color:var(--text);font-size:2rem;text-decoration:none;transition:color .15s}.footer-link:hover{color:var(--accent)}.top{flex-direction:column;gap:20px;display:flex}.name{font-family:var(--font-display);letter-spacing:.02em;cursor:inherit;-webkit-user-select:none;user-select:none;font-size:clamp(4rem,10vw,7.5rem);font-weight:400;line-height:1}.name-wrap{position:relative}#page{opacity:0;transition:opacity .4s}#boot-sequence{width:max-content;color:var(--text);letter-spacing:.05em;pointer-events:none;z-index:300;margin:0;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px;line-height:1.5;transition:opacity .2s;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.blurb{max-width:580px;font-size:15px;line-height:1.75}.bottom{display:block}.section-header{font-family:var(--font-display);letter-spacing:.05em;margin-bottom:14px;font-size:2rem;font-weight:400}.project-list{flex-direction:column;gap:12px;list-style:none;display:flex}.project-list li{flex-direction:column;gap:2px;font-size:14px;line-height:1.55;display:flex}.project-link{width:fit-content;color:var(--text);background-image:linear-gradient(90deg,#c2bab2 50%,#0000 50%);background-position:0 calc(1em + 3px);background-repeat:repeat-x;background-size:4px 2px;padding-bottom:2px;font-weight:500;text-decoration:none;transition:color .15s,background-position .2s;display:inline-block}.project-link:hover{color:var(--accent);background-image:linear-gradient(to right, var(--accent) 50%, transparent 50%);background-position:4px calc(1em + 3px)}.project-desc{color:var(--muted)}.preview-card{background:var(--bg);pointer-events:none;opacity:0;z-index:100;border:1px solid #1a1a1a1a;border-radius:8px;width:280px;transition:opacity .18s;position:fixed;overflow:hidden;box-shadow:0 4px 24px #00000014}.preview-card.visible{opacity:1}.preview-card img{width:100%;height:auto;display:block}@media (width<=600px){.layout{gap:32px;padding:6vw 20px}}
