:root{--color-bg-secondary:var(--color-primary-bg);--color-text-secondary:var(--color-text-muted);--color-accent:var(--color-accent-text);--color-accent-hover:var(--color-primary);--color-on-accent:var(--color-text-on-signal);--radius-sm:0.125rem;--radius-md:0.125rem;--radius-lg:0.25rem;--radius-xl:0.375rem;--radius-full:9999px;--spacing-section:clamp(5rem,12vh,10rem);--ease-out-expo:cubic-bezier(0.16,1,0.3,1);--ease:cubic-bezier(0.4,0,0.2,1);--duration-fast:150ms;--duration-normal:250ms;--duration-slow:400ms}*,::backdrop,::file-selector-button,:after,:before{box-sizing:border-box;margin:0;padding:0;border:0 solid}html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;-webkit-tap-highlight-color:rgba(0,0,0,0)}hr{height:0;color:inherit;border-top-width:1px}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--font-mono);font-size:1em}small{font-size:80%}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;color:inherit;letter-spacing:inherit;background:rgba(0,0,0,0)}[role=button],button{cursor:pointer}:-moz-focusring{outline:auto}[hidden]{display:none!important}html{scroll-padding-top:5rem}body,html{overflow-x:hidden}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--duration-normal) var(--ease-out-expo),color var(--duration-normal) var(--ease-out-expo)}::selection{background-color:var(--color-signal);color:var(--color-text-on-signal)}:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px;border-radius:var(--radius-sm)}main:focus{outline:none}.wrapper{width:100%;max-width:72rem;margin-inline:auto;padding-inline:clamp(1.25rem,4vw,2rem)}.dot-grid{position:absolute;inset:0;pointer-events:none;opacity:.7;-webkit-mask-image:linear-gradient(180deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(180deg,transparent,#000 5%,#000 95%,transparent)}.home-sections{position:relative;isolation:isolate}.home-sections>.dot-grid{z-index:0}.home-sections>:not(.dot-grid){position:relative;z-index:1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes hero-fade-up{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-name-reveal{0%{transform:translateY(100%)}to{transform:translateY(0)}}.hero-fade-up{opacity:0;animation:hero-fade-up .8s cubic-bezier(.16,1,.3,1) forwards}.hero-name-reveal{transform:translateY(100%);animation:hero-name-reveal .8s cubic-bezier(.16,1,.3,1) forwards}.reveal-section{opacity:0;transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1)}.reveal-section.fadeUp{transform:translateY(40px)}.reveal-section.fadeIn{transform:none}.reveal-section.slideLeft{transform:translateX(-40px)}.reveal-section.scaleUp{transform:scale(.95)}.reveal-section.revealed{opacity:1;transform:none}.reveal-stagger-item{opacity:0;transform:translateY(20px);transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1)}.reveal-stagger.revealed .reveal-stagger-item{opacity:1;transform:none}.reveal-stagger.revealed .reveal-stagger-item:first-child{transition-delay:0s}.reveal-stagger.revealed .reveal-stagger-item:nth-child(2){transition-delay:.06s}.reveal-stagger.revealed .reveal-stagger-item:nth-child(3){transition-delay:.12s}.reveal-stagger.revealed .reveal-stagger-item:nth-child(4){transition-delay:.18s}.reveal-stagger.revealed .reveal-stagger-item:nth-child(5){transition-delay:.24s}.reveal-stagger.revealed .reveal-stagger-item:nth-child(6){transition-delay:.3s}.reveal-stagger.revealed .reveal-stagger-item:nth-child(7){transition-delay:.36s}.reveal-stagger.revealed .reveal-stagger-item:nth-child(8){transition-delay:.42s}.reveal-stagger.revealed .reveal-stagger-item:nth-child(9){transition-delay:.48s}.reveal-stagger.revealed .reveal-stagger-item:nth-child(10){transition-delay:.54s}@media(prefers-reduced-motion:reduce){.hero-fade-up,.hero-name-reveal{opacity:1;transform:none;animation:none}.reveal-section,.reveal-stagger-item{opacity:1;transform:none}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:.875rem}.site-header__logo{display:inline-flex;align-items:baseline;gap:.15rem;font-family:var(--font-mono);font-size:.95rem;font-weight:700;letter-spacing:.08em;color:var(--color-text);text-decoration:none}.site-header__logo-mark{color:var(--color-signal)}.site-header__logo:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:3px}.site-header__nav{display:none;align-items:center;gap:1.5rem}@media(min-width:768px){.site-header__nav{display:flex}}.site-header__actions{display:flex;align-items:center;gap:.5rem}.site-header__resume{display:none}@media(min-width:768px){.site-header__resume{display:inline-flex}}.site-header__mobile{display:inline-flex}@media(min-width:768px){.site-header__mobile{display:none}}.mobile-menu__toggle{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:var(--radius-md);color:var(--color-text-secondary);background:rgba(0,0,0,0);cursor:pointer;transition:color var(--duration-normal) var(--ease),background-color var(--duration-normal) var(--ease)}.mobile-menu__toggle:hover{color:var(--color-text);background-color:var(--color-bg-secondary)}.mobile-menu__icon{width:1.25rem;height:1.25rem}.mobile-menu__backdrop{position:fixed;inset:0;top:4rem;z-index:40;background-color:color-mix(in oklab,var(--color-bg) 60%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mobile-menu__drawer{position:fixed;left:0;right:0;top:4rem;z-index:50;border-bottom:1px solid var(--color-border);background-color:var(--color-bg);transition:transform var(--duration-normal) var(--ease),opacity var(--duration-normal) var(--ease)}.mobile-menu__drawer--open{transform:translateY(0);opacity:1}.mobile-menu__drawer--closed{transform:translateY(-.5rem);opacity:0;pointer-events:none}.mobile-menu__nav{display:flex;flex-direction:column;gap:.25rem;padding-block:1rem}.mobile-menu__link{border-radius:var(--radius-md);padding-inline:.75rem;padding-block:.625rem;font-size:var(--text-base);line-height:1.5;color:var(--color-text-secondary);text-decoration:none;transition:color var(--duration-normal) var(--ease),background-color var(--duration-normal) var(--ease)}.mobile-menu__link:hover{color:var(--color-text);background-color:var(--color-bg-secondary)}.mobile-menu__link--resume{font-weight:500;color:var(--color-accent)}.mobile-menu__link--resume:hover{color:var(--color-accent-hover);background-color:var(--color-bg-secondary)}.mobile-menu__divider{margin-block:.5rem;border:0;border-top:1px solid var(--color-border)}.site-theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:var(--radius-md);color:var(--color-text-secondary);background:rgba(0,0,0,0);cursor:pointer;transition:color var(--duration-normal) var(--ease),background-color var(--duration-normal) var(--ease)}.site-theme-toggle:hover{color:var(--color-text);background-color:var(--color-bg-secondary)}.site-theme-toggle{position:relative;border:0}.site-theme-toggle__icon{width:1.125rem;height:1.125rem;flex:none}.footer{border-top:var(--motif-rule-width,1.5px) solid var(--color-border-strong);padding-block:2.5rem}.footer__inner{display:flex;flex-direction:column;align-items:center;gap:1.25rem}@media(min-width:640px){.footer__inner{flex-direction:row;justify-content:space-between}}.footer__social-link{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:var(--radius-md);color:var(--color-text-secondary);background:rgba(0,0,0,0);cursor:pointer;transition:color var(--duration-normal) var(--ease),background-color var(--duration-normal) var(--ease)}.footer__social-link:hover{color:var(--color-text);background-color:var(--color-bg-secondary)}.footer__social-link{text-decoration:none}.footer__social-icon{width:1.125rem;height:1.125rem;flex:none}.footer__meta{text-align:center}@media(min-width:640px){.footer__meta{text-align:right}}.footer__mono{font-family:var(--font-mono);letter-spacing:.02em}.section-head{margin-bottom:clamp(2rem,5vw,3.5rem);padding-bottom:1.25rem;border-bottom:var(--motif-rule-width,1.5px) solid var(--color-border)}.section-head__index{margin-bottom:.75rem}.section-head__title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.02em}.section-head--center{text-align:center}.hero{position:relative;display:flex;align-items:center;min-height:100svh;padding-block:var(--space-4xl) var(--space-2xl);overflow:hidden}.hero__grid{position:absolute;inset:0;pointer-events:none;opacity:.6;-webkit-mask-image:radial-gradient(120% 100% at 30% 30%,#000 35%,transparent 85%);mask-image:radial-gradient(120% 100% at 30% 30%,#000 35%,transparent 85%)}.hero__inner{position:relative;width:100%}.hero__frame{background-color:color-mix(in srgb,var(--color-surface) 70%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.hero__sheet{padding:var(--space-sm) var(--space-lg);border-bottom:var(--motif-rule-width,1.5px) solid var(--color-border);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide,.04em);text-transform:uppercase;color:var(--color-text-muted)}.hero__sheet-id{display:inline-flex;align-items:center;gap:var(--space-xs)}.hero__sheet-no{color:var(--color-text-subtle)}.hero__body{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-lg);padding:var(--space-2xl)}@media(min-width:640px){.hero__body{padding:var(--space-3xl)}}.hero__eyebrow{margin:0}.hero__title{font-size:clamp(3rem,11vw,7rem)}.hero__name-line{display:block;overflow:hidden}.hero__name{display:block}.hero__lead{max-width:34rem}.hero__ctas{margin:0}.hero__stats{width:100%;padding-top:var(--space-lg);border-top:var(--motif-rule-width,1.5px) solid var(--color-border)}.experience{padding-block:var(--spacing-section)}.experience,.experience__inner{position:relative}.experience__card{border:var(--motif-rule-width,1.5px) solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-surface);padding:1.5rem}@media(min-width:640px){.experience__card{padding:2rem}}.experience__card-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem;padding-bottom:1.25rem;border-bottom:var(--motif-rule-width,1.5px) solid var(--color-border)}.experience__role{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600}.experience__subtitle{color:var(--color-text-secondary)}.experience__year{font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.4285714286;letter-spacing:var(--tracking-wide,.04em);color:var(--color-text-subtle)}.experience__intro{margin-top:1.5rem;color:var(--color-text-secondary)}.experience__group{margin-top:2rem}.experience__group-title{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:var(--tracking-wide,.08em);color:var(--color-text-subtle)}.experience__group-text{margin-top:.5rem;color:var(--color-text-secondary)}.experience__achievements{margin-top:.75rem}.experience__achievements>*+*{margin-top:.5rem}.experience__achievement{display:flex;gap:.75rem;color:var(--color-text-secondary)}.experience__dot{margin-top:.5rem;display:block;height:.4rem;width:.4rem;flex-shrink:0;background-color:var(--color-signal)}.experience__tags{margin-top:.75rem;display:flex;flex-wrap:wrap;gap:.5rem}.projects{padding-block:var(--spacing-section)}.projects__empty-link{color:var(--color-accent);text-decoration:underline;text-underline-offset:2px}.projects__empty-link:hover{color:var(--color-accent-hover)}.project-card__shot{background-color:var(--color-primary-bg)}.project-card__shot img{object-position:top}.project-card__shot--center img{object-position:center}.project-card__shot--contain{background-color:var(--color-surface-raised)}.project-card__shot--contain img{padding:.5rem}.project-card__title{margin:0}.project-card__link{transition:color var(--duration-normal) var(--ease)}.project-card__link:hover{color:var(--color-accent)}.project-card__desc{margin:0}.project-card__tags{margin-top:.25rem}.project-card__action{display:inline-flex;align-items:center;gap:.375rem;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide,.04em);text-transform:uppercase;color:var(--color-text-muted);text-decoration:none;transition:color var(--duration-normal) var(--ease)}.project-card__action:hover{color:var(--color-text)}.project-card__action--accent{color:var(--color-accent)}.project-card__action--accent:hover{color:var(--color-signal)}.project-card__action-icon{width:.875rem;height:.875rem;flex:none}.about{padding-block:var(--spacing-section)}.about__grid{display:grid;align-items:start;gap:2.5rem}@media(min-width:1024px){.about__grid{grid-template-columns:1fr 280px;gap:4rem}}.about__text{color:var(--color-text-secondary)}.about__text>*+*{margin-top:1rem}.about__cta{font-weight:500;color:var(--color-text)}.about__photo{position:relative;aspect-ratio:3/4;overflow:hidden;border:var(--motif-rule-width,1.5px) solid var(--color-border);border-radius:var(--radius-lg)}.about__photo--mobile{margin-inline:auto;width:100%;max-width:20rem}@media(min-width:1024px){.about__photo--mobile{display:none}}.about__photo--desktop{display:none}@media(min-width:1024px){.about__photo--desktop{display:block}}.about__image{object-fit:cover;object-position:center 70%}.skills{padding-block:var(--spacing-section)}.skills,.skills__inner{position:relative}.skills__grid{display:grid;gap:1rem}@media(min-width:640px){.skills__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.skills__card{height:100%;border-radius:var(--radius-lg);border:var(--motif-rule-width,1.5px) solid var(--color-border);background-color:var(--color-surface);padding:1.5rem}.skills__category{font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.4285714286;font-weight:500;text-transform:uppercase;letter-spacing:var(--tracking-wide,.08em);color:var(--color-accent);padding-bottom:.875rem;border-bottom:var(--motif-rule-width,1.5px) solid var(--color-border)}.skills__pills{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.5rem}.contact{position:relative;padding-block:var(--spacing-section)}.contact__inner{position:relative;text-align:center}.contact__lead{margin-inline:auto;margin-top:1rem;max-width:30rem}.contact__email{display:inline-flex;align-items:center;font-weight:500;text-decoration:none;border-radius:var(--radius-lg);cursor:pointer;transition:background-color var(--duration-normal) var(--ease),border-color var(--duration-normal) var(--ease),color var(--duration-normal) var(--ease);background-color:var(--color-accent);color:var(--color-on-accent)}.contact__email:hover{background-color:var(--color-accent-hover)}.contact__email{border-radius:var(--radius-md);margin-top:2rem;gap:.75rem;padding-inline:1.5rem;padding-block:.75rem;font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.4285714286;letter-spacing:var(--tracking-wide,.02em)}.contact__socials{margin-top:2rem;display:flex;align-items:center;justify-content:center;gap:.75rem}.contact__social{display:inline-flex;align-items:center;font-weight:500;text-decoration:none;border-radius:var(--radius-lg);cursor:pointer;transition:background-color var(--duration-normal) var(--ease),border-color var(--duration-normal) var(--ease),color var(--duration-normal) var(--ease);border:var(--motif-rule-width,1.5px) solid var(--color-border);border-radius:var(--radius-md);gap:.5rem;padding-inline:1rem;padding-block:.5rem;font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.4285714286;text-transform:uppercase;letter-spacing:var(--tracking-wide,.04em);color:var(--color-text)}.contact__social:hover{background-color:var(--color-bg-secondary);border-color:var(--color-border-strong)}.contact__icon{height:1rem;width:1rem;flex:none}.case-study{position:relative;isolation:isolate;padding-top:7rem;padding-bottom:4rem}.case-study>.dot-grid{z-index:0}.case-study>:not(.dot-grid){position:relative;z-index:1}.case-study__hero{max-width:48rem}.case-study__meta{margin-bottom:1rem}.case-study__title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.03em;line-height:.95}.case-study__badge{margin-top:1rem}.case-study__outcome{margin-top:2rem;max-width:48rem}.case-study__featured{margin-top:2.5rem}.case-study__shot{background-color:var(--color-primary-bg)}.case-study__shot img{object-position:top}.case-study__shot--center img{object-position:center}.case-study__shot--contain{background-color:var(--color-surface-raised)}.case-study__shot--contain img{padding:1.5rem}.case-study__content{margin-top:3rem;max-width:48rem}.case-study__section{margin-top:3rem}.case-study__section-heading{margin-bottom:1rem;text-transform:uppercase;letter-spacing:-.01em}.case-study__divider{margin-top:3rem}.case-study__tags{margin-top:.25rem}.case-study__gallery-reveal{margin-top:3rem}.case-study__gallery{display:grid;gap:1.5rem}@media(min-width:640px){.case-study__gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}.case-study__figure{margin:0}.case-study__figcaption{margin-top:.5rem;text-align:center}.case-study__nav{margin-top:4rem;max-width:48rem}.project-nav{border-top:var(--motif-rule-width,1.5px) solid var(--color-border-strong);padding-top:2rem}.project-nav__row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.project-nav__link{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:var(--tracking-wide,.04em);color:var(--color-text-secondary);text-decoration:none;font-size:var(--text-sm);line-height:1.4285714286;transition:color var(--duration-normal) var(--ease)}.project-nav__link:hover{color:var(--color-text)}.project-nav__arrow{width:1rem;height:1rem;flex:none;transition:transform var(--duration-normal) var(--ease)}.project-nav__link--prev:hover .project-nav__arrow--prev{transform:translateX(-.25rem)}.project-nav__link--next:hover .project-nav__arrow--next{transform:translateX(.25rem)}.project-nav__back{margin-top:1.5rem;text-align:center}.project-nav__back-link{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:var(--tracking-wide,.04em);color:var(--color-text-secondary);text-decoration:none;font-size:var(--text-sm);line-height:1.4285714286;transition:color var(--duration-normal) var(--ease)}.project-nav__back-link:hover{color:var(--color-accent)}.not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding-top:7rem;padding-bottom:4rem}.not-found__inner{text-align:center}.not-found__code{margin-bottom:.75rem}.not-found__title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.02em}.not-found__text{margin-top:1rem}.not-found__button{margin-top:2rem}