.scroll-to-top{position:fixed;right:calc(var(--gutter) + env(safe-area-inset-right,0px));bottom:calc(var(--gutter) + env(safe-area-inset-bottom,0px));z-index:90;display:grid;place-items:center;width:2.75rem;height:2.75rem;border:1px solid var(--color-line-strong);border-radius:50%;background:var(--color-surface);color:var(--color-purple);font-size:1.125rem;box-shadow:var(--shadow-frame);opacity:0;pointer-events:none;translate:0 .75rem;transition:opacity var(--duration-base) ease,translate var(--duration-base) var(--ease-out),background-color var(--duration-fast) ease}.scroll-to-top--visible{opacity:1;pointer-events:auto;translate:0 0}.scroll-to-top:hover{background:var(--color-purple-tint)}.scroll-to-top:focus-visible{border-radius:50%}.container{width:100%;margin-inline:auto;padding-inline:var(--gutter)}.container--default{max-width:calc(var(--container-width) + var(--gutter) * 2)}.container--narrow{max-width:calc(56rem + var(--gutter) * 2)}.site-footer{margin-top:auto;background:var(--color-night);color:var(--color-night-ink)}.site-footer__contact{display:grid;gap:var(--space-6) var(--space-8);padding-block:clamp(3.5rem,2.5rem + 4vw,6rem)}.site-footer__heading{font-size:var(--text-2xl);line-height:var(--leading-tight)}.site-footer__body{max-width:48ch;margin-top:var(--space-4);color:var(--color-night-muted)}.site-footer__reach{display:grid;gap:var(--space-5);align-content:end}.site-footer__email{justify-self:start;max-width:100%;color:var(--color-night-ink);font-family:var(--font-display);font-size:clamp(1.125rem,.85rem + 1.4vw,1.75rem);font-weight:750;overflow-wrap:anywhere;text-decoration:underline;text-decoration-color:var(--color-gold);text-decoration-thickness:2px;text-underline-offset:.25em;transition:color var(--duration-fast) ease}.site-footer__email:hover{color:var(--color-gold)}.site-footer__links{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5)}.site-footer__link{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-night-muted);font-weight:600;text-decoration:none;transition:color var(--duration-fast) ease}.site-footer__link:hover{color:var(--color-night-ink)}.site-footer__legal{color:var(--color-night-muted);font-size:var(--text-sm)}.site-footer__legal p{padding-block:var(--space-5);border-top:1px solid var(--color-night-raised)}@media(min-width:900px){.site-footer__contact{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}}.ascii-cat{display:inline-block;font-family:var(--font-mono);font-weight:700;line-height:1.1;letter-spacing:0;color:var(--color-purple);white-space:pre;-webkit-user-select:none;user-select:none}.ascii-cat__eyes{color:var(--color-gold-ink)}.ascii-cat__legs{color:var(--color-ink-muted)}.on-dark .ascii-cat{color:var(--color-night-ink)}.on-dark .ascii-cat__eyes{color:var(--color-gold)}.on-dark .ascii-cat__legs{color:var(--color-night-muted)}.ascii-cat--sm{font-size:.6875rem}.ascii-cat--sm-md{font-size:.9rem}.ascii-cat--md{font-size:1.25rem}.ascii-cat--lg{font-size:clamp(2rem,1.2rem + 3.5vw,3.5rem)}.button{--button-bg: transparent;--button-ink: var(--color-purple);--button-border: transparent;--button-bg-hover: var(--color-purple-tint);--button-ink-hover: var(--color-purple-strong);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:1.5px solid var(--button-border);border-radius:var(--radius-md);background:var(--button-bg);color:var(--button-ink);font-weight:650;line-height:1.2;text-decoration:none;white-space:nowrap;transition:background-color var(--duration-fast) ease,border-color var(--duration-fast) ease,color var(--duration-fast) ease}.button:hover{background:var(--button-bg-hover);color:var(--button-ink-hover)}.button:active{translate:0 1px}.button--md{min-height:2.875rem;padding:.625rem 1.125rem;font-size:var(--text-md)}.button--sm{min-height:2.375rem;padding:.4375rem .875rem;font-size:var(--text-sm)}.button--primary{--button-bg: var(--color-purple);--button-ink: var(--color-surface);--button-border: var(--color-purple);--button-bg-hover: var(--color-purple-strong);--button-ink-hover: var(--color-surface)}.button--secondary{--button-bg: var(--color-surface);--button-border: var(--color-line-strong);--button-bg-hover: var(--color-purple-tint)}.on-dark .button--primary{--button-bg: var(--color-night-ink);--button-ink: var(--color-night);--button-border: var(--color-night-ink);--button-bg-hover: var(--color-surface);--button-ink-hover: var(--color-purple-strong)}.on-dark .button--secondary,.on-dark .button--ghost{--button-bg: transparent;--button-ink: var(--color-night-ink);--button-border: rgba(241, 236, 249, .4);--button-bg-hover: rgba(241, 236, 249, .12);--button-ink-hover: var(--color-surface)}.on-dark .button--ghost{--button-border: transparent}.button__icon{display:inline-flex;font-size:1.05em}.button__external{width:1em;height:1em;margin-inline-start:calc(var(--space-1) * -1);opacity:.8}.site-header{position:sticky;top:0;z-index:100;transition:background-color var(--duration-base) ease,box-shadow var(--duration-base) ease}.site-header--solid{background:#f6f4f9e0;box-shadow:0 1px 0 var(--color-line);-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px)}.site-header--transparent,.site-header--transparent-on-dark{background:transparent;box-shadow:0 1px 0 transparent}.site-header__skip{position:absolute;top:var(--space-2);left:var(--space-2);z-index:1;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:var(--color-purple);color:var(--color-surface);font-weight:650;translate:0 -200%}.site-header__skip:focus-visible{translate:0 0}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:var(--header-height)}.site-header__logo{display:flex;align-items:center;gap:var(--space-3);color:var(--color-ink);text-decoration:none}.site-header__logo-text{font-family:var(--font-display);font-size:var(--text-lg);font-weight:800;letter-spacing:-.02em;white-space:nowrap}.site-header__nav{display:flex;align-items:center;gap:var(--space-2)}.site-header__links{display:flex;gap:var(--space-1)}.site-header__link{display:block;padding:.4375rem .75rem;border-radius:var(--radius-md);color:var(--color-ink-muted);font-weight:600;text-decoration:none;transition:color var(--duration-fast) ease,background-color var(--duration-fast) ease}.site-header__link:hover{background:var(--color-purple-tint);color:var(--color-purple)}.site-header--transparent-on-dark .site-header__logo{color:var(--color-night-ink)}.site-header--transparent-on-dark .site-header__link{color:var(--color-night-muted)}.site-header--transparent-on-dark .site-header__link:hover{background:#f1ecf91f;color:var(--color-night-ink)}.site-header--transparent-on-dark .site-header__link--active{color:var(--color-night-ink)}.site-header__link--active{color:var(--color-ink);text-decoration:underline;text-decoration-color:var(--color-gold);text-decoration-thickness:2px;text-underline-offset:.4em}.site-header__cta{margin-inline-start:var(--space-2)}@media(max-width:560px){.site-header__cta{display:none}.site-header__inner,.site-header__logo{gap:var(--space-2)}.site-header__logo-text{font-size:var(--text-md)}.site-header__links{gap:0}.site-header__link{padding-inline:.5rem}}@media(max-width:369px){.site-header__logo-text{display:none}}.site-layout{display:flex;flex-direction:column;min-height:100vh}.site-layout__main{flex:1}.site-layout--header-overlay .site-layout__main{margin-top:calc(var(--header-height) * -1)}.site-layout__main:focus{outline:none}.tag-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tag-list__item{padding:.1875rem .625rem;border-radius:var(--radius-sm);background:var(--color-purple-tint);color:var(--color-purple-strong);font-size:var(--text-xs);font-weight:600;line-height:1.5}.tag-list__item--more{background:transparent;color:var(--color-ink-muted);box-shadow:inset 0 0 0 1px var(--color-line-strong)}.browser-frame{overflow:hidden;border:1px solid var(--color-line-strong);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-frame)}.browser-frame__bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-3);padding:.5rem .75rem;border-bottom:1px solid var(--color-line);background:var(--color-paper)}.browser-frame__bar:after{content:"";width:2.5rem}.browser-frame__dots{display:flex;gap:.3125rem;width:2.5rem}.browser-frame__dots span{width:.5625rem;height:.5625rem;border-radius:50%;background:var(--color-line-strong)}.browser-frame__address{overflow:hidden;justify-self:center;max-width:100%;padding:.125rem .75rem;border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-ink-muted);font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.6;text-overflow:ellipsis;white-space:nowrap}.browser-frame__address--muted{background:transparent;font-family:var(--font-body);font-style:italic}.browser-frame__viewport{position:relative;background:var(--color-purple-tint)}.project-media{width:100%;background:var(--color-purple-tint)}.project-media--cover{aspect-ratio:16 / 10;height:auto;object-fit:cover;object-position:top center}.project-media--natural{height:auto}.project-media--placeholder{display:grid;place-items:center;aspect-ratio:16 / 10;color:var(--color-ink-muted);font-size:var(--text-sm)}.project-card{position:relative;display:grid;gap:var(--space-4);align-content:start}.project-card__frame{transition:box-shadow var(--duration-base) var(--ease-out),translate var(--duration-base) var(--ease-out)}.project-card:hover .project-card__frame,.project-card:focus-within .project-card__frame{box-shadow:var(--shadow-frame-raised);translate:0 -3px}.project-card__body{display:grid;gap:var(--space-2);align-content:start}.project-card__title{font-size:var(--text-lg)}.project-card__link{text-decoration:none}.project-card__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:var(--radius-lg)}.project-card__link:focus-visible{outline:none}.project-card__link:focus-visible:after{outline:2px solid var(--color-focus);outline-offset:6px}.project-card:hover .project-card__link{text-decoration:underline;text-decoration-color:var(--color-gold);text-decoration-thickness:2px;text-underline-offset:.2em}.project-card__description{max-width:var(--measure);color:var(--color-ink-muted)}.project-card__tags{margin-top:var(--space-2)}@media(min-width:900px){.project-card--wide{grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:var(--space-7);align-items:center}.project-card--wide .project-card__title{font-size:var(--text-xl)}.project-card--wide .project-card__description{font-size:var(--text-lg);line-height:1.5}}.project-grid{display:grid;gap:var(--space-8) var(--space-6)}@media(min-width:760px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-grid__item--wide{grid-column:1 / -1}}.section{padding-block:var(--space-section)}.section+.section{padding-top:0}.section__header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-3) var(--space-5);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-line)}.section__title{font-size:var(--text-xl)}.video-reel{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--color-night)}.video-reel__video{width:100%;height:100%;object-fit:cover;transition:opacity .4s ease}.video-reel__video--hidden{opacity:0}.video-reel__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#20163abf,#20163a00 24%),linear-gradient(0deg,#20163ab3,#20163a00 22%),linear-gradient(90deg,#20163af0,#20163ae0 46%,#20163a59 70%,#20163a1a)}.video-reel__toggle{position:absolute;right:max(var(--gutter),calc((100% - var(--container-width)) / 2));bottom:var(--space-5);z-index:2;display:grid;place-items:center;width:2.5rem;height:2.5rem;border:1px solid rgba(241,236,249,.3);border-radius:50%;background:#20163a99;color:var(--color-night-ink);font-size:1rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background-color var(--duration-fast) ease}.video-reel__toggle:hover{background:var(--color-night-raised)}.video-reel__toggle:focus-visible{border-radius:50%}@media(max-width:720px){.video-reel__scrim{background:linear-gradient(180deg,#20163aeb,#20163ac7 20%,#20163ac7)}}.home-hero{position:relative;display:flex;align-items:center;min-height:100vh;min-height:100dvh;padding-top:calc(var(--header-height) + clamp(3rem,1.5rem + 5vw,6rem));padding-bottom:clamp(5.5rem,4rem + 4vw,8rem)}.home-hero__content{position:relative;z-index:1}.home-hero__name{max-width:12ch;font-size:var(--text-display);font-weight:800;line-height:.95;letter-spacing:-.02em}.home-hero__role{margin-top:var(--space-5);color:var(--color-gold);font-family:var(--font-display);font-size:var(--text-xl);font-weight:650;line-height:var(--leading-snug)}.home-hero__intro{max-width:46ch;margin-top:var(--space-3);color:var(--color-night-muted);font-size:var(--text-lg);line-height:1.55}.home-hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-6)}.home-about{display:grid;gap:var(--space-7)}.home-about__portrait{position:relative;justify-self:start;width:min(100%,18rem);margin-top:4.5rem}.home-about__cat{position:absolute;right:14%;bottom:100%;z-index:1;margin-bottom:-.1em;font-size:1.5rem;cursor:default}.home-about__photo{width:100%;height:auto;aspect-ratio:4 / 5;border:1px solid var(--color-line-strong);border-radius:var(--radius-lg);object-fit:cover;object-position:center 30%;box-shadow:var(--shadow-frame-raised)}.home-about__body{max-width:40ch;font-family:var(--font-display);font-size:var(--text-xl);font-weight:500;line-height:1.4}.home-about__skills-heading{margin-top:var(--space-7);margin-bottom:var(--space-4);font-size:var(--text-md)}.home-about__skill-list{display:grid;gap:var(--space-4) var(--space-6)}.home-about__skill-group{display:grid;gap:var(--space-2);align-content:start}.home-about__skill-group dt{color:var(--color-ink-muted);font-size:var(--text-sm);font-weight:600}@media(min-width:900px){.home-about{grid-template-columns:20rem minmax(0,1fr);gap:var(--space-8);align-items:start}.home-about__portrait{width:100%}.home-about__skill-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.page-header{padding-block:clamp(2.5rem,1.5rem + 4vw,5rem) var(--space-7)}.page-header__kicker{margin-bottom:var(--space-5)}.page-header__title{max-width:20ch;font-size:var(--text-2xl);line-height:var(--leading-tight)}.page-header__lead{max-width:52ch;margin-top:var(--space-4);color:var(--color-ink-muted);font-size:var(--text-lg);line-height:1.5}.page-header__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-4);margin-top:var(--space-6)}.not-found{padding-bottom:var(--space-section)}.project-showcase .browser-frame{box-shadow:var(--shadow-frame-raised)}.project-showcase__toggle{position:absolute;right:var(--space-4);bottom:var(--space-4);display:grid;place-items:center;width:2.75rem;height:2.75rem;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:#20163ac7;color:var(--color-night-ink);font-size:1.125rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background-color var(--duration-fast) ease}.project-showcase__toggle:hover{background:var(--color-night)}.project-showcase__toggle:focus-visible{outline-color:var(--color-gold);border-radius:50%}.project-detail{padding-bottom:var(--space-section)}.project-detail__back{margin-inline-start:-.875rem}.project-detail__note{color:var(--color-ink-muted);font-size:var(--text-sm);font-style:italic}.project-detail__showcase{margin-bottom:var(--space-8)}.project-detail__body{display:grid;gap:var(--space-7)}.project-detail__heading{margin-bottom:var(--space-4);font-size:var(--text-lg)}.project-detail__story p{max-width:var(--measure);font-size:var(--text-lg);line-height:1.7}.project-detail__adjacent{display:grid;gap:var(--space-4);margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-line)}.project-detail__adjacent-link{display:grid;gap:var(--space-1);padding:var(--space-4) var(--space-5);border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-surface);text-decoration:none;transition:border-color var(--duration-fast) ease}.project-detail__adjacent-link:hover{border-color:var(--color-purple)}.project-detail__adjacent-link:last-child{text-align:end}.project-detail__adjacent-label{color:var(--color-ink-muted);font-size:var(--text-sm)}.project-detail__adjacent-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:750}@media(min-width:900px){.project-detail__body{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:var(--space-8)}.project-detail__adjacent{grid-template-columns:1fr 1fr}}.projects-page__list{padding-bottom:var(--space-section)}:root{--font-display: "Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--font-body: "Geist", ui-sans-serif, system-ui, "Segoe UI", sans-serif;--font-mono: "Geist Mono", ui-monospace, "Cascadia Code", Consolas, monospace;--text-xs: .8125rem;--text-sm: .9375rem;--text-md: 1.0625rem;--text-lg: 1.3125rem;--text-xl: 1.75rem;--text-2xl: clamp(2rem, 1.5rem + 2vw, 2.75rem);--text-display: clamp(2.75rem, 1.4rem + 5.6vw, 5.5rem);--leading-tight: 1.05;--leading-snug: 1.3;--leading-body: 1.65;--measure: 65ch;--color-paper: #f6f4f9;--color-surface: #ffffff;--color-ink: #1c1330;--color-ink-muted: #5b5270;--color-line: #e2dcec;--color-line-strong: #c9bfdb;--color-purple: #4b2e83;--color-purple-strong: #3a2266;--color-purple-tint: #ece6f6;--color-gold: #b7a57a;--color-gold-ink: #7a6634;--color-gold-tint: #f4efe0;--color-night: #20163a;--color-night-raised: #2d2150;--color-night-ink: #f1ecf9;--color-night-muted: #bdb2d3;--color-focus: var(--color-purple);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--space-section: clamp(4rem, 2.5rem + 6vw, 7.5rem);--container-width: 74rem;--gutter: clamp(1rem, .5rem + 2.5vw, 2rem);--header-height: 4.25rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-pill: 999px;--shadow-frame: 0 1px 2px rgba(28, 19, 48, .06), 0 18px 40px -20px rgba(28, 19, 48, .35);--shadow-frame-raised: 0 1px 2px rgba(28, 19, 48, .08), 0 26px 50px -22px rgba(28, 19, 48, .45);--ease-out: cubic-bezier(.2, .7, .2, 1);--duration-fast: .15s;--duration-base: .25s}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{background:var(--color-paper);scroll-padding-top:calc(var(--header-height) + var(--space-4));-webkit-text-size-adjust:100%}body{min-width:320px;min-height:100vh;font-family:var(--font-body);font-size:var(--text-md);line-height:var(--leading-body);color:var(--color-ink);background:var(--color-paper);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3{font-family:var(--font-display);font-weight:750;line-height:var(--leading-snug);letter-spacing:-.015em;text-wrap:balance}p{text-wrap:pretty}a{color:inherit}a,button,input,textarea,select{font:inherit}button{cursor:pointer}img,svg,video{display:block;max-width:100%}ul[role=list],ol[role=list]{list-style:none}:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px;border-radius:var(--radius-sm)}::selection{background:var(--color-gold-tint);color:var(--color-ink)}.on-dark{--color-focus: var(--color-gold);color:var(--color-night-ink)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}