@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{min-height:100vh;line-height:1.5;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ul,ol{list-style:none;padding:0}a{color:inherit;text-decoration:none}button{background:none;border:none;padding:0;cursor:pointer}table{border-collapse:collapse;border-spacing:0}textarea{resize:vertical}#root,#__next{isolation:isolate}:root{--color-background: #fff;--color-text: #111;--color-grey: #666;--color-main-text:#1c1c1c;--color-light-grey:#888;--container-nav: 77rem;--container: 108rem;--container-4cols: 71rem;--gap: clamp(1.5rem, 2.66vw ,3rem);--border-radius: 1rem;--block-gap: clamp(4rem, 7.01vw ,8rem);--title: clamp(3rem, 5.3vw, 6rem);--title-line-height: 1.2;--h1: clamp(2rem, 3.55vw, 4rem);--h1-line-height: 1.2;--h2: clamp(1.5rem, 2.66vw ,3rem);--h2-line-height: 1.33;--h3: clamp(1.125rem, 2vw ,2.25rem);--h3-line-height: 1.4;--subheader-size: clamp(.875rem, 1.55vw ,1.75rem);--subheader-line-height: 1.286;--p-size: clamp(1rem, 1.77vw ,2rem);--p-line-height: 1.3125;--p-small-size: clamp(1rem, 1.33vw ,1.5rem);--p-small-line-height: 1.33;--small-gap: clamp(.5rem, .887vw ,1rem);--medium-gap: clamp(2rem, 3.55vw ,4rem);--p-post-size: clamp(1.125rem, 1.1vw ,1.25rem);--p-post-line-height: 1.7;--h2-post-size: clamp(1.5rem, 1.99vw ,2.25rem);--h2-post-line-height: 1.33;--h3-post-size: clamp(1.25rem, 1.55vw ,1.75rem);--h3-post-line-height: 1.4;--transform-nav: calc(-1 * var(--gap));--nav-width: calc(100% + (var(--gap) * 2))}main{margin-top:4rem}.uppercase{text-transform:uppercase}.weight-400{font-weight:400}.h1{font-size:var(--h1);line-height:var(--h1-line-height);font-weight:400;text-transform:uppercase}.h2{font-size:var(--h2);line-height:var(--h2-line-height);font-weight:500}.h3{font-size:var(--h3);line-height:var(--h3-line-height);font-weight:500}.subheader{font-size:var(--h3);line-height:var(--h3-line-height);color:var(--color-grey)}.p{font-size:var(--p-size);line-height:var(--p-line-height);color:var(--color-text);font-weight:400}.p--small{font-size:var(--p-small-size);line-height:var(--p-small-line-height);font-weight:400}.grey{color:var(--color-grey)}.p-post{font-size:var(--p-post-size);line-height:var(--p-post-line-height);color:var(--color-text)}.h3-post{font-size:var(--h3-post-size);line-height:var(--h3-post-line-height);font-weight:500}.post-content h2 em,.post-content h3 em{display:block;font-size:.8em;font-weight:400;font-style:normal;color:var(--color-grey);margin-top:.3rem;line-height:1.4}.text-center{text-align:center}.text-right{text-align:right}.small-gap{margin-bottom:var(--small-gap)}.gap{margin-bottom:var(--gap)}.border-radius{border-radius:var(--border-radius)}.container{max-width:var(--container);margin:0 auto;padding:0 var(--gap)}.container--block{max-width:var(--container);margin:var(--block-gap) auto;padding:0 var(--gap)}.grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--gap)}.cols4{grid-column:2 / 6}.mobile-only{display:none}.hero-section{align-items:center;margin:var(--block-gap) auto;max-width:var(--container);padding:4rem var(--gap)}.first-section{padding:4rem var(--gap);margin:var(--block-gap) auto;max-width:var(--container)}@media(max-width:860px){.grid{grid-template-columns:repeat(4,1fr)}.cols4{grid-column:1 / 5}}.cards-block__header{margin-bottom:var(--gap)}.about-time{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap);margin-bottom:var(--gap)}.about-time__left{grid-column:span 1}.about-time__right{grid-column:span 3}.about-header{grid-column:3 / 6}@media(max-width:860px){.about-header{grid-column:2 / 5}}.button--effect{font-weight:600;letter-spacing:.02em;padding:.35rem .75rem;border-radius:.35rem;position:relative;display:inline-flex;justify-content:center;align-items:center;background:transparent;border-radius:8px;cursor:pointer;overflow:hidden}.button--effect:before{content:attr(data-text);position:absolute;inset:0;display:flex;justify-content:center;align-items:center;color:var(--color-background);background-color:var(--color-text);clip-path:circle(0% at 50% 50%);transition:clip-path .4s cubic-bezier(.4,0,.2,1);z-index:1}.button--effect:hover:before{clip-path:circle(80% at 50% 50%)}.comic-list{display:grid;gap:1.5rem}.comic-card h2{margin:0 0 .4rem}.comic-card__description{margin:0 0 .75rem;color:#000000b8;line-height:1.4}.comic-card__hint{margin:0 0 .8rem;color:#000000a6}.comic-chapters{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}.comic-chapter-preview{display:flex;flex-direction:column;gap:var(--small-gap);min-height:220px;border-radius:.75rem;perspective:1200px}.comic-chapter-preview__imageLink,.comic-chapter-preview__empty{display:block;width:100%;min-height:180px;transform-style:preserve-3d;transform-origin:left center;transition:transform .35s ease;border-radius:var(--border-radius)}.comic-chapter-preview__imageLink:hover{transform:rotateY(-15deg) translate(-5px)}.comic-chapter-preview img{width:100%;height:auto;display:block;border:none;border-radius:0;object-fit:cover;border-radius:var(--border-radius)}.comic-chapter-preview:hover .comic-chapter-preview img{transform:scale(1.03)}.comic-chapter-preview__empty{width:120px;height:90px;display:grid;place-items:center;color:#00000080;background:#0000000a}.comic-chapter-preview__description{margin:.45rem 0 0;color:#000000b3;font-size:.95rem;line-height:1.3}@media(max-width:860px){.comic-chapters{grid-template-columns:1fr}}.chapter-toc-toggle{cursor:pointer;transition:transform .1s ease-in-out}.chapter-toc-toggle img{width:2.2rem}.chapter-toc-toggle:hover{transform:scale(1.2)}.chapter-toc{position:fixed;right:0;top:0;width:300px;max-width:100vw;height:100vh;background:#fffffff2;border-left:1px solid rgba(0,0,0,.14);padding:1rem;box-shadow:-4px 0 18px #0000001a;overflow-y:auto;z-index:999;transform:translate(100%);transition:transform .3s ease;display:flex;flex-direction:column;justify-content:space-between}.chapter-toc__header{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:var(--gap);margin-top:var(--medium-gap);align-items:center}.chapter-toc.active{transform:translate(0)}.chapter-toc ul{list-style:none;display:grid;gap:.45rem;margin-bottom:auto}.chapter-toc a{display:block;padding:.45rem;border-radius:.45rem;color:#111;text-decoration:none;transition:background .15s ease;text-align:center}.chapter-toc a.is-active{background:#000;color:#fff}.comic-header{max-width:var(--container);margin:0 auto;padding:1.25rem 1.25rem 1rem;display:grid}.comic-controls{display:flex;position:fixed;bottom:0;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;padding:0 1.25rem}.comic-label{font-weight:600;font-size:.95rem}.comic-select{padding:.45rem .75rem;border-radius:.5rem;border:1px solid rgba(0,0,0,.15);background:#fff}.comic-controls__modes{display:flex;flex-direction:column;align-items:stretch;gap:.5rem;flex-wrap:wrap}.comic-controls__modes__btns{display:flex;flex-direction:column;align-items:stretch;background-color:#f3f3f3;padding:1rem;border-radius:1rem}.comic-mode-btn{padding:.45rem .75rem;border-radius:.5rem;cursor:pointer;transition:background .16s ease,border-color .16s ease}.comic-mode-btn.is-active,.comic-mode-btn.is-active:hover{color:#fff;background-color:#000}.comic-mode-btn:hover,.comic-mode-btn:focus-visible{background:#fff}.comic-reader{max-width:1100px;margin:0 auto 3rem;padding:0 1.25rem}.comic-scroll{display:grid;gap:1.5rem}.comic-page{width:100%;overflow:hidden}.comic-page img{width:100%;height:auto;display:block}#comic-page-img{height:90vh;width:auto}.comic-page figcaption{padding:.75rem 1rem;font-size:.9rem;color:#000000b3}.comic-paged{display:grid;gap:1.5rem;align-items:start}.comic-pager{display:flex;position:fixed;bottom:5rem;left:2rem;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;background-color:#f3f3f3;padding:1rem;border-radius:.75rem}.comic-pager__nav{padding:.55rem .85rem;border-radius:.55rem;border:1px solid rgba(0,0,0,.16);background:#fff;cursor:pointer;transition:background .15s ease,border-color .15s ease}.comic-pager__nav:disabled{opacity:.45;cursor:not-allowed}.comic-pager__label{font-weight:600}.comic-page-frame{padding:1rem;border-radius:.75rem;border:1px solid rgba(0,0,0,.08);background:#ffffffe6;display:grid;place-items:center}@media(max-width:860px){.comic-controls{flex-direction:column;align-items:flex-start}.comic-page-frame{padding:.5rem}#comic-page-img{height:auto;width:100%}}.blur-overlay{position:fixed;inset:0;background-color:#0003;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:100;opacity:0;visibility:hidden;transition:all .4s ease}.blur-overlay.active{opacity:1;visibility:visible}@media(min-width:1024px){.post-layout .blur-overlay{display:none}}body.no-scroll{overflow:hidden;height:100vh}.portfolio-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--gap)}.portfolio-grid>*{grid-column:span 2}@media(max-width:860px){.portfolio-grid{display:flex;overflow-x:auto;gap:1rem;padding:1rem}.portfolio-grid>*{flex:0 0 80vw;max-width:80vw}}.portfolio-section{margin:var(--block-gap) auto;max-width:var(--container);padding:0 var(--gap)}.project-card{display:block;text-decoration:none;color:inherit}.card{position:relative;aspect-ratio:3 / 4;overflow:hidden;border-radius:2rem;transition:transform .3s ease;background-color:#888}.card:hover{transform:scale(1.05)}.card-image{width:100%;height:100%;object-fit:cover;transition:filter .3s ease,transform .3s ease}.card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:start;opacity:0;transition:opacity .3s ease,transform .3s ease;padding:var(--h2);transform:scale(.95)}.card:hover .card-overlay{opacity:1;transform:scale(1)}.card:hover .card-image{filter:blur(20px) brightness(.2);transform:scale(1.1)}.card-title{color:var(--color-background);margin:0 0 var(--small-gap) 0}.card-description{color:var(--color-background);margin:0 0 1rem}.card-arrow{position:absolute;bottom:var(--h2);right:var(--h2);background-color:#fff;font-size:2rem;padding:1rem;border-radius:100%;transform:scale(0);transition:transform .3s ease}.card:hover .card-arrow{transform:scale(1)}.card--wide{display:flex;flex-direction:column;gap:var(--gap);transition:transform .4s cubic-bezier(.25,1,.5,1),opacity .4s cubic-bezier(.25,1,.5,1);opacity:.8}.card--wide:hover{opacity:1}.card--wide:active{transform:scale(.98)}.card-image--wide{grid-column:span 5;border-radius:1rem;aspect-ratio:4/3;object-fit:cover}.card-overlay--wide{grid-column:span 7;display:flex;flex-direction:column;gap:var(--small-gap)}.card--wide{position:relative;perspective:1000px}.card-image--wide{width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.25,1,.5,1);will-change:transform}.card-title--wide{font-size:var(--h3);line-height:var(--h3-line-height)}.portfolio-full{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap);grid-column:span 6}@media(max-width:860px){.card--wide{display:flex;flex-direction:column;opacity:1;padding-bottom:var(--gap)}.portfolio-full{display:flex;flex-direction:column}}.project-hero{max-width:var(--container);margin:0 auto;padding:0 var(--gap)}.project-image{border-radius:var(--border-radius);width:100%;height:auto}.project-header{max-width:var(--container);margin:var(--block-gap) auto;text-align:left;padding:0 var(--gap)}.project-header__category{font-size:var(--subheader-size);line-height:var(--subheader-line-height);color:var(--color-text);opacity:.6;margin-bottom:var(--small-gap)}.project-header__title{font-size:var(--h2);line-height:var(--h2-line-height);font-weight:500;margin-bottom:var(--small-gap)}.project-header__meta{display:flex;gap:var(--gap);color:var(--color-text);opacity:.6;font-size:var(--subheader-size);line-height:var(--subheader-line-height);margin-bottom:var(--medium-gap)}.project-header__intro{font-size:var(--p-size);line-height:var(--p-line-height);display:flex;flex-direction:column;gap:var(--gap)}.project-two-col{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap);max-width:var(--container);margin:0 auto 4rem;padding:0 var(--gap)}.project-two-cols--images{display:grid;grid-template-columns:1fr 1fr;gap:var(--small-gap);width:100%}.col--images{display:flex;flex-direction:column;gap:var(--small-gap)}.col{display:flex;flex-direction:column;gap:var(--gap)}.project-layout{display:grid;grid-template-columns:repeat(var(--layout-cols, 1),1fr);gap:48px;align-items:var(--layout-align, start);max-width:1100px;margin:0 auto 4rem;padding:0 1.25rem}@media(max-width:860px){.project-two-col{grid-template-columns:1fr}.col{display:contents}.project-text,.project-image,.project-two-cols--images{order:var(--mobile-order, 0)}.footer__content{flex-direction:column;gap:var(--gap)}}.project-block{display:flex;flex-direction:column;gap:48px;align-items:var(--block-align, start);background:#fdfdfd;padding:1.5rem;border-radius:12px}.project-block__media img{border-radius:8px;width:100%;height:auto}.project-text{display:flex;flex-direction:column;gap:var(--small-gap)}.project-text--large{font-size:var(--h2);line-height:var(--h2-line-height);font-weight:500}.project-text--normal{font-size:var(--p-size);line-height:var(--p-line-height);color:var(--color-text)}.project-text__caption{font-size:var(--p-small-size);line-height:var(--p-small-line-height);opacity:.6}.project-text__body{font-size:var(--p-size);line-height:var(--p-line-height);color:var(--color-text)}.project-info{font-size:var(--p-size);line-height:var(--p-line-height);color:var(--color-text);line-height:1.6}.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap)}@media(max-width:860px){.blog-grid{grid-template-columns:1fr}}.blog-card{display:block;text-decoration:none;color:inherit}.blog-card__inner{height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:1.25rem 0;border-radius:var(--border-radius);background:#fff;transition:transform .25s ease,opacity .25s ease;opacity:.7}.blog-card__inner:hover{opacity:1;transform:scale(1.01)}.blog-card__inner:active{opacity:1;transform:scale(.98)}.blog-card__date{display:block;margin-bottom:.5rem}.blog-card__title{margin:0 0 .4rem}.blog-card__description{margin:0}.post-header{max-width:var(--container);margin:var(--block-gap) auto;padding:4rem var(--gap) 0}.post-header h1{margin:0 0 var(--small-gap)}.post-header .post-date{margin:.25rem 0 0;color:#555;font-size:.95rem}.post-layout{max-width:var(--container);margin:0 auto;padding:0 var(--gap)}.post-content{grid-column:2 / 5}.post-content p{line-height:var(--p-post-line-height);font-size:var(--p-post-size);margin:0 0 24px;font-weight:450;color:var(--color-main-text)}.post-content h2{font-size:var(--h2-post-size);line-height:var(--h2-post-line-height);font-weight:500;margin:64px 0 36px;scroll-margin-top:140px}.post-content h3{font-size:var(--h3-post-size);line-height:var(--h3-post-line-height);font-weight:500;margin:48px 0 24px;scroll-margin-top:120px}.post-content em{font-style:italic}.post-content blockquote{padding:var(--gap);font-weight:500;background-color:#f3f3f3;border-radius:var(--border-radius);margin:var(--gap) 0}.post-content blockquote p{margin:0}.post-content pre{background:#0000000d;padding:1rem;overflow:auto;border-radius:.5rem}.post-toc{grid-column:span 2;position:sticky;top:120px;align-self:start;background:#ffffffeb;max-height:calc(100vh - 140px);overflow:auto}.post-toc h2{font-size:var(--p-post-size);color:#000;font-weight:400;margin:0 0 .75rem;padding-left:var(--gap);font-weight:500}.post-toc ul{list-style:none;padding:0;margin:0;display:grid}.post-toc a{display:block;padding:.35rem 0 .35rem var(--small-gap);font-size:var(--p-post-size);font-weight:400;color:#666;text-decoration:none;transition:opacity .15s ease,color .15s ease,background-color .15s ease;border-left:2px solid #ccc}.post-toc a:hover,.post-toc a:focus-visible{border-left:2px solid #000;color:#000}.post-toc a.is-active,.post-toc a[aria-current=true]{opacity:1;color:var(--color-text);font-weight:500;border-left:2px solid #333}li.toc-item-h3 a{padding-left:calc(var(--small-gap) + 1rem)}.toc-toggle{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;padding:.25rem;background:#000;border-radius:.25rem;box-shadow:0 2px 8px #0000001a}.toc-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:999;opacity:0;transition:opacity .3s ease}.toc-overlay.active{opacity:1}@media(max-width:1024px){.toc-toggle{display:block}.post-content{grid-column:2 / 6}.post-layout .chapter-toc{justify-content:flex-start;width:500px}.post-toc{position:fixed;right:0;top:0;width:500px;max-width:100vw;height:100vh;background:#fff;padding:2rem;overflow-y:auto;z-index:999;transform:translate(100%);transition:transform .3s ease;display:flex;flex-direction:column;justify-content:flex-start;max-height:100vh}.post-toc a{border:none}.post-toc a:hover,.post-toc a:focus-visible{border:none}.post-toc a.is-active,.post-toc a[aria-current=true],li.toc-item-h3 a{border:none}.post-toc.active{transform:translate(0)}.toc-overlay{display:block}}@media(max-width:860px){.hero-section{display:flex;gap:var(--medium-gap);flex-direction:column}.post-content{grid-column:1 / 5}}.navbar{width:100%;margin:0 auto;padding:0 var(--gap);max-width:var(--container);position:fixed;z-index:100;top:-4rem;left:0;right:0}.navbar-wrapper{justify-content:center;align-items:center;width:100%}.navbar-container{display:flex;align-items:center;justify-content:space-between;background-color:var(--color-background);padding:4.75rem var(--gap) .75rem;border-radius:0 0 var(--border-radius) var(--border-radius);width:var(--nav-width);transform:translate(var(--transform-nav))}.navbar__logo{display:flex;align-items:center;gap:.75rem}.navbar__logo img{height:2.2rem;width:auto;display:block}.navbar__menu{display:flex;align-items:center;gap:var(--small-gap)}.navbar__item{list-style:none}.navbar__item--extra{height:auto}.navbar__wrapper{display:flex;flex-direction:row;gap:var(--gap)}.navbar__link{font-weight:600;letter-spacing:.02em;padding:.35rem .75rem;border-radius:.35rem;position:relative;display:inline-flex;justify-content:center;align-items:center;background:transparent;border-radius:8px;overflow:hidden}.navbar__link:before{content:attr(data-text);position:absolute;inset:0;display:flex;justify-content:center;align-items:center;color:var(--color-background);background-color:var(--color-text);clip-path:circle(0% at 50% 50%);transition:clip-path .4s cubic-bezier(.4,0,.2,1);z-index:1}.navbar__link:hover:before{clip-path:circle(80% at 50% 50%)}.navbar__link:active{transform:scale(.98)}.navbar__toggle{display:none}.navbar__burger{display:none;width:2.25rem;height:2.25rem;position:relative;cursor:pointer;flex-shrink:0;align-items:center;justify-content:center}.navbar__burger span{display:block;height:2px;width:1.5rem;background:currentColor;border-radius:99px;position:absolute;left:50%;transform:translate(-50%);transition:transform .18s ease,opacity .18s ease}.navbar__burger span:nth-child(1){top:.6rem}.navbar__burger span:nth-child(2){top:50%;transform:translate(-50%,-50%)}.navbar__burger span:nth-child(3){bottom:.6rem}@media(max-width:1024px){.navbar__menu,.navbar__wrapper{gap:0}}@media(max-width:860px){.navbar__menu{position:fixed;top:0;left:0;right:0;height:120vh;flex-direction:column;align-items:flex-start;padding:5rem 2rem;gap:1.1rem;background:#fff;transform:translate(-110%);transition:transform .22s ease;align-items:stretch}.navbar__item{display:flex;flex-direction:column}.navbar__wrapper{gap:var(--gap)}.navbar__toggle:checked~.navbar__menu{transform:translate(0)}.navbar__item .chapter-toc-toggle{align-self:flex-end;width:fit-content}.navbar__burger,.mobile-only{display:flex}}.footer{background:#fff;max-width:var(--container);margin:0 auto;padding:var(--block-gap) var(--gap)}.footer__content{display:flex;justify-content:space-between;align-items:flex-start}.footer h2{font-size:var(--h2);line-height:var(--h2-line-height);margin-bottom:1.5rem;font-weight:500}.footer p{color:var(--color-text);font-size:var(--p-small-size);line-height:var(--p-small-line-height)}.footer__links{display:flex;flex-direction:column;gap:2.25rem}.footer__link-item{display:flex;align-items:center;gap:1.5rem;text-decoration:none;color:var(--color-text);font-weight:500;transition:opacity .2s ease;font-size:var(--h2);line-height:var(--h2-line-height)}.footer__link-item:hover{opacity:.7}.footer__icon{display:flex;align-items:center;justify-content:center}.footer__icon img{width:64px;height:64px}.text-title{grid-column:span 3}.title-header{font-size:var(--title);line-height:var(--title-line-height);font-weight:400;text-transform:uppercase}.title-subheader{font-size:var(--h2);line-height:var(--h2-line-height);color:var(--color-grey)}.hero-image{grid-column:span 3;width:100%;height:auto;border-radius:var(--border-radius);padding:0 var(--medium-gap)}