@import url("https://fonts.cdnfonts.com/css/pp-neue-montreal");@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");:root{--bg:#f1efe7;--fg:#1f1f1f;--fg-muted:rgba(31,31,31,0.7);--bg-muted:rgba(0,0,0,0.05);--border-color:rgba(0,0,0,0.05);--stroke:rgba(0,0,0,0.2);--menu-bg:#0f0f0f;--menu-fg:#fff;--card-bg:#fff;--card-header-bg:#f1f5f9;--scrolled-nav-bg:rgba(18,18,18,0.8)}body.dark{--bg:#121212;--fg:#f1f1f1;--fg-muted:rgba(241,241,241,0.7);--bg-muted:rgba(255,255,255,0.1);--border-color:rgba(255,255,255,0.1);--stroke:rgba(255,255,255,0.2);--card-bg:#1e1e1e;--card-header-bg:#2a2a2a;--scrolled-nav-bg:rgba(255,255,255,0.8)}*{margin:0;padding:0;box-sizing:border-box}html{scrollbar-width:thin;scrollbar-color:var(--fg) transparent}body{font-family:PP Neue Montreal,Inter,sans-serif;color:var(--fg);background-color:var(--bg);overflow-y:auto;overflow-x:hidden}.page-container{opacity:0;transition:opacity 1.2s cubic-bezier(.4,0,.2,1)}.page-container.is-loaded{opacity:1}body.scroll-locked{overflow:hidden}img{width:100%;height:100%;object-fit:cover}h1{font-size:6rem;letter-spacing:-.1rem}h1,h2{font-weight:500;line-height:1.1;color:var(--fg)}h2{font-size:1.75rem;letter-spacing:-.02rem}a,p{color:var(--fg);text-decoration:none;font-size:1rem;font-weight:500;line-height:1;cursor:pointer}body.menu-open nav.main-nav .nav-center,body.menu-open nav.main-nav .nav-left{opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}body.menu-open nav.main-nav .nav-right{display:flex;justify-content:flex-end;width:100%}body.menu-open nav.main-nav{background:transparent;backdrop-filter:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--fg);border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:#333}@media (max-width:1000px){h1{font-size:2.5rem;letter-spacing:-.05rem}h2{font-size:1.5rem}}@media (max-width:600px){h1{font-size:2rem}h2{font-size:1.3rem}}.projects-spotlight{position:relative;width:100vw;height:100dvh;overflow:hidden;background-color:var(--bg)}.projects-spotlight *{margin-bottom:0;padding-bottom:0}.projects-intro-text-wrapper{position:absolute;width:100%;top:50%;transform:translateY(-50%);display:flex;gap:.5rem;z-index:5}.projects-intro-text{flex:1;position:relative;will-change:transform}.projects-intro-text:first-child{display:flex;justify-content:flex-end}.projects-intro-text p{font-size:clamp(1.75rem,.75rem + 3.5vw,4rem);color:var(--fg);font-weight:600}.projects-bg-img{position:absolute;width:100%;height:100%;overflow:hidden;transform:scale(0);will-change:transform}.projects-bg-img img{transform:scale(1.5);will-change:transform}.projects-shade{position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse 60% 100% at 30% 50%,rgba(0,0,0,.65) 0,rgba(0,0,0,0) 70%);pointer-events:none}.projects-titles-container{position:absolute;top:0;left:15vw;width:100%;height:100%;overflow:hidden;clip-path:polygon(50vh 0,0 50%,50svh 100%,100% calc(100% + 100svh),100% -100svh);--before-opacity:0;--after-opacity:0}.projects-titles-container:after,.projects-titles-container:before{content:"";position:absolute;width:100svh;height:2.5px;background:#fff;pointer-events:none;transition:opacity .4s ease-out;z-index:10;will-change:opacity}.projects-titles-container:before{top:0;left:0;transform:rotate(-45deg) translate(-7rem);opacity:var(--before-opacity)}.projects-titles-container:after{bottom:0;left:0;transform:rotate(45deg) translate(-7rem);opacity:var(--after-opacity)}.projects-titles{position:relative;left:15%;width:75%;height:100%;display:flex;flex-direction:column;gap:5rem;transform:translateY(100%);z-index:2}.projects-titles h1{font-size:clamp(2.2rem,1.1rem + 4.5vw,5.5rem);line-height:1.05;color:#fff;opacity:.25;transition:opacity .3s ease;cursor:pointer}.projects-titles h1:hover{color:#d6d5d5;transition:all .4s ease}.projects-images{position:absolute;top:0;left:0;width:50%;min-width:300px;height:100%;z-index:1;pointer-events:none}.projects-img{position:absolute;width:200px;height:150px;will-change:transform;border-radius:.5rem;overflow:hidden}.projects-header{position:absolute;top:50%;left:10%;transform:translateY(-50%);transition:opacity .3s ease;z-index:2;opacity:0}.projects-header p{font-size:clamp(1.5rem,.75rem + 3vw,3.5rem);font-weight:600;color:#fff}.projects-modal{--pad:clamp(1rem,4vw,3rem);position:fixed;inset:0;z-index:999;display:grid;place-content:center;place-items:center;background:rgba(0,0,0,.8);backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .35s ease;padding:var(--pad);text-align:center;color:#fff;font-family:inherit}.projects-modal.open{opacity:1;pointer-events:auto}.projects-modal__close{position:absolute;top:var(--pad);right:var(--pad);background:none;border:0;font-size:2rem;color:#fff;cursor:pointer;line-height:1}.projects-modal__img{width:100%;max-width:280px;aspect-ratio:4/3;object-fit:cover;border-radius:6px;margin-bottom:1rem}.projects-modal__title{font-size:clamp(2rem,5vw + 1rem,4rem);margin:0 0 .5em;font-weight:600}.projects-modal__desc{font-size:clamp(.9rem,1.5vw + .5rem,1.25rem);max-width:50ch;margin:0 0 1.5em;line-height:1.4}.projects-modal__btns{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.projects-modal__btn{padding:.75em 2em;border:none;font-size:clamp(.9rem,1vw + .5rem,1.1rem);cursor:pointer;transition:all .25s ease;text-decoration:none;border-radius:.5rem;font-weight:600}.projects-modal__btn.live{background:#fff;color:#000}.projects-modal__btn.git{background:#333;color:#fff}.projects-modal__btn:hover{filter:brightness(1.15);transform:translateY(-2px)}@media (max-width:1000px){.projects-titles-container{clip-path:none;left:5vw}.projects-titles-container:after,.projects-titles-container:before{display:none}.projects-titles{left:0}}@media (max-width:950px){.projects-header{display:none}}@supports (height:100dvh){.projects-spotlight{height:100dvh}}@supports not (height:100dvh){.projects-spotlight{height:100vh;height:calc(var(--vh, 1vh) * 100)}}@media (max-width:768px){.projects-spotlight{height:100vh!important;min-height:100vh!important;margin-bottom:0!important;padding-bottom:0!important}}