@import "https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Unica+One&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f8f8f6;--text:#111;--secondary:#777;--accent:#1a1a1a;--font-heading:"Unica One", sans-serif;--font-body:"Space Mono", monospace}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);overflow-x:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}.sidebar{flex-direction:column;gap:1rem;display:flex}.sidebar h1{font-family:var(--font-heading);margin-left:-.08em;font-size:clamp(2.5rem,6vw,5rem);font-weight:400;line-height:.9}.sidebar p{color:var(--secondary);max-width:340px;line-height:1.8}@media (width<=768px){.intro{order:2;min-height:auto}.sidebar{text-align:center;align-items:center}.sidebar p{max-width:500px}.sidebar h1{font-size:clamp(2.8rem,13vw,4rem)}}.social{flex-direction:column;justify-self:start;align-items:flex-start;gap:1.1rem;display:flex}.social a,.email-trigger{all:unset;cursor:pointer;letter-spacing:1px;border-radius:8px;font-size:1rem;transition:background-color .2s,color .2s,transform .2s;display:inline-block}.social a:hover,.email-trigger:hover{color:var(--text);background:#0000000d;margin:-.45rem -.8rem;padding:.45rem .8rem;transform:translate(4px)}.email-section{flex-direction:column;align-items:flex-start;display:flex}.email-content{opacity:0;flex-direction:column;align-items:flex-start;gap:.6rem;max-height:0;transition:max-height .35s,opacity .35s,transform .35s,margin-top .35s;display:flex;overflow:hidden;transform:translateY(-8px)}.email-content.open{opacity:1;max-height:100px;margin-top:.75rem;transform:translateY(0)}.email-content span{color:var(--secondary);word-break:break-word;font-size:.9rem}.copy-btn{all:unset;cursor:pointer;color:var(--accent);border-radius:999px;font-size:.9rem;transition:background-color .25s,color .25s,transform .25s,padding .25s,margin .25s;display:inline-block}.copy-btn:hover{background:#0000000d;margin:-.3rem -.6rem;padding:.3rem .6rem;transform:translate(4px)}@media (width<=768px){.social{flex-flow:wrap;order:4;justify-content:center;gap:1rem}.email-section{align-items:center;width:100%}.email-content{align-items:center}}.projects{flex-direction:column;display:flex}.projects h2{font-family:var(--font-heading);letter-spacing:.15em;margin-bottom:2rem}.projects-list{flex-direction:column;gap:2rem;display:flex}@media (width<=768px){.projects-section{order:3;min-height:auto;padding-top:0}.project-card{flex-direction:column}.project-card img{width:100%}}.project-card{background:#fff;border:1px solid #d9d9d9;border-radius:12px;transition:all .25s;overflow:hidden}.project-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #00000014}.project-card img{aspect-ratio:16/10;object-fit:cover;width:100%}.project-info{flex-direction:column;gap:1rem;padding:1rem;display:flex}.project-info h3{font-family:var(--font-heading);margin-bottom:.5rem;font-size:1.4rem}.project-info p{color:var(--secondary);font-size:.9rem;line-height:1.6}.project-footer{justify-content:space-between;align-items:center;display:flex}.project-footer span{color:#888;font-size:.75rem}.project-footer a{font-size:.85rem;font-weight:700}.hero{grid-template-columns:360px 1fr 220px;align-items:start;gap:clamp(2rem,4vw,4rem);width:min(1500px,95%);min-height:100vh;margin:0 auto;display:grid}.left-column{flex-direction:column;display:flex}.center-column{justify-content:center;align-items:center;height:100vh;display:flex;position:sticky;top:0}.center-column canvas{width:min(70vw,650px);height:min(70vw,650px)}.right-column{justify-content:center;align-items:center;height:100vh;display:flex;position:sticky;top:0}.intro{align-items:center;min-height:100vh;display:flex}.projects-section{min-height:100vh;padding-top:4rem}@media (width<=1200px){.hero{grid-template-columns:300px 1fr 180px;gap:2rem;width:min(95%,1200px)}}@media (width<=768px){.hero{flex-direction:column;gap:4rem;width:100%;padding:2rem 1.5rem;display:flex}.left-column,.center-column,.right-column{width:100%;height:auto;position:static}}