.container{--width:calc(100% - 40px);--max-width:1200px;width:var(--width);max-width:var(--max-width);margin:0 auto;display:block}nav{height:var(--navigation-height);z-index:var(--navigation);background-color:color-mix(in srgb, var(--background-main) 60%, transparent 60%);-webkit-backdrop-filter:saturate(20%)blur(10px);backdrop-filter:saturate(20%)blur(10px);justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}nav>.container{justify-content:space-between;align-items:center;display:flex}nav>.container>.logo{align-items:center;display:flex}nav>.container>.logo>a{--extended-spacing:1;--collapsed-spacing:0;--space:.28em;--animation-duration:.3s;--animation-delay:1.8s;--animation-fn:ease-in-out;color:var(--text-primary);padding:var(--space-2) var(--space-0);font-size:clamp(1.3rem,1.4vw,1.4rem);font-weight:600;line-height:clamp(1.9rem,2.1vw,2.1rem);display:flex;position:absolute}nav>.container>.logo>a span{transform:scaleX(var(--extended-spacing));transition:transform var(--animation-duration) var(--animation-fn) var(--animation-delay), margin var(--animation-duration) var(--animation-fn) var(--animation-delay);overflow:hidden}@starting-style{nav>.container>.logo>a span:nth-child(2){margin-right:var(--space)!important}}nav>.container>.logo>a span:nth-child(2n){transform:scaleX(var(--collapsed-spacing));margin-right:-3.4rem}@starting-style{nav>.container>.logo>a span:nth-child(2n){transform:scaleX(var(--extended-spacing));margin-right:0}}nav>.container>.logo>a:hover span:nth-child(2){margin-right:var(--space)!important}nav>.container>.logo>a:hover span:nth-child(2n){transform:scaleX(var(--extended-spacing));margin-right:0;transition:transform var(--animation-duration) var(--animation-fn) 0s, margin var(--animation-duration) var(--animation-fn) 0s!important}nav>.container>.links{position:relative}@media (width<=750px){nav>.container>.links{display:none}}nav>.container>.links>ul{gap:var(--space-2);display:flex}nav>.container>.links>ul>li>a{color:var(--text-primary);padding:var(--space-2);font-size:1.05rem;font-weight:500;transition:color .3s}nav>.container>.links>ul>li>a:hover,nav>.container>.links>ul>li>a.active{color:var(--primary)}nav>.container>.links>.active-indicator{background:var(--primary);height:2px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:-1rem}nav>.container>.actions{justify-content:end;align-items:center;display:flex}nav>.container>.actions>.actions-content{justify-content:end;align-items:center;gap:.3rem;display:flex;position:absolute}nav>.container>.actions>.actions-content>a{color:var(--text-primary);padding:var(--space-2);font-size:1.05rem;font-weight:500;transition:color .3s}nav>.container>.actions>.actions-content>a:hover{color:var(--primary)}.theme-picker{--theme-picker-z-index:calc(var(--navigation) + 50);color:var(--text-primary);display:inline-block;position:relative}.theme-picker>button{cursor:pointer;width:2.5rem;height:4rem;z-index:var(--theme-picker-z-index);justify-content:center;align-items:center;display:flex;position:relative}.theme-picker>button>i{width:2.5rem;height:2.5rem;color:var(--text-primary);border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;transition:background .2s;display:flex}.theme-picker>button>i.hovered{background:#8585853f}.theme-picker>.dropdown{background:var(--background-sheet);border:1px solid var(--background-border);z-index:calc(var(--theme-picker-z-index) - 5);border-radius:.375rem;min-width:150px;position:absolute;top:100%;right:0;box-shadow:0 10px 15px -3px #0000001a}.theme-picker>.dropdown>ul{padding:.3rem 0;list-style:none}.theme-picker>.dropdown>ul>li.divider{background:var(--background-border);border:none;height:1px;margin:.3rem 0}.theme-picker>.dropdown>ul>li>button{cursor:pointer;text-align:left;width:100%;color:var(--text-primary);background:0 0;border:none;align-items:center;gap:.75rem;padding:.5rem 1rem;transition:background .2s;display:flex}.theme-picker>.dropdown>ul>li>button:hover{background:var(--background-border)}.theme-picker>.dropdown>ul>li>button[aria-pressed=true]{color:var(--primary);font-weight:600}.theme-picker>.dropdown>ul>li>button i{justify-content:center;align-items:center;font-size:1.25rem;display:flex}.theme-picker>.dropdown>ul>li>button span{flex:1}footer{text-align:center;width:100%;padding:var(--space-4) 0;margin-top:calc(var(--space-6) * -1);font-size:clamp(1rem,1.14vw,1.16rem);line-height:clamp(1.45rem,1.8vw,1.75rem);display:block}.drawer-backdrop{opacity:0;visibility:hidden;-webkit-backdrop-filter:saturate(20%)blur(10px);backdrop-filter:saturate(20%)blur(10px);width:200%;height:200%;z-index:calc(var(--drawer) - 1);transition:all .7s allow-discrete, width 0s allow-discrete;position:fixed;top:-50%;left:-50%;overflow:hidden}.drawer{top:calc(env(safe-area-inset-top) + 10dvh);visibility:hidden;width:100svw;z-index:var(--drawer);opacity:0;background-color:var(--background-sheet);transition:all .7s allow-discrete, width 0s allow-discrete;border:0;border-radius:20px 20px 0 0;margin:0 auto;position:fixed;bottom:0;left:0;right:0;overflow:hidden auto;transform:translateY(200%)}.drawer[data-open=true]{opacity:1;visibility:visible;transform:translateY(0)}@starting-style{.drawer[data-open=true]{opacity:0;transform:translateY(200%)}}.drawer[data-open=true]~.drawer-backdrop{opacity:1;visibility:visible}@starting-style{.drawer[data-open=true]~.drawer-backdrop{opacity:0;visibility:hidden}}html[data-theme=light] .drawer-backdrop{background-color:color-mix(in srgb, var(--dark) 70%, transparent 70%)}html[data-theme=dark] .drawer-backdrop{background-color:color-mix(in srgb, var(--black) 70%, transparent 70%)}@media (prefers-color-scheme:light){html[data-theme=system] .drawer-backdrop{background-color:color-mix(in srgb, var(--dark) 70%, transparent 70%)}}@media (prefers-color-scheme:dark){html[data-theme=system] .drawer-backdrop{background-color:color-mix(in srgb, var(--black) 70%, transparent 70%)}}.drawer>.details-actions{margin-bottom:calc(var(--space-2) * -1)!important;padding-top:0!important}.details-actions{padding-top:var(--space-4);justify-content:space-between;align-items:center;display:flex}.details-actions>.action{display:flex}.details-actions>.action>button{cursor:pointer;width:var(--space-5);height:var(--space-5);color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;font-size:2rem;font-weight:700;transition:color .2s;display:flex}.details-actions>.action>button:hover{color:var(--primary)}.details-actions>.action>a{color:var(--text-secondary);padding:var(--space-1) var(--space-2);border-radius:var(--space-1);justify-content:center;align-items:center;gap:.8rem;transition:color .2s;display:flex}.details-actions>.action>a:hover{color:var(--text-primary)}.details-actions>.action>a>span:first-child{margin-top:.22rem}.details-actions>.action>a>span:last-child{font-weight:500}.project-info{gap:var(--space-5);padding:var(--space-4);flex-direction:column;display:flex}@media (width<=750px){.project-info{padding:var(--space-1)}}.project-info{padding-bottom:var(--space-8)}.project-info>.header{gap:var(--space-2);flex-direction:column;display:flex}.project-info>.header>p{color:var(--text-secondary);margin:0;font-size:.875rem;font-style:italic}.project-info>.header>h1{color:var(--text-primary);margin:0;margin-bottom:var(--space-1);font-weight:800}.project-info>.header>span{color:var(--text-secondary);font-size:1.125rem;font-weight:500}.project-info>.summary-section{justify-content:space-between;gap:var(--space-5);flex-direction:row;display:flex}@media (width<=750px){.project-info>.summary-section{flex-direction:column}}.project-info>.summary-section>.summary{color:var(--text-secondary);min-width:300px;margin:0;font-size:1rem;line-height:1.6}.project-info>.summary-section>.tags-section{min-width:300px}@media (width<=750px){.project-info>.summary-section>.tags-section{min-width:auto}}.project-info>.summary-section>.tags-section>h3{color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2);font-size:.875rem;font-weight:600}.project-info>.summary-section>.tags-section>.tags{color:var(--text-secondary);font-size:.875rem;line-height:1.5rem}.project-info>.section{gap:var(--space-2);flex-direction:column;display:flex}.project-info>.section>h2{color:var(--text-primary);margin:0;font-size:.95rem;font-weight:600;line-height:1.4rem}.project-info>.section>p{color:var(--text-secondary);margin:0}.project-info>.images{gap:var(--space-4);flex-direction:column;display:flex}.project-info>.images>.main-image{border-radius:var(--space-2);background-color:var(--background-sheet);width:100%;overflow:hidden}.project-info>.images>.main-image>img{object-fit:cover;aspect-ratio:1;width:100%;height:auto;display:block}.project-info>.images>.thumbnails{gap:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.project-info>.images>.thumbnails>button{border-radius:var(--space-1);cursor:pointer;background:0 0;border:2px solid #0000;padding:0;transition:border-color .2s,transform .2s;overflow:hidden}.project-info>.images>.thumbnails>button:hover{border-color:var(--primary);transform:scale(1.05)}.project-info>.images>.thumbnails>button.active{border-color:var(--primary)}.project-info>.images>.thumbnails>button>img{object-fit:cover;width:80px;height:80px;display:block}@media (width<=750px){.project-info>.images>.thumbnails>button>img{width:60px;height:60px}}#profile{align-items:center}@media (width<=750px){#profile{align-items:flex-start}}#profile .profile-container{padding-top:var(--space-0);padding-bottom:var(--space-8);grid-template-rows:1fr;grid-template-columns:60% 40%;display:grid}#profile .profile-container .information>img{margin-bottom:var(--space-3);border-radius:50%;width:180px}@media (width<=750px){#profile .profile-container{padding-top:var(--space-6);padding-bottom:var(--space-4);grid-template-rows:1fr;grid-template-columns:1fr;margin-bottom:0}#profile .profile-container .information>img{width:120px}}#work>.work-container{gap:var(--space-4);flex-direction:column;display:flex}#work>.work-container>.work-search-bar{gap:var(--space-2);display:grid}#work>.work-container>.work-search-bar>label{letter-spacing:.08rem;text-transform:uppercase;color:var(--text-secondary);scroll-margin-top:0;font-size:.9rem}#work>.work-container>.work-search-bar>input{width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--space-1);border:1px solid var(--background-border);background:var(--background-sheet);color:var(--text-primary);box-sizing:border-box;appearance:none;outline:none;height:44px;line-height:44px}#work>.work-container>.work-search-bar>input::placeholder{color:var(--text-disabled)}#work>.work-container>.projects{gap:var(--space-4);display:grid}#work>.work-container>.projects>a{color:inherit;text-decoration:none;display:block}#work>.work-container>.projects>a>article{gap:var(--space-4);grid-template-columns:60fr 40fr;align-items:stretch;display:grid;overflow:hidden}#work>.work-container>.projects>a>article>.media{background:linear-gradient(135deg, color-mix(in srgb, var(--background-sheet) 70%, var(--background-border)), color-mix(in srgb, var(--background-sheet) 40%, var(--background-border)));min-height:400px;position:relative;overflow:hidden}#work>.work-container>.projects>a>article>.media>img{object-fit:cover;width:100%;height:100%;transition:transform .5s;position:absolute;inset:0}#work>.work-container>.projects>a>article .content{padding:var(--space-4);flex-direction:column;display:flex}#work>.work-container>.projects>a>article .content>.meta{gap:var(--space-1);margin-bottom:var(--space-2);letter-spacing:.03rem;text-transform:uppercase;font-size:.75rem;display:flex}#work>.work-container>.projects>a>article .content>h3{margin:0 0 var(--space-2);color:var(--text-primary);text-transform:uppercase;letter-spacing:.03rem;font-size:clamp(1.4rem,2.6vw,2.2rem);font-weight:600;line-height:1.1}#work>.work-container>.projects>a>article .content>.overline{-webkit-line-clamp:4;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}#work>.work-container>.projects>a>article .content>.action{align-items:center;gap:var(--space-1);color:var(--text-primary);letter-spacing:.1rem;font-weight:500;display:inline-flex}#work>.work-container>.projects>a>article:hover{background-color:color-mix(in srgb, var(--background-sheet) 40%, transparent 40%)}#work>.work-container>.projects>a>article:hover .media img{transform:scale(1.05)}#work>.work-container>.projects>a>article:hover .action{color:var(--primary);text-decoration:underline}@media (width<=750px){#work>.work-container>.projects>a>article{gap:var(--space-2);grid-template-columns:1fr!important}#work>.work-container>.projects>a>article>.media{min-height:300px;order:unset!important}#work>.work-container>.projects>a>article>.content{padding:var(--space-2);order:unset!important}#work>.work-container>.projects>a>article>.content>.overline{margin-bottom:var(--space-2)}}#work>.work-container>.projects>a:nth-child(2n) article{grid-template-columns:40fr 60fr}#work>.work-container>.projects>a:nth-child(2n) article>.media{order:2}#work>.work-container>.projects>a:nth-child(2n) article>.content{order:1}#work>.work-container>.projects>.empty{padding:var(--space-4);border:1px dashed var(--background-border);border-radius:var(--space-2);color:var(--text-secondary);text-align:center}#work>.work-container>.pagination{justify-content:center;align-items:center;gap:var(--space-1);margin-top:var(--space-4);display:flex}#work>.work-container>.pagination>.pagination-arrow{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:color .2s;display:flex}#work>.work-container>.pagination>.pagination-arrow:hover:not(:disabled){color:var(--text-primary)}#work>.work-container>.pagination>.pagination-arrow:disabled{opacity:.3;cursor:not-allowed}#work>.work-container>.pagination>.pagination-numbers{gap:var(--space-2);display:flex}#work>.work-container>.pagination>.pagination-numbers>.pagination-number{min-width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:.9rem;font-weight:400;transition:all .2s;display:flex}#work>.work-container>.pagination>.pagination-numbers>.pagination-number:hover{color:var(--text-primary)}#work>.work-container>.pagination>.pagination-numbers>.pagination-number.active{color:var(--primary);font-weight:500}#work>.work-container>.pagination>.pagination-numbers>.pagination-number:disabled{cursor:default}#social{align-items:center}#social .social-container{width:100%}#social .social-container .content{width:var(--content-width);margin:0 auto}#social .social-container .content .social-networks{margin:0 0 var(--space-2);color:var(--text-primary)}#social .social-container .content .social-networks .social-link{margin:0 6px;padding:4px;font-size:2.4rem}.not-found{min-height:100vh;padding:var(--space-4);justify-content:center;align-items:center;display:flex}.not-found>div{text-align:center;max-width:400px}.not-found>div>h1{color:var(--text-primary);margin:0 0 var(--space-4) 0;font-size:clamp(4rem,10vw,8rem);font-weight:700;line-height:1}.not-found>div>p{color:var(--text-secondary);margin:0 0 var(--space-6) 0;font-size:1.125rem;line-height:1.6}.not-found>div>a{border:1px solid var(--text-primary);color:var(--text-primary);padding:var(--space-2) var(--space-4);border-radius:var(--space-1);font-size:1rem;font-weight:500;transition:all .2s}.not-found>div>a:hover{background-color:var(--text-primary);color:var(--background-sheet)}
