:root{--bg:#0c1210;--bg-elevated:#141c18;--surface:#1a2420;--text:#f2f0ea;--muted:#9aa89f;--accent:#e8a87c;--accent-2:#3d9b7a;--line:#f2f0ea1a;--glow:#3d9b7a38;--font-display:"Instrument Serif", Georgia, serif;--font-body:"Manrope", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{font-family:var(--font-body);background:var(--bg);color:var(--text);min-height:100vh;line-height:1.55;overflow-x:hidden}img{max-width:100%;display:block}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none}:root{--ink:#fffaf5;--muted:#fffaf5d1;--red-deep:#8b1a1a;--red:#c62828;--red-hot:#e53935;--coral:#ff6b4a;--font-display:"Instrument Serif", Georgia, serif;--font-body:"Manrope", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:#f2f0ea;background:#0e0e0e;min-height:100vh;line-height:1.55;overflow-x:hidden}a{color:inherit;text-decoration:none}img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;max-width:100%;display:block}#root{min-height:100vh}.nav{z-index:30;position:absolute;top:1.25rem;right:clamp(1rem,4vw,2.5rem)}.nav-pill{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff24;border:1px solid #ffffff2e;border-radius:999px;gap:1.35rem;padding:.7rem 1.35rem;display:flex}.nav-pill a{letter-spacing:.12em;text-transform:uppercase;color:var(--ink);opacity:.92;font-size:.78rem;font-weight:700}.nav-pill a:hover{opacity:1}.hero{background:#b71c1c;grid-template-columns:1fr;align-items:center;min-height:100dvh;display:grid;position:relative;overflow:hidden}.hero-bg{z-index:0;background:radial-gradient(55% 70% at 50% 55%,#ff785059,#0000 60%),radial-gradient(40% 50% at 20% 30%,#0000002e,#0000 55%),linear-gradient(115deg,#7a1212 0%,#c62828 38%,#e53935 68%,#ff7043 100%);position:absolute;inset:0}.hero-bg:after{content:"";opacity:.22;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.hero-copy{z-index:2;max-width:36rem;padding:clamp(5rem,12vh,7rem) clamp(1.5rem,5vw,4.5rem);position:relative}.hi{letter-spacing:.28em;text-transform:uppercase;color:var(--ink);margin-bottom:.35rem;font-size:.95rem;font-weight:700}.hero h1{font-family:var(--font-display);color:var(--ink);letter-spacing:-.02em;margin-bottom:1.25rem;font-size:clamp(3.8rem,10vw,6.4rem);font-style:italic;font-weight:400;line-height:.92}.lede{color:var(--muted);max-width:28rem;margin-bottom:1.75rem;font-size:1.02rem}.cta-row{flex-wrap:wrap;gap:.75rem;display:flex}.btn{letter-spacing:.08em;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;padding:.85rem 1.45rem;font-size:.8rem;font-weight:800;transition:transform .2s,background .2s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn.primary{color:#b71c1c;background:#fff}.btn.ghost{color:#fff;background:0 0;border:1.5px solid #ffffffd9}.avatar-stage{z-index:1;pointer-events:none;perspective:1400px;justify-content:center;align-items:flex-end;width:min(56vw,620px);height:min(94vh,820px);margin-inline:auto;display:flex;position:absolute;bottom:0;left:0;right:0}.avatar-wrap{transform-origin:50% 70%;width:auto;max-width:100%;height:100%;position:relative}.avatar-img{filter:drop-shadow(0 20px 36px #0006);width:auto;max-width:100%;height:100%;display:block}.eye{pointer-events:none;background:radial-gradient(at 50% 60%,#fbf7f1 0%,#efe6dc 60%,#d9cbbf 100%);border-radius:50%/60% 60% 40% 40%;position:absolute;overflow:hidden;box-shadow:inset 0 3px 4px #46281959}.lid-shadow{border-radius:inherit;pointer-events:none;background:linear-gradient(#3c1e0f73,#0000 32%);position:absolute;inset:0}.iris{aspect-ratio:1;will-change:transform;background:radial-gradient(circle,#0000 40%,#28140859 62%,#0000 66%),radial-gradient(circle at 42% 38%,#b8733a 0%,#8a4a1f 40%,#5a2d10 70%,#3a1b08 100%);border-radius:50%;transition:transform 80ms linear;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1px #281408b3,inset 0 2px 3px #00000059}.pupil{aspect-ratio:1;background:#0b0604;border-radius:50%;width:44%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.glint{aspect-ratio:1;opacity:.95;background:#fff;border-radius:50%;width:30%;position:absolute;top:12%;left:52%}.avatar-wrap{will-change:transform;transform-style:preserve-3d;transition:transform .12s ease-out}.section{background:#111;border-top:1px solid #ffffff14;padding:clamp(3.5rem,8vh,5.5rem) clamp(1.25rem,4vw,3rem)}.section-head{max-width:40rem;margin-bottom:2rem}.section-head h2,.contact h2{font-family:var(--font-display);margin-bottom:.5rem;font-size:clamp(2.2rem,4vw,3rem);font-weight:400}.section-head p{color:#9a9a9a}.timeline{gap:1.25rem;display:grid}.job{background:#1a1a1a;border:1px solid #ffffff14;border-radius:20px;padding:clamp(1.25rem,3vw,1.75rem)}.job-meta{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.65rem;display:flex}.badge{letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:.3rem .65rem;font-size:.7rem;font-weight:700}.badge-client{color:#ff8a80;background:#e5393533}.badge-employer{color:#ffb74d;background:#ffab4026}.badge-previous{color:#aaa;background:#ffffff14}.job time{color:#888;font-size:.85rem}.job h3{margin-bottom:.25rem;font-size:1.15rem;font-weight:700}.org{color:#ef5350;margin-bottom:.9rem;font-weight:600}.job ul{color:#a8a8a8;gap:.55rem;padding-left:1.1rem;display:grid}.skill-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.skill-card{background:#1a1a1a;border:1px solid #ffffff14;border-radius:18px;padding:1.25rem}.skill-card h3{color:#ff8a80;margin-bottom:.85rem;font-size:.95rem}.skill-card ul{color:#a8a8a8;gap:.45rem;font-size:.92rem;list-style:none;display:grid}.about-grid{gap:1.5rem;display:grid}.about-grid>p{color:#a8a8a8;max-width:48rem;font-size:1.05rem}.chips{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.chips>div{background:#1a1a1a;border:1px solid #ffffff14;border-radius:16px;padding:1.1rem}.chips h4{letter-spacing:.12em;text-transform:uppercase;color:#ff8a80;margin-bottom:.6rem;font-size:.75rem}.chips p{color:#a8a8a8;margin-bottom:.35rem;font-size:.92rem}.contact{text-align:center}.contact-lede{color:#a8a8a8;max-width:32rem;margin:0 auto 1.5rem}.contact-links{flex-wrap:wrap;justify-content:center;gap:.85rem 1.5rem;font-weight:600;display:flex}.contact-links a:hover{color:#ff8a80}.footer{color:#777;background:#0e0e0e;border-top:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;gap:.75rem;padding:1.5rem clamp(1.25rem,4vw,3rem) 2.5rem;font-size:.85rem;display:flex}.footer a:hover{color:#ff8a80}@media (width<=960px){.hero{min-height:auto}.avatar-stage{width:min(92vw,420px);height:52vh;margin:4.5rem auto 0;position:relative;left:auto;right:auto}.hero-copy{padding-top:1.5rem;padding-bottom:3rem}.skill-grid,.chips{grid-template-columns:1fr 1fr}}@media (width<=640px){.skill-grid,.chips{grid-template-columns:1fr}.nav-pill{gap:.9rem;padding:.55rem 1rem}}.reveal{opacity:0;transition:opacity .7s cubic-bezier(.2, .7, .2, 1) var(--delay,0s), transform .7s cubic-bezier(.2, .7, .2, 1) var(--delay,0s);transform:translateY(26px)}.reveal.in{opacity:1;transform:none}.kicker{letter-spacing:.22em;text-transform:uppercase;color:#ff8a80;margin-bottom:.5rem;font-size:.72rem;font-weight:800}.spot{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));will-change:transform;transition:transform .18s ease-out,border-color .25s,box-shadow .25s;position:relative;overflow:hidden}.spot-light{pointer-events:none;opacity:0;background:radial-gradient(380px circle at var(--mx,50%) var(--my,50%), #ff8a8038, #ff8a800d 40%, transparent 70%);transition:opacity .3s;position:absolute;inset:0}.spot:hover .spot-light{opacity:1}.spot:hover{box-shadow:0 20px 50px -20px #e5393573;border-color:#ff8a8073!important}.stats-strip{background:#ffffff14;border-block:1px solid #ffffff14;grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.stat{background:#0f0f0f;gap:.2rem;padding:1.6rem clamp(1rem,3vw,2rem);display:grid;position:relative;overflow:hidden}.stat:after{content:"";transform-origin:0;height:2px;transition:transform .6s cubic-bezier(.2, .7, .2, 1) calc(var(--i) * 90ms);background:linear-gradient(90deg,#e53935,#ff7043);position:absolute;inset:auto 0 0;transform:scaleX(0)}.reveal.in .stat:after{transform:scaleX(1)}.stat .count{font-family:var(--font-display);color:#fff;font-size:clamp(2rem,4vw,3rem);line-height:1}.stat span:last-child{color:#9a9a9a;font-size:.85rem}.xp-grid{grid-template-columns:minmax(260px,340px) 1fr;align-items:start;gap:clamp(1.5rem,4vw,3.5rem);display:grid}.rail{gap:.35rem;padding-left:1.6rem;list-style:none;display:grid;position:sticky;top:5rem}.rail:before{content:"";background:#ffffff1f;border-radius:2px;width:2px;position:absolute;top:14px;bottom:14px;left:9px}.rail-progress{transform-origin:top;width:2px;height:calc(100% - 28px);transform:scaleY(var(--p,0));background:linear-gradient(#ff7043,#e53935);border-radius:2px;transition:transform .55s cubic-bezier(.2,.7,.2,1);position:absolute;top:14px;left:9px}.stop{text-align:left;width:100%;color:inherit;border:1px solid #0000;border-radius:16px;grid-template-columns:auto 1fr;gap:.9rem;padding:.9rem 1rem;transition:background .25s,border-color .25s,transform .25s;display:grid;position:relative}.stop:hover{background:#ffffff0a;transform:translate(4px)}.stop.is-active{background:#1a1a1a;border-color:#ff8a8059}.dot{background:#111;border:2px solid #ffffff40;border-radius:50%;place-items:center;width:20px;height:20px;transition:border-color .3s,box-shadow .3s;display:grid;position:absolute;top:1.15rem;left:calc(-1.6rem - 1px)}.dot-core{background:0 0;border-radius:50%;width:8px;height:8px;transition:background .3s,transform .3s}.stop.is-past .dot{border-color:#e53935}.stop.is-past .dot-core{background:#e53935}.stop.is-active .dot{border-color:#ff7043;box-shadow:0 0 0 6px #ff70432e}.stop.is-active .dot-core{background:#ff7043;animation:1.8s ease-in-out infinite pulse;transform:scale(1.2)}@keyframes pulse{0%,to{box-shadow:0 0 #ff70438c}60%{box-shadow:0 0 0 10px #ff704300}}.stop-body{gap:.15rem;display:grid}.stop-years{letter-spacing:.12em;text-transform:uppercase;color:#8a8a8a;font-size:.72rem}.stop-org{font-size:1.05rem;font-weight:800}.stop.is-active .stop-org{color:#ff8a80}.stop-role{color:#9a9a9a;font-size:.85rem}.xp-panel{background:#1a1a1a;border:1px solid #ffffff14;border-radius:24px;padding:clamp(1.4rem,3vw,2.2rem);animation:.45s cubic-bezier(.2,.7,.2,1) panel-in}@keyframes panel-in{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:none}}.xp-role{margin-bottom:.25rem;font-size:clamp(1.2rem,2vw,1.5rem);font-weight:800}.metrics{grid-template-columns:repeat(3,1fr);gap:.75rem;margin:1.4rem 0 1.2rem;display:grid}.metric{animation:.5s cubic-bezier(.2,.7,.2,1) both rise;animation-delay:calc(var(--i) * 80ms + .12s);background:#111;border:1px solid #ffffff12;border-radius:16px;gap:.15rem;padding:1rem;display:grid}.metric .count{font-family:var(--font-display);color:#fff;font-size:clamp(1.7rem,3vw,2.4rem);line-height:1}.metric-label{color:#9a9a9a;font-size:.78rem}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.tags{flex-wrap:wrap;gap:.5rem;margin-bottom:1.4rem;list-style:none;display:flex}.tags li{letter-spacing:.06em;color:#ffb3ab;animation:.45s both rise;animation-delay:calc(var(--i) * 50ms + .26s);background:#e5393514;border:1px solid #ff8a8059;border-radius:999px;padding:.4rem .75rem;font-size:.75rem;font-weight:700;transition:background .2s,transform .2s}.tags li:hover{background:#e5393540;transform:translateY(-2px)}.accordion{gap:.5rem;list-style:none;display:grid}.accordion li{animation:.45s both rise;animation-delay:calc(var(--i) * 60ms + .3s);background:#141414;border:1px solid #ffffff12;border-radius:14px;transition:border-color .25s;overflow:hidden}.accordion li.open{border-color:#ff8a8066}.accordion button{text-align:left;color:#ddd;grid-template-columns:auto 1fr auto;align-items:center;gap:.9rem;width:100%;padding:.95rem 1.1rem;font-weight:600;line-height:1.45;display:grid}.accordion .num{font-family:var(--font-display);color:#ff8a80;font-size:1.1rem}.accordion .chev{color:#ff8a80;font-size:1.3rem;transition:transform .3s}.accordion li.open .chev{transform:rotate(45deg)}.accordion .body{grid-template-rows:0fr;transition:grid-template-rows .35s cubic-bezier(.2,.7,.2,1);display:grid}.accordion li.open .body{grid-template-rows:1fr}.accordion .body p{color:#a8a8a8;margin:0;padding:0 1.1rem;transition:padding .3s;overflow:hidden}.accordion li.open .body p{padding:0 1.1rem 1rem 3.2rem}.skill-card li{align-items:center;gap:.6rem;transition:transform .2s,color .2s;display:flex;transform:translate(0)}.skill-card:hover li{color:#ddd}.skill-card li:hover{color:#fff;transform:translate(6px)}.pip{background:#ff7043;border-radius:50%;flex:none;width:6px;height:6px;transition:box-shadow .3s;box-shadow:0 0 #ff704399}.skill-card li:hover .pip{box-shadow:0 0 0 5px #ff704333}.marquee{margin-top:2.5rem;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.marquee-track{gap:2.5rem;width:max-content;animation:38s linear infinite scroll;display:flex}.marquee:hover .marquee-track{animation-play-state:paused}.marquee-track span{font-family:var(--font-display);color:#ffffff59;white-space:nowrap;font-size:1.4rem}@keyframes scroll{to{transform:translate(-50%)}}.chip-card{background:#1a1a1a;border:1px solid #ffffff14;border-radius:16px;padding:1.1rem}.chip-card h4{letter-spacing:.12em;text-transform:uppercase;color:#ff8a80;margin-bottom:.6rem;font-size:.75rem}.chip-card p{color:#a8a8a8;margin-bottom:.35rem;font-size:.92rem}.magnet{padding-bottom:2px;position:relative}.magnet:after{content:"";transform-origin:100%;background:linear-gradient(90deg,#e53935,#ff7043);width:100%;height:2px;transition:transform .35s cubic-bezier(.2,.7,.2,1);position:absolute;bottom:0;left:0;transform:scaleX(0)}.magnet:hover:after{transform-origin:0;transform:scaleX(1)}@media (width<=960px){.stats-strip{grid-template-columns:1fr 1fr}.xp-grid{grid-template-columns:1fr}.rail{position:static}.metrics{grid-template-columns:1fr 1fr 1fr}}@media (width<=640px){.metrics{grid-template-columns:1fr}.accordion li.open .body p{padding-left:1.1rem}}@media (prefers-reduced-motion:reduce){.reveal,.spot,.marquee-track,.metric,.tags li,.accordion li,.xp-panel{opacity:1!important;transition:none!important;animation:none!important;transform:none!important}}.accordion li.static button{cursor:default;grid-template-columns:auto 1fr}.accordion li.static:hover{border-color:#ffffff24}