.burger[data-v-e05e1624]{cursor:pointer;font-size:var(--font-size-xl);-webkit-user-select:none;user-select:none;outline:none;-webkit-tap-highlight-color:transparent;padding-block:var(--padding-xs);padding-inline:var(--padding-sm);background-color:var(--color-navbg);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:row;align-items:center;gap:var(--gap-4);order:2}.burger[data-v-e05e1624]:focus,.close-btn[data-v-e05e1624]:focus{outline:none}.nav-items a[data-v-e05e1624]:hover{color:var(--color-blue)}.overlay[data-v-e05e1624]{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:baseline;z-index:999}.menu-modal[data-v-e05e1624]{background:var(--color-navbg);border-radius:var(--radius-lg);width:100%;height:auto;padding:var(--padding-md);margin-block-start:var(--margin-sm);margin-inline:var(--margin-sm);box-shadow:0 4px 20px #00000040;animation:fadeIn .3s ease}.menu-header[data-v-e05e1624]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--margin-sm)}.nav-title[data-v-e05e1624]{font-weight:600;font-size:var(--font-size-h6);margin:0;color:var(--color-text-sub)}.close-btn[data-v-e05e1624]{background:none;border:none;font-size:var(--font-size-lg);line-height:1;cursor:pointer;color:var(--color-text)}.menu-modal ul[data-v-e05e1624]{list-style:none;padding:0;margin:0}.menu-modal li[data-v-e05e1624]{border-bottom:1px solid var(--color-border)}.menu-modal li[data-v-e05e1624]:last-child{border-bottom:none}.menu-modal a[data-v-e05e1624]{text-decoration:none;color:var(--color-text);display:block;padding:.75rem 0}.desktop-nav[data-v-e05e1624]{display:none}.btn-toggle[data-v-e05e1624]{outline:none;border:0;background-color:transparent}@media(min-width:1024px){.desktop-nav[data-v-e05e1624]{display:flex;gap:var(--gap-24)}.burger[data-v-e05e1624],.overlay[data-v-e05e1624]{display:none!important}}.layout[data-v-08c1d7eb]{display:flex;flex-direction:column;min-height:100vh}.content[data-v-08c1d7eb]{flex:1}html,body{margin:0;padding:0;font-family:var(--font-family-base);background-color:var(--color-background);color:var(--color-text-secondary);min-height:100vh}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}a{text-decoration:none;font-size:var(--font-size-xs);color:var(--color-text);margin:0}.router-link-active{color:var(--color-red)}.btn-link{outline:none;margin:0;padding:0}.cs-text{font-size:var(--font-size-md);line-height:var(--line-height-normal)}ul{list-style-type:none}span{font-size:var(--font-size-sm);line-height:var(--line-height-loose)}h1,h2,h3,h4,h5,h6{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:unset;color:var(--color-text)}h1{font-size:var(--font-size-h1);line-height:var(--line-height-h1)}h2{font-size:var(--font-size-h2);line-height:var(--line-height-h2)}h3{font-size:var(--font-size-h3);line-height:var(--line-height-h3)}h4{font-size:var(--font-size-h4);line-height:var(--line-height-h4)}h5{font-size:var(--font-size-h5);line-height:var(--line-height-h5)}h6{font-size:var(--font-size-h6);line-height:var(--line-height-h6)}.article-link{color:var(--color-red)!important}.flex{display:flex}.align-center{align-items:center}.text-center{text-align:center}.ds-section{padding-inline:var(--padding-sm)}.section-gap-24{display:flex;flex-direction:column;gap:var(--gap-24)}.section-gap-70{display:flex;gap:var(--gap-70)}.width-60{width:100%;max-width:650px}.width-70{width:100%;max-width:800px}.width-80{width:100%;max-width:950px}@media(min-width:1024px){.width-60{width:650px}.width-70{width:800px}.width-80{width:950px}}.ds-wrap{display:flex;flex-direction:column;width:100%;max-width:1200px;margin:0 auto;padding-block:var(--padding-2xl)}.ds-wrap-post{display:flex;flex-direction:column;width:100%;max-width:1300px;margin:0 auto}.quote-wrap{width:100%;margin:0 auto;text-align:center}.footer-wrap{display:flex;flex-direction:column;text-align:center;gap:var(--gap-32);width:100%;max-width:1200px;margin:0 auto;padding-block-end:var(--padding-xl)}.space-top{width:100%;max-width:1200px;margin:0 auto}@media(min-width:1024px){.footer-wrap{flex-direction:row;justify-content:space-between;gap:var(--gap-40)}.ds-wrap{width:100%;padding-block:var(--padding-4xl)}.ds-wrap-post{width:100%}}@media(min-width:1440px){.ds-wrap{width:1200px;padding-block:var(--padding-4xl)}.footer-wrap{flex-direction:row;width:1200px;padding-block-end:var(--padding-2xl);text-align:center}.space-top,.quote-wrap{width:1200px}}.navigation{width:100%;max-width:1200px;margin:0 auto;padding:var(--padding-sm)}.custom-padding{padding-block:var(--padding-sm)}.sticky{position:sticky;top:0;z-index:25}.nav-width{width:100%;max-width:1200px;margin:0 auto}.flex-nav{display:flex;gap:var(--gap-16);justify-content:space-between}.nav-items{display:flex;flex-direction:row;gap:var(--gap-32);align-items:center;background-color:var(--color-navbg);padding-inline:var(--padding-md);padding-block:calc(var(--padding-sm) - 2px);border:1px solid var(--color-border);border-radius:var(--radius-pill)}.nav-items li{display:flex}.scroll .nav-items{background-color:var(--color-navbg);padding-inline-start:var(--padding-md)}@media(min-width:1440px){.nav-width{width:1200px}.flex-nav{flex-direction:row;align-items:center;justify-content:space-between}}.cta-wrap{display:flex;flex-direction:row;gap:var(--gap-16);align-items:center}.cta-link{display:flex;align-items:center}.divider-v{display:block;height:12px;width:1px;background-color:var(--color-border)}.burger svg{fill:var(--color-icon)!important}.toggle{cursor:pointer;display:flex;align-items:center}#theme-switch svg{fill:var(--color-icon)}#theme-switch svg:last-child{display:none}.darkmode #theme-switch svg:first-child{display:none}.darkmode #theme-switch svg:last-child{display:block}.svg-cs svg{transform:translateZ(0)}.col-2{display:flex;flex-direction:column;align-items:flex-end;gap:var(--gap-48)}.left{width:100%}.right{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}@media(min-width:768px){.col-2{flex-direction:row}.left{width:60%}.right{width:40%}}@media(min-width:1024px){.col-2{flex-direction:row}.left{width:60%}.right{width:40%}}@media(min-width:1440px){.col-2{flex-direction:row}.left{width:60%}.right{width:40%}}.text-quote{display:block;font-size:var(--font-size-md);width:100%;margin:0 auto}@media(min-width:728px){.text-quote{width:650px}}@media(min-width:1024px){.text-quote{width:650px}}@media(min-width:1440px){.text-quote{width:650px}}.b-left{display:flex;flex-direction:column;gap:var(--gap-70);width:100%}.b-right{display:flex;flex-direction:column;gap:var(--gap-48);width:100%}@media(min-width:1024px){.b-left{width:65%}.b-right{width:35%}}@media(min-width:1440px){.b-left{width:65%}.b-right{width:35%}}.ft-space{display:flex;flex-direction:column;gap:var(--gap-48)}.divider{height:1px;background-color:var(--color-border)}footer,.logo{justify-content:center}.footer-nav{display:flex;flex-direction:row;gap:var(--gap-24);align-items:center;justify-content:center}.footer-nav li:last-child a{color:var(--color-red);font-weight:var(--font-weight-bold);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}.footer-nav li:last-child a:hover{color:var(--color-blue)!important;text-decoration:none}.footer-nav li{display:flex}.copyright span{color:var(--color-text-sub)}.cat img{width:100%;height:200px}:root{--font-family-base: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.5rem;--font-size-xl: 2rem;--font-size-xxl: 3rem;--line-height-tight: 1.2;--line-height-normal: 1.6;--line-height-loose: 1.8;--font-size-h1: 3rem;--font-size-h2: 2.25rem;--font-size-h3: 1.75rem;--font-size-h4: 1.5rem;--font-size-h5: 1.25rem;--font-size-h6: 1rem;--line-height-h1: 1.3;--line-height-h2: 1.3;--line-height-h3: 1.3;--line-height-h4: 1.3;--line-height-h5: 1.3;--line-height-h6: 1.4;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700;--spacing-0: 0rem;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.5rem;--spacing-6: 2rem;--spacing-8: 4rem;--font-case-uppercase: uppercase;--font-case-capitalize: capitalize;--font-case-lowercase: lowercase;--font-case-none: none;--radius-0: 0;--radius-xs: .125rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-pill: 9999rem;--radius-circle: 50%;--transition-fast: .2s ease;--transition-slow: .4s ease;--padding-xs: .5rem;--padding-sm: 1rem;--padding-md: 1.5rem;--padding-lg: 2rem;--padding-xl: 3rem;--padding-2xl: 4rem;--padding-3xl: 5rem;--padding-4xl: 6.25rem;--margin-xs: .5rem;--margin-sm: 1rem;--margin-md: 1.5rem;--margin-lg: 2rem;--margin-xl: 3rem;--margin-2xl: 4rem;--margin-3xl: 5rem;--margin-4xl: 6.25rem;--gap-0: 0;--gap-4: .25rem;--gap-8: .5rem;--gap-12: .75rem;--gap-16: 1rem;--gap-24: 1.5rem;--gap-32: 2rem;--gap-40: 2.5rem;--gap-48: 3rem;--gap-56: 3.5rem;--gap-64: 4rem;--gap-70: 4.375rem;--gap-100: 6.25rem;--color-background: #FEFEFE;--color-red: #FB6970;--color-blue: #55A6DC;--color-text: #616B7F;--color-text-secondary: #576580;--color-text-sub: #8E9AB3;--color-icon: #8E9AB3;--color-border: #D9D9D9;--color-component: #DFE8F0;--color-card: #F2F7FB;--color-navbg: #dfe8f0;--background-overlay: rgba(191, 198, 211, .2);--gradient-primary: linear-gradient(to right, #FB6970, #55A6DC);--gradient-primary-reverse: linear-gradient(to right, #55A6DC, #FB6970);--background-gradient: linear-gradient( rgba(255,255,255,.8), rgba(255,255,255,.8) );--scrollbar-track: #F1F1F1;--scrollbar-thumb: #BBBBBB;--scrollbar-thumb-hover: #888888;--bg: #FFFFFF;--fg: #333333}body.darkmode{--color-background: #1C2326;--color-red: #FB6970;--color-blue: #55A6DC;--color-text: #D2E3FC;--color-text-secondary: #9DA7BC;--color-text-sub: #616B7F;--color-icon: #616B7F;--color-border: #454D5E;--color-component: #2F363F;--color-card: #21282C;--color-navbg: #2F363F;--background-overlay: rgba(17, 18, 19, .2);--background-gradient: linear-gradient( rgba(0,0,0,.8), rgba(0,0,0,.8) );--scrollbar-track: #1C1C1C;--scrollbar-thumb: #555555;--scrollbar-thumb-hover: #777777;--bg: #1c2326;--fg: #d2e3fc}@media(max-width:1024px){:root{--font-size-h1: 2.25rem;--font-size-h2: 1.875rem;--font-size-h3: 1.5rem;--font-size-h4: 1.25rem;--font-size-h5: 1.125rem;--font-size-h6: 1rem}}.ds-btn{font-family:inherit;background-color:var(--color-component);color:var(--color-text-secondary);border:none;border-radius:var(--radius-sm);cursor:pointer;padding:var(--padding-xs) var(--padding-sm)}.banner-bg{background-color:var(--color-card);padding:var(--padding-lg);border-radius:var(--radius-xl)}.swiper{width:100%;overflow:visible}.swiper-slide{width:auto;height:auto;box-sizing:border-box;overflow:hidden;background-color:var(--color-card);border-radius:var(--radius-lg);display:flex!important;flex-direction:column;gap:var(--gap-4);justify-content:flex-end}.swiper-slide-active{background-color:var(--color-component)}.information-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--gap-32)}.information-item-grid{display:flex;flex-direction:column;gap:var(--gap-24);padding:var(--padding-lg);background-color:var(--color-component);border-radius:var(--gap-12)}@media(min-width:768px){.information-grid{grid-template-columns:repeat(1,1fr)}.information-item-grid{padding:var(--padding-xl)}}@media(min-width:800px){.information-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1440px){.information-grid{grid-template-columns:repeat(2,1fr)}}.bg-overlay{background:var(--background-gradient) center/cover no-repeat,url(/images/night-sky.jpg) bottom/cover no-repeat;object-fit:cover}.post-feature{display:flex;flex-direction:column;height:200px;background-size:cover;background-position:center;border-radius:var(--radius-lg)}.post-author{display:flex;align-items:center;gap:var(--gap-12)}.author-image{width:50px}.post-meta{display:flex;flex-direction:column;gap:var(--gap-4)}.post-img{display:flex;flex-direction:column;gap:var(--gap-24);width:100%;margin:0 auto}.image_{width:100%;height:auto;border-radius:var(--radius-lg)}.post-content{display:flex;flex-direction:column;gap:var(--gap-8)}.post-col{display:flex;flex-direction:column;gap:var(--gap-4)}.article-body{width:100%;margin:0 auto}.first{display:inline-block}.first:first-letter{font-size:3.6em;float:left;padding-right:var(--padding-xs);line-height:90%;margin-right:2px;font-weight:bolder}.post-wrap{display:flex;flex-direction:column;gap:var(--gap-32);justify-content:space-between;align-items:flex-start}.absolute{position:absolute;inset:-1.5rem;border-radius:var(--radius-lg);z-index:20;background-color:#0003}@media(min-width:768px){.post-feature{height:300px}.post-wrap{flex-direction:row;gap:0}.article-body{max-width:700px}.post-img{flex-direction:row;max-width:1000px}}@media(min-width:1024px){.post-feature{height:500px}.post-wrap{flex-direction:row;gap:0}.article-body{max-width:700px}.post-img{flex-direction:row;max-width:1000px}}@media(min-width:1440px){.post-feature{height:600px}.post-wrap{flex-direction:row;gap:var(--gap-32)}.article-body{max-width:700px}.post-img{max-width:1000px}}.ds-article-wrap{display:flex;flex-direction:column;gap:var(--gap-32)}.back{position:relative;cursor:pointer}@media(min-width:768px){.back{position:sticky;top:100px}}.items{list-style:none;padding-left:0}.items li{position:relative;padding-left:20px}.items li:before{content:"■";position:absolute;left:0;top:50%;transform:translateY(-50%);color:var(--color-text-secondary);font-size:12px}.article-content{display:flex;flex-direction:column;gap:var(--gap-16)}.data-card-link{display:block;text-decoration:none;width:100%}.data-card-link .excerpt,.data-card-link a:hover{color:var(--color-text-secondary)}.data-card{position:relative;display:flex;flex-direction:column;gap:var(--gap-24);cursor:pointer}.card-bg{position:absolute;inset:-1.5rem;background-color:var(--background-overlay);z-index:0;transform:scale(.95);opacity:0;border-radius:var(--radius-lg);transition:.25s ease}.data-card:hover .card-bg{opacity:1;transform:scale(1)}.data-card:hover .read-more{text-decoration:none}.post-title,.read-time,.excerpt,.read-more{position:relative;z-index:1}@media(max-width:1024px){.data-card:hover .card-bg{opacity:0;transform:scale(.95);transition:none}}.read-more{font-size:var(--font-size-xs);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px;color:var(--color-red)}.article-card{display:flex;flex-direction:column;gap:var(--gap-24)}.link-wrap a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}.link-wrap a:hover{text-decoration:none}.ds-content-wrap{display:flex;flex-direction:column;gap:var(--gap-24)}.ds-heading-wrap{display:flex;flex-direction:column;gap:var(--gap-4)}.ds-subheading-wrap{display:flex;flex-direction:column;gap:var(--gap-8)}.ds-heading-wrap h1{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.ds-heading-wrap h6{font-size:var(--font-size-xs);text-transform:uppercase;color:var(--color-text-sub)}.date-wrap,.ds-content-wrap{width:100%}.post-card{display:flex;flex-direction:column;justify-content:space-between;gap:var(--gap-24)}@media(min-width:768px){.post-card{flex-direction:row}.date-wrap{width:40%}}.card-wrap{display:flex;flex-direction:column;gap:var(--gap-24);padding:var(--padding-md);border:1px solid var(--color-border);border-radius:var(--radius-xl)}@media(min-width:1440px){.card-wrap{padding:var(--padding-lg)}}.skill-list{display:flex;flex-wrap:wrap;gap:var(--gap-12)}.skill-list li{padding-block:2px;padding-inline:var(--padding-xs);background-color:var(--color-navbg);border-radius:var(--radius-md)}.skill-list li span{font-size:var(--font-size-xs);color:var(--color-text)}.work-group{display:flex;flex-direction:column;gap:calc(var(--gap-24) - 4px)}.work-loop{display:flex;align-items:center;justify-content:space-between}.work-group .ds-heading-wrap{justify-content:center}.work-list{display:flex;gap:var(--gap-12);vertical-align:middle}.text-xs{font-size:calc(var(--font-size-xs) + 1px);line-height:unset}.text-custom{font-size:var(--font-size-xs);color:var(--color-text-sub);line-height:unset}.icon-wrap{align-items:center;justify-content:center;background-color:var(--color-component);border-radius:var(--radius-lg);width:40px;height:40px}.btn{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--gap-4);background-color:var(--color-navbg);outline:none;border:0;cursor:pointer;padding:var(--padding-xs);border-radius:var(--radius-sm)}.btn:hover{background-color:var(--color-border)}.btn span{text-transform:uppercase;font-weight:var(--font-weight-medium);color:var(--color-text-sub)}#btn svg path{fill:var(--color-text-sub)}.wrap-around{display:flex;flex-direction:column;gap:var(--gap-56)}.profile-left{display:flex;flex-direction:column;gap:var(--gap-24);width:100%}.profile-left .profile-image{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:var(--radius-md)}.find-wrap{display:flex;flex-direction:row;justify-content:space-between}.find-wrap a{display:flex;gap:var(--gap-4)}.about-right{display:flex;flex-direction:column;gap:var(--gap-40);width:100%}.profile-left span{color:var(--color-text-sub)}@media(min-width:768px){.wrap-around{flex-direction:row;gap:var(--gap-56)}.profile-left{width:40%}.about-right{gap:var(--gap-48)}.find-wrap{flex-direction:column;gap:var(--gap-12)}}@media(min-width:1440px){.wrap-around{flex-direction:row;gap:var(--gap-70)}.profile-left{width:400px}.profile-left .profile-image{width:400px;height:400px}.find-wrap{display:flex;flex-direction:row}}.note-color{color:var(--color-text-sub)}.project-wrap{display:flex;flex-direction:column;gap:var(--gap-32)}.project-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--gap-32)}.item-grid{display:flex;flex-direction:column;gap:var(--gap-24);padding:var(--gap-24);background-color:var(--color-card);border-radius:var(--gap-12);color:var(--color-text-secondary);transition:background-color .3s ease,transform .3s ease}.item-grid:hover{background-color:var(--background-overlay)}.work-link-wrap span{color:var(--color-red);text-decoration:underline}.item-grid:hover .work-link-wrap span{text-decoration:none}.work-link-wrap{display:flex;flex-direction:row;gap:var(--gap-8)}.infro-wrap{display:flex;flex-direction:column;gap:var(--gap-12)}.custom-gap{display:flex;flex-direction:column;gap:var(--gap-4)}@media(min-width:768px){.project-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.project-grid{grid-template-columns:repeat(3,1fr)}}