:root{--constant_black: #141413;--caption_dark: #757475;--caption: #a1a099;--caption_light: #d7d5d1;--background_dark: #e6e5e2;--background: #f3f1ee;--base: #ffffff;--accent_light: #dae5ff;--accent: #3027e5;--font-family: InterVariable, monospace, system-ui, sans-serif;--font-size-base: 20px;--font-size-base-mobile: 16px;--font-size-large: 64px;--font-size-large-mobile: 52px;--font-size-h2: 32px;--font-size-h2-mobile: 28px;--font-size-small: 14px;--font-weight-normal: 360;--font-weight-bold: 720;--font-weight-strong: 640;--font-weight-medium: 550;--font-weight-p: 345;--font-weight-ol-before: 600;--line-height-base: 1.6;--line-height-h1: 62px;--line-height-h1-mobile: 52px;--line-height-h2: 42px;--line-height-h2-mobile: 36px;--line-height-h3: 32px;--line-height-h3-mobile: 28px;--line-height-p: 32px;--line-height-p-mobile: 22px;--spacing-xxsmall: 4px;--spacing-xsmall: 6px;--spacing-small: 8px;--spacing-medium: 12px;--spacing-regular: 16px;--spacing-medium-plus: 20px;--spacing-large: 24px;--spacing-xlarge: 32px;--spacing-xxlarge: 48px;--container-width: 788px;--link-padding-bottom: 4px;--link-border-radius: 2px;--link-decoration-thickness: 2px;--link-transition-duration: .24s;--border-radius: 4px;--border-radius-small: 8px;--border-radius-medium: 16px;--border-radius-large: 24px;--breakpoint-mobile: 600px}*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smooth:never}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}::selection{color:var(--base);text-decoration-color:var(--base);background-color:var(--constant_black);background-size:100% 100%}body{margin:0;font-family:var(--font-family),serif;font-size:var(--font-size-base);line-height:var(--line-height-base);background-color:var(--base);color:var(--constant_black);overflow-x:hidden}@media (max-width: 600px){body{font-size:var(--font-size-base-mobile)}}@media (max-width: 413px){body{overflow-x:visible}}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:var(--spacing-large)}h1{font-size:var(--font-size-large);font-weight:var(--font-weight-bold);line-height:var(--line-height-h1);letter-spacing:-.8px}@media (max-width: 600px){h1{font-size:var(--font-size-large-mobile);line-height:var(--line-height-h1-mobile)}}h2{font-size:var(--font-size-h2);font-weight:var(--font-weight-strong);line-height:var(--line-height-h2);letter-spacing:-.05px}@media (max-width: 600px){h2{font-size:var(--font-size-h2-mobile);line-height:var(--line-height-h2-mobile)}}h3{font-size:var(--font-size-base);line-height:var(--line-height-h3);font-weight:var(--font-weight-strong);letter-spacing:-.05px}@media (max-width: 600px){h3{font-size:var(--font-size-base-mobile);line-height:var(--line-height-h3-mobile)}}strong{font-weight:var(--font-weight-strong)}p{margin-top:0;font-size:var(--font-size-base);line-height:var(--line-height-p);font-weight:var(--font-weight-p)}@media (max-width: 600px){p{font-size:var(--font-size-base-mobile);line-height:var(--line-height-p-mobile)}}*+p>img,*+p>video{margin-top:var(--spacing-medium)!important}h2+p>img,h2+p>video{margin-top:var(--spacing-medium-plus)!important}.quote{font-weight:var(--font-weight-strong);font-size:32px;line-height:42px;letter-spacing:-.05px;position:relative}.quote:before{content:'"';font-size:32px;line-height:42px;position:absolute;top:0;left:-20px}section .quote{margin-bottom:var(--spacing-xlarge)}@media (max-width: 893px){.quote:before{left:-13px}}@media (max-width: 600px){.quote{font-size:16px;line-height:22px}.quote:before{font-size:28px;font-weight:var(--font-weight-medium);line-height:22px;top:-2px;left:-13px}}a.link{font-size:inherit;border-radius:var(--link-border-radius);padding-bottom:var(--link-padding-bottom);color:var(--constant_black);text-decoration:underline;text-decoration-color:var(--caption_light);text-decoration-thickness:var(--link-decoration-thickness);text-underline-offset:.25em;background-color:transparent;transition:all var(--link-transition-duration) ease-out}@media (max-width: 600px){a.link{line-height:var(--line-height-p-mobile)}}a.link:hover{color:var(--base);text-decoration-color:var(--base);background-color:var(--constant_black);background-size:100% 100%}a.link:hover::selection{background-color:inherit;color:inherit;border-radius:var(--link-border-radius);overflow:hidden}a.link:active{color:var(--caption);text-decoration-color:var(--caption)}.link-block{display:block;line-height:20px}a.disabled-link{color:var(--caption_dark);cursor:not-allowed}a.disabled-link:hover,a.disabled-link:active{color:currentColor;background-color:transparent;text-decoration-color:var(--caption_light)}ul,ol{list-style:none;padding-left:0;margin-top:0;margin-bottom:var(--spacing-medium)}ul li{display:block;position:relative;margin-bottom:var(--spacing-large);font-weight:var(--font-weight-normal)}@media (max-width: 600px){.index-page ul li{margin-bottom:var(--spacing-xxsmall)}ul li{margin-bottom:var(--spacing-regular);line-height:var(--line-height-p-mobile)}}.content ul li:before{content:"";display:block;background-color:var(--constant_black);width:3px;height:3px;border-radius:50%;font-weight:700;font-size:12px;position:absolute;top:14.5px;left:-12.5px}@media (max-width: 600px){.content ul li:before{font-size:10px;top:10px;left:-9px}}@media (max-width: 893px){.content ul li:before{left:-9px}}.content ul li.inactive:before{background-color:var(--caption)}ol{counter-reset:level1}ol li{display:block;position:relative;margin-bottom:var(--spacing-large);font-weight:var(--font-weight-normal)}@media (max-width: 600px){ol li{margin-bottom:var(--spacing-regular)}}ol li:before{content:counter(level1) " ";counter-increment:level1;position:absolute;font-size:16px;font-weight:var(--font-weight-ol-before);top:3px;left:-15.3px;display:block;width:8px;text-align:center}ul.list-with-secondary-items>li:before,ol.list-with-secondary-items>li:before{background-color:var(--caption);color:var(--caption)}ul.list-with-secondary-items>li,ol.list-with-secondary-items>li{margin-bottom:var(--spacing-xxsmall)}@media (max-width: 600px){ol li:before{font-size:12px;top:1px;left:-11px}}@media (max-width: 893px){ol li:before{left:-12px}}ol li div:first-child{margin-bottom:2px}nav.header{position:fixed;top:0;width:100%;min-height:36px;background-color:var(--base);z-index:10}.nav-content{max-width:893px;min-width:413px;margin:0 auto;padding:0 26px 0 27px;display:flex;align-items:baseline;justify-content:flex-start}.logo{text-decoration:none;position:relative;top:var(--spacing-xsmall);width:20px;height:20px;display:inline-block}.logo:before{display:none}.breadcrumbs{display:inline-block;margin-left:var(--spacing-small)}.breadcrumbs a.link{font-size:16px;line-height:24px;font-weight:var(--font-weight-normal)}.separator{font-size:16px;line-height:24px;font-weight:var(--font-weight-normal);margin:0 1px 0 var(--spacing-xsmall)}@media (max-width: 600px){.nav-content{max-width:var(--container-width)}}@media (max-width: 893px){.nav-content{padding:0 16px}}.inactive{color:var(--caption)}.metadata{display:flex;gap:.2em;align-items:center;color:var(--caption_dark);margin-bottom:var(--spacing-large);font-size:16px;font-weight:var(--font-weight-normal);line-height:22px}.metadata a{color:var(--caption_dark)}.image{width:calc(100% + var(--spacing-regular));margin:0 calc(-1 * var(--spacing-small));height:auto}video.image{border-radius:var(--border-radius-large)}.image.full{width:calc(100vw - var(--spacing-xlarge));margin:0 auto;position:relative;left:50%;right:50%;transform:translate(-50%);max-width:1440px}@media (max-width: 893px){.image,.image.full{width:calc(100% + var(--spacing-xlarge));margin:0 calc(-1 * var(--spacing-regular))}.image.full{left:auto;right:auto;transform:none}.image{border-radius:var(--border-radius-small)}}.paragraph-with-list-block{margin:var(--spacing-xlarge) 0}.paragraph-with-list-block p{margin-bottom:var(--spacing-medium)}@media (max-width: 600px){.paragraph-with-list-block{margin:var(--spacing-large) 0}.paragraph-with-list-block p{margin-bottom:var(--spacing-small)}}.social{display:flex;align-items:center;flex-wrap:wrap;margin-top:56px;gap:var(--spacing-small);position:relative;left:calc(-1 * var(--spacing-small));font-size:20px}@media (max-width: 600px){.social{display:block;left:-12px;margin-top:34px}}.dot-separator{display:inline;visibility:visible}@media (max-width: 600px){.dot-separator{display:none;visibility:hidden}.like-container{margin-bottom:42px}.share{padding-left:12px}}#copy-link{cursor:pointer}.title-wrapper{display:flex;align-items:center;margin-bottom:var(--spacing-large)}.title-wrapper h1{margin-left:var(--spacing-regular);margin-bottom:0}.content{max-width:893px;min-width:413px;margin:0 auto;padding:120px 26px 0 27px;position:relative}@media (max-width: 893px){.content{padding:120px 16px 0}}@media (max-width: 600px){.content{max-width:var(--container-width)}}section{margin-top:64.5px}@media (max-width: 600px){section{margin-top:var(--spacing-xxlarge)}}section h2,section h3{margin-bottom:var(--spacing-medium)}@media (max-width: 600px){section h3{margin-bottom:var(--spacing-xsmall)}}section p{margin-bottom:var(--spacing-medium-plus)}@media (max-width: 600px){section p{margin-bottom:19px}}#contacts p{margin-bottom:var(--spacing-medium)}.secondary{color:var(--caption_dark)}.link-caption-wrapper{cursor:pointer}.link-caption-wrapper:hover .link,.link-caption-wrapper:focus-within .link{color:var(--base);text-decoration-color:var(--base);background-color:var(--constant_black);background-size:100% 100%}.link-caption-wrapper:active .link{color:var(--caption);text-decoration-color:var(--caption)}.disabled-link,.disabled-link:hover,.link-caption-wrapper:hover .disabled-link,.link-caption-wrapper:active .disabled-link,.link-caption-wrapper:focus-within .disabled-link{color:var(--caption_dark);text-decoration-color:var(--caption_light);background-color:transparent;cursor:not-allowed}.link-caption-wrapper .caption{cursor:pointer}.caption{font-size:16px;line-height:24px;color:var(--caption_dark)}@media (max-width: 600px){.caption{font-size:12px;line-height:16px}}#professional-experience ul li{margin-bottom:var(--spacing-xxsmall);font-variant-numeric:slashed-zero}#product-design-cases ol li,#my-projects ul li,#notes ul li{margin-bottom:var(--spacing-regular)}@media (max-width: 600px){#product-design-cases h3,#my-projects h3,#notes h3{margin-bottom:var(--spacing-xsmall)}}#product-design-cases .link-block,#my-projects .link-block,#notes .link-block{padding-top:var(--spacing-xsmall);padding-bottom:var(--spacing-xsmall)}@media (max-width: 600px){#product-design-cases .link-block,#my-projects .link-block,#notes .link-block{padding-top:0;padding-bottom:0}}footer{max-width:893px;min-width:413px;margin:160px auto var(--spacing-xxlarge);padding:0 26px 0 27px}@media (max-width: 600px){footer{margin:128px auto var(--spacing-xxlarge);max-width:var(--container-width);padding:0 16px}}footer p{font-size:16px;line-height:24px;font-weight:var(--font-weight-normal)}.separator[data-astro-cid-ilhxcym7],.current-page[data-astro-cid-ilhxcym7]{opacity:1;visibility:visible;transition:opacity .3s ease,visibility .3s ease;overflow:hidden;display:inline;height:auto}.separator[data-astro-cid-ilhxcym7].hidden,.current-page[data-astro-cid-ilhxcym7].hidden{opacity:0;visibility:hidden;display:block;height:0}:root{--animation-timing: 1.2s cubic-bezier(.25, 0, 0, 1);--scale-big: 1.333;--scale-small: 1.05;--translate-primary: 1.81px;--translate-secondary: .95px}@media (max-width: 600px){svg[data-astro-cid-rzlfooap]{width:96px;height:96px}}.like-container[data-astro-cid-rzlfooap]{display:flex;align-items:center;gap:4px}.like-button[data-astro-cid-rzlfooap]{border:none;padding:0;background:transparent;cursor:pointer}.like-button[data-astro-cid-rzlfooap]:disabled{cursor:default}.like-count[data-astro-cid-rzlfooap]{font-variant-numeric:slashed-zero;font-weight:var(--font-weight-strong)}.rounded-square[data-astro-cid-rzlfooap]{fill:var(--base);transform-origin:center;vector-effect:non-scaling-stroke;transition:transform 1.6s cubic-bezier(.25,0,0,1)}.dot[data-astro-cid-rzlfooap],.big-dot[data-astro-cid-rzlfooap]{transform-origin:center;transition:transform 1.6s cubic-bezier(.25,0,0,1)}.liked-event-filler[data-astro-cid-rzlfooap]{transform:scale(.05);transform-origin:center;opacity:0;transition:transform .8s cubic-bezier(.25,0,0,1);transition-delay:80ms}.phase-1[data-astro-cid-rzlfooap] .rounded-square[data-astro-cid-rzlfooap],.phase-1[data-astro-cid-rzlfooap] .big-dot[data-astro-cid-rzlfooap]{transform:scale(var(--scale-big))}.phase-1[data-astro-cid-rzlfooap] .dot[data-astro-cid-rzlfooap][data-position=bottom-right]{transform:scale(var(--scale-small)) translate(var(--translate-secondary)) translateY(var(--translate-primary))}.phase-1[data-astro-cid-rzlfooap] .dot[data-astro-cid-rzlfooap][data-position=bottom-left]{transform:scale(var(--scale-small)) translate(calc(var(--translate-secondary) * -1)) translateY(var(--translate-primary))}.phase-1[data-astro-cid-rzlfooap] .dot[data-astro-cid-rzlfooap][data-position=right-bottom]{transform:scale(var(--scale-small)) translate(var(--translate-primary)) translateY(var(--translate-secondary))}.phase-1[data-astro-cid-rzlfooap] .dot[data-astro-cid-rzlfooap][data-position=right-top]{transform:scale(var(--scale-small)) translate(var(--translate-primary)) translateY(calc(var(--translate-secondary) * -1))}.phase-1[data-astro-cid-rzlfooap] .dot[data-astro-cid-rzlfooap][data-position=left-bottom]{transform:scale(var(--scale-small)) translate(calc(var(--translate-primary) * -1)) translateY(var(--translate-secondary))}.phase-1[data-astro-cid-rzlfooap] .dot[data-astro-cid-rzlfooap][data-position=left-top]{transform:scale(var(--scale-small)) translate(calc(var(--translate-primary) * -1)) translateY(calc(var(--translate-secondary) * -1))}.phase-1[data-astro-cid-rzlfooap] .dot[data-astro-cid-rzlfooap][data-position=top-right]{transform:scale(var(--scale-small)) translate(var(--translate-secondary)) translateY(calc(var(--translate-primary) * -1))}.phase-1[data-astro-cid-rzlfooap] .dot[data-astro-cid-rzlfooap][data-position=top-left]{transform:scale(var(--scale-small)) translate(calc(var(--translate-secondary) * -1)) translateY(calc(var(--translate-primary) * -1))}.phase-2[data-astro-cid-rzlfooap] .liked-event-filler[data-astro-cid-rzlfooap]{transform:scale(1);opacity:1}.phase-2[data-astro-cid-rzlfooap] .dot[data-astro-cid-rzlfooap],.phase-2[data-astro-cid-rzlfooap] .big-dot[data-astro-cid-rzlfooap]{opacity:0}.phase-3[data-astro-cid-rzlfooap] .rounded-square[data-astro-cid-rzlfooap],.phase-3[data-astro-cid-rzlfooap] .big-dot[data-astro-cid-rzlfooap],.phase-3[data-astro-cid-rzlfooap] .dot[data-astro-cid-rzlfooap],.phase-3[data-astro-cid-rzlfooap] .liked-event-filler[data-astro-cid-rzlfooap]{transition:opacity 1.2s cubic-bezier(.25,0,0,1),transform 1.2s cubic-bezier(.25,0,0,1),fill 1.2s cubic-bezier(.25,0,0,1)}.phase-3[data-astro-cid-rzlfooap] .rounded-square[data-astro-cid-rzlfooap]{transform:scale(1);fill:var(--constant_black)}.phase-3[data-astro-cid-rzlfooap] .dot[data-astro-cid-rzlfooap],.phase-3[data-astro-cid-rzlfooap] .big-dot[data-astro-cid-rzlfooap]{opacity:1;transform:scale(1) translate(0) translateY(0)!important;fill:var(--base)}.phase-3[data-astro-cid-rzlfooap] .liked-event-filler[data-astro-cid-rzlfooap]{opacity:0}.social[data-astro-cid-sckkx6r4]{display:flex;align-items:center;flex-wrap:wrap;margin-top:56px;gap:8px;position:relative;left:-8px;font-size:20px}@media (max-width: 600px){.social[data-astro-cid-sckkx6r4]{display:block;left:-12px;margin-top:34px}}.dot-separator[data-astro-cid-sckkx6r4]{display:inline;visibility:visible}@media (max-width: 600px){.dot-separator[data-astro-cid-sckkx6r4]{display:none;visibility:hidden}}@media (max-width: 600px){.like-container[data-astro-cid-sckkx6r4]{margin-bottom:34px}.share[data-astro-cid-sckkx6r4]{padding-left:12px}}#copy-link[data-astro-cid-sckkx6r4]{cursor:pointer}footer[data-astro-cid-sckkx6r4] .link[data-astro-cid-sckkx6r4]{color:var(--caption_dark);text-underline-offset:.12em;text-decoration-skip-ink:none}footer[data-astro-cid-sckkx6r4] .link[data-astro-cid-sckkx6r4]:hover{color:var(--base)}@media (max-width: 600px){footer[data-astro-cid-sckkx6r4] p[data-astro-cid-sckkx6r4]>span[data-astro-cid-sckkx6r4]:last-of-type{display:block}}