:root{--bg: #0a0a0b;--bg-elev: #131315;--fg: #f2f0eb;--fg-dim: #8a8a86;--fg-faint: #4a4a48;--rule: #26262a;--accent: #e8b4a0;--font-display: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--step-0: clamp(.9rem, .85rem + .25vw, 1rem);--step-1: clamp(1rem, .9rem + .5vw, 1.15rem);--step-2: clamp(1.5rem, 1.2rem + 1.5vw, 2rem);--step-hero: clamp(3.5rem, 8vw + 1rem, 9rem);--max-w: 1180px;--pad-x: clamp(1.25rem, 4vw, 3rem);--ease-out: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}img,svg,video{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}html{background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:var(--step-1);line-height:1.55;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}body{min-height:100dvh;overflow-x:hidden}::selection{background:var(--accent);color:var(--bg)}.wrap{max-width:var(--max-w);margin-inline:auto;padding-inline:var(--pad-x)}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.035;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}.nav{position:fixed;top:0;left:0;right:0;z-index:50;padding:1.25rem var(--pad-x);display:flex;align-items:center;justify-content:space-between;font-family:var(--font-mono);font-size:.8rem;letter-spacing:.02em;backdrop-filter:blur(8px);background:color-mix(in oklab,var(--bg) 70%,transparent)}.nav__brand{display:flex;align-items:center;gap:.6rem}.nav__dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent);animation:pulse 2.4s ease-in-out infinite}.nav__links{display:flex;gap:1.75rem}.nav__link{position:relative;color:var(--fg-dim);transition:color .2s var(--ease-out)}.nav__link:hover{color:var(--fg)}.nav__link:after{content:"";position:absolute;left:0;right:100%;bottom:-3px;height:1px;background:var(--fg);transition:right .35s var(--ease-out)}.nav__link:hover:after{right:0}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.hero{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;padding-top:6rem;padding-bottom:3rem;position:relative}.hero__eyebrow{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:var(--fg-dim);margin-bottom:2rem;display:flex;align-items:center;gap:.75rem;opacity:0;animation:fade-in .9s var(--ease-out) .2s forwards}.hero__eyebrow-line{width:3rem;height:1px;background:var(--fg-faint)}.hero__title{font-family:var(--font-display);font-size:var(--step-hero);line-height:.95;letter-spacing:-.02em;font-weight:400;margin:0}.hero__word{display:block;overflow:hidden}.hero__word span{display:inline-block;transform:translateY(110%);animation:rise 1.1s var(--ease-out) forwards}.hero__word:nth-child(1) span{animation-delay:.35s}.hero__word:nth-child(2) span{animation-delay:.5s}.hero__word:nth-child(3) span{animation-delay:.65s}.hero__word em{font-style:italic;color:var(--accent)}.hero__sub{margin-top:2.5rem;max-width:42ch;color:var(--fg-dim);opacity:0;animation:fade-in .9s var(--ease-out) 1.1s forwards}.hero__meta{position:absolute;bottom:3rem;left:var(--pad-x);right:var(--pad-x);display:flex;justify-content:space-between;align-items:end;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-dim);opacity:0;animation:fade-in .9s var(--ease-out) 1.3s forwards}.hero__meta strong{color:var(--fg);font-weight:500}.hero__scroll{display:flex;flex-direction:column;align-items:center;gap:.5rem}.hero__scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,var(--fg-faint),transparent);animation:scroll-hint 2.2s ease-in-out infinite}@keyframes rise{to{transform:translateY(0)}}@keyframes fade-in{to{opacity:1}}@keyframes scroll-hint{0%,to{transform:scaleY(.4);transform-origin:top;opacity:.4}50%{transform:scaleY(1);opacity:1}}.section{padding-block:clamp(5rem,12vh,9rem);border-top:1px solid var(--rule)}.section--first{padding-top:clamp(5rem,9vh,7rem);padding-bottom:clamp(3rem,8vh,5rem);border-top:none;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.section__label{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--fg-dim);margin-bottom:2rem;display:flex;align-items:center;gap:1rem}.section__label:before{content:"";display:block;width:24px;height:1px;background:var(--fg-faint)}.about{display:grid;grid-template-columns:minmax(240px,300px) 1fr;gap:clamp(2.5rem,6vw,5rem);align-items:start}@media(max-width:860px){.about{grid-template-columns:1fr;gap:2.5rem}}.about__aside{position:sticky;top:6rem;display:flex;flex-direction:column;gap:1.5rem}@media(max-width:860px){.about__aside{position:static;flex-direction:row;align-items:center}.about__aside .about__photo{flex:0 0 40%;max-width:220px}.about__aside .about__intro{flex:1}}.about__photo{aspect-ratio:3 / 4;overflow:hidden;border-radius:4px;background:var(--bg-elev);position:relative}.about__photo img{width:100%;height:100%;object-fit:cover;filter:grayscale(15%) contrast(1.03);transition:filter .6s var(--ease-out),transform .8s var(--ease-out)}.about__photo:hover img{filter:grayscale(0%) contrast(1.05);transform:scale(1.02)}.about__photo:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 60px #0006;pointer-events:none}.about__intro{display:flex;flex-direction:column;gap:.75rem}.about__name{font-family:var(--font-display);font-weight:500;font-size:clamp(2rem,4.5vw,3.25rem);line-height:.9;letter-spacing:-.035em;margin:0}.about__name-line{display:block;overflow:hidden;padding-bottom:.18em;margin-bottom:-.18em}.about__name-line span{display:inline-block;transform:translateY(110%);animation:rise 1.1s var(--ease-out) forwards}.about__name-line:nth-child(1) span{animation-delay:.15s}.about__name-line:nth-child(2) span{animation-delay:.25s;color:var(--accent)}.about__role{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-dim);margin:0;opacity:0;animation:fade-in .9s var(--ease-out) .6s forwards}.about__dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)}.about__cv{display:inline-flex;align-items:center;gap:.5rem;align-self:flex-start;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--fg);padding:.75rem 1.1rem;border:1px solid var(--rule);border-radius:999px;transition:border-color .3s var(--ease-out),color .3s var(--ease-out),background .3s var(--ease-out),transform .3s var(--ease-out);opacity:0;animation:fade-in .9s var(--ease-out) .75s forwards}.about__cv:hover{border-color:var(--accent);color:var(--accent);background:color-mix(in oklab,var(--accent) 10%,transparent)}.about__cv:hover span{transform:translateY(2px)}.about__cv span{transition:transform .3s var(--ease-out);display:inline-block}.about__stacks{display:flex;flex-direction:column;gap:1.75rem}.stack__title{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--fg-dim);margin:0 0 .75rem;font-weight:500}.stack__list{list-style:none;padding:0;margin:0;border-top:1px solid var(--rule)}.stack__row{display:grid;grid-template-columns:1fr auto;gap:.75rem 1.5rem;padding-block:.7rem;border-bottom:1px solid var(--rule);align-items:baseline;transition:padding-inline .4s var(--ease-out)}.stack__row:hover{padding-inline:.5rem}.stack__row:hover .stack__role{color:var(--accent)}.stack__lead{display:flex;flex-direction:column;gap:.15rem;min-width:0}.stack__role{font-family:var(--font-display);font-size:1.1rem;font-weight:500;line-height:1.2;color:var(--fg);transition:color .3s var(--ease-out);letter-spacing:-.005em}.stack__role-sub{color:var(--fg-dim);font-weight:400}.stack__row:hover .stack__role-sub{color:var(--fg)}.stack__org{font-family:var(--font-mono);font-size:.75rem;color:var(--fg-dim);letter-spacing:.02em}.stack__when{font-family:var(--font-mono);font-size:.75rem;color:var(--fg-dim);letter-spacing:.05em;white-space:nowrap}@media(max-width:560px){.stack__row{grid-template-columns:1fr}.stack__when{justify-self:start}}.stack__list--skills{border-top:1px solid var(--rule)}.stack__skill{display:grid;grid-template-columns:6rem 1fr;gap:1.25rem;padding-block:.55rem;border-bottom:1px solid var(--rule);align-items:baseline}.stack__skill-key{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--fg-dim)}.stack__skill-val{font-family:var(--font-body);font-size:.9rem;color:var(--fg);line-height:1.5;font-weight:400}@media(max-width:560px){.stack__skill{grid-template-columns:1fr;gap:.25rem}}.section__intro{font-family:var(--font-display);font-weight:400;font-size:1.1rem;color:var(--fg-dim);margin:0 0 3rem;max-width:40ch}.cards{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media(max-width:720px){.cards{grid-template-columns:1fr}}.card{position:relative;isolation:isolate}.card__link{display:flex;flex-direction:column;height:100%;padding:2rem 1.75rem 1.75rem;background:var(--bg-elev);border:1px solid var(--rule);border-radius:8px;transition:transform .4s var(--ease-out),border-color .4s var(--ease-out),background .4s var(--ease-out);position:relative;overflow:hidden}.card__link:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mx, 50%) var(--my, 0%),color-mix(in oklab,var(--accent) 14%,transparent),transparent 55%);opacity:0;transition:opacity .4s var(--ease-out);pointer-events:none}.card__link:hover{transform:translateY(-4px);border-color:color-mix(in oklab,var(--accent) 40%,var(--rule));background:color-mix(in oklab,var(--bg-elev) 92%,var(--accent) 8%)}.card__link:hover:before{opacity:1}.card__link:hover .card__arrow{transform:translate(3px,-3px);color:var(--accent)}.card__link:hover .card__title{color:var(--accent)}.card__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.card__num{font-family:var(--font-mono);font-size:.7rem;color:var(--fg-faint);letter-spacing:.15em}.card__arrow{font-family:var(--font-mono);color:var(--fg-dim);transition:transform .4s var(--ease-out),color .4s var(--ease-out);font-size:1rem}.card__icons{display:flex;gap:.5rem;margin-bottom:1.5rem}.card__icon{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--rule);border-radius:10px;color:var(--fg-dim);background:color-mix(in oklab,var(--bg) 60%,transparent);transition:color .4s var(--ease-out),border-color .4s var(--ease-out),background .4s var(--ease-out),transform .4s var(--ease-out)}.card__icon svg{width:22px;height:22px}.card__link:hover .card__icon{color:var(--fg);border-color:color-mix(in oklab,var(--accent) 30%,var(--rule))}.card__link:hover .card__icon:nth-child(1){transform:translateY(-2px);transition-delay:.02s}.card__link:hover .card__icon:nth-child(2){transform:translateY(-2px);transition-delay:.08s}.card__link:hover .card__icon:nth-child(3){transform:translateY(-2px);transition-delay:.14s}.card__title{font-family:var(--font-display);font-weight:500;font-size:1.5rem;line-height:1.15;letter-spacing:-.02em;margin:0 0 .6rem;color:var(--fg);transition:color .4s var(--ease-out)}.card__meta{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-dim);margin:0 0 1rem}.card__flag{display:inline-flex;width:22px;height:15px;border-radius:2px;overflow:hidden;border:1px solid var(--rule);flex-shrink:0;transition:border-color .4s var(--ease-out),transform .4s var(--ease-out)}.card__flag svg{width:100%;height:100%;display:block}.card__link:hover .card__flag{border-color:color-mix(in oklab,var(--accent) 45%,var(--rule));transform:translateY(-1px)}.card__blurb{margin:0 0 1.5rem;color:var(--fg-dim);font-size:.95rem;line-height:1.6;flex:1}.card__blurb strong{color:var(--fg);font-weight:500}.card__blurb em{font-style:italic;color:color-mix(in oklab,var(--accent) 85%,var(--fg))}.card__tags{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.4rem}.card__tags li{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.05em;padding:.3rem .6rem;border:1px solid var(--rule);border-radius:999px;color:var(--fg-dim);background:color-mix(in oklab,var(--bg) 50%,transparent)}.card--wide{grid-column:1 / -1}.card--wide .card__link{padding:2rem 2rem 1.75rem;background:radial-gradient(120% 90% at 0% 0%,color-mix(in oklab,var(--accent) 6%,transparent) 0%,transparent 55%),var(--bg-elev);border-color:color-mix(in oklab,var(--accent) 15%,var(--rule))}.card--wide .card__title{font-size:1.85rem;line-height:1.1;margin-bottom:.35rem}.card--wide .card__blurb{font-size:.98rem;line-height:1.6;max-width:58ch}.card--wide .card__icons{margin-bottom:1.5rem}.card--wide .card__icon{width:46px;height:46px;border-radius:12px}.card--wide .card__icon svg{width:22px;height:22px}.card__body{display:contents}.card--has-preview .card__body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:2rem;align-items:center}.card--has-preview .card__content{display:flex;flex-direction:column}.card__preview{position:relative;border-radius:10px;overflow:hidden;border:1px solid color-mix(in oklab,var(--accent) 18%,var(--rule));box-shadow:0 1px color-mix(in oklab,var(--fg) 6%,transparent) inset,0 20px 40px -24px #0000008c;transition:transform .5s var(--ease-out),border-color .5s var(--ease-out),box-shadow .5s var(--ease-out)}.card__preview img{display:block;width:100%;height:100%;object-fit:cover;object-position:top left;aspect-ratio:16 / 10;transition:transform .7s var(--ease-out),filter .5s var(--ease-out)}.card__link:hover .card__preview{transform:translateY(-2px);border-color:color-mix(in oklab,var(--accent) 35%,var(--rule));box-shadow:0 1px color-mix(in oklab,var(--fg) 8%,transparent) inset,0 26px 50px -22px #000000a6}.card__link:hover .card__preview img{transform:scale(1.015)}.card__preview--paper{background:#f0ede4}.card__preview--paper img{object-position:top center;filter:saturate(.94)}.card__preview--dark{background:color-mix(in oklab,var(--bg) 85%,#000)}.card__preview--dark img{aspect-ratio:16 / 11;object-fit:cover;object-position:42% 55%;filter:saturate(1)}.card__kind{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);padding:.3rem .6rem;border:1px solid color-mix(in oklab,var(--accent) 35%,var(--rule));border-radius:999px;background:color-mix(in oklab,var(--accent) 7%,transparent);margin-left:auto;margin-right:.75rem}.card__subtitle{font-family:var(--font-display);font-style:italic;font-weight:400;font-size:1.05rem;line-height:1.35;color:var(--fg-dim);margin:0 0 1rem;max-width:60ch}.card__cta{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.5rem;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);transition:gap .4s var(--ease-out),color .4s var(--ease-out)}.card__cta span{transition:transform .4s var(--ease-out)}.card__link:hover .card__cta{gap:.85rem}.card__link:hover .card__cta span{transform:translate(4px)}@media(max-width:900px){.card--has-preview .card__body{grid-template-columns:1fr;gap:1.5rem}.card--has-preview .card__preview{order:2}.card--has-preview .card__content{order:1}}@media(max-width:720px){.card--wide .card__link{padding:1.75rem 1.25rem 1.25rem}.card--wide .card__title{font-size:1.5rem}.card--wide .card__blurb{font-size:.95rem}.card__kind{margin-right:.5rem}.card__preview img{aspect-ratio:16 / 10}}.contact{padding-block:clamp(6rem,15vh,10rem);border-top:1px solid var(--rule)}.contact__title{font-family:var(--font-display);font-size:clamp(2.5rem,7vw,6rem);line-height:1;margin:0 0 2rem;font-weight:500;letter-spacing:-.035em}.contact__title em{font-style:normal;color:var(--accent)}.contact__email{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:1rem;color:var(--fg);border-bottom:1px solid var(--fg-faint);padding-bottom:.35rem;transition:border-color .3s var(--ease-out)}.contact__email:hover{border-color:var(--accent);color:var(--accent)}.foot{border-top:1px solid var(--rule);padding:2rem var(--pad-x);display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:.75rem;color:var(--fg-dim);letter-spacing:.05em}.foot__links{display:flex;gap:1.5rem}.foot__links a:hover{color:var(--fg)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .9s var(--ease-out),transform .9s var(--ease-out)}.reveal.is-visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}.hero__word span{transform:none}.reveal{opacity:1;transform:none}}