:root{--bg: #101112;--surface: #17191c;--text: #f5efee;--muted: rgba(245, 239, 238, .62);--accent: #f8cdc6;--border: rgba(245, 239, 238, .14);--font-display: "Fraunces", Georgia, serif;--font-body: "Instrument Sans", system-ui, -apple-system, sans-serif;--font-mono: "Spline Sans Mono", ui-monospace, SFMono-Regular, monospace}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:17px;line-height:1.6;overflow-x:hidden;word-wrap:break-word}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:12px;left:12px;z-index:1000;padding:10px 16px;background:var(--accent);color:var(--bg);font-family:var(--font-mono);font-size:.85rem;border-radius:8px;transform:translateY(-200%);transition:transform .2s ease}.skip-link:focus-visible{transform:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:var(--accent);color:var(--bg)}h1,h2,h3{font-family:var(--font-display);font-weight:500;line-height:1.15;color:var(--text)}h1{font-size:clamp(2.6rem,6vw,4.25rem);letter-spacing:-.02em;margin:0}h2{font-size:clamp(1.5rem,3vw,2rem)}h3{font-size:clamp(1.3rem,2.5vw,1.6rem);margin:0 0 .25rem}@keyframes rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.left-section>*{animation:rise .9s cubic-bezier(.2,.7,.2,1) both}.left-section>*:nth-child(2){animation-delay:.12s}.left-section>*:nth-child(3){animation-delay:.24s}.left-section>*:nth-child(4){animation-delay:.36s}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.left-section>*{animation:none}.reveal{opacity:1;transform:none;transition:none}}.mouse-follower{position:fixed;top:0;left:0;width:800px;height:800px;pointer-events:none;background:radial-gradient(circle,#f8cdc617,#f8cdc600 65%);border-radius:50%;opacity:.7;will-change:transform;z-index:9999}@media(max-width:768px),(prefers-reduced-motion:reduce){.mouse-follower{display:none!important}}.job{margin-bottom:20px}.job h3{font-size:1.5em;margin-bottom:5px}.job p{line-height:1.6}.job ul{list-style-type:disc;margin-left:20px}.experience>.job+.job{padding-top:2rem;border-top:1px solid var(--border)}.job a{color:var(--text);transition:color .2s,border-color .2s;text-decoration:none;border-bottom:1px solid transparent}.job a:hover{color:var(--accent);border-color:var(--accent)}.job-date{margin:.25rem 0 .75rem;font-family:var(--font-mono);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.tech-chips{margin-top:.8rem;display:flex;flex-wrap:wrap;gap:.5rem}.chip{background-color:var(--surface);border:1px solid var(--border);color:var(--accent);padding:.25rem .65rem;border-radius:999px;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.05em;-webkit-user-select:none;user-select:none}.project-photo{width:100%;max-width:400px;height:300px;object-fit:contain;border-radius:8px;display:block;margin:0 auto}.project-photo:hover{transform:scale(1.05);transition:transform .3s ease-in-out}@media(max-width:768px){.project-photo:hover{transform:none}}.hacker{max-width:420px;width:100%;font-family:Courier New,monospace}.scramble-desc{opacity:.85;margin-top:6px;min-height:40px;overflow:hidden}.fade-char{opacity:0;animation:fadeChar .22s forwards ease;display:inline-block}@keyframes fadeChar{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.skeleton-photo{width:100%;height:180px;background:repeating-linear-gradient(-45deg,#1a1a1a,#1a1a1a 12px,#2a2a2a 12px 24px);animation:pulse 1.6s infinite ease-in-out}@keyframes pulse{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}.project{margin-bottom:20px}.project h3{font-size:1.5em;margin-bottom:5px}.project p{line-height:1.6}.project a{color:var(--text);text-decoration:none}.project a:hover{text-decoration:underline}.projects>.project+.project{padding-top:2rem;border-top:1px solid var(--border)}.footer{margin-top:200px;margin-bottom:7%;text-align:center}.footer-text{margin:0;display:inline-flex;align-items:center;justify-content:center;line-height:1.2}.icon{margin:0 .25em;vertical-align:middle;font-size:1.1em;color:var(--text);transition:color .2s,transform .2s}.footer a:hover .icon{color:var(--accent);transform:translateY(-2px)}.menu{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.menu ul{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.menu-item{color:var(--text);text-decoration:none;font-family:var(--font-mono);font-size:.85rem;letter-spacing:.22em;transition:color .3s,letter-spacing .3s}.menu-item:hover{color:var(--accent);letter-spacing:.28em}.menu-item.active{color:var(--accent);font-weight:700}.hamburger{display:none;flex-direction:column;gap:5px;padding:10px 12px;background:none;border:1px solid var(--border);border-radius:8px;cursor:pointer}.hamburger span{display:block;width:20px;height:2px;background:var(--text);transition:transform .2s ease,opacity .2s ease}.menu.open .hamburger span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu.open .hamburger span:nth-child(2){opacity:0}.menu.open .hamburger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.contact-icons{display:flex;gap:22px;margin-top:auto}.contact-icons .icon{font-size:1.5rem;color:var(--text);transition:color .2s,transform .2s}.contact-icons .icon:hover{color:var(--accent);transform:translateY(-2px)}section{margin-bottom:clamp(3rem,10vh,8rem)}.right-section>section:last-of-type{margin-bottom:0}.presentation{margin-bottom:0}.presentation h2{margin:8px 0 20px;font-family:var(--font-mono);font-size:.9rem;font-weight:500;letter-spacing:.26em;text-transform:uppercase;color:var(--accent)}.presentation p{margin:0;color:var(--muted);max-width:26rem}.section-title{display:flex;align-items:center;gap:14px;margin-bottom:clamp(1.5rem,4vh,3rem);font-family:var(--font-mono);font-size:.8rem;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:var(--accent)}.section-title:before{content:"";width:44px;height:1px;background:var(--accent)}.layout-container{display:flex}.left-section{position:fixed;top:0;left:0;width:min(46%,580px);height:100vh;padding:clamp(2.5rem,7vh,4.5rem) clamp(2.25rem,5.5vw,4.5rem);display:flex;flex-direction:column;justify-content:space-between}.right-section{margin-left:min(46%,580px);padding:clamp(2rem,6vh,4rem) clamp(2rem,6vw,6rem) 0;flex:1;z-index:1}@media(max-width:768px){.layout-container{flex-direction:column;align-items:center;gap:24px;padding:16px}.left-section,.right-section{position:static;width:100%;max-width:none;height:auto;margin:0;padding:16px}.left-section{justify-content:flex-start;gap:28px}.menu{gap:12px}.hamburger{display:inline-flex}.menu ul{display:none}.menu.open ul{display:flex}.contact-icons{justify-content:center;margin:8px 0 0}section{margin-bottom:24px}}.bg{position:fixed;inset:0;background:transparent url(/portfolio/assets/noise-transparent-cfuzFBYZ.png) repeat 0 0;pointer-events:none;opacity:.5;z-index:0}