*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}::selection{background:color-mix(in srgb,var(--accent)25%,transparent);color:var(--gray-050)}::selection{background:color-mix(in srgb,var(--accent)25%,transparent);color:var(--gray-050)}:root{--gray-950:#0a0a0a;--gray-900:#171717;--gray-850:#1f1f1f;--gray-800:#262626;--gray-700:#404040;--gray-600:#525252;--gray-500:#737373;--gray-400:#a3a3a3;--gray-300:#d4d4d4;--gray-200:#e5e5e5;--gray-050:#fafafa;--accent:#c4964a;--accent-glow:#c4964a;--gray-050-hdr:#fafafa;--gray-p3-45:#737373;--accent-alpha-30:color-mix(in srgb,var(--accent)30%,transparent);--white-alpha-2:#ffffff05;--white-alpha-3:#ffffff08;--white-alpha-4:#ffffff0a;--white-alpha-5:#ffffff0d;--white-alpha-6:#ffffff0f;--white-alpha-8:#ffffff14;--radius-xs:4px;--radius-sm:8px;--radius-md:10px;--radius-lg:12px;--border-surface:1px solid var(--white-alpha-4);--border-surface-strong:1px solid var(--white-alpha-6);--border-surface-stronger:1px solid var(--white-alpha-8);--card-padding:16px 20px;--font-display:"Instrument Serif",georgia,serif;--font-mono:"Geist Mono","SF Mono",ui-monospace,monospace;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.25s cubic-bezier(.4,0,.2,1);--star-glow-base:drop-shadow(0 0 1px color-mix(in srgb,var(--accent-glow)30%,transparent));--star-glow-peak:drop-shadow(0 0 2px color-mix(in srgb,var(--accent-glow)50%,transparent));--star-glow-hover:drop-shadow(0 0 3px color-mix(in srgb,var(--accent-glow)60%,transparent))drop-shadow(0 0 6px color-mix(in srgb,var(--accent-glow)30%,transparent));--star-glow-hover-peak:drop-shadow(0 0 5px color-mix(in srgb,var(--accent-glow)80%,transparent))drop-shadow(0 0 10px color-mix(in srgb,var(--accent-glow)50%,transparent))drop-shadow(0 0 15px color-mix(in srgb,var(--accent-glow)20%,transparent));--focus-glow:0 0 0 4px color-mix(in srgb,var(--accent)20%,transparent)}@supports (color:color(display-p3 1 1 1)){:root{--accent:color(display-p3 .8 .6 .3);--accent-glow:color(display-p3 .9 .68 .35);--gray-050-hdr:color(display-p3 .99 .99 .99);--gray-p3-45:color(display-p3 .45 .45 .45)}}body{background-color:var(--gray-950);color:var(--gray-400);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Geist,-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(--gray-900);color:var(--gray-050);border:var(--border-surface-strong);letter-spacing:.02em;z-index:10000;border-radius:0 0 var(--radius-sm)var(--radius-sm);transition:top var(--transition-fast);padding:10px 24px;font-size:13px;font-weight:500;text-decoration:none;position:absolute;top:-100%;left:50%;transform:translate(-50%)}.skip-to-main:focus-visible{outline:2px solid var(--accent);outline-offset:2px;box-shadow:var(--focus-glow);top:0}.scroll-progress,.reading-progress{background:var(--accent);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(--accent);outline-offset:4px;border-radius:var(--radius-xs);box-shadow:var(--focus-glow)}.page,.blog-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{font-family:var(--font-display);letter-spacing:-.03em;text-wrap:balance;color:var(--gray-050);margin-bottom:12px;font-size:clamp(36px,7vw + 1rem,56px);font-weight:400;line-height:1.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);transition:color var(--transition-base);align-items:center;gap:6px;text-decoration:none;display:inline-flex}.contact-link:hover{color:var(--accent)}.contact-link .icon{width:16px;height:16px;color:inherit}.contact-link .arrow-icon{opacity:.5;width:14px;height:14px;transition:opacity var(--transition-base),transform var(--transition-base);color:inherit}.contact-link:hover .arrow-icon{opacity:1;transform:translate(2px,-2px)}.separator,.entry-separator{color:var(--gray-600);user-select:none}.divider{background:var(--white-alpha-8);width:48px;height:1px;margin:clamp(40px,8vw,60px) auto}.section{contain:layout paint;margin-bottom:40px}.section-heading{font-family:var(--font-display);color:var(--gray-050);letter-spacing:0;text-wrap:balance;margin-bottom:clamp(16px,3vw,20px);font-size:clamp(24px,3vw + .5rem,32px);font-weight:400}.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(--accent);text-decoration:underline;text-decoration-color:var(--accent-alpha-30);text-underline-offset:3px;transition:text-decoration-color var(--transition-fast)}.body-text a:hover{text-decoration-color:var(--accent)}.body-text a.opportunity-link{color:var(--gray-400);text-decoration-color:var(--gray-600)}.body-text a.opportunity-link:hover{color:var(--gray-200);text-decoration-color:var(--gray-400)}.entry{contain:layout style;content-visibility:auto;contain-intrinsic-size:auto 150px;opacity:0;border-left:1px solid #0000;margin-bottom:8px;margin-left:-12px;margin-right:-12px;padding:12px 12px 12px 13px;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(--accent-alpha-30)}.entry-title{color:var(--gray-050);letter-spacing:-.01em;transition:color var(--transition-fast);margin-bottom:6px;font-size:clamp(16px,1vw + .9rem,18px);font-weight:500;line-height:1.3}.entry:hover .entry-title{color:var(--gray-050-hdr)}.project-link{color:var(--gray-050);transition:color var(--transition-base);align-items:center;gap:6px;text-decoration:none;display:inline-flex}.project-link:hover{color:var(--accent)}.project-arrow{opacity:.5;transition:opacity var(--transition-base),transform var(--transition-base);font-size:14px}.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(--accent);transition:filter var(--transition-fast);font-size:15px;font-weight:500;text-decoration:none}.entry-meta .company:hover{filter:brightness(1.2)}.entry-meta .separator,.entry-separator{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-400);flex-wrap:wrap;gap:6px;margin-top:8px;font-size:13px;display:flex}.tech-badge{font-family:var(--font-mono);background:var(--white-alpha-4);border-radius:var(--radius-xs);letter-spacing:.01em;padding:2px 8px;font-size:12px;font-weight:400}.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(--accent);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(--accent);letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px;font-size:12px;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-400);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}.star-icon,.entry:hover .star-icon{filter:none!important;animation:none!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:8px;margin-left:-10px;margin-right:-10px;padding:10px}.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:11px}.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:6px;margin-left:-8px;margin-right:-8px;padding:8px}.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-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:11pt}.skip-to-main,.scroll-progress,.contact-link .icon,.contact-link .arrow-icon,.project-arrow{display:none!important}.page,.blog-page{max-width:100%;margin:0;padding:20pt}.name{color:#000;font-family:georgia,serif;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:#8b6914;font-size:10pt}.body-text,.entry-description{color:#333;font-size:10pt;line-height:1.4}.contact-link{color:#666;text-decoration:none}.divider{background:#999;margin:12pt 0}.skill-category-title{color:#8b6914;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:#8b6914;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}.entry{border-left: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}a[target=_blank]:after{content:" (" attr(href)")";color:#666;word-break:break-all;font-size:8pt;font-weight:400}}@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,.reading-progress{background:canvastext}.name{color:canvastext}}.entry.visible{opacity:1;transform:none}