@charset "UTF-8";*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,ul,ol,li,textarea{margin:0;padding:0}ul,ol{list-style:none}button,input,select,textarea{border:none;background:none;font:inherit;color:inherit;outline:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}button{all:unset;cursor:pointer}a{text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}table{border-collapse:collapse;border-spacing:0}body{line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Montserrat,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:1rem;color:#e1dad2;font-weight:400}h1,h2,h3,h4,h5,h6{font-family:Montserrat,-apple-system,BlinkMacSystemFont,system-ui,sans-serif}h1{font-size:clamp(2rem,4vw,2.5rem);font-weight:700}h2{font-size:clamp(1.75rem,3.5vw,2rem);font-weight:600}h3{font-size:clamp(1.5rem,3vw,1.75rem);font-weight:600}h4{font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:500}h5{font-size:clamp(1.125rem,2vw,1.25rem);font-weight:500}h6{font-size:clamp(1rem,1.5vw,1.125rem);font-weight:500}html,body{min-height:100%;overflow-x:hidden;background:linear-gradient(190deg,#040404 25%,#1a201e 50%,#b58971)}.main-layout{overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column;padding-top:120px}main{z-index:2;min-height:80vh;flex:1}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#040404}::-webkit-scrollbar-thumb{background:#3e433c;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#d13221}.header{z-index:100;position:fixed;top:0;left:0;width:100%;height:120px;transition:height .5s ease}.header--scrolled{height:50px;background:#040404;transition:height .5s ease,background-color .3s ease .4s}.header--scrolled .header__logo-jisun{transform:translateY(10px);opacity:0}.header--scrolled .header__logo-ju-dot{transform:translateY(0);opacity:0}.header--scrolled .header__logo-sunny:after{content:" JU";animation:slideInRight .2s ease-in-out .2s both;display:inline-block}.header__content{max-width:1400px;height:100%;margin:0 auto;padding:1rem;display:flex;justify-content:space-between;align-items:center}.header__logo{color:#b58971;font-weight:700}.header__logo-text{display:flex;flex-direction:column;align-items:flex-start;position:relative}.header__logo-jisun,.header__logo-sunny,.header__logo-ju-dot{transition:all .6s cubic-bezier(.4,0,.2,1);white-space:nowrap;line-height:1.2}.header__logo-jisun,.header__logo-sunny{transform:translate(0);opacity:1}.header__logo-sunny:after{content:"";transition:all .6s ease-in-out}.header__logo-ju-dot{transform:translate(0);opacity:1}.header__actions{display:flex;align-items:center;gap:1rem}.header__button{font-size:.875rem;color:#040404;background:#d13221;font-weight:600;padding:.2rem .7rem;border-radius:6px;transition:background .3s ease}.header__button:hover{background:#8b1103}.header__button--scrolled{padding:0 .7rem;transition:.5s ease}@keyframes slideInRight{0%{transform:translate(-20px);opacity:0}to{transform:translate(10px);opacity:1}}@media (min-width: 768px){.header__logo{font-size:1.5rem}.header__button{font-size:1rem}}.header-navigation{display:none;gap:2rem;align-items:center}.header-navigation ul{display:flex;gap:2rem}.header-navigation__link{color:#b58971;font-weight:500;position:relative}.header-navigation__link:before{content:"";position:absolute;bottom:-8px;left:0;width:100%;height:1px;background-color:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.header-navigation__link:hover:before{transform:scaleX(1)}.header-navigation__link.active:before{transform:scaleX(1);color:#d13221}.header-navigation__link--active:before{transform:scaleX(1);color:#d13221}.header-navigation__icons{display:flex;gap:1rem;align-items:center}.header-navigation__button{color:#040404;background:#d13221;font-weight:600;padding:.2rem .7rem;border-radius:6px;transition:background .3s ease}.header-navigation__button:hover{background:#8b1103}.header-navigation__button--scrolled{padding:0 .7rem;transition:.5s ease}@media (min-width: 768px){.header-navigation{display:flex}}.navigation-dropdown__hamburger{z-index:300;display:block;position:relative;width:25px;height:25px;background:transparent;border:none;cursor:pointer}.navigation-dropdown__hamburger svg{width:100%;height:100%}.navigation-dropdown__hamburger .cls-1{fill:#b58971;transition:all .4s cubic-bezier(.4,0,.2,1)}.navigation-dropdown__hamburger--open .cls-1{fill:#d13221}.navigation-dropdown__hamburger--open #Rec-1,.navigation-dropdown__hamburger--open #Rec-3,.navigation-dropdown__hamburger--open #Rec-5,.navigation-dropdown__hamburger--open #Rec-7,.navigation-dropdown__hamburger--open #Rec-9{opacity:1;fill:#d13221}.navigation-dropdown__hamburger--open #Rec-2,.navigation-dropdown__hamburger--open #Rec-4,.navigation-dropdown__hamburger--open #Rec-6,.navigation-dropdown__hamburger--open #Rec-8{opacity:0}.navigation-dropdown__overlay{z-index:250;position:fixed;inset:0;width:100%;background:#040404d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform:translate(100%);transition:transform .3s ease-in-out;display:block;overflow:hidden}.navigation-dropdown__overlay--open{transform:translate(0)}.navigation-dropdown__menu{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;padding:0 3rem 5rem 0;overflow-y:auto}.navigation-dropdown__menu ul{text-align:end;width:80%}.navigation-dropdown__menu li{margin:2rem 0}.navigation-dropdown__link{color:#e1dad2;font-size:2rem;font-weight:300;letter-spacing:2px;transition:color .3s ease;padding:0}.navigation-dropdown__link:hover{color:#b58971}.navigation-dropdown__link:before{display:none}.navigation-dropdown__contact{text-align:end;position:relative}.navigation-dropdown__contact-wrapper{position:absolute;display:flex;flex-direction:column;gap:1rem;overflow:hidden}.navigation-dropdown__contact-line{margin-top:1rem;width:100%;height:1px;background-color:#d13221}.navigation-dropdown__contact-list{display:flex;align-items:center;justify-content:flex-end;gap:2rem}.navigation-dropdown__contact-list a{display:flex;align-items:center;gap:.5rem}.navigation-dropdown__contact-subtitle{font-weight:500;font-size:1.25rem;display:none}.navigation-dropdown__contact-arrow{width:20px}.navigation-dropdown__email-container{gap:1rem;color:#b58971;display:flex;justify-content:center;align-items:center}.navigation-dropdown__email-address{font-size:1.25rem;position:relative}.navigation-dropdown__email-address:before{content:"";position:absolute;bottom:-8px;left:0;width:100%;height:1px;background-color:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.navigation-dropdown__email-address:hover:before{transform:scaleX(1)}.navigation-dropdown__email-address.active:before{transform:scaleX(1);color:#d13221}.navigation-dropdown__social-wrapper{display:flex;gap:1rem}.navigation-dropdown__social-icon{display:flex;align-items:center;color:#d13221;font-weight:600;background-color:#040404;width:36px;height:36px;border-radius:5px;justify-content:center;transition:all .3s ease}.navigation-dropdown__social-icon:hover{background-color:#d13221;color:#040404}@media (min-width: 768px){.navigation-dropdown__contact .navigation-dropdown__link{pointer-events:none}.navigation-dropdown__menu{align-items:center}.navigation-dropdown__contact-wrapper{min-width:400px;width:100%}.navigation-dropdown__contact-subtitle{display:block}.navigation-dropdown__hamburger{display:none}.navigation-dropdown__hamburger--contact-mode{z-index:301;display:block;position:fixed;top:50px;right:50px}.navigation-dropdown__header{display:flex}}.animated-arrow__icon{fill:#d13221;width:36px;height:36px}.footer{z-index:1;margin-top:8rem;width:100%;color:#1a201e}.footer__wrapper{display:flex;flex-direction:column;gap:1rem}.footer__wrapper{max-width:1400px;margin:0 auto;padding:0 .75rem}@media (min-width: 768px){.footer__wrapper{padding:0 1rem}}@media (min-width: 1025px){.footer__wrapper{padding:0 1.5rem}}@media (min-width: 1280px){.footer__wrapper{padding:0 2rem}}.footer__social-wrapper{display:flex;justify-content:flex-end;gap:.8rem}.footer__social-icon{display:flex;align-items:center;color:#d13221;font-weight:600;background-color:#040404;width:36px;height:36px;border-radius:5px;justify-content:center;transition:all .3s ease}.footer__social-icon:hover{background-color:#d13221;color:#040404}.footer__text{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;line-height:1.2}.footer__title{font-size:2rem;font-weight:600}.footer__subtitle{font-size:1.25rem;font-weight:500}.footer__copyright{font-size:.875rem}.footer__divider{height:1px;background-color:#1a201e}.footer__link{gap:2rem;margin-bottom:3rem;display:flex;justify-content:space-between;align-items:center}.footer__logo{display:inline-block;background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='Layer_2'%20data-name='Layer%202'%20xmlns='http://www.w3.org/2000/svg'%20width='288.02'%20height='56.46'%20viewBox='0%200%20288.02%2056.46'%3e%3cdefs%3e%3cstyle%3e%20.cls-1%20{%20fill:%20%231a201e;%20}%20%3c/style%3e%3c/defs%3e%3cg%20id='Layer_1-2'%20data-name='Layer%201'%3e%3cg%3e%3cpath%20class='cls-1'%20d='M0,49.87l3.53-7.92c4.39,3.53,11.37,6.04,18.11,6.04,8.55,0,12.15-3.06,12.15-7.14,0-11.84-32.62-4.08-32.62-24.47C1.18,7.53,8.23,0,23.29,0c6.59,0,13.49,1.73,18.27,4.86l-3.21,7.92c-4.94-2.9-10.35-4.31-15.13-4.31-8.47,0-11.92,3.29-11.92,7.45,0,11.68,32.54,4.08,32.54,24.23,0,8.78-7.14,16.31-22.19,16.31-8.55,0-17.09-2.67-21.64-6.59Z'/%3e%3cpath%20class='cls-1'%20d='M53.48,31.76V.78h10.19v30.58c0,11.29,5.1,16.15,13.96,16.15s13.88-4.86,13.88-16.15V.78h10.04v30.97c0,16-9.02,24.7-23.99,24.7s-24.07-8.7-24.07-24.7Z'/%3e%3cpath%20class='cls-1'%20d='M164.6.78v54.89h-8.39l-30.27-37.17v37.17h-10.12V.78h8.39l30.27,37.17V.78h10.12Z'/%3e%3cpath%20class='cls-1'%20d='M228.11.78v54.89h-8.39l-30.27-37.17v37.17h-10.12V.78h8.39l30.27,37.17V.78h10.12Z'/%3e%3cpath%20class='cls-1'%20d='M266.54,36.31v19.37h-10.19v-19.21L234.78.78h10.9l16.07,26.74L277.99.78h10.04l-21.49,35.52Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");background-repeat:no-repeat;background-size:contain;background-position:center;width:100%;height:90px}.footer__contact-section{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:1.5rem;margin-bottom:4rem;line-height:1.2}.footer__contact-section h2{color:#040404;font-size:1.5rem}.footer__contact-form{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;width:100%;color:#1a201e}.footer__contact-form--expanded textarea.footer__contact-input{min-height:150px;background-color:#e1dad2}.footer__contact-input{width:100%;min-height:50px;background-color:#04040466;padding:.5rem 1rem;border-radius:10px}.footer__contact-input:focus{background-color:#e1dad2}.footer__contact-input::placeholder{color:#e1dad280}.footer__contact-input:-webkit-autofill,.footer__contact-input:-webkit-autofill:hover,.footer__contact-input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px #e1dad2 inset!important;box-shadow:0 0 0 1000px #e1dad2 inset!important;-webkit-text-fill-color:#1a201e!important}.footer__contact-button{width:100%;text-align:center;align-self:flex-start;background-color:#040404;color:#d13221;font-weight:500;padding:1rem 0;border-radius:10px;transition:background-color .2s ease-in-out;transition:all .3s ease}.footer__contact-button:hover{color:#8b1103}.footer__contact-button--sending{color:#b58971}.footer__contact-button--success{color:#e1dad2}.footer__contact-button--error{background-color:#d13221;color:#040404}input.footer__contact-input{width:100%}textarea.footer__contact-input{resize:vertical;transition:min-height .1s ease;width:100%}textarea.footer__contact-input:focus{min-height:150px}textarea.footer__contact-input::placeholder{padding-top:.6rem}@media (min-width: 768px){.footer{margin-top:10rem}.footer__title{font-size:2.5rem}.footer__subtitle{font-size:2rem}.footer__social-wrapper svg{width:32px;height:32px}.footer__divider{margin-bottom:1.5rem}.footer__copyright{font-size:1rem;margin-top:1rem}.footer__logo{height:150px}.footer__contact-section{gap:2rem;margin-bottom:6rem}.footer__contact-form{flex-direction:row}.footer__contact-input{min-height:60px}.footer__contact-button{padding:1.3rem 0;width:15%}input.footer__contact-input{width:60%}textarea.footer__contact-input::placeholder{padding-top:.7rem}}@media (min-width: 1025px){.footer{margin-top:13rem}.footer__social-wrapper svg{width:36px;height:36px}.footer__logo{height:260px}.footer__contact-section{margin-bottom:7rem}.footer__contact-section h2{font-size:2rem}}.footer-navigation{display:flex;flex-direction:row;color:#1a201e;font-weight:500;gap:2rem}.footer-navigation__link{position:relative}.footer-navigation__link:before{content:"";position:absolute;bottom:-8px;left:0;width:100%;height:1px;background-color:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.footer-navigation__link:hover:before{transform:scaleX(1)}.footer-navigation__link.active:before{transform:scaleX(1);color:#d13221}.footer-navigation__link--highlight{color:#e1dad2;text-align:left;position:relative}.footer-navigation__link--highlight:before{content:"";position:absolute;bottom:-8px;left:0;width:100%;height:1px;background-color:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.footer-navigation__link--highlight:hover:before{transform:scaleX(1)}.footer-navigation__link--highlight.active:before{transform:scaleX(1);color:#d13221}.footer-navigation__col{display:flex;flex-direction:column;align-items:flex-start;gap:.6rem}@media (min-width: 768px){.footer-navigation{margin-bottom:0rem;gap:3rem;font-size:1.25rem}.footer-navigation__col{display:flex;flex-direction:row;gap:3rem}}@media (min-width: 1025px){.footer-navigation{margin-bottom:0rem;gap:3rem}.footer-navigation__col{display:flex;flex-direction:row;gap:3rem}}.background-animation{z-index:0;position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none}.background-animation__line-set{position:absolute;width:clamp(300px,25vw,500px);height:100%}.background-animation__line-set svg{width:100%;height:100%}.background-animation__line-set svg path{stroke:#b5897126;stroke-width:1.2;fill:none}.background-animation__line-set--left{left:clamp(0px,-10vw,50px)}.background-animation__line-set--right{right:clamp(-60px,-10vw,50px);display:none}.background-animation__blur{width:1.5px;height:30px;fill:#b58971;filter:blur(2px)}@media (min-width: 768px){.background-animation__line-set--left{left:5vw}.background-animation__line-set--right{display:block}}.home-wrapper{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}@media (max-width: 1024px){.home-wrapper{grid-template-columns:repeat(8,1fr);gap:1rem}}@media (max-width: 767px){.home-wrapper{grid-template-columns:repeat(4,1fr);gap:.75rem}}.home-wrapper{max-width:1400px;margin:0 auto;padding:0 .75rem}@media (min-width: 768px){.home-wrapper{padding:0 1rem}}@media (min-width: 1025px){.home-wrapper{padding:0 1.5rem}}@media (min-width: 1280px){.home-wrapper{padding:0 2rem}}.home-wrapper__hero{grid-column:1/-1;margin-top:1rem;text-align:center;line-height:1.2}.home-wrapper__hero h1{color:#d13221;font-size:2.5rem}.home-wrapper__hero h2{margin-top:1.5rem;color:#8b1103;font-size:1.25rem}.home-wrapper__hero p{margin-top:1rem;font-weight:500}.home-wrapper__hero-lastname{display:inline}.home-wrapper__hero-clock{margin-top:2rem}.home-wrapper__arrow{grid-column:1/-1}.home-wrapper__arrow--top-mobile{margin:3rem auto 0}.home-wrapper__arrow--top-desktop{display:none}.home-wrapper__arrow--bottom-mobile{margin:2rem auto 0}.home-wrapper__arrow--bottom-desktop{margin:1rem auto 0;display:none}.home-wrapper__face{grid-column:1/-1;margin:0 auto;display:flex;justify-content:center;align-items:center}.home-wrapper__face-container{width:90%;max-width:90%}.home-wrapper__sublinks{grid-column:1/-1;display:flex;flex-direction:column;align-items:flex-end;margin:3rem auto 0;gap:1rem}.home-wrapper__sublinks-item{display:inline-flex;align-items:center;gap:1rem}.home-wrapper__sublinks-arrow svg{fill:#b58971;width:20px}.home-wrapper__sublinks-link{font-size:1.25rem;color:#b58971;-webkit-user-select:none;user-select:none;position:relative}.home-wrapper__sublinks-link:before{content:"";position:absolute;bottom:-8px;left:0;width:100%;height:1px;background-color:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.home-wrapper__sublinks-link:hover:before{transform:scaleX(1)}.home-wrapper__sublinks-link.active:before{transform:scaleX(1);color:#d13221}.home-wrapper__projects{grid-column:1/-1}.home-wrapper__projects--mobile{margin:4rem 0 0}.home-wrapper__projects--desktop{display:none;margin:8rem 0 0}@media (min-width: 768px){.home-wrapper__hero-lastname,.home-wrapper__arrow--top-mobile,.home-wrapper__arrow--bottom-mobile{display:none}.home-wrapper__arrow--bottom-desktop{display:block}.home-wrapper__hero{grid-column:1/3;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;text-align:end}.home-wrapper__hero h1{font-size:2.5rem}.home-wrapper__hero h2{font-size:1rem}.home-wrapper__hero-clock{margin-top:1.7rem}.home-wrapper__face{grid-column:3/7;margin:5rem 0 2rem}.home-wrapper__face-container{width:90%;max-width:90%}.home-wrapper__sublinks{align-items:flex-start;justify-content:center;grid-column:7/9}.home-wrapper__sublinks-link{font-size:1rem}}@media (min-width: 1025px){.home-wrapper__projects--mobile{display:none}.home-wrapper__projects--desktop{display:block}.home-wrapper__arrow--top-desktop{grid-column:10/11;display:flex;justify-content:flex-start;align-items:center;margin-top:4rem}.home-wrapper__hero{grid-column:1/4}.home-wrapper__hero h1{text-align:end;font-size:4rem}.home-wrapper__hero h2{font-size:1.5rem}.home-wrapper__hero p{font-size:1.25rem}.home-wrapper__face{grid-column:4/10;margin:5rem 0 2rem}.home-wrapper__face-container{width:80%;max-width:80%}.home-wrapper__sublinks{grid-column:11/13}.home-wrapper__sublinks-link{font-size:1.25rem}}.face-wrapper{display:flex;justify-content:center;align-items:center}.face-wrapper__svg{width:80%}.face-wrapper__modal{z-index:700;position:fixed;top:25%;left:30%;transform:translate(-50%,-50%);pointer-events:none;max-width:400px;padding:1.2rem 1.8rem;background:#04040480;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#b58971;border-radius:16px;border:1px solid rgba(181,137,113,.2);box-shadow:0 25px 80px #04040499}.face-wrapper__modal p{margin:0}.project-accordion{display:flex;flex-direction:column}.project-accordion__heading{display:flex;padding:1rem 0;border-bottom:solid 1px #b58971;color:#b58971}.project-accordion__item{display:grid;grid-template-columns:1fr 1fr;padding:1rem 0;gap:1rem;border-bottom:solid 1px #b58971;cursor:pointer}.project-accordion__item span:nth-child(1){font-weight:500;font-size:1.25rem;grid-column:1/2;text-align:start}.project-accordion__item span:nth-child(2){grid-column:2/-1;text-align:end}.project-accordion__title{display:flex;align-items:center;justify-content:flex-start;-webkit-user-select:none;user-select:none}.project-accordion__view-link{display:flex;align-items:center;justify-content:flex-end;gap:1rem;color:#d13221;font-weight:500}.project-accordion__arrow{width:20px}.project-accordion__preview{display:flex;flex-direction:column;gap:1.5rem;grid-column:1/-1;padding:1rem 0;overflow:hidden}.project-accordion__img-wrapper{border-radius:10px;position:relative;overflow:hidden}.project-accordion__img-wrapper img{object-fit:cover;width:100%;height:100%}.project-accordion__text-wrapper{display:flex;flex-direction:column;gap:1rem;color:#b58971}@media (min-width: 768px){.project-accordion__preview{flex-direction:row}.project-accordion__img-wrapper,.project-accordion__text-wrapper{flex:1}}.project-split-view{gap:8rem;position:relative;display:flex;justify-content:center;align-items:center}.project-split-view__preview{aspect-ratio:5/3;width:50%;border-radius:20px;-webkit-user-select:none;user-select:none;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:inset 0 0 50px #04040480;background:#1a201e03;position:relative;overflow:hidden}.project-split-view__preview-img{transition:transform .3s ease;object-fit:cover;width:100%;height:100%}.project-split-view__preview-img:hover{transform:scale(1.2)}.project-split-view__list{display:flex;flex-direction:column;height:100%;width:50%}.project-split-view__list-heading-wrapper{display:flex;padding:1rem 0;border-bottom:solid 1px #b58971;color:#b58971}.project-split-view__list-heading{font-size:2.5rem}.project-split-view__list-item{display:grid;grid-template-columns:1fr 1fr;min-height:70px;align-items:center;cursor:pointer;gap:1rem;padding:1rem 0;border-bottom:solid 1px #b58971}.project-split-view__list-item span:nth-child(1){font-weight:500;font-size:1.25rem;grid-column:1/2;text-align:start}.project-split-view__list-item span:nth-child(2){grid-column:2/-1;text-align:end}.project-split-view__project-title{display:flex;align-items:center;justify-content:flex-start}.project-split-view__view-link{display:flex;align-items:center;justify-content:flex-end;gap:1rem;color:#d13221;font-weight:500}.project-split-view__arrow{width:20px}.vancouver-clock{display:flex;justify-content:center;align-items:center}.vancouver-clock__container{gap:.5rem;padding:.5rem 1rem;background-color:#040404;border:solid .5px rgba(181,137,113,.4);border-radius:50px;font-size:.75rem;font-weight:500;width:235px;display:flex;justify-content:center;align-items:center}.vancouver-clock__place-wrapper{display:flex;justify-content:center;align-items:center}.vancouver-clock__icon{min-width:12px;margin-right:1rem}.vancouver-clock__icon svg{fill:#d13221;animation:spinY 3s ease-in-out infinite}.vancouver-clock__place{justify-content:center;display:flex;flex-direction:column;align-items:center}.vancouver-clock__location{color:#b58971}.vancouver-clock__divider{color:#b589714d}.vancouver-clock__time-wrapper{justify-content:center;display:flex;flex-direction:column;align-items:center}.vancouver-clock__time{color:#d13221;letter-spacing:1px}@keyframes spinY{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@media (min-width: 768px){.vancouver-clock__container{flex-direction:column;width:180px}.vancouver-clock__divider{display:none}.vancouver-clock__place,.vancouver-clock__time-wrapper{flex-direction:row;gap:.3rem}}@media (min-width: 1025px){.vancouver-clock__container{flex-direction:row;gap:.9rem;padding:.6rem 1rem;font-size:.875rem;width:275px}.vancouver-clock__divider{display:block}.vancouver-clock__place,.vancouver-clock__time-wrapper{flex-direction:column;letter-spacing:.5px}}.projects-wrapper{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}@media (max-width: 1024px){.projects-wrapper{grid-template-columns:repeat(8,1fr);gap:1rem}}@media (max-width: 767px){.projects-wrapper{grid-template-columns:repeat(4,1fr);gap:.75rem}}.projects-wrapper{max-width:1400px;margin:0 auto;padding:0 .75rem}@media (min-width: 768px){.projects-wrapper{padding:0 1rem}}@media (min-width: 1025px){.projects-wrapper{padding:0 1.5rem}}@media (min-width: 1280px){.projects-wrapper{padding:0 2rem}}.projects-wrapper__title{grid-column:1/-1;display:flex;justify-content:flex-start;align-items:center;margin-top:4rem;gap:1rem}.projects-wrapper__title h1{font-size:2rem}.projects-wrapper__title-highlight{color:#d13221}.projects-wrapper__list{grid-column:1/-1}.projects-wrapper__list--mobile{margin-top:3rem}.projects-wrapper__list--desktop{margin-top:7rem;display:none}@media (min-width: 768px){.projects-wrapper__list--mobile{margin-top:4rem}.projects-wrapper__title{gap:2rem}.projects-wrapper__title h1{font-size:3.5rem}}@media (min-width: 1025px){.projects-wrapper__list--mobile{display:none}.projects-wrapper__list--desktop{display:block}}.about-wrapper{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}@media (max-width: 1024px){.about-wrapper{grid-template-columns:repeat(8,1fr);gap:1rem}}@media (max-width: 767px){.about-wrapper{grid-template-columns:repeat(4,1fr);gap:.75rem}}.about-wrapper{max-width:1400px;margin:0 auto;padding:0 .75rem}@media (min-width: 768px){.about-wrapper{padding:0 1rem}}@media (min-width: 1025px){.about-wrapper{padding:0 1.5rem}}@media (min-width: 1280px){.about-wrapper{padding:0 2rem}}.about-wrapper__highlight{color:#d13221}.about-wrapper__hero{grid-column:1/-1;border-radius:50px 50px 0 0;overflow:hidden;display:grid;place-items:center;position:relative;height:85vh}.about-wrapper__hero-picture{grid-area:1/1;height:100%;width:100%;position:relative;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:inset 0 0 50px #04040480;background:#1a201e03}.about-wrapper__hero-picture .loading-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.about-wrapper__hero-picture .spinner{width:40px;height:40px;border:3px solid rgba(62,67,60,.3);border-top-color:#d13221;border-radius:50%;animation:spin .8s linear infinite}.about-wrapper__hero-image--mobile{height:100%;width:100%;object-fit:cover;object-position:center top}.about-wrapper__hero-content--desktop{grid-column:1/-1;display:none}.about-wrapper__hero-content--mobile{grid-area:1/1;padding:5rem 0 1.5rem;height:100%;justify-content:space-between;z-index:1;font-size:2rem;font-weight:700;display:flex;flex-direction:column;align-items:center}.about-wrapper__hero-heading--desktop,.about-wrapper__hero-heading--mobile{display:flex;flex-direction:column;align-items:center}.about-wrapper__intro-title{grid-column:1/-1;margin:5rem 0}.about-wrapper__intro-title h2{gap:.5rem;display:flex;flex-direction:column;align-items:center}.about-wrapper__stack{grid-column:1/-1;display:flex;margin-bottom:1rem;gap:.8rem}.about-wrapper__intro-body{grid-column:1/-1;display:flex;flex-direction:column;gap:1rem}.about-wrapper__journey{grid-column:1/-1;color:#b58971;margin:7rem 0 5rem;gap:.5rem;flex-direction:column;display:flex;justify-content:center;align-items:center}.about-wrapper__journey-title{font-size:1.25rem;font-weight:500}.about-wrapper__journey-arrow{margin-top:1rem}.about-wrapper__section-title{grid-column:1/-1}.about-wrapper__section-title h2{font-size:3rem;line-height:1.2}.about-wrapper__section-title--new-york,.about-wrapper__section-title--sydney{text-align:right}.about-wrapper__section-title--brisbane,.about-wrapper__section-title--korea,.about-wrapper__section-title--vancouver{text-align:left}.about-wrapper__section-image{grid-column:1/-1;margin:1rem 0 4rem;height:260px;position:relative;overflow:hidden}.about-wrapper__section-image img{object-fit:cover;width:100%;height:100%}.about-wrapper__city-card{position:absolute;inset:0}.about-wrapper__city-caption{z-index:10;position:absolute;bottom:0;right:0;width:70%;height:100%;padding:1rem;font-size:.875rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#040404cc;will-change:transform;transform:translate(100%);transition:transform .3s ease;display:flex;justify-content:center;align-items:center}.about-wrapper__city-caption.is-visible{transform:translate(0)}.about-wrapper__city-caption-title{font-size:1.25rem}.about-wrapper__city-caption--brisbane{display:flex;flex-direction:column;align-items:start;gap:.3rem}.about-wrapper__birdyj{gap:.5rem;display:flex;justify-content:center;align-items:center}.about-wrapper__birdyj-link{color:#d13221;font-size:.875rem;position:relative}.about-wrapper__birdyj-link:before{content:"";position:absolute;bottom:-8px;left:0;width:100%;height:1px;background-color:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.about-wrapper__birdyj-link:hover:before{transform:scaleX(1)}.about-wrapper__birdyj-link.active:before{transform:scaleX(1);color:#d13221}.about-wrapper__birdyj-arrow{width:15px}.about-wrapper__city-caption--vancouver{justify-content:center;display:flex;flex-direction:column;align-items:center}.about-wrapper__city-caption-time{color:#b58971;font-weight:500;font-size:.875rem;margin-top:1.5rem;gap:.5rem;justify-content:center;display:flex;flex-direction:column;align-items:center}.about-wrapper__ending-quote{grid-column:1/-1;text-align:center;font-size:1.5rem;font-weight:600;color:#b58971}@media (min-width: 768px){.about-wrapper__hero{grid-column:2/8;border-radius:50px;height:50vh}.about-wrapper__hero-content--desktop{grid-column:2/8;display:block;margin:2.5rem 0}.about-wrapper__hero-content--mobile{display:none}.about-wrapper__hero-heading--desktop{flex-direction:row;justify-content:flex-start;font-size:3rem;gap:1rem}.about-wrapper__intro-title{grid-column:2/8;margin:4rem 0}.about-wrapper__intro-title h2{display:inline-flex;flex-direction:row;gap:1rem}.about-wrapper__intro-body{grid-column:2/8;display:flex;flex-direction:row}.about-wrapper__section-image{margin:1rem 0 8rem;height:400px}.about-wrapper__section-title h2{font-size:6rem}.about-wrapper__journey{margin:7rem 0}.about-wrapper__journey-title{font-size:2rem;font-weight:500}.about-wrapper__ending-quote{margin-bottom:3rem;font-size:2rem}.about-wrapper__stack{grid-column:2/8}.about-wrapper__city-caption{width:40%;padding:2rem;font-size:1rem}.about-wrapper__city-caption--brisbane{gap:1rem}.about-wrapper__city-caption-time{margin-top:1.5rem;gap:.8rem;font-size:1rem}}@media (min-width: 1025px){.about-wrapper__hero{grid-column:3/11;height:60vh}.about-wrapper__hero-content--desktop{grid-column:3/11}.about-wrapper__hero-heading--desktop{font-size:3.5rem}.about-wrapper__intro-title{grid-column:3/11}.about-wrapper__intro-body{grid-column:3/11;font-size:1.25rem}.about-wrapper__section-title h2{font-size:9rem}.about-wrapper__section-image{margin:1rem 0 8rem;height:500px}.about-wrapper__journey{font-size:1.25rem;margin:9rem;gap:.7rem}.about-wrapper__journey-arrow{margin-top:1rem}.about-wrapper__stack{grid-column:3/11}.about-wrapper .tap-guide-mobile{display:none}.about-wrapper__city-caption{width:32%;padding:3rem;font-size:1.25rem}.about-wrapper__city-caption-title{font-size:2rem}.about-wrapper__city-caption-time{margin-top:3rem;gap:1rem;font-size:1.125rem}.about-wrapper__birdyj-link{font-size:1.25rem}}.time-vancouver__text{font-family:Roboto Condensed,sans-serif;font-weight:600;letter-spacing:1px;gap:.1rem;display:flex;justify-content:center;align-items:center}.time-vancouver__number{color:#e1dad2;font-size:1.5rem}.time-vancouver__unit{color:#b58971}.time-vancouver__separator{color:#b5897166;margin:0 .1rem}@media (min-width: 768px){.time-vancouver__text{gap:.15rem}.time-vancouver__number{font-size:2rem}.time-vancouver__unit{font-size:1.25rem}.time-vancouver__separator{margin:0 .2rem}}@media (min-width: 1025px){.time-vancouver__number{font-size:2.5rem}.time-vancouver__unit{font-size:1.5rem}.time-vancouver__separator{margin:0 .3rem}}.sandbox-wrapper{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}@media (max-width: 1024px){.sandbox-wrapper{grid-template-columns:repeat(8,1fr);gap:1rem}}@media (max-width: 767px){.sandbox-wrapper{grid-template-columns:repeat(4,1fr);gap:.75rem}}.sandbox-wrapper{max-width:1400px;margin:0 auto;padding:0 .75rem}@media (min-width: 768px){.sandbox-wrapper{padding:0 1rem}}@media (min-width: 1025px){.sandbox-wrapper{padding:0 1.5rem}}@media (min-width: 1280px){.sandbox-wrapper{padding:0 2rem}}.sandbox-wrapper__title{grid-column:1/-1;display:flex;justify-content:flex-start;align-items:center;margin-top:4rem;gap:1rem}.sandbox-wrapper__title h1{font-size:2rem}.sandbox-wrapper__title-highlight{color:#d13221}.sandbox-wrapper__masonry-grid{grid-column:1/-1;display:flex;width:auto;margin:4rem 0 0 -1.25rem}.sandbox-wrapper__grid-column{padding-left:1.25rem;background-clip:padding-box}.sandbox-wrapper__grid-column>*{margin-bottom:2rem}@media (min-width: 768px){.sandbox-wrapper__masonry-grid{margin-top:7rem}.sandbox-wrapper__title h1{font-size:3.5rem}}.sandbox-card{width:100%;border-radius:20px;overflow:hidden;cursor:pointer;box-shadow:inset 0 0 50px #040404e6;background:#1a201e80}.sandbox-card__image{width:100%;position:relative;overflow:hidden}.sandbox-card__image-skeleton{width:100%;height:100%;background:linear-gradient(90deg,#0404041a 25%,#3e433c33,#0404041a 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;position:absolute;inset:0}.sandbox-card__image img{border-radius:5px;transition:transform .3s ease;object-fit:cover;width:100%;height:100%}.sandbox-card__image img:hover{transform:scale(1.1)}.sandbox-card__content{display:flex;flex-direction:column;padding:.4rem 1rem .8rem}.sandbox-card__title{font-size:1rem;font-weight:600;color:#e1dad2;margin-bottom:.4rem}.sandbox-card__stack{display:flex;flex-wrap:wrap;gap:.4rem}.sandbox-card__tag{min-width:18px;width:auto;display:inline-flex;align-items:center;justify-content:center}.sandbox-card__tag .tech-text{font-size:1.5rem;font-weight:700;color:#0ea5e9;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}@media (min-width: 768px){.sandbox-card__content{flex-direction:row;align-items:center;gap:1rem;padding:.6rem 1rem}.sandbox-card__title{font-size:1.125rem;margin-bottom:.6rem;line-height:1.4}.sandbox-card__stack{gap:.5rem}.sandbox-card__tag{width:20px}.sandbox-card__tag .tech-text{font-size:.8rem}}.sandbox-modal{z-index:500;position:fixed;top:0;left:0;width:100vw;height:100vh;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#04040400;animation:backdropFadeIn .1s ease-out forwards;display:flex;justify-content:center;align-items:center}.sandbox-modal__content{z-index:501;display:flex;flex-direction:column;width:90%;max-width:900px;margin-top:2rem;border-radius:10px;overflow:hidden;background-color:#1a201e;box-shadow:inset 0 0 50px #04040480;padding:1rem;margin:6rem auto 2rem;filter:drop-shadow(0 10px 20px rgba(4,4,4,.5));transform:translateY(30vh);opacity:0;animation:slideUpFade .2s cubic-bezier(.16,1,.3,1) forwards}.sandbox-modal__header{margin-bottom:.5rem;display:flex;justify-content:space-between;align-items:center}.sandbox-modal__links{display:flex;justify-content:center;align-items:center}.sandbox-modal__button{border-radius:8px;padding:.2rem .5rem}.sandbox-modal__button:hover{background-color:#040404cc}.sandbox-modal__close{cursor:pointer;width:25px;height:25px;fill:#d13221;transition:transform .2s ease-in-out}.sandbox-modal__close:hover{transform:rotate(90deg)}.sandbox-modal__body{display:flex;flex-direction:column;gap:1.5rem}.sandbox-modal__image{position:relative;width:100%;border-radius:10px;display:flex;justify-content:center;align-items:center}.sandbox-modal__image .loading-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.sandbox-modal__image .spinner{width:40px;height:40px;border:3px solid rgba(62,67,60,.3);border-top-color:#d13221;border-radius:50%;animation:spin .8s linear infinite}.sandbox-modal__image img,.sandbox-modal__image video{display:block;width:auto;height:auto;max-height:45vh;border-radius:10px;object-fit:contain}.sandbox-modal__image video{cursor:pointer}.sandbox-modal__image video::-webkit-media-controls-current-time-display,.sandbox-modal__image video::-webkit-media-controls-time-remaining-display{color:#d13221}.sandbox-modal__info{display:flex;flex-direction:column;gap:1rem}.sandbox-modal__info-left{display:flex;flex-direction:row;gap:1rem}.sandbox-modal__info-right,.sandbox-modal__title{color:#b58971}.sandbox-modal__stack{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.sandbox-modal__tag{width:18px;display:inline-flex;align-items:center;justify-content:center}.sandbox-modal__tag .tech-text{font-size:.75rem;font-weight:700;color:#0ea5e9;letter-spacing:.05em;text-transform:uppercase}.sandbox-modal__carousel-nav{position:absolute;top:50%;width:2rem;height:2.2rem;transform:translateY(-50%);border:none;border-radius:8px;margin:5rem auto 2rem;cursor:pointer;transition:all .2s ease;display:flex;justify-content:center;align-items:center}.sandbox-modal__carousel-nav:hover{background-color:#040404e6}.sandbox-modal__carousel-nav:active{transform:translateY(-50%) scale(.95)}.sandbox-modal__carousel-nav--prev{left:.5rem}.sandbox-modal__carousel-nav--next{right:.5rem}.sandbox-modal__carousel-arrow{width:1.3rem}.sandbox-modal__carousel-dots{display:flex;gap:.8rem;position:absolute;top:1rem;right:.5rem;transform:translate(-50%)}.sandbox-modal__carousel-dot{width:.5rem;height:.5rem;border:none;background:#3e433c;transform:rotate(45deg);cursor:pointer;transition:all .2s ease}.sandbox-modal__carousel-dot:hover{transform:scale(1.2)}.sandbox-modal__carousel-dot--active{background:#d13221;transform:rotate(45deg) scale(1.2)}@keyframes backdropFadeIn{to{background-color:#040404e6}}@keyframes slideUpFade{0%{transform:translateY(30vh);opacity:0}50%{opacity:.7}to{transform:translateY(0);opacity:1}}@media (min-width: 768px){.sandbox-modal__content{margin:4rem auto 2rem;padding:1.5rem 2rem}.sandbox-modal__header{margin-bottom:1rem}.sandbox-modal__links{gap:.2rem}.sandbox-modal__info{flex-direction:row}.sandbox-modal__info-left{flex-direction:column;min-width:20%}.sandbox-modal__info-right,.sandbox-modal__title{font-size:1.25rem}.sandbox-modal__tag{width:25px}.sandbox-modal__tag .tech-text{font-size:.85rem}.sandbox-modal__image img{max-height:60vh}.sandbox-modal__image video{max-height:60vh}.sandbox-modal__carousel-nav{width:2.8rem;height:3.2rem}.sandbox-modal__carousel-arrow{width:1.8rem}.sandbox-modal__carousel-dots{top:2rem;right:1rem;gap:1rem}.sandbox-modal__carousel-dot{width:.7rem;height:.7rem}}@media (min-width: 1025px){.sandbox-modal__content{margin-top:4rem}.sandbox-modal__tag .tech-text{font-size:.9rem}.sandbox-modal__content--portrait .sandbox-modal__body{flex-direction:row;align-items:left}.sandbox-modal__content--portrait .sandbox-modal__image{flex:0 0 auto;max-width:60%;max-height:65vh}.sandbox-modal__content--portrait .sandbox-modal__image img{max-height:65vh}.sandbox-modal__content--portrait .sandbox-modal__info{flex:1;flex-direction:column;min-width:0}.sandbox-modal__content--portrait .sandbox-modal__carousel-dots{right:5rem}.sandbox-modal__content--portrait .sandbox-modal__carousel-nav{width:3rem;height:3.4rem}.sandbox-modal__content--portrait .sandbox-modal__carousel-arrow{width:2rem}}.notfound{width:100%;height:100vh;gap:2rem;background:#040404;justify-content:center;display:flex;flex-direction:column;align-items:center}.notfound__image{width:200px;height:auto}.notfound__text{font-weight:500;color:#e1dad2;width:70%;text-align:center}.notfound__link{gap:1rem;font-size:1.25rem;color:#d13221;justify-content:center;display:flex;flex-direction:column;align-items:center;position:relative}.notfound__link:before{content:"";position:absolute;bottom:-8px;left:0;width:100%;height:1px;background-color:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.notfound__link:hover:before{transform:scaleX(1)}.notfound__link.active:before{transform:scaleX(1);color:#d13221}@media (min-width: 768px){.notfound__image{width:400px}.notfound__text{font-size:1.25rem}}@media (min-width: 1025px){.notfound__image{width:700px}}.work-detail--uxui .work-detail__preview{grid-column:1/-1}.work-detail--uxui .work-detail__preview img{object-fit:cover;width:100%;height:100%}.work-detail{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}@media (max-width: 1024px){.work-detail{grid-template-columns:repeat(8,1fr);gap:1rem}}@media (max-width: 767px){.work-detail{grid-template-columns:repeat(4,1fr);gap:.75rem}}.work-detail{max-width:1400px;margin:0 auto;padding:0 .75rem}@media (min-width: 768px){.work-detail{padding:0 1rem}}@media (min-width: 1025px){.work-detail{padding:0 1.5rem}}@media (min-width: 1280px){.work-detail{padding:0 2rem}}.work-detail__nav-top{grid-column:1/-1;display:flex;justify-content:end;align-items:center;margin:3rem 0;gap:1.5rem}.work-detail__nav-link--disabled{opacity:.2;cursor:not-allowed;pointer-events:none}.work-detail__projects-list{font-size:1.25rem;font-weight:500;color:#d13221;transition:all .3s ease}.work-detail__projects-list:hover{color:#8b1103}.work-detail__nav-arrow--top{width:25px}.work-detail__nav-arrow--top svg{fill:#d13221;transition:all .3s ease}.work-detail__nav-arrow--top:hover svg{fill:#8b1103}.work-detail__title{grid-column:1/-1;text-align:start;font-size:3.5rem;line-height:1.2}.work-detail__sub-title{grid-column:1/-1;text-align:start;font-size:2.5rem;color:#b58971;margin-bottom:2.5rem;line-height:1.2}.work-detail__links{grid-column:1/-1;display:flex;flex-direction:column;align-items:flex-end;color:#b58971;font-size:1.25rem;gap:.5rem;margin-bottom:1.5rem}.work-detail__links--more{color:#e1dad2;margin-top:.5rem}.work-detail__links-wrapper{display:inline-flex;align-items:center;gap:.5rem}.work-detail__link{position:relative}.work-detail__link:before{content:"";position:absolute;bottom:-8px;left:0;width:100%;height:1px;background-color:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.work-detail__link:hover:before{transform:scaleX(1)}.work-detail__link.active:before{transform:scaleX(1);color:#d13221}.work-detail__link-arrow svg{width:20px}.work-detail__link-arrow--more svg{fill:#e1dad2}.work-detail__preview{grid-column:1/-1;position:relative;height:100%;margin-bottom:1rem;border-radius:10px;overflow:hidden;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:inset 0 0 50px #04040480;background:#1a201e03}.work-detail__preview .loading-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.work-detail__preview .spinner{width:40px;height:40px;border:3px solid rgba(62,67,60,.3);border-top-color:#d13221;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.work-detail__preview video{object-fit:cover;width:100%;height:100%}.work-detail__code{grid-column:1/-1;margin-top:1rem}.work-detail__sections{grid-column:1/-1}.work-detail__section{margin-top:2rem;border-radius:20px;padding:2rem 1rem;overflow-x:hidden;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:inset 0 0 50px #04040480;background:#1a201e03}.work-detail__subsection-heading{text-align:start;margin-bottom:1rem;color:#b58971;font-size:2rem;font-weight:600;line-height:4rem}.work-detail__section-heading{grid-column:1/-1;text-align:start;margin:6rem 0 .5rem;font-size:3rem;font-weight:600;line-height:4rem}.work-detail__section--meta{grid-column:1/-1;display:flex;flex-direction:column;justify-content:center;align-items:start;gap:1.5rem;margin-bottom:2rem}.work-detail__meta-item{display:flex;justify-content:start;align-items:center;gap:.5rem}.work-detail__meta-item--tech ul{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:0}.work-detail__meta-item--tech ul li{background-color:#3e433c;box-shadow:inset 0 0 10px #04040480;color:#b58971;padding:.3rem 1rem;border-radius:8px;font-weight:600}.work-detail__meta-label{color:#b58971;font-weight:500}.work-detail__summary-item{margin-bottom:1.5rem}.work-detail__summary-item:last-child{margin-bottom:0}.work-detail__summary-item .work-detail__meta-label{display:block;margin-bottom:.5rem}.work-detail__summary-item .work-detail__meta-value{display:block}.work-detail__section--summary{grid-column:1/-1}.work-detail__tech-list{display:flex;flex-direction:column;gap:1.5rem}.work-detail__tech-item .work-detail__meta-label{display:block;margin-bottom:.5rem}.work-detail__tech-item .work-detail__meta-value{display:block}.work-detail__section--background,.work-detail__section--problem,.work-detail__section--goal,.work-detail__section--solution,.work-detail__section--userflow{grid-column:1/-1}.work-detail__decision-wrapper{display:contents}.work-detail__section--decision-text,.work-detail__section--decision-image{grid-column:1/-1}.work-detail__section--design{grid-column:1/-1;display:flex;flex-direction:column;gap:2rem}.work-detail__design-contents{display:flex;flex-direction:column;flex:0 0 30%}.work-detail__design-contents p{margin-bottom:1rem}.work-detail__design-images{display:flex;flex-direction:row;gap:1rem;border-radius:20px;flex:0 0 70%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab;scroll-snap-type:x mandatory;scroll-behavior:smooth}.work-detail__design-images::-webkit-scrollbar{display:none}.work-detail__design-images.active{cursor:grabbing}.work-detail__design-images img{width:75%;min-width:250px;flex-shrink:0;-webkit-user-select:none;user-select:none;pointer-events:none;scroll-snap-align:start;scroll-snap-stop:always;border-radius:20px}.work-detail__design-images--flow img{width:40%;min-width:200px}.work-detail__section--dev ul,.work-detail__section--challenges ul{counter-reset:item-counter}.work-detail__section--dev ul li,.work-detail__section--challenges ul li{position:relative;counter-increment:item-counter;padding-left:1.5rem}.work-detail__section--dev ul li:before,.work-detail__section--challenges ul li:before{content:counter(item-counter) ".";position:absolute;inset:0}.work-detail__section--architecture{grid-column:1/-1;overflow-x:auto}.work-detail__architecture-image{width:100%;height:auto;max-width:100%;display:block;border-radius:10px;object-fit:contain}.work-detail__section--performance,.work-detail__section--next-steps{grid-column:1/-1}.work-detail__nav-bottom{grid-column:1/-1;margin-top:2rem;display:flex;flex-wrap:wrap;justify-content:space-between;gap:3rem}.work-detail__nav-item{font-size:1.5rem;font-weight:500;color:#b58971;display:flex;flex-direction:column;justify-content:center;width:100%}.work-detail__nav-item--prev{align-items:start}.work-detail__nav-item--next{align-items:end}.work-detail__nav-item--disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.work-detail__nav-text-wrapper{display:flex;justify-content:flex-end;align-items:center;gap:.5rem}.work-detail__nav-text{position:relative}.work-detail__nav-text:before{content:"";position:absolute;bottom:-8px;left:0;width:100%;height:1px;background-color:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.work-detail__nav-text:hover:before{transform:scaleX(1)}.work-detail__nav-text.active:before{transform:scaleX(1);color:#d13221}.work-detail__nav-title{font-size:2.5rem;color:#1a201e;margin-bottom:.5rem;text-align:end}.work-detail__nav-arrow{width:20px}.work-detail__nav-arrow svg{fill:#b58971}@media (min-width: 768px){.work-detail__title{font-size:5rem}.work-detail__sub-title{font-size:3.5rem;margin-bottom:4.5rem}.work-detail__preview{grid-column:1/5}.work-detail__code{grid-column:5/9;margin-top:0}.work-detail__sections{margin-top:2rem}.work-detail__sections{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}}@media (min-width: 768px) and (max-width: 1024px){.work-detail__sections{grid-template-columns:repeat(8,1fr);gap:1rem}}@media (min-width: 768px) and (max-width: 767px){.work-detail__sections{grid-template-columns:repeat(4,1fr);gap:.75rem}}@media (min-width: 768px){.work-detail__section{margin-bottom:.2rem;padding:2rem}.work-detail__section--meta{grid-column:1/5}.work-detail__section--summary{grid-column:5/9}.work-detail__section--background{grid-column:1/5}.work-detail__section--problem{grid-column:5/9}.work-detail__section--goal{grid-column:1/5}.work-detail__section--solution{grid-column:5/9}.work-detail__section--decision-text{grid-column:1/5}.work-detail__section--decision-image{grid-column:5/9}.work-detail__section--design{flex-direction:row}.work-detail__section--tech-stack{grid-column:1/5}.work-detail__section--architectural{grid-column:5/9}.work-detail__section--architecture{grid-column:1/9}.work-detail__section--performance{grid-column:1/5}.work-detail__section--next-steps{grid-column:5/9}.work-detail__section--dev{grid-column:1/5}.work-detail__section--challenges{grid-column:5/9}.work-detail__links--more{font-size:1.25rem;margin-top:1rem}.work-detail__nav-bottom{margin-top:2rem}.work-detail__nav-item{font-size:2rem;flex:1}.work-detail__nav-title{font-size:3rem}.work-detail__nav-arrow{width:25px}.work-detail__projects-list{font-size:1.5rem}.work-detail__nav-arrow--top{width:30px}}@media (min-width: 1025px){.work-detail__title{font-size:6rem}.work-detail__sub-title{font-size:4rem}.work-detail__preview{grid-column:1/7}.work-detail__code{grid-column:7/13}.work-detail__section{padding:3rem 2.5rem;font-size:1.25rem}.work-detail__section--meta{grid-column:1/7}.work-detail__section--summary{grid-column:7/13}.work-detail__section--background{grid-column:1/7}.work-detail__section--problem{grid-column:7/13}.work-detail__section--goal{grid-column:1/7}.work-detail__section--solution{grid-column:7/13}.work-detail__section--decision-text{grid-column:1/8}.work-detail__section--decision-image{grid-column:8/13}.work-detail__section--tech-stack{grid-column:1/7}.work-detail__section--architectural{grid-column:7/13}.work-detail__section--architecture{grid-column:1/13}.work-detail__architecture-diagram{font-size:1rem}.work-detail__section--performance{grid-column:1/7}.work-detail__section--next-steps{grid-column:7/13}.work-detail__section--overview{grid-column:1/7}.work-detail__section--stack{grid-column:7/13}.work-detail__section--dev{grid-column:1/7}.work-detail__section--challenges{grid-column:7/13}.work-detail__nav-item{font-size:2.5rem}.work-detail__nav-title{font-size:3.5rem}.work-detail__nav-arrow{width:30px}}.code-block .hljs{background-color:#040404;height:400px;white-space:pre-wrap;word-break:break-word;font-family:Fira Code,monospace}.code-block{background-color:#040404;overflow:hidden;border-radius:10px}.code-block__tabs{scroll-behavior:smooth;display:flex;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.code-block__tabs::-webkit-scrollbar{display:none}.code-block__tab{color:#e1dad2;font-weight:500;min-width:105px;flex-shrink:0;padding:.3rem 0;border-radius:10px 10px 0 0;background-color:#3e433c4d;text-align:center;font-size:.875rem;white-space:nowrap}.code-block__tab--active{color:#040404;font-weight:600;background-color:#d13221}.code-block__content--highlighting{visibility:hidden;padding:.5rem}@media (min-width: 768px){.hljs{height:250px}}@media (min-width: 1025px){.hljs{height:400px}.code-block__preview{max-height:477px}.code-block__tab{min-width:130px;font-size:1rem}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#abb2bf;background:#282c34}.hljs-comment,.hljs-quote{color:#5c6370;font-style:italic}.hljs-doctag,.hljs-keyword,.hljs-formula{color:#c678dd}.hljs-section,.hljs-name,.hljs-selector-tag,.hljs-deletion,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-string,.hljs-regexp,.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string{color:#98c379}.hljs-attr,.hljs-variable,.hljs-template-variable,.hljs-type,.hljs-selector-class,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-number{color:#d19a66}.hljs-symbol,.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-title{color:#61aeee}.hljs-built_in,.hljs-title.class_,.hljs-class .hljs-title{color:#e6c07b}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}.project-timeline{width:100%;padding:1rem;background:#e1dad20a;border-radius:20px;overflow-x:auto;display:flex;justify-content:center;align-items:center}.project-timeline__step{position:relative;width:65px;flex-shrink:0;display:flex;flex-direction:column;align-items:center}.project-timeline__step:not(:last-child){margin-right:0}.project-timeline__phase{font-size:.875rem;font-weight:600;text-align:center;white-space:nowrap;margin-bottom:.7rem;transition:color .2s ease}.project-timeline__step:not(.completed) .project-timeline__phase{color:#3e433cb3}.project-timeline__dot{position:relative;z-index:2;width:12px;height:12px;border-radius:50%;transition:all .2s ease}.project-timeline__step.completed .project-timeline__dot{background:#e1dad2;border:3px solid rgba(225,218,210,.8);box-shadow:0 0 0 4px #e1dad21a}.project-timeline__step:not(.completed) .project-timeline__dot{background:transparent;border:3px solid rgba(62,67,60,.8);box-shadow:none}.project-timeline__step.in-progress .project-timeline__dot{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 0 4px #e1dad21a}50%{opacity:.6;box-shadow:0 0 0 8px #e1dad233}}.lumos__text{z-index:5;position:fixed;cursor:pointer;-webkit-user-select:none;user-select:none;color:#b58971;opacity:.15;font-family:Gochi Hand,cursive;border:solid .7px #b58971;padding:.9rem .5rem;border-radius:50%;text-shadow:0 0 6px rgba(181,137,113,.4),0 0 12px rgba(181,137,113,.3),0 0 20px rgba(181,137,113,.2);transition:opacity .5s ease-in-out}.lumos__text:hover{opacity:1;text-shadow:0 0 5px #b58971,0 0 10px #b58971,0 0 20px #b58971}.lumos__light{z-index:5;position:fixed;width:500px;height:500px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(247,120,61,.1) 0%,rgba(250,222,100,.05) 20%,transparent 60%);animation:lumosGlow 3s ease-in-out infinite alternate}@keyframes lumosGlow{0%{opacity:.8;filter:brightness(1.3)}to{opacity:1;filter:brightness(2)}}.scroll-to-top{z-index:100;position:fixed;bottom:2rem;right:2rem;width:45px;height:45px;border-radius:50%;background-color:#040404;border:none;cursor:pointer;opacity:0;visibility:hidden;transition:all .1s ease;display:flex;justify-content:center;align-items:center}.scroll-to-top:hover{transform:translateY(-5px)}.scroll-to-top__arrow{width:25px}.scroll-to-top--visible{opacity:1;visibility:visible}@media (min-width: 768px){.scroll-to-top{display:flex;justify-content:center;align-items:center;width:50px;height:50px}}