:root{--palette-black: #010101;--palette-mercury: #e4e4e4;--palette-dark-amethyst: #21094e;--palette-indigo-ink: #2c016d;--palette-twilight-indigo: #3e3e75;--palette-electric-indigo: #5f22d9;--palette-tropical-teal: #4ca1a3;--palette-berry: #8e2c4a;--palette-dusty-gray: #9c9c9c;--palette-scorpion: #5b5b5b;--palette-mist: #f3f4f7;--color-bg: var(--palette-mist);--color-surface: #ffffff;--color-text: var(--palette-black);--color-text-muted: var(--palette-scorpion);--color-accent: var(--palette-electric-indigo);--color-accent-pop: var(--palette-tropical-teal);--color-accent-dark: var(--palette-indigo-ink);--color-accent-soft: color-mix(in srgb, var(--palette-electric-indigo) 12%, white);--color-link: var(--palette-electric-indigo);--color-link-hover: var(--palette-indigo-ink);--color-border: #d8d4e3;--color-danger: var(--palette-berry);--color-danger-text: color-mix(in srgb, var(--palette-berry) 72%, black);--footer-on-dark-muted: #c5c1d0;--font-sans: "Onest", system-ui, sans-serif;--font-display: var(--font-sans);--font-body: var(--font-sans);--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-extrabold: 800;--text-xs: clamp(.75rem, .72rem + .15vw, .8125rem);--text-sm: clamp(.875rem, .84rem + .2vw, .9375rem);--text-base: clamp(1rem, .96rem + .25vw, 1.0625rem);--text-md: clamp(1.125rem, 1.05rem + .4vw, 1.25rem);--text-lg: clamp(1.25rem, 1.1rem + .65vw, 1.5rem);--text-xl: clamp(1.5rem, 1.25rem + 1vw, 1.875rem);--text-2xl: clamp(1.875rem, 1.5rem + 1.4vw, 2.375rem);--text-3xl: clamp(2.25rem, 1.75rem + 2vw, 3rem);--text-4xl: clamp(2.75rem, 2rem + 2.75vw, 3.75rem);--leading-tight: 1.15;--leading-snug: 1.3;--leading-normal: 1.5;--leading-relaxed: 1.6;--measure: 65ch;--measure-narrow: 45ch;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .04em;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2.5rem;--space-xl: 4rem;--space-2xl: 6rem;--content-max: 72rem;--radius-sm: .375rem;--radius-md: .75rem;--ease-out: cubic-bezier(.22, 1, .36, 1);--duration-fast: .2s;--duration-normal: .4s}@media(prefers-reduced-motion:reduce){:root{--duration-fast: 0ms;--duration-normal: 0ms}}html.has-modern-type body{margin:0;padding:0;font-family:var(--font-sans);font-weight:var(--weight-normal);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes motion-cursor-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes motion-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.motion-enter{animation:motion-fade-up .6s var(--ease-out) both}.motion-enter--delay-1{animation-delay:80ms}.motion-enter--delay-2{animation-delay:.16s}.motion-enter--delay-3{animation-delay:.24s}.motion-reveal{opacity:0;transform:translateY(1.25rem);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out);transition-delay:var(--motion-delay, 0ms)}.motion-reveal.is-visible{opacity:1;transform:translateY(0)}.motion-reveal--delay-1{--motion-delay: 80ms}.motion-reveal--delay-2{--motion-delay: .16s}.motion-reveal--delay-3{--motion-delay: .24s}.motion-reveal--image{background:var(--color-accent-soft)}.motion-reveal--image img,.motion-reveal--image .story-image__img{opacity:0;transform:scale(1.015);transition:opacity .65s var(--ease-out),transform .85s var(--ease-out);transition-delay:calc(var(--motion-delay, 0ms) + 80ms)}.motion-reveal--image.is-visible.is-loaded img,.motion-reveal--image.is-visible.is-loaded .story-image__img,.motion-reveal--image.is-visible img.is-loaded,.motion-reveal--image.is-visible .story-image__img.is-loaded{opacity:1;transform:scale(1)}.motion-reveal--image.is-visible.is-loaded,.motion-reveal--image.is-visible:has(img.is-loaded),.motion-reveal--image.is-visible:has(.story-image__img.is-loaded){background:transparent;transition:background .5s var(--ease-out)}::view-transition-old(root),::view-transition-new(root){animation-duration:.22s;animation-timing-function:var(--ease-out)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}.motion-enter,.motion-enter--delay-1,.motion-enter--delay-2,.motion-enter--delay-3{animation:none;opacity:1;transform:none}.motion-reveal,.motion-reveal--delay-1,.motion-reveal--delay-2,.motion-reveal--delay-3,.motion-reveal.is-visible{opacity:1;transform:none;transition:none;background:transparent}.motion-reveal--image img,.motion-reveal--image .story-image__img,.motion-reveal--image.is-visible img,.motion-reveal--image.is-visible .story-image__img{opacity:1;transform:none;transition:none}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}.category-card,.project-card,.not-found__link,.archive-filter__btn,.story-intro__back,.story-footer__back,.story-footer__home{transition:none!important}.category-card:hover,.project-card:hover{transform:none}.story-hero__title-cursor{animation:none!important;opacity:.6}}#hero{background:url(/portfolio/assets/images/header-photo.jpg) top center / cover scroll;position:relative;margin:0;padding:30px 0 0;min-height:100svh;isolation:isolate}.modern #hero{color:var(--palette-mist)}.modern #hero h1{font-size:inherit;font-weight:inherit;letter-spacing:normal;color:inherit;line-height:inherit}#hero:before{content:"";position:absolute;inset:0;background:linear-gradient(to right,#21094ed1,#2c016db8 22%,#5f22d98c 48%,#5f22d96b 72%,#3e3e7559),linear-gradient(160deg,rgba(95,34,217,.35) 0%,transparent 55%);pointer-events:none;z-index:0}#hero:after{content:"";position:absolute;inset:0;background:linear-gradient(to right,transparent 48%,rgba(255,255,255,.03) 70%,rgba(255,255,255,.07) 100%);mix-blend-mode:soft-light;pointer-events:none;z-index:0}#hero #logo,#hero #header{position:relative;z-index:1}#hero #logo{background-image:url(/portfolio/assets/images/de-logo.png);background-size:90px 90px;background-repeat:no-repeat;display:block;width:90px;height:90px;margin:30px auto 1.25rem}#hero #logo h1{margin:0;padding:0;text-indent:-9999px}#hero #logo[data-hero-logo]{backface-visibility:hidden}#hero #logo[data-hero-logo][data-morphing]{position:relative;z-index:210}#hero #header{width:100%;display:flex;align-items:flex-start;justify-content:flex-start;padding-top:3.5rem;height:60%;box-sizing:border-box;font-weight:var(--weight-normal);font-size:50px;color:var(--palette-mist)}#hero #header strong{font-weight:var(--weight-extrabold)}#hero #header>div{width:100%;max-width:1280px;margin:0 auto;padding:0 50px}#hero #header div>div{width:min(92%,36rem);max-width:36rem;text-align:left}#hero #header .hero-text{line-height:1.4;font-family:var(--font-sans);animation:motion-fade-up .6s var(--ease-out) both;animation-delay:60ms}@media(prefers-reduced-motion:reduce){#hero #header .hero-text{animation:none}}#downArrow{display:none}#header .hero-greeting{display:block;color:var(--color-surface)}#header .hero-pov{display:block;margin-top:.4em;color:var(--palette-mist)}#header .hero-playful{display:block;margin-top:.85em;font-size:.72em;line-height:1.45;color:var(--palette-mist)}#header .hero-playful__line,#header .hero-playful__master{display:block;white-space:nowrap}#header .hero-skill{display:inline-block;width:17ch;vertical-align:baseline;white-space:nowrap}#header .hero-skill__word{font-size:inherit;font-weight:var(--weight-extrabold);color:var(--color-surface);text-decoration:none}#header .hero-skill__cursor{font-weight:var(--weight-extrabold);color:var(--color-surface);margin-left:1px;animation:hero-cursor-blink 1s step-end infinite}@keyframes hero-cursor-blink{0%,to{opacity:1}50%{opacity:0}}@media(prefers-reduced-motion:reduce){#header .hero-skill__cursor{animation:none;opacity:.6}}@media(max-width:768px){#hero:before{background:linear-gradient(to bottom,#21094ed9,#2c016db8 28%,#5f22d980 55%,#3e3e7561 78%,#5f22d938)}#hero:after{background:linear-gradient(to bottom,transparent 45%,rgba(255,255,255,.06) 100%)}}@media(max-width:480px){#hero #header{padding-top:2rem;font-size:2em}#hero #header div>div{width:94%}#header .hero-playful__line{white-space:normal}#header .hero-skill{width:14ch}}#myExperience.experience-section{scroll-margin-top:var(--space-md)}.experience-section{background:var(--color-surface);font-family:var(--font-body)}#myExperience.experience-section>.experience-section__inner{max-width:var(--content-max);margin:0 auto;padding:var(--space-2xl) var(--space-md);text-align:left}.experience-section__header{margin-bottom:var(--space-xl);text-align:center}.experience-section__header h2{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-extrabold);letter-spacing:-.025em;color:var(--palette-electric-indigo);margin:0 0 var(--space-sm);text-align:center}.modern .experience-section__lede{font-size:var(--text-md);line-height:var(--leading-snug);color:var(--palette-scorpion);margin:0 auto;max-width:56ch;text-align:center;text-wrap:balance}.experience-grid{display:flex;flex-direction:column;gap:var(--space-md)}.experience-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-sm);padding:var(--space-lg);background:color-mix(in srgb,var(--palette-twilight-indigo) 12%,white);border:none;border-radius:var(--radius-md);text-align:left;height:100%;box-sizing:border-box;box-shadow:0 12px 40px #3e3e750f}.experience-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;flex-shrink:0;border-radius:var(--radius-md);background:var(--palette-mist);color:var(--palette-indigo-ink)}.experience-icon svg{width:1.375rem;height:1.375rem}#myExperience.experience-section .experience-card__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);letter-spacing:-.02em;color:var(--palette-electric-indigo);margin:0;text-align:left}#myExperience.experience-section .experience-card__text{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--palette-black);margin:0;max-width:none;width:100%;text-align:left}#myExperience.experience-section .experience-card--lead .experience-card__text{color:var(--palette-scorpion)}.modern .experience-section__cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-md);margin:var(--space-xl) 0 0;max-width:none;text-align:center;position:relative}.modern .experience-about-link{display:inline-flex;align-items:center;font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--palette-electric-indigo);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}.modern .experience-about-link:hover{color:var(--palette-indigo-ink);text-decoration:none}.modern .experience-resume-link{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--palette-electric-indigo);text-decoration:none;padding:.85em 1.75em;border:2px solid var(--palette-electric-indigo);border-radius:var(--radius-md);transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.modern .experience-resume-link:hover{background:var(--palette-electric-indigo);color:var(--color-surface);text-decoration:none}@media(min-width:900px){.experience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);align-items:stretch}}