@import "https://cdn.jsdelivr.net/npm/cal-sans@1.0.1/index.css";@import "https://api.fontshare.com/v2/css?f[]=satoshi@900,700,500,400,300&display=swap";:root{--color-bg:#f7f7f7;--color-bg-white:#fff;--color-bg-dark:#0a1628;--color-surface:#fff;--color-surface-soft:#ffffffd1;--color-surface-muted:#ffffffb8;--color-text-primary:#111;--color-text-secondary:#111111b8;--color-text-muted:#1111118f;--color-text-faint:#1111116b;--color-text-white:#fff;--color-accent:#6c63ff;--color-accent-2:#ff6b6b;--color-border:#1111111f;--color-border-subtle:#11111114;--color-border-strong:#1111112e;--color-card-bg:#fff;--color-grey-placeholder:#d4d4d4;--tag-product:#e8e4ff;--tag-product-text:#6c63ff;--tag-branding:#fff3e0;--tag-branding-text:#e07c00;--font-primary:"Satoshi", sans-serif;--font-display:"Cal Sans", sans-serif;--text-xs:clamp(.75rem, .73rem + .08vw, .8125rem);--text-sm:clamp(.8125rem, .79rem + .11vw, .875rem);--text-base:clamp(.9375rem, .91rem + .14vw, 1rem);--text-md:clamp(1rem, .97rem + .19vw, 1.125rem);--text-lg:clamp(1.1875rem, 1.12rem + .33vw, 1.375rem);--text-xl:clamp(1.5rem, 1.33rem + .74vw, 2rem);--text-2xl:clamp(1.875rem, 1.62rem + 1.11vw, 2.625rem);--text-3xl:clamp(2.375rem, 1.98rem + 1.67vw, 3.5rem);--text-4xl:clamp(3rem, 2.46rem + 2.22vw, 4.5rem);--text-5xl:clamp(3.75rem, 3.08rem + 2.78vw, 5.625rem);--text-label:var(--text-xs);--text-body-sm:var(--text-sm);--text-body:var(--text-base);--text-body-lg:var(--text-md);--text-title-sm:var(--text-lg);--text-title-md:var(--text-xl);--text-title-lg:var(--text-2xl);--text-display-md:var(--text-3xl);--text-display-lg:var(--text-5xl);--font-light:300;--font-regular:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-flat:1;--leading-display:.96;--leading-heading:1.02;--leading-tight:1.2;--leading-body:1.58;--leading-body-loose:1.68;--tracking-display:-.025em;--tracking-heading:-.012em;--tracking-tight:-.02em;--tracking-base:-.01em;--tracking-loose:.02em;--tracking-wide:.08em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-32:128px;--section-gap:clamp(5rem, 2.83rem + 8.67vw, 11.5rem);--stack-gap-sm:16px;--stack-gap-md:24px;--stack-gap-lg:32px;--stack-gap-xl:40px;--stack-gap-2xl:48px;--container-max:1500px;--container-gutter:0;--page-padding-inline:80px;--page-padding-inline-tablet:48px;--page-padding-inline-mobile:24px;--page-padding-inline-mobile-sm:16px;--page-top-offset:160px;--page-top-offset-tablet:152px;--page-top-offset-md:136px;--page-top-offset-mobile:120px;--content-width-sm:28rem;--content-width-md:40rem;--content-width-lg:46rem;--heading-width-sm:29rem;--heading-width-md:40rem;--heading-width-lg:52rem;--radius-2xs:8px;--radius-xs:10px;--radius-sm:14px;--radius-md:16px;--radius-lg:18px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px;--surface-padding-sm:18px;--surface-padding:24px;--surface-padding-lg:32px;--surface-radius:var(--radius-lg);--surface-radius-lg:var(--radius-2xl);--pill-height:clamp(44px, 4vw, 56px);--pill-padding-inline:clamp(16px, 2vw, 24px);--button-gap:8px;--shadow-xs:0 1px 4px #11111105, 0 6px 14px #11111108;--shadow-sm:0 2px 6px #11111106, 0 10px 22px #1111110b;--shadow-md:0 4px 10px #11111107, 0 14px 30px #1111110d;--shadow-lg:0 8px 18px #11111109, 0 20px 44px #11111112;--shadow-interactive-rest:0 1px 4px #1110, 0 8px 18px #1110;--shadow-interactive-hover:0 2px 6px #11111105, 0 10px 22px #1111110a;--shadow-card-rest:0 2px 6px #11111105, 0 10px 22px #11111108;--shadow-card-hover:0 4px 10px #11111106, 0 14px 28px #1111110b;--ease-out:cubic-bezier(.25, .46, .45, .94);--ease-smooth:cubic-bezier(.2, .8, .2, 1);--ease-spring:cubic-bezier(.22, 1, .36, 1);--ease-emphasized:cubic-bezier(.16, 1, .3, 1);--transition-base:.25s var(--ease-out);--transition-fast:.18s var(--ease-out);--transition-slow:.42s var(--ease-smooth);--transition-shadow:.72s var(--ease-emphasized);--transition-slower:.72s var(--ease-spring);--z-nav:100;--z-overlay:200}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{cursor:pointer;background:0 0;border:none}body{font-family:var(--font-primary);font-size:var(--text-body);font-weight:var(--font-regular);color:var(--color-text-primary);background-color:var(--color-bg);line-height:var(--leading-body);text-rendering:optimizelegibility}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--font-bold);line-height:var(--leading-heading);letter-spacing:var(--tracking-heading);text-wrap:balance}p{line-height:var(--leading-body)}small{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-md{font-size:var(--text-md)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.text-5xl{font-size:var(--text-5xl)}.font-light{font-weight:var(--font-light)}.font-regular{font-weight:var(--font-regular)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.uppercase{text-transform:uppercase}.tracking-wide{letter-spacing:.08em}.tracking-tight{letter-spacing:-.02em}.leading-flat{line-height:var(--leading-flat)}.leading-tight{line-height:var(--leading-tight)}.leading-body{line-height:var(--leading-body)}.leading-loose{line-height:var(--leading-body-loose)}.container{width:100%;max-width:var(--container-max);padding-inline:var(--page-padding-inline);margin-inline:auto}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.gap-12{gap:var(--space-12)}.grid{display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-auto{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.section{padding-block:var(--section-gap)}.full-width{width:100%}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:16/9}.aspect-portrait{aspect-ratio:3/4}@media (width<=640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.section{padding-block:var(--space-16)}}@media (width<=1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=1200px){:root{--page-padding-inline:var(--page-padding-inline-tablet);--page-top-offset:var(--page-top-offset-tablet)}}@media (width<=960px){:root{--page-top-offset:var(--page-top-offset-md)}}@media (width<=768px){:root{--page-padding-inline:var(--page-padding-inline-mobile);--page-top-offset:var(--page-top-offset-mobile)}}@media (width<=480px){:root{--page-padding-inline:var(--page-padding-inline-mobile-sm)}}.btn{justify-content:center;align-items:center;gap:var(--button-gap);min-height:var(--pill-height);padding-inline:var(--pill-padding-inline);border-radius:var(--radius-full);font-size:var(--text-body-sm);font-weight:var(--font-medium);letter-spacing:var(--tracking-base);line-height:var(--leading-flat);cursor:pointer;transition:var(--transition-base);white-space:nowrap;border:1px solid #0000;align-self:flex-start;text-decoration:none;display:inline-flex}.btn--dark{background:var(--color-text-primary);color:var(--color-text-white)}.btn--dark:hover{background:#1f1f1f}.btn--outline{color:var(--color-text-primary);border-color:var(--color-border);background:0 0}.btn--outline:hover{border-color:var(--color-text-primary)}.btn--white{background:var(--color-surface);color:var(--color-text-primary);border-color:var(--color-surface);box-shadow:var(--shadow-interactive-rest);padding-inline:var(--pill-padding-inline);width:100%;font-weight:var(--font-medium);transition:transform var(--transition-base), box-shadow var(--transition-shadow), background-color var(--transition-base), border-color var(--transition-base), color var(--transition-base);justify-content:center;margin-top:auto}.btn--white:hover{box-shadow:var(--shadow-interactive-hover);transform:translateY(-2px)}.tag{border-radius:var(--radius-full);font-size:var(--text-label);font-weight:var(--font-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase;padding:5px 11px;display:inline-block}.tag--product{background:var(--tag-product);color:var(--tag-product-text)}.tag--branding{background:var(--tag-branding);color:var(--tag-branding-text)}.grey-block{background:var(--color-grey-placeholder);border-radius:var(--radius-sm);flex-shrink:0}.grey-block--icon{border-radius:var(--radius-xs);width:40px;height:40px}.grey-block--project{border-radius:var(--radius-md);width:100%;height:100%;min-height:340px}.grey-block--dark{background:#2a2a2a}.grey-block--avatar{border-radius:var(--radius-full);width:44px;height:44px}.grey-block--resume{border-radius:var(--radius-md);background:var(--color-grey-placeholder);width:200px;height:260px}.grey-block--footer{width:160px;height:200px}.header{top:var(--space-6);z-index:var(--z-nav);padding-inline:var(--container-gutter);pointer-events:none;flex-direction:column;align-items:center;display:flex;position:sticky}.nav{pointer-events:auto;border-radius:var(--radius-full);border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-xs);-webkit-backdrop-filter:blur(12px);transition:box-shadow var(--transition-slow), border-color var(--transition-base), background-color var(--transition-base);background:#ffffffbf;align-items:center;gap:32px;padding:6px;display:inline-flex}.nav__frame{position:relative}.nav--hanging{--nav-hanging-string-length:24px;--nav-hanging-broken-string-length:10px;--nav-hanging-drop-x:-4px;--nav-hanging-drop-y:24px;--nav-hanging-drop-angle:8deg;--nav-hanging-support-angle:-5deg;--nav-repair-progress:0;padding:0;padding-top:var(--nav-hanging-string-length);box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:0;display:inline-block;position:relative;overflow:visible}.nav--hanging .nav__frame{border-radius:var(--radius-full);border:1px solid var(--color-border-subtle);box-shadow:inset 0 1px 0 #ffffff94, var(--shadow-xs);-webkit-backdrop-filter:blur(12px);transform-origin:14% 0;transition:transform .46s var(--ease-spring), box-shadow var(--transition-slow), border-color var(--transition-base), background-color var(--transition-base);background:linear-gradient(#ffffffd1,#ffffffa3),#ffffffb8;align-items:center;gap:32px;padding:6px;display:inline-flex}@media (width>=769px){@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.nav--hanging .nav__frame{background:linear-gradient(#fffffff2,#f8f8f8e0),#ffffffeb;border-color:#1111111a;box-shadow:inset 0 1px #ffffffd6,0 16px 36px #11111114}}}.nav__string{width:2px;height:var(--nav-hanging-string-length);border-radius:var(--radius-full);transform-origin:top;transition:height .32s var(--ease-smooth), opacity .22s ease, transform .42s var(--ease-smooth);background:linear-gradient(#1111112e,#1111116b);position:absolute;top:0}.nav__string--left{left:14%}.nav__string--right{right:14%}.nav__string-tail{top:calc((-1 * var(--nav-hanging-string-length)) + 6px);width:2px;height:calc(var(--nav-hanging-string-length) - 2px);border-radius:var(--radius-full);opacity:0;pointer-events:none;transform-origin:bottom;background:linear-gradient(#11111170,#11111124);transition:opacity .18s;position:absolute;right:28px;transform:rotate(0)}.nav__repair-handle{border:1px solid var(--color-border-subtle);width:40px;height:40px;box-shadow:var(--shadow-xs);opacity:0;pointer-events:none;cursor:grab;touch-action:none;transition:opacity .22s ease, transform .22s var(--ease-smooth), box-shadow var(--transition-slow), border-color var(--transition-base), background-color var(--transition-base);background:#fffffff0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:-16px;right:10px}.nav__repair-handle:before{content:"";position:absolute;inset:-10px}.nav__repair-knot{border:2px solid #111111d1;border-radius:50%;width:12px;height:12px;position:relative}.nav__repair-knot:after{content:"";border-radius:var(--radius-full);background:#1111116b;width:2px;height:8px;position:absolute;top:100%;left:50%;transform:translate(-50%)}.nav--hanging.is-nav-broken .nav__frame{transform:translate3d(var(--nav-hanging-drop-x), var(--nav-hanging-drop-y), 0) rotate(var(--nav-hanging-drop-angle));box-shadow:var(--shadow-sm)}.nav--hanging.is-nav-broken .nav__string--left{height:calc(var(--nav-hanging-string-length) + var(--nav-hanging-drop-y));transform:rotate(var(--nav-hanging-support-angle))}.nav--hanging.is-nav-broken .nav__string--right{height:var(--nav-hanging-broken-string-length);opacity:.72}.nav--hanging.is-nav-broken .nav__string-tail{opacity:1;animation:2.6s ease-in-out infinite nav-tail-sway}.nav--hanging.is-nav-broken .nav__repair-handle{opacity:1;pointer-events:auto}.nav--hanging.is-nav-dragging .nav__frame{transform:translate3d(calc(var(--nav-hanging-drop-x) * (1 - var(--nav-repair-progress,0))), calc(var(--nav-hanging-drop-y) * (1 - var(--nav-repair-progress,0))), 0) rotate(calc(var(--nav-hanging-drop-angle) * (1 - var(--nav-repair-progress,0))))}.nav--hanging.is-nav-dragging .nav__string--left{height:calc(var(--nav-hanging-string-length) + (var(--nav-hanging-drop-y) * (1 - var(--nav-repair-progress,0))));transform:rotate(calc(var(--nav-hanging-support-angle) * (1 - var(--nav-repair-progress,0))))}.nav--hanging.is-nav-dragging .nav__string--right{height:calc(var(--nav-hanging-broken-string-length) + ((var(--nav-hanging-string-length) - var(--nav-hanging-broken-string-length)) * var(--nav-repair-progress,0)));opacity:calc(.72 + (.28 * var(--nav-repair-progress,0)))}.nav--hanging.is-nav-dragging .nav__string-tail{opacity:calc(1 - var(--nav-repair-progress,0))}.nav--hanging.is-nav-dragging .nav__repair-handle{cursor:grabbing;box-shadow:var(--shadow-sm)}.nav--hanging.is-nav-breaking .nav__frame{animation:nav-frame-drop .94s var(--ease-spring) both}.nav--hanging.is-nav-breaking .nav__string--left{animation:nav-left-string-hold .94s var(--ease-spring) both}.nav--hanging.is-nav-breaking .nav__string--right{animation:nav-string-snap .32s var(--ease-smooth) both}.nav--hanging.is-nav-repairing .nav__frame{animation:nav-frame-repair .56s var(--ease-spring) both}.nav--hanging.is-nav-repairing .nav__string--left{animation:nav-left-string-reset .56s var(--ease-spring) both}.nav--hanging.is-nav-repairing .nav__string--right{animation:nav-string-rejoin .56s var(--ease-spring) both}.nav--hanging.is-nav-repairing .nav__string-tail,.nav--hanging.is-nav-repairing .nav__repair-handle{opacity:0}@media (width>=769px){.header{top:0}}.nav__brand{align-items:center;gap:10px;display:flex}.nav__avatar{border-radius:var(--radius-full);flex:0 0 42px;width:42px;height:42px;overflow:hidden}.nav__avatar-image,.grey-block--nav-avatar{border-radius:var(--radius-full);width:100%;height:100%;display:block}.nav__avatar-image{object-fit:cover}.nav__logo{font-family:var(--font-display);font-size:var(--text-body-sm);font-weight:var(--font-regular);color:var(--color-text-primary);letter-spacing:var(--tracking-tight);text-decoration:none}.nav__left-pill{display:contents}.nav__links{align-items:center;gap:20px;margin:0;padding:0;list-style:none;display:flex}.nav__links a{font-size:var(--text-body-sm);font-weight:var(--font-medium);color:var(--color-text-muted);transition:color var(--transition-base);text-decoration:none}.nav__links a:hover,.nav__links a[aria-current=page]{color:var(--color-text-primary)}.nav__cta{min-height:42px;font-size:var(--text-body-sm);font-weight:var(--font-medium);color:var(--color-text-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);box-shadow:var(--shadow-interactive-rest);transition:transform var(--transition-base), background-color var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-shadow);justify-content:center;align-items:center;padding-inline:18px;text-decoration:none;display:inline-flex}.nav__cta:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-interactive-hover);background:#00000005;transform:translateY(-1px)}.nav__hamburger{cursor:pointer;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:4px;padding:0;display:none}.nav__hamburger-bar{background:var(--color-text-primary);width:14px;height:1.5px;transition:transform .25s var(--ease-out), opacity .2s ease;border-radius:2px;display:block}.nav__hamburger[aria-expanded=true] .nav__hamburger-bar:first-child{transform:translateY(5.5px)rotate(45deg)}.nav__hamburger[aria-expanded=true] .nav__hamburger-bar:nth-child(2){opacity:0}.nav__hamburger[aria-expanded=true] .nav__hamburger-bar:nth-child(3){transform:translateY(-5.5px)rotate(-45deg)}body:before{content:"";-webkit-backdrop-filter:blur(6px);opacity:0;pointer-events:none;z-index:calc(var(--z-nav) - 1);background:#1111111f;transition:opacity .22s;position:fixed;inset:0}body.has-nav-open:before{opacity:1}body.has-nav-open{overflow:hidden}.nav__drawer{pointer-events:none;top:calc(100% + 14px);right:var(--container-gutter);border:1px solid var(--color-border-subtle);border-radius:var(--surface-radius-lg);width:min(360px,100vw - 32px);max-height:min(720px,100svh - 48px);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(18px);opacity:0;transform-origin:100% 0;transition:opacity .22s ease, transform .32s var(--ease-out);background:linear-gradient(#fffffff7,#f5f5f5f2);position:absolute;overflow:auto;transform:translateY(-8px)scale(.985)}.nav__drawer.is-open{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.nav__drawer-content{flex-direction:column;gap:16px;min-height:100%;padding:14px;display:flex}.nav__drawer-header{gap:6px;padding:8px 8px 2px;display:grid}.nav__drawer-kicker{font-size:var(--text-label);font-weight:var(--font-medium);letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-faint);margin:0}.nav__drawer-caption{font-size:var(--text-body-sm);color:var(--color-text-secondary);font-weight:400;line-height:var(--leading-body);max-width:24ch;margin:0}.nav__drawer-links{gap:10px;margin:0;padding:0;display:grid}.nav__drawer-item{list-style:none}.nav__drawer-link{color:var(--color-text-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);min-height:96px;box-shadow:var(--shadow-interactive-rest);transition:background-color var(--transition-base), color var(--transition-base), transform var(--transition-base), box-shadow var(--transition-shadow), border-color var(--transition-base);background:#ffffffc2;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px;text-decoration:none;display:flex;position:relative}.nav__drawer-link:after{content:"";opacity:.42;border-top:1.5px solid;border-right:1.5px solid;flex-shrink:0;width:8px;height:8px;margin-top:10px;transform:rotate(45deg)}.nav__drawer-link-inner{align-items:flex-start;gap:14px;width:100%;min-width:0;display:flex}.nav__drawer-icon{color:#1111119e;flex-shrink:0;width:18px;height:18px;margin-top:6px}.nav__drawer-link-copy{gap:4px;min-width:0;display:grid}.nav__drawer-link-title{font-family:Cal Sans,Helvetica;font-size:clamp(1.75rem,4vw,2.2rem);font-weight:var(--font-bold);color:currentColor;letter-spacing:var(--tracking-heading);line-height:var(--leading-display)}.nav__drawer-link-subtitle{font-size:var(--text-body-sm);color:var(--color-text-muted);font-weight:400;line-height:var(--leading-body);max-width:24ch}.nav__drawer-link:hover{border-color:var(--color-border);box-shadow:var(--shadow-interactive-hover);background:#fffffffa;transform:translateY(-1px)}.nav__drawer-link[aria-current=page]{color:#fff;box-shadow:none;background:#111;border-color:#111}.nav__drawer-link[aria-current=page]:after{opacity:.72}.nav__drawer-link[aria-current=page] .nav__drawer-icon{color:#ffffffb8}.nav__drawer-link[aria-current=page] .nav__drawer-link-subtitle{color:#ffffff9e}.nav__drawer-footer{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:auto;display:grid}.nav__drawer-action{min-height:var(--pill-height);padding-inline:var(--pill-padding-inline);border:1px solid var(--color-border);font-size:var(--text-body-sm);color:#111;box-shadow:var(--shadow-interactive-rest);transition:transform var(--transition-base), border-color var(--transition-base), background-color var(--transition-base), color var(--transition-base), box-shadow var(--transition-shadow);background:#ffffffd1;border-radius:999px;justify-content:center;align-items:center;font-weight:500;text-decoration:none;display:inline-flex}.nav__drawer-action:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-interactive-hover);transform:translateY(-1px)}.nav__drawer-action--primary{color:#fff;background:#111;border-color:#111}.nav__drawer-action--primary:hover{background:#1c1c1c;border-color:#1c1c1c}.nav__drawer-content>*{opacity:0;transition:opacity .18s ease, transform .24s var(--ease-out);transform:translateY(6px)}.nav__drawer.is-open .nav__drawer-content>*{opacity:1;transform:translateY(0)}.nav__drawer.is-open .nav__drawer-content>:first-child{transition-delay:40ms}.nav__drawer.is-open .nav__drawer-content>:nth-child(2){transition-delay:80ms}.nav__drawer.is-open .nav__drawer-content>:nth-child(3){transition-delay:.12s}@keyframes nav-frame-drop{0%{transform:translate(0,0)rotate(0)}42%{transform:translate(-6px,32px)rotate(10deg)}68%{transform:translate(-3px,20px)rotate(6deg)}to{transform:translate(-4px,24px)rotate(8deg)}}@keyframes nav-frame-repair{0%{transform:translate3d(var(--nav-hanging-drop-x), var(--nav-hanging-drop-y), 0) rotate(var(--nav-hanging-drop-angle))}55%{transform:translate(1px,-4px)rotate(-1.5deg)}to{transform:translate(0,0)rotate(0)}}@keyframes nav-left-string-hold{0%{height:var(--nav-hanging-string-length);transform:rotate(0)}42%{height:calc(var(--nav-hanging-string-length) + 32px);transform:rotate(-6deg)}68%{height:calc(var(--nav-hanging-string-length) + 20px);transform:rotate(-3deg)}to{height:calc(var(--nav-hanging-string-length) + var(--nav-hanging-drop-y));transform:rotate(var(--nav-hanging-support-angle))}}@keyframes nav-left-string-reset{0%{height:calc(var(--nav-hanging-string-length) + var(--nav-hanging-drop-y));transform:rotate(var(--nav-hanging-support-angle))}55%{height:calc(var(--nav-hanging-string-length) - 4px);transform:rotate(1.2deg)}to{height:var(--nav-hanging-string-length);transform:rotate(0)}}@keyframes nav-string-snap{0%{height:var(--nav-hanging-string-length);opacity:1}to{height:var(--nav-hanging-broken-string-length);opacity:.72}}@keyframes nav-string-rejoin{0%{height:var(--nav-hanging-broken-string-length);opacity:.72}to{height:var(--nav-hanging-string-length);opacity:1}}@keyframes nav-tail-sway{0%,to{transform:rotate(10deg)}50%{transform:rotate(19deg)}}html.is-motion-enabled [data-reveal]{opacity:0;transform:translate3d(0, var(--reveal-offset,18px), 0) scale(var(--reveal-scale,1));transition:opacity .52s var(--ease-spring) var(--reveal-delay,0s), transform .62s var(--ease-spring) var(--reveal-delay,0s)}html.is-motion-enabled [data-reveal=soft]{--reveal-offset:14px}html.is-motion-enabled [data-reveal=scale]{--reveal-offset:12px;--reveal-scale:.985}html.is-motion-enabled [data-reveal].is-revealed{opacity:1;transform:translate(0,0)scale(1)}@keyframes hero-cloud-unveil{0%{opacity:.7;transform:scale(.97)}65%{opacity:.28}to{opacity:0;transform:scale(1.03)}}@keyframes hero-copy-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translate(0,0)}}@keyframes dock-item-rise{0%{opacity:0;transform:translateY(16px)scale(.96)}64%{opacity:1;transform:translateY(-4px)scale(1.015)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes status-pulse{0%,to{transform:scale(1);box-shadow:0 0 #00d28247}50%{transform:scale(1.04);box-shadow:0 0 0 8px #00d28200}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}[data-reveal]{opacity:1!important;transition:none!important;transform:none!important}.hero__text-content:after{display:none}.hero__heading-group,.hero__subtitle,.tool-dock,.hero__gallery-peek{opacity:1!important;transition:none!important;animation:none!important;transform:none!important}.hero__gallery-peek{transform:translate(-50%)!important}.tool-dock__item,.gallery-peek__inner,.gallery-peek__slide,.gallery-peek__indicator,.stat-block,.project-card__info,.project-card__visual,.grey-block--project-visual,.testimonial-card,.contact-btn,.contact-btn__icon,.footer__back-to-top-icon{transition:none!important;animation:none!important}.hero__dot,.contact-header__dot{animation:none}}.hero{--hero-gallery-peek-visible:136px;background:var(--color-bg);text-align:center;margin-bottom:calc(var(--section-gap) + var(--hero-gallery-overflow,0px));min-height:var(--hero-viewport-height,100svh);height:var(--hero-viewport-height,100svh);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:visible}.hero__inner{z-index:1;width:100%;max-width:800px;padding-inline:var(--page-padding-inline);flex-direction:column;flex:1;justify-content:center;align-items:center;margin-inline:auto;padding-top:80px;padding-bottom:160px;display:flex;position:relative}.hero__text-content{align-items:center;gap:var(--space-6);isolation:isolate;flex-direction:column;margin-bottom:clamp(5rem,10vw,8rem);display:flex;position:relative}.hero__text-content:after{content:"";opacity:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 50% 42%,#fffffff2 0 18%,#f7f7f7e6 34%,#f7f7f700 74%);position:absolute;inset:-18% -16%}.hero__heading-group{align-items:center;gap:var(--space-6);flex-direction:column;display:flex}.hero__available{align-items:center;gap:var(--space-2);font-size:var(--text-body-sm);font-weight:var(--font-medium);color:var(--color-text-primary);letter-spacing:var(--tracking-base);display:inline-flex}.hero__dot{background:#00d282;border-radius:50%;width:8px;height:8px;animation:2.8s ease-in-out infinite status-pulse;display:inline-block}.hero__title{font-family:var(--font-display);font-size:var(--text-display-lg);font-weight:var(--font-bold);letter-spacing:var(--tracking-display);color:var(--color-text-primary);line-height:1.01}.hero__wave{display:inline-block}.hero__subtitle{font-size:var(--text-body-sm);color:var(--color-text-secondary);line-height:var(--leading-body);max-width:680px}.tool-dock{align-items:flex-end;gap:var(--space-2);background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-sm);margin-bottom:var(--space-20);width:auto;max-width:100%;height:64px;transition:transform var(--transition-slow), box-shadow var(--transition-slow), border-color var(--transition-base);padding:10px;display:inline-flex}.tool-dock::-webkit-scrollbar{display:none}.tool-dock__item{width:44px;height:44px;transition:transform .26s var(--ease-smooth);text-decoration:none;display:block;position:relative}.tool-dock__item:before{content:attr(data-tooltip);font-size:var(--text-label);white-space:nowrap;border-radius:var(--radius-2xs);color:#000;border:1px solid var(--color-border-subtle);background:var(--color-surface);box-shadow:var(--shadow-xs);opacity:0;pointer-events:none;z-index:10;padding:4px 10px;font-weight:500;transition:opacity .15s ease-out,transform .15s ease-out;display:block;position:absolute;top:-36px;left:50%;transform:translate(-50%)}.tool-dock__item:hover:before{opacity:1;transform:translate(-50%)translateY(-4px)}.tool-dock__item:hover{transform:translateY(-3px)}.tool-dock__icon-image{object-fit:contain;object-position:center;width:100%;height:100%;display:block}.tool-icon{border-radius:var(--radius-xs);color:#fff;width:100%;height:100%;font-weight:var(--font-bold);font-size:var(--text-lg);justify-content:center;align-items:center;font-family:sans-serif;display:flex}.tool-icon--figma{background:#000}.tool-icon--illustrator{color:#300;background:#ff9a00}.tool-icon--aftereffects{color:#d2aaff;background:#00005b}.tool-icon--webflow{background:#4353ff}.tool-icon--framer,.tool-icon--spline{background:#000}.tool-icon--sketch{background:#fff;border:1px solid #0000000d}.hero__gallery-peek{left:50%;top:var(--hero-gallery-top,calc(100% - var(--hero-gallery-visible-height,0px)));z-index:2;width:min(100%, var(--container-max));padding-inline:var(--page-padding-inline);opacity:0;transition:opacity .62s var(--ease-spring) .18s, transform .82s var(--ease-spring) .18s;position:absolute;transform:translate(-50%)scale(.94)}.gallery-peek__inner{aspect-ratio:16/9;background:var(--color-bg-dark);border-radius:var(--surface-radius);isolation:isolate;width:100%;transform:perspective(1200px) rotateX(var(--peek-rotate-x,0deg)) rotateY(var(--peek-rotate-y,0deg)) scale(var(--peek-scale,1));transition:transform .18s var(--ease-smooth);position:relative;overflow:hidden}.gallery-peek__inner.is-peek-active{--peek-scale:1.008}.gallery-peek__inner.is-peek-pressed{--peek-scale:.994}.gallery-peek__slide{opacity:0;z-index:0;filter:blur(24px)saturate(.94);transform:translate3d(calc(var(--peek-shift-x,0px) * .28), calc(var(--peek-shift-y,0px) * .28), 0) scale(1.05);transition:opacity .78s var(--ease-emphasized), transform .86s var(--ease-emphasized), filter .86s var(--ease-emphasized);pointer-events:none;position:absolute;inset:0}.gallery-peek__slide:after{content:"";opacity:.28;filter:blur(18px);transition:opacity .86s var(--ease-emphasized), transform .86s var(--ease-emphasized);background:radial-gradient(46% 34%,#ffffff3d 0%,#ffffff1a 36%,#fff0 74%),radial-gradient(32% 24% at 24% 42%,#ffffff2e 0%,#fff0 78%),radial-gradient(28% 22% at 76% 58%,#ffffff29 0%,#fff0 80%);position:absolute;inset:-8%;transform:scale(1.04)}.gallery-peek__slide.is-active{opacity:1;z-index:2;filter:blur()saturate();transform:translate3d(calc(var(--peek-shift-x,0px) * .28), calc(var(--peek-shift-y,0px) * .28), 0) scale(1)}.gallery-peek__slide.is-active:after{opacity:.04;transform:scale(1)}.gallery-peek__slide.is-outgoing{opacity:0;z-index:1;filter:blur(18px)saturate(1.02);transform:translate3d(calc(var(--peek-shift-x,0px) * .24), calc(var(--peek-shift-y,0px) * .24), 0) scale(1.02)}.gallery-peek__slide.is-outgoing:after{opacity:.22;transform:scale(1.03)}.gallery-peek__inner.is-peek-active .gallery-peek__slide.is-active{transform:translate3d(calc(var(--peek-shift-x,0px) * .34), calc(var(--peek-shift-y,0px) * .34), 0) scale(1.012)}.gallery-peek__media,.gallery-peek__image{width:100%;height:100%;display:block}.gallery-peek__image{object-fit:cover;object-position:center}.gallery-peek__indicators{z-index:2;flex-direction:column;gap:10px;display:flex;position:absolute;top:50%;right:clamp(12px,1.8vw,20px);transform:translateY(-50%)}.gallery-peek__indicator{appearance:none;cursor:pointer;touch-action:manipulation;width:24px;height:24px;box-shadow:none;transition:transform var(--transition-fast), opacity var(--transition-fast);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:relative}.gallery-peek__indicator:before{content:"";width:12px;height:12px;transition:transform var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast), opacity var(--transition-fast);background:#ffffff57;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff38}.gallery-peek__indicator:hover:before{background:#ffffff80}.gallery-peek__indicator.is-active:before{background:#fff;transform:scale(1.12);box-shadow:inset 0 0 0 1px #ffffffb8}html.is-motion-ready .hero__text-content:after{animation:hero-cloud-unveil 1.4s var(--ease-spring) .14s both}html.is-motion-enabled .hero__heading-group,html.is-motion-enabled .hero__subtitle,html.is-motion-enabled .tool-dock{opacity:0;transform:translateY(14px)}html.is-motion-ready .hero__heading-group{animation:hero-copy-rise .76s var(--ease-spring) .12s both}html.is-motion-ready .hero__subtitle{animation:hero-copy-rise .76s var(--ease-spring) .22s both}html.is-motion-ready .tool-dock{animation:hero-copy-rise .76s var(--ease-spring) .32s both}html.is-motion-ready .tool-dock__item:first-child{animation:dock-item-rise .72s var(--ease-spring) .42s both}html.is-motion-ready .tool-dock__item:nth-child(2){animation:dock-item-rise .72s var(--ease-spring) .49s both}html.is-motion-ready .tool-dock__item:nth-child(3){animation:dock-item-rise .72s var(--ease-spring) .56s both}html.is-motion-ready .tool-dock__item:nth-child(4){animation:dock-item-rise .72s var(--ease-spring) .63s both}html.is-motion-ready .tool-dock__item:nth-child(5){animation:dock-item-rise .72s var(--ease-spring) .7s both}html.is-motion-ready .tool-dock__item:nth-child(6){animation:dock-item-rise .72s var(--ease-spring) .77s both}html.is-motion-ready .tool-dock__item:nth-child(7){animation:dock-item-rise .72s var(--ease-spring) .84s both}html.is-motion-ready .hero__gallery-peek{opacity:1;transform:translate(-50%)scale(1)}.about{background:var(--color-bg);margin-bottom:var(--section-gap);padding:0}.about__inner{width:100%;max-width:var(--container-max);padding-inline:var(--page-padding-inline);align-items:stretch;gap:24px;margin-inline:auto;display:flex}.about__bio-card{border-radius:var(--surface-radius-lg);width:465px;height:100%;padding:40px var(--surface-padding-lg);background-color:#0a0a0a;flex-direction:column;justify-content:space-between;align-items:center;display:flex;overflow:hidden}.about__bio-label{font-size:var(--text-body-lg);color:#fff;letter-spacing:var(--tracking-base);width:100%;margin-bottom:24px;font-weight:500}.about__bio-text{font-size:var(--text-body-sm);color:#ffffffad;font-weight:400;line-height:var(--leading-body);width:100%}.about__bio-text+.about__bio-text{margin-top:32px}.about__stats{flex-direction:column;flex:1;align-items:flex-start;gap:24px;display:flex}.about__stats-row{align-items:stretch;gap:24px;width:100%;display:flex}.stat-block{background-color:var(--color-surface);border-radius:var(--surface-radius-lg);padding:40px var(--surface-padding-lg);box-shadow:var(--shadow-card-rest);transition:transform var(--transition-slow), box-shadow var(--transition-shadow), border-color var(--transition-base);flex-direction:column;flex:1;align-items:center;gap:24px;display:flex;overflow:hidden}.stat-block--wide{width:100%}.stat-block__row{justify-content:space-between;align-items:baseline;width:100%;display:flex}.stat-block__number{font-size:var(--text-4xl);color:#000;font-weight:500;line-height:var(--leading-flat);letter-spacing:var(--tracking-tight)}.stat-block__unit{font-size:var(--text-body-sm);color:var(--color-text-muted);font-weight:500;line-height:var(--leading-flat);white-space:nowrap}.stat-block__text{font-size:var(--text-body-sm);color:var(--color-text-muted);font-weight:400;line-height:var(--leading-body);width:100%}.projects{background:var(--color-bg);margin-bottom:var(--section-gap);padding:0}.projects__inner{width:100%;max-width:var(--container-max);padding-inline:var(--page-padding-inline);flex-direction:column;gap:80px;margin-inline:auto;display:flex}.projects__header{justify-content:space-between;align-items:flex-end;width:100%;display:flex}.projects__header-text,.section-heading{width:min(var(--heading-width-sm), 100%);gap:var(--stack-gap-sm);flex-direction:column;display:flex}.projects__label,.section-heading__label{font-size:var(--text-body-sm);color:var(--color-text-muted);font-weight:500;line-height:var(--leading-tight);letter-spacing:var(--tracking-base)}.projects__title,.section-heading__title{font-size:var(--text-title-md);font-weight:var(--font-bold);color:#000;letter-spacing:var(--tracking-heading);line-height:var(--leading-heading)}.projects__list{flex-direction:column;gap:80px;width:100%;display:flex}.project-card{grid-template-columns:1fr 2fr;align-items:stretch;gap:24px;width:100%;display:grid}.project-card__info{background-color:var(--color-surface);border-radius:var(--surface-radius-lg);padding:var(--surface-padding-lg);box-sizing:border-box;transition:transform var(--transition-slow), box-shadow var(--transition-slow);flex-direction:column;justify-content:space-between;gap:24px;display:flex}.project-card__info-inner{flex-direction:column;gap:32px;display:flex}.project-card__icon-wrapper{background-color:var(--color-surface);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);transition:transform var(--transition-slow), box-shadow var(--transition-slow);align-self:flex-start;align-items:center;gap:8px;padding:4px;display:inline-flex}.grey-block--project-icon{border-radius:var(--radius-sm);background-color:var(--color-grey-placeholder);width:68px;height:68px}.project-card__icon-wrapper img.grey-block--project-icon{object-fit:contain;object-position:center;background-color:#0000;display:block}.project-card__text{flex-direction:column;gap:16px;display:flex}.project-card__name{font-size:var(--text-body-lg);color:#000;letter-spacing:var(--tracking-base);font-weight:600}.project-card__desc{font-size:var(--text-body-sm);color:var(--color-text-muted);font-weight:500;line-height:var(--leading-body)}.project-card__tags{flex-wrap:wrap;align-items:center;gap:16px;width:100%;display:flex}.tag--bold{font-size:var(--text-body-sm);color:#000;text-transform:none;white-space:nowrap;letter-spacing:var(--tracking-base);font-weight:500}.tag-line{background-color:#00000029;flex-shrink:0;width:1px;height:20px}.project-card__meta{border-top:1px solid #11111114;gap:12px;padding-top:20px;display:grid}.project-card__meta-row{grid-template-columns:72px minmax(0,1fr);align-items:start;gap:12px;display:grid}.project-card__meta-label{font-size:var(--text-label);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-faint);font-weight:500}.project-card__meta-value{min-width:0;font-size:var(--text-body-sm);color:var(--color-text-secondary);font-weight:500;line-height:var(--leading-body)}.project-card__meta-value a{color:inherit;transition:border-color var(--transition-base), color var(--transition-base);border-bottom:1px solid #11111129;text-decoration:none}.project-card__meta-value a:hover{color:var(--color-text-primary);border-color:#11111157}.btn--project-view{width:100%;min-height:var(--pill-height);border-radius:var(--radius-full);font-size:var(--text-label);color:#fff;letter-spacing:var(--tracking-base);text-transform:none;box-shadow:var(--shadow-interactive-rest);transition:transform var(--transition-base), box-shadow var(--transition-shadow), background-color var(--transition-base);background-color:#000;justify-content:center;align-items:center;padding:0 16px;font-weight:500;text-decoration:none;display:flex}.btn--project-view:hover{box-shadow:var(--shadow-interactive-hover);background-color:#1c1c1c;transform:translateY(-1px)}.project-card__visual{--project-visual-pan-x:0px;--project-visual-pan-y:0px;--project-visual-scale:1.035;background-color:var(--color-surface);border-radius:var(--surface-radius-lg);width:100%;height:auto;min-height:0;position:relative;overflow:hidden}.grey-block--project-visual{width:100%;height:auto;transform:translate3d(var(--project-visual-pan-x), var(--project-visual-pan-y), 0) scale(var(--project-visual-scale));transform-origin:50%;transition:transform .26s var(--ease-smooth);will-change:transform;display:block;position:relative}.testimonials{width:100%;margin-bottom:var(--section-gap);padding:0}.testimonials__inner{width:100%;max-width:var(--container-max);padding-inline:var(--page-padding-inline);flex-direction:column;gap:80px;margin-inline:auto;display:flex}.testimonials__header{flex-direction:column;align-items:flex-start;gap:16px;display:flex}.testimonials__label{font-size:var(--text-body-sm);color:var(--color-text-muted);font-weight:500;line-height:var(--leading-tight);letter-spacing:var(--tracking-base)}.testimonials__title{font-size:var(--text-title-md);font-weight:var(--font-bold);letter-spacing:var(--tracking-heading);color:#000;line-height:var(--leading-heading)}.testimonials__grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:24px;width:100%;display:grid}.testimonial-card{padding:var(--surface-padding-lg);background-color:var(--color-surface);border-radius:var(--surface-radius-lg);box-shadow:var(--shadow-card-rest);transition:transform var(--transition-slow), box-shadow var(--transition-shadow);flex-direction:column;flex:1;justify-content:space-between;display:flex;overflow:hidden}.testimonial-card__content{flex-direction:column;align-items:flex-start;gap:40px;display:flex}.testimonial-card__avatar{background-color:var(--color-surface);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);align-items:center;gap:8px;padding:4px;display:inline-flex}.testimonial-card__avatar-image,.grey-block--avatar{border-radius:var(--radius-sm);width:56px;height:56px;display:block}.testimonial-card__avatar-image{object-fit:cover}.grey-block--avatar{background-color:var(--color-grey-placeholder)}.testimonial-card__quote{font-size:var(--text-body);color:var(--color-text-secondary);font-weight:400;line-height:var(--leading-body)}.testimonial-card__author{align-items:center;gap:12px;width:100%;margin-top:40px;display:flex}.testimonial-card__name{font-size:var(--text-body-sm);color:#000;font-weight:500;line-height:var(--leading-body);white-space:nowrap}.testimonial-card__dot{background-color:#d9d9d9;border-radius:4px;width:8px;height:8px}.testimonial-card__role{font-size:var(--text-body-sm);color:var(--color-text-muted);font-weight:500;line-height:var(--leading-body);white-space:nowrap}.skills-banner{--skills-banner-bg-image:url(./skillsbanner_background-U_5asJoa.webp);--skills-banner-edge-width:clamp(120px, 14vw, 240px);background-color:var(--color-bg-dark);border-radius:var(--surface-radius);isolation:isolate;height:352px;width:calc(100% - (var(--page-padding-inline) * 2));max-width:calc(var(--container-max) - (var(--page-padding-inline) * 2));margin-inline:auto;margin-bottom:var(--section-gap);position:relative;overflow:hidden}.skills-banner__bg{border-radius:inherit;pointer-events:none;z-index:2;position:absolute;inset:0}.skills-banner__bg:before,.skills-banner__bg:after{content:"";background:center / cover no-repeat var(--skills-banner-bg-image);filter:blur(34px)saturate(1.06);opacity:.98;position:absolute;inset:-10px;transform:scale(1.03)}.skills-banner__bg:before{-webkit-mask-image:linear-gradient(90deg, #000 0, #000 calc(var(--skills-banner-edge-width) * .28), #000000f5 calc(var(--skills-banner-edge-width) * .46), #000000b8 calc(var(--skills-banner-edge-width) * .62), #0000004d calc(var(--skills-banner-edge-width) * .84), transparent var(--skills-banner-edge-width));-webkit-mask-image:linear-gradient(90deg, #000 0, #000 calc(var(--skills-banner-edge-width) * .28), #000000f5 calc(var(--skills-banner-edge-width) * .46), #000000b8 calc(var(--skills-banner-edge-width) * .62), #0000004d calc(var(--skills-banner-edge-width) * .84), transparent var(--skills-banner-edge-width));mask-image:linear-gradient(90deg, #000 0, #000 calc(var(--skills-banner-edge-width) * .28), #000000f5 calc(var(--skills-banner-edge-width) * .46), #000000b8 calc(var(--skills-banner-edge-width) * .62), #0000004d calc(var(--skills-banner-edge-width) * .84), transparent var(--skills-banner-edge-width))}.skills-banner__bg:after{-webkit-mask-image:linear-gradient(270deg, #000 0, #000 calc(var(--skills-banner-edge-width) * .28), #000000f5 calc(var(--skills-banner-edge-width) * .46), #000000b8 calc(var(--skills-banner-edge-width) * .62), #0000004d calc(var(--skills-banner-edge-width) * .84), transparent var(--skills-banner-edge-width));-webkit-mask-image:linear-gradient(270deg, #000 0, #000 calc(var(--skills-banner-edge-width) * .28), #000000f5 calc(var(--skills-banner-edge-width) * .46), #000000b8 calc(var(--skills-banner-edge-width) * .62), #0000004d calc(var(--skills-banner-edge-width) * .84), transparent var(--skills-banner-edge-width));mask-image:linear-gradient(270deg, #000 0, #000 calc(var(--skills-banner-edge-width) * .28), #000000f5 calc(var(--skills-banner-edge-width) * .46), #000000b8 calc(var(--skills-banner-edge-width) * .62), #0000004d calc(var(--skills-banner-edge-width) * .84), transparent var(--skills-banner-edge-width))}.skills-banner__content{white-space:nowrap;flex-shrink:0;align-items:center;gap:40px;padding-right:40px;display:inline-flex}.skills-banner__marquee{z-index:1;background:center / cover no-repeat var(--skills-banner-bg-image);align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.skills-banner__track{will-change:transform;align-items:center;width:max-content;animation:28s linear infinite skills-banner-scroll;display:flex}.skills-banner__text{font-size:var(--text-3xl);font-weight:var(--font-bold);color:#fff;line-height:var(--leading-flat);letter-spacing:var(--tracking-tight)}.skills-banner__dot{background-color:#fff;border-radius:10px;width:20px;height:20px}@keyframes skills-banner-scroll{0%{transform:translate(0,0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.skills-banner__track{animation:none}}.contact-section{width:100%;max-width:var(--container-max);margin-inline:auto;margin-bottom:var(--section-gap);flex-direction:column;align-items:flex-end;gap:8px;padding-left:clamp(48px,7vw,128px);padding-right:clamp(144px,18vw,384px);display:flex}.contact-header{align-items:flex-start;gap:var(--stack-gap-lg);flex-direction:column;width:auto;display:flex}.contact-header__status{text-align:left;flex-direction:column;align-items:flex-start;gap:6px;display:inline-flex}.contact-header__badge{border-radius:var(--radius-sm);align-items:center;gap:12px;display:inline-flex}.contact-header__dot{background-color:#00dcae;border-radius:5px;width:10px;height:10px;animation:2.8s ease-in-out infinite status-pulse}.contact-header__badge-text{font-size:var(--text-body-sm);color:#000;letter-spacing:var(--tracking-base);font-weight:500}.contact-header__location{text-align:left;flex-direction:column;align-items:flex-start;gap:6px;display:flex}.contact-header__loc-text,.contact-header__time{font-size:var(--text-2xl);color:#000;font-weight:700;line-height:var(--leading-flat);letter-spacing:var(--tracking-tight)}.contact-btn{justify-content:center;align-items:center;gap:var(--button-gap);min-height:var(--pill-height);padding-inline:var(--pill-padding-inline);border-radius:var(--radius-full);width:fit-content;box-shadow:var(--shadow-interactive-rest);transition:transform var(--transition-base), background-color var(--transition-base), box-shadow var(--transition-shadow);background-color:#0f0f0f;align-self:flex-start;margin-top:16px;text-decoration:none;display:inline-flex}.contact-btn:hover{box-shadow:var(--shadow-interactive-hover);background-color:#1c1c1c;transform:translateY(-1px)}.contact-btn:hover .contact-btn__icon{transform:translate(2px)}.contact-btn__text{font-size:var(--text-body-sm);color:#fff;letter-spacing:var(--tracking-base);font-weight:500}.contact-btn__icon{width:20px;height:20px;transition:transform var(--transition-base);justify-content:center;align-items:center;display:flex}.footer{background-color:var(--color-surface);width:calc(100% - (var(--page-padding-inline) * 2));max-width:calc(var(--container-max) - (var(--page-padding-inline) * 2));border-radius:clamp(16px,1.8vw,20px);flex-direction:column;gap:clamp(40px,6vw,88px);margin:0 auto 32px;padding:clamp(24px,3.5vw,48px);display:flex;overflow:visible}.footer__top,.footer__bottom{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:clamp(18px,2.6vw,40px);width:100%;display:grid}.footer__headline-block{min-width:0}.footer__eyebrow{margin:0 0 clamp(8px,1vw,14px);font-size:var(--text-body-sm);color:#111;letter-spacing:var(--tracking-wide);text-transform:uppercase;margin-inline-start:.08em;font-weight:500}.footer__headline{--footer-headline-fill-rgb:17 17 17;--footer-headline-base-alpha:.1;--footer-headline-shine-rgb:255 255 255;font-size:clamp(5.25rem,11.75vw,9.5rem);font-weight:var(--font-bold);letter-spacing:.005em;color:rgb(var(--footer-headline-fill-rgb) / var(--footer-headline-base-alpha));text-transform:uppercase;isolation:isolate;max-width:100%;margin:0;line-height:.9;position:relative}@keyframes footer-headline-shine{0%{opacity:0;background-position:140%}18%{opacity:.72}82%{opacity:.72}to{opacity:0;background-position:-28%}}@media (width>=1025px){html.is-motion-enabled .footer__headline:after{content:attr(data-text);background-image:linear-gradient(108deg, transparent 0%, transparent 43%, rgb(var(--footer-headline-shine-rgb) / .03) 46%, rgb(var(--footer-headline-shine-rgb) / .22) 48.5%, rgb(var(--footer-headline-shine-rgb) / .82) 50%, rgb(var(--footer-headline-fill-rgb) / .22) 52%, rgb(var(--footer-headline-shine-rgb) / .08) 55.5%, transparent 60%, transparent 100%);color:#0000;-webkit-text-fill-color:transparent;opacity:0;pointer-events:none;will-change:opacity, background-position;background-position:140%;background-size:255% 100%;-webkit-background-clip:text;background-clip:text;position:absolute;inset:0;transform:translateZ(0)}html.is-motion-enabled .footer.is-revealed .footer__headline:after{animation:1.68s cubic-bezier(.19,1,.22,1) .22s forwards footer-headline-shine}}.footer__back-to-top{font-size:var(--text-body-sm);color:#111;letter-spacing:var(--tracking-wide);white-space:nowrap;text-transform:uppercase;transition:var(--transition-base);justify-content:flex-end;place-self:end;align-items:center;gap:clamp(10px,1.2vw,16px);font-weight:500;text-decoration:none;display:inline-flex}.footer__back-to-top:hover{color:#000}.footer__back-to-top-icon{aspect-ratio:1;color:#fff;width:clamp(40px,3.5vw,56px);box-shadow:var(--shadow-interactive-rest);transition:transform var(--transition-base), background-color var(--transition-base), box-shadow var(--transition-shadow);background-color:#3d3d3d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.footer__back-to-top:hover .footer__back-to-top-icon{box-shadow:var(--shadow-interactive-hover);background-color:#111;transform:translateY(-2px)rotate(-6deg)}.footer__back-to-top-icon svg{width:40%;height:40%}.footer__actions{flex-wrap:wrap;align-items:center;gap:12px;min-width:0;display:flex}.footer__socials{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.footer__action,.footer__social-btn{background-color:var(--color-surface);min-height:clamp(46px,4vw,54px);font-size:var(--text-body-sm);color:#111;white-space:nowrap;box-shadow:var(--shadow-interactive-rest);transition:transform var(--transition-base), border-color var(--transition-base), background-color var(--transition-base), color var(--transition-base), box-shadow var(--transition-shadow);border:1px solid #11111124;border-radius:999px;justify-content:center;align-items:center;padding-inline:clamp(16px,2vw,24px);font-weight:500;text-decoration:none;display:inline-flex}.footer__action{gap:10px}.footer__action:hover,.footer__social-btn:hover{box-shadow:var(--shadow-interactive-hover);border-color:#1111113d;transform:translateY(-1px)}@media (hover:hover) and (pointer:fine){.stat-block:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.project-card__visual:hover .grey-block--project-visual{transform:translate3d(var(--project-visual-pan-x), var(--project-visual-pan-y), 0) scale(calc(var(--project-visual-scale) + .005))}.testimonial-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}}.footer__action--primary{color:#fff;background-color:#111;border-color:#111}.footer__action--primary:hover{background-color:#1d1d1d;border-color:#111}.footer__action--secondary{color:#111111c7}.footer__action-icon{opacity:.72;width:16px;height:16px;transition:transform var(--transition-base), opacity var(--transition-base);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.footer__action-icon svg{width:100%;height:100%}.footer__action--secondary:hover .footer__action-icon{opacity:1;transform:translate(1px,-1px)}.footer__social-btn--icon{width:clamp(48px,4.25vw,58px);min-width:clamp(48px,4.25vw,58px);padding-inline:0}.footer__social-icon{color:#111;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.footer__social-icon svg{width:100%;height:100%}.footer__social-icon img{object-fit:contain;width:100%;height:100%;display:block}.footer__credits{flex-direction:column;justify-self:end;align-items:flex-end;gap:6px;display:flex}.footer__credit{font-size:var(--text-body);text-align:right;margin:0;font-weight:400;line-height:1.2}.footer__credit-label{color:#11111185}.footer__credit-name{color:#111;font-weight:500}html,body{overflow-x:clip}@media (width<=1200px){.contact-section{padding-left:48px;padding-right:144px}.footer{gap:clamp(36px,5vw,60px);padding:clamp(22px,3vw,40px)}.footer__headline{font-size:clamp(4.5rem,10vw,8rem)}}@media (width<=1024px){.hero{--hero-gallery-peek-visible:96px}.header{padding-inline:24px;top:16px}.nav{gap:24px}.hero__inner{padding-top:100px;padding-bottom:140px;padding-inline:24px}.tool-dock{margin-bottom:48px}.gallery-peek__inner{aspect-ratio:16/10}.about__inner{flex-direction:column}.about__bio-card{align-items:flex-start;gap:24px;width:100%;min-height:0}.projects__header{align-items:flex-start;gap:24px}.project-card{grid-template-columns:1fr}.project-card__info{height:auto}.project-card__meta{display:none}.project-card__visual{aspect-ratio:16/10;height:auto}.testimonials__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skills-banner{height:280px}.skills-banner__content{gap:28px}.skills-banner__dot{width:16px;height:16px}.contact-section{align-items:stretch}.contact-header{align-items:flex-start;width:100%}.footer{gap:32px}.footer__top,.footer__bottom{grid-template-columns:minmax(0,1fr);align-items:start;gap:20px}.footer__back-to-top{justify-content:flex-start;justify-self:start}.footer__credits{justify-self:start;align-items:flex-start}.footer__credit{text-align:left}}@media (width<=768px){.hero{--hero-gallery-peek-visible:84px}body.has-nav-open{left:0;right:0;top:var(--nav-scroll-lock-top,0px);overscroll-behavior:none;width:100%;position:fixed}.header{padding-inline:var(--page-padding-inline);flex-direction:row;justify-content:space-between;align-items:flex-start;top:12px}.page--home .header{box-sizing:border-box;width:100%;max-width:100%;position:fixed;left:0;overflow-x:clip}.nav{box-shadow:none;background:0 0;border:none;justify-content:space-between;align-items:center;gap:10px;width:100%;min-width:0;padding:0;display:flex}.nav--hanging{min-width:0;padding-top:0;display:block}.nav--hanging .nav__frame{width:100%;box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:none;justify-content:space-between;align-items:center;gap:10px;min-width:0;padding:0;display:flex;animation:none!important;transform:none!important}.nav--hanging .nav__string,.nav--hanging .nav__string-tail,.nav--hanging .nav__repair-handle{display:none}.nav__left-pill{border-radius:var(--radius-full);border:1px solid var(--color-border-subtle);-webkit-backdrop-filter:blur(12px);width:auto;min-width:0;max-width:calc(100% - 54px);box-shadow:var(--shadow-xs);background-color:#ffffffbf;flex:0 auto;justify-content:flex-start;align-items:center;gap:40px;padding:6px 8px 6px 6px;display:flex}.nav__brand{flex:0 auto;gap:8px;min-width:0}.nav__logo{white-space:nowrap}.nav__links{display:none}.nav__cta{border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);box-shadow:var(--shadow-interactive-rest);font-size:var(--text-xs);background:#fff;flex-shrink:0;padding:8px 14px}.nav__cta:hover{box-shadow:var(--shadow-interactive-hover);background:#ffffffe6;border-color:#0000001f}.nav__hamburger{border-radius:var(--radius-full);border:1px solid var(--color-border-subtle);-webkit-backdrop-filter:blur(12px);width:44px;height:44px;box-shadow:var(--shadow-interactive-rest);cursor:pointer;transition:background-color var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-shadow), transform var(--transition-base);background-color:#ffffffbf;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:4px;padding:0;display:flex}.nav__hamburger:hover{box-shadow:var(--shadow-interactive-hover);background-color:#ffffffe6;transform:translateY(-1px)}body.has-nav-open .nav__hamburger{border-color:var(--color-border);box-shadow:var(--shadow-interactive-hover);background-color:#fff}.nav__drawer{top:72px;left:var(--page-padding-inline);right:var(--page-padding-inline);bottom:var(--page-padding-inline);overscroll-behavior:contain;border-radius:var(--radius-xl);transform-origin:top;width:auto;max-height:none;position:fixed;transform:translateY(12px)scale(.985)}.nav__drawer-content{gap:20px;padding:18px}.nav__drawer-header{padding:6px 4px 2px}.nav__drawer-caption{max-width:26ch}.nav__drawer-links{gap:12px}.nav__drawer-link{border-radius:var(--surface-radius);min-height:108px;padding:18px}.nav__drawer-link-title{font-size:clamp(2rem,8vw,2.8rem)}.nav__drawer-link-subtitle{max-width:20ch}.nav__drawer-footer{gap:12px}.nav__drawer-action{min-height:50px}.hero{min-height:100svh}.hero__inner{padding-top:80px;padding-bottom:140px;padding-inline:var(--page-padding-inline)}.hero__text-content{gap:20px;margin-bottom:56px}.hero__heading-group{gap:20px}.hero__title{max-width:10ch}.hero__subtitle{max-width:38ch}.tool-dock{scrollbar-width:none;justify-content:flex-start;gap:6px;width:auto;max-width:100%;height:auto;margin-bottom:40px;padding:8px 10px;overflow-x:auto}.tool-dock::-webkit-scrollbar{display:none}.tool-dock__item{flex:0 0 40px;width:40px;height:40px}.tool-dock__item:before{display:none}.gallery-peek__inner{aspect-ratio:16/10;border-radius:16px}.gallery-peek__indicators{gap:8px;right:12px}.gallery-peek__indicator{width:10px;height:10px}.about__bio-card,.stat-block,.project-card__info,.project-card__visual,.testimonial-card{border-radius:18px}.about__bio-card,.stat-block,.project-card__info,.testimonial-card{padding:24px}.about__stats-row{flex-direction:column}.stat-block{gap:20px}.projects__inner,.testimonials__inner{gap:48px}.projects__header{flex-direction:column}.projects__list{gap:40px}.project-card{gap:16px}.project-card__info{gap:24px;height:auto}.project-card__info-inner{gap:24px}.project-card__tags{flex-wrap:wrap;gap:16px}.project-card__visual{height:auto}.testimonials__grid{grid-template-columns:1fr;gap:16px}.testimonial-card__content{gap:24px}.testimonial-card__author{flex-wrap:wrap;row-gap:8px;margin-top:24px}.skills-banner{--skills-banner-edge-width:clamp(72px, 22vw, 140px);border-radius:16px;height:220px}.skills-banner__content{gap:20px}.skills-banner__text{font-size:var(--text-2xl)}.skills-banner__dot{width:12px;height:12px}.contact-section{padding-inline:var(--page-padding-inline);align-items:flex-end}.contact-header{text-align:right;align-items:flex-end;gap:24px;width:100%}.contact-header__status{align-items:flex-end}.contact-header__badge{justify-content:flex-end}.contact-header__location{text-align:right;align-items:flex-end;gap:4px}.contact-btn{align-self:flex-end;width:fit-content;margin-top:0}.footer{border-radius:20px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"headline headline""actions actions""credits back";align-items:end;gap:36px 20px;margin:0 auto 24px;padding:36px;display:grid}.footer__top,.footer__bottom{gap:18px;display:contents}.footer__headline-block{flex-direction:column;grid-area:headline;gap:12px;display:flex}.footer__eyebrow,.footer__back-to-top{font-size:var(--text-sm)}.footer__headline{font-size:clamp(3.75rem,15vw,6rem)}.footer__actions{flex-direction:column;grid-area:actions;align-items:stretch;gap:12px;width:100%}.footer__action{justify-content:center;width:100%}.footer__socials{justify-content:flex-start;gap:10px;width:100%;padding-top:4px}.footer__back-to-top{grid-area:back;place-self:end}.footer__credits{grid-area:credits;place-self:end start;gap:8px}.footer__credit{font-size:var(--text-sm)}}@media (width<=480px){.hero{--hero-gallery-peek-visible:76px}.header{padding-inline:var(--page-padding-inline)}.nav{gap:8px;padding:0}.nav__logo,.nav__cta{font-size:var(--text-xs)}.nav__avatar{flex-basis:42px;width:42px;height:42px}.nav__cta{padding:7px 12px}.nav__left-pill{gap:40px}.nav__drawer{top:64px;left:var(--page-padding-inline);right:var(--page-padding-inline);bottom:var(--page-padding-inline);border-radius:var(--surface-radius)}.nav__drawer-content{gap:16px;padding:14px}.nav__drawer-header{gap:6px}.nav__drawer-link{border-radius:var(--radius-lg);min-height:92px;padding:16px}.nav__drawer-link-title{font-size:clamp(1.65rem,8.5vw,2.2rem)}.nav__drawer-link-subtitle{font-size:var(--text-xs)}.nav__drawer-footer{gap:8px}.nav__drawer-action{min-height:44px;font-size:var(--text-xs);padding-inline:14px}.hero{min-height:100svh}.hero__inner{padding-top:80px;padding-bottom:120px;padding-inline:var(--page-padding-inline)}.hero__available{font-size:var(--text-xs)}.hero__subtitle{font-size:var(--text-xs);max-width:32ch}.tool-dock{border-radius:16px;max-width:100%;margin-bottom:32px}.gallery-peek__inner{aspect-ratio:16/10}.gallery-peek__indicators{right:10px}.gallery-peek__inner,.about__bio-card,.stat-block,.project-card__info,.project-card__visual,.testimonial-card{border-radius:16px}.about__bio-card,.stat-block,.project-card__info,.testimonial-card{padding:20px}.stat-block{gap:16px}.stat-block__row{flex-wrap:wrap;gap:12px}.grey-block--project-icon{width:56px;height:56px}.project-card__tags{gap:12px}.tag--bold{font-size:var(--text-xs)}.tag-line{height:14px}.btn--project-view{padding:12px 8px}.testimonial-card__quote{font-size:var(--text-sm)}.testimonial-card__author{align-items:flex-start;gap:8px}.testimonial-card__dot{display:none}.skills-banner{border-radius:14px;height:180px}.skills-banner__content{gap:16px}.skills-banner__text{font-size:var(--text-xl)}.skills-banner__dot{width:10px;height:10px}.contact-header__loc-text,.contact-header__time{font-size:var(--text-xl)}.contact-btn{align-self:flex-end;width:fit-content}.footer{border-radius:14px;gap:28px 16px;margin:0 auto 16px;padding:32px}.footer__headline{font-size:clamp(3rem,16vw,4.85rem)}.footer__headline-block{gap:10px}.footer__back-to-top-icon{width:40px}.footer__actions{gap:10px}.footer__action,.footer__social-btn{min-height:44px;padding-inline:16px}.footer__socials{gap:8px;padding-top:2px}.footer__social-icon{width:26px;height:26px}.footer__credits{gap:6px}.footer__social-btn--icon{width:50px;min-width:50px;min-height:50px}}.gallery-page{padding-top:var(--page-top-offset)}.gallery-page__intro{margin-bottom:72px}.gallery-page__grid-section{margin-bottom:var(--section-gap)}.gallery-page__inner{width:100%;max-width:var(--container-max);padding-inline:var(--page-padding-inline);margin-inline:auto}.gallery-page__heading{width:min(var(--heading-width-sm), 100%)}.gallery-page__heading--wide{width:min(var(--heading-width-md), 100%)}.page--gallery .nav__avatar{background:#ffffffeb url(./Nav_profile_image-ChMJ7kZQ.png) 50%/cover no-repeat;border:1px solid #11111114;box-shadow:inset 0 0 0 1px #ffffff6b}.gallery-grid{--gallery-gap:24px;gap:var(--gallery-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid;container-type:inline-size}.gallery-grid__item{--gallery-item-pan-x:0px;--gallery-item-pan-y:0px;height:calc((100cqi - var(--gallery-gap)) / 2);border-radius:var(--surface-radius);box-shadow:var(--shadow-card-rest);transition:box-shadow var(--transition-shadow), filter .22s var(--ease-smooth);background:#0f0f0f0a;position:relative;overflow:hidden}.gallery-grid__image{object-fit:cover;object-position:center;width:100%;height:100%;transform:translate3d(var(--gallery-item-pan-x), var(--gallery-item-pan-y), 0) scale(1.12);transition:transform .22s var(--ease-smooth), filter .22s var(--ease-smooth);will-change:transform;display:block}@media (hover:hover) and (pointer:fine){.gallery-grid__item.is-parallax-active{box-shadow:var(--shadow-card-hover);filter:saturate(1.03)}.gallery-grid__item.is-parallax-active .gallery-grid__image{transform:translate3d(var(--gallery-item-pan-x), var(--gallery-item-pan-y), 0) scale(1.16);filter:saturate(1.02)}}.gallery-grid__item--full{grid-column:1/-1}@media (width<=768px){.gallery-page__intro{margin-bottom:56px}.gallery-page__heading,.gallery-page__heading--wide{width:100%;max-width:none}.gallery-page__heading--wide .section-heading__forced-break{display:none}.gallery-grid{grid-template-columns:1fr}.gallery-grid__item,.gallery-grid__item--full{grid-column:auto;height:auto}.gallery-grid__item{aspect-ratio:1}.gallery-grid__item--full{aspect-ratio:16/10}}@media (width<=480px){.gallery-grid__item{border-radius:var(--radius-md)}}.project-page{padding-top:var(--page-top-offset)}.project-detail{margin-bottom:var(--section-gap)}.project-detail__inner{width:100%;max-width:var(--container-max);padding-inline:var(--page-padding-inline);margin-inline:auto}.project-detail__layout{grid-template-columns:minmax(320px,35fr) minmax(0,65fr);align-items:start;gap:clamp(32px,5vw,88px);display:grid}.project-detail__column{min-width:0}.project-detail__column--details{padding-top:clamp(28px,4vw,52px)}.project-detail__details-shell{gap:var(--stack-gap-lg);flex-direction:column;display:flex}.project-detail__header{flex-direction:column;gap:14px;display:flex}.project-detail__title{color:#111;font-family:var(--font-display);font-size:clamp(2.25rem,1.9rem + 1.45vw,3.25rem);font-weight:var(--font-bold);letter-spacing:var(--tracking-display);line-height:var(--leading-display)}.project-detail__summary{gap:16px;display:grid}.project-detail__summary p{color:var(--color-text-secondary);font-size:var(--text-body-sm);font-weight:500;line-height:var(--leading-body)}.project-detail__meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 28px;padding:28px 0 24px;display:grid}.project-detail__meta-item{flex-direction:column;gap:12px;display:flex}.project-detail__meta-label{color:#111;font-size:var(--text-label);letter-spacing:var(--tracking-wide);text-transform:uppercase;font-weight:600}.project-detail__meta-values{justify-items:start;gap:8px;display:grid}.project-detail__meta-value{color:var(--color-text-muted);font-size:var(--text-body-sm);font-weight:400;line-height:var(--leading-body);display:block}.project-detail__meta-link{transition:opacity var(--transition-base);text-decoration:none}.project-detail__meta-link:hover{opacity:.64}.project-detail__accordion-list{display:grid}.project-detail__accordion{border:0}.project-detail__accordion:first-child,.project-detail__accordion:last-child{border-bottom:1px solid var(--color-border)}.project-detail__accordion-summary{cursor:pointer;transition:opacity var(--transition-base);justify-content:space-between;align-items:center;gap:16px;padding:24px 0;list-style:none;display:flex}.project-detail__accordion-summary::-webkit-details-marker{display:none}.project-detail__accordion-title{color:#111;font-size:var(--text-body);letter-spacing:var(--tracking-base);font-weight:600}.project-detail__accordion-indicator{flex-shrink:0;width:22px;height:22px;position:relative}.project-detail__accordion-indicator:before,.project-detail__accordion-indicator:after{content:"";background:var(--color-text-primary);width:14px;height:1.5px;transition:transform var(--transition-base), opacity var(--transition-base);border-radius:999px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.project-detail__accordion-indicator:after{transform:translate(-50%,-50%)rotate(90deg)}.project-detail__accordion[open] .project-detail__accordion-indicator:after{opacity:0}.project-detail__accordion-content{gap:16px;padding:0 0 24px;display:grid}.project-detail__accordion-content p{color:var(--color-text-secondary);font-size:var(--text-body-sm);font-weight:500;line-height:var(--leading-body)}.project-detail__visual-stack{gap:18px;display:grid}.project-detail__visual-card{padding:var(--surface-padding);border-radius:var(--radius-xl);border:1px solid var(--color-border-subtle);min-height:360px;box-shadow:var(--shadow-card-rest);transition:transform var(--transition-slow), box-shadow var(--transition-shadow), border-color var(--transition-base);background:linear-gradient(#ffffffb3,#ffffff40);gap:24px;display:grid;position:relative;overflow:hidden}.project-detail__visual-card--media{min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;display:block;overflow:visible}.project-detail__visual-card--ink{background:linear-gradient(#354f61 0%,#253442 100%)}.project-detail__visual-card--sand{background:linear-gradient(#f1d7b7 0%,#d8b48a 100%)}.project-detail__visual-card--mint{background:linear-gradient(#c6efe3 0%,#7db9a3 100%)}.project-detail__visual-card--rose{background:linear-gradient(#f6d5d1 0%,#df9e98 100%)}.project-detail__visual-card--slate{background:linear-gradient(#cad4e4 0%,#8a9bb4 100%)}.project-detail__visual-card--cobalt{background:linear-gradient(#bfd3ff 0%,#6a88d9 100%)}.project-detail__visual-card--olive{background:linear-gradient(#dbe4c0 0%,#93a56d 100%)}.project-detail__visual-card--coral{background:linear-gradient(#ffd5ca 0%,#ef8c74 100%)}.project-detail__visual-card-header{z-index:1;gap:10px;max-width:28rem;display:grid;position:relative}.project-detail__visual-kicker{color:var(--color-text-muted);font-size:var(--text-label);letter-spacing:var(--tracking-wide);text-transform:uppercase;font-weight:600}.project-detail__visual-title{color:#111;font-family:var(--font-display);font-size:clamp(1.625rem,1.3rem + 1vw,2.25rem);font-weight:var(--font-bold);letter-spacing:var(--tracking-heading);line-height:var(--leading-heading)}.project-detail__visual-caption{color:var(--color-text-secondary);font-size:var(--text-body-sm);font-weight:500;line-height:var(--leading-body)}.project-detail__visual-card--ink .project-detail__visual-kicker,.project-detail__visual-card--cobalt .project-detail__visual-kicker,.project-detail__visual-card--slate .project-detail__visual-kicker{color:#ffffffb8}.project-detail__visual-card--ink .project-detail__visual-title,.project-detail__visual-card--cobalt .project-detail__visual-title,.project-detail__visual-card--slate .project-detail__visual-title{color:#fff}.project-detail__visual-card--ink .project-detail__visual-caption,.project-detail__visual-card--cobalt .project-detail__visual-caption,.project-detail__visual-card--slate .project-detail__visual-caption{color:#ffffffc7}.project-detail__visual-frame{z-index:1;border-radius:var(--surface-radius);min-height:200px;box-shadow:var(--shadow-card-rest);transition:transform var(--transition-slow), box-shadow var(--transition-shadow), border-color var(--transition-base);background:#ffffffeb;border:1px solid #ffffff8f;align-self:end;padding:18px;position:relative}.project-detail__visual-frame--media{--project-detail-visual-pan-x:0px;--project-detail-visual-pan-y:0px;border-radius:var(--surface-radius);min-height:0;box-shadow:none;background:0 0;border:0;padding:0;overflow:hidden}.project-detail__visual-media{border-radius:inherit;width:100%;height:auto;transform:translate3d(var(--project-detail-visual-pan-x), var(--project-detail-visual-pan-y), 0) scale(1.08);transform-origin:50%;transition:transform .26s var(--ease-smooth);will-change:transform;display:block}.project-detail__visual-ui{gap:14px;height:100%;display:grid}.project-detail__visual-ui-bar{background:#11111114;border-radius:999px;width:42%;height:18px}.project-detail__visual-ui-grid{grid-template-columns:1.3fr .85fr;gap:14px;min-height:132px;display:grid}.project-detail__visual-ui-panel,.project-detail__visual-ui-stack{border-radius:var(--radius-md);background:#1111110f}.project-detail__visual-ui-stack{gap:12px;padding:14px;display:grid}.project-detail__visual-ui-chip{background:#11111117;border-radius:999px;height:14px}@media (hover:hover) and (pointer:fine){.project-detail__accordion-summary:hover{opacity:.74}.project-detail__visual-card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--color-border);transform:translateY(-4px)}.project-detail__visual-card--media:hover{box-shadow:none;border-color:#0000;transform:none}.project-detail__visual-card:hover .project-detail__visual-frame{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.project-detail__visual-card--media:hover .project-detail__visual-frame--media{box-shadow:none;transform:none}}@media (width>=961px){.project-detail__layout{align-items:stretch;gap:clamp(43px,6.67vw,117px)}.project-detail__details-shell{position:sticky;top:96px}}@media (width<=960px){.project-detail__layout{grid-template-columns:1fr;gap:96px}.project-detail__column--details{padding-top:0}.project-detail__visual-card{min-height:320px}.project-detail__visual-card--media{min-height:0}}@media (width<=768px){.project-detail__details-shell{gap:28px}.project-detail__meta-grid{grid-template-columns:1fr;gap:20px}.project-detail__visual-card{border-radius:var(--surface-radius);min-height:280px;padding:20px}.project-detail__visual-card--media{border-radius:0;padding:0}}@media (width<=480px){.project-detail__title{line-height:1.02}.project-detail__visual-card{border-radius:var(--radius-md);min-height:250px}.project-detail__visual-frame{border-radius:var(--radius-lg);padding:16px}.project-detail__visual-card--media{border-radius:0}.project-detail__visual-frame--media{border-radius:var(--radius-lg)}}body.page--about{--about-page-bg:#0f0f0f;--about-surface:#ffffff0b;--about-surface-strong:#ffffff14;--about-border:#ffffff14;--about-border-strong:#ffffff29;--about-text:#ffffffeb;--about-text-muted:#ffffffad;--about-text-faint:#ffffff7a;background:var(--about-page-bg);color:var(--about-text)}body{--page-transition-overlay:var(--color-bg)}body:after{content:"";background:radial-gradient(60% 52% at 50% 92%, #ffffff29 0%, #ffffff17 24%, #ffffff08 48%, #fff0 74%), radial-gradient(92% 78% at 50% 118%, #ffffff14 0%, #fff0 68%), var(--page-transition-overlay);opacity:0;filter:blur(28px)saturate(1.04);pointer-events:none;will-change:transform, opacity, filter;transition:transform .92s var(--ease-emphasized), opacity .62s var(--ease-emphasized), filter .92s var(--ease-emphasized);z-index:calc(var(--z-overlay) + 8);position:fixed;inset:0;transform:translateY(6%)scale(1.12)}body>*{transition:opacity .52s var(--ease-emphasized)}html.is-theme-transitioning body:after,html.is-theme-transition-enter body:after{opacity:1;filter:blur(12px)saturate();transform:translate(0,0)scale(1)}html.is-theme-transitioning body>*,html.is-theme-transition-enter body>*,html.is-theme-transition-enter.is-theme-transition-settle body:after{opacity:0}html.is-theme-transition-enter.is-theme-transition-settle body>*{opacity:1}html.is-theme-transitioning body,html.is-theme-transition-enter body{pointer-events:none}html.is-theme-transitioning .nav--hanging .nav__frame,html.is-theme-transitioning .nav--hanging .nav__string,html.is-theme-transitioning .nav--hanging .nav__string-tail,html.is-theme-transitioning .nav--hanging .nav__repair-handle,html.is-theme-transition-enter .nav--hanging .nav__frame,html.is-theme-transition-enter .nav--hanging .nav__string,html.is-theme-transition-enter .nav--hanging .nav__string-tail,html.is-theme-transition-enter .nav--hanging .nav__repair-handle{transition:none!important;animation:none!important}html.is-theme-transitioning .nav--hanging .nav__frame,html.is-theme-transition-enter .nav--hanging .nav__frame{transform:none!important}html.is-theme-transitioning .nav--hanging .nav__string,html.is-theme-transition-enter .nav--hanging .nav__string{height:var(--nav-hanging-string-length)!important;opacity:1!important;transform:none!important}html.is-theme-transitioning .nav--hanging .nav__string-tail,html.is-theme-transitioning .nav--hanging .nav__repair-handle,html.is-theme-transition-enter .nav--hanging .nav__string-tail,html.is-theme-transition-enter .nav--hanging .nav__repair-handle{opacity:0!important}.page--about .header,.page--about .about-page,.page--about .contact-section,.page--about .footer{transition:opacity .42s ease, transform .56s var(--ease-emphasized)}html:not(.is-motion-ready) .page--about .header,html:not(.is-motion-ready) .page--about .about-page,html:not(.is-motion-ready) .page--about .contact-section,html:not(.is-motion-ready) .page--about .footer{opacity:0;transform:translateY(10px)}.about-page{padding-top:var(--page-top-offset)}.page--about .nav--hanging .nav__frame{border-color:var(--about-border);-webkit-backdrop-filter:blur(18px);background:linear-gradient(#1e1e1ed1,#0e0e0ebd),#121212cc;box-shadow:inset 0 1px #ffffff14,0 16px 32px #0000002e}@media (width>=769px){@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.page--about .nav--hanging .nav__frame{background:linear-gradient(#202020f0,#0e0e0ee6),#121212eb;border-color:#ffffff1f;box-shadow:inset 0 1px #ffffff1f,0 18px 36px #00000038}}}.page--about .nav__string{background:linear-gradient(#ffffff2e,#ffffff6b)}.page--about .nav__string-tail{background:linear-gradient(#ffffff75,#ffffff24)}.page--about .nav__logo{color:var(--about-text)}.page--about .nav__links a{color:var(--about-text-faint)}.page--about .nav__links a:hover,.page--about .nav__links a[aria-current=page]{color:var(--about-text)}.page--about .nav__left-pill{border-color:var(--about-border);background-color:#141414c2;box-shadow:0 14px 26px #0000002e}.page--about .nav__cta{color:#111;background:#fffffff0;border-color:#fffffff0}.page--about .nav__cta:hover{background:#fff;border-color:#fff}.page--about:before{-webkit-backdrop-filter:blur(10px);background:#00000057}.page--about .nav__hamburger{border-color:var(--about-border);background-color:#141414c7}.page--about .nav__hamburger-bar{background:#ffffffeb}.page--about .nav__drawer{border-color:var(--about-border);background:linear-gradient(#141414fa,#0c0c0cf5);box-shadow:0 24px 52px #00000057}.page--about .nav__drawer-kicker{color:var(--about-text-faint)}.page--about .nav__drawer-caption{color:var(--about-text-muted)}.page--about .nav__drawer-link{color:var(--about-text);border-color:var(--about-border);background:#ffffff0a}.page--about .nav__drawer-link:hover{border-color:var(--about-border-strong);background:#ffffff14}.page--about .nav__drawer-link:after,.page--about .nav__drawer-icon{color:var(--about-text-faint)}.page--about .nav__drawer-link-subtitle{color:var(--about-text-muted)}.page--about .nav__drawer-link[aria-current=page]{color:#111;background:#fffffff5;border-color:#fffffff5}.page--about .nav__drawer-link[aria-current=page] .nav__drawer-icon,.page--about .nav__drawer-link[aria-current=page] .nav__drawer-link-subtitle{color:#1111119e}.page--about .nav__drawer-action--primary{color:#111;background:#fffffff5;border-color:#fffffff5}.page--about .nav__drawer-action--primary:hover{background:#fff;border-color:#fff}.page--about .nav__drawer-action--secondary{border-color:var(--about-border);color:var(--about-text);background:#ffffff0a}.about-page__intro,.about-marquee,.about-experience{margin-bottom:var(--section-gap)}.about-page__inner{width:100%;max-width:var(--container-max);padding-inline:var(--page-padding-inline);margin-inline:auto}.about-page__hero{gap:clamp(56px,6vw,88px);display:grid}.about-page__title{max-width:26ch;color:var(--about-text);font-size:calc(var(--text-xl) * 1.5);font-weight:var(--font-bold);letter-spacing:var(--tracking-display);line-height:var(--leading-display)}.about-page__hero-layout{grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr);align-items:start;gap:clamp(32px,5vw,88px);display:grid}.about-page__profile{gap:32px;display:grid}.about-page__portrait{border-radius:var(--surface-radius-lg);border:1px solid var(--about-border);min-height:440px;transition:transform var(--transition-slow), box-shadow var(--transition-shadow);background:linear-gradient(145deg,#202a35 0%,#2a3b4d 42%,#5b7790 100%);position:relative;overflow:hidden;box-shadow:0 20px 40px #0000003d}.about-page__portrait-glow{opacity:.8;border-radius:999px;animation:10s ease-in-out infinite about-portrait-float;position:absolute}.about-page__portrait-glow--one{background:radial-gradient(circle,#ffffffe0 0%,#fff0 72%);width:220px;height:220px;top:12%;left:-10%}.about-page__portrait-glow--two{background:radial-gradient(circle,#0a16283d 0%,#0a162800 72%);width:280px;height:280px;animation-delay:-4s;bottom:-8%;right:-12%}.about-page__portrait-grid{background-image:linear-gradient(#ffffff2e 1px,#0000 1px),linear-gradient(90deg,#ffffff2e 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000000b3,#0000 88%);mask-image:linear-gradient(#000000b3,#0000 88%)}.about-page__portrait-badge{color:#111;font-size:var(--text-body-sm);letter-spacing:var(--tracking-base);-webkit-backdrop-filter:blur(12px);transition:transform var(--transition-slow), background-color var(--transition-base);background:#ffffffdb;border-radius:999px;align-items:center;padding:8px 14px;font-weight:600;display:inline-flex;position:absolute;top:24px;left:24px}.about-page__portrait-panel{flex-wrap:wrap;gap:10px;display:flex;position:absolute;bottom:24px;left:24px;right:24px}.about-page__portrait-panel span{color:#fff;font-size:var(--text-label);letter-spacing:var(--tracking-base);-webkit-backdrop-filter:blur(12px);transition:transform var(--transition-slow), background-color var(--transition-base), border-color var(--transition-base);background:#ffffff2e;border:1px solid #ffffff3d;border-radius:999px;align-items:center;padding:6px 11px;font-weight:500;display:inline-flex}.about-page__story{gap:clamp(40px,4vw,64px);width:min(80%,44rem);display:grid}.about-page__story-block{gap:20px;max-width:44rem;display:grid}.about-page__story-label{color:var(--about-text);font-size:var(--text-body);letter-spacing:var(--tracking-base);font-weight:600}.about-page__story-copy{gap:16px;display:grid}.about-page__story-copy p{color:var(--about-text-muted);font-size:var(--text-body-sm);font-weight:500;line-height:var(--leading-body)}.about-page__actions{flex-wrap:wrap;gap:16px;display:flex}.about-page__action{min-height:var(--pill-height);padding-inline:var(--pill-padding-inline);border-radius:var(--radius-full);font-size:var(--text-body-sm);letter-spacing:var(--tracking-base);box-shadow:var(--shadow-interactive-rest);transition:transform var(--transition-base), border-color var(--transition-base), background-color var(--transition-base), color var(--transition-base), box-shadow var(--transition-shadow);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;font-weight:500;text-decoration:none;display:inline-flex}.about-page__action:hover{box-shadow:var(--shadow-interactive-hover);transform:translateY(-1px)}.about-page__action:hover .about-page__action-icon{transform:translate(2px)}.about-page__action--primary{color:#111;background:#fffffff5;border-color:#fffffff5}.about-page__action--primary:hover{background:#fff;border-color:#fff}.about-page__action--secondary{border-color:var(--about-border);color:var(--about-text);background:#ffffff0a}.about-page__action--secondary:hover{border-color:var(--about-border-strong)}.about-page__action-icon{width:20px;height:20px;transition:transform var(--transition-base);justify-content:center;align-items:center;display:inline-flex}.about-marquee__surface{--about-marquee-gap:20px;--about-marquee-hover-room:10px;width:calc(100% - (var(--page-padding-inline) * 2));max-width:calc(var(--container-max) - (var(--page-padding-inline) * 2));padding-block:var(--about-marquee-hover-room);border-radius:var(--radius-xl);background:0 0;margin-inline:auto;position:relative;overflow:hidden}.about-marquee__surface:before,.about-marquee__surface:after{content:"";z-index:1;pointer-events:none;width:clamp(72px,10vw,160px);position:absolute;top:0;bottom:0}.about-marquee__surface:before{background:linear-gradient(90deg,#0f0f0f 0%,#0f0f0f00 100%);left:0}.about-marquee__surface:after{background:linear-gradient(270deg,#0f0f0f 0%,#0f0f0f00 100%);right:0}.about-marquee__track{overflow:visible}.about-marquee__list{align-items:center;gap:var(--about-marquee-gap);will-change:transform;width:max-content;display:flex;transform:translate(0,0)}.about-marquee__card{width:clamp(220px,24vw,413px);transition:transform var(--transition-slow);border-radius:12px;flex-shrink:0;display:block;overflow:hidden}.about-marquee__card-media{border-radius:inherit;object-fit:contain;width:100%;height:auto;display:block}.about-experience__layout{grid-template-columns:minmax(240px,.68fr) minmax(0,1.32fr);align-items:start;gap:clamp(96px,15vw,264px);display:grid}.about-experience__intro{gap:16px;max-width:28rem;display:grid}.about-experience__label{color:var(--about-text-faint);font-size:var(--text-body-sm);font-weight:500;line-height:var(--leading-tight);letter-spacing:var(--tracking-base)}.about-experience__title{color:var(--about-text);font-size:var(--text-title-lg);font-weight:var(--font-bold);letter-spacing:var(--tracking-heading);line-height:var(--leading-heading)}.about-experience__list{gap:16px;display:grid}.experience-card{padding:var(--surface-padding);border-radius:var(--surface-radius);border:1px solid var(--about-border);transition:transform var(--transition-slow), box-shadow var(--transition-shadow), border-color var(--transition-base);background:linear-gradient(#ffffff0b,#ffffff08);box-shadow:0 18px 34px #00000029}.experience-card__toggle{cursor:pointer;justify-content:space-between;align-items:flex-start;gap:18px;list-style:none;display:flex}.experience-card__toggle::-webkit-details-marker{display:none}.experience-card__meta{gap:8px;display:grid}.experience-card__period{color:var(--about-text);font-size:var(--text-body-sm);font-weight:400;line-height:1.3}.experience-card__role-line{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.experience-card__role{color:var(--about-text);font-size:var(--text-body);letter-spacing:var(--tracking-base);font-weight:600}.experience-card__dot{background:#ffffff38;border-radius:999px;width:8px;height:8px}.experience-card__company{color:var(--about-text-faint);font-size:var(--text-body);font-weight:500}.experience-card__plus{flex-shrink:0;width:28px;height:28px;margin-top:0;position:relative}.experience-card__plus:before,.experience-card__plus:after{content:"";width:18px;height:2px;transition:transform var(--transition-base), opacity var(--transition-base);background:#ffffffe6;border-radius:999px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.experience-card__plus:after{transform:translate(-50%,-50%)rotate(90deg)}.experience-card[open] .experience-card__plus:after{opacity:0}.experience-card__body{width:100%;transition:grid-template-rows var(--transition-slow), padding-top var(--transition-base);grid-template-rows:0fr;padding-top:0;display:grid}.experience-card[open] .experience-card__body{grid-template-rows:1fr;padding-top:16px}.experience-card__description{color:var(--about-text-muted);font-size:var(--text-body-sm);font-weight:500;line-height:var(--leading-body);width:100%;max-width:none;margin:0;overflow:hidden}.page--about .contact-header__badge-text,.page--about .contact-header__loc-text,.page--about .contact-header__time{color:var(--about-text)}.page--about .contact-btn{background-color:#fffffff5;box-shadow:0 16px 28px #0000002e}.page--about .contact-btn:hover{background-color:#fff}.page--about .contact-btn__text{color:#111}.page--about .contact-btn__icon svg path{stroke:#111}.page--about .footer{border:1px solid var(--about-border);background:linear-gradient(#181818f0,#0f0f0ffa);box-shadow:0 24px 52px #00000038}.page--about .footer__eyebrow{color:var(--about-text-muted)}.page--about .footer__headline{--footer-headline-fill-rgb:255 255 255;--footer-headline-base-alpha:.09;color:rgb(var(--footer-headline-fill-rgb) / var(--footer-headline-base-alpha))}.page--about .footer__back-to-top{color:var(--about-text-muted)}.page--about .footer__back-to-top:hover{color:var(--about-text)}.page--about .footer__back-to-top-icon{color:#111;background-color:#fffffff5}.page--about .footer__back-to-top:hover .footer__back-to-top-icon{background-color:#fff}.page--about .footer__action,.page--about .footer__social-btn{border-color:var(--about-border);color:var(--about-text);background-color:#ffffff0a}.page--about .footer__action:hover,.page--about .footer__social-btn:hover{border-color:var(--about-border-strong)}.page--about .footer__action--primary{color:#111;background-color:#fffffff5;border-color:#fffffff5}.page--about .footer__action--primary:hover{background-color:#fff;border-color:#fff}.page--about .footer__credit-label{color:var(--about-text-faint)}.page--about .footer__credit-name{color:var(--about-text)}@keyframes about-portrait-float{0%,to{transform:translate(0,0)scale(1)}50%{transform:translateY(-8px)scale(1.03)}}@media (prefers-reduced-motion:reduce){.about-marquee__list{transform:none!important}.about-page__portrait-glow{animation:none}}@media (hover:hover) and (pointer:fine){.about-page__portrait:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-4px)scale(1.01)}.about-page__portrait:hover .about-page__portrait-badge,.about-page__portrait:hover .about-page__portrait-panel span{transform:translateY(-2px)}.about-marquee__card:hover{transform:translateY(-6px)}.experience-card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--color-border);transform:translateY(-4px)}}@media (width<=960px){.about-page__hero-layout,.about-experience__layout{grid-template-columns:1fr}.about-experience__layout{gap:56px}.about-page__story{width:100%}.about-page__story-block{max-width:none}}@media (width<=768px){.page--about .nav--hanging .nav__frame{box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:0}.about-page__title{max-width:20ch}.about-page__profile{gap:24px}.about-experience__layout{gap:40px}.about-page__portrait{border-radius:var(--surface-radius);min-height:360px}.about-page__portrait-badge{top:20px;left:20px}.about-page__portrait-panel{bottom:20px;left:20px;right:20px}.about-page__actions{gap:12px}.about-page__action{width:100%}.about-marquee__surface{--about-marquee-gap:16px;--about-marquee-hover-room:8px;border-radius:var(--radius-lg)}.about-marquee__card{width:clamp(200px,70vw,320px)}.experience-card{border-radius:var(--radius-lg);padding:20px}.experience-card__toggle{gap:16px}.experience-card__meta{gap:8px}.experience-card__body{padding-top:16px}}@media (width<=480px){.about-page__title{max-width:18ch}.about-page__portrait{border-radius:var(--radius-lg);min-height:320px}.about-page__portrait-badge{padding:6px 12px}.about-marquee__surface{border-radius:var(--radius-md)}.about-marquee__card{width:clamp(180px,78vw,280px)}.experience-card__role,.experience-card__company{font-size:var(--text-body-sm)}.experience-card__period{line-height:1.3}.experience-card__body{padding-top:14px}}