:root{font-family:Montserrat,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg: #333333;--fg: #d9d9d9;--fg-60: rgba(217, 217, 217, .6);--fg-45: rgba(217, 217, 217, .45);--fg-35: rgba(217, 217, 217, .35);--fg-30: rgba(217, 217, 217, .3);--fg-12: rgba(217, 217, 217, .12);--fg-08: rgba(217, 217, 217, .08);--fg-04: rgba(217, 217, 217, .04);--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--text-4xl: 3rem;--space-xs: 8px;--space-sm: 16px;--space-md: 24px;--space-lg: 40px;--space-xl: 64px;--space-2xl: 96px;--color-text: var(--fg);--color-text-muted: var(--fg-45);--color-bg: var(--bg)}html.light,#root.light{--bg: #d9d9d9;--fg: #333333;--fg-60: rgba(51, 51, 51, .6);--fg-45: rgba(51, 51, 51, .45);--fg-35: rgba(51, 51, 51, .35);--fg-30: rgba(51, 51, 51, .3);--fg-12: rgba(51, 51, 51, .12);--fg-08: rgba(51, 51, 51, .08);--fg-04: rgba(51, 51, 51, .04);color-scheme:light}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow-x:hidden}body{background-color:var(--bg);color:var(--fg)}h1,h2,h3,h4{margin:0;font-weight:600;line-height:1.15}p{margin:0;line-height:1.7}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--fg);outline-offset:3px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.loadscreen-container{display:flex;justify-content:flex-start;align-items:center;height:100vh;background-color:#333;position:fixed;top:0;left:0;width:100%;opacity:1;transition:opacity .8s ease-in-out;z-index:9999;padding:48px 72px;box-sizing:border-box}.loadscreen-container.loaded{opacity:0;pointer-events:none}.loadscreen-content{text-align:left}.loadscreen-name{font-size:clamp(2rem,5vw,4rem);font-weight:600;margin:0 0 4px;color:#d9d9d9;line-height:1.1}.loadscreen-title{font-size:clamp(.85rem,1.5vw,1rem);font-weight:400;margin:0;color:#d9d9d980;letter-spacing:.08em;text-transform:uppercase}@media (max-width: 1080px){.loadscreen-container{padding:40px 28px}}.header{position:fixed;top:0;left:0;width:250px;height:100%;background-color:var(--bg);color:var(--fg);display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:20px 0;z-index:1000;opacity:0;transition:opacity .7s ease-out,background-color .3s ease,color .3s ease;box-sizing:border-box}.header.visible{opacity:1}.scroll-progress{position:absolute;right:0;top:0;width:2px;background-color:var(--fg);transition:height .1s linear;border-radius:0 0 2px 2px}.logo{display:flex;align-items:center;padding-left:40px;width:100%;box-sizing:border-box;background:none;border:none;cursor:pointer}.logo img{max-width:75%;height:auto;max-height:80px;transition:filter .3s ease}#root.light .logo img{filter:invert(1)}.nav{flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:100%}.nav-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;width:100%}.nav-link{text-decoration:none;color:var(--fg-45);font-weight:600;font-size:1rem;padding:5px 40px;line-height:1;display:block;transition:color .2s ease}.nav-link:hover,.nav-link.active{color:var(--fg)}.hamburger{display:none;position:fixed;top:30px;transform:translateY(-50%);right:20px;background:none;border:none;cursor:pointer;z-index:2000;padding:0;color:var(--fg);font-size:1rem;font-weight:600;font-family:Montserrat,sans-serif}.menu-text{display:block}@media (max-width: 1080px){.header{width:100%;height:60px;flex-direction:row;align-items:center;padding:0 20px;justify-content:flex-start}.header .scroll-progress{display:none}.header .logo{padding-left:0;width:auto}.header .logo img{max-height:28px;max-width:none}.header .nav{position:fixed;top:60px;left:0;width:100%;height:calc(100vh - 60px);background-color:var(--bg);transform:translate(100%);transition:transform .35s ease,background-color .3s ease;justify-content:center;align-items:flex-start;padding:0 28px;box-sizing:border-box;flex-grow:0}.header .nav.open{transform:translate(0)}.header .nav-list{gap:0}.header .nav-link{font-size:2.5rem;padding:5px 0;line-height:1;color:var(--fg-45)}.header .hamburger{display:flex;align-items:center}.header .theme-toggle{position:fixed;top:30px;transform:translateY(-50%);right:80px;padding:0;margin:0;z-index:2000}@media (max-width: 768px){.nav-link{font-size:2rem}}.intro-code{font-size:clamp(1.5rem,3.5vw,2.8rem);font-weight:600;line-height:1.2;color:var(--fg)}.intro-code-link{color:var(--fg);text-decoration:underline;text-underline-offset:3px;transition:opacity .2s ease}.intro-code-link:hover{opacity:.6}.intro-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding-top:28vh;height:100%;color:var(--fg);font-family:Montserrat,sans-serif;box-sizing:border-box;gap:28px}.open-to-work{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-60);margin-bottom:8px}.open-to-work__dot{width:8px;height:8px;border-radius:50%;background-color:#4ade80;display:inline-block;flex-shrink:0;animation:pulse 2s ease-in-out infinite}.categories-wrapper{position:relative;width:100%;flex-shrink:0}.categories{display:flex;flex-wrap:nowrap;gap:24px;overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;scrollbar-width:none;flex-shrink:0}.categories::-webkit-scrollbar{display:none}.category-button{background:none;padding:0;border:none;color:var(--fg-30);font-weight:600;font-size:.85rem;font-family:Montserrat,sans-serif;cursor:pointer;white-space:nowrap;letter-spacing:.04em;text-transform:uppercase;transition:color .25s ease}.category-button:hover{color:var(--fg-60)}.category-button.active{color:var(--fg)}.message{width:100%;max-width:960px;height:18rem;display:flex;align-items:flex-start;flex-shrink:0}.message h1{font-size:clamp(1.75rem,3vw,3rem);font-weight:500;line-height:1.2;margin:0;text-align:left;word-break:break-word}.animated-words{display:inline}.intro-container{padding-top:20px;justify-content:center}.message{height:14rem}.categories{-webkit-mask-image:linear-gradient(to right,black 75%,transparent 100%);mask-image:linear-gradient(to right,black 75%,transparent 100%)}.categories-wrapper.is-scrolled .categories{-webkit-mask-image:linear-gradient(to right,transparent 0%,black 20%,black 75%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,black 20%,black 75%,transparent 100%)}.categories-wrapper.is-scrolled.is-at-end .categories{-webkit-mask-image:linear-gradient(to right,transparent 0%,black 20%,black 100%);mask-image:linear-gradient(to right,transparent 0%,black 20%,black 100%)}@media (max-width: 768px){.category-button{font-size:.75rem}.message h1{font-size:clamp(1.75rem,6.5vw,2.4rem)}.message{height:20rem}}.portfolio-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--fg-08)}.portfolio-header__label{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-35)}#work{height:auto!important;min-height:100vh;overflow:visible!important;padding:0!important}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;width:100%}.portfolio-card{position:relative;display:block;overflow:hidden;aspect-ratio:4 / 3;background-color:#222;text-decoration:none;cursor:pointer;border-radius:0}.portfolio-card__image{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}.portfolio-card__image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}.portfolio-card:hover .portfolio-card__image img{transform:scale(1.04)}.portfolio-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000b8,#0000 55%);display:flex;flex-direction:column;justify-content:flex-end;padding:20px;opacity:0;transition:opacity .3s ease}.portfolio-card:hover .portfolio-card__overlay{opacity:1}.portfolio-card--featured{grid-column:1 / -1;aspect-ratio:16 / 7}.portfolio-card__year{font-size:.68rem;font-weight:600;letter-spacing:.1em;color:#ffffff73;font-family:Montserrat,sans-serif;margin-bottom:4px;text-transform:uppercase}.portfolio-card__title{color:#fff;font-size:1rem;font-weight:600;line-height:1.2;margin-bottom:8px;font-family:Montserrat,sans-serif}.portfolio-card__tags{display:flex;flex-wrap:wrap;gap:6px}.portfolio-card__tag{font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#ffffffb3;background:#ffffff1f;padding:3px 8px;font-family:Montserrat,sans-serif}.portfolio-preload-frame{position:fixed;top:0;left:-200vw;width:55vw;height:calc(100vh + 48px);border:none;z-index:1102;pointer-events:none;background-color:#d9d9d9;clip-path:inset(0 0 48px 0)}.portfolio-preload-frame--active{left:0;pointer-events:auto}.portfolio-detail__image--embed{visibility:hidden}.portfolio-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;z-index:1100}.portfolio-detail{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1101;display:grid;grid-template-columns:55% 45%;background-color:var(--bg);overflow:hidden}.portfolio-detail__image{width:100%;height:100%;overflow:hidden;cursor:pointer}.portfolio-detail__embed{width:100%;height:100%;background-color:var(--bg);overflow:hidden}.portfolio-detail__embed iframe{width:100%;height:100%;border:none;display:block}.portfolio-detail__image img{width:100%;height:100%;object-fit:cover;display:block}.portfolio-detail__info{position:relative;display:flex;flex-direction:column;justify-content:center;padding:52px 48px;overflow-y:auto;gap:20px}.portfolio-detail__topbar{display:none;grid-column:1 / -1;align-items:center;justify-content:flex-end;padding:0 20px;background-color:var(--bg);border-bottom:1px solid var(--fg-08);flex-shrink:0}.portfolio-detail__close--topbar{position:static;padding:0;line-height:1;display:flex;align-items:center}.portfolio-detail__close{position:absolute;top:24px;right:28px;background:none;border:none;color:var(--fg);font-size:1rem;font-weight:600;letter-spacing:normal;text-transform:uppercase;font-family:Montserrat,sans-serif;cursor:pointer;padding:6px 0;line-height:1;transition:color .2s ease}.portfolio-detail__close:hover{color:var(--fg)}.portfolio-detail__tags{display:flex;flex-wrap:wrap;gap:6px}.portfolio-detail__title{font-size:clamp(1.6rem,2.5vw,2.4rem);font-weight:700;color:var(--fg);line-height:1.15;margin:0}.portfolio-detail__role{font-size:.8rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-45);margin:0}.portfolio-detail__description{font-size:.95rem;line-height:1.75;color:var(--fg-60);margin:0}.case-study{display:flex;flex-direction:column;border-top:1px solid var(--fg-08);margin-top:4px}.case-study__section{border-bottom:1px solid var(--fg-08)}.case-study__trigger{width:100%;display:flex;align-items:center;justify-content:space-between;background:none;border:none;cursor:pointer;padding:14px 0;color:var(--fg);font-family:Montserrat,sans-serif;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:opacity .2s ease}.case-study__trigger:hover{opacity:.6}.case-study__icon{font-size:1.1rem;font-weight:400;transition:transform .25s ease;line-height:1}.case-study__icon--open{transform:rotate(45deg)}.case-study__body{overflow:hidden}.case-study__body p{font-size:.875rem;line-height:1.75;color:var(--fg-60);padding-bottom:16px;margin:0}.portfolio-detail__link.portfolio-detail__link--mobile-only{display:none}.portfolio-detail__link{display:inline-block;margin-top:8px;font-size:.85rem;font-weight:600;letter-spacing:.04em;color:var(--fg);text-decoration:none;border-bottom:1px solid var(--fg-30);padding-bottom:2px;transition:border-color .2s ease,color .2s ease;width:fit-content}.portfolio-detail__link:hover{border-color:var(--fg)}.portfolio-grid{grid-template-columns:repeat(2,1fr)}@media (max-width: 768px){.portfolio-detail__topbar{display:flex;height:48px}.portfolio-detail__close:not(.portfolio-detail__close--topbar){display:none}.portfolio-detail{grid-template-columns:1fr;grid-template-rows:48px 38% 1fr}.portfolio-preload-frame,.portfolio-preload-frame--active{display:none!important}.portfolio-detail__image--embed{visibility:visible}.portfolio-detail__info{padding:28px 24px 24px;justify-content:flex-start;gap:12px;overflow-y:auto}.portfolio-detail__title{font-size:1.4rem}.portfolio-detail__description{font-size:.875rem;line-height:1.65}.portfolio-detail__close{top:16px;right:20px}.portfolio-detail__link.portfolio-detail__link--mobile-only{display:block}.portfolio-detail__link{display:inline-block;text-align:left;border:none;border-bottom:1px solid var(--fg-30);padding:0 0 2px;margin-top:4px;letter-spacing:.04em;font-size:.85rem;text-transform:none;font-weight:600}.portfolio-detail__link:hover{border-color:var(--fg)}}@media (max-width: 600px){.portfolio-grid{grid-template-columns:1fr}.portfolio-card__overlay{opacity:1}}.values-section{background-color:var(--bg);color:var(--fg)}.values-list{width:100%;max-width:1100px;display:flex;flex-direction:column;margin:0 auto;border-bottom:1px solid var(--fg-08)}.value-row{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:40px;padding:36px 0;border-top:1px solid var(--fg-08)}.value-row__title{font-size:clamp(2rem,3.5vw,3rem);font-weight:600;color:var(--fg);line-height:1.1}.value-row__description{font-size:1rem;line-height:1.75;color:var(--fg-60);margin:0}@media (max-width: 768px){.value-row{grid-template-columns:1fr;gap:12px;padding:24px 0}.value-row__title{font-size:1.75rem}}.about-section{background-color:var(--bg);color:var(--fg)}.about-container{display:flex;align-items:center;gap:60px;max-width:1100px;width:100%;margin:0 auto}.about-image{flex:0 0 440px;width:440px;height:440px;overflow:hidden}.about-image img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;filter:grayscale(10%)}.about-content{display:flex;flex-direction:column;gap:24px;flex:1}.about-label{font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-35)}.about-heading{font-size:clamp(2rem,3vw,2.75rem);font-weight:600;line-height:1.15;color:var(--fg);margin:0}.about-body{font-size:1rem;line-height:1.85;color:var(--fg-60);margin:0}.about-container{flex-direction:column;gap:32px;align-items:flex-start}.about-image{flex:none;width:calc(100% + 56px);margin-left:-28px;height:auto;aspect-ratio:1 / 1}.about-heading{font-size:1.75rem}@media (max-width: 768px){.about-image{width:calc(100% + 40px);margin-left:-20px}.about-heading{font-size:1.75rem}}.skills-section{background-color:var(--bg);color:var(--fg)}.skills-container{display:flex;flex-direction:column;gap:52px;max-width:1100px;width:100%;margin:0 auto}.skills-category{display:flex;flex-direction:column;gap:20px}.skills-category__label{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--fg)}.skills-category__grid{display:flex;flex-wrap:wrap;gap:12px}.skill-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:96px;height:96px;border:1px solid var(--fg-12);cursor:default;transition:border-color .25s ease,background .25s ease}.skill-item:hover{border-color:var(--fg-45);background:var(--fg-04)}.skill-item__icon{font-size:1.75rem;color:var(--fg-60);display:flex;transition:color .25s ease}.skill-item:hover .skill-item__icon{color:var(--fg)}.skill-item__name{font-size:.7rem;font-weight:600;letter-spacing:.04em;color:var(--fg-45);text-align:center;transition:color .25s ease}.skill-item:hover .skill-item__name{color:var(--fg-60)}@media (max-width: 768px){.skill-item{width:80px;height:80px}.skill-item__icon{font-size:1.4rem}}.contact-section{background-color:var(--bg);color:var(--fg)}.contact-container{display:flex;flex-direction:column;gap:32px;max-width:1100px;width:100%;margin:0 auto}.contact-open-to-work{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-60)}.contact-open-to-work__dot{width:8px;height:8px;border-radius:50%;background-color:#4ade80;display:inline-block;flex-shrink:0;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.contact-looking{font-size:.95rem;line-height:1.75;color:var(--fg-60);margin:0;max-width:520px}.contact-label{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-35)}.contact-email{font-size:clamp(2rem,4.5vw,4.5rem);font-weight:600;color:var(--fg);text-decoration:none;line-height:1.1;transition:opacity .2s ease;display:inline-block}.contact-email:hover{opacity:.6}.contact-socials{display:flex;gap:32px}.contact-social-link{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--fg-45);font-size:.9rem;font-weight:600;letter-spacing:.04em;transition:color .2s ease}.contact-social-link:hover{color:var(--fg)}.contact-social-link svg{font-size:1.1rem}@media (max-width: 768px){.contact-email{font-size:clamp(1.5rem,6vw,2.5rem)}.contact-socials{flex-direction:column;gap:20px}}.footer{display:flex;align-items:center;justify-content:space-between;padding:20px 72px;background-color:var(--bg);border-top:1px solid var(--fg-08);box-sizing:border-box;transition:background-color .3s ease}.footer-left,.footer-center{font-size:.78rem;color:var(--fg-35);font-weight:500}.footer-right{display:flex;gap:24px}.footer-right a{font-size:.78rem;font-weight:600;color:var(--fg-35);text-decoration:none;letter-spacing:.04em;transition:color .2s ease;display:flex;align-items:center}.footer-right a:hover{color:var(--fg)}@media (max-width: 768px){.footer{flex-direction:row;padding:16px 20px}.footer-center{display:none}}#root{display:flex;height:100vh;width:100%;background-color:var(--bg);transition:background-color .3s ease,color .3s ease}.main{margin-left:250px;width:calc(100% - 250px);height:100vh;overflow-y:scroll;overflow-x:hidden;scroll-behavior:smooth;scrollbar-width:none}.main::-webkit-scrollbar{display:none}.hidden{opacity:0;transform:translateY(100vh)}.show{opacity:1;transform:translateY(0);transition:opacity 1.1s cubic-bezier(.16,1,.3,1),transform 1.1s cubic-bezier(.16,1,.3,1)}.section{height:100vh;display:flex;flex-direction:column;justify-content:center;color:var(--fg);background-color:var(--bg);padding:0 72px;box-sizing:border-box;overflow:hidden;transition:background-color .3s ease,color .3s ease}.main{margin-left:0;width:100%;height:100vh;padding-top:60px;box-sizing:border-box}.section{height:auto;min-height:100svh;padding:56px 28px;overflow:visible}@media (max-width: 768px){.section{padding:44px 20px}#contact.section{min-height:auto;padding:80px 20px}}.theme-fab{position:fixed;bottom:28px;left:28px;z-index:1500;width:40px;height:40px;border-radius:50%;border:1px solid var(--fg-12);background:#ffffff14;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--fg);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .2s ease,color .2s ease}.theme-fab:hover{border-color:var(--fg);background:#ffffff24}.theme-fab{left:auto;right:20px;bottom:20px}.notfound{height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background-color:var(--bg);color:var(--fg);padding:40px 24px;box-sizing:border-box}.notfound__content{display:flex;flex-direction:column;align-items:flex-start;gap:16px;max-width:520px;width:100%}.notfound__label{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-35)}.notfound__title{font-size:clamp(1.75rem,4vw,3rem);font-weight:700;line-height:1.1;margin:0;color:var(--fg)}.notfound__sub{font-size:.95rem;line-height:1.75;color:var(--fg-60);margin:0}.notfound__wireframe{position:relative;width:100%;border:1px solid var(--fg-12);padding:16px;box-sizing:border-box;margin:8px 0;opacity:.5}.wf-bar{height:10px;background:var(--fg-12);border-radius:2px;margin-bottom:10px;width:100%}.wf-bar--wide{width:60%}.wf-bar--short{width:40%}.wf-bar--mid{width:70%}.wf-bar--footer{width:30%;margin-top:10px;margin-bottom:0}.wf-row{display:flex;gap:12px;margin-bottom:10px}.wf-block--tall{width:120px;height:80px;background:var(--fg-08);border-radius:2px;flex-shrink:0}.wf-col{display:flex;flex-direction:column;gap:8px;flex:1;justify-content:center}.wf-btn{height:24px;width:80px;background:var(--fg-12);border-radius:2px}.notfound__cross{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:4rem;color:var(--fg-30);pointer-events:none;line-height:1}.notfound__btn{background:none;border:none;border-bottom:1px solid var(--fg-30);color:var(--fg);font-family:Montserrat,sans-serif;font-size:.85rem;font-weight:600;letter-spacing:.04em;cursor:pointer;padding:0 0 2px;margin-top:8px;transition:border-color .2s ease}.notfound__btn:hover{border-color:var(--fg)}}