*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.bottom-0{bottom:0}.left-0{left:0}.z-\[41\]{z-index:41}.mt-0\.5{margin-top:.125rem}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.min-h-full{min-height:100%}.w-\[var\(--sidebar-width\)\]{width:var(--sidebar-width)}.w-full{width:100%}.max-w-\[34rem\]{max-width:34rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-4{gap:1rem}.space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}.overflow-y-auto{overflow-y:auto}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-r{border-right-width:1px}.border-solid{border-style:solid}.border-\[var\(--card-outline\)\]{border-color:var(--card-outline)}.border-\[var\(--rule\)\]{border-color:var(--rule)}.border-transparent{border-color:transparent}.bg-\[var\(--cta-bg\)\]{background-color:var(--cta-bg)}.bg-\[var\(--surface\)\]{background-color:var(--surface)}.bg-\[var\(--surface-strong\)\]{background-color:var(--surface-strong)}.p-5{padding:1.25rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.pt-0{padding-top:0}.text-left{text-align:left}.text-\[14px\]{font-size:14px}.text-\[17px\]{font-size:17px}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.lowercase{text-transform:lowercase}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.tracking-\[-0\.015em\]{letter-spacing:-.015em}.tracking-\[-0\.02em\]{letter-spacing:-.02em}.text-\[var\(--cta-ink\)\]{color:var(--cta-ink)}.text-ink{--tw-text-opacity: 1;color:rgb(var(--ink-rgb) / var(--tw-text-opacity, 1))}.text-ink\/50{color:rgb(var(--ink-rgb) / .5)}.text-ink\/65{color:rgb(var(--ink-rgb) / .65)}.text-ink\/70{color:rgb(var(--ink-rgb) / .7)}.text-ink\/80{color:rgb(var(--ink-rgb) / .8)}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{color-scheme:light;--page-bg: #fafafa;--page-bg-rgb: 250, 250, 250;--ink: #111112;--ink-rgb: 17, 17, 18;--card-outline: rgba(17, 17, 18, .07);--rule: rgba(17, 17, 18, .16);--surface: rgba(17, 17, 18, .03);--surface-hover: rgba(17, 17, 18, .06);--surface-strong: rgba(17, 17, 18, .08);--shadow-soft: 0 2px 10px rgba(17, 17, 18, .06);--shadow-lift: 0 6px 20px rgba(17, 17, 18, .1);--cta-bg: #111112;--cta-ink: #fafafa;--cta-hover: #2a2a2c;--cta-icon-bg: #fafafa;--cta-icon-ink: #111112;--content-max: 1360px;--page-gutter: 20px;--project-tile-width: 82vw;--font: "Inter Display", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;font-family:var(--font);font-weight:400;line-height:1.4;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=dark]{color-scheme:dark;--page-bg: #030303;--page-bg-rgb: 3, 3, 3;--ink: #fafafa;--ink-rgb: 250, 250, 250;--card-outline: rgba(250, 250, 250, .1);--rule: rgba(250, 250, 250, .16);--surface: rgba(250, 250, 250, .04);--surface-hover: rgba(250, 250, 250, .08);--surface-strong: rgba(250, 250, 250, .1);--shadow-soft: 0 2px 10px rgba(0, 0, 0, .5);--shadow-lift: 0 6px 20px rgba(0, 0, 0, .6);--cta-bg: #fafafa;--cta-ink: #0b0b0c;--cta-hover: #e6e6e6;--cta-icon-bg: #0b0b0c;--cta-icon-ink: #fafafa}*{box-sizing:border-box}html{scroll-behavior:smooth;height:100%;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;height:100%;min-width:320px;background:var(--page-bg);color:var(--ink);overflow:hidden}a{color:inherit;text-decoration:none}a,a *,button,button *{cursor:pointer!important}.folder-card,.hero-nav-cta,.theme-toggle,.folder-page-back{-webkit-user-select:none;-moz-user-select:none;user-select:none}a:focus-visible,button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}#root{width:100%}.page-shell{position:relative;height:100dvh;overflow-y:auto;overflow-x:clip}.page-canvas{position:relative;min-height:100%;overflow:clip;background:var(--page-bg)}.hero-section{position:relative;z-index:1;min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr);overflow:hidden;padding:clamp(2rem,4.5vw,3.25rem) clamp(1.5rem,5vw,4.5rem) clamp(1rem,2vw,1.5rem);color:var(--ink)}.site-nav,.hero-content{position:relative;z-index:1;width:100%;max-width:var(--content-max);margin-left:auto;margin-right:auto}.hero-footer{position:relative;z-index:1;width:auto}.site-logo:focus-visible,.hero-nav-cta:focus-visible,.folder-card:focus-visible,.hero-footer a:focus-visible{outline-color:var(--ink)}.hero-nav-cta{display:inline-flex;align-items:center;gap:.55rem;height:var(--header-btn-h);padding:0 .35rem 0 1.1rem;background:var(--cta-bg);color:var(--cta-ink);border-radius:999px;font-size:.9rem;font-weight:500;letter-spacing:-.01em;transition:background .26s ease,color .26s ease,transform .32s cubic-bezier(.22,1,.36,1)}.hero-nav-cta-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--cta-icon-bg);color:var(--cta-icon-ink);font-size:.85rem;transition:transform .32s cubic-bezier(.22,1,.36,1)}.hero-nav-cta:hover,.hero-nav-cta:focus-visible{transform:translateY(-1px);color:#f4f4f5;background:linear-gradient(100deg,#2a2a2c,#444448 18%,#6f7176,#a9abb0,#6f7176,#444448 82%,#2a2a2c);background-size:220% 100%;background-position:200% 0;box-shadow:inset 0 1px #ffffff59,inset 0 -1px #00000059,0 6px 18px -8px #00000073;animation:cta-shimmer 1.5s linear infinite}.hero-nav-cta:hover .hero-nav-cta-icon,.hero-nav-cta:focus-visible .hero-nav-cta-icon{transform:translate(1px,-1px);background:#f4f4f5;color:#1a1a1c}@keyframes cta-shimmer{to{background-position:-20% 0}}@media (prefers-reduced-motion: reduce){.hero-nav-cta:hover,.hero-nav-cta:focus-visible{animation:none;background-position:50% 0}}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:var(--header-btn-h);height:var(--header-btn-h);border:.7px solid var(--card-outline);border-radius:50%;background:rgba(var(--ink-rgb),.1);color:var(--ink);cursor:pointer;transition:background .26s ease,transform .32s cubic-bezier(.22,1,.36,1)}.theme-toggle:hover{background:rgba(var(--ink-rgb),.28);transform:translateY(-1px)}.theme-toggle:focus-visible{outline-color:var(--ink)}.theme-toggle svg{width:17px;height:17px}@media (min-width: 761px){.theme-toggle svg{width:16px;height:16px}.hero-nav-cta-icon{width:26px;height:26px}}.hero-content{--content-gap: clamp(1.25rem, 2vw, 1.75rem);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;gap:var(--content-gap);padding:0;min-height:0}.hero-title{margin:0;font-size:clamp(1.4375rem,1.0625rem + 1.64vw,1.875rem);font-weight:500;line-height:1.3;letter-spacing:-.02em}.hero-bio{margin:0;max-width:min(38rem,60vw);font-size:14px;font-weight:400;line-height:1.5;letter-spacing:-.025em;color:rgba(var(--ink-rgb),.92)}.page-enter>*{animation:page-in 1.1s cubic-bezier(.22,1,.36,1) backwards}.page-enter>*:nth-child(1){animation-delay:.1s}.page-enter>*:nth-child(2){animation-delay:.22s}.page-enter>*:nth-child(3){animation-delay:.34s}.page-enter>*:nth-child(4){animation-delay:.46s}.hero-title--animated .hero-title-line{display:inline-block;overflow:clip;padding-bottom:.08em;margin-bottom:-.08em;vertical-align:top;animation:hero-line-in .9s cubic-bezier(.22,1,.36,1) backwards}.hero-title--animated .hero-title-line:nth-child(1){animation-delay:.26s}.hero-title--animated .hero-title-line:nth-child(3){animation-delay:.38s}.hero-title--animated .hero-title-line:nth-child(5){animation-delay:.5s}@keyframes hero-line-in{0%{opacity:0;transform:translateY(.75em)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.hero-title--animated .hero-title-line{animation:none}}.loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;place-items:center;padding:var(--main-pad-x);background:var(--page-bg);transition:background-color .7s ease .4s}.loader.is-flying{background-color:transparent;pointer-events:none}.loader-stack{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(1.25rem,3vw,2rem);max-width:100%;text-align:left}.loader-logo,.loader-title{transform-origin:top left;will-change:transform}.loader-logo{display:block;height:4.5rem;width:auto;animation:loader-pulse 1.4s ease-in-out infinite}.loader-title{font-size:clamp(1.4375rem,1.0625rem + 1.64vw,1.875rem);font-weight:500;line-height:1.3;letter-spacing:-.02em;color:var(--ink)}.loader.is-flying .loader-logo,.loader.is-flying .loader-title{animation:none;transform:translate(var(--fly-x, 0),var(--fly-y, 0)) scale(var(--fly-scale, 1));transition:transform .95s cubic-bezier(.32,.72,.2,1)}body:has(.loader) .hero-title,body:has(.loader) .app-topbar-logo img{opacity:0}@keyframes loader-pulse{0%,to{opacity:1}50%{opacity:.55}}@media (max-width: 760px){.loader-title{text-wrap:balance}.loader-title .hero-title-break{display:none}.loader-logo{height:3.5rem}}@media (prefers-reduced-motion: reduce){.loader{display:none}}@keyframes page-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes page-fade{0%{opacity:0}to{opacity:1}}@keyframes tile-in{0%{opacity:0;transform:translateY(34px) scale(.985);filter:blur(5px)}60%{filter:blur(0)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.page-swap>*{animation:page-swap-in .42s cubic-bezier(.22,1,.36,1) backwards}.page-swap>*:nth-child(2){animation-delay:40ms}.page-swap>*:nth-child(3){animation-delay:80ms}.page-swap>*:nth-child(4){animation-delay:.12s}@keyframes page-swap-in{0%{opacity:.35;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}::view-transition-old(root),::view-transition-new(root){animation-duration:.48s;animation-timing-function:cubic-bezier(.22,1,.36,1)}@media (prefers-reduced-motion: reduce){.page-enter>*,.page-swap>*{animation:none}::view-transition-old(root),::view-transition-new(root){animation:none}}.folder-page,.work-page{align-items:stretch;justify-content:flex-start;text-align:left}.work-page .folder-page-back{align-self:flex-start;margin-bottom:1.5rem}.work-page-title{margin-bottom:.5rem}.work-page--grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));-moz-column-gap:clamp(.75rem,1.6vw,1.25rem);column-gap:clamp(.75rem,1.6vw,1.25rem);row-gap:clamp(2rem,4vw,3.25rem);align-content:start}.work-page--grid>*{grid-column:1 / -1}.work-page--grid>.folder-page-back{grid-column:1 / span 3;justify-self:start}.work-hero{display:grid;grid-template-columns:subgrid;align-items:start;gap:clamp(1.25rem,3vw,2rem)}@media (min-width: 861px){.work-hero{margin-top:-30px}}.work-hero .work-page-title{grid-column:1 / span 5;margin:0;font-size:clamp(1.6rem,1.1rem + 2.2vw,2.6rem);line-height:1.1;text-wrap:balance}.work-hero-media{grid-column:6 / -1;overflow:hidden;border-radius:14px;border:1px solid var(--card-outline);background:var(--surface);aspect-ratio:16 / 9}.work-hero-media img,.work-hero-video{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.work-meta{display:grid;grid-template-columns:subgrid;margin:0;padding:clamp(1rem,2vw,1.4rem) 0;border-top:1px solid var(--card-outline);border-bottom:1px solid var(--card-outline)}.work-meta-item{grid-column:span 3;padding-left:clamp(.75rem,1.6vw,1.25rem);border-left:1px solid var(--card-outline)}.work-meta-item:first-child{padding-left:0;border-left:0}.work-meta-item dt{margin-bottom:.4rem;font-size:.68rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:rgba(var(--ink-rgb),.4)}.work-meta-item dd{margin:0;font-size:.82rem;line-height:1.45;color:rgba(var(--ink-rgb),.85)}.work-sections{display:grid;grid-template-columns:subgrid;row-gap:clamp(2.25rem,4.5vw,3.5rem)}.work-section{grid-column:1 / span 7;display:grid;grid-template-columns:2.5rem 1fr;-moz-column-gap:clamp(.75rem,1.6vw,1.25rem);column-gap:clamp(.75rem,1.6vw,1.25rem);align-items:baseline}.work-section:nth-child(2n){grid-column:6 / -1}.work-section-index{font-size:.7rem;font-weight:600;letter-spacing:.06em;color:rgba(var(--ink-rgb),.35);font-variant-numeric:tabular-nums}.work-section-heading{margin:0 0 .5rem;font-size:clamp(1rem,.94rem + .3vw,1.15rem);font-weight:600;letter-spacing:-.015em}.work-section-body{grid-column:2;margin:0;font-size:.9rem;line-height:1.65;color:rgba(var(--ink-rgb),.75)}.work-section-list{grid-column:2;margin:0;padding-left:1.1rem;font-size:.9rem;line-height:1.65;color:rgba(var(--ink-rgb),.75)}.work-section-list li{margin-bottom:.35rem}.work-section-list li:last-child{margin-bottom:0}.work-figures{grid-column:2;display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(.75rem,1.6vw,1.15rem);margin-top:clamp(1.25rem,2.5vw,1.75rem);max-width:68%}.work-figure{margin:0;overflow:hidden;border-radius:12px;border:1px solid var(--card-outline);background:var(--surface)}.work-figure--wide{grid-column:1 / -1}.work-figures--wide{grid-column:1 / -1;max-width:none}.work-figures--grid-2{grid-template-columns:repeat(2,1fr)}.work-figures--grid-2 .work-figure--wide{grid-column:1 / -1}.work-figure img{display:block;width:100%;height:auto}.work-slideshow{grid-column:1 / -1;margin-top:clamp(1.25rem,2.5vw,1.75rem)}.work-slideshow-frame{position:relative;aspect-ratio:1440 / 872;overflow:hidden;border-radius:12px;border:1px solid var(--card-outline);background:var(--surface)}.work-slide{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:0;transform:scale(1.015);transition:opacity .62s ease,transform .9s ease}.work-slide.is-current{opacity:1;transform:none}.work-slideshow-dots{display:flex;gap:.3rem;margin-top:.7rem}.work-slideshow-dot{width:100%;height:2px;padding:0;border:0;border-radius:999px;background:rgba(var(--ink-rgb),.18);transition:background .3s ease}.work-slideshow-dot.is-current{background:rgba(var(--ink-rgb),.65)}.work-slideshow-dot:hover{background:rgba(var(--ink-rgb),.4)}@media (prefers-reduced-motion: reduce){.work-slide{transform:none;transition:none}}.work-cta{justify-self:start;padding:.6rem 1.1rem;border:1px solid var(--card-outline);border-radius:999px;font-size:.85rem;font-weight:500;color:var(--ink);transition:background .2s ease}.work-cta:hover{background:var(--surface-hover)}@media (max-width: 860px){.work-page--grid,.work-hero,.work-meta,.work-sections{grid-template-columns:minmax(0,1fr)}.work-page--grid>.folder-page-back,.work-hero .work-page-title,.work-hero-media,.work-section,.work-section:nth-child(2n){grid-column:1 / -1}.work-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.work-meta-item{grid-column:auto;padding-left:0;border-left:0}.work-section{grid-template-columns:minmax(0,1fr)}.work-section-index{grid-column:1;margin-bottom:.35rem}.work-section-heading,.work-section-body,.work-section-list,.work-figures{grid-column:1}.work-figures,.work-figures--wide,.work-figures--grid-2{grid-template-columns:minmax(0,1fr);max-width:none}.app-main .hero-content.work-page--grid{max-width:none;padding-left:0;padding-right:0}.work-hero-media{margin-left:calc(-1 * var(--main-pad-x));margin-right:calc(-1 * var(--main-pad-x));border-radius:0;border-left:0;border-right:0}}.app-main .hero-content.work-page--empty{align-items:center;justify-content:center;text-align:center;min-height:60vh}.work-empty{display:flex;flex-direction:column;align-items:center;gap:.75rem}.work-empty-title{margin:0;font-size:clamp(1.4rem,3vw,1.9rem);font-weight:600;letter-spacing:-.02em;color:var(--ink)}.work-empty-text{margin:0;font-size:.95rem;color:rgba(var(--ink-rgb),.55)}.work-empty .folder-page-back{align-self:center;margin:.25rem 0 0}.folder-page--projects{align-items:stretch;justify-content:flex-start;text-align:left}.folder-page--projects .folder-page-back{align-self:center}.folder-page--projects .folder-page-back-row{align-self:flex-start;margin-top:clamp(2.5rem,4vw,3.5rem)}.folder-page--projects .folder-page-title{text-align:left}@media (min-width: 1440px) and (min-height: 780px){.folder-page--projects{justify-content:center}.folder-page--projects .folder-page-back-row{margin-top:0}}.folder-page-back{display:inline-flex;align-items:center;gap:.4rem;align-self:center;padding:.5rem 1.1rem;background:rgba(var(--ink-rgb),.1);border:.7px solid var(--card-outline);border-radius:999px;font-size:.9rem;font-weight:500;letter-spacing:-.01em;transition:background .26s ease,transform .32s cubic-bezier(.22,1,.36,1)}.folder-page-back:hover{background:rgba(var(--ink-rgb),.28);transform:translate(-2px)}.folder-page-back:focus-visible{outline-color:var(--ink)}.folder-page-title{margin:0}.folder-page-note{max-width:28rem}@keyframes caption-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-rise{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}.hero-section--about,.hero-section--stack{overflow:visible}.folder-page--index{align-items:stretch;justify-content:flex-start;text-align:left}.folder-page--index .folder-page-back{align-self:flex-start;margin-top:clamp(2.5rem,4vw,3.5rem)}.folder-page--index .folder-page-title{text-align:left}.folder-page--about{align-items:stretch;justify-content:flex-start;text-align:left;gap:0}.about-shell{display:flex;flex-direction:column;align-items:flex-start;width:100%;max-width:760px;margin:0}.folder-page--about .folder-page-back{align-self:flex-start;margin-top:clamp(2.5rem,4vw,3.5rem)}.about-nav{position:sticky;top:12px;z-index:5;display:flex;flex-wrap:wrap;gap:.35rem;align-self:flex-start;max-width:100%;margin:0 0 clamp(2.5rem,6vw,4rem);padding:.3rem;background:var(--surface);border:1px solid var(--card-outline);border-radius:10px;backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%)}.about-nav-pill{padding:.45rem .9rem;border-radius:6px;font-size:13px;font-weight:500;letter-spacing:-.01em;white-space:nowrap;color:rgba(var(--ink-rgb),.75);transition:background .22s ease,color .22s ease}.about-nav-pill:hover{color:var(--ink);background:rgba(var(--ink-rgb),.14)}.about-nav-pill.is-active{color:var(--cta-ink);background:var(--cta-bg)}.about{display:flex;flex-direction:column;gap:clamp(1.75rem,4.5vw,3.25rem);width:100%;padding-bottom:clamp(2rem,6vw,4rem)}.about-section{position:relative;scroll-margin-top:92px;display:flex;flex-direction:column;gap:1.15rem}.about-section p{margin:0;font-size:14px;line-height:1.6;letter-spacing:-.025em;color:rgba(var(--ink-rgb),.88)}.about-section--hero{gap:1.35rem}.hero-title.about-headline{margin:0;letter-spacing:-.02em}.about-headline span{display:block;white-space:nowrap}.about-section .about-lede{margin-top:.85rem;font-size:clamp(1rem,.94rem + .27vw,1.125rem);font-weight:500;line-height:1.3;letter-spacing:-.02em;color:var(--ink)}@media (min-width: 761px){.about-nav{margin-bottom:1.75rem}}.about-index{font-size:13px;font-weight:500;letter-spacing:.12em;color:rgba(var(--ink-rgb),.55)}.about-title{margin:0;font-size:clamp(1.125rem,1rem + .55vw,1.375rem);font-weight:500;line-height:1.2;letter-spacing:-.02em}.about-section .about-lead-line{font-size:clamp(1rem,.94rem + .27vw,1.125rem);font-weight:500;line-height:1.35;letter-spacing:-.02em;color:var(--ink)}.about-list{list-style:none;margin:.25rem 0 0;padding:0;display:grid;gap:.7rem}.about-list li{position:relative;padding:.85rem 1.15rem .85rem 2.65rem;background:var(--surface);border:1px solid var(--card-outline);border-radius:8px;font-size:14px;line-height:1.6;letter-spacing:-.025em;color:rgba(var(--ink-rgb),.88);transition:background .22s ease,border-color .22s ease}.about-list li:hover{background:var(--surface-hover);border-color:rgba(var(--ink-rgb),.22)}.about-list li:before{content:"";position:absolute;left:1.15rem;top:1.45rem;width:6px;height:6px;border-radius:50%;background:var(--ink);opacity:.8}.about-section .about-punch{font-size:20px;font-weight:500;line-height:1.4;letter-spacing:-.02em;color:var(--ink)}.reveal>*{opacity:0;transform:translateY(13px);transition:opacity .36s cubic-bezier(.22,1,.36,1),transform .36s cubic-bezier(.22,1,.36,1)}.reveal.reveal--shown>*{opacity:1;transform:none}.reveal.reveal--shown>*:nth-child(2){transition-delay:35ms}.reveal.reveal--shown>*:nth-child(3){transition-delay:70ms}.reveal.reveal--shown>*:nth-child(4){transition-delay:105ms}.reveal.reveal--shown>*:nth-child(5){transition-delay:.14s}.reveal.reveal--shown>*:nth-child(6){transition-delay:175ms}.reveal.reveal--shown>*:nth-child(7){transition-delay:.21s}@media (prefers-reduced-motion: reduce){.reveal>*{opacity:1;transform:none;transition:none}}@media (max-width: 620px){.about-nav{justify-content:flex-start;align-self:stretch;gap:.1rem}.about-nav-pill{padding:.45rem .7rem;font-size:15px}}.hero-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:var(--footer-h);margin:0 calc(-1 * var(--main-pad-x));padding:0 calc(var(--main-pad-x) + .85rem);border-top:1px solid var(--rule);font-size:14px;font-weight:500;letter-spacing:-.01em;color:rgba(var(--ink-rgb),.8)}.hero-footer p{margin:0;font-size:14px}.hero-footer a{transition:color .18s ease}.hero-footer a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:4px}@media (max-width: 980px){.hero-bio{max-width:none}}@media (max-width: 760px){.hero-section{padding:20px 20px clamp(1rem,2vw,1.5rem)}.hero-content{align-items:flex-start;text-align:left;gap:1.25rem}.about-section .about-punch{font-size:clamp(1rem,.94rem + .27vw,1.125rem)}.hero-title-break{display:none}.hero-title--animated{text-wrap:balance}.hero-title--animated .hero-title-line{display:inline;overflow:visible;padding-bottom:0;margin-bottom:0;animation:none}.hero-bio{font-size:15px;margin-top:-.5rem}.folder-page,.folder-page--projects{align-items:flex-start;justify-content:flex-start;text-align:left}.folder-page--projects .folder-page-back-row{margin-top:calc(1.25rem + 20px)}.folder-page--projects .folder-page-back{align-self:flex-start}.folder-page--about{align-items:stretch;text-align:left}.folder-page--about .folder-page-back{margin-top:calc(2.5rem + 20px)}.folder-page--index{align-items:stretch;justify-content:flex-start;text-align:left}.folder-page--index .folder-page-back{margin-top:calc(2.5rem + 20px)}.hero-footer{flex-direction:column;align-items:flex-start;justify-content:center;gap:.35rem;min-height:0;padding-top:1.1rem;padding-bottom:1.1rem}.cta-docked .site-nav .hero-nav-cta,.cta-docked .site-nav .hero-nav-cta:hover,.cta-docked .site-nav .hero-nav-cta:focus-visible{left:auto;right:20px;transform:none}}@media (max-width: 753px) and (min-width: 550px){.hero-section{padding-left:clamp(2rem,8vw,3.5rem);padding-right:clamp(2rem,8vw,3.5rem)}}@media (min-width: 761px){.hero-section{min-height:100dvh;padding-bottom:1.25rem}:root{--content-max: max(732px, 384px + 20vw, 30vw);--page-gutter: max( clamp(1.5rem, 5vw, 4.5rem), calc(50vw - var(--content-max) / 2) );--project-tile-width: min(44vw, 476px)}.hero-content{--content-gap: clamp(1rem, 1.6vw, 1.4rem)}.hero-title{letter-spacing:-.02em}}:root{--sidebar-width: 16.16rem;--main-pad-x: clamp(1.25rem, 3.4vw, 3rem);--rail-left: 0px;--layout-max: 1600px;--header-btn-h: 40px;--header-h: 4.125rem;--footer-h: 4.8rem}.app-sidebar{background:var(--page-bg);background-clip:content-box}.app-sidebar-rail{top:0;padding-top:var(--header-h)}.page-shell{height:100dvh}.app-main,.app-sidebar-rail{min-height:100dvh}@media (min-width: 900px){.app-inset{padding-left:var(--sidebar-width)}}.app-sidebar,.app-sidebar-rail,.app-sidebar-footer{border-color:var(--rule)}.app-sidebar-footer{height:var(--footer-h);justify-content:center}.app-sidebar{border-right-style:solid}.app-sidebar-footer{border-top-style:solid}.app-sidebar ul{list-style:none;margin:0;padding:0}.app-main{position:relative;z-index:1;display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr);padding:var(--header-h) var(--main-pad-x) 0;color:var(--ink)}@media (min-width: 900px){.app-main{padding-top:calc(var(--header-h) + 8px)}}.app-main .hero-content{max-width:1120px;margin-left:auto;margin-right:auto;width:100%}.app-topbar{position:fixed;top:0;left:0;right:0;z-index:42;display:flex;align-items:center;gap:.75rem;height:var(--header-h);padding:0 clamp(1.5rem,2.6vw,2rem);background:rgba(var(--page-bg-rgb),.1);backdrop-filter:blur(20px) saturate(170%);-webkit-backdrop-filter:blur(20px) saturate(170%);border-bottom:1px solid var(--rule)}@media (min-width: 900px){.app-topbar:after{content:"";position:absolute;top:0;bottom:0;left:calc(var(--rail-left, 0px) + var(--sidebar-width));width:1px;background:var(--rule);pointer-events:none}}@supports not (backdrop-filter: blur(1px)){.app-topbar{background:var(--page-bg)}}.app-topbar-logo{display:flex;align-items:center;flex:0 0 auto;width:calc(var(--sidebar-width) - clamp(1rem,2vw,1.5rem))}@media (min-width: 900px){.app-topbar-logo{padding-left:.85rem}}.app-topbar-logo img{display:block;height:3rem;width:auto}.app-topbar .ask-ai-trigger{margin-left:0}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));--grid-pad-x: clamp(2rem, 3.4vw, 3rem);--grid-pad-y: clamp(2rem, 3.4vw, 3rem);gap:0;margin:calc(14px - var(--content-gap) - var(--grid-pad-y)) calc(-1 * var(--grid-pad-x)) 0;padding:0;list-style:none}.project-grid>li{padding:var(--grid-pad-y) var(--grid-pad-x)}@media (max-width: 720px){.project-grid{grid-template-columns:minmax(0,1fr);margin:0 calc(-1 * var(--main-pad-x))}.project-grid>li{padding-left:var(--main-pad-x);padding-right:var(--main-pad-x)}.project-grid>li:nth-child(n+2){padding-top:var(--grid-pad-y)}.project-grid>li:first-child{padding-top:0}.project-grid{margin-top:calc(14px - var(--content-gap))}}.project-card{display:flex;flex-direction:column;gap:.9rem;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;width:100%}button.project-card{cursor:pointer}.project-card-media{display:block;overflow:hidden;border-radius:8px;border:1px solid var(--card-outline);background:var(--surface);aspect-ratio:16 / 10;width:100%}.project-card-media img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s cubic-bezier(.2,.8,.2,1)}button.project-card:hover .project-card-media img,button.project-card:focus-visible .project-card-media img{transform:scale(1.03)}.project-card-title{display:block;font-size:clamp(1rem,.94rem + .27vw,1.125rem);font-weight:500;letter-spacing:-.01em}.project-card-text{font-size:14px;line-height:1.5;color:rgba(var(--ink-rgb),.7);margin:.6rem 0 0;max-width:80%;letter-spacing:-.015em}.home-intro{align-self:stretch}.home-eyebrow-dot{display:inline-block;width:3px;height:3px;margin:0 .5em;border-radius:50%;background:currentColor;vertical-align:middle}.home-eyebrow{margin:0 0 1.1rem;line-height:1.4;font-size:12px;font-weight:500;letter-spacing:.01em;color:rgba(var(--ink-rgb),.5)}@media (max-width: 760px){.home-eyebrow{margin-top:1.75rem}}.section-heading{display:flex;align-items:center;gap:.4rem;margin:clamp(2.25rem,4vw,3.25rem) 0 0;font-size:clamp(1rem,.94rem + .27vw,1.125rem);font-weight:500;letter-spacing:-.015em;color:rgba(var(--ink-rgb),.55)}.section-heading span{font-size:1.05em;line-height:1}.app-main .about-shell{max-width:46rem}.app-main .hero-content{justify-content:flex-start;padding-top:calc(clamp(1.5rem,calc(3vw + 10px),3.5rem) - 10px);padding-bottom:0}@media (min-width: 900px){.app-main .hero-content.work-page{padding-bottom:120px}}.app-main{grid-template-rows:auto 1fr auto;grid-template-areas:"topbar" "content" "footer"}.app-main>.app-topbar{grid-area:topbar}.app-main>.hero-content,.app-main>.folder-page{grid-area:content;min-height:0}.app-main>.hero-footer{grid-area:footer}.card-list{width:100%;max-width:46rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.75rem}.card-link{display:block;border-radius:8px;color:inherit}.card-link:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.card-interactive{transition:background .22s ease,border-color .22s ease}.card-link:hover .card-interactive{background:var(--surface-hover);border-color:rgba(var(--ink-rgb),.22)}.card-link:hover .card-arrow{color:var(--ink);transform:translate(2px,-2px)}.card-arrow{transition:color .22s ease,transform .32s cubic-bezier(.22,1,.36,1)}.card-cta{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .85rem;border:1px solid var(--card-outline);border-radius:6px;background:var(--surface-strong);font-size:13px;font-weight:500;letter-spacing:-.01em;transition:background .22s ease}.card-link:hover .card-cta{background:rgba(var(--ink-rgb),.18)}.ask-ai-trigger{display:inline-flex;align-items:center;gap:.4rem;height:var(--header-btn-h);padding:0 1rem;border:1px solid var(--card-outline);border-radius:999px;background:var(--surface);color:rgba(var(--ink-rgb),.8);font:inherit;font-size:.8rem;font-weight:500;letter-spacing:-.01em;transition:background .2s ease,color .2s ease}.ask-ai-trigger:hover{background:var(--surface-hover);color:var(--ink)}.ask-ai-panel{position:absolute;top:52px;right:0;z-index:20;display:flex;flex-direction:column;width:min(24rem,calc(100vw - 2rem));height:min(30rem,calc(100dvh - 8rem));border:1px solid var(--card-outline);border-radius:12px;background:var(--page-bg);box-shadow:var(--shadow-lift);overflow:hidden}.ask-ai-head{display:flex;align-items:center;justify-content:space-between;padding:.75rem .9rem;border-bottom:1px solid var(--card-outline)}.ask-ai-title{font-size:.85rem;font-weight:500;letter-spacing:-.01em;flex:1}.ask-ai-back{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:26px;height:26px;margin-right:.35rem;border:0;border-radius:6px;background:none;color:rgba(var(--ink-rgb),.6)}.ask-ai-back-spacer{flex:0 0 auto;width:26px;margin-right:.35rem}.ask-ai-back:hover{background:var(--surface-hover);color:var(--ink)}.ask-ai-close{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:0;border-radius:6px;background:none;color:rgba(var(--ink-rgb),.6)}.ask-ai-close:hover{background:var(--surface-hover);color:var(--ink)}.ask-ai-scroll{flex:1;overflow-y:auto;padding:.9rem;display:flex;flex-direction:column;gap:.7rem}.ask-ai-empty{font-size:.85rem;line-height:1.55;color:rgba(var(--ink-rgb),.6)}.ask-ai-empty p{margin:0 0 .75rem}.ask-ai-suggestions{display:flex;flex-direction:column;gap:.4rem;align-items:flex-start}.ask-ai-topic+.ask-ai-topic{margin-top:.85rem}.ask-ai-topic-label{display:block;margin-bottom:.4rem;font-size:.68rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:rgba(var(--ink-rgb),.4)}.ask-ai-noinfo{font-size:.85rem;line-height:1.55;color:rgba(var(--ink-rgb),.6)}.ask-ai-noinfo p{margin:0 0 .6rem}.ask-ai-noinfo-title{font-weight:600;color:rgba(var(--ink-rgb),.85)}.ask-ai-suggestions button{padding:.4rem .65rem;border:1px solid var(--card-outline);border-radius:999px;background:var(--surface);color:rgba(var(--ink-rgb),.8);font:inherit;font-size:.78rem;text-align:left;transition:background .2s ease}.ask-ai-suggestions button:hover{background:var(--surface-hover);color:var(--ink)}.ask-ai-msg{max-width:88%;padding:.55rem .75rem;border-radius:10px;font-size:.85rem;line-height:1.55;letter-spacing:-.015em;white-space:pre-wrap}.ask-ai-msg--user{align-self:flex-end;background:var(--cta-bg);color:var(--cta-ink)}.ask-ai-msg--assistant{align-self:flex-start;background:var(--surface-strong);color:rgba(var(--ink-rgb),.9)}.ask-ai-dots{display:inline-flex;gap:3px;align-items:center;height:1.2em}.ask-ai-dots i{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.4;animation:ask-ai-pulse 1.2s infinite ease-in-out}.ask-ai-dots i:nth-child(2){animation-delay:.15s}.ask-ai-dots i:nth-child(3){animation-delay:.3s}@keyframes ask-ai-pulse{0%,60%,to{opacity:.25}30%{opacity:.9}}@media (prefers-reduced-motion: reduce){.ask-ai-dots i{animation:none}}.ask-ai-form{display:flex;align-items:flex-end;gap:.5rem;padding:.7rem;border-top:1px solid var(--card-outline)}.ask-ai-form textarea{flex:1;min-height:34px;max-height:6rem;padding:.45rem .6rem;border:1px solid var(--card-outline);border-radius:8px;background:var(--surface);color:var(--ink);font:inherit;font-size:.85rem;line-height:1.5;resize:none}.ask-ai-form textarea::-moz-placeholder{color:rgba(var(--ink-rgb),.45)}.ask-ai-form textarea::placeholder{color:rgba(var(--ink-rgb),.45)}.ask-ai-form textarea:focus{outline:none;border-color:rgba(var(--ink-rgb),.3)}.ask-ai-form button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:34px;height:34px;border:0;border-radius:8px;background:var(--cta-bg);color:var(--cta-ink);transition:opacity .2s ease}.ask-ai-form button:disabled{opacity:.35;cursor:default!important}.project-grid>li{opacity:0;transform:translate3d(0,24px,0);will-change:opacity,transform;transition:opacity .62s cubic-bezier(.22,1,.36,1),transform .62s cubic-bezier(.22,1,.36,1)}.project-grid>li.is-revealed{opacity:1;transform:none;will-change:auto}@media (prefers-reduced-motion: reduce){.project-grid>li{opacity:1;transform:none;transition:none;will-change:auto}}.nav-icon{flex:0 0 auto;color:rgba(var(--ink-rgb),.45);transition:color .2s ease}a:hover>.nav-icon,[data-active=true] .nav-icon{color:rgba(var(--ink-rgb),.7)}@media (min-width: 900px){.app-sidebar>div{padding-left:calc(var(--main-pad-x) - .85rem);padding-top:calc(clamp(1.5rem,calc(3vw + 10px),3.5rem) - 10px)}.app-sidebar ul a{font-size:15px;color:rgba(var(--ink-rgb),.62);transform-origin:left center;transition:font-size .42s cubic-bezier(.22,1,.36,1),color .42s cubic-bezier(.22,1,.36,1),opacity .42s cubic-bezier(.22,1,.36,1),letter-spacing .42s cubic-bezier(.22,1,.36,1),background-color .22s ease;opacity:.85;letter-spacing:-.01em;padding-left:.85rem}.app-sidebar ul a:hover{color:rgba(var(--ink-rgb),.8);opacity:.9}.app-sidebar ul a[data-active=true],.app-sidebar ul a[data-active=true]:hover{font-size:19px;font-weight:550;color:var(--ink);opacity:1;letter-spacing:-.025em;background:transparent}.app-sidebar ul a .nav-icon{width:17px;height:17px;transition:width .42s cubic-bezier(.22,1,.36,1),height .42s cubic-bezier(.22,1,.36,1),color .42s cubic-bezier(.22,1,.36,1)}.app-sidebar ul a[data-active=true] .nav-icon{width:21px;height:21px;color:var(--ink)}.app-sidebar ul a[data-active=true]{padding-top:.62rem;padding-bottom:.62rem}}@media (prefers-reduced-motion: reduce){.app-sidebar ul a,.app-sidebar ul a .nav-icon{transition:none}}[data-theme=light] body{background:linear-gradient(160deg,#f7f4ef,#faf8f5 38%,#fdfcfb 68%,#fff) fixed}[data-theme=light] body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");background-repeat:repeat;background-size:160px 160px;mix-blend-mode:multiply}[data-theme=light] .page-canvas,[data-theme=light] .app-sidebar-rail{background:transparent}[data-theme=light] .page-shell{z-index:1}.project-card-media--video{position:relative;background-size:cover;background-position:center;border:0}[data-theme=light] .project-card-media--video:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 .5px #11111238;pointer-events:none}.project-card-video{position:absolute;top:20.4%;left:13.6%;width:86.4%;height:79.6%;-o-object-fit:cover;object-fit:cover;-o-object-position:left top;object-position:left top;border-top-left-radius:1.6%;box-shadow:0 18px 40px -12px #0412168c}@media (prefers-reduced-motion: reduce){.project-card-video{display:none}}.project-card-video--fill{top:0;left:0;width:100%;height:100%;-o-object-position:center;object-position:center;border-radius:inherit;box-shadow:none}.app-topbar-actions{display:flex;align-items:center;gap:.5rem;margin-left:auto}@media (max-width: 899px){.app-topbar .ask-ai-trigger{margin-left:0}.app-topbar-logo{width:auto}.app-topbar-actions .hero-nav-cta{font-size:.8rem}.app-topbar-actions .hero-nav-cta-icon{width:24px;height:24px;font-size:.72rem}:root{--header-h: 4.4375rem;--header-btn-h: 38px}}.app-navbar{position:fixed;bottom:calc(1rem + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);z-index:50;display:flex;align-items:center;gap:.15rem;width:-moz-max-content;width:max-content;max-width:calc(100vw - 2rem);padding:clamp(.45rem,1.6vw,.7rem) clamp(.5rem,2vw,.9rem);border:1px solid rgba(var(--ink-rgb),.08);border-radius:999px;background:rgba(var(--page-bg-rgb),.62);backdrop-filter:blur(32px) saturate(180%);-webkit-backdrop-filter:blur(32px) saturate(180%);box-shadow:0 8px 32px -10px #0000004d,inset 0 1px #ffffff59}@supports not (backdrop-filter: blur(1px)){.app-navbar{background:var(--page-bg)}}.app-navbar .app-sidebar-footer,.app-navbar>div>div:first-child{display:none!important}.app-navbar>div{display:contents}.app-navbar ul{display:flex;flex-direction:row;gap:.15rem;margin:0;padding:0;list-style:none}.app-navbar li{display:flex}.app-navbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(4px,1.2vw,.45rem);padding:clamp(.55rem,2vw,.8rem) clamp(.95rem,3.6vw,1.4rem) clamp(.5rem,1.8vw,.75rem);border-radius:999px;color:rgba(var(--ink-rgb),.6);font-size:clamp(12px,3vw,14px);font-weight:500;letter-spacing:-.02em;line-height:1;white-space:nowrap;transition:background .2s ease,color .2s ease}.app-navbar a[data-active=true]{background:var(--surface-strong);color:var(--ink)}.app-navbar .nav-icon{color:inherit;width:18px;height:18px}@media (max-width: 899px){.app-main .hero-footer{padding-bottom:calc(6rem + env(safe-area-inset-bottom,0px));min-height:0;height:auto}.app-main .work-page{padding-bottom:calc(6rem + env(safe-area-inset-bottom,0px))}}@media (min-width: 1600px){:root{--sidebar-width: 18rem;--header-h: 4.5rem;--main-pad-x: 5rem}.app-main .hero-content{padding-top:calc(clamp(1.5rem,calc(3vw + 10px),3.5rem) - 10px + 1.75rem)}:root{--rail-left: calc(50vw - (var(--layout-max) / 2))}.app-sidebar-rail{left:var(--rail-left)}.app-topbar{padding-left:calc(50vw - (var(--layout-max) / 2) + 2rem);padding-right:calc(50vw - (var(--layout-max) / 2) + 2rem)}.app-topbar-logo{width:auto}.app-inset{max-width:var(--layout-max);margin:0 auto}.app-main .hero-content{max-width:1280px}.hero-title{font-size:34px}.section-heading{font-size:1.25rem}.project-card-title{font-size:1.2rem}.project-card-text{font-size:.95rem}}.app-topbar-clock{display:none}.app-topbar-flag{margin-right:.3em;font-size:15px;line-height:1;color:rgb(var(--ink-rgb));transform:translateY(.02em)}@media (min-width: 900px){.app-topbar-clock{display:inline-flex;position:absolute;left:calc(var(--sidebar-width) + var(--main-pad-x) + max(0px,(100vw - var(--sidebar-width) - 2 * var(--main-pad-x) - 1120px) / 2));top:50%;transform:translateY(-50%);align-items:center;font-size:13px;font-weight:500;letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:rgba(var(--ink-rgb),.55);white-space:nowrap}}@media (min-width: 1600px){.app-topbar-clock{left:calc(var(--rail-left) + var(--sidebar-width) + var(--main-pad-x))}}.hover\:bg-\[var\(--surface-hover\)\]:hover{background-color:var(--surface-hover)}.hover\:text-ink:hover{--tw-text-opacity: 1;color:rgb(var(--ink-rgb) / var(--tw-text-opacity, 1))}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-\[rgb\(var\(--ink-rgb\)\/0\.35\)\]:focus-visible{--tw-ring-color: rgb(var(--ink-rgb)/.35)}.data-\[active\=true\]\:bg-\[var\(--surface-strong\)\][data-active=true]{background-color:var(--surface-strong)}.data-\[active\=true\]\:text-ink[data-active=true]{--tw-text-opacity: 1;color:rgb(var(--ink-rgb) / var(--tw-text-opacity, 1))}
