:root{--font-mono: var(--font-monospace-code);--font-serif: ui-serif, serif;--font-monospace-code: Dank Mono,Operator Mono, Inconsolata, Fira Mono, ui-monospace, SF Mono, Monaco, Droid Sans Mono, Source Code Pro, Cascadia Code, Menlo, Consolas, DejaVu Sans Mono, monospace}:root{color-scheme:light;--gray-50: #ffffff;--gray-75: #fdfdfd;--gray-100: #f8f8f8;--gray-200: #e6e6e6;--gray-300: #d5d5d5;--gray-400: #b1b1b1;--gray-500: #909090;--gray-600: #6d6d6d;--gray-700: #464646;--gray-800: #222222;--gray-900: #000000;--gray-950: #000000;--theme-accent: #007bff;--transition: all .3s ease;--selection: hsla(0, 0%, 0%, .045);--border: hsla(0, 0%, 0%, .09);--page-background: var(--gray-50);--heading: var(--gray-900);--text-body: var(--gray-800);--text-second: var(--gray-700);--text-disabled: var(--gray-500);--content-width: 60rem}:root.dark{color-scheme:dark;--gray-50: #000;--gray-75: #141414;--gray-100: #1d1d1d;--gray-200: #303030;--gray-300: #4b4b4b;--gray-400: #6a6a6a;--gray-500: #8d8d8d;--gray-600: #b0b0b0;--gray-700: #d0d0d0;--gray-800: #ebebeb;--gray-900: #fff;--gray-950: #fff;--theme-accent: #1e90ff;--selection: hsla(0, 0%, 100%, .077);--border: hsla(0, 0%, 100%, .1);--page-background: var(--gray-75);--heading: var(--gray-900);--text-body: var(--gray-800);--text-second: var(--gray-600);--text-disabled: var(--gray-500);--content-width: 60rem}*,*:before,*:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--gray-200);margin:0;padding:0}input{font:inherit;border:none}button{border:none;background-color:initial;outline:none}ul{list-style:none}a{color:inherit;text-decoration:none}html{font-size:75%}b,strong{font-family:var(--font-mono),serif;font-weight:600;color:var(--heading)}body{font-family:var(--font-serif) sans-serif;font-size:1.5rem;color:var(--text-second);line-height:2.4rem;background-color:var(--page-background);width:100%;min-height:100vh}html.dark #sun-svg,html.dark #moon-svg{transform:translate(-50%,-50%) scale(var(--dark-scale));opacity:var(--dark-opacity)}main{max-width:var(--content-width);margin:0 auto;padding:0 1.5rem;position:relative}.u-underline{text-decoration:underline;text-underline-offset:.2em;transition:text-underline-offset .2s ease}.u-underline:hover{text-underline-offset:.3em}.u-italic{font-style:italic;transition:letter-spacing .2s ease}.u-italic:hover{letter-spacing:.05em}.u-accent{color:var(--text-body);letter-spacing:.15rem;font-weight:600;text-transform:uppercase;font-size:.9em;transition:letter-spacing .3s ease,transform .2s ease}.u-accent:hover{letter-spacing:.2rem;transform:translateY(-1px)}.u-bold{font-weight:700;position:relative;display:inline-block;transition:transform .2s ease}.u-bold:hover{transform:translateY(-1px)}.u-bold:after{content:"";position:absolute;width:100%;height:.15em;bottom:.1em;left:0;background-color:var(--border);transform:scaleX(0);transform-origin:right;transition:transform .4s cubic-bezier(.4,0,.2,1)}.u-bold:hover:after{transform:scaleX(1);transform-origin:left}.u-link{position:relative;display:inline-block;color:var(--text-body);font-weight:500;padding:.2rem .4rem;white-space:nowrap;text-decoration:none;transition:color .2s ease,transform .2s ease}.u-link:hover{color:var(--text-body);transform:translateY(-1px)}.u-link:after{content:"";position:absolute;bottom:0;right:0;left:0;height:.15rem;background-color:var(--border);transition:all .4s cubic-bezier(.4,0,.2,1);border-radius:.3rem;transform:scaleX(0);transform-origin:right}.u-link:hover:after{transform:scaleX(1);transform-origin:left;height:.2rem}[target=_blank]:not(.no-external-icon):after{content:"↗";display:inline-block;margin-left:.3em;font-size:.8em;line-height:1;vertical-align:middle;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .2s ease;opacity:.7}[target=_blank]:hover:after{transform:translate(3px,-3px) scale(1.1);opacity:1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.theme-button{background:transparent;border:none;border-radius:.5rem;padding:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);color:var(--text-body)}.theme-button:hover{background-color:var(--selection);transform:translateY(-1px)}.theme-button:focus{outline:2px solid var(--text-body);outline-offset:2px}*:focus{outline:2px solid var(--text-body);outline-offset:2px}*:focus:not(:focus-visible){outline:none}*:focus-visible{outline:2px solid var(--text-body);outline-offset:2px;border-radius:.25rem;transition:outline-color .2s ease}a:focus-visible{outline-color:var(--text-body);background-color:var(--selection)}button:focus-visible{outline-color:var(--text-body);box-shadow:0 0 0 2px var(--selection)}a{text-decoration-thickness:.1em;text-underline-offset:.15em}[role=button],button,[type=button],[type=submit]{cursor:pointer}[aria-disabled=true]{opacity:.6;cursor:not-allowed}.header{display:flex;align-items:center;justify-content:space-between;padding:3rem;margin-bottom:5rem}.header__logo{font-size:1.8rem;font-weight:600}.nav{margin-left:-3rem}.nav__list{display:flex;-moz-column-gap:3rem;column-gap:3rem}.nav__link{padding:0 .8rem;transition:var(--transition);height:2rem;display:block}.nav__item{cursor:pointer;position:relative;text-transform:capitalize}.nav__item:before{content:"";position:absolute;bottom:-.09rem;left:.8rem;right:0;background-color:hsl(var(--theme-accent));opacity:.4;height:.2rem;transition:var(--transition)}.nav__item:focus:before,.nav__item:hover:before{height:.3rem;width:calc(100% - .8rem);opacity:1}.social__list{display:flex;-moz-column-gap:.4rem;column-gap:.4rem}.social__link{outline:none;border-radius:.8rem;padding:.4rem .6rem;display:flex;align-items:center;justify-content:center;-moz-column-gap:.4rem;column-gap:.4rem;transition:all .3s cubic-bezier(.4,0,.2,1),transform .2s ease;position:relative;overflow:hidden}.social__link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.social__link:hover:before{left:100%}.social__link:hover,.social__link:focus{color:var(--text-body);background-color:var(--selection);transform:translateY(-2px) scale(1.02)}.social__logo{transition:transform .2s ease}.social__link:hover .social__logo{transform:scale(1.1)}.social__text{font-size:1.1rem;text-transform:lowercase;color:var(--text-body);transition:transform .2s ease}.social__link:hover .social__text{transform:translate(2px)}.footer{display:flex;flex-direction:column;row-gap:1.5rem;font-size:1.2rem;line-height:1.25rem;border-top-width:.1rem;border-style:solid;border-color:var(--border);margin-top:20rem;padding:1.5rem}.footer__logo{font-size:1.8rem;font-weight:600}.footer__link{letter-spacing:.2rem;text-decoration:underline;margin:0 .5rem;position:relative;transition:transform .2s ease,letter-spacing .2s ease}.footer__link:hover{transform:translateY(-1px);letter-spacing:.25rem}.footer__link:not(:last-child):after{position:absolute;content:"|";right:-1.3rem;top:.3rem;bottom:-.4rem;font-size:2rem}.copyright{line-height:2rem}.introduction__details{margin-bottom:1.8rem}.first-heading{color:var(--heading);font-weight:600;text-transform:uppercase;font-size:3.4rem;line-height:1;margin-bottom:1.5rem;transition:transform .3s ease,letter-spacing .3s ease}.first-heading:hover{transform:translateY(-2px);letter-spacing:.05em}.menu{margin-top:5rem;margin-bottom:5rem}.menu__item{display:flex;align-items:center;-moz-column-gap:.9rem;column-gap:.9rem;margin:1.5rem 0 1.5rem 3rem}.menu__link{position:relative;display:inline-block;color:var(--text-body);font-weight:700;padding:.2rem .4rem;white-space:nowrap;transition:transform .2s ease,color .2s ease;overflow:hidden}.menu__link:after{content:"";position:absolute;bottom:0;right:0;left:0;height:.2rem;background-color:var(--border);transition:all .4s cubic-bezier(.4,0,.2,1);border-radius:.6rem;transform-origin:bottom}.menu__link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);transition:left .6s ease;z-index:-1}.menu__link:hover{transform:translate(3px)}.menu__link:hover:before{left:100%}.menu__link:hover:after{height:100%;border-radius:.2rem}.menu__description{margin-top:.5rem;font-size:1.3rem;line-height:1.5rem}.second-heading{color:var(--heading);font-size:1.8rem;font-weight:600;margin-bottom:6px}.third-heading{color:var(--heading);font-size:1.6rem;font-weight:600;margin-bottom:4px}.post-header{margin:2rem 0 6rem}.mb{margin-bottom:4rem}.post-by-year{margin-top:1.4rem}.post-by-year__list{display:flex;flex-direction:column;align-items:flex-end}.post-by-year__item{margin:.5rem 0;position:relative;display:block}.post-by-year__link{padding:1rem;cursor:pointer}.post-by-year__date{color:var(--text-body);font-size:1.2rem}.back-button{display:flex;justify-content:end;margin-bottom:2rem}.card-project{margin:3rem 0;padding:2rem 3rem;background:var(--border);border-radius:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.card-project:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.03),transparent);transition:left .8s ease}.card-project:hover{background-color:var(--selection);transform:translateY(-3px);box-shadow:0 8px 25px #0000001a}.card-project:hover:before{left:100%}.card-project__description{transition:transform .2s ease}.card-project:hover .card-project__description{transform:translate(2px)}:root{--font-sans: "Pretendard Variable";--font-serif: "Arita Buri";--font-mono: "Source Code Pro"}.social__link[data-astro-cid-v6thz4ju]{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:.5rem;transition:all .2s ease;text-decoration:none;color:inherit}.social__link[data-astro-cid-v6thz4ju]:hover,.social__link[data-astro-cid-v6thz4ju]:focus-visible{background-color:var(--selection);transform:translateY(-2px);outline:2px solid var(--border);outline-offset:2px}.social__logo[data-astro-cid-v6thz4ju]{width:1.2em;height:1.2em;flex-shrink:0;transition:transform .2s ease}.social__link[data-astro-cid-v6thz4ju]:hover .social__logo[data-astro-cid-v6thz4ju]{transform:scale(1.1)}.social__text[data-astro-cid-v6thz4ju]{font-size:.95em;font-weight:500;white-space:nowrap}@media (prefers-reduced-motion: reduce){.social__link[data-astro-cid-v6thz4ju],.social__logo[data-astro-cid-v6thz4ju]{transition:none}}#sun-svg{position:absolute;height:2rem;width:2rem;transform:translate(-50%,-50%) scale(1);opacity:1;transition:all .2s ease;--dark-scale: 0;--dark-opacity: 0}#moon-svg{position:absolute;height:2rem;width:2rem;transform:translate(-50%,-50%) scale(0);opacity:0;transition:all .2s ease;--dark-scale: 1;--dark-opacity: 1}#toggle-theme{position:relative;width:2rem;height:2rem;display:flex;justify-content:center;align-items:center}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}