:root{--bg: #f8fafb;--fg: #14202b;--muted: #56646f;--line: #dde4e9;--card: #ffffff;--accent: #0b6e8a;--accent-fg: #ffffff;--soft: #e3f0f4;--grid: rgba(20, 32, 43, .045);--grid-major: rgba(20, 32, 43, .075);--lit: rgba(11, 110, 138, .38);--glow: rgba(11, 110, 138, .1);--hover: rgba(255, 255, 255, .7);--font-b: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-u: "IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;--mx: 30vw;--my: 30vh;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0b1115;--fg: #dbe5eb;--muted: #93a1ab;--line: #1f2c35;--card: #10191f;--accent: #5ec2df;--accent-fg: #071318;--soft: #12303a;--grid: rgba(219, 229, 235, .035);--grid-major: rgba(219, 229, 235, .06);--lit: rgba(94, 194, 223, .42);--glow: rgba(94, 194, 223, .1);--hover: rgba(19, 32, 40, .65);color-scheme:dark}}:root[data-theme=dark]{--bg: #0b1115;--fg: #dbe5eb;--muted: #93a1ab;--line: #1f2c35;--card: #10191f;--accent: #5ec2df;--accent-fg: #071318;--soft: #12303a;--grid: rgba(219, 229, 235, .035);--grid-major: rgba(219, 229, 235, .06);--lit: rgba(94, 194, 223, .42);--glow: rgba(94, 194, 223, .1);--hover: rgba(19, 32, 40, .65);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--bg);color:var(--fg);font:400 16px/1.6 var(--font-b);-webkit-font-smoothing:antialiased}img{max-width:100%}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}::selection{background:var(--accent);color:var(--accent-fg)}.scope{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.scope>div{position:absolute;inset:0}.scope-grid,.scope-lit{background-image:linear-gradient(to right,var(--grid-major) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-major) 1px,transparent 1px),linear-gradient(to right,var(--grid) 1px,transparent 1px),linear-gradient(to bottom,var(--grid) 1px,transparent 1px);background-size:80px 80px,80px 80px,16px 16px,16px 16px;background-position:-1px -1px}.scope-grid{-webkit-mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.35) 70%);mask-image:linear-gradient(to bottom,#000,#00000059 70%)}.scope-lit{background-image:linear-gradient(to right,var(--lit) 1px,transparent 1px),linear-gradient(to bottom,var(--lit) 1px,transparent 1px),linear-gradient(to right,color-mix(in srgb,var(--lit) 35%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in srgb,var(--lit) 35%,transparent) 1px,transparent 1px);-webkit-mask-image:radial-gradient(260px circle at var(--mx) var(--my),#000 0%,transparent 100%);mask-image:radial-gradient(260px circle at var(--mx) var(--my),#000 0%,transparent 100%);opacity:0;transition:opacity .4s ease}.scope-glow{background:radial-gradient(560px circle at var(--mx) var(--my),var(--glow),transparent 75%);opacity:0;transition:opacity .4s ease}.scope-live .scope-lit,.scope-live .scope-glow{opacity:1}.shell{max-width:1180px;margin:0 auto;padding-inline:16px}.side{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;padding-block:18px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;min-width:0}.brand img{width:52px;height:52px;border-radius:50%;object-fit:cover;flex:none;box-shadow:0 0 0 4px var(--bg),0 0 0 5px var(--line)}.brand-name{display:block;font:600 17px/1.25 var(--font-b);letter-spacing:-.01em}.brand-role{display:block;font:400 13px/1.45 var(--font-u);color:var(--muted)}.nav{display:flex;gap:18px;margin:0;padding:0 0 4px;list-style:none;overflow-x:auto;scrollbar-width:none}.nav a{display:inline-flex;align-items:center;gap:10px;font:500 13px/1.4 var(--font-u);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-decoration:none;white-space:nowrap;padding-block:6px;transition:color .2s ease}.nav-line{display:none}.nav a:hover,.nav a[aria-current]{color:var(--fg)}.nav a[aria-current]{color:var(--accent)}.controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.cv-link{display:inline-flex;align-items:center;gap:8px;font:600 14px/1 var(--font-b);text-decoration:none;padding:9px 14px;border:1px solid var(--line);border-radius:999px;background:var(--card);transition:border-color .2s ease,color .2s ease}.cv-link svg{width:16px;height:16px}.cv-link:hover{border-color:var(--accent);color:var(--accent)}.lang{display:flex;border:1px solid var(--line);border-radius:999px;padding:3px;background:var(--card)}.lang a,.lang-soon{font:600 12px/1 var(--font-u);letter-spacing:.06em;color:var(--muted);text-decoration:none;border-radius:999px;padding:8px 11px}.lang a:hover{color:var(--fg)}.lang a[aria-current=true]{background:var(--fg);color:var(--bg)}.lang-soon{opacity:.45;cursor:not-allowed}.theme-btn{display:inline-flex;align-items:center;gap:8px;font:600 14px/1 var(--font-b);color:var(--accent-fg);background:var(--accent);border:0;border-radius:999px;padding:10px 16px;cursor:pointer;transition:filter .2s ease}.theme-btn:hover{filter:brightness(1.08)}.theme-btn svg{width:18px;height:18px}.theme-btn .i-sun{display:none}.theme-btn.is-dark .i-sun{display:block}.theme-btn.is-dark .i-moon{display:none}@media(max-width:899px){.side{position:sticky;top:0;z-index:5;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.side nav{order:3;width:100%}.controls{margin-left:auto}.brand img{width:44px;height:44px}}@media(max-width:899px)and (max-height:700px),(max-width:560px){.side{position:static}}@media(max-width:560px){.controls{margin-left:0}}@media(min-width:900px){.shell{display:grid;grid-template-columns:270px minmax(0,1fr);gap:64px}.side{position:sticky;top:0;align-self:start;height:100vh;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;gap:32px;padding:48px 0 32px;border-bottom:0}.brand{flex-direction:column;align-items:flex-start;gap:18px}.brand img{width:104px;height:104px}.brand-name{font-size:22px}.nav{flex-direction:column;gap:0;overflow:visible}.nav-line{display:block;width:24px;height:1px;background:currentColor;opacity:.6;transition:width .25s ease,opacity .25s ease}.nav a:hover .nav-line,.nav a[aria-current] .nav-line{width:56px;opacity:1}.controls{margin-top:auto;flex-direction:column;align-items:flex-start}}main{display:grid;gap:88px;padding-block:64px 40px;min-width:0}.hero{padding-top:8px;animation:rise .6s ease both}@keyframes rise{0%{opacity:.001;transform:translateY(8px)}}@media(prefers-reduced-motion:reduce){.hero{animation:none}}.lede{font-size:clamp(22px,2.6vw,29px);line-height:1.45;margin:0 0 28px;max-width:30em;text-wrap:pretty}.ctas{display:flex;flex-wrap:wrap;gap:12px}.btn{display:inline-flex;align-items:center;font:600 15px/1 var(--font-b);text-decoration:none;padding:13px 20px;border-radius:6px;border:1px solid var(--fg);transition:transform .15s ease,filter .2s ease,background-color .2s ease}.btn.primary{background:var(--fg);color:var(--bg)}.btn.ghost{color:var(--fg);background:color-mix(in srgb,var(--bg) 70%,transparent)}.btn:hover{transform:translateY(-1px)}.btn.primary:hover{filter:brightness(1.15)}.btn.ghost:hover{background:var(--soft)}.sec-head{font:500 15px/1.4 var(--font-u);letter-spacing:.04em;color:var(--accent);margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid var(--line)}.sec-head:after{content:"/"}.sec-row{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 16px;border-bottom:1px solid var(--line);margin-bottom:20px}.sec-row .sec-head{border-bottom:0;margin:0}.stamp{font:400 13px/1 var(--font-u);color:var(--muted)}.muted{color:var(--muted)}.projects{display:grid;gap:6px;margin-inline:-16px}.proj{display:grid;grid-template-columns:148px minmax(0,1fr);gap:20px;padding:16px;border-radius:10px;border:1px solid transparent;transition:background-color .2s ease,border-color .2s ease}.proj:hover{background:var(--hover);border-color:var(--line)}.proj-thumb{position:relative;aspect-ratio:16 / 10;max-width:100%;border-radius:6px;overflow:hidden;background:var(--soft);border:1px solid var(--line);align-self:start}.proj-thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb-label{position:absolute;left:10px;top:8px;font:600 12px/1 var(--font-u);letter-spacing:.08em;color:var(--accent)}.thumb-wave{position:absolute;left:0;right:0;bottom:10px;width:100%;height:45%}.thumb-wave path{fill:none;stroke:var(--accent);stroke-width:1.5;vector-effect:non-scaling-stroke;opacity:.8}.proj h3{font:600 18px/1.35 var(--font-b);margin:0 0 4px}.proj h3 a{text-decoration:none}.proj h3 a:hover{color:var(--accent)}.arrow{display:inline-block;margin-left:4px;transition:transform .2s ease}.proj h3 a:hover .arrow{transform:translate(2px,-2px)}.result{display:inline-block;font:600 12.5px/1.3 var(--font-u);color:var(--accent);background:var(--soft);border-radius:4px;padding:5px 8px;margin:2px 0 8px!important}.proj p{margin:0;color:var(--muted);font-size:15px;max-width:62ch}.tags{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 0;padding:0;list-style:none}.tags li{font:500 12px/1 var(--font-u);padding:6px 9px;border-radius:999px;background:var(--soft);color:var(--fg);white-space:nowrap}.exp{list-style:none;margin:0;padding:0}.exp li{display:grid;grid-template-columns:56px minmax(0,1fr);gap:18px;padding-block:20px;border-bottom:1px solid var(--line)}.logos{position:relative;width:56px;height:48px}.logos img,.mono{position:absolute;left:0;top:0;width:44px;height:44px;border-radius:10px;background:#fff;border:1px solid var(--line);object-fit:contain;padding:6px}.logos.pair img:nth-child(2){left:22px;top:18px;width:32px;height:32px;border-radius:8px;padding:4px;box-shadow:0 0 0 2px var(--bg)}.logos img[src$="anayurt.png"]{padding:0;border:0}.mono{display:grid;place-items:center;background:var(--soft);font:600 15px/1 var(--font-u);color:var(--accent);padding:0}.when{display:block;font:500 13px/1.6 var(--font-u);color:var(--muted);font-variant-numeric:tabular-nums}.exp h3{font:600 17px/1.4 var(--font-b);margin:0}.exp .org{font-weight:500;color:var(--accent)}.exp p{margin:4px 0 0;color:var(--muted);font-size:15px;max-width:62ch}.cv-box{margin-top:24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;padding:22px 24px;border-radius:10px;background:var(--soft)}.cv-box p{margin:0;max-width:42ch}.cv-box .btn.ghost{background:transparent}.now{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:14px}.now-item{padding:18px 20px;border:1px solid var(--line);border-radius:10px;background:var(--card)}.now-item h3{font:500 12px/1.3 var(--font-u);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0 0 8px}.now-item p{margin:0}.contact-h{font:600 clamp(26px,3.4vw,34px)/1.15 var(--font-b);letter-spacing:-.02em;margin:16px 0 6px}.contact .muted{margin:0 0 18px}.mail{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px}.mail-addr{font:500 15px/1 var(--font-u);padding:12px 14px;border-radius:6px;background:var(--soft);text-decoration:none;overflow-wrap:anywhere}.mail-addr:hover{color:var(--accent)}.copy{font:600 14px/1 var(--font-b);color:var(--fg);background:var(--card);border:1px solid var(--line);border-radius:6px;padding:12px 14px;cursor:pointer}.copy:hover{border-color:var(--fg)}.social-icons{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0}.social-icons a{display:grid;place-items:center;width:40px;height:40px;border-radius:8px;color:var(--muted);transition:color .2s ease,background-color .2s ease,transform .15s ease}.social-icons a:hover{color:var(--accent);background:var(--soft);transform:translateY(-2px)}.social-icons svg{width:22px;height:22px}.side-socials,.contact-socials{margin-left:-10px}@media(max-width:899px){.side-socials{margin-left:0}}.foot{font:400 13px/1 var(--font-u);color:var(--muted);padding-top:24px;border-top:1px solid var(--line)}@media(max-width:760px){main{gap:64px;padding-top:36px}.projects{margin-inline:0}.proj{grid-template-columns:1fr;padding:0 0 20px;border:0;border-bottom:1px solid var(--line);border-radius:0}.proj:hover{background:none}.proj-thumb{max-width:220px}.exp li{grid-template-columns:48px minmax(0,1fr);gap:14px}.logos{width:48px}.logos img,.mono{width:38px;height:38px}.logos.pair img:nth-child(2){left:18px;top:16px;width:28px;height:28px}}