:root{--bg:oklch(13% 0.008 60);--bg-2:oklch(17% 0.01 60);--surface:oklch(20% 0.012 60);--line:oklch(28% 0.01 60);--fg:oklch(96% 0.005 90);--muted:oklch(62% 0.008 80);--muted-2:oklch(46% 0.008 70);--accent:oklch(42% 0.19 25);--accent-ink:oklch(96% 0.01 25);--grain-op:.06;--vignette-op:.55;--serif:"Instrument Serif","Times New Roman",serif;--medieval:"UnifrakturMaguntia","Instrument Serif",serif;--sans:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace}body,html{overflow-x:clip}*{box-sizing:border-box;margin:0;padding:0}body,html{background:var(--bg);color:var(--fg)}body{font-family:var(--sans);font-weight:400;font-size:16px;line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased;transition:background .4s ease,color .4s ease}.cursor,.cursor-ring{display:none!important}::selection{background:var(--accent);color:var(--accent-ink)}.grain{position:fixed;inset:-20%;pointer-events:none;z-index:40;opacity:var(--grain-op);mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .7 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");animation:grain 1.4s steps(6) infinite}@keyframes grain{0%{transform:translate(0)}20%{transform:translate(-4%,-3%)}40%{transform:translate(3%,-2%)}60%{transform:translate(-2%,4%)}80%{transform:translate(4%,3%)}to{transform:translate(0)}}.vignette{position:fixed;inset:0;pointer-events:none;z-index:35;background:radial-gradient(ellipse at center,transparent 45%,black 120%);opacity:var(--vignette-op)}.cursor{width:10px;height:10px;background:var(--accent);z-index:100;mix-blend-mode:difference;transition:width .2s,height .2s,opacity .2s}.cursor,.cursor-ring{position:fixed;top:0;left:0;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%)}.cursor-ring{width:40px;height:40px;border:1px solid var(--fg);z-index:99;transition:transform .14s ease-out,width .25s,height .25s,border-color .25s;opacity:.5}@media (max-width:820px){.cursor,.cursor-ring{display:none}}nav.top{position:fixed;top:0;left:0;right:0;padding:22px clamp(20px,4vw,48px);justify-content:space-between;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;z-index:20;color:var(--muted)}nav.top,nav.top .mark{display:flex;align-items:center}nav.top .mark{gap:10px;color:var(--fg)}nav.top .mark .dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 0 color-mix(in oklch,var(--accent) 60%,transparent);animation:pulse 2.4s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 color-mix(in oklch,var(--accent) 70%,transparent)}70%{box-shadow:0 0 0 10px color-mix(in oklch,var(--accent) 0%,transparent)}to{box-shadow:0 0 0 0 color-mix(in oklch,var(--accent) 0%,transparent)}}nav.top .meta{display:flex;gap:28px}nav.top .meta span{color:var(--muted)}nav.top .meta b{color:var(--fg);font-weight:500}.hero{position:relative;min-height:100vh;padding:96px clamp(20px,4vw,56px) 100px;display:grid;grid-template-columns:1.1fr .9fr;grid-gap:clamp(24px,4vw,64px);gap:clamp(24px,4vw,64px);align-items:center;overflow:hidden}@media (max-width:900px){.hero{grid-template-columns:1fr;padding-top:100px;padding-bottom:140px;align-items:start}}.hero-left{position:relative;z-index:5}.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:14px;margin-bottom:28px}.eyebrow .bar{width:36px;height:1px;background:var(--muted)}h1.name{font-family:var(--serif);font-weight:400;font-size:clamp(64px,10vw,152px);line-height:.92;letter-spacing:-.02em;color:var(--fg);margin-bottom:8px}h1.name .it{font-style:italic;color:var(--accent)}h1.headline{font-family:var(--serif);font-weight:400;font-size:clamp(30px,3.6vw,50px);line-height:1.08;letter-spacing:-.015em;color:var(--fg);max-width:18ch;margin-bottom:16px;text-wrap:balance}h1.headline .it{font-style:italic;color:var(--accent)}.support{font-size:15px;line-height:1.55;color:var(--muted);max-width:46ch;margin-top:18px;text-wrap:pretty}.support b{color:var(--fg);font-weight:500}.cta-row{margin-top:26px;display:flex;gap:20px;flex-wrap:wrap}.cta,.cta-row{align-items:center}.cta{display:inline-flex;gap:10px;font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-ink);background:var(--accent);padding:15px 26px;border-radius:2px;text-decoration:none;position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .3s ease;box-shadow:0 0 0 0 color-mix(in oklch,var(--accent) 55%,transparent)}.cta:hover{transform:translateY(-2px);box-shadow:0 14px 40px -12px color-mix(in oklch,var(--accent) 80%,transparent),0 0 0 1px color-mix(in oklch,var(--accent) 60%,transparent)}.cta .arr{transition:transform .25s ease}.cta:hover .arr{transform:translateX(4px)}.cta.ghost{background:transparent;color:var(--fg);box-shadow:inset 0 0 0 1px var(--line)}.cta.ghost:hover{color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent),0 12px 34px -16px color-mix(in oklch,var(--accent) 60%,transparent)}.role-line{font-family:var(--serif);font-style:italic;font-size:clamp(20px,2.3vw,30px);color:var(--muted);margin-top:6px;min-height:1.3em}.role-line .rl-pre{font-family:var(--mono);font-style:normal;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted-2);margin-right:10px;vertical-align:middle}.role-line #roleLine{color:var(--accent)}.role-line .cursor-blink{display:inline-block;width:2px;height:.9em;background:var(--accent);margin-left:4px;vertical-align:middle;animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:0}}.hero-meta{margin-top:34px;display:flex;flex-wrap:wrap;gap:20px 40px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);max-width:640px}.hero-meta .cell{display:flex;flex-direction:column;gap:4px}.hero-meta .cell .k{color:var(--muted-2)}.hero-meta .cell .v{color:var(--fg);font-weight:500;letter-spacing:.06em}.hero-meta .cell .v.accepting{color:var(--accent);display:inline-flex;align-items:center;gap:6px}.hero-meta .cell .v.accepting .twinkle{display:inline-block;filter:drop-shadow(0 0 4px var(--accent))}.hero-meta .cell .v.accepting .label{display:inline-block;animation:acceptingGlow 2.6s ease-in-out infinite}@keyframes acceptingGlow{0%,to{color:var(--accent);text-shadow:0 0 0 transparent}50%{color:color-mix(in oklch,var(--accent) 40%,white);text-shadow:0 0 6px color-mix(in oklch,var(--accent) 80%,transparent),0 0 16px color-mix(in oklch,var(--accent) 60%,transparent),0 0 28px color-mix(in oklch,var(--accent) 35%,transparent)}}.portrait-wrap{position:relative;align-self:center;display:flex;align-items:center;justify-content:center}@media (max-width:900px){.portrait-wrap{min-height:60vh;margin-top:20px}}.portrait-frame{position:relative;width:100%;max-width:400px;aspect-ratio:2/3;overflow:hidden;border-radius:2px;box-shadow:0 40px 80px -30px rgba(0,0,0,.6),0 0 0 1px var(--line);will-change:transform}.portrait-frame:before{background:linear-gradient(180deg,transparent 40%,color-mix(in oklch,var(--bg) 85%,transparent) 100%);z-index:2}.portrait-frame:after,.portrait-frame:before{content:"";position:absolute;inset:0;pointer-events:none}.portrait-frame:after{background:radial-gradient(ellipse at 50% 40%,transparent 40%,color-mix(in oklch,var(--bg) 70%,transparent) 100%);z-index:3}.portrait-frame img{width:100%;height:100%;object-fit:cover;filter:saturate(.88) contrast(1.05) brightness(.95);will-change:transform;transition:transform .6s cubic-bezier(.2,.7,.2,1)}:root[data-theme=light] .portrait-frame img{filter:saturate(.92) contrast(1.02) brightness(1.02)}.tick{position:absolute;width:18px;height:18px;border-color:var(--accent);border-style:solid;border-width:0;z-index:4}.tick.tl{top:10px;left:10px;border-top-width:1px;border-left-width:1px}.tick.tr{top:10px;right:10px;border-top-width:1px;border-right-width:1px}.tick.bl{bottom:10px;left:10px;border-bottom-width:1px;border-left-width:1px}.tick.br{bottom:10px;right:10px;border-bottom-width:1px;border-right-width:1px}.portrait-label{position:absolute;bottom:18px;left:18px;right:18px;font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--fg);display:flex;justify-content:space-between;z-index:5;mix-blend-mode:difference}.marquee{position:fixed;bottom:0;left:0;right:0;padding:18px 0;border-top:1px solid var(--line);background:color-mix(in oklch,var(--bg) 75%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden;z-index:16}.marquee-track{display:flex;gap:56px;white-space:nowrap;font-family:var(--serif);font-size:22px;letter-spacing:-.01em;color:var(--muted);animation:scroll 38s linear infinite;width:max-content}.marquee-track .star{color:var(--accent);font-family:var(--sans);font-size:18px;display:inline-flex;align-items:center}.marquee-track .it{font-style:italic;color:var(--fg)}@keyframes scroll{to{transform:translateX(-50%)}}.scroll-hint{position:fixed;right:22px;top:50%;transform:translateY(-50%) rotate(180deg);writing-mode:vertical-rl;font-family:var(--mono);font-size:10px;letter-spacing:.25em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:14px;z-index:15;pointer-events:none}.scroll-hint .line{width:1px;height:40px;background:var(--muted);position:relative;overflow:hidden}.scroll-hint .line:after{content:"";position:absolute;inset:0;background:var(--accent);transform:translateY(-100%);animation:scrollLine 2.2s ease-in-out infinite}@keyframes scrollLine{0%{transform:translateY(-100%)}50%{transform:translateY(0)}to{transform:translateY(100%)}}@media (max-width:900px){.scroll-hint{display:none}}.about{position:relative;padding:180px clamp(20px,4vw,56px) 140px;border-top:1px solid var(--line);margin-top:40px}.about-grid{display:grid;grid-template-columns:1fr 2fr;grid-gap:clamp(32px,6vw,120px);gap:clamp(32px,6vw,120px);max-width:1400px;margin:0 auto}@media (max-width:900px){.about-grid{grid-template-columns:1fr;gap:40px}}.about-label{font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);align-self:start;display:flex;flex-direction:column;gap:14px}.about-label .num{color:var(--accent)}.about-label .rule{width:64px;height:1px;background:var(--line)}.about-body h2{font-family:var(--serif);font-weight:400;font-size:clamp(36px,5vw,64px);line-height:1.15;letter-spacing:-.015em;margin-bottom:44px;color:var(--fg);text-wrap:balance}.about-body h2 em{color:var(--accent);font-style:italic}.about-body p.lede{margin-top:0}.about-body p.lede:first-letter{font-family:var(--medieval);font-size:3.6em;line-height:.95;float:left;padding:8px 16px 0 0;color:var(--accent);font-weight:400}.about-body p{font-family:var(--serif);font-size:20px;line-height:1.6;color:var(--muted);max-width:62ch;margin-bottom:22px;text-wrap:pretty}.about-body p b{color:var(--fg);font-weight:500}.about-body .scribe{margin-top:36px;padding-top:20px;border-top:1px solid var(--line);font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2);display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}.about-body .scribe .mark{color:var(--accent)}.about-tags{margin-top:48px;display:flex;flex-wrap:wrap;gap:10px}.about-tags span{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:8px 14px;border:1px solid var(--line);border-radius:999px;color:var(--fg);transition:all .25s ease}.about-tags span:hover{border-color:var(--accent);color:var(--accent)}.about-photo{margin-top:20px;margin-bottom:12px;width:100%;max-width:240px;aspect-ratio:4/5;position:relative;overflow:hidden;border-radius:2px;box-shadow:0 30px 60px -30px rgba(0,0,0,.6),0 0 0 1px var(--line)}.about-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.9) contrast(1.04) brightness(.96)}.about-photo .tick{position:absolute;width:14px;height:14px;border-color:var(--accent);border-style:solid;border-width:0}.about-photo .tick.tl{top:8px;left:8px;border-top-width:1px;border-left-width:1px}.about-photo .tick.br{bottom:8px;right:8px;border-bottom-width:1px;border-right-width:1px}@media (max-width:900px){.about-photo{max-width:180px}}.work{position:relative;padding:150px clamp(20px,4vw,56px) 120px;border-top:1px solid var(--line)}.work-inner{max-width:1400px;margin:0 auto}.work-head{display:grid;grid-template-columns:1fr 2fr;grid-gap:clamp(32px,6vw,120px);gap:clamp(32px,6vw,120px);align-items:start;margin-bottom:56px}@media (max-width:900px){.work-head{grid-template-columns:1fr;gap:28px;align-items:start}}.work-label{font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);display:flex;flex-direction:column;gap:14px}.work-label .num{color:var(--accent)}.work-label .rule{width:64px;height:1px;background:var(--line)}.work-head h2{font-family:var(--serif);font-weight:400;font-size:clamp(34px,4.6vw,60px);line-height:1.08;letter-spacing:-.015em;color:var(--fg);text-wrap:balance}.work-head h2 em{font-style:italic;color:var(--accent)}.work-card{display:grid;grid-template-columns:1.15fr 1fr;grid-gap:clamp(28px,4vw,64px);gap:clamp(28px,4vw,64px);align-items:center;padding:clamp(20px,2.5vw,36px);border:1px solid var(--line);border-radius:4px;background:linear-gradient(180deg,color-mix(in oklch,var(--bg-2) 60%,transparent),transparent);transition:border-color .3s ease}.work-card:hover{border-color:color-mix(in oklch,var(--accent) 45%,var(--line))}@media (max-width:900px){.work-card{grid-template-columns:1fr}}.work-shot{position:relative;aspect-ratio:16/10;border-radius:3px;overflow:hidden;box-shadow:0 30px 70px -34px rgba(0,0,0,.7),0 0 0 1px var(--line);order:2}@media (max-width:900px){.work-shot{order:-1}}.work-shot image-slot{width:100%;height:100%;display:block}.work-copy .kicker{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);display:flex;align-items:center;gap:10px;margin-bottom:18px}.work-copy .kicker .live-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 0 color-mix(in oklch,var(--accent) 70%,transparent);animation:pulse 2.4s infinite}.work-copy h3{font-family:var(--serif);font-weight:400;font-size:clamp(28px,3vw,40px);line-height:1.1;letter-spacing:-.01em;color:var(--fg);margin-bottom:20px}.work-copy h3 em{font-style:italic;color:var(--accent)}.work-copy p{font-family:var(--serif);font-size:19px;line-height:1.6;color:var(--muted);max-width:52ch;margin-bottom:28px;text-wrap:pretty}.work-copy p b{color:var(--fg);font-weight:500}.contact{position:relative;padding:150px clamp(20px,4vw,56px) 130px;border-top:1px solid var(--line);text-align:center}.contact-inner{max-width:1400px;margin:0 auto}.contact .num{font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:28px}.contact h2{font-family:var(--serif);font-weight:400;font-size:clamp(38px,5vw,74px);line-height:1.08;letter-spacing:-.015em;color:var(--fg);max-width:34ch;margin:0 auto 44px;text-wrap:balance}.contact h2 em{font-style:italic;color:var(--accent)}footer{padding:32px clamp(20px,4vw,56px);border-top:1px solid var(--line);font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}footer .right{display:flex;gap:24px}footer a{color:var(--muted);text-decoration:none;transition:color .2s}footer a:hover{color:var(--accent)}.cta.linkedin{background:#0A66C2;color:#fff;box-shadow:none}.cta.linkedin:hover{color:#fff;box-shadow:0 14px 40px -12px rgba(10,102,194,.7),inset 0 0 0 1px rgba(255,255,255,.15)}