*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{min-height:100vh;line-height:1.6}img,video{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}h1,h2,h3,h4,h5,h6{font-weight:400;line-height:1.1}:root{--color-bg: #f5f0eb;--color-bg-warm: #efe9e1;--color-headline: #1a3ce8;--color-headline-hover: #1430c0;--color-text: #1a1a1a;--color-text-muted: #6b6560;--color-text-light: #9b9590;--color-border: #ddd6ce;--color-overlay: #1a3ce8;--font-display: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--text-xs: clamp(.7rem, .65rem + .25vw, .8rem);--text-sm: clamp(.8rem, .75rem + .25vw, .9rem);--text-base: clamp(.9rem, .85rem + .25vw, 1rem);--text-md: clamp(1rem, .9rem + .5vw, 1.15rem);--text-lg: clamp(1.15rem, 1rem + .75vw, 1.5rem);--text-xl: clamp(1.5rem, 1.2rem + 1.5vw, 2.25rem);--text-2xl: clamp(2rem, 1.5rem + 2.5vw, 3.5rem);--text-hero: clamp(2.5rem, 1.8rem + 3.5vw, 5rem);--space-2xs: .25rem;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2.5rem;--space-xl: 4rem;--space-2xl: 6rem;--space-3xl: 10rem;--container-width: 1200px;--container-narrow: 800px;--nav-height: 72px;--page-gutter: clamp(1.5rem, 3vw, 3rem);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-in-out-expo: cubic-bezier(.87, 0, .13, 1);--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--duration-fast: .2s;--duration-base: .4s;--duration-slow: .7s;--duration-page: .5s}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:400;color:var(--color-text);letter-spacing:-.01em}h1,h2,h3{font-family:var(--font-display);font-weight:800;color:var(--color-headline);letter-spacing:-.02em}h1{font-size:var(--text-hero);line-height:1.05}h2{font-size:var(--text-2xl);line-height:1.1}h3{font-size:var(--text-xl);line-height:1.15}p{font-size:var(--text-base);line-height:1.7;max-width:60ch}.text-sm{font-size:var(--text-sm)}.text-muted{color:var(--color-text-muted)}.text-label{font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase}body{background-color:var(--color-bg);overflow-x:hidden}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px}#page-content{min-height:100vh;padding-top:var(--nav-height)}.container{width:100%;max-width:var(--container-width);margin:0 auto;padding:0 var(--page-gutter)}.container--narrow{max-width:var(--container-narrow)}.nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;height:var(--nav-height);padding:0 var(--page-gutter);background-color:transparent;transition:background-color var(--duration-base) var(--ease-out-expo),backdrop-filter var(--duration-base) var(--ease-out-expo)}.nav--scrolled{background-color:#f5f0ebd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.nav-logo{display:flex;align-items:center;gap:var(--space-xs);font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-text);transition:color var(--duration-fast) var(--ease-out-expo)}.nav-smiley{flex-shrink:0}.nav-logo:hover{color:var(--color-headline)}.nav-links{display:flex;gap:var(--space-lg)}.nav-link{position:relative;font-size:var(--text-sm);font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);transition:color var(--duration-fast) var(--ease-out-expo)}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1.5px;background-color:var(--color-headline);transition:width var(--duration-base) var(--ease-out-expo)}.nav-link:hover{color:var(--color-text)}.nav-link:hover:after{width:100%}.nav-link.active{color:var(--color-text)}.nav-link.active:after{width:100%}.home{position:relative;min-height:calc(100vh - var(--nav-height));display:flex;align-items:center;justify-content:center;padding:var(--space-xl) var(--page-gutter);overflow:hidden}.ripple-canvas{position:fixed;top:0;left:0;z-index:0;pointer-events:none}.home-hero{position:relative;width:100%;max-width:1400px;min-height:80vh;display:flex;align-items:center;justify-content:center}.home-headline{position:relative;z-index:2;max-width:700px;text-align:center;font-family:var(--font-display);font-size:var(--text-hero);font-weight:800;color:var(--color-headline);line-height:1.08;letter-spacing:-.03em;pointer-events:none}.home-headline .word{display:inline-block;overflow:hidden;vertical-align:top;margin-right:.22em}.home-headline .word-inner{display:inline-block}.home-thumbnails{position:absolute;inset:0;z-index:1;pointer-events:none}.thumbnail{position:absolute;pointer-events:auto;cursor:pointer;transition:transform var(--duration-base) var(--ease-out-expo)}.thumbnail:hover{z-index:10}.thumbnail-image-wrap{position:relative;overflow:hidden;border-radius:3px;box-shadow:0 4px 20px #0000000f,0 1px 4px #0000000a;transition:box-shadow var(--duration-base) var(--ease-out-expo),transform var(--duration-base) var(--ease-out-expo)}.thumbnail:hover .thumbnail-image-wrap{box-shadow:0 12px 40px #0000001f,0 4px 12px #0000000f;transform:scale(1.04)}.thumbnail-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--duration-slow) var(--ease-out-expo)}.thumbnail:hover .thumbnail-image{transform:scale(1.06)}.thumbnail-label{display:block;margin-top:var(--space-xs);font-size:var(--text-xs);font-weight:500;letter-spacing:.03em;color:var(--color-text-muted);text-align:center;opacity:0;transform:translateY(6px);transition:opacity var(--duration-base) var(--ease-out-expo),transform var(--duration-base) var(--ease-out-expo)}.thumbnail:hover .thumbnail-label{opacity:1;transform:translateY(0)}.thumbnail[data-position="0"]{top:4%;left:10%;width:clamp(120px,12vw,180px)}.thumbnail[data-position="1"]{top:2%;left:42%;width:clamp(110px,11vw,165px)}.thumbnail[data-position="2"]{top:4%;right:10%;width:clamp(115px,11vw,170px)}.thumbnail[data-position="3"]{bottom:4%;left:12%;width:clamp(120px,12vw,175px)}.thumbnail[data-position="4"]{bottom:2%;left:42%;width:clamp(115px,11vw,168px)}.thumbnail[data-position="5"]{bottom:4%;right:10%;width:clamp(120px,12vw,180px)}.home--grid{flex-direction:column;align-items:center;justify-content:flex-start;padding-top:var(--space-2xl);min-height:auto;overflow:visible}.home-headline--compact{font-size:var(--text-2xl);max-width:550px;margin-bottom:var(--space-2xl)}.home-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);width:100%;max-width:var(--container-width);padding:0 var(--page-gutter)}.home-grid .thumbnail--grid,.home-grid .thumbnail--grid[data-position="0"],.home-grid .thumbnail--grid[data-position="1"],.home-grid .thumbnail--grid[data-position="2"],.home-grid .thumbnail--grid[data-position="3"],.home-grid .thumbnail--grid[data-position="4"],.home-grid .thumbnail--grid[data-position="5"]{position:relative;inset:auto;width:100%;transform:none}.home-grid .thumbnail--grid .thumbnail-image-wrap{aspect-ratio:4 / 5}.home-grid .thumbnail--grid .thumbnail-image{width:100%;height:100%;object-fit:cover}.home-grid .thumbnail--grid:hover{transform:translateY(-4px)}.home-grid .thumbnail--grid .thumbnail-label{opacity:1;transform:translateY(0)}@media(max-width:768px){.home{padding:var(--space-lg) var(--page-gutter) var(--space-3xl);min-height:auto}.home-hero{flex-direction:column;min-height:auto;gap:var(--space-xl)}.home-headline{font-size:clamp(2rem,6vw,3rem)}.home-thumbnails{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);padding:var(--space-lg) 0}.thumbnail{position:relative!important;width:100%!important;inset:auto!important;transform:none!important}.thumbnail:hover{transform:translateY(-4px)!important}.thumbnail-label{opacity:1;transform:translateY(0)}.home-grid{grid-template-columns:1fr 1fr;gap:var(--space-md)}.home-headline--compact{font-size:clamp(1.5rem,5vw,2.25rem)}}.project{padding:var(--space-3xl) 0 var(--space-2xl)}.project-header{max-width:var(--container-width);margin:0 auto;padding:0 var(--page-gutter);margin-bottom:var(--space-2xl)}.project-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:800;color:var(--color-headline);margin-bottom:var(--space-md)}.project-description{font-size:var(--text-md);line-height:1.7;color:var(--color-text-muted);max-width:55ch}.project-content{max-width:var(--container-width);margin:0 auto;padding:0 var(--page-gutter);display:flex;flex-direction:column;gap:var(--space-2xl)}.project-content .project-text-block+.project-triptych{margin-top:calc(var(--space-2xl) * -.8)}.project-content>*:last-child{margin-top:calc(var(--space-2xl) * -.6)}.project-hero{width:100%;border-radius:4px;overflow:hidden;background-color:var(--color-bg-warm)}.project-hero img{width:100%;height:auto;display:block}.project-triptych{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.triptych-card{display:flex;flex-direction:column;gap:var(--space-xs)}.triptych-video{position:relative;aspect-ratio:9 / 16;border-radius:4px;overflow:hidden;background-color:#1a1a1a;cursor:pointer}.triptych-video video{width:100%;height:100%;object-fit:cover;display:block}.triptych-video--iframe iframe{width:100%;height:100%;display:block}.triptych-video img{width:100%;height:100%;object-fit:cover;display:block}.triptych-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:#0003;color:#fff;transition:opacity var(--duration-base) var(--ease-out-expo),background-color var(--duration-base) var(--ease-out-expo)}.triptych-play:hover{background-color:#00000059}.triptych-play--hidden{opacity:0;pointer-events:none}.triptych-caption{font-size:var(--text-sm);line-height:1.5;color:var(--color-text-muted);max-width:none}.project-text-block{max-width:var(--container-narrow);margin:0;width:100%}.project-subheadline{font-family:var(--font-display);font-size:var(--text-xl);font-weight:800;color:var(--color-headline);margin-bottom:var(--space-md);text-align:left}.project-subblurb{font-size:var(--text-md);line-height:1.7;color:var(--color-text-muted);max-width:55ch;text-align:left}.project-photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);align-items:stretch}.project-photo-grid-item{position:relative;aspect-ratio:9 / 16;border-radius:4px;overflow:hidden}.project-photo-grid-item img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center top}.project-photo-grid-item--natural{aspect-ratio:unset;position:relative;min-height:100%}.project-photo-grid-item--natural img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top}.project-footer-note{max-width:var(--container-narrow);margin:0;width:100%}.project-footer-text{font-family:var(--font-display);font-size:var(--text-xl);font-weight:800;color:var(--color-headline);line-height:1.15}.project-footer-link{color:var(--color-headline);text-decoration:underline;text-underline-offset:3px;transition:opacity var(--duration-fast) var(--ease-out-expo)}.project-footer-link:hover{opacity:.6}.project-footer-nowrap{white-space:nowrap}.project-nav{max-width:var(--container-width);margin:0 auto;padding:var(--space-2xl) var(--page-gutter) 0;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--color-border);margin-top:var(--space-2xl)}.project-nav-link{display:flex;flex-direction:column;gap:var(--space-2xs);transition:color var(--duration-fast) var(--ease-out-expo)}.project-nav-link:hover{color:var(--color-headline)}.project-nav-link .label{font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-light)}.project-nav-link .title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:800;color:inherit}.project-nav-link--next{text-align:right;margin-left:auto}@media(max-width:768px){.project{padding-top:var(--space-2xl)}.project-header{margin-bottom:var(--space-xl)}.project-triptych{grid-template-columns:repeat(3,1fr);gap:var(--space-sm)}.triptych-caption{font-size:var(--text-xs)}.project-nav{flex-direction:column;gap:var(--space-lg);align-items:stretch}.project-nav-link--next{text-align:left}}@media(max-width:480px){.project-triptych{grid-template-columns:1fr;gap:var(--space-lg);max-width:320px;margin:0 auto}}.about{padding:var(--space-3xl) 0 var(--space-2xl)}.about-inner{max-width:var(--container-narrow);margin:0 auto;padding:0 var(--page-gutter)}.about-headline{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:800;color:var(--color-headline);margin-bottom:var(--space-lg)}.about-blurb{font-size:var(--text-md);line-height:1.8;color:var(--color-text);margin-bottom:var(--space-2xl);max-width:60ch}.about-photo{width:100%;border-radius:4px;overflow:hidden;background-color:var(--color-bg-warm);margin-bottom:var(--space-2xl)}.about-photo img{width:100%;height:auto;display:block}.about-links{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-2xl)}.about-links a{font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-border);border-radius:100px;transition:color var(--duration-fast) var(--ease-out-expo),border-color var(--duration-fast) var(--ease-out-expo)}.about-links a:hover,.about-links .about-resume-link{color:var(--color-headline);border-color:var(--color-headline)}.about-experience{border-top:1px solid var(--color-border);padding-top:var(--space-2xl)}.about-experience h2{font-family:var(--font-display);font-size:var(--text-xl);font-weight:800;color:var(--color-headline);margin-bottom:var(--space-xl)}.experience-list{display:flex;flex-direction:column}.experience-item{display:grid;grid-template-columns:1.2fr 1fr auto;gap:var(--space-md);align-items:baseline;padding:var(--space-md) 0;border-bottom:1px solid var(--color-border)}.experience-item:last-child{border-bottom:none}.exp-role{font-weight:500;color:var(--color-text)}.exp-company{color:var(--color-text-muted)}.exp-dates{font-size:var(--text-sm);color:var(--color-text-light);text-align:right}@media(max-width:768px){.about{padding-top:var(--space-2xl)}.experience-item{grid-template-columns:1fr;gap:var(--space-2xs)}.exp-dates{text-align:left}}#transition-overlay{position:fixed;inset:0;z-index:200;background-color:var(--color-overlay);transform:scaleY(0);transform-origin:bottom;pointer-events:none;will-change:transform}