:root{color:#243128;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--background:#8d9f85;--text-strong:#14231c;--text-muted:#243128;--surface-raised:#ffffff61;--surface-border:#14231c42;--accent:#284b38;background:#8d9f85;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html{background:var(--background);scroll-behavior:smooth;min-width:320px}body{background:var(--background);min-width:320px;min-height:100vh;margin:0}#app{isolation:isolate;min-height:100svh;position:relative}.page-background{z-index:0;pointer-events:none;position:fixed;inset:0}.site-shell{z-index:1;position:relative}button,a{font:inherit}::selection{color:var(--background);background:var(--accent)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.site-shell{grid-template-columns:200px minmax(0,1fr);column-gap:71px;width:min(1314px,100% - 96px);margin:0 auto;padding:95px 0 104px;display:grid}.sidebar{align-self:start;position:sticky;top:72px}.identity{margin:0 0 78px}.identity-copy{min-width:0}.avatar{object-fit:cover;background:#252424;border-radius:50%;width:108px;height:108px;margin-bottom:26px;display:block}.name{color:var(--text-strong);letter-spacing:-.04em;margin:0;font-size:29px;font-weight:600;line-height:1}.profile-meta{color:var(--text-muted);gap:8px;margin-top:16px;font-size:15px;line-height:1.25;display:grid}.profile-meta span,.profile-meta time{white-space:nowrap;align-items:center;gap:8px;display:flex}.profile-meta svg{flex:none;width:16px;height:16px}.svg-filter-defs{pointer-events:none;width:0;height:0;position:fixed;overflow:hidden}.site-nav{isolation:isolate;width:100%;position:relative}.site-nav ul{z-index:1;gap:14px;margin:0;padding:0;list-style:none;display:grid;position:relative}.site-nav a{width:fit-content;min-height:46px;color:var(--text-muted);border-radius:999px;justify-content:flex-start;align-items:center;padding:0 16px;font-size:16px;line-height:1;text-decoration:none;transition:color .18s ease-out;display:flex}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--text-strong)}.nav-label{display:inline-block}.site-nav a[aria-current=page] .nav-label{opacity:0}@keyframes nav-bubble-expand-home{0%{transform:scale(1.04)}14%,64%{transform:scale(1.18)}82%{transform:scale(.985)}to{transform:scale(1)}}@keyframes nav-bubble-expand-photos{0%{transform:scale(1.04)}14%,64%{transform:scale(1.18)}82%{transform:scale(.985)}to{transform:scale(1)}}@keyframes nav-bubble-expand-projects{0%{transform:scale(1.04)}14%,64%{transform:scale(1.18)}82%{transform:scale(.985)}to{transform:scale(1)}}.nav-active-pill{z-index:2;opacity:0;pointer-events:none;isolation:isolate;will-change:transform, width, height;border-radius:999px;transition:transform .46s cubic-bezier(.22,1,.36,1),width .46s cubic-bezier(.22,1,.36,1),height .46s cubic-bezier(.22,1,.36,1),opacity .18s ease-out;position:absolute;top:0;left:0;overflow:visible}.nav-active-pill.is-visible{opacity:1}.nav-active-pill__bubble,.nav-active-pill__magnified-label,.nav-active-pill__surface,.nav-active-pill__refraction,.nav-active-pill__shine{border-radius:inherit;position:absolute;inset:0}.nav-active-pill__bubble{transform-origin:50%;will-change:transform;overflow:hidden;transform:scale(1);box-shadow:0 7px 22px #1a2d221a}html[data-nav-moving=true] .nav-active-pill[data-page=home] .nav-active-pill__bubble{animation:.52s linear nav-bubble-expand-home}html[data-nav-moving=true] .nav-active-pill[data-page=photos] .nav-active-pill__bubble{animation:.52s linear nav-bubble-expand-photos}html[data-nav-moving=true] .nav-active-pill[data-page=projects] .nav-active-pill__bubble{animation:.52s linear nav-bubble-expand-projects}.nav-active-pill__magnified-label{z-index:0;color:var(--text-strong);transform-origin:50%;place-items:center;font-size:16px;line-height:1;display:grid}.nav-active-pill__surface{z-index:1;background:linear-gradient(145deg,#fff3,#eef4e414 58%,#ffffff0a);border:1px solid #ffffff80;box-shadow:inset 0 1px #ffffff9e,inset 0 -1px #182d2114}.nav-active-pill__refraction{z-index:2;pointer-events:none;inset:1px;box-shadow:inset 1px -1px 2px #ffffff85,inset 0 -1px 2px #ffffff7a,inset -1px -1px 2px #ffffff6b,inset 1px 1px 2px #36483d52,inset -8px 4px 10px -6px #2d41343d,inset -1px 1px 6px #2d413433,-1px -1px 8px #ffffff29,1px 1px 2px #2d413424,2px 2px 6px #2d41341c,inset -2px -1px 2px #ffffff3d,3px 6px 16px -6px #24382b47}.nav-active-pill__shine{z-index:3;background:linear-gradient(112deg,#ffffff26,#0000 32% 72%,#ffffff0f);border:1px solid #ffffff1f;inset:2px}.content{width:100%;min-width:0;max-width:977px}.intro h1,.letters h2,.projects-preview h2,.projects-page h1,.photos-page h1{color:var(--text-strong);letter-spacing:-.035em;margin:0;font-size:25px;font-weight:600;line-height:1.25}.projects-preview{margin-top:80px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:36px;display:grid}.projects-preview .project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.project-card{min-width:0;color:var(--text-strong);gap:10px;text-decoration:none;display:grid}.progressive-media{--media-rest-scale:1;--media-loading-scale:1.035;--media-hover-scale:1.025;background:#e6ebd352;display:block;position:relative;overflow:hidden}.progressive-media:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(105deg,#0000 36%,#ffffff14 43%,#ffffff75 50%,#ffffff14 57%,#0000 64%);transition:opacity .28s ease-out;animation:1.55s ease-in-out infinite media-shimmer;position:absolute;inset:-35% -70%;transform:translate(-34%)}.progressive-media img{opacity:0;object-fit:cover;width:100%;height:100%;transform:scale(var(--media-loading-scale));transition:opacity .52s ease-out,transform .72s cubic-bezier(.16,1,.3,1);display:block}.progressive-media.is-loaded:after{opacity:0;animation-play-state:paused}.progressive-media.is-loaded img{opacity:1;transform:scale(var(--media-rest-scale))}@keyframes media-shimmer{to{transform:translate(34%)}}.project-cover{z-index:0;border-radius:14px;width:100%;height:150px;position:relative}.project-card:hover .project-cover.is-loaded img{transform:scale(var(--media-hover-scale))}.project-cover--topoflow{--media-rest-scale:1.06;--media-loading-scale:1.095;--media-hover-scale:1.085}.project-title{color:var(--text-muted);letter-spacing:-.01em;font-size:15px;font-weight:500;line-height:1.3}.view-more-projects{border:1px solid var(--surface-border);height:150px;color:var(--text-strong);background:var(--surface-raised);letter-spacing:-.02em;border-radius:14px;flex-direction:column;justify-content:space-between;gap:24px;padding:18px;font-size:16px;font-weight:600;line-height:1.3;text-decoration:none;transition:background-color .18s ease-out;display:flex}.view-more-projects:hover{background:#ffffff8a}.view-more-projects svg{align-self:flex-end;width:26px;height:26px;transition:transform .18s ease-out}.view-more-projects:hover svg{transform:translate(3px,-3px)}.projects-page h1,.photos-page h1{font-size:38px}.projects-page .project-grid{margin-top:0}.photo-gallery{gap:12px;margin-top:0;display:grid}.photo-row{content-visibility:auto;contain-intrinsic-size:auto 240px;align-items:flex-start;gap:12px;min-width:0;display:flex}.photo-tile{background:var(--surface-raised);cursor:zoom-in;appearance:none;border:0;border-radius:12px;min-width:0;margin:0;padding:0;overflow:hidden}.photo-tile:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.photo-media{border-radius:inherit;--media-hover-scale:1.015;width:100%;height:100%}.photo-tile:hover .photo-media.is-loaded img{transform:scale(var(--media-hover-scale))}.photo-lightbox{z-index:1000;-webkit-backdrop-filter:blur(18px)saturate(.82);backdrop-filter:blur(18px)saturate(.82);background:#0c120ead;place-items:center;padding:clamp(18px,4vw,56px);animation:.18s ease-out both lightbox-fade-in;display:grid;position:fixed;inset:0}.photo-lightbox__frame{place-items:center;max-width:100%;max-height:100%;animation:.32s cubic-bezier(.22,1,.36,1) both lightbox-scale-in;display:grid}.photo-lightbox__image{object-fit:contain;border-radius:18px;width:auto;max-width:min(92vw,1600px);height:auto;max-height:calc(100dvh - clamp(48px,8vw,112px));display:block;box-shadow:0 30px 90px #040a0661}.photo-lightbox__close{z-index:1;color:#f7faef;-webkit-backdrop-filter:blur(16px)saturate(1.3);backdrop-filter:blur(16px)saturate(1.3);cursor:pointer;background:#2c3a306b;border:1px solid #ffffff7a;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;transition:transform .16s ease-out,background-color .16s ease-out;display:grid;position:fixed;top:24px;right:24px;box-shadow:inset 0 1px #ffffff5c,0 8px 28px #0000002e}.photo-lightbox__close:hover{background:#3f4e4394;transform:scale(1.06)}.photo-lightbox__close svg{width:20px;height:20px}@keyframes lightbox-fade-in{0%{opacity:0}}@keyframes lightbox-scale-in{0%{opacity:0;transform:scale(.965)}}.intro p{max-width:930px;color:var(--text-muted);letter-spacing:.005em;margin:17px 0 0;font-size:16px;line-height:1.75}.letters{margin-top:143px}.section-description{color:var(--text-muted);margin:5px 0 0;font-size:16px;line-height:1.45}.letter-list{gap:74px;margin:65px 0 0;padding:0;list-style:none;display:grid}.letter-link{color:inherit;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:40px;text-decoration:none;display:grid}.letter-title{color:var(--text-strong);font-size:16px;line-height:1.35;transition:color .16s ease-out}.letter-date{color:var(--text-muted);white-space:nowrap;font-size:21px;line-height:1.4}.letter-link:hover .letter-title{color:var(--accent)}.view-all{width:fit-content;color:var(--text-muted);align-items:center;gap:9px;margin-top:64px;font-size:16px;line-height:1;text-decoration:none;transition:color .16s ease-out;display:inline-flex}.view-all svg{width:18px;height:18px;transition:transform .16s ease-out}.view-all:hover{color:var(--text-strong)}.view-all:hover svg{transform:translate(2px,-2px)}.social-links{align-items:center;gap:12px;margin-top:18px;display:flex}.social-link{--liquid-ease:cubic-bezier(.16, 1, .3, 1);width:48px;height:48px;color:var(--text-strong);isolation:isolate;transition:transform .28s var(--liquid-ease);background:0 0;border:0;border-radius:50%;place-items:center;text-decoration:none;display:inline-grid;position:relative;transform:translateZ(0)}.social-link__glass,.social-link__lens,.social-link__rim{pointer-events:none;border-radius:50%;position:absolute;inset:0}.social-link__glass{transition:transform .42s var(--liquid-ease);will-change:transform;overflow:visible;transform:translateZ(0)scale(1)}.social-link__lens{-webkit-backdrop-filter:blur(18px)saturate(1.5);backdrop-filter:blur(18px)saturate(1.5);background:linear-gradient(145deg,#fff3,#eef4e414 58%,#ffffff0a);border:1px solid #ffffff80;transition:background .26s ease-out,box-shadow .26s ease-out;overflow:hidden;box-shadow:inset 0 1px #ffffffbd,inset 0 -1px #182d211f,0 7px 20px #1a2d221c}.social-link__rim{background:linear-gradient(125deg,#ffffff2e,#0000 37% 71%,#ffffff0f);border:1px solid #ffffff21;inset:1px;box-shadow:inset -4px -3px 9px #1d33260d,inset 3px 2px 8px #ffffff1a}.social-link__icon{z-index:2;transition:transform .32s var(--liquid-ease);place-items:center;display:grid;position:relative}.social-link__icon svg{width:22px;height:22px}.social-link:is(:hover,:focus-visible){transform:translateY(-2px)translateZ(0)}.social-link:is(:hover,:focus-visible) .social-link__glass{transform:translateZ(0)scale(1.08)}.social-link:is(:hover,:focus-visible) .social-link__lens{background:linear-gradient(145deg,#ffffff45,#eef4e41c 58%,#ffffff0d);box-shadow:inset 0 1px #ffffffd1,inset 0 -1px #182d2121,0 9px 24px #1a2d2224}.social-link:active{transform:translateY(0)translateZ(0)}.social-link:active .social-link__glass{transition-duration:.16s;transform:translateZ(0)scale(1.18,.94)}.social-link:active .social-link__icon{transform:scale(.96)}.social-link:focus-visible{border-radius:50%}a:focus-visible{outline:2px solid var(--accent);outline-offset:5px;border-radius:2px}@media (width<=900px){.site-shell{grid-template-columns:1fr;row-gap:74px;width:min(100% - 48px,700px);padding-top:42px}.sidebar{position:static}.identity{align-items:center;gap:22px;margin-bottom:40px;display:flex}.profile-meta{grid-template-columns:repeat(2,max-content);gap:14px;margin-top:10px}.avatar{width:72px;height:72px;margin:0}.site-nav ul{grid-template-columns:repeat(3,max-content);gap:14px}.site-nav a{justify-content:flex-start;font-size:16px}.letters{margin-top:95px}.projects-preview{margin-top:80px}}@media (width<=560px){.site-shell{row-gap:62px;width:calc(100% - 36px);padding:30px 0 72px}.name{font-size:25px}.site-nav{scrollbar-width:none;margin-inline:-18px;padding-inline:18px;overflow:visible}.site-nav::-webkit-scrollbar{display:none}.site-nav ul{gap:14px;width:max-content;display:flex}.intro h1,.letters h2,.projects-preview h2,.projects-page h1,.photos-page h1,.projects-page h1,.photos-page h1{font-size:25px}.photo-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:0}.photo-row{display:contents}.photo-tile{border-radius:10px;aspect-ratio:9/16!important;flex:none!important;width:100%!important;height:auto!important}.project-grid{scroll-snap-type:x proximity;scrollbar-width:none;grid-template-columns:none;grid-auto-columns:min(76vw,280px);grid-auto-flow:column;gap:16px;margin-inline:-18px;padding-inline:18px;overflow-x:auto}.projects-preview .project-grid{grid-template-columns:none;padding-left:20px;scroll-padding-left:20px}.projects-page .project-grid{scroll-snap-type:none;grid-template-columns:minmax(0,1fr);grid-auto-columns:auto;grid-auto-flow:row;margin-inline:0;padding-inline:0;overflow:visible}.projects-page .project-card{scroll-snap-align:none;width:100%}.project-title{text-align:center}.project-grid::-webkit-scrollbar{display:none}.project-card,.view-more-projects{scroll-snap-align:start}.intro p,.section-description,.view-all{font-size:19px}.intro p{margin-top:14px;line-height:1.65}.desktop-break{display:none}.letters,.projects-preview{margin-top:60px}.letter-list{gap:52px;margin-top:44px}.letter-link{grid-template-columns:1fr;gap:9px}.letter-title{font-size:19px}.letter-date{font-size:16px}.view-all{margin-top:52px}}@media (prefers-reduced-motion:reduce){.photo-tile img{transition:none}.nav-active-pill__bubble{animation:none!important}}.grainient-container{width:100%;height:100%;position:relative;overflow:hidden}