.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-lightbox);display:flex;align-items:center;justify-content:center;padding:var(--space-5);background:var(--color-backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:lightbox-fade var(--duration-slow) var(--ease) both}@keyframes lightbox-fade{0%{opacity:0}to{opacity:1}}.lightbox__dialog{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-4);width:100%;max-width:100%;max-height:100%;animation:lightbox-rise var(--duration-slower) var(--ease-out-soft) 60ms both;will-change:transform,opacity}@keyframes lightbox-rise{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.lightbox--closing{animation:lightbox-fade-out var(--duration-base) var(--ease) both;pointer-events:none}@keyframes lightbox-fade-out{0%{opacity:1}to{opacity:0}}.lightbox--closing .lightbox__dialog{animation:lightbox-sink var(--duration-base) var(--ease) both}@keyframes lightbox-sink{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.97)}}.lightbox__figure{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);width:100%;min-height:0;margin:0}.lightbox__image{width:auto;max-width:100%;max-height:calc(100vh - var(--space-5) * 2);object-fit:contain;border-radius:var(--radius-lg)}.lightbox__placeholder{display:grid;place-items:center;width:100%;height:calc(100vh - var(--space-5) * 2);padding:var(--space-6);background:var(--color-surface);border-radius:var(--radius-lg);color:var(--color-ink-muted);font-size:var(--text-md);line-height:var(--leading-body);text-align:center;text-wrap:balance}.lightbox__caption{max-width:60ch;color:var(--color-ink-muted);font-size:var(--text-sm);line-height:var(--leading-body);text-align:center}@media(max-width:768px){.lightbox{padding:var(--space-4)}.lightbox__placeholder{height:calc(100vh - var(--space-4) * 2);font-size:var(--text-sm)}}.contacts{margin-top:var(--space-6);min-height:calc(var(--space-3) * 2 + 1.4 * var(--text-md) + 2px)}.contacts__dock{position:relative;display:inline-block}.contacts__dock--floating{position:fixed;left:50%;bottom:var(--gutter);z-index:var(--z-floating);transform:translate(-50%);animation:contacts-dock-in var(--duration-base) var(--ease)}@keyframes contacts-dock-in{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.contacts__row{display:flex;align-items:center;gap:var(--space-2)}.contacts__anchor{position:relative}.contacts__trigger{padding:var(--space-3) var(--space-6);background:var(--glass-dark-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border:1px solid var(--glass-dark-border);border-radius:var(--radius-pill);box-shadow:var(--shadow-pill);color:var(--glass-dark-ink);font-size:var(--text-md);font-weight:var(--weight-medium);line-height:1.4;transition:background-color var(--transition-base),transform var(--transition-base)}.contacts__trigger:hover{background:var(--glass-dark-bg-hover);transform:translateY(-1px);box-shadow:var(--shadow-pill-hover)}.contacts__trigger:active{transform:translateY(0)}.contacts__trigger:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.contacts__popover{position:absolute;top:calc(100% + var(--space-3));left:0;width:100%;max-width:calc(100vw - var(--gutter) * 2);padding:var(--space-3);background:var(--glass-dark-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border:1px solid var(--glass-dark-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-glass);opacity:0;visibility:hidden;transform:translateY(-10px) scale(.96);transform-origin:top left;transition:opacity var(--duration-base) var(--ease),transform var(--duration-base) var(--ease),visibility 0s linear var(--duration-base)}.contacts__popover--open{opacity:1;visibility:visible;transform:translateY(0) scale(1);transition:opacity var(--duration-fast) var(--ease),transform var(--duration-slow) var(--ease-spring),visibility 0s}.contacts__popover--open:before{content:"";position:absolute;top:calc(var(--space-3) * -1);right:0;left:0;height:var(--space-3)}.contacts__popover--up.contacts__popover--open:before,.contacts__dock--floating .contacts__popover--open:before{top:auto;bottom:calc(var(--space-3) * -1)}.contacts__popover--up{top:auto;bottom:calc(100% + var(--space-3));transform:translateY(10px) scale(.96);transform-origin:bottom left}.contacts__popover--up.contacts__popover--open{transform:translateY(0) scale(1)}.contacts__dock--floating .contacts__popover{top:auto;bottom:calc(100% + var(--space-3));transform:translateY(10px) scale(.96);transform-origin:bottom left}.contacts__dock--floating .contacts__popover--open{transform:translateY(0) scale(1)}.contacts__list{margin:0;padding:0;list-style:none}.contacts__link{display:block;padding:var(--space-3) var(--space-4);font-size:var(--text-base);border-radius:var(--radius-md);color:var(--glass-dark-ink);text-decoration:none;transition:background-color var(--duration-fast) var(--ease)}.contacts__link:hover{background:var(--glass-dark-hairline);color:var(--glass-dark-ink)}.contacts__link:focus-visible{outline:2px solid rgba(255,255,255,.9);outline-offset:-2px}.contacts__jump{position:relative;display:grid;place-items:center;width:2.75rem;height:2.75rem;background:var(--color-surface-raised);border-radius:var(--radius-pill);box-shadow:var(--shadow-pill);color:var(--color-ink);transition:background-color var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base)}.contacts__jump:hover{background:var(--color-bg);transform:translateY(-1px);box-shadow:var(--shadow-pill-hover)}.contacts__jump:active{transform:translateY(0)}.contacts__jump:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.contacts__chevron{transition:transform var(--transition-base)}.contacts__chevron--up{transform:rotate(180deg)}.contacts__tooltip{position:absolute;bottom:calc(100% + var(--space-2));left:50%;padding:var(--space-2) var(--space-3);background:var(--color-ink-strong);border-radius:var(--radius-sm);color:var(--color-bg);font-size:var(--text-xs);line-height:1.3;white-space:nowrap;opacity:0;visibility:hidden;transform:translate(-50%) translateY(4px);pointer-events:none;transition:opacity var(--duration-fast) var(--ease),transform var(--duration-fast) var(--ease),visibility 0s linear var(--duration-fast)}.contacts__jump:hover .contacts__tooltip,.contacts__jump:focus-visible .contacts__tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0);transition:opacity var(--duration-fast) var(--ease),transform var(--duration-fast) var(--ease),visibility 0s}.hero{display:flex;align-items:center;min-height:100vh;min-height:100svh;padding-block:var(--space-8)}.hero>.container{position:relative;width:100%}.hero__heading{font-size:var(--text-3xl-fluid);letter-spacing:var(--tracking-tight);line-height:var(--leading-hero)}.hero__greeting{display:block;color:var(--color-ink-subtle);opacity:.7}} .hero__intro-line{display:block;color:var(--color-ink-strong)}.hero__intro{max-width:var(--measure-narrow);margin-top:var(--space-4);color:var(--color-ink);font-size:var(--text-base);line-height:var(--leading-body);text-wrap:pretty}.hero__me{position:static}.hero__photo{position:absolute;top:0;right:calc(var(--space-8) * -1);display:none;place-items:center;width:15rem;aspect-ratio:3 / 4;overflow:hidden;background:var(--color-surface);border-radius:var(--radius-lg);opacity:0;visibility:hidden;transform:scale(.96);transform-origin:top right;pointer-events:none;transition:opacity var(--duration-base) var(--ease),transform var(--duration-slow) var(--ease-spring),visibility 0s linear var(--duration-base)}.hero__me:hover .hero__photo{opacity:1;visibility:visible;transform:scale(1);transition:opacity var(--duration-fast) var(--ease),transform var(--duration-slow) var(--ease-spring),visibility 0s}.hero__photo-image{width:100%;height:100%;object-fit:cover}.hero__photo-placeholder{color:var(--color-ink-muted);font-size:var(--text-xs);font-weight:var(--weight-regular);letter-spacing:normal}@media(max-width:1024px){.hero__photo{display:none}}.tabs{position:sticky;top:0;z-index:var(--z-sticky);background:var(--color-bg)}.tabs__inner{position:relative;display:flex;align-items:stretch;min-height:var(--tabbar-height)}.tabs__scroll{display:flex;align-items:stretch;width:100%;max-width:100%;border-bottom:var(--border-hairline);overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none}.tabs__scroll::-webkit-scrollbar{display:none}.tabs__list{display:flex;align-items:stretch;gap:var(--space-5)}.tabs__tab{position:relative;flex:0 0 auto;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0;border-bottom:2px solid transparent;margin-bottom:-1px;color:var(--color-ink-muted);font-size:var(--text-md);font-weight:var(--weight-medium);line-height:1.4;white-space:nowrap;transition:color var(--transition-base),border-color var(--transition-base)}.tabs__tab:after{content:attr(data-label);display:block;height:0;overflow:hidden;font-weight:var(--weight-semibold);visibility:hidden;pointer-events:none}.tabs__tab:before{content:"";position:absolute;right:0;bottom:-2px;left:0;height:2px;background:transparent;border-radius:2px 2px 0 0;transition:background-color var(--transition-base)}.tabs__tab:hover{color:var(--color-ink-strong)}.tabs__tab:hover:before{background:var(--color-border-strong)}.tabs__tab--active,.tabs__tab--active:hover{color:var(--color-ink-strong);font-weight:var(--weight-semibold)}.tabs__tab--active:before,.tabs__tab--active:hover:before{background:var(--color-accent)}.tabs__tab:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px;border-radius:var(--radius-sm)}@media(max-width:480px){.tabs__tab{font-size:var(--text-sm)}}.tabs__preview{position:absolute;top:calc(100% + var(--space-3));left:clamp(0px,var(--preview-left),100% - 20rem);z-index:1;width:20rem;padding:var(--space-4);background:var(--color-surface-raised);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);pointer-events:none;animation:tabs-preview-in var(--duration-fast) var(--ease)}@keyframes tabs-preview-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.tabs__preview-media{display:grid;place-items:center;aspect-ratio:var(--ratio-image);margin-bottom:var(--space-3);padding:var(--space-3);background:var(--color-surface);border-radius:var(--radius-md);overflow:hidden}.tabs__preview-media--filled{position:relative;padding:0}.tabs__preview-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.tabs__preview-media-caption{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:var(--color-ink-muted);font-size:var(--text-xs);line-height:var(--leading-body);text-align:center;text-wrap:balance}.tabs__preview-title{color:var(--color-ink-strong);font-size:var(--text-md);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-snug)}.tabs__preview-text{margin-top:var(--space-1);color:var(--color-ink-muted);font-size:var(--text-sm);line-height:var(--leading-body);text-wrap:pretty}@media(max-width:640px){.tabs__preview{display:none}}.image-slot{margin:0}.image-slot__frame{aspect-ratio:var(--ratio-image);display:grid;place-items:center;width:100%;padding:var(--space-6);background:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden;transition:background-color var(--transition-base)}.image-slot__frame:hover{background:var(--color-surface-hover)}.image-slot__frame--filled{position:relative;padding:0;background:var(--color-surface)}.image-slot__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.image-slot__caption{max-width:46ch;color:var(--color-ink-muted);font-size:var(--text-xs);line-height:var(--leading-body);text-align:center;text-wrap:balance}.image-slot__figcaption{margin-top:var(--space-3);color:var(--color-ink-muted);font-size:var(--text-xs);line-height:var(--leading-body)}@media(max-width:480px){.image-slot__frame{padding:var(--space-5)}.image-slot__frame:not(.image-slot__frame--filled){aspect-ratio:4 / 3}}.gallery{margin-top:var(--space-7)}.gallery__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);margin:0;padding:0;list-style:none}.gallery__item{min-width:0}.gallery__item--wide{grid-column:1 / -1}@media(max-width:640px){.gallery__grid{grid-template-columns:1fr}}.case{padding-block:var(--space-6h) var(--space-8)}.case:focus{outline:none}.case__title{font-size:var(--text-2xl-fluid);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.case__subtitle{margin-top:var(--space-3);color:var(--color-ink-muted);font-size:var(--text-base);line-height:var(--leading-body);text-wrap:pretty}.case__body{margin-top:calc(var(--space-6) - (var(--leading-body) - 1) * var(--text-base) / 2)}.case__body>*{margin-top:var(--space-block)}.case__heading{margin-top:var(--space-8);font-size:var(--text-xl-fluid);letter-spacing:var(--tracking-tight);line-height:var(--leading-snug)}.case__heading+.case__paragraph,.case__heading+.case__list,.case__heading+.case__table-wrap,.case__heading+.image-slot{margin-top:var(--space-4)}.case__subheading{margin-top:var(--space-5);color:var(--color-ink);font-size:var(--text-base);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-normal, normal);line-height:var(--leading-body)}.case__subheading+.case__paragraph,.case__subheading+.case__list{margin-top:var(--space-2)}.case__paragraph+.case__paragraph,.case__list+.case__paragraph{margin-top:var(--space-4)}.case__paragraph{max-width:var(--measure);color:var(--color-ink);font-size:var(--text-base);line-height:var(--leading-body)}.case__list{max-width:var(--measure);margin-top:var(--space-4);padding-left:var(--space-5);color:var(--color-ink);font-size:var(--text-base);line-height:var(--leading-body)}.case__list li+li{margin-top:var(--space-3)}.case__list li::marker{color:var(--color-ink-muted)}.case__body>.image-slot{margin-top:var(--space-5)}.case__table-wrap{margin-top:var(--space-5);overflow-x:auto;overscroll-behavior-x:contain}.case__table{width:100%;border-collapse:separate;border-spacing:0;color:var(--color-ink);font-size:var(--text-sm);line-height:var(--leading-body);text-align:left}.case__table th,.case__table td{padding:var(--space-3) var(--space-4);font-weight:var(--weight-regular);vertical-align:top}.case__table thead th{padding-block:0 var(--space-3);color:var(--color-ink-muted);font-size:var(--text-sm);font-weight:var(--weight-regular);line-height:var(--leading-body);border-bottom:var(--border-hairline)}.case__table tbody th{color:var(--color-ink-strong);font-weight:var(--weight-regular)}.case__table tbody tr:nth-child(2n) th,.case__table tbody tr:nth-child(2n) td{background:var(--color-surface-subtle)}.case__table tbody th:first-child,.case__table tbody td:first-child{border-top-left-radius:var(--radius-xs);border-bottom-left-radius:var(--radius-xs)}.case__table tbody th:last-child,.case__table tbody td:last-child{border-top-right-radius:var(--radius-xs);border-bottom-right-radius:var(--radius-xs)}.case__body>:first-child{margin-top:0}.inline-code{padding:.1em .35em;background:var(--color-surface);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:.94em}@media(max-width:768px){.case__table{min-width:30rem}}.footer{border-top:var(--border-hairline);margin-top:var(--space-section);padding-block:var(--space-6);padding-bottom:calc(var(--space-8) + var(--gutter))}.footer__inner{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-3) var(--space-5);color:var(--color-ink-muted);font-size:var(--text-md)}.footer__name{color:var(--color-ink-strong)}.footer__link{color:var(--color-ink-muted);text-decoration-color:color-mix(in srgb,var(--color-ink-muted) 35%,transparent)}.footer__link:hover{color:var(--color-ink-strong)}:root{--color-bg: #FCFCFB;--color-surface: #F2F2F0;--color-surface-subtle:#F5F5F2;--color-surface-raised:#FFFFFF;--color-surface-hover: #EAEAE7;--color-ink: #16181D;--color-ink-strong: #16181D;--color-ink-muted: #6A6F78;--color-ink-subtle: #8E929A;--color-border: #E7E8EA;--color-border-strong: #D3D5D9;--color-accent: #33368C;--color-accent-hover: #24276B;--color-backdrop: rgba(252, 252, 251, .94);--color-focus: #33368C;--font-sans: "Geist", "General Sans", system-ui, -apple-system, sans-serif;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--text-xs: .75rem;--text-sm: .875rem;--text-md: .9375rem;--text-base: 1rem;--text-lg: 1.25rem;--text-xl: 1.75rem;--text-2xl: 2rem;--text-3xl: 3rem;--text-xl-fluid: clamp(1.375rem, 1.1rem + 1.4vw, var(--text-xl));--text-2xl-fluid: clamp(1.625rem, 1.2rem + 2vw, var(--text-2xl));--text-3xl-fluid: clamp(2.125rem, 1.5rem + 3vw, var(--text-3xl));--leading-tight: 1.08;--leading-hero: 1.24;--leading-snug: 1.3;--leading-body: 1.625;--tracking-tight: -.02em;--tracking-wide: .08em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--space-9: 6rem;--space-6h: 2.5rem;--space-block: var(--space-5);--space-section: clamp(2.5rem, 1.5rem + 3vw, 4rem);--width-page: 760px;--gutter: clamp(1.25rem, 1rem + 1.2vw, 2rem);--measure: 100%;--measure-narrow: 33rem;--tabbar-height: 3.5rem;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-pill: 999px;--border-hairline: 1px solid var(--color-border);--ratio-image: 16 / 10;--glass-dark-bg: rgba(10, 11, 14, .94);--glass-dark-bg-hover: rgba(10, 11, 14, .99);--glass-dark-border: rgba(255, 255, 255, .16);--glass-dark-hairline: rgba(255, 255, 255, .1);--glass-dark-ink: rgba(255, 255, 255, .95);--glass-dark-ink-muted:rgba(255, 255, 255, .6);--glass-blur: 24px;--glass-saturate: 180%;--shadow-pill: 0 1px 2px rgba(22, 24, 29, .1), 0 2px 6px rgba(22, 24, 29, .08);--shadow-pill-hover: 0 1px 2px rgba(22, 24, 29, .12), 0 4px 10px rgba(22, 24, 29, .12);--shadow-card: 0 2px 4px rgba(22, 24, 29, .06), 0 8px 20px rgba(22, 24, 29, .1), 0 20px 48px rgba(22, 24, 29, .14);--shadow-glass: 0 1px 1px rgba(22, 24, 29, .04), 0 4px 12px rgba(22, 24, 29, .08), 0 16px 40px rgba(22, 24, 29, .12);--duration-fast: .15s;--duration-base: .2s;--duration-slow: .28s;--duration-slower: .42s;--ease: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.4, .64, 1);--ease-out-soft: cubic-bezier(.22, 1, .36, 1);--transition-base: var(--duration-base) var(--ease);--z-sticky: 20;--z-floating: 40;--z-lightbox: 60}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--tabbar-height) + var(--space-4))}body{background-color:var(--color-bg);color:var(--color-ink);font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--weight-regular);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}img,picture,svg{display:block;max-width:100%}button{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer}h1,h2,h3,h4{color:var(--color-ink-strong);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);text-wrap:balance}strong,b{font-weight:var(--weight-semibold)}p{text-wrap:pretty}a{color:var(--color-accent);text-decoration:underline;text-underline-offset:.18em;text-decoration-thickness:1px;text-decoration-color:color-mix(in srgb,var(--color-accent) 35%,transparent);transition:color var(--transition-base),text-decoration-color var(--transition-base)}a:hover{color:var(--color-accent-hover);text-decoration-color:currentColor}:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px;border-radius:var(--radius-sm)}.container{width:100%;max-width:var(--width-page);margin-inline:auto;padding-inline:var(--gutter)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:absolute;top:var(--space-3);left:var(--space-3);z-index:var(--z-lightbox);padding:var(--space-2) var(--space-4);background:var(--color-ink);color:var(--color-bg);border-radius:var(--radius-sm);text-decoration:none;transform:translateY(-200%)}.skip-link:focus-visible{transform:translateY(0);color:var(--color-bg)}body.is-locked{overflow:hidden}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}