*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}::selection{color:#0a0a0a;background:#a77b5b}::selection{color:#0a0a0a;background:#a77b5b}:root{--gray-950:#0a0a0a;--gray-900:#171717;--gray-850:#1f1f1f;--gray-800:#262626;--gray-750:#2e2e2e;--gray-700:#404040;--gray-600:#525252;--gray-500:#737373;--gray-400:#a3a3a3;--gray-300:#d4d4d4;--gray-200:#e5e5e5;--gray-050:#fafafa;--clay:#a77b5b;--clay-hdr:#a77b5b;--gray-050-hdr:#fafafa;--gray-p3-45:#737373;--clay-alpha-30:#a77b5b4d;--clay-alpha-20:#a77b5b33;--clay-alpha-50:#a77b5b80;--glow-subtle:0 0 8px #a77b5b4d,0 0 4px #a77b5b33;--glow-medium:0 0 12px #a77b5b80,0 0 6px #a77b5b66;--star-glow-base:drop-shadow(0 0 1px #a77b5b4d);--star-glow-peak:drop-shadow(0 0 2px #a77b5b80);--star-glow-hover:drop-shadow(0 0 3px #a77b5b99)drop-shadow(0 0 6px #a77b5b4d);--star-glow-hover-peak:drop-shadow(0 0 5px #a77b5bcc)drop-shadow(0 0 10px #a77b5b80)drop-shadow(0 0 15px #a77b5b33);--focus-glow:0 0 0 4px #a77b5b33}@supports (color:color(display-p3 1 1 1)){:root{--clay-hdr:color(display-p3 .72 .52 .38);--gray-050-hdr:color(display-p3 .99 .99 .99);--gray-p3-45:color(display-p3 .45 .45 .45);--clay-alpha-30:color(display-p3 .72 .52 .38/.3);--clay-alpha-20:color(display-p3 .72 .52 .38/.2);--clay-alpha-50:color(display-p3 .72 .52 .38/.5);--glow-subtle:0 0 8px color(display-p3 .65 .48 .36/.3),0 0 4px color(display-p3 .65 .48 .36/.2);--glow-medium:0 0 12px color(display-p3 .65 .48 .36/.5),0 0 6px color(display-p3 .65 .48 .36/.4);--star-glow-base:drop-shadow(0 0 1px color(display-p3 .85 .6 .42/.3));--star-glow-peak:drop-shadow(0 0 2px color(display-p3 .85 .6 .42/.5));--star-glow-hover:drop-shadow(0 0 3px color(display-p3 .85 .6 .42/.6))drop-shadow(0 0 6px color(display-p3 .85 .6 .42/.3));--star-glow-hover-peak:drop-shadow(0 0 5px color(display-p3 .85 .6 .42/.8))drop-shadow(0 0 10px color(display-p3 .85 .6 .42/.5))drop-shadow(0 0 15px color(display-p3 .85 .6 .42/.2));--focus-glow:0 0 0 4px color(display-p3 .72 .52 .38/.2)}}body{background-color:var(--gray-950);color:var(--gray-400);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.7}.phicon{vertical-align:-.125em;fill:currentColor;flex-shrink:0;display:inline-block}.skip-to-main{background:var(--clay-hdr);color:var(--gray-950);z-index:10000;border-radius:0 0 8px;padding:12px 24px;font-weight:500;text-decoration:none;transition:top .2s;position:absolute;top:-100%;left:0}.skip-to-main:focus{outline:none;top:0}.scroll-progress{background:linear-gradient(90deg,var(--clay)0%,var(--clay-hdr)100%);z-index:9999;width:0%;height:2px;transition:width .1s ease-out;position:fixed;bottom:0;left:0}a:focus-visible,button:focus-visible{outline:2px solid var(--clay-hdr);outline-offset:4px;box-shadow:var(--focus-glow)}.page{will-change:opacity,transform;max-width:680px;margin:0 auto;padding:clamp(50px,10vw,80px) clamp(20px,5vw,40px);animation:.6s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.header{text-align:center;margin-bottom:60px}.name{letter-spacing:-.025em;text-wrap:balance;background:linear-gradient(135deg,var(--gray-050-hdr)60%,var(--clay-alpha-30)100%);-webkit-text-fill-color:transparent;will-change:transform,opacity;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:clamp(32px,6vw + 1rem,48px);font-weight:700;line-height:1.1;animation:6s ease-in-out infinite gradientPulse}.name.animation-paused{animation-play-state:paused}@keyframes gradientPulse{0%,to{opacity:.92;transform:scale(.98)}50%{opacity:1;transform:scale(1)}}.subtitle{color:var(--gray-400);margin-bottom:24px;font-size:clamp(15px,2vw + .5rem,18px);font-weight:400}.contact{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;font-size:15px;display:flex}.contact-link{color:var(--gray-400);align-items:center;gap:6px;text-decoration:none;transition:color .3s;display:inline-flex}.contact-link:hover{color:var(--clay-hdr)}.contact-link .icon{width:16px;height:16px;color:inherit}.contact-link .arrow-icon{opacity:.5;width:14px;height:14px;color:inherit;transition:opacity .3s,transform .3s}.contact-link:hover .arrow-icon{opacity:1;transform:translate(2px,-2px)}.separator{color:var(--gray-600);user-select:none}.divider{text-align:center;letter-spacing:8px;color:var(--gray-p3-45);margin:clamp(40px,8vw,60px) auto;font-size:10px;line-height:1}.divider:before{content:"• • •";text-shadow:var(--glow-subtle);will-change:filter;animation:3s ease-in-out infinite dotFade;display:inline-block}.divider.animation-paused:before{animation-play-state:paused}@keyframes dotFade{0%,to{filter:brightness(.4)}50%{filter:brightness();text-shadow:var(--glow-medium)}}.section{contain:layout paint;margin-bottom:40px}.section-heading{color:var(--gray-050);letter-spacing:0;text-wrap:balance;margin-bottom:clamp(24px,4vw,32px);font-size:clamp(20px,3vw + .5rem,24px);font-weight:600}.body-text{color:var(--gray-400);margin-bottom:20px;font-size:clamp(15px,1vw + .9rem,17px);line-height:1.7}.body-text a{color:var(--clay-hdr);text-decoration:underline;text-decoration-color:var(--clay-alpha-30);text-underline-offset:3px;transition:text-decoration-color .2s}.body-text a:hover{text-decoration-color:var(--clay-hdr)}.body-text.highlight{color:var(--clay-hdr);border-left:2px solid var(--clay-hdr);padding-left:16px;font-weight:500}.opportunity-link{color:inherit;cursor:pointer;align-items:center;gap:6px;transition:color .2s;display:inline-flex;text-decoration:none!important}.opportunity-link:hover{color:var(--gray-200)}.opportunity-link:after{content:"→";opacity:.6;font-size:16px;transition:opacity .2s,transform .2s}.opportunity-link:hover:after{opacity:1;transform:translate(2px)}.entry{contain:layout style;content-visibility:auto;contain-intrinsic-size:auto 150px;opacity:0;border-left:1px solid #0000;margin-bottom:36px;margin-left:-16px;margin-right:-16px;padding:16px 16px 16px 17px;transition:opacity .5s ease-out,transform .5s ease-out,border-color .2s;transform:translateY(20px)}.entry:last-child{margin-bottom:0}.entry:hover{border-left-color:var(--clay-alpha-30)}.entry-title{color:var(--gray-050);letter-spacing:-.01em;margin-bottom:6px;font-size:clamp(16px,1vw + .9rem,18px);font-weight:500;line-height:1.3;transition:color .2s}.entry:hover .entry-title{color:var(--gray-050-hdr)}.project-link{color:var(--gray-050);align-items:center;gap:6px;text-decoration:none;transition:color .3s;display:inline-flex}.project-link:hover{color:var(--clay-hdr)}.project-arrow{opacity:.5;font-size:14px;transition:opacity .3s,transform .3s}.project-link:hover .project-arrow{opacity:1;transform:translate(2px,-2px)}.entry-meta{color:var(--gray-200);margin-bottom:10px;font-size:14px;font-weight:400}.entry-meta .company{color:var(--clay-hdr);font-size:15px;font-weight:500;text-decoration:none;transition:filter .2s}.entry-meta .company:hover{filter:brightness(1.2)}.entry-meta .separator{margin:0 6px}.entry-separator{color:var(--gray-600);user-select:none;margin:0 6px}.entry-separator:before{content:"·"}.entry-description{color:var(--gray-400);margin-bottom:12px;font-size:clamp(14px,1vw + .8rem,16px);line-height:1.7}.tech-stack{color:var(--gray-600);flex-wrap:wrap;gap:6px;margin-top:8px;font-size:13px;display:flex}.tech-badge{font-weight:400}.tech-badge:not(:last-child):after{content:"·";opacity:.5;margin-left:6px}.repo-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:6px;display:flex}.star-count{color:var(--gray-400);white-space:nowrap;align-items:center;gap:5px;font-size:14px;font-weight:400;display:inline-flex}.star-icon{width:14px;height:14px;color:var(--clay-hdr);will-change:transform,filter;animation:3s ease-in-out infinite starPulse}.star-icon.animation-paused{animation-play-state:paused}@keyframes starPulse{0%,to{filter:var(--star-glow-base);transform:scale(1)}50%{filter:var(--star-glow-peak);transform:scale(1.1)}}.entry:hover .star-icon{animation:1.5s ease-in-out infinite starGlow}@keyframes starGlow{0%,to{filter:var(--star-glow-hover)}50%{filter:var(--star-glow-hover-peak)}}.star-number{font-variant-numeric:tabular-nums;line-height:1}.skill-category{content-visibility:auto;contain-intrinsic-size:auto 80px;margin-bottom:24px}.skill-category:last-child{margin-bottom:0}.skill-category-title{color:var(--clay-hdr);letter-spacing:-.01em;margin-bottom:8px;font-size:16px;font-weight:500}.skill-items{color:var(--gray-400);margin:0;font-size:15px;line-height:1.7}.footer{text-align:center;color:var(--gray-600);margin-top:40px;font-size:14px}.footer p{margin:0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.divider:before{filter:brightness(.4)!important;animation:none!important}.contact-link .icon{animation:none!important}.star-icon,.entry:hover .star-icon{filter:none!important;animation:none!important}.name{opacity:1!important;animation:none!important;transform:scale(1)!important}.entry{opacity:1!important;transform:none!important}}@media (hover:none) and (pointer:coarse){.contact-link:active,.project-link:active,.opportunity-link:active{opacity:.7;transform:scale(.98)}.entry-meta .company:active{opacity:.7}.contact-link{align-items:center;min-height:44px;display:inline-flex}}@media (width<=768px){.entry{margin-bottom:32px;margin-left:-12px;margin-right:-12px;padding:12px}.entry-meta{font-size:14px}.tech-stack{font-size:12px}.star-count{font-size:13px}.star-icon{width:13px;height:13px}.repo-header{flex-wrap:wrap}.skill-category-title{font-size:15px}.skill-items{font-size:14px}.contact{flex-direction:column;gap:10px;font-size:14px}.separator{display:none}.contact-link .icon{width:14px;height:14px}.contact-link .arrow-icon{width:12px;height:12px}}@media (width<=480px){.entry{margin-bottom:28px;margin-left:-10px;margin-right:-10px;padding:10px}.entry-meta{font-size:13px}.tech-stack{font-size:11px}.star-count{font-size:12px}.star-icon{width:12px;height:12px}}@media print{*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}body{color:#333;background-color:#fff;font-size:11pt}.page{max-width:100%;margin:0;padding:20pt}.name{color:#000;-webkit-text-fill-color:black;background:0 0;font-size:24pt}.subtitle{color:#666;font-size:12pt}.section-heading{color:#000;margin-bottom:12pt;font-size:14pt}.entry-title{color:#000;font-size:11pt}.entry-meta{color:var(--clay);font-size:10pt}.entry-meta .company{color:var(--clay)}.body-text,.entry-description{color:#333;font-size:10pt;line-height:1.4}.contact-link{color:#666;text-decoration:none}.contact-link .arrow-icon{display:none}.divider{color:#999;margin:12pt 0}.divider:before{filter:none;animation:none}.skill-category-title{color:var(--clay);font-size:10pt}.skill-items{color:#555;font-size:9pt}.tech-stack{font-size:9pt}.star-count{color:#666;font-size:9pt}.star-icon{color:var(--clay);animation:none}.repo-header{align-items:center;gap:10pt;display:flex}.entry,.skill-category{page-break-inside:avoid;content-visibility:visible;opacity:1;transform:none}.section{page-break-after:avoid;margin-bottom:16pt}.footer{color:#999;margin-top:20pt;font-size:9pt}.opportunity-link:after{content:" (i@irak.li)";color:#666;font-weight:400}.body-text.highlight{border-left-color:var(--clay)}}@keyframes fade-out{to{opacity:0}}@keyframes fade-in{0%{opacity:0}}::view-transition-old(root){animation:.25s ease-out fade-out}::view-transition-new(root){animation:.25s ease-in fade-in}@media (forced-colors:active){.entry,.skill-category{border:1px solid canvastext}a,button{border:1px solid}.scroll-progress{background:canvastext}.divider:before{text-shadow:none}.name{-webkit-text-fill-color:CanvasText;background:0 0}}.entry.visible{opacity:1;transform:none}