.container{border-radius:1.5rem;color:var(--color-primary);min-height:100%;padding:var(--page-margin)}.container--default{background:var(--color-surface);border:1px solid var(--color-line);transition:border-color .18s ease,transform .18s ease}.container--default:hover{border-color:color-mix(in srgb,var(--color-primary) 35%,transparent);transform:translateY(-4px)}.container--minimal{background:transparent;border:0}.icon{align-items:center;display:inline-flex;height:var(--icon-size, 1.5rem);justify-content:center;line-height:0;width:var(--icon-size, 1.5rem)}.icon__image,.icon__svg,.icon__svg>svg,.icon>svg{display:block;flex:0 0 auto;height:100%;width:100%}.icon__image{filter:var(--icon-filter, none);object-fit:contain}@media(prefers-color-scheme:dark){.icon__image{--icon-filter: invert(1)}}[data-theme=dark] .icon__image{--icon-filter: invert(1)}.stack-card{align-items:center;display:flex;gap:.9rem}.stack-card__icon{color:var(--color-primary);flex:0 0 auto}.stack-card__title{font-size:clamp(1rem,2vw,1.2rem);font-weight:700;letter-spacing:-.03em;line-height:1.1;margin:0}.title-section{max-width:52rem}.title-section__title{font-size:clamp(2.25rem,6vw,5.5rem);letter-spacing:-.07em;line-height:.9;margin:0}.about{display:grid;gap:var(--space-10);grid-template-columns:repeat(12,minmax(0,1fr))}.about__intro{grid-column:1 / 5}.about__content{display:grid;gap:var(--space-8);grid-column:5 / -1}.about__copy{display:grid;gap:var(--space-5);max-width:48rem}.about__copy p{color:var(--color-secondary);font-size:var(--size-font-lg);line-height:var(--line-height-body);margin:0}.about__stack{display:grid;gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr))}.about__stack-card{background:var(--color-surface);border:1px solid var(--color-line);border-radius:999px;min-height:auto;padding:var(--space-3) var(--space-4)}.about__stack-card .stack-card__icon{height:var(--space-5);width:var(--space-5)}.about__stack-card .stack-card__title{color:var(--color-primary);font-size:var(--size-font-base)}@media(max-width:900px){.about{grid-template-columns:1fr}.about__intro,.about__content{grid-column:1}.about__stack{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.about__stack{grid-template-columns:1fr}}.experience__intro{align-items:end;display:grid;gap:var(--page-gutter);grid-template-columns:repeat(12,minmax(0,1fr))}.experience__intro .title-section{grid-column:1 / 7}.experience__list{display:grid;margin-top:var(--space-10)}.experience__item{border-top:1px solid var(--color-line);column-gap:var(--space-5);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));padding-block:var(--space-5)}.experience__item:last-child{border-bottom:1px solid var(--color-line)}.experience__period{color:var(--color-secondary);font-size:var(--size-font-sm);grid-column:1 / 3;letter-spacing:var(--letter-spacing-wide);margin:0;text-transform:uppercase;white-space:nowrap}.experience__heading{grid-column:3 / 6}.experience__company{color:var(--color-primary);font-size:var(--size-font-lg);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-none);margin:0}.experience__role{color:var(--color-secondary);line-height:var(--line-height-body);margin:var(--space-2) 0 0}.experience__description{color:var(--color-secondary);grid-column:6 / -1;line-height:var(--line-height-body);margin:0}@media(max-width:900px){.experience__intro,.experience__item{grid-template-columns:1fr}.experience__intro .title-section,.experience__period,.experience__heading,.experience__description{grid-column:1}.experience__item{row-gap:var(--space-3)}}.hero{align-items:center;background:var(--color-tertiary);color:var(--color-primary);display:flex;justify-content:center;min-height:calc(var(--viewport-full-height) - var(--header-height));overflow:hidden;position:relative;width:100%}.hero__sidebar{align-items:center;color:var(--color-secondary);display:flex;flex-direction:column;font-size:var(--size-font-sm);grid-column:1 / 2;justify-content:space-between;letter-spacing:var(--letter-spacing-wide);line-height:var(--line-height-none);padding-block:var(--space-18);text-transform:uppercase;white-space:nowrap}.hero__sidebar span:not(.hero__sidebar-line){display:block;transform:rotate(-90deg);transform-origin:center}.hero__sidebar-line{background:currentColor;display:block;height:var(--space-10);width:1px}.hero__wrapper{display:grid;gap:var(--page-gutter);grid-template-columns:repeat(12,minmax(0,1fr));min-height:calc(var(--viewport-full-height) - var(--header-height));max-width:var(--container-max-width);padding-inline:var(--page-margin);width:100%}.hero__content{display:flex;flex-direction:column;grid-column:2 / 7;justify-content:space-between;padding-block:var(--space-10);padding-left:var(--space-6)}.hero__metrics{display:flex;gap:var(--space-12);margin:0}.hero__metric{margin:0}.hero__number{display:block;font-size:var(--size-font-xl);font-weight:var(--font-weight-light);line-height:var(--line-height-none);margin:0 0 var(--space-1)}.hero__label{color:var(--color-secondary);font-size:var(--size-font-xs);margin:0}.hero__title{font-size:var(--size-font-display);font-weight:var(--font-weight-light);letter-spacing:var(--letter-spacing-tighter);line-height:var(--line-height-tight);margin:0}.hero__subtitle{color:var(--color-primary);font-size:var(--size-font-lg);line-height:var(--line-height-body);margin:var(--space-5) 0 0}.hero__scroll{color:var(--color-primary);font-size:var(--size-font-md);justify-self:start;text-decoration:none}.hero__scroll:hover,.hero__scroll:focus-visible{text-decoration:underline;text-underline-offset:var(--space-1)}.hero__media{align-items:flex-end;display:flex;grid-column:7 / -1;height:100%;justify-content:center;margin:0;padding-bottom:var(--space-4)}.hero__image{filter:var(--filter-grayscale);height:auto;max-height:calc(var(--viewport-full-height) - var(--header-height) - var(--space-10));object-fit:contain;width:100%}@media(max-width:1024px){.hero__sidebar,.hero__media{display:none}.hero__wrapper{grid-template-columns:1fr}.hero__content{grid-column:1;gap:var(--space-10);justify-content:flex-start;padding-block-start:var(--space-14)}}@media(max-width:560px){.hero__metrics{gap:var(--space-6)}}.projects.page-grid{display:grid;grid-template-columns:minmax(var(--page-margin),1fr) minmax(0,var(--container-max-width)) minmax(var(--page-margin),1fr);padding-inline:0}.projects.page-grid>*{grid-column:2}.projects__intro{align-items:end;display:grid;gap:var(--page-gutter);grid-template-columns:repeat(12,minmax(0,1fr));margin-bottom:var(--space-10)}.projects__intro .title-section{grid-column:1 / 7}.projects__social-links{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3);grid-column:8 / -1;justify-content:flex-end}.projects__social-links a,.project-showcase__links a,.project-showcase__private-link{align-items:center;border:1px solid var(--color-line);border-radius:999px;color:var(--color-primary);display:inline-flex;font-weight:var(--font-weight-bold);gap:var(--space-2);min-height:var(--space-8);padding-inline:var(--space-4);text-decoration:none;transition:background .18s ease,border-color .18s ease,color .18s ease}.project-showcase__private-link{color:var(--color-secondary);cursor:not-allowed}.projects__social-links a:hover,.projects__social-links a:focus-visible,.project-showcase__links a:hover,.project-showcase__links a:focus-visible{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.projects__social-links a:hover .icon__image,.projects__social-links a:focus-visible .icon__image,.project-showcase__links a:hover .icon__image,.project-showcase__links a:focus-visible .icon__image{--icon-filter: invert(1)}@media(prefers-color-scheme:dark){.projects__social-links a:hover .icon__image,.projects__social-links a:focus-visible .icon__image,.project-showcase__links a:hover .icon__image,.project-showcase__links a:focus-visible .icon__image{--icon-filter: none}}[data-theme=dark] .projects__social-links a:hover .icon__image,[data-theme=dark] .projects__social-links a:focus-visible .icon__image,[data-theme=dark] .project-showcase__links a:hover .icon__image,[data-theme=dark] .project-showcase__links a:focus-visible .icon__image{--icon-filter: none}.projects__list{display:grid;gap:var(--space-8);list-style:none;margin:0;padding:0}.project-showcase{display:grid;gap:var(--page-gutter);grid-template-columns:repeat(12,minmax(0,1fr))}.project-showcase__card{border:0;display:grid;gap:var(--space-4);grid-column:1 / 7;padding:var(--space-5)}.project-showcase__details{align-content:center;display:grid;gap:var(--space-4);grid-column:7 / -1;padding:var(--space-5)}.project-showcase--reverse .project-showcase__card{grid-column:7 / -1}.project-showcase--reverse .project-showcase__details{grid-column:1 / 7;grid-row:1}.project-showcase__media{aspect-ratio:16 / 9;background:var(--color-tertiary);border:0;border-radius:1rem;overflow:hidden}.project-showcase__media--cover{background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 8%,transparent),transparent),var(--color-tertiary);border:0}.project-showcase__image{display:block;height:100%;object-fit:cover;object-position:top center;width:100%}.project-showcase__cover{align-content:end;display:grid;gap:var(--space-3);height:100%;padding:var(--space-5)}.project-showcase__cover span{color:var(--color-secondary);font-size:var(--size-font-sm);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}.project-showcase__cover strong{font-size:var(--size-font-xl);letter-spacing:var(--letter-spacing-tighter);line-height:var(--line-height-tight);max-width:10ch}.project-showcase__card-body{display:grid;gap:var(--space-4)}.project-showcase__meta,.project-showcase__index{color:var(--color-secondary);font-size:var(--size-font-sm);letter-spacing:var(--letter-spacing-wide);margin:0;text-transform:uppercase}.project-showcase h3{font-size:var(--size-font-xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tighter);line-height:var(--line-height-tight);margin:0}.project-showcase__stack{display:flex;flex-wrap:wrap;gap:var(--space-2)}.project-showcase__stack-card{border:1px solid var(--color-line);border-radius:999px;min-height:auto;padding:var(--space-2) var(--space-3)}.project-showcase__stack-card .stack-card__icon{height:var(--space-4);width:var(--space-4)}.project-showcase__stack-card .stack-card__title{color:var(--color-secondary);font-size:var(--size-font-sm);letter-spacing:0}.project-showcase__summary{color:var(--color-primary);font-size:var(--size-font-base);line-height:var(--line-height-body);margin:0;max-width:32rem}.project-showcase__links{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3)}@media(max-width:900px){.projects__intro,.project-showcase{grid-template-columns:1fr}.projects__intro .title-section,.projects__social-links,.project-showcase__card,.project-showcase__details,.project-showcase--reverse .project-showcase__card,.project-showcase--reverse .project-showcase__details{grid-column:1}.projects__social-links{justify-content:flex-start}.project-showcase--reverse .project-showcase__details{grid-row:auto}}.site-footer{border-top:1px solid var(--color-line);color:var(--color-secondary);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:2rem var(--page-margin)}.site-footer p{margin:0}.site-footer a{text-decoration:none}.site-footer a:hover{color:var(--color-primary)}.site-header{align-items:center;backdrop-filter:blur(18px);background:color-mix(in srgb,var(--color-tertiary) 82%,transparent);display:flex;justify-content:space-between;left:0;min-height:var(--header-height);padding-block:var(--space-4);padding-inline:var(--page-margin);position:sticky;right:0;top:0;width:100%;z-index:10}.site-header__logo{color:var(--color-primary);display:inline-flex;flex:none;text-decoration:none}.site-header__logo-mark{aspect-ratio:1;background:currentColor;display:block;height:var(--space-8);mask:url(/logo/logo.svg) center / contain no-repeat;width:var(--space-8)}.site-header__nav{display:flex;gap:var(--page-gutter);justify-content:flex-end}.site-header__nav-link{color:var(--color-secondary);font-size:var(--size-font-md);line-height:var(--line-height-none);text-decoration:none;transition:color .18s ease}.site-header__nav-link:hover,.site-header__nav-link:focus-visible{color:var(--color-primary)}.site-header__nav-link:focus-visible{outline:1px solid currentColor;outline-offset:var(--space-2)}@media(max-width:560px){.site-header__nav{gap:var(--space-4)}}@font-face{font-family:Satoshi;src:url(/fonts/Satoshi-Light.otf) format("opentype");font-display:swap;font-style:normal;font-weight:300}@font-face{font-family:Satoshi;src:url(/fonts/Satoshi-LightItalic.otf) format("opentype");font-display:swap;font-style:italic;font-weight:300}@font-face{font-family:Satoshi;src:url(/fonts/Satoshi-Regular.otf) format("opentype");font-display:swap;font-style:normal;font-weight:400}@font-face{font-family:Satoshi;src:url(/fonts/Satoshi-Italic.otf) format("opentype");font-display:swap;font-style:italic;font-weight:400}@font-face{font-family:Satoshi;src:url(/fonts/Satoshi-Medium.otf) format("opentype");font-display:swap;font-style:normal;font-weight:500}@font-face{font-family:Satoshi;src:url(/fonts/Satoshi-MediumItalic.otf) format("opentype");font-display:swap;font-style:italic;font-weight:500}@font-face{font-family:Satoshi;src:url(/fonts/Satoshi-Bold.otf) format("opentype");font-display:swap;font-style:normal;font-weight:700}@font-face{font-family:Satoshi;src:url(/fonts/Satoshi-BoldItalic.otf) format("opentype");font-display:swap;font-style:italic;font-weight:700}@font-face{font-family:Satoshi;src:url(/fonts/Satoshi-Black.otf) format("opentype");font-display:swap;font-style:normal;font-weight:900}@font-face{font-family:Satoshi;src:url(/fonts/Satoshi-BlackItalic.otf) format("opentype");font-display:swap;font-style:italic;font-weight:900}:root{color-scheme:light;--font-primary: "Satoshi", Arial, sans-serif;--size-font-base: 1rem;--size-font-xs: .8rem;--size-font-sm: .85rem;--size-font-md: .9rem;--size-font-lg: 1.2rem;--size-font-xl: 3rem;--size-font-display: clamp(6rem, 12vw, 11rem);--font-weight-light: 300;--font-weight-bold: 700;--line-height-tight: .85;--line-height-none: 1;--line-height-body: 1.6;--letter-spacing-tight: -.03em;--letter-spacing-tighter: -.06em;--letter-spacing-wide: .08em;--color-primary: #222222;--color-on-primary: #ffffff;--color-secondary: #6f6f6f;--color-tertiary: #f8f8f8;--color-surface: #ffffff;--color-line: rgba(34, 34, 34, .12);--color-accent: #d7ff65;--color-white: #ffffff;--page-margin: 1rem;--page-gutter: 1rem;--container-max-width: 87.5rem;--viewport-full-height: 100svh;--header-height: calc(var(--space-8) + var(--space-4) + var(--space-4));--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-8: 3rem;--space-10: 4rem;--space-12: 5rem;--space-14: 6rem;--space-16: 7rem;--space-18: 8rem;--filter-grayscale: grayscale(100%)}@media(min-width:768px){:root{--page-margin: 1.75rem;--page-gutter: 1.75rem}}@media(min-width:1024px){:root{--page-margin: 2.5rem;--page-gutter: 2.5rem}}@media(min-width:1280px){:root{--page-margin: 4.5rem;--page-gutter: 3rem}}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--color-primary: #ffffff;--color-on-primary: #151515;--color-secondary: #bdbdbd;--color-tertiary: #151515;--color-surface: #202020;--color-line: rgba(255, 255, 255, .14)}}[data-theme=dark]{color-scheme:dark;--color-primary: #ffffff;--color-on-primary: #151515;--color-secondary: #bdbdbd;--color-tertiary: #151515;--color-surface: #202020;--color-line: rgba(255, 255, 255, .14)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0;min-height:100%;width:100%}body{background:var(--color-tertiary);color:var(--color-primary);font-family:var(--font-primary);font-size:var(--size-font-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit}main{overflow:hidden}.section{border-top:1px solid var(--color-line);padding:clamp(4rem,10vw,8rem) var(--page-margin)}.visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}