:root{--canvas: #EFEFEF;--ink: #000000;--muted: #595959;--faint: #ABABAB;--line: #DBDBDB;--panel: #E4E4E4;--accent: #7A31C2;--accent-deep: #4A1D76;--accent-darkest: #240E37;--maxw: 1180px;--ease: cubic-bezier(.22, 1, .36, 1);--font-display: "Inter", "Heebo", system-ui, sans-serif;--font-body: "Inter", "Heebo", system-ui, sans-serif;--font-mono: "Inter", "Heebo", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;scroll-behavior:smooth}body{background:var(--canvas);color:var(--ink);font-family:var(--font-body);line-height:1.5;min-height:100vh;overflow-x:hidden}[dir=rtl]{--font-display: "Heebo", system-ui, sans-serif;--font-body: "Heebo", system-ui, sans-serif}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 clamp(1.4rem,4vw,3rem)}.mono{font-family:var(--font-mono);font-weight:500;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem}.ltr{direction:ltr;unicode-bidi:isolate;display:inline-block}a{color:inherit}header.site{position:sticky;top:0;z-index:20;border-bottom:1px solid transparent;transition:border-color .4s var(--ease),background .4s var(--ease)}header.site.scrolled{border-color:var(--line);background:#efefefc7;backdrop-filter:blur(10px)}.bar{display:flex;align-items:center;justify-content:space-between;height:72px;gap:1rem}.mark{display:flex;align-items:baseline;gap:.55rem;text-decoration:none}.mark .glyph{font-family:var(--font-display);font-weight:700;font-size:1.1rem;letter-spacing:-.02em}.mark .role{color:var(--muted)}nav.links{display:flex;align-items:center;gap:clamp(.9rem,2.2vw,2rem)}nav.links a.navlink{text-decoration:none;position:relative;padding:2px 0;font-weight:500;font-size:.95rem}nav.links a.navlink:after{content:"";position:absolute;inset-inline-start:0;bottom:-2px;height:1px;width:0;background:var(--ink);transition:width .35s var(--ease)}nav.links a.navlink:hover:after{width:100%}.langtoggle{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden}.langtoggle a{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em;color:var(--muted);text-decoration:none;padding:.42rem .66rem;transition:color .25s,background .25s}.langtoggle a.active{background:var(--ink);color:var(--canvas)}.hero{padding-top:clamp(3rem,8vh,6rem);padding-bottom:clamp(2.5rem,7vh,5rem)}.hero-grid{display:grid;grid-template-columns:1.35fr .9fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:.6rem;color:var(--muted)}.dot{width:7px;height:7px;border-radius:50%;background:var(--accent);position:relative}.dot:after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1px solid var(--accent);opacity:.5;animation:pulse 2.6s var(--ease) infinite}@keyframes pulse{0%{transform:scale(.6);opacity:.6}70%{transform:scale(1.6);opacity:0}to{opacity:0}}h1.hero-title{font-family:var(--font-display);font-weight:800;font-size:clamp(2.4rem,5.6vw,4.4rem);line-height:1.03;letter-spacing:-.03em;margin:1.4rem 0 1.3rem;max-width:18ch}.sub{color:var(--muted);font-size:clamp(1rem,1.35vw,1.16rem);line-height:1.55;max-width:48ch}.stats{display:flex;flex-wrap:wrap;margin:2.1rem 0 2.2rem;border-top:1px solid var(--line)}.stat{padding-top:1rem;padding-inline-end:1.6rem;margin-inline-end:1.6rem;border-inline-end:1px solid var(--line)}.stat:last-child{border-inline-end:0;margin-inline-end:0;padding-inline-end:0}.stat .num{font-family:var(--font-display);font-weight:600;font-size:1.5rem;letter-spacing:-.02em}.stat .lbl{color:var(--muted);margin-top:.25rem}.cta-row{display:flex;flex-wrap:wrap;gap:.8rem}.btn{display:inline-flex;align-items:center;gap:.55rem;text-decoration:none;font-weight:700;font-size:.95rem;text-transform:uppercase;letter-spacing:.04em;padding:.9rem 1.6rem;border-radius:999px;transition:transform .3s var(--ease),background .3s,color .3s,border-color .3s,box-shadow .3s}.btn .arrow{transition:transform .3s var(--ease)}[dir=rtl] .btn .arrow{transform:scaleX(-1)}.btn.primary{background:linear-gradient(105deg,var(--accent) 0%,var(--accent-deep) 52%,var(--accent-darkest) 100%);color:#fff;box-shadow:0 10px 24px #240e3747}.btn.primary:hover{background:var(--accent);transform:translateY(-2px);box-shadow:0 8px 20px #7a31c257}.btn.primary:hover .arrow{transform:translate(4px)}[dir=rtl] .btn.primary:hover .arrow{transform:translate(-4px) scaleX(-1)}.btn.ghost{color:var(--ink);border:1px solid var(--line)}.btn.ghost:hover{border-color:var(--ink);transform:translateY(-2px)}.avail{margin-top:2rem;color:var(--muted);display:inline-flex;align-items:center;gap:.55rem}.portrait{position:relative}.frame{position:relative;aspect-ratio:4/5;border-radius:14px;overflow:hidden;background:var(--panel);border:1px solid var(--line);display:flex;align-items:center;justify-content:center}.frame img{width:100%;height:100%;object-fit:cover}.frame .monogram{font-family:var(--font-display);font-weight:700;font-size:clamp(4rem,9vw,7rem);color:#cfcdc4;letter-spacing:-.03em}.frame .ph-label{position:absolute;bottom:14px;inset-inline-start:14px;color:var(--muted);background:var(--canvas);padding:.3rem .55rem;border-radius:6px;border:1px solid var(--line)}section.block{padding:clamp(3rem,8vh,6rem) 0;border-top:1px solid var(--line)}.section-label{color:var(--muted);margin-bottom:2.2rem;display:flex;align-items:center;gap:.7rem}.section-label:before{content:"";width:28px;height:1px;background:var(--muted);display:inline-block}h2.section-title{font-family:var(--font-display);font-weight:800;font-size:clamp(2.2rem,6vw,4rem);text-transform:uppercase;letter-spacing:-.02em;line-height:1;margin-bottom:2rem}h3{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em}p.lead{font-size:clamp(1.05rem,1.5vw,1.25rem);line-height:1.6;max-width:60ch;color:var(--ink)}.howiwork{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}.howiwork .item{border:1px solid var(--line);border-radius:12px;padding:1.6rem;background:#ffffff47}.howiwork .item .n{font-family:var(--font-mono);color:var(--faint);font-size:.8rem;letter-spacing:.06em}.howiwork .item p{margin-top:.7rem;font-size:1.02rem;line-height:1.5}.backline-grid{margin-top:2rem;color:var(--muted);font-size:.95rem;line-height:1.7;list-style:none;padding:0;display:grid;grid-template-rows:repeat(3,auto);grid-auto-flow:column;grid-template-columns:1fr 1fr;gap:.6rem 2rem}.backline-grid li:before{content:"· ";color:var(--faint)}@media(max-width:760px){.backline-grid{grid-template-rows:none;grid-auto-flow:row;grid-template-columns:1fr}}.pillars{display:grid;grid-template-columns:repeat(2,1fr);gap:1.6rem 2.4rem}.pillar h3{font-size:1.2rem;margin-bottom:.5rem}.pillar p{color:var(--muted);line-height:1.55}.xp{display:grid;gap:0}.xp .job{display:grid;grid-template-columns:220px 1fr;gap:1.5rem;padding:1.8rem 0;border-top:1px solid var(--line)}.xp .job:first-child{border-top:0}.xp .job .meta .company{font-family:var(--font-display);font-weight:600;font-size:1.05rem}.xp .job .meta .period{color:var(--muted);margin-top:.35rem}.xp .job .role{font-weight:600;margin-bottom:.7rem}.xp .job ul{list-style:none;display:grid;gap:.55rem}.xp .job li{position:relative;padding-inline-start:1.1rem;color:var(--muted);line-height:1.5}.xp .job li:before{content:"";position:absolute;inset-inline-start:0;top:.6em;width:5px;height:5px;border-radius:50%;background:var(--accent)}.edu{display:grid;gap:.7rem}.edu .row{display:flex;justify-content:space-between;gap:1rem;padding:.7rem 0;border-bottom:1px solid var(--line)}.edu .row span:last-child{color:var(--muted);white-space:nowrap}.edu+.backline{margin-top:2rem;color:var(--muted);font-size:.95rem;line-height:1.7}.skills{display:flex;flex-wrap:wrap;gap:.5rem}.skills .chip{border:1px solid var(--line);border-radius:999px;padding:.4rem .8rem;font-size:.88rem;color:var(--ink);cursor:default;transition:background .3s,color .3s,border-color .3s}.skills .chip:hover{background:linear-gradient(135deg,var(--accent),var(--accent-deep));color:#fff;border-color:transparent}.proj-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.6rem}.card{display:block;text-decoration:none;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#ffffff4d;transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s}.card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #1a1a1614;border-color:#c7c5bb}.card .cover{aspect-ratio:16/10;background:var(--panel);display:flex;align-items:center;justify-content:center;color:#b7b5ab;font-family:var(--font-display);font-weight:700;font-size:2rem;letter-spacing:-.02em}.card.dark .cover{background:#0d1117;color:#3a4553}.card .body{padding:1.3rem 1.4rem 1.5rem}.card .name{font-family:var(--font-display);font-weight:700;font-size:1.35rem;letter-spacing:-.02em}.card .ptype{color:var(--muted);margin-top:.35rem;font-size:.9rem}.card .prole{margin-top:.8rem;font-size:.9rem;color:var(--ink);display:inline-flex;align-items:center;gap:.4rem}.card .arrow{transition:transform .3s var(--ease)}.card:hover .arrow{transform:translate(4px)}[dir=rtl] .card .arrow{transform:scaleX(-1)}[dir=rtl] .card:hover .arrow{transform:translate(-4px) scaleX(-1)}.proj-hero{padding:clamp(2.5rem,7vh,5rem) 0 2rem}.proj-hero.dark{background:#0d1117;color:#e6edf3;margin-bottom:0}.proj-hero.dark .muted,.proj-hero.dark .proj-meta span{color:#8b98a5}.proj-title{font-family:var(--font-display);font-weight:800;font-size:clamp(2.2rem,5vw,3.8rem);letter-spacing:-.03em;margin:1rem 0}.proj-meta{display:flex;flex-wrap:wrap;gap:1.4rem;margin-top:1.2rem}.proj-meta .item .k{font-family:var(--font-mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.proj-meta .item .v{margin-top:.3rem;font-weight:500}.case{display:grid;gap:2.4rem;padding:clamp(2.5rem,6vh,4rem) 0}.case .sec{display:grid;grid-template-columns:220px 1fr;gap:1.5rem}.case .sec h3{font-size:clamp(1.4rem,3vw,2rem);font-weight:800;letter-spacing:-.02em;color:var(--ink)}.case .sec p{color:var(--muted);line-height:1.65;max-width:62ch}.case .sec.reflection p{font-style:italic}.imgnote{border:1px dashed var(--line);border-radius:12px;padding:1.4rem;color:var(--muted);font-size:.9rem;background:#fff3}footer.site{border-top:1px solid var(--line);padding:clamp(3rem,8vh,5rem) 0}.foot-cta{font-family:var(--font-display);font-weight:700;font-size:clamp(1.6rem,4vw,2.8rem);letter-spacing:-.02em;line-height:1.15;max-width:20ch}.foot-links{display:flex;flex-wrap:wrap;gap:1.4rem;margin-top:1.6rem}.foot-links a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:2px;transition:border-color .3s}.foot-links a:hover{border-color:var(--ink)}.foot-meta{margin-top:2.4rem;color:var(--muted);font-size:.85rem}.reveal{opacity:0;transform:translateY(14px);animation:rise .9s var(--ease) forwards}@keyframes rise{to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.portrait{order:-1;max-width:280px}.howiwork,.pillars,.proj-grid{grid-template-columns:1fr}.xp .job,.case .sec{grid-template-columns:1fr;gap:.6rem}nav.links .navlink{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{animation:none;opacity:1;transform:none}.dot:after{animation:none}.btn,.card,nav.links a.navlink:after{transition:none}}.accent-word{position:relative;color:var(--accent)}.accent-word .uline{position:absolute;inset-inline:0;bottom:-.08em;width:100%;height:.3em;overflow:visible}.accent-word .uline path{fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round;stroke-dasharray:260;stroke-dashoffset:260;animation:draw-uline 1s var(--ease) .55s forwards}@keyframes draw-uline{to{stroke-dashoffset:0}}.marquee{margin-top:clamp(2rem,5vh,3.2rem);border-block:1px solid var(--line);overflow:hidden;padding:.85rem 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}.marquee-track{display:inline-flex;white-space:nowrap;animation:marquee 34s linear infinite}[dir=rtl] .marquee-track{animation-direction:reverse}.marquee-item{color:var(--muted);display:inline-flex;align-items:center}.marquee-item .sep{color:var(--accent);margin:0 1.3rem;font-style:normal;font-size:.55rem}@keyframes marquee{to{transform:translate(-50%)}}.section-label .idx{color:var(--accent);font-weight:600;margin-inline-end:.15rem}.pillar{position:relative}.pillar-idx{color:var(--faint);display:block;margin-bottom:.4rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.12em}.reveal-on-scroll{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.reveal-on-scroll.in{opacity:1;transform:translateY(0)}.shot{margin:.3rem 0}.shot-imgs{display:grid;gap:1rem}.shot-duo .shot-imgs{grid-template-columns:1fr 1fr}.shot-ph{aspect-ratio:16/10;border:1px dashed #C7C5BB;border-radius:12px;background:repeating-linear-gradient(45deg,rgba(26,26,22,.015) 0 12px,transparent 12px 24px),var(--panel);display:flex;align-items:center;justify-content:center;color:var(--muted)}.shot-wide .shot-ph{aspect-ratio:21/9}.shot-duo .shot-ph{aspect-ratio:4/3}.shot img{width:100%;border-radius:12px;display:block;border:1px solid var(--line)}.shot figcaption{margin-top:.8rem;color:var(--muted);text-align:center;letter-spacing:.06em}@media(max-width:900px){.shot-duo .shot-imgs{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.marquee-track{animation:none}.accent-word .uline path{animation:none;stroke-dashoffset:0}.reveal-on-scroll{opacity:1;transform:none;transition:none}}.uf-heading{font-size:clamp(1.4rem,3vw,2rem);font-weight:800;letter-spacing:-.02em;margin-bottom:1.6rem}.uf-cols{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.4rem,4vw,3rem);align-items:start}.uf-col h4{font-size:1.5rem;font-weight:800;letter-spacing:-.02em}.uf-sub{color:var(--muted);font-weight:600;margin:.2rem 0 1.4rem}.uf-steps{display:flex;flex-direction:column;align-items:stretch}.flow-step{border-radius:14px;padding:1rem 1.15rem;color:#fff;font-weight:500;line-height:1.4;font-size:.98rem;box-shadow:0 8px 20px #240e372e}.flow-step .n{display:block;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.14em;opacity:.72;margin-bottom:.35rem}.uf-arrow{display:flex;justify-content:center;color:var(--accent);padding:.3rem 0}.uf-arrow-svg{width:24px;height:34px}.uf-summary{margin-top:2rem;font-weight:600;line-height:1.6;max-width:62ch}@media(max-width:760px){.uf-cols{grid-template-columns:1fr;gap:2.4rem}}.portrait-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2}.portrait-img~.monogram,.portrait-img~.ph-label{display:none}.cover{position:relative}.cover-name{position:relative;z-index:1}.cover-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2}