:root{--bg:hsl(206 10% 5%);--surface:hsl(206 10% 9%);--surface-2:hsl(206 10% 13%);--text:hsl(206 10% 96%);--text-dim:hsl(206 8% 64%);--text-faint:hsl(206 8% 44%);--line:hsla(0 0% 100%/0.12);--accent:#ee344a;--fs-display:clamp(3rem,9vw,9rem);--fs-h1:clamp(2.25rem,6vw,5.5rem);--fs-h2:clamp(1.5rem,3vw,2.5rem);--fs-body:clamp(1rem,1.05vw,1.125rem);--fs-small:clamp(0.82rem,0.95vw,0.95rem);--fs-label:clamp(0.66rem,0.78vw,0.78rem);--sp-1:0.5rem;--sp-2:1rem;--sp-3:1.5rem;--sp-4:2rem;--sp-6:3rem;--sp-8:4rem;--sp-12:6rem;--page-max:1440px;--gutter:clamp(20px,5vw,80px);--ease-out-expo:cubic-bezier(0.19,1,0.22,1);--ease-in-out:cubic-bezier(0.645,0.045,0.355,1);--dur:0.6s}.ds-container{width:100%;max-width:var(--page-max);margin-inline:auto;padding-inline:var(--gutter)}.u-mono{font-family:var(--font-mono),ui-monospace,"SFMono-Regular",Menlo,monospace;font-size:var(--fs-label);letter-spacing:.06em;text-transform:uppercase}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-smooth iframe{pointer-events:none}body,html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;scroll-behavior:smooth;overflow-x:hidden;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;backface-visibility:hidden}body{font-family:var(--font-custom)}a{color:inherit;text-decoration:none}ol,ul{list-style:none}[role=button],a,area,button,input,label,select,summary,textarea{touch-action:manipulation}button,input,textarea{border:none;outline:none;font-family:var(--font-custom);text-transform:uppercase;background-color:rgba(0,0,0,0)}button{cursor:pointer}img{max-width:100%;height:auto}*,:after,:before{box-sizing:border-box;padding:0;margin:0}::-webkit-scrollbar{display:none}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}::selection{background:#ee344a}div,h1,h2,h3,p{transition:font-size .5s}html{background:hsl(206,10%,6%)}body{color:#fff;background:rgba(0,0,0,0)}.header-comp{height:clamp(80px,8vw,100px);left:0;min-width:300px;position:fixed;top:0;width:100%;z-index:10;transition:transform .7s cubic-bezier(.19,1,.22,1);transform:translateY(0)}.header-comp.hidden{transform:translateY(-100px);pointer-events:none}.header-comp .header-inner{height:100%;padding:0 var(--gutter);position:relative;width:100%;align-items:center;display:inline-flex;justify-content:space-between;z-index:11}.header-comp .logo{font-size:0;padding-right:20px;height:100%;display:flex;align-items:center}.header-comp .logo button{height:100%;background-color:rgba(0,0,0,0)}.header-comp .sub-menu-area{display:flex;height:100%;align-items:center;gap:clamp(14px,2vw,36px);font-family:var(--font-mono),ui-monospace,monospace;font-size:13px;letter-spacing:.08em;text-transform:uppercase}.header-comp .sub-menu-area li{height:100%}.header-comp .sub-menu-area a{margin:0;color:var(--text-dim);transition:color .4s cubic-bezier(.19,1,.22,1)}.header-comp .sub-menu-area a:hover{color:var(--accent)}.header-comp .sub-menu-area a.active{color:var(--text)}.mobile-menu-toggle{display:none;background:rgba(0,0,0,0);border:none;cursor:pointer;padding:10px;z-index:12}@media screen and (max-width:768px){.mobile-menu-toggle{display:block}}.hamburger{display:flex;flex-direction:column;gap:6px;width:28px;height:24px}.hamburger span{display:block;width:100%;height:2px;background-color:hsl(206,10%,75%);transition:all .3s ease}.hamburger.open span:first-child{transform:rotate(45deg) translate(8px,8px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:last-child{transform:rotate(-45deg) translate(8px,-8px)}@media screen and (max-width:768px){.header-comp .sub-menu-area{position:fixed;top:0;right:-100%;height:100vh;width:70%;max-width:320px;background:rgba(0,0,0,.98);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;justify-content:center;align-items:center;gap:2rem;transition:right .4s cubic-bezier(.19,1,.22,1);padding:2rem;box-shadow:-5px 0 20px rgba(0,0,0,.5)}.header-comp .sub-menu-area.is-open{right:0}.header-comp .sub-menu-area li{width:100%;height:auto;text-align:center}.header-comp .sub-menu-area li button{width:100%;min-height:44px;display:flex;align-items:center;justify-content:center}.header-comp .sub-menu-area a{font-size:1.5rem;margin:0;padding:.5rem 1rem;display:block;width:100%}.header-comp .sub-menu-area a:hover{color:#ee344a}}footer{position:relative;margin-top:clamp(120px,20vh,260px);padding:var(--sp-3) var(--gutter) var(--sp-4);color:var(--text-dim)}footer div{position:relative;display:flex;justify-content:space-between;align-items:center;gap:var(--sp-3);padding-top:var(--sp-3);font-family:var(--font-mono),ui-monospace,monospace;font-size:var(--fs-label);letter-spacing:.06em;text-transform:uppercase}footer div p{margin:0}footer div .social_link{width:1rem;height:1rem;fill:var(--text-dim);transition:fill .4s var(--ease-out-expo)}footer div a:hover .social_link{fill:var(--accent)}footer div:before{content:"";position:absolute;top:0;left:0;right:0;border-top:1px solid var(--line)}@media screen and (max-width:768px){footer div{flex-direction:column;align-items:flex-start;gap:var(--sp-3)}}.hero-comp{height:100dvh;overflow:hidden;width:100%;position:relative}.hero-comp .hero-clickable-area{position:absolute;top:50%;right:0;transform:translateY(-50%);width:50%;height:60%;z-index:1;cursor:pointer}.hero-comp .centering{position:absolute;top:50%;transform:translateY(-50%) scale(1);padding:0 10.3vw;overflow:hidden;z-index:2;transform-origin:right;pointer-events:none}.hero-comp .centering,.hero-comp .centering .outter{width:100%;transition:transform 2s cubic-bezier(.645,.045,.355,1)}.hero-comp .centering .outter{float:right;transform:translateX(50%)}.hero-comp .centering .outter .inner{display:inline-block;transform:translateX(-50%);transition:transform 2s cubic-bezier(.645,.045,.355,1)}.hero-comp .centering .outter .inner h1{font-family:Custom_font;display:inline-block;margin:0 .3rem;line-height:1;font-size:clamp(12px,6vw,46px);font-family:var(--font-custom);text-shadow:0 2px 20px rgba(0,0,0,.8)}.hero-comp .centering .outter .inner a{pointer-events:auto}.hero-comp .centering.right .outter{transform:translateX(100%)}.hero-comp .centering.right .inner{transform:translateX(-100%)}.hero-comp .centering.right{transform:translateY(-70%) scale(.7)}.hero-comp .bg-area{z-index:0;overflow:hidden}.hero-comp .bg-area,.hero-comp .bg-area:before{height:100%;left:0;position:absolute;top:0;width:100%}.hero-comp .bg-area:before{background:rgba(0,0,0,.5);content:"";z-index:1}.hero-comp .bg-area .bg-area img,.hero-comp .bg-area .video{backface-visibility:hidden;height:100%;object-fit:cover;object-position:center;width:100%}.hero-comp .copy-area{position:absolute;z-index:12;width:100%;bottom:20px;text-align:center;text-transform:uppercase;font-size:1rem;color:hsl(206,10%,75%);opacity:1;font-family:var(--font-custom);pointer-events:none}.hero-comp .copy-area .social{position:absolute;right:0;display:flex;align-items:center;padding:0 max(3vw,25px);pointer-events:auto}.hero-comp .copy-area .social a{padding:0 1rem;display:inline-block}.hero-comp .copy-area .social a svg{fill:#fff;width:1rem;height:1rem;transition:all .4s cubic-bezier(.8,0,0,1) 0s}.hero-comp .hero-meta{position:absolute;inset:0;z-index:11;pointer-events:none;color:var(--text-dim)}.hero-comp .hero-meta span{position:absolute;top:calc(clamp(80px, 8vw, 100px) + var(--sp-2))}.hero-comp .hero-meta__role{left:var(--gutter)}.hero-comp .hero-meta__loc{right:var(--gutter)}.hero-comp .hero-meta__status{left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;gap:.6em;white-space:nowrap}.hero-comp .hero-meta__status i{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 0 rgba(238,52,74,.5);animation:hero-meta-pulse 2.4s infinite}@keyframes hero-meta-pulse{0%{box-shadow:0 0 0 0 rgba(238,52,74,.5)}70%{box-shadow:0 0 0 7px rgba(238,52,74,0)}to{box-shadow:0 0 0 0 rgba(238,52,74,0)}}@media(max-width:800px){.hero-comp .copy-area{text-align:center;padding:0 calc(3vw + 1rem)}.hero-comp .copy-area .social{bottom:30px}.hero-comp .hero-meta__loc,.hero-comp .hero-meta__role{display:none}}.youtube-container{overflow:hidden;width:100%;height:100%;pointer-events:none}.youtube-container iframe{width:300%;height:100%;margin-left:-100%;object-fit:cover}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.9);display:flex;justify-content:center;align-items:center;z-index:80}.modal-content{max-width:1280px;margin:0 auto;width:90vw}.modal-content .videoWrapper{position:relative;padding-bottom:56.25%;height:0}.modal-content .videoWrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}.blur-effect{filter:blur(5px)}.target_box,.target_pic{display:flex;justify-content:center;align-items:center;width:100%;height:100%;border-radius:1rem}.main-cursor{position:fixed;transform:translate(-50%,-50%);top:0;left:0}.main-cursor,.main-cursor-inner{width:10px;height:10px;border-radius:50%;pointer-events:none}.main-cursor-inner{background-color:#fff;z-index:1000}.hover-cursor{transform-origin:center;top:-46px;left:-46px;background-color:#fff;width:100px;height:100px;border-radius:50%;z-index:1001}.hover-cursor,.hover-cursor svg{position:absolute;pointer-events:none}.hover-cursor svg{top:50%;left:50%;transform:translate(-50%,-50%)}.showreel-cursor{transform-origin:center;position:absolute;top:-47px;left:-45px;width:100px;height:100px;border-radius:50%;border:3px solid #fff;z-index:1001;pointer-events:none;text-shadow:2px 2px 4px #000}.showreel-cursor svg{position:absolute;top:calc(50% + 2px);left:calc(50% + 2px);pointer-events:none;transform:translate(-50%,-50%) scale(1)}.showreel-cursor p{font-family:Helvetica Now Display,sans-serif;position:absolute;top:100%;text-align:center;margin-top:10px;font-size:13px;pointer-events:none}.transition_div{position:fixed;top:0;left:0;background-color:#fff;height:100vh;width:100%;z-index:999}.transition_children{position:relative;width:100%;min-height:100dvh;z-index:9}@media(hover:none)and (pointer:coarse){.main-cursor{display:none}}.arrow-nav{bottom:0;left:0;flex-direction:row;z-index:1000}.arrow-btn,.arrow-nav{position:fixed;display:flex;align-items:center}.arrow-btn{justify-content:center;cursor:pointer;width:3.2rem;height:3.2rem;border:none;background:rgba(0,0,0,0);z-index:12;bottom:2.4rem;left:2.4rem;transform:translateY(100px);transition:transform .5s cubic-bezier(.43,.195,.02,1);background-color:#fff;border-radius:0}.arrow-btn span{z-index:1;width:1.2rem;height:1.2rem;transform:rotate(180deg)}.arrow-btn span svg{z-index:2;width:1.2rem;height:1.2rem;fill:#000;animation-name:dieutq;animation-fill-mode:both;animation-duration:1s;animation-play-state:paused}.arrow-show{transform:translateY(0)}.arrow-bottom{transition:transform 1.2s cubic-bezier(.43,.195,.02,1);transform:translateY(-50px)}@media screen and (max-width:768px){.arrow-bottom{transform:translateY(-90px)}}.blog-scroller{margin:0 max(3vw,25px);flex-grow:1;align-items:center;font-family:Helvetica Now Display,Noto Sans KR,Microsoft NeoGothic,Droid sans,sans-serif;font-weight:500}.blog-scroller,.blog-selection{position:relative;display:flex;flex-direction:column}.blog-selection{max-width:720px;width:100%;padding:0 min(16px,8vw)}.blog-selection:before{content:"";position:absolute;top:0;left:0;width:100%;border-top:1px solid #fff;opacity:.12}.blog-navigation{padding-top:2rem;display:grid;grid-template-columns:1fr 1fr;gap:10px}.nav-button{overflow:hidden;width:100%;display:flex;flex-direction:column;background-color:hsl(206,10%,10%);border-radius:12px;transition:background-color,transform .3s ease}.nav.prev{text-align:right;grid-column:1}.nav.next{text-align:right;grid-column:2}.nav-button:hover{transform:translateY(-5px);background-color:#ee344a}.nav-button-cover-wrapper{position:relative;width:100%;height:120px;overflow:hidden}.nav-button-cover{width:100%;height:100%;object-fit:cover}.nav-button-cover-placeholder{width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.02))}.nav-button-title{padding:1rem;width:100%;font-size:1.25rem;overflow:hidden;word-break:keep-all;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.nave-button.next{flex:1 1}.nav-text.next,.nav-text.prev{padding-bottom:1rem}.nav-text.prev{text-align:left}.go_back,.nav-text.next{text-align:right}.go_back{padding-top:2rem}.go_back:hover{cursor:pointer;color:#ee344a}.works{width:100%;text-transform:none}.works .ds-container{max-width:none}.works .work-head{margin-top:clamp(80px,8vw,100px);padding:var(--sp-12) 0 var(--sp-6);border-bottom:1px solid var(--line);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--sp-3)}.works .work-head__eyebrow{color:var(--text-dim)}.works .work-head__title{display:flex;flex-wrap:wrap;justify-content:center;gap:0 .22em;margin:0;font-family:var(--font-canyon),var(--font-custom),sans-serif;font-size:var(--fs-display);line-height:.9;letter-spacing:-.01em}.works .work-head__title span{display:inline-block}.works .work-head__title span:nth-child(2){font-family:Times New Roman,Times,serif;font-weight:400;letter-spacing:0}.works .work-head__intro{max-width:48ch;margin-inline:auto;color:var(--text-dim);font-size:var(--fs-body);line-height:1.55;font-family:var(--font-helvetica-now-display),sans-serif}.works .work-sort{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sp-3);padding:var(--sp-3) 0 var(--sp-6)}.works .work-sort .filter_item{color:var(--text-faint);cursor:pointer;background:rgba(0,0,0,0);transition:color var(--dur) var(--ease-out-expo)}.works .work-sort .filter_item.active{color:var(--text)}.works .work-sort .filter_item:hover{color:var(--accent)}.work-grid{display:flex;flex-direction:column;gap:var(--sp-6);padding-bottom:var(--sp-12)}.work-row{display:flex;gap:var(--sp-4);height:clamp(280px,34vw,720px);align-items:stretch}.work-row:hover .work-card{flex-grow:.62}.work-row:hover .work-card:hover{flex-grow:1.85}@media screen and (min-width:769px){.work-card:only-child{flex:0 0 calc(50% - var(--sp-4)/2)}.work-row:hover .work-card:only-child{flex-grow:0}}.work-card{flex:1 1;min-width:0;transition:flex-grow .6s var(--ease-out-expo)}.work-card a{display:flex;flex-direction:column;height:100%}.work-card__media{position:relative;flex:1 1 auto;min-height:0;width:100%;overflow:hidden;border-radius:24px;background:var(--surface)}.work-card__media .target_pic{position:relative;width:100%;height:100%;border-radius:inherit}.work-card__media img{color:rgba(0,0,0,0);transition:filter .6s var(--ease-out-expo);filter:saturate(.9)}.work-card__media:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:rgba(0,0,0,.18);opacity:0;transition:opacity .6s var(--ease-out-expo)}.work-card__meta{display:flex;align-items:baseline;gap:var(--sp-2);padding-top:var(--sp-2);color:var(--text-dim)}.work-card__index{flex:none;color:var(--text-faint)}.work-card__title{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-helvetica-now-display),sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.02em;font-size:var(--fs-small);color:var(--text);transition:color var(--dur) var(--ease-out-expo)}.work-card__cat,.work-card__year{flex:none;color:var(--text-faint)}.work-card:hover .work-card__media img{filter:saturate(1)}.work-card:hover .work-card__media:after{opacity:1}.work-card:hover .work-card__title{color:var(--accent)}@media screen and (max-width:768px){.work-row{flex-direction:column;height:auto;gap:var(--sp-6)}.work-card__media{flex:none;aspect-ratio:16/10}.works .work-head{padding-top:var(--sp-8)}}.w_title_container{position:relative;margin-top:clamp(80px,8vw,100px);padding-inline:var(--gutter)}.w_title_container .w_title{position:relative;margin-bottom:clamp(56px,9vh,130px)}.w_title_container .w_title:before{content:"";position:absolute;inset:0;border-radius:28px;background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(8,9,10,.85));z-index:1}.w_title_container .w_title .thumb{position:relative;overflow:hidden;width:100%;aspect-ratio:2.35/1;border-radius:28px;background:var(--surface)}.w_title_container .w_title .thumb img{width:100%;object-fit:cover}.w_title_container .w_title .title{position:absolute;left:0;right:0;bottom:clamp(-58px,-5vh,-34px);z-index:2}.w_title_container .w_title .title h1{font-size:clamp(36px,8vw,132px);font-weight:700;line-height:.95;letter-spacing:-.01em;word-break:keep-all;overflow-wrap:break-word}.container,.w_title_container .w_title .title h1{font-family:var(--font-helvetica-now-display),sans-serif}.container{position:relative;padding-inline:var(--gutter)}.container .content{margin:0 auto;max-width:1100px}.container .content .block{margin:clamp(48px,6vw,120px) 0;line-height:1.7;font-size:var(--fs-body)}.work-meta{display:flex;flex-wrap:wrap;gap:clamp(24px,5vw,88px);padding:clamp(28px,4vh,56px) 0;border-bottom:1px solid var(--line)}.work-meta__item{display:flex;flex-direction:column;gap:8px}.work-meta__label{color:var(--text-faint)}.work-meta__value{color:var(--text);font-size:var(--fs-body)}.container .go_back{display:inline-block;padding-top:clamp(40px,6vh,80px);color:var(--text-dim);transition:color var(--dur) var(--ease-out-expo)}.container .go_back:hover{color:var(--accent)}@media screen and (max-width:768px){.w_title_container .w_title{margin-bottom:clamp(40px,7vh,80px)}.w_title_container .w_title .thumb{aspect-ratio:16/11}.work-meta{gap:var(--sp-4)}.work-meta__item{flex:1 1 40%}}::-webkit-input-placeholder{font-family:Helvetica Now Display,sans-serif;font-weight:500}.about-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:0 var(--gutter);font-family:var(--font-helvetica-now-display),sans-serif}.about-container .about-wrapper{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,80px);width:100%;max-width:1100px}.about-container .about-wrapper .about-text{position:relative;align-content:center}.about-container .about-wrapper .about-text h1{word-break:keep-all;text-transform:none;margin-bottom:3rem;font-weight:700;font-size:clamp(48px,6vw,72px)}.about-container .about-wrapper .about-text h6,.about-container .about-wrapper .about-text p{font-weight:500;font-size:clamp(16px,1vw,24px)}.about-container .about-wrapper .about-text p{display:flex;gap:1rem;margin-top:10px}.about-container .about-wrapper .about-text p a{color:#ee344a}.about-container .about-wrapper .contact__form{position:relative;display:flex;flex-direction:column;gap:4vh}.about-container .about-wrapper .contact__form .contact__form-inner-text{position:relative}.about-container .about-wrapper .contact__form .contact__form-inner-text input{font-family:Helvetica Now Display -apple-system system-ui;text-transform:none;font-size:14px;outline:none;width:100%;color:hsl(206,10%,75%);background-color:rgba(0,0,0,0);border-bottom:1px solid hsl(206,10%,16%);transition:color .3s ease;line-height:unset;padding:1rem 0}.about-container .about-wrapper .contact__form .contact__form-inner-text span{opacity:0;position:absolute;top:-1rem;left:0;transition:opacity .5s ease;font-family:var(--font-mono),ui-monospace,monospace;font-size:var(--fs-label);letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint)}.about-container .about-wrapper .contact__form .contact__form-inner-text input:focus~.contact__form-inner-text-s-email,.about-container .about-wrapper .contact__form .contact__form-inner-text input:focus~.contact__form-inner-text-s-name{opacity:1}.about-container .about-wrapper .contact__form .contact__form-inner-text textarea{font-family:Helvetica Now Display -apple-system system-ui;text-transform:none;padding:1rem 0;font-size:14px;width:100%;background-color:rgba(0,0,0,0);resize:none;color:hsl(206,10%,75%);border:none;border-bottom:1px solid hsl(206,10%,16%);word-break:keep-all;transition:color .3s ease;-ms-overflow-style:none;scrollbar-width:none}.about-container .about-wrapper .contact__form .contact__form-inner-text textarea:focus{outline:none}.about-container .about-wrapper .contact__form .contact__form-inner-text textarea::-webkit-scrollbar{display:none}.about-container .about-wrapper .contact__form .contact__form-inner-text textarea:focus~span{opacity:1}.about-container .about-wrapper .contact__form .send_button{font-family:var(--font-helvetica-now-display),sans-serif;text-transform:none;background:rgba(0,0,0,0);color:var(--text);text-align:left;font-size:24px;transition:color var(--dur) var(--ease-out-expo)}.about-container .about-wrapper .contact__form .send_button:hover{color:var(--accent)}.about-container .about-wrapper .contact__form .contact__sent_msg{display:flex;flex-direction:column;justify-content:center;height:100%}.about-container .about-wrapper .contact__form .contact__sent_msg div{padding:5px;font-size:24px;color:hsl(206,10%,75%)}.about-container .about-wrapper .contact__form .contact__sent_msg div:first-child{padding:10px;font-size:32px;color:#fff;margin-bottom:32px;background:#ee344a}.about-container .about-wrapper .contact__form .contact__sent_msg div:first-child svg{margin-left:32px}.about-container .load_overlay{position:absolute;width:100%;height:100%;z-index:30;background:rgba(20,20,20,.7)}.errorMsg.contact__error{position:relative}.errorMsg__wrapper{border-radius:.3rem;background-color:rgba(255,50,50,.39);padding:.3rem .7rem;display:flex;text-align:center;animation:errorin 1s cubic-bezier(.075,.82,.165,1)}@keyframes errorin{0%{max-height:0;transform:translateY(35px)}to{max-height:35px;transform:translateY(0)}}@media screen and (max-width:768px){.about-container .about-wrapper{grid-template-columns:1fr;width:90vw;gap:2vw;margin-top:5vh}.about-container .about-wrapper .about-text{margin-top:5vh}.about-container .about-wrapper .about-text h1{margin-bottom:1rem}.about-container .about-wrapper .about-text span{top:-2.9rem;left:9.2rem}}.about-title{padding:15vh 0 30vh;margin-inline:var(--gutter)}.about-title .about-title-wrapper{display:flex;position:relative}.about-title .about-title-wrapper .title{position:absolute;z-index:3;margin-top:10vw;width:100%}.about-title .about-title-wrapper .title div{overflow:hidden}.about-title .about-title-wrapper .title div h1{font-size:clamp(38px,5vw,120px)}.about-title .about-title-wrapper .title div h6{color:hsl(206,10%,75%);font-size:clamp(16px,1vw,24px);font-weight:500;text-transform:none}.about-title .about-title-wrapper .title div h6 span{font-size:clamp(8px,.7vw,16px)}.about-title .about-title-wrapper .img-wrapper{width:100%;margin-top:50px}.about-title .about-title-wrapper .img-wrapper .img-inner{width:50%;float:right;position:relative;overflow:hidden}.about-title .about-title-wrapper .img-wrapper .img-inner:before{content:"";position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.1)}.about-title .about-title-wrapper .img-wrapper .img-inner:after{content:"";position:absolute;top:0;right:0;width:0;height:100%;z-index:2;background:hsl(206,10%,6%)}.about-title .about-title-wrapper .img-wrapper .img-inner figure{width:100%;height:100%;position:relative;filter:saturate(60%) contrast(110%)}.about-title .about-title-wrapper .img-wrapper .img-inner figure img{position:relative!important}.cv-download-btn{display:inline-block;text-decoration:none}.cv-download-btn .target_box{padding:.8rem 2rem;background-color:#ee344a;color:#fff;font-size:clamp(14px,1vw,18px);font-weight:600;border-radius:8px;cursor:pointer;text-transform:uppercase;letter-spacing:.05em}.s-story{margin-inline:var(--gutter);position:relative}.s-story .about{top:0;left:0;position:absolute}.s-story .about:after{background:#fff;height:1px;width:.833vw;content:"";display:block;margin-top:1.181vw}.s-story .row1{display:flex;margin:10.417vw 0 10.417vw 14.792vw}.s-story .row1 .img{margin-right:1.389vw;overflow:hidden}.s-story .row1 .img figure{width:28.264vw}.s-story .row1 .img p{margin-top:.694vw}.s-story .row1 .paragraph{width:19.472vw}.s-story .row1 .paragraph div{overflow:hidden}.s-story .row1 .paragraph div div{position:relative;will-change:transform;backface-visibility:hidden;padding-bottom:.3vw;text-transform:none;font-weight:400;font-size:1vw}.s-story .row2{display:flex;margin:10.417vw 0 10.417vw 37.014vw}.s-story .row2 .img{margin-right:1.389vw;overflow:hidden}.s-story .row2 .img figure{width:28.194vw}.s-story .row2 .img p{margin-top:.694vw}.s-story .row2 .paragraph{width:19.403vw}.s-story .row2 .paragraph div{overflow:hidden}.s-story .row2 .paragraph div div{position:relative;will-change:transform;backface-visibility:hidden;padding-bottom:.3vw;text-transform:none;font-weight:400;font-size:1vw}.s-story .row3{display:flex;margin:10.417vw 0 10.417vw 14.722vw}.s-story .row3 .img{order:2;margin-left:1.389vw;overflow:hidden}.s-story .row3 .img figure{width:28.264vw}.s-story .row3 .img p{margin-top:.694vw}.s-story .row3 .paragraph{width:16.703vw;text-align:right}.s-story .row3 .paragraph div{overflow:hidden}.s-story .row3 .paragraph div div{position:relative;will-change:transform;backface-visibility:hidden;padding-bottom:.3vw;text-transform:none;font-weight:400;font-size:1vw}.s-awards{margin-inline:var(--gutter);position:relative}.s-awards .award{top:0;left:0;position:absolute}.s-awards .award:after{background:#fff;height:1px;width:.833vw;content:"";display:block;margin-top:1.181vw}.s-awards .awards-wrapper{display:flex;flex-wrap:wrap;margin-top:5vw}.s-awards .awards-wrapper .award-item{flex:1 1 30%;width:50%;padding:0 1vw;margin-bottom:2vw}.s-awards .awards-wrapper .award-item h4{font-size:clamp(18px,3vw,24px);font-weight:600;color:hsl(206,10%,60%);margin-bottom:.5vw}.s-awards .awards-wrapper .award-item p{font-size:clamp(14px,2vw,18px);color:hsl(206,10%,75%)}.s-skill{margin-inline:var(--gutter);position:relative}.s-skill .skill{top:0;left:0;position:absolute}.s-skill .skill:after{background:#fff;height:1px;width:.833vw;content:"";display:block;margin-top:1.181vw}.s-skill .tryhard{position:relative;padding-top:5vw}.s-skill .tryhard h4{font-size:clamp(18px,5vw,42px)}.s-skill .tryhardgrid{margin:4vw 0 10vw;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2vw}@media screen and (min-width:1200px){.s-skill .tryhardgrid{grid-template-columns:1fr 1fr 1fr}.s-skill .tryhardgrid .three_general{grid-column:1/-1}}@media screen and (max-width:1199px)and (min-width:769px){.s-skill .tryhardgrid{grid-template-columns:1fr 1fr}.s-skill .tryhardgrid .three_general{grid-column:1/-1}}.tryhardgrid .s-9{font-size:clamp(18px,3vw,24px);font-weight:600;color:hsl(206,10%,60%);margin-bottom:2.5vw}.tryhardgrid .tile.excep{width:100%;height:100%;min-height:150px}.tryhardgrid .tile{width:100%;display:flex;flex-direction:column;min-height:150px;height:auto;flex-wrap:wrap;padding:1vw}.tryhardgrid .tile div{font-size:clamp(16px,2.5vw,20px);text-transform:none;padding:.5vw 0 1vw 1vw;line-height:1.4}.tryhardgrid .tile div span{font-size:clamp(8px,.7vw,14px);color:#ee344a;margin-left:.3vw}@media screen and (min-width:1200px){.tryhardgrid .three_general .tile{column-count:3;column-gap:2vw;height:auto}.tryhardgrid .three_general .tile div{page-break-inside:avoid;break-inside:avoid;margin-bottom:.5vw;padding:.8vw 1vw}}@media screen and (max-width:1199px)and (min-width:769px){.tryhardgrid .three_general .tile{column-count:2;column-gap:2vw;height:auto}.tryhardgrid .three_general .tile div{page-break-inside:avoid;break-inside:avoid;margin-bottom:.5vw;padding:.8vw 1vw}}@media screen and (max-width:768px){.tryhardgrid .three_general .tile{column-count:1}.tryhardgrid .three_general .tile div{padding:1vw 0 2vw 2vw}}.quote{margin-inline:var(--gutter);height:100vh;display:flex;flex-direction:column;justify-content:center}.quote div div{font-size:clamp(24px,7vw,48px);font-weight:500;text-transform:none;line-height:clamp(28px,8vw,62px)}.quote div div div{display:inline;color:#ee344a}@media screen and (max-width:768px){.about-title{padding:15vh 0 30vh;margin-inline:var(--gutter)}.about-title .about-title-wrapper .img-wrapper{margin-top:290px}.about-title .about-title-wrapper .img-wrapper .img-inner{width:100%}.quote{height:40vh}.s-skill .skill,.s-story .about{top:unset;left:unset;position:relative;margin-bottom:8.333vw}.s-skill .skill span,.s-story .about span{font-size:3.889vw;line-height:3.889vw}.s-story .row3 .paragraph{text-align:left}.s-story .row1,.s-story .row2,.s-story .row3{display:block;margin-left:0;text-align:left}.s-story .row1>div:first-child,.s-story .row2>div:first-child,.s-story .row3>div:first-child{margin:0;display:flex;flex-wrap:wrap}.s-story .row1>div:nth-child(2),.s-story .row2>div:nth-child(2),.s-story .row3>div:nth-child(2){width:auto}.s-story .row1 .img figure,.s-story .row2 .img figure,.s-story .row3 .img figure{order:2;width:100%;margin:4.167vw 0}.s-story .row1 .paragraph div div,.s-story .row2 .paragraph div div,.s-story .row3 .paragraph div div{font-weight:500;color:hsl(206,10%,75%);font-size:4.4vw;padding-bottom:.5vw}.s-skill .tryhardgrid{grid-template-columns:1fr!important;gap:3vw;margin:6vw 0 15vw}.s-skill .tryhardgrid .s-9{margin-bottom:4vh;font-size:clamp(20px,4vw,28px)}.s-skill .tryhardgrid>div{margin-top:6vh}.s-skill .tryhardgrid .editing,.s-skill .tryhardgrid .service,.s-skill .tryhardgrid .three_general{grid-column:unset;grid-row:unset}.tryhardgrid .tile{height:auto!important;min-height:auto!important;padding:4vw 2vw}.tryhardgrid .tile div{padding:1vw 0 2vw 2vw;line-height:1.6;font-size:clamp(18px,4vw,22px)}.tryhardgrid .tile div span{font-size:clamp(12px,2.5vw,16px)}.cv-download-btn .target_box{padding:.5rem 1rem;font-size:clamp(16px,4vw,18px)}}:root{--header-height:3rem;--hue-color:206;--black-color:hsl(var(--hue-color),10%,4%);--black-color-alt:hsl(var(--hue-color),10%,8%);--title-color:hsl(var(--hue-color),10%,95%);--title-color-alt:hsl(var(--hue-color),10%,75%);--text-color:hsl(var(--hue-color),10%,65%);--text-color-alt:hsl(var(--hue-color),10%,45%);--white-color:#fff;--body-color:hsl(var(--hue-color),10%,6%);--container-color:hsl(var(--hue-color),10%,10%);--container-overlay:hsla(var(--hue-color),10%,2%,0.7);--container-overlay-alt:hsla(var(--hue-color),10%,10%,0.1);--scroll-thumb-color:hsl(var(--hue-color),10%,16%);--scroll-thumb-color-alt:hsl(var(--hue-color),10%,20%);--working-color:#ffa53e;--finish-color:#3a8841;--decommission-color:#ff3e3e;--body-font:"Poppins","Apple SD Gothic Neo","Microsoft NeoGothic","Droid sans",sans-serif;--biggest-font-size:5rem;--bigger-font-size:3.5rem;--big-font-size:2.5rem;--h2-font-size:1.25rem;--h3-font-size:1.125rem;--normal-font-size:1rem;--small-font-size:0.813rem;--smaller-font-size:0.75rem;--text-line-height:2rem;--mb-0-5:0.5rem;--mb-0-75:0.75rem;--mb-1:1rem;--mb-1-5:1.5rem;--mb-2:2rem;--mb-2-5:2.5rem;--z-tooltip:10;--z-fixed:100}@media screen and (min-width:968px){:root{--biggest-font-size:7.5rem;--bigger-font-size:4.5rem;--big-font-size:4rem;--h2-font-size:1.5rem;--h3-font-size:1.25rem;--normal-font-size:1rem;--small-font-size:0.875rem;--smaller-font-size:0.813rem}}.dev-title{position:relative;width:100vw;height:55vh;max-height:700px;overflow:hidden;background-position:50%;background-repeat:no-repeat;background-size:cover}.dev-title:before{content:"";background:rgba(14,16,17,.7)}.dev-title .title,.dev-title:before{position:absolute;width:100%;height:100%;z-index:1}.dev-title .title{display:flex;flex-direction:column;justify-content:center;align-items:center}.dev-title .title div{overflow:hidden}.dev-title .title h1{margin:66px 0 10px;font-size:clamp(40px,11vw,64px);font-family:Canyon;text-align:center;line-height:1.1;padding:0 16px}.dev-title .title h6{font-size:18px;font-weight:400;text-transform:none}.dev-title .bg-area{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.content-comp .nav-area{height:100vh;left:0;margin-top:-20px;padding-top:90px;position:sticky;top:0;width:260px;font-family:var(--body-font)}.nav-area .nav-container{height:100%;padding-bottom:30px;width:100%}.nav-area .nav-container .nav-inner{height:100%;width:100%}.nav-area .btn-cancel{display:none;position:absolute;right:15px;top:15px}.btn-cancel{background:#393a40;border-radius:10px;display:inline-block;font-size:0;height:30px;position:relative;text-indent:-9999px;width:30px;z-index:5}.nav-area .nav-items{position:relative;-webkit-user-select:none;user-select:none}.content-comp .nav-area .nav-items .cate-level-1{position:relative}.nav-area .nav-items .cate-level-1>.item{background:rgba(0,0,0,0);border-radius:4px;font-size:18px;font-weight:500;line-height:1.4;margin-bottom:4px;position:relative;transition:all .1s ease;width:100%}.nav-area .nav-items .item.is--on{color:#e8e9ee;font-weight:700}.nav-area .nav-items .cate-level-1.is--open>.item{background:#1f2026}.nav-area .nav-items .cate-level-1>.item span{position:absolute;left:15px}.nav-area .nav-items .level-2-wrap{display:none;margin:6px 0}.nav-area .nav-items .cate-level-1.is--open .level-2-wrap{display:block}.content-comp .nav-area .nav-items .cate-level-1 .level-2-wrap{max-height:400px;overflow-y:auto}.nav-area .nav-items .level-2-wrap .cate-level-2 .item{font-size:16px!important;font-size:16.5px;font-weight:400;line-height:1.4}.nav-area .nav-items .item{color:#78797d;display:inline-block;padding:7px 12px 7px 48px;position:relative;transition:all .1s ease;width:100%;word-break:keep-all;z-index:1}.content-comp{text-align:center;z-index:1;display:flex;justify-content:center;padding:0 var(--gutter);position:relative}.content-comp .content-warpper{display:grid;grid-template-columns:320px 1fr;gap:clamp(24px,3vw,56px);width:100%;max-width:var(--page-max);position:relative;text-align:left}.content-comp .content-area{padding-top:70px;position:relative}.content-comp .item-list>.title{font-weight:700;height:30px;margin-bottom:30px;position:relative;-webkit-user-select:none;user-select:none}.content-comp .item-list.top-group{margin-bottom:40px}.content-area .item-list.top-group .title h1:before{transition:all .15s}.content-area .item-list.top-group:hover .title h1:before{margin-left:0;opacity:1}.content-area .item-list.top-group .title h1:before{content:"🖥️ ";margin-left:-35px;opacity:0}.card-area{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:clamp(16px,1.6vw,30px)}.card-area .card{background:var(--container-color);border-radius:20px;height:380px;width:100%;transition:margin-top .15s;overflow:hidden;font-family:var(--body-font)}.card-area .card:hover{margin-top:-4px}.card-area .card-inner{height:100%;position:relative}.card .card-inner .thumnail{height:160px;width:100%;background-color:var(--container-color);background-position:50%;background-repeat:no-repeat;background-size:30px;position:relative;cursor:pointer;display:inline-block;overflow:hidden;vertical-align:top}.card .card-inner .thumnail img{color:rgba(0,0,0,0);object-position:center;display:block;backface-visibility:hidden;width:100%;height:100%;object-fit:cover;position:absolute;left:0;top:0;filter:saturate(.9)}.title-subtitle-date{height:170px;padding:15px;position:relative;width:100%;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.card .title-subtitle-date .subtitle,.card .title-subtitle-date .title{-webkit-line-clamp:2}.title-subtitle-date .title a{color:var(--title-color-alt);font-size:var(--h3-font-size);font-weight:500;word-break:keep-all;transition:all .15s}.card:hover .title-subtitle-date .title a{color:var(--title-color)}.title-subtitle-date .subtitle{color:var(--text-color-alt);font-size:var(--small-font-size);word-wrap:break-word;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;word-break:keep-all;padding-top:6px;font-weight:500;transition:all .15s}.card:hover .title-subtitle-date .subtitle{color:var(--text-color)}.title-subtitle-date .date{width:100%;bottom:15px;line-height:1.1;position:absolute}.title-subtitle-date .date span{color:var(--text-color);font-size:var(--smaller-font-size);font-weight:400;float:left}.card-inner .tag_category a,.card-inner .tag_category button{color:var(--text-color-alt);font-size:var(--smaller-font-size);font-weight:400;font-family:inherit;float:left;margin-right:10px;transition:all .15s;white-space:normal;padding:5px 10px;border:1px solid var(--scroll-thumb-color);border-radius:1rem;background:rgba(0,0,0,0);cursor:pointer}.card-inner .tag_category a:hover,.card-inner .tag_category button:hover{color:var(--text-color);border-color:var(--text-color)}.card-inner .tag_category{height:50px;padding:13px;border-top:1px solid var(--black-color-alt)}.adver-inner .buy-me-a-coffe-wrapper{position:absolute;width:100%;height:100%;padding:.5rem .75rem;display:flex;gap:1rem;align-items:center;align-content:center}.adver-inner .buy-me-a-coffee-title{color:var(--text-color);font-size:var(--normal-font-size);font-weight:500}.adver-inner .buy-me-a-coffe-wrapper a{display:inline-flex;height:100%;margin-left:auto;background-color:var(--black-color);padding:.5rem 2rem;border-radius:.5rem;white-space:nowrap;transition:.3s}.adver-inner .buy-me-a-coffe-wrapper a:hover{background-color:var(--black-color-alt)}.adver-inner .buy-me-a-coffe-wrapper a:hover svg{animation:coffee 1s ease-in-out}@keyframes coffee{0%{transform:translateZ(0) rotate3d(0,0,0)}15%{transform:translate3d(-12px,0,0) rotate(10deg)}40%{transform:translate3d(10px,0,0) rotate(-8deg)}60%{transform:translate3d(-6px,0,0) rotate(5deg)}80%{transform:translate3d(3px,0,0) rotate(2deg)}to{transform:translateZ(0) rotate3d(0,0,0)}}::-webkit-scrollbar{width:.6rem;border-radius:.5rem}::-webkit-scrollbar-thumb{background-color:var(--scroll-thumb-color);border-radius:.5rem}.hero-comp{z-index:0}.head-wrap{font-family:var(--body-font);left:0;position:absolute;top:70px;-webkit-user-select:none;user-select:none;width:100%;display:none}.head-wrap .head-category-area{left:0;position:absolute;top:0;transition:padding .2s;width:100%}.head-wrap .head-category-area .head-category{font-family:var(--body-font);background:var(--container-color);color:var(--title-color);fill:var(--title-color);font-size:var(--h3-font-size);font-weight:700;border-radius:6px;height:60px;overflow:hidden;padding:0 60px 0 18px;pointer-events:auto;position:relative;text-align:left;text-overflow:ellipsis;transition:none;white-space:nowrap;width:100%;cursor:pointer;z-index:1}.head-wrap .head-category-area .head-category span{display:none}.modal_cate{z-index:100;position:fixed;inset:0;font-family:var(--body-font)}.modal_cate .modal_overlay{position:fixed;inset:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:90}.modal_cate .modal_body{position:relative;height:85%;bottom:-15%;margin:0;z-index:95;display:flex;align-items:center;justify-content:center;outline:none;overflow-y:auto}.modal_cate .modal_body .modal_content{position:relative;max-width:600px;border-radius:6px 6px 0 0;height:100%;width:100%;overflow:hidden auto;background:var(--container-color)}.modal_cate .modal_body .modal_content .modal_overflow-y{padding:30px;height:100%;overflow-y:auto}.modal_cate .modal_body .modal_content .modal_overflow-y .modal_header{position:relative}.modal_cate .modal_body .modal_content .modal_overflow-y .modal_header .mod_header{padding:0;margin-bottom:23.5px;display:flex;align-items:center;justify-content:space-between}.modal_cate .modal_body .modal_content .modal_overflow-y .modal_header .mod_header div{font-size:18px;font-weight:500}.modal_cate .modal_body .modal_content .modal_overflow-y .mod_content{position:relative}.modal_cate .modal_body .modal_content .modal_overflow-y .mod_content .feed_item_list{display:flex;flex-wrap:wrap}.modal_cate .modal_body .modal_content .modal_overflow-y .mod_content .feed_item_list li{display:inline-flex;width:100%;padding:7px 0}.modal_cate .modal_body .modal_content .modal_overflow-y .mod_content .feed_item_list li .item{padding:0 7.5px;position:relative;transition:all .5s ease 0s;display:flex;align-items:center;font-size:24px;font-weight:500;color:var(--text-color-alt)}.modal_cate .modal_body .modal_content .modal_overflow-y .mod_content .feed_item_list li .item.is--on{font-weight:700;color:var(--text-color)}.modal_body hr{margin:16.5px 0 24.5px;border-image:initial;border:none;border-top:1px solid var(--scroll-thumb-color-alt)}@media screen and (max-width:1810px){.content-comp .content-warpper{grid-template-columns:260px 1fr}.content-comp .nav-area{width:230px}.card-adver,.card-area .card{height:340px}.title-subtitle-date{height:130px}.adver-item{height:76px;margin-top:12px}}@media screen and (max-width:1260px){.card-adver{grid-column:2;grid-row:2}.card-adver .adver-header{display:none}}@media screen and (max-width:1024px){.content-comp{padding:40px 20px 0}.content-comp .content-warpper{grid-template-columns:unset}.content-comp .nav-area{display:flex;height:100%;margin-top:0;opacity:0;padding-top:20px;pointer-events:none;position:fixed;transform:translateY(10px);width:100%;z-index:5000}.content-comp .content-area{padding-top:90px}.footer-wrapper{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-left:0;margin-right:0}.head-wrap{display:block;top:0}.head-wrap .head-category-area .head-category span{border-radius:10px;display:inline-block;height:30px;position:absolute;right:16px;top:50%;transform:translateY(-50%);width:30px}.nav-area{display:flex;height:100%;margin-top:0;opacity:0;padding-top:20px;pointer-events:none;position:fixed;transform:translateY(10px);width:100%;z-index:5000}.nav-area.is--open{opacity:1;pointer-events:auto;transform:translateY(0)}}@media screen and (max-width:768px){.content-comp{padding:20px 0 0}.content-warpper{width:100%}.card-area{grid-template-columns:repeat(1,1fr)}.card-area .card{width:100%;min-width:0;height:auto}.content-area>.title{font-size:16px;height:20px;padding:0 20px}}.notion{--notion-max-width:720px;--notion-header-height:$header-height;margin:clamp(80px,8vw,100px) max(3vw,25px) 0;background:unset!important}.notion-frame{padding:0}.notion-page{padding-bottom:max(5vh,32px)!important;line-height:1.65}.index-page{--notion-max-width:900px}.notion-text{padding:.5em 2px}.notion-asset-caption{text-align:center}.notion-asset-wrapper{margin-top:1em;margin-bottom:1em}.notion-asset-wrapper-video video,.notion-asset-wrapper-video>div{width:100%!important}.notion-header .notion-nav-header{max-width:1100px;margin:0 auto;overflow-x:auto}.notion-nav-header-rhs{gap:.5rem}.notion-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));grid-gap:6vmin;gap:6vmin}.notion-gallery-grid .notion-page-icon-inline{display:none}.notion-gallery-grid .notion-page-title-text{font-size:2em;white-space:unset}.notion-gallery-grid .notion-collection-card-property{white-space:unset;text-overflow:unset}.notion-gallery-grid .notion-property-text{font-size:14px}.notion-collection-card{border-radius:16px;box-shadow:none}.notion-collection-card-cover img{border-radius:16px}.notion-collection-card{overflow:visible}.notion-collection-card-cover{border-radius:30px;border-bottom:0;transition:filter .15s linear;filter:none}.notion-collection-card:hover .notion-collection-card-cover{filter:brightness(120%)}.notion-collection-card-body{padding:10px}.notion-quote{padding:.2em .75em;line-height:1.5;font-style:italic;font-size:1.2em;border-left:4px solid #67bdfc}.notion-h1,.notion-h2,.notion-h3{margin-bottom:.25em}.notion-callout{margin:.75em 0}.notion-hr{margin:2em 0}@media only screen and (max-width:920px){.index-page.notion-page{padding-left:2vw;padding-right:2vw}}@media only screen and (max-width:720px){.notion-page{padding-left:2vw;padding-right:2vw}}@media only screen and (max-width:600px){.notion-search-button{display:none!important}}.notion .notion-page-icon-cover{margin-left:auto;margin-right:auto}.notion-title{display:block;text-align:center}.notion-collection-row{padding-bottom:1em}.notion-collection-page-properties .notion-collection-column-title{display:none}.notion-collection-row-property .notion-property{display:flex;justify-content:center}.notion-collection-row-value{display:flex;align-items:center;padding:0;min-height:23px}.notion-page-cover,.notion-page-cover-wrapper{border-radius:30px}.notion-page-cover-wrapper img,.notion-page-cover-wrapper span{max-width:1200px!important;border-radius:24px}@media only screen and (max-width:1200px){.notion-page-cover-wrapper,.notion-page-cover-wrapper img,.notion-page-cover-wrapper span{border-radius:30px}}.notion-block-ab9a258d6cf444f3bb40dc2600feae91 .notion-page-link{justify-content:center;padding:2em}.notion-code{background:#f9fafb}.notion-link{position:relative;transition:unset;opacity:1;border-bottom-width:.1rem;background:rgba(0,0,0,0);background-origin:border-box;background-repeat:no-repeat;background-position:50% 100%;background-size:0 .1rem}.notion-link:focus,.notion-link:hover{border-bottom-color:rgba(0,0,0,0);background-image:linear-gradient(90.68deg,#b439df .26%,#e5337e 102.37%);background-repeat:no-repeat;background-position:0 100%;background-size:100% .1rem;transition-property:background-position,background-size;transition-duration:.3s}.notion-blue_background,.notion-brown_background,.notion-gray_background,.notion-orange_background,.notion-pink_background,.notion-purple_background,.notion-red_background,.notion-teal_background,.notion-yellow_background{padding:0 .5rem;margin:0 -.5rem 0 -.25rem;border-radius:.5rem;border-bottom-left-radius:.125rem;-webkit-box-decoration-break:clone;box-decoration-break:clone;background-color:none;background-image:linear-gradient(119deg,var(--bg-color),#fff697 10.5%,#fdf59d 85.29%,var(--bg-color))}.notion-pink_background,.notion-purple_background{background-image:linear-gradient(119deg,var(--bg-color),#f5b8d1 10.5%,#f9bcd3 85.29%,var(--bg-color))}.notion-blue_background,.notion-gray_background{background-image:linear-gradient(119deg,var(--bg-color),#adedfc 10.5%,#adebfd 85.29%,var(--bg-color))}.notion-orange_background,.notion-red_background{background-image:linear-gradient(119deg,var(--bg-color),#f5c4ff 10.5%,#e7a8fc 85.29%,var(--bg-color))}.notion-teal_background{background-image:linear-gradient(119deg,var(--bg-color),#d4eabc 10.5%,#d2eabc 85.29%,var(--bg-color))}.notion-brown_background{background-image:linear-gradient(119deg,var(--bg-color),#96b8ec 10.5%,#a6c3f0 85.29%,var(--bg-color))}.dark-mode .notion-blue_background,.dark-mode .notion-brown_background,.dark-mode .notion-gray_background,.dark-mode .notion-orange_background,.dark-mode .notion-pink_background,.dark-mode .notion-purple_background,.dark-mode .notion-red_background,.dark-mode .notion-teal_background,.dark-mode .notion-yellow_background{padding:0;margin:0;border-radius:0;background:none!important}.notion-page-icon-hero.notion-page-icon-image{border-radius:50%;box-shadow:0 8px 40px 0 rgba(0,0,0,.21)}.notion-page-icon-hero.notion-page-icon-image img,.notion-page-icon-hero.notion-page-icon-image span{border-radius:50%}.notion-header{background:hsla(0,0%,100%,.8);-webkit-backdrop-filter:saturate(180%) blur(16px);backdrop-filter:saturate(180%) blur(16px)}.dark-mode .notion-header{background:rgba(0,0,0,0);box-shadow:inset 0 -1px 0 0 rgba(0,0,0,.1);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}@-moz-document url-prefix(){.dark-mode .notion-header{background:hsla(203,8%,20%,.8)}}.notion-bookmark:hover{border-image:linear-gradient(90.68deg,#b439df .26%,#e5337e 102.37%);border-image-slice:1}.notion-block-ab9a258d6cf444f3bb40dc2600feae91 .notion-column{padding:0}.notion-block-260baa77f1e1428b97fb14ac99c7c385{display:none}.notion-search .searchBar{box-shadow:var(--fg-color-0) 0 1px 0}.notion-search .noResults{color:var(--fg-color-3)}.notion-search .noResultsDetail{color:var(--fg-color-2)}.notion-equation.notion-equation-block{align-items:center}.notion-code{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem;padding:1.5em!important}.dark-mode .notion-code{background-color:#111827;border-color:#374151}.notion code{color:#1f2937;border:0!important;box-shadow:none!important;background:none!important;padding:0!important}.dark-mode .notion code{color:#e5e7eb}.dark-mode .notion .notion-inline-code{background:#474c50!important;color:#ff4081;padding:.2em .4em!important}.notion .notion-inline-code{color:#ff4081;background:rgba(127,122,107,.1)!important;padding:.2em .4em!important}.token.cdata,.token.doctype,.token.prolog{color:#374151}.token.comment{color:#5b9b4c}.dark-mode .token.cdata,.dark-mode .token.doctype,.dark-mode .token.prolog{color:#d1d5db}.token.punctuation{color:#374151}.dark-mode .token.punctuation{color:#d1d5db}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#10b981}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#8b5cf6}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#f59e0b}.token.atrule,.token.attr-value,.token.keyword{color:#3b82f6}.token.class-name,.token.function{color:#ec4899}.token.important,.token.regex,.token.variable{color:#f59e0b}.token.entity,.token.operator,.token.url,.token.variable{background:none}.notion-aside-table-of-contents{background:rgba(0,0,0,0)!important;border:none!important;padding:0!important;box-shadow:none!important}.notion-aside-table-of-contents-header{display:none!important}.notion-table-of-contents{position:sticky;top:2rem;background:rgba(10,12,16,.6);border-radius:16px;padding:1.5rem;margin:3rem 2rem 3rem 0;border:1px solid hsla(0,0%,100%,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-height:70vh;overflow-y:auto;box-shadow:0 4px 24px rgba(0,0,0,.4)}.notion-table-of-contents:before{content:"TABLE OF CONTENTS";display:block;font-weight:600;font-size:.7rem;letter-spacing:.15em;margin:0 0 1rem;color:hsla(0,0%,100%,.5);padding-bottom:1rem;border-bottom:1px solid hsla(0,0%,100%,.1);font-family:var(--font-custom),monospace}.dark-mode .notion-table-of-contents{background:rgba(10,12,16,.8);border:1px solid hsla(0,0%,100%,.08)}.dark-mode .notion-table-of-contents:before{border-bottom:1px solid hsla(0,0%,100%,.1)}.notion-table-of-contents-item{display:block;padding:.65rem 1rem;border-radius:8px;transition:all .15s ease;text-decoration:none;border-left:2px solid rgba(0,0,0,0);margin:.25rem 0;position:relative}.notion-table-of-contents-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:#ee344a;transform:scaleY(0);transition:transform .15s ease;border-radius:2px 0 0 2px}.notion-table-of-contents-item:hover{background:hsla(0,0%,100%,.03)}.notion-table-of-contents-item:hover:before{transform:scaleY(1)}.dark-mode .notion-table-of-contents-item:hover{background:hsla(0,0%,100%,.03)}.notion-table-of-contents-item-body{font-size:.85rem;line-height:1.5;color:hsla(0,0%,100%,.6);font-weight:400;transition:color .15s ease}.notion-table-of-contents-item:hover .notion-table-of-contents-item-body{color:hsla(0,0%,100%,.9)}.notion-table-of-contents-item[data-level="1"]{padding-left:1rem;font-weight:500}.notion-table-of-contents-item[data-level="1"] .notion-table-of-contents-item-body{font-size:.875rem}.notion-table-of-contents-item[data-level="2"]{padding-left:1.75rem}.notion-table-of-contents-item[data-level="2"] .notion-table-of-contents-item-body{font-size:.813rem;opacity:.85}.notion-table-of-contents-item[data-level="3"]{padding-left:2.5rem}.notion-table-of-contents-item[data-level="3"] .notion-table-of-contents-item-body{font-size:.75rem;opacity:.7}.notion-table-of-contents-item.notion-table-of-contents-active-item{background:rgba(238,52,74,.08)}.notion-table-of-contents-item.notion-table-of-contents-active-item:before{transform:scaleY(1)}.notion-table-of-contents-item.notion-table-of-contents-active-item .notion-table-of-contents-item-body{color:#ee344a;font-weight:500}.notion-table-of-contents::-webkit-scrollbar{width:3px}.notion-table-of-contents::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.notion-table-of-contents::-webkit-scrollbar-thumb{background:rgba(238,52,74,.3);border-radius:0}.dark-mode .notion-table-of-contents::-webkit-scrollbar-thumb{background:rgba(238,52,74,.3)}.notion-table-of-contents::-webkit-scrollbar-thumb:hover{background:rgba(238,52,74,.5)}@media only screen and (max-width:1200px){.notion-table-of-contents{margin:2rem 1rem}}@media only screen and (max-width:768px){.notion-table-of-contents{position:relative;top:auto;max-height:300px;margin:2rem 0;padding:1.25rem}.notion-table-of-contents-item{padding:.5rem 1rem}.notion-table-of-contents-item[data-level="1"]{padding-left:1rem}.notion-table-of-contents-item[data-level="2"]{padding-left:1.5rem}.notion-table-of-contents-item[data-level="3"]{padding-left:2rem}}body,html{padding:0;margin:0;font-family:var(--font-helvetica-now-display),var(--font-canyon),var(--font-custom),sans-serif}@font-face{font-family:helveticaNowDisplay;src:url(/_next/static/media/d27d7b7339b38808-s.p.woff) format("woff");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:helveticaNowDisplay;src:url(/_next/static/media/da600b1bf5267f28-s.p.woff) format("woff");font-display:swap;font-weight:500;font-style:normal}@font-face{font-family:helveticaNowDisplay;src:url(/_next/static/media/4aca5044cfd36cfd-s.p.woff) format("woff");font-display:swap;font-weight:600;font-style:normal}@font-face{font-family:helveticaNowDisplay;src:url(/_next/static/media/624d51415d9621f2-s.p.woff) format("woff");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:helveticaNowDisplay Fallback;src:local("Arial");ascent-override:115.66%;descent-override:37.51%;line-gap-override:0.00%;size-adjust:95.97%}.__className_4e63c5{font-family:helveticaNowDisplay,helveticaNowDisplay Fallback}.__variable_4e63c5{--font-helvetica-now-display:"helveticaNowDisplay","helveticaNowDisplay Fallback"}@font-face{font-family:canyon;src:url(/_next/static/media/a03e1896734309f8-s.p.woff2) format("woff2");font-display:swap;font-weight:900;font-style:normal}@font-face{font-family:canyon Fallback;src:local("Arial");ascent-override:59.00%;descent-override:15.53%;line-gap-override:12.42%;size-adjust:161.01%}.__className_0a180f{font-family:canyon,canyon Fallback;font-weight:900;font-style:normal}.__variable_0a180f{--font-canyon:"canyon","canyon Fallback"}@font-face{font-family:customFont;src:url(/_next/static/media/83004e50f270a862-s.p.woff) format("woff");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:customFont Fallback;src:local("Arial");ascent-override:68.45%;descent-override:22.82%;line-gap-override:0.00%;size-adjust:109.58%}.__className_3bada6{font-family:customFont,customFont Fallback;font-weight:400;font-style:normal}.__variable_3bada6{--font-custom:"customFont","customFont Fallback"}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/edc640959b0c7826-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/ac0e76ddaeeb7981-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/64d784ea54a4acde-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/ff71da380fbe67dd-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/6d831b18ae5b01dc-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/558ca1a6aa3cb55e-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/edc640959b0c7826-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/ac0e76ddaeeb7981-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/64d784ea54a4acde-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/ff71da380fbe67dd-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/6d831b18ae5b01dc-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/558ca1a6aa3cb55e-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:JetBrains Mono Fallback;src:local("Arial");ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.00%;size-adjust:134.59%}.__className_6d24ac{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.__variable_6d24ac{--font-mono:"JetBrains Mono","JetBrains Mono Fallback"}