@charset "UTF-8";:root{--light-color: #ffffff;--light-color-rgb: 221, 242, 253;--light2-color: #f5f5f7;--light2-color-rgb: 2, 21, 38;--foreground-color: #1d1d1f;--bars-gap: 5px;--bar-width: 30px;--bar-height: 4px;--transition-timing: .3s cubic-bezier(.4, 0, .2, 1);--menu-height: 22px ;--font-primary: Manrope, sans-serif}:root.dark-theme{--light-color: #161617;--light-color-rgb: 60, 61, 55;--light2-color: #1d1d1f;--light2-color-rgb: 30, 32, 30;--foreground-color: #F5F5F0}*,*:after,*:before{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}p,h1,h2,h3,h4,h5,h6{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}html{font-size:62.5%;overflow-x:hidden;background-color:var(--light-color);color:var(--foreground-color);scroll-behavior:smooth;transition:background-color .5s cubic-bezier(.4,0,.2,1),color .5s cubic-bezier(.4,0,.2,1)}html.dark-theme a.active{color:#fff;background-color:#0171e3}body{font-family:Manrope,sans-serif;font-weight:600;margin:0;padding:0;overflow-x:hidden;background-color:transparent;transition:background-color .5s cubic-bezier(.4,0,.2,1),color .5s cubic-bezier(.4,0,.2,1)}body.no-vertical-scroll{overflow-y:hidden;overscroll-behavior-y:contain}body.disable-scroll{position:fixed;top:0;left:0;right:0;width:100%;overflow:hidden;touch-action:none}body a{-webkit-tap-highlight-color:transparent;text-decoration:none}span.copy-right{position:absolute;bottom:40px;left:50%;transform:translate(-50%);font-size:1rem;color:var(--foreground-color);opacity:.6}section.section,article.section{transition:background-color .5s ease-in-out}section.light-section,article.light-section{color:var(--foreground-color)}a.button{font-size:clamp(1.4rem,1rem + .8vw,1.8rem);color:#f5f5f0}p{font-size:clamp(1rem,1.2rem + 1.1vw,1.8rem)}h1{font-size:clamp(3.8rem,1rem + 4vw,6rem)}h2{font-size:clamp(2.5rem,1rem + 4vw,5rem)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}section,button,a.button{transition:all .35s cubic-bezier(.4,0,.2,1)}a.button{display:flex;width:fit-content;max-width:100%;min-width:0;padding:10px 18px;color:#f5f5f0;justify-content:center;align-items:center;border-radius:5px;cursor:pointer;outline:none;font-size:clamp(1.4rem,1rem + .8vw,1.8rem);background-color:#161617e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:.5px solid rgba(255,255,255,.35);box-shadow:4px 4px 8px #16161759,-4px -4px 8px #ffffff14,0 10px 25px #00000040,inset 0 1px 1px #ffffffb3,inset 0 -2px 6px #fff6;transition:background-color .3s ease,border-color .3s ease}a.button:hover{background-color:#16161766;border-color:#ffffff80}a.button{transition:all .35s cubic-bezier(.4,0,.2,1);white-space:nowrap;flex:0 0 auto}a.button.highlight{border-color:#0171e3;background-color:#0171e3;color:var(--light-color)}a.button:hover{background-color:#16161766;border:.5px solid rgba(255,255,255,.35)}div.section-changer{display:flex;flex-direction:column;text-align:center;align-items:center;gap:15px;font-size:clamp(1rem,1.2rem + 1.1vw,1.8rem);color:#1d1d1f;cursor:pointer;margin-top:50px;-webkit-tap-highlight-color:transparent;position:relative;z-index:2;pointer-events:auto}div.section-changer div{width:31px;height:17px;background-size:cover;background-position:bottom;background-image:url(/assets/icons/keyboard-arrow-down-dark.svg)}div.section-changer.section-changer-dark span{color:var(--foreground-color)}div.section-changer.section-changer-dark div{background-image:url(/assets/icons/keyboard-arrow-down-dark.svg)}div.section-changer.home div{transform:rotate(180deg)}div.section-changer:hover{opacity:.7}.dark-theme div.section-changer div{background-image:url(/assets/icons/keyboard-arrow-down-light.svg)}div.logo-container{display:none;opacity:1;transition:opacity var(--transition-timing)}div.logo-container img{width:4rem;height:4rem}div.logo-container.hidden{opacity:0}button.radio-button{width:10px;height:10px;min-width:10px;min-height:10px;border-radius:50%;background:var(--foreground-color);cursor:pointer;opacity:.3;border:none;padding:0;transition:opacity .3s ease}button.radio-button.active{opacity:1}html.dark-theme header label.menu:before,html.dark-theme header label.menu:after,html.dark-theme header label.menu input{content:"";background-color:#f5f5f0}header{position:fixed;width:95%;top:2%;left:50%;transform:translate(-50%);z-index:1000;display:flex;justify-content:left;align-items:center;padding:0;opacity:1;transition:opacity .35s cubic-bezier(.4,0,.2,1),background-color .35s cubic-bezier(.4,0,.2,1)}header.glass-surface{position:fixed;justify-content:left;align-items:center;overflow:visible}header .glass-surface__content{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;width:100%;box-sizing:border-box;position:static;overflow:visible}header:before{content:"";position:absolute;top:0;left:10%;right:10%;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);border-radius:50%}header.hidden{opacity:0}header label.menu{--new-bars-width: calc(var(--menu-height) * 1.4);position:relative;display:flex;flex-direction:column;gap:var(--bars-gap);width:max-content;justify-content:center;align-items:center;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent}header label.menu:before,header label.menu:after,header label.menu input{content:"";width:var(--bar-width);height:var(--bar-height);border-radius:10px;transform-origin:left center;transition:opacity var(--transition-timing),width var(--transition-timing),transform var(--transition-timing),background-color var(--transition-timing);background-color:#1d1d1f}header label.menu input{appearance:none;padding:0;margin:0;outline:none;pointer-events:none}header label.menu input:checked{opacity:0;width:0}header label.menu:has(input:checked):before{transform:rotate(45deg) translateY(calc(var(--bar-height) / -2));width:var(--new-bars-width)}header label.menu:has(input:checked):after{transform:rotate(-45deg) translateY(calc(var(--bar-height) / 2));width:var(--new-bars-width)}header label.menu:has(input:checked)~nav.menu-buttons-container{opacity:1}header label.menu:has(input:checked)~nav.menu-buttons-container a.menu-button{pointer-events:all}header label.menu:has(input:checked)~nav.menu-buttons-container label.darkmode-button-container{pointer-events:all}header label.menu:has(input:checked)~nav.menu-buttons-container .language-switcher.desktop{pointer-events:all}header.dark-theme label.menu:before,header.dark-theme label.menu:after,header.dark-theme label.menu input{background-color:#f5f5f0}header .menu-buttons-container{position:absolute;left:calc(var(--bar-width) + 25px);display:flex;gap:8px;justify-content:center;align-items:center;opacity:0;color:#1d1d1f;transition:opacity var(--transition-timing),color var(--transition-timing),border-color var(--transition-timing)}header .menu-buttons-container a.menu-button{display:flex;justify-content:center;align-items:center;border-radius:5px;font-size:1rem;width:fit-content;min-width:40px;height:24px;padding:0 12px;pointer-events:none;color:#f5f5f0;white-space:nowrap;background-color:#161617e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:.5px solid rgba(255,255,255,.35);box-shadow:4px 4px 8px #16161759,-4px -4px 8px #ffffff14,0 10px 25px #00000040,inset 0 1px 1px #ffffffb3,inset 0 -2px 6px #fff6;transition:background-color .3s ease,border-color .3s ease}header .menu-buttons-container a.menu-button:hover{background-color:#16161766;border-color:#ffffff80}header .menu-buttons-container a.menu-button img{width:40px;height:24px}header .menu-buttons-container a.menu-button.active{color:#f5f5f0;background-color:#0171e3e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:.5px solid rgba(255,255,255,.35);box-shadow:4px 4px 8px #16161759,-4px -4px 8px #ffffff14,0 10px 25px #00000040,inset 0 1px 1px #ffffffb3,inset 0 -2px 6px #fff6;transition:background-color .3s ease,border-color .3s ease}header .menu-buttons-container a.menu-button.active:hover{background-color:#0171e366;border-color:#ffffff80}header .menu-buttons-container a.menu-button.contact{width:40px;min-width:40px;padding:0}@media screen and (max-width:768px){header .menu-buttons-container a.menu-button{font-size:.94rem;height:23px;padding:0 11px}header .menu-buttons-container .language-switcher .language-switcher-trigger{min-width:60px;height:23px;padding:0 10px;font-size:.81rem}}@media screen and (max-width:450px){header .menu-buttons-container a.menu-button{font-size:.9rem;height:22px;padding:0 10px}header .menu-buttons-container a.menu-button.contact{width:36px;min-width:36px}header .menu-buttons-container a.menu-button.contact img{width:36px;height:22px}header .menu-buttons-container .language-switcher .language-switcher-trigger{min-width:56px;height:22px;padding:0 9px;font-size:.78rem}}header .menu-buttons-container label.darkmode-button-container{position:relative;display:flex;width:40px;height:20px;align-items:center;cursor:pointer;border-radius:25px;padding:5px 0;transition:background-color var(--transition-timing);outline:none;-webkit-tap-highlight-color:transparent;pointer-events:none}header .menu-buttons-container label.darkmode-button-container.brown-color{background-color:var(--foreground-color)}header .menu-buttons-container label.darkmode-button-container.light-color{background-color:var(--light-color)}header .menu-buttons-container label.darkmode-button-container input{position:absolute;left:-1px;top:calc(50% - 10.5px);appearance:none;width:15px;height:15px;border-radius:50%;transition:transform var(--transition-timing),background-color var(--transition-timing);z-index:2;cursor:pointer;outline:none;pointer-events:none;background-color:var(--light-color)}header .menu-buttons-container label.darkmode-button-container:after,header .menu-buttons-container label.darkmode-button-container:before{content:"";width:13px;height:13px;position:absolute;background-image:url(/assets/icons/theme-mode-icon.svg);background-size:cover;background-position:center;z-index:1;top:calc(50% - 6.5px)}header .menu-buttons-container label.darkmode-button-container:after{transform:rotate(180deg);right:2px}header .menu-buttons-container label.darkmode-button-container:before{left:2px}header .menu-buttons-container label.darkmode-button-container:has(input:checked){background-color:var(--light-color);border:solid 1px var(--foreground-color)}header .menu-buttons-container label.darkmode-button-container:has(input:checked) input{transform:translate(calc(100% + 3.5px));background-color:var(--foreground-color)}header .menu-buttons-container .language-switcher{position:relative;pointer-events:none}header .menu-buttons-container .language-switcher .language-switcher-trigger{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:64px;height:24px;padding:0 12px;border-radius:5px;border:none;cursor:pointer;color:#f5f5f0;font-family:inherit;font-size:.85rem;letter-spacing:.08em;white-space:nowrap;background-color:#161617e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:.5px solid rgba(255,255,255,.35);box-shadow:4px 4px 8px #16161759,-4px -4px 8px #ffffff14,0 10px 25px #00000040,inset 0 1px 1px #ffffffb3,inset 0 -2px 6px #fff6;transition:background-color .3s ease,border-color .3s ease}header .menu-buttons-container .language-switcher .language-switcher-trigger:hover{background-color:#16161766;border-color:#ffffff80}header .menu-buttons-container .language-switcher .language-switcher-caret{font-size:.8rem;line-height:1;transform:translateY(-1px)}header .menu-buttons-container .language-switcher .language-switcher-menu{position:absolute;top:calc(100% + 8px);right:0;display:flex;flex-direction:column;gap:6px;min-width:140px;padding:8px;border-radius:14px;z-index:1200;background-color:#161617e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:.5px solid rgba(255,255,255,.35);box-shadow:4px 4px 8px #16161759,-4px -4px 8px #ffffff14,0 10px 25px #00000040,inset 0 1px 1px #ffffffb3,inset 0 -2px 6px #fff6;transition:background-color .3s ease,border-color .3s ease}header .menu-buttons-container .language-switcher .language-switcher-menu:hover{background-color:#16161766;border-color:#ffffff80}header .menu-buttons-container .language-switcher .language-switcher-option{display:flex;align-items:center;justify-content:center;min-height:30px;padding:6px 12px;border:none;border-radius:8px;cursor:pointer;color:#f5f5f0;background:transparent;font-family:inherit;font-size:.85rem;letter-spacing:.02em;white-space:nowrap}header .menu-buttons-container .language-switcher .language-switcher-option:hover,header .menu-buttons-container .language-switcher .language-switcher-option:focus-visible,header .menu-buttons-container .language-switcher .language-switcher-option.active{background-color:#ffffff2e;outline:none}@media screen and (max-width:534px){header .menu-buttons-container .language-switcher.desktop{display:none}}.language-switcher.floating,.mobile-darkmode-toggle{display:none}@media screen and (max-width:534px){.language-switcher.floating{display:block;position:fixed;right:16px;bottom:16px;z-index:1400;pointer-events:all}.language-switcher.floating .language-switcher-trigger{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:80px;height:36px;padding:0 14px;border-radius:10px;border:none;cursor:pointer;color:#f5f5f0;font-family:inherit;font-size:.9rem;letter-spacing:.08em;white-space:nowrap;background-color:#161617e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:.5px solid rgba(255,255,255,.35);box-shadow:4px 4px 8px #16161759,-4px -4px 8px #ffffff14,0 10px 25px #00000040,inset 0 1px 1px #ffffffb3,inset 0 -2px 6px #fff6;transition:background-color .3s ease,border-color .3s ease}.language-switcher.floating .language-switcher-trigger:hover{background-color:#16161766;border-color:#ffffff80}.language-switcher.floating .language-switcher-trigger{box-shadow:0 10px 22px #00000040,inset 0 1px 1px #ffffff8c}.language-switcher.floating .language-switcher-caret{font-size:.8rem;line-height:1;transform:translateY(-1px)}.language-switcher.floating .language-switcher-menu{position:absolute;right:0;bottom:calc(100% + 10px);top:auto;min-width:150px;display:flex;flex-direction:column;gap:6px;padding:8px;border-radius:14px;background-color:#161617e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:.5px solid rgba(255,255,255,.35);box-shadow:4px 4px 8px #16161759,-4px -4px 8px #ffffff14,0 10px 25px #00000040,inset 0 1px 1px #ffffffb3,inset 0 -2px 6px #fff6;transition:background-color .3s ease,border-color .3s ease}.language-switcher.floating .language-switcher-menu:hover{background-color:#16161766;border-color:#ffffff80}.language-switcher.floating .language-switcher-option{display:flex;align-items:center;justify-content:center;min-height:30px;padding:6px 12px;border:none;border-radius:8px;cursor:pointer;color:#f5f5f0;background:transparent;font-family:inherit;font-size:.85rem;letter-spacing:.02em;white-space:nowrap}.language-switcher.floating .language-switcher-option:hover,.language-switcher.floating .language-switcher-option:focus-visible,.language-switcher.floating .language-switcher-option.active{background-color:#ffffff2e;outline:none}}@media screen and (max-width:424px){header .menu-buttons-container label.darkmode-button-container{display:none}.mobile-darkmode-toggle{display:block;position:fixed;left:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:1400;pointer-events:all}.mobile-darkmode-toggle .darkmode-button-container{position:relative;display:flex;width:44px;height:22px;align-items:center;cursor:pointer;border-radius:25px;padding:5px 0;transition:background-color var(--transition-timing);outline:none;-webkit-tap-highlight-color:transparent;background-color:var(--foreground-color);box-shadow:0 10px 22px #00000040,inset 0 1px 1px #ffffff8c}.mobile-darkmode-toggle .darkmode-button-container input{position:absolute;left:-1px;top:calc(50% - 10.5px);appearance:none;width:15px;height:15px;border-radius:50%;transition:transform var(--transition-timing),background-color var(--transition-timing);z-index:2;cursor:pointer;outline:none;background-color:var(--light-color)}.mobile-darkmode-toggle .darkmode-button-container:after,.mobile-darkmode-toggle .darkmode-button-container:before{content:"";width:13px;height:13px;position:absolute;background-image:url(/assets/icons/theme-mode-icon.svg);background-size:cover;background-position:center;z-index:1;top:calc(50% - 6.5px)}.mobile-darkmode-toggle .darkmode-button-container:after{transform:rotate(180deg);right:2px}.mobile-darkmode-toggle .darkmode-button-container:before{left:2px}.mobile-darkmode-toggle .darkmode-button-container:has(input:checked){background-color:var(--light-color);border:solid 1px var(--foreground-color)}.mobile-darkmode-toggle .darkmode-button-container:has(input:checked) input{transform:translate(calc(100% + 5.5px));background-color:var(--foreground-color)}}section.light-section,section.dark-section,article.light-section,article.dark-section{display:flex;flex-direction:column;align-items:center;min-height:100vh;text-align:center;padding:70px 20px 60px;scroll-snap-align:start;transition:background-color .5s cubic-bezier(.4,0,.2,1) ease-in-out}section.section>div,section.section>h2,section.section>h3,section.section>p,section.section .abilities-wrapper,section.section .project-cards-container,section.section .main-welcome-content-container,section.section .buttons-container,article.section>div,article.section>h2,article.section>h3,article.section>p,article.section .abilities-wrapper,article.section .project-cards-container,article.section .main-welcome-content-container,article.section .buttons-container{transition:opacity 3.5s cubic-bezier(.22,1,.36,1),transform 3.5s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}section.section.hidden>div,section.section.hidden>h2,section.section.hidden>h3,section.section.hidden>p,section.section.hidden .abilities-wrapper,section.section.hidden .project-cards-container,section.section.hidden .main-welcome-content-container,section.section.hidden .buttons-container,article.section.hidden>div,article.section.hidden>h2,article.section.hidden>h3,article.section.hidden>p,article.section.hidden .abilities-wrapper,article.section.hidden .project-cards-container,article.section.hidden .main-welcome-content-container,article.section.hidden .buttons-container{opacity:0!important;transform:translateY(24px);pointer-events:none}section.section.visible>div,section.section.visible>h2,section.section.visible>h3,section.section.visible>p,section.section.visible .abilities-wrapper,section.section.visible .project-cards-container,section.section.visible .main-welcome-content-container,section.section.visible .buttons-container,article.section.visible>div,article.section.visible>h2,article.section.visible>h3,article.section.visible>p,article.section.visible .abilities-wrapper,article.section.visible .project-cards-container,article.section.visible .main-welcome-content-container,article.section.visible .buttons-container{opacity:1;transform:translateY(0);pointer-events:auto}section.section div.section-changer,article.section div.section-changer{transition:opacity .2s cubic-bezier(.4,0,.2,1) ease-in-out}section.section div.section-changer:hover,article.section div.section-changer:hover{opacity:.3}section#home{position:relative;overflow:hidden;justify-content:center;color:#f5f5f0}section#home .home-iridescence-bg{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.85}section#home>div:not(.home-iridescence-bg){position:relative;z-index:1}section#home h1,section#home h2,section#home h3,section#home p,section#home span{color:#f5f5f0}section#home .main-welcome-content-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:fit-content;max-width:100%;margin-inline:auto}section#home .main-welcome-content-container h1{line-height:clamp(2.2rem,2rem + 6vw,4.2rem);font-weight:700;margin:30px 0;width:100%;font-size:clamp(3rem,1rem + 4vw,4rem)}@media screen and (max-width:415px){section#home .main-welcome-content-container h1{line-height:clamp(1.8rem,1.5rem + 5vw,3rem);text-align:left}}section#home .main-welcome-content-container .main-logo-banner-container{display:flex;align-items:center;width:fit-content;justify-content:center;gap:15px}section#home .main-welcome-content-container .main-logo-banner-container img.main-logo{opacity:0;z-index:2;animation:welcomeLogo .8s ease-in forwards}section#home .main-welcome-content-container .main-logo-banner-container .banner-container{line-height:clamp(1.2rem,1.6rem + 4vw,50px)}section#home .main-welcome-content-container .main-logo-banner-container .banner-container h2{transform:translate(100%);opacity:0;text-align:left;margin:0;font-size:clamp(2.5rem,1rem + 4vw,5rem);animation:bannerSlideIn 1s cubic-bezier(.68,-.55,.265,1.55) forwards}section#home .main-welcome-content-container .main-logo-banner-container .banner-container h2:first-child{animation-delay:.3s}section#home .main-welcome-content-container .main-logo-banner-container .banner-container h2:nth-child(2){animation-delay:.45s}@media screen and (min-width:768px){section#home .main-welcome-content-container{flex-direction:row;flex-wrap:nowrap;gap:clamp(1.2rem,2.8vw,4rem)}section#home .main-welcome-content-container>.main-logo-banner-container,section#home .main-welcome-content-container>h1{flex:0 1 auto;max-width:none;width:auto}section#home .main-welcome-content-container h1{text-align:left}}@media screen and (min-width:888px){section#home .main-welcome-content-container{gap:50px}}section#home .buttons-container{display:flex;flex-direction:column;gap:8px;width:fit-content;justify-content:center;align-items:center;margin-inline:auto}section#home .buttons-container button.work.transition-button.home{width:100%}@media screen and (min-width:768px){section#home .buttons-container{flex-direction:row;gap:12px;margin:20px 0}section#home .buttons-container button.work.transition-button.home{width:auto}}@media screen and (min-width:888px){section#home .buttons-container{margin:30px 0}}section#home .section-changer div{background-image:url(/assets/icons/keyboard-arrow-down-light.svg)}section#home .section-changer span{color:#f5f5f0}section#projects h2{font-size:clamp(2.5rem,1rem + 4vw,5rem);font-weight:700;margin-bottom:15px}section#projects>p{max-width:1360px;margin:0 auto 40px;font-size:clamp(1rem,1.2rem + 1.1vw,1.8rem);line-height:1.6}section#projects .project-cards-container{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;width:100%;max-width:1200px;margin-bottom:40px}section#abilities{width:100%;color:#1d1d1f;background-color:var(--light-color)}section#abilities .abilities-wrapper{width:100%;max-width:1160px;margin-inline:auto;display:flex;flex-direction:column;gap:85px;padding:20px 12px}@media screen and (max-width:768px){section#abilities .abilities-wrapper{gap:60px;padding:10px 4px}}section#abilities .skills-block{display:flex;flex-direction:column;align-items:center;width:100%}section#abilities .skills-block h2{font-size:clamp(2.5rem,1rem + 4vw,5rem);font-weight:700;margin-bottom:16px;color:inherit;letter-spacing:-.02em}section#abilities .skills-block .skills-section-subtitle{max-width:760px;margin:0 auto 36px;font-size:clamp(1rem,1.2rem + 1.1vw,1.8rem);line-height:1.6;opacity:.88;text-align:center}@media screen and (max-width:768px){section#abilities .skills-block .skills-section-subtitle{text-align:justify;text-justify:inter-word;-webkit-hyphens:auto;hyphens:auto}}section#abilities .tech-tools-block .tech-categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:24px;width:100%}section#abilities .tech-tools-block .tech-categories-grid .tech-category-card{background:linear-gradient(135deg,#ffffffeb,#f5f8ffbf);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(1,113,227,.16);border-radius:22px;padding:28px 22px;box-shadow:0 6px 20px #0171e30d,0 1px 3px #00000005;display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s cubic-bezier(.4,0,.2,1),border-color .35s cubic-bezier(.4,0,.2,1)}section#abilities .tech-tools-block .tech-categories-grid .tech-category-card:hover{transform:translateY(-4px);border-color:#0171e361;box-shadow:0 14px 32px #0171e321}section#abilities .tech-tools-block .tech-categories-grid .tech-category-card h3{font-size:clamp(2rem,1rem + 1vw,1.5rem);font-weight:700;margin:0 0 20px;color:#1d1d1f;letter-spacing:-.01em}section#abilities .tech-tools-block .tech-categories-grid .tech-category-card .tech-badges-container{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;width:100%}section#abilities .tech-tools-block .tech-categories-grid .tech-category-card .tech-badges-container .tech-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:30px;background:#fffffff2;border:1px solid rgba(0,0,0,.08);box-shadow:0 2px 6px #0000000a;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),background-color .2s cubic-bezier(.4,0,.2,1)}section#abilities .tech-tools-block .tech-categories-grid .tech-category-card .tech-badges-container .tech-badge:hover{transform:scale(1.05);background:#fff;box-shadow:0 4px 14px #0171e329}section#abilities .tech-tools-block .tech-categories-grid .tech-category-card .tech-badges-container .tech-badge.text-only{padding:8px 18px}section#abilities .tech-tools-block .tech-categories-grid .tech-category-card .tech-badges-container .tech-badge .icon{width:22px;height:22px;background-size:contain;background-repeat:no-repeat;background-position:center;display:inline-block;flex-shrink:0}section#abilities .tech-tools-block .tech-categories-grid .tech-category-card .tech-badges-container .tech-badge .tech-badge-name{font-size:1rem;font-weight:600;color:#1d1d1f;letter-spacing:-.01em}section#abilities .what-i-enjoy-block .concept-cards-grid.enjoy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;width:100%}section#abilities .what-i-enjoy-block .concept-cards-grid.enjoy-grid .concept-card.enjoy-card{position:relative;overflow:hidden;background:linear-gradient(145deg,#ffffffe0,#f0f4ffa6);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(79,70,229,.16);border-radius:22px;padding:30px 26px;text-align:left;box-shadow:0 6px 20px #4f46e50d;display:flex;flex-direction:column;gap:14px;transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s cubic-bezier(.4,0,.2,1),border-color .35s cubic-bezier(.4,0,.2,1)}section#abilities .what-i-enjoy-block .concept-cards-grid.enjoy-grid .concept-card.enjoy-card .card-accent-pill{width:36px;height:5px;border-radius:4px;background:linear-gradient(90deg,#4f46e5,#06b6d4);margin-bottom:4px}section#abilities .what-i-enjoy-block .concept-cards-grid.enjoy-grid .concept-card.enjoy-card:hover{transform:translateY(-4px);border-color:#4f46e561;box-shadow:0 14px 34px #4f46e521}section#abilities .what-i-enjoy-block .concept-cards-grid.enjoy-grid .concept-card.enjoy-card h3{font-size:clamp(2rem,1rem + 1vw,1.5rem);font-weight:700;margin:0;color:#1d1d1f;letter-spacing:-.015em}section#abilities .what-i-enjoy-block .concept-cards-grid.enjoy-grid .concept-card.enjoy-card p{font-size:clamp(1rem,1.2rem + 1.1vw,1.8rem);line-height:1.6;margin:0;color:#1d1d1fe0}section#abilities .what-matters-block .concept-cards-grid.matters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;width:100%}section#abilities .what-matters-block .concept-cards-grid.matters-grid .concept-card.matters-card{position:relative;overflow:hidden;background:linear-gradient(145deg,#ffffffe0,#f4fcf6a6);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(16,185,129,.2);border-radius:22px;padding:30px 26px;text-align:left;box-shadow:0 6px 20px #10b9810d;display:flex;flex-direction:column;gap:14px;transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s cubic-bezier(.4,0,.2,1),border-color .35s cubic-bezier(.4,0,.2,1)}section#abilities .what-matters-block .concept-cards-grid.matters-grid .concept-card.matters-card .card-accent-pill{width:36px;height:5px;border-radius:4px;background:linear-gradient(90deg,#10b981,#f59e0b);margin-bottom:4px}section#abilities .what-matters-block .concept-cards-grid.matters-grid .concept-card.matters-card:hover{transform:translateY(-4px);border-color:#10b9816b;box-shadow:0 14px 34px #10b98121}section#abilities .what-matters-block .concept-cards-grid.matters-grid .concept-card.matters-card h3{font-size:clamp(2rem,1rem + 1vw,1.5rem);font-weight:700;margin:0;color:#1d1d1f;letter-spacing:-.015em}section#abilities .what-matters-block .concept-cards-grid.matters-grid .concept-card.matters-card p{font-size:clamp(1rem,1.2rem + 1.1vw,1.8rem);line-height:1.6;margin:0;color:#1d1d1fe0}section#abilities .more-than-code-block{padding:45px 15px 10px}section#abilities .more-than-code-block .more-than-code-content{max-width:840px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px}section#abilities .more-than-code-block .more-than-code-content .manifesto-deco-line{width:60px;height:4px;border-radius:3px;background:linear-gradient(90deg,transparent,#0171e3,transparent);margin-bottom:6px}section#abilities .more-than-code-block .more-than-code-content h2{font-size:clamp(2.5rem,1rem + 4vw,5rem);font-weight:700;margin:0;letter-spacing:-.025em;background:linear-gradient(135deg,#1d1d1f 30%,#1d1d1fb8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}section#abilities .more-than-code-block .more-than-code-content p{font-size:clamp(1rem,1.2rem + 1.1vw,1.8rem);line-height:1.8;margin:0;color:#1d1d1f;opacity:.9;font-weight:400;max-width:1360px;text-align:center}@media screen and (max-width:768px){section#abilities .more-than-code-block .more-than-code-content p{text-align:justify;text-justify:inter-word;-webkit-hyphens:auto;hyphens:auto}}section#last-part{justify-content:center;color:#f5f5f0}section#last-part h3{font-size:clamp(2rem,1rem + 1vw,1.5rem);font-weight:700;margin-bottom:25px}section#last-part .main-logo-banner-container{display:flex;align-items:center;gap:15px;margin-bottom:20px}section#last-part .main-logo-banner-container .banner-container h2{margin:0;text-align:left;font-size:clamp(2.5rem,1rem + 4vw,5rem)}section#last-part>p{max-width:620px;margin:0 auto 30px;font-size:clamp(1rem,1.2rem + 1.1vw,1.8rem);line-height:1.65}section#last-part .copy-right{margin-top:40px;font-size:.8rem;opacity:.6}img.main-logo{display:inline-block;width:clamp(12rem,1rem + 4vw,18rem);height:clamp(12rem,1rem + 4vw,18rem);background-size:cover;background-position:center}.icon{display:inline-block;width:22px;height:22px;background-position:center;background-repeat:no-repeat;background-size:contain}.icon.python{background-image:url(/assets/icons/python-icon.svg)}.icon.java{background-image:url(/assets/icons/java-icon.svg)}.icon.js{background-image:url(/assets/icons/js-icon.svg)}.icon.c{background-image:url(/assets/icons/c-icon.svg)}.icon.cpp{background-image:url(/assets/icons/cpp-icon.svg)}.icon.react{background-image:url(/assets/icons/react-icon.svg)}.icon.html{background-image:url(/assets/icons/html-icon.svg)}.icon.css{background-image:url(/assets/icons/css-icon.svg)}.icon.scss{background-image:url(/assets/icons/scss-icon.svg)}.icon.github{background-image:url(/assets/icons/github-icon.svg)}.icon.figma{background-image:url(/assets/icons/figma-icon.svg)}.icon.r{background-image:url(/assets/icons/r-icon.svg)}.icon.sql{background-image:url(/assets/icons/sql-icon.svg)}.icon.mips{background-image:url(/assets/icons/mips-icon.svg)}.icon.vite{background-image:url(/assets/icons/vite-icon.svg)}.icon.pytorch{background-image:url(/assets/icons/pytorch-icon.svg)}.icon.opencv{background-image:url(/assets/icons/opencv-icon.svg)}.icon.sklearn{background-image:url(/assets/icons/sklearn-icon.svg)}.icon.numpy{background-image:url(/assets/icons/numpy-icon.svg)}.icon.pandas{background-image:url(/assets/icons/pandas-icon.svg)}.icon.selenium{background-image:url(/assets/icons/selenium-icon.svg)}.icon.api{background-image:url(/assets/icons/api-icon.svg)}.icon.git{background-image:url(/assets/icons/git-icon.svg)}.icon.vscode{background-image:url(/assets/icons/vscode-icon.svg)}@keyframes bannerSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes welcomeLogo{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}:root.dark-theme section#abilities{color:#f5f5f0;background-color:var(--light-color)}:root.dark-theme section#abilities .tech-tools-block .tech-category-card{background:linear-gradient(135deg,#1c1e22e0,#14161ab8);border-color:#0171e347;box-shadow:0 6px 22px #00000059}:root.dark-theme section#abilities .tech-tools-block .tech-category-card:hover{border-color:#0171e385;box-shadow:0 14px 34px #0171e338}:root.dark-theme section#abilities .tech-tools-block .tech-category-card h3{color:#f5f5f0}:root.dark-theme section#abilities .tech-tools-block .tech-category-card .tech-badges-container .tech-badge{background:#2a2d32eb;border-color:#ffffff24;box-shadow:0 2px 6px #00000040}:root.dark-theme section#abilities .tech-tools-block .tech-category-card .tech-badges-container .tech-badge:hover{background:#373b41fa;box-shadow:0 4px 14px #0171e352}:root.dark-theme section#abilities .tech-tools-block .tech-category-card .tech-badges-container .tech-badge .tech-badge-name{color:#f5f5f0}:root.dark-theme section#abilities .what-i-enjoy-block .concept-card.enjoy-card{background:linear-gradient(145deg,#1c1e24e0,#16171eb8);border-color:#6366f147;box-shadow:0 6px 22px #00000059}:root.dark-theme section#abilities .what-i-enjoy-block .concept-card.enjoy-card:hover{border-color:#6366f185;box-shadow:0 14px 34px #6366f138}:root.dark-theme section#abilities .what-i-enjoy-block .concept-card.enjoy-card h3{color:#f5f5f0}:root.dark-theme section#abilities .what-i-enjoy-block .concept-card.enjoy-card p{color:#f5f5f0e0}:root.dark-theme section#abilities .what-matters-block .concept-card.matters-card{background:linear-gradient(145deg,#1a201ce0,#131915b8);border-color:#10b98147;box-shadow:0 6px 22px #00000059}:root.dark-theme section#abilities .what-matters-block .concept-card.matters-card:hover{border-color:#10b98185;box-shadow:0 14px 34px #10b98138}:root.dark-theme section#abilities .what-matters-block .concept-card.matters-card h3{color:#f5f5f0}:root.dark-theme section#abilities .what-matters-block .concept-card.matters-card p{color:#f5f5f0e0}:root.dark-theme section#abilities .more-than-code-block .more-than-code-content h2{background:linear-gradient(135deg,#f5f5f0 50%,#f5f5f0bf);-webkit-background-clip:text;-webkit-text-fill-color:transparent}:root.dark-theme section#abilities .more-than-code-block .more-than-code-content p{color:#f5f5f0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}section#projects{height:auto;text-align:center;padding:90px 40px 100px;background-color:var(--light2-color);color:#1d1d1f}section#projects p{font-size:clamp(1rem,1.2rem + 1.1vw,1.8rem)}@media screen and (min-width:768px){section#projects p{text-align:center;padding:0 clamp(50px,50px + 25vw,150px)}}@media screen and (max-width:480px){section#projects p{text-align:justify}}section#projects .section-changer{margin-top:150px}section#projects div.project-cards-container{display:flex;flex-wrap:wrap;padding:0 40px;gap:25px;justify-content:center;align-items:center;width:100%;margin-bottom:140px}section#projects div.project-card{position:relative;aspect-ratio:16/10;width:85%;max-width:340px;min-width:280px;min-height:180px;margin-top:60px;cursor:pointer;-webkit-tap-highlight-color:transparent;perspective:800px;transform-style:preserve-3d}section#projects div.project-card .small-info-card{position:absolute;top:76%;left:calc(50% - 100px);display:flex;justify-content:center;align-items:center;width:200px;height:80px;flex-direction:column;color:#f5f5f0;background:#141e198c;border-radius:10px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:.5px solid rgba(255,255,255,.35);box-shadow:0 10px 25px #00000040,inset 0 1px 1px #ffffffb3,inset 0 -2px 6px #fff6;transition:opacity .3s ease;overflow:hidden}section#projects div.project-card .small-info-card:before{content:"";position:absolute;top:0;left:10%;right:10%;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);border-radius:50%}section#projects div.project-card .small-info-card:after{content:"";position:absolute;top:0;left:0;width:1px;height:100%;background:linear-gradient(180deg,rgba(255,255,255,.7),transparent,rgba(255,255,255,.4))}section#projects div.project-card .small-info-card{animation-duration:.5s;animation-name:cardOut;animation-timing-function:ease-in;animation-delay:0s;animation-iteration-count:1;animation-direction:normal;animation-play-state:paused;animation-fill-mode:forwards;perspective:60px;transform-style:preserve-3d}section#projects div.project-card .small-info-card h4,section#projects div.project-card .small-info-card h6,section#projects div.project-card .small-info-card p{margin:0;padding:0;width:100%;text-align:center;height:fit-content}section#projects div.project-card .small-info-card h4{font-size:1.4rem}section#projects div.project-card .small-info-card h6{font-size:1rem;font-style:italic;margin-bottom:5px;opacity:.9}section#projects div.project-card .small-info-card p{font-size:1.2rem;padding:0 5px;line-height:1.1;opacity:.75}section#projects div.project-card .face{position:absolute;width:100%;height:100%;border-radius:10px;box-shadow:0 4px 4px #00000040;overflow:hidden;transform-style:preserve-3d;transition:transform .35s ease-in-out;transition-delay:var(--flip-delay, .25s);backface-visibility:hidden}section#projects div.project-card.flipped .face{transition-delay:0s}section#projects div.project-card .front{background-color:var(--light-color)}section#projects div.project-card .front img{width:100%;height:100%;object-fit:cover;border-radius:10px 10px 0 0;z-index:10}section#projects div.project-card .back{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--light-color);transform:rotateY(180deg);opacity:0;visibility:hidden}section#projects div.project-card .back img{margin-bottom:5px}section#projects div.project-card .back a.card-button{width:220px;max-width:100%;min-width:220px;padding:10px 18px;margin:0 0 8px;white-space:normal;text-align:center;font-size:clamp(1.4rem,1rem + .8vw,1.8rem);background-color:#1d1d1f;flex:0 0 auto}section#projects div.project-card .back a.card-button:first-of-type{margin-bottom:5px}section#projects div.project-card .back a.card-button:hover{transform:scale(1.05);border-color:#ffffff80}section#projects div.project-card .back button.transition-button.projectCard{width:220px;max-width:100%;min-width:220px;padding:10px 18px;margin:0;white-space:normal;text-align:center}section#projects div.project-card.flipped .front{transform:rotateY(180deg)}section#projects div.project-card.flipped .back{transform:rotateY(360deg);visibility:visible;opacity:1}section#projects.dark-theme{color:var(--foreground-color)}section#projects.dark-theme div.project-card div.small-info-card p,section#projects.dark-theme div.project-card div.small-info-card h4,section#projects.dark-theme div.project-card div.small-info-card h6{color:var(--foreground-color)}section#projects.dark-theme span{color:var(--foreground-color)}section#abilities{color:var(--foreground-color);text-align:center;padding:80px 20px}section#abilities h3{font-size:clamp(2rem,1rem + 1vw,1.5rem)}section#abilities span{color:var(--foreground-color)}section#abilities p{max-width:480px}section#abilities p:last-child{text-align:left}div.icons-container{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:30px 0}div.icon,a.icon{width:32px;height:32px;background-size:cover;-webkit-tap-highlight-color:transparent}div.js{background-image:url(/assets/icons/js-icon.svg)}div.react{background-image:url(/assets/icons/react-icon.svg)}div.r{background-image:url(/assets/icons/r-icon.svg)}div.c{background-image:url(/assets/icons/c-icon.svg)}div.python{background-image:url(/assets/icons/python-icon.svg)}div.cpp{background-image:url(/assets/icons/cpp-icon.svg)}div.java{background-image:url(/assets/icons/java-icon.svg)}div.scss{background-image:url(/assets/icons/scss-icon.svg)}div.css{background-image:url(/assets/icons/css-icon.svg)}div.html{background-image:url(/assets/icons/html-icon.svg)}div.figma{background-image:url(/assets/icons/figma-icon.svg)}article.project-info,section.project-info{position:relative;padding:120px 20px 100px;transition:background-color .5s ease-in-out}article.project-info p,section.project-info p{font-size:clamp(1rem,1.2rem + 1.1vw,1.8rem)}article.project-info#svq,section.project-info#svq{padding-bottom:120px}article.project-info#edgeml-football h1,section.project-info#edgeml-football h1{line-height:clamp(1.5rem,2.5rem + 5.5vw,6rem)}article.project-info h1,section.project-info h1{margin-top:0;margin-bottom:40px;color:var(--foreground-color);line-height:clamp(30px,1.2rem + 9vw,50px)}article.project-info span.copy-right,section.project-info span.copy-right{text-align:center;color:var(--foreground-color)}article.project-info p,section.project-info p{width:100%;max-width:680px;margin:30px 0;text-align:justify}article.project-info a.button,section.project-info a.button{display:inline-flex;width:fit-content;max-width:100%;margin:30px 0;white-space:normal;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);background-color:#0171e3}article.project-info a.button:hover,section.project-info a.button:hover{transform:scale(1.05);border-color:#ffffff80}article.project-info a.button:nth-of-type(2),section.project-info a.button:nth-of-type(2){margin:30px}article.project-info .img-presentator-container,section.project-info .img-presentator-container{position:relative;display:flex;width:100%;max-width:800px;justify-content:space-between;align-items:center;height:auto;margin:20px 0 5px}article.project-info button.arrow,section.project-info button.arrow{display:none;background:none;border:none;padding:0;margin:0;cursor:pointer;outline:none;width:32px;height:32px;background-repeat:no-repeat;background-position:center;background-size:contain;-webkit-tap-highlight-color:transparent;background-image:url(/assets/icons/keyboard-arrow-down-brown.svg)}article.project-info button.left-arrow,section.project-info button.left-arrow{transform:rotate(90deg)}article.project-info button.right-arrow,section.project-info button.right-arrow{transform:rotate(-90deg)}article.project-info .images-wrapper,section.project-info .images-wrapper{display:flex;aspect-ratio:16/9;height:auto;min-width:280px;max-width:600px;min-height:160px;max-height:360px;box-shadow:0 4px 4px #00000040;border-radius:10px;overflow-x:scroll;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;margin:0 auto;scrollbar-width:none;-ms-overflow-style:none}article.project-info .images-wrapper::-webkit-scrollbar,section.project-info .images-wrapper::-webkit-scrollbar{display:none}article.project-info .images-wrapper img.img,section.project-info .images-wrapper img.img{flex-shrink:0;width:100%;height:100%;scroll-snap-align:start;pointer-events:none}article.project-info .edge-ml-images img.img,section.project-info .edge-ml-images img.img{object-fit:cover;object-position:center center}article.project-info .radio-buttons-container,section.project-info .radio-buttons-container{display:flex;justify-content:center;width:100%;margin-top:15px;margin-bottom:30px;gap:10px}article.project-info div#fullscreen,section.project-info div#fullscreen{margin:30px 0}article.project-info .video-container,section.project-info .video-container{position:relative;border-radius:10px;box-shadow:0 4px 4px #00000040;z-index:1;transition:width .3s ease-out,height .3s ease-out}article.project-info .video-container.small,section.project-info .video-container.small{aspect-ratio:16/9;height:auto;max-width:680px;max-height:340px;min-width:280px;min-height:160px;transition:width .3s ease-in-out,height .3s ease-in-out,box-shadow 1.5s ease-in-out}article.project-info .video-container.max-width,section.project-info .video-container.max-width{width:100%;height:100%;box-shadow:0 0 #0000;transition:width .3s ease-out,height .3s ease-out,box-shadow 0s}article.project-info .video-container.max-width .screen-control-container,section.project-info .video-container.max-width .screen-control-container{bottom:35px}article.project-info .video-container video,section.project-info .video-container video{width:100%;height:100%;border-radius:10px;object-fit:cover;transition:width .3s ease-out,height .3s ease-out}article.project-info .video-container .controls,section.project-info .video-container .controls{position:absolute;z-index:2;top:calc(50% - 32px);left:calc(50% - 32px);width:64px;height:64px;background-image:url(/assets/icons/play-circle-icon.svg);background-size:cover;opacity:.5;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity .35s ease-out}article.project-info .video-container .controls.playing,section.project-info .video-container .controls.playing{background-image:url(/assets/icons/pause-circle-icon.svg);opacity:0}article.project-info .video-container .controls.paused,section.project-info .video-container .controls.paused{background-image:url(/assets/icons/play-circle-icon.svg);opacity:.5}article.project-info .video-container .controls.show,section.project-info .video-container .controls.show{opacity:.5}article.project-info .video-container .screen-control-container,section.project-info .video-container .screen-control-container{position:absolute;display:flex;justify-content:flex-end;align-items:flex-end;bottom:10px;width:32px;height:32px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity .35s ease-out;z-index:1}article.project-info .video-container .screen-control-container .screen-control,section.project-info .video-container .screen-control-container .screen-control{background-size:cover;width:18px;height:18px}article.project-info .video-container .screen-control-container.playing,section.project-info .video-container .screen-control-container.playing{opacity:0;pointer-events:none}article.project-info .video-container .screen-control-container.show,section.project-info .video-container .screen-control-container.show{opacity:.5;pointer-events:all}article.project-info .video-container .screen-control-container.maximize .screen-control,section.project-info .video-container .screen-control-container.maximize .screen-control{background-image:url(/assets/icons/maximize-icon.svg)}article.project-info .video-container .screen-control-container.maximize,section.project-info .video-container .screen-control-container.maximize{right:8px}article.project-info .video-container .screen-control-container.max-width .screen-control,section.project-info .video-container .screen-control-container.max-width .screen-control{background-image:url(/assets/icons/max-width-icon.svg)}article.project-info .video-container .screen-control-container.max-width,section.project-info .video-container .screen-control-container.max-width{right:35px}article.project-info .video-container .screen-control-container.min-width .screen-control,section.project-info .video-container .screen-control-container.min-width .screen-control{background-image:url(/assets/icons/less-width.svg)}article.project-info .video-container .screen-control-container.min-width,section.project-info .video-container .screen-control-container.min-width{right:35px}article.project-info .video-bottom,section.project-info .video-bottom{display:flex;width:100%;height:auto;justify-content:space-around;align-items:center;gap:5px;margin-top:5px}article.project-info .video-duration-bar,section.project-info .video-duration-bar{position:relative;width:85%;height:6px;border-radius:3px;background-color:#00000040}article.project-info .video-progress-bar,section.project-info .video-progress-bar{width:0;height:100%;background-color:#000;border-radius:5px;transition:width .2s linear}article.project-info .smallerControls,section.project-info .smallerControls{width:16px;height:16px;background-image:url(/assets/icons/play-icon.svg);background-size:cover;cursor:pointer;-webkit-tap-highlight-color:transparent}article.project-info .smallerControls.playing,section.project-info .smallerControls.playing{background-image:url(/assets/icons/pause-icon.svg)}article.project-info .smallerControls.paused,section.project-info .smallerControls.paused{background-image:url(/assets/icons/play-icon.svg)}article.project-info .time,section.project-info .time{font-size:1rem}article.project-info.dark-theme button.arrow,section.project-info.dark-theme button.arrow{background-image:url(/assets/icons/keyboard-arrow-down-light-color.svg)}article.project-info.dark-theme .video-container .video-bottom .video-duration-bar,section.project-info.dark-theme .video-container .video-bottom .video-duration-bar{background-color:#d6d6d64d}article.project-info.dark-theme .video-container .video-bottom .video-duration-bar .video-progress-bar,section.project-info.dark-theme .video-container .video-bottom .video-duration-bar .video-progress-bar{background-color:#d6d6d6}article.project-info.dark-theme .video-container .video-bottom .smallerControls.playing,section.project-info.dark-theme .video-container .video-bottom .smallerControls.playing{background-image:url(/assets/icons/pause-icon-gray.svg)}article.project-info.dark-theme .video-container .video-bottom .smallerControls.paused,section.project-info.dark-theme .video-container .video-bottom .smallerControls.paused{background-image:url(/assets/icons/play-icon-gray.svg)}@media screen and (min-width:440px){article.project-info button.arrow,section.project-info button.arrow{display:inline-block}article.project-info button.arrow.disabled,section.project-info button.arrow.disabled{opacity:.3;pointer-events:none}}@keyframes contactEntrance{0%{opacity:0;transform:translateY(40px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes bgRotateEntrance{0%{transform:rotate(-60deg) scale(.7)}50%{transform:rotate(-10deg) scale(1.05)}to{transform:rotate(-20deg) scale(1)}}@keyframes bgRotateHover{0%{transform:rotate(-20deg) scale(1)}to{transform:rotate(-15deg) scale(1.1) translate(2px,-3px)}}@keyframes glassEntrance{0%{opacity:0;stroke-dashoffset:240;filter:none}to{opacity:1;stroke-dashoffset:0;filter:var(--glass-glow)}}@keyframes popIn{0%{opacity:0;transform:scale(.8) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}html.dark-theme section#contact p,html.dark-theme section#contact span{color:#f5f5f0}html.dark-theme section#contact .contact-card-icon{--glass-glow: drop-shadow(0 10px 25px rgba(0, 113, 227, .4)) drop-shadow(0 2px 5px rgba(255, 255, 255, .5))}html.dark-theme section#contact .contact-card-icon:hover .contact-glass-card{filter:drop-shadow(0 15px 35px rgba(0,113,227,.6)) drop-shadow(0 4px 10px rgba(255,255,255,.8))}html.dark-theme section#contact a.wa{background-image:url(/assets/icons/whatsapp-icon-light.svg)}html.dark-theme section#contact a.mail{background-image:url(/assets/icons/mail-icon-light.svg)}html.dark-theme section#contact a.instagram{background-image:url(/assets/icons/instagram-icon-light.svg)}html.dark-theme section#contact a.github{background-image:url(/assets/icons/github-icon-light.svg)}html.dark-theme section#contact a.linkedin{background-image:url(/assets/icons/linkedin-icon-light.svg)}section#contact{position:relative;padding:120px 20px 100px;justify-content:center;background-color:var(--light2-color);min-height:100vh;color:#1d1d1f}section#contact .contact-card-icon{--glass-glow: drop-shadow(0 12px 20px rgba(0, 50, 120, .15)) drop-shadow(0 4px 8px rgba(0, 113, 227, .2));width:10vw;min-width:100px;max-width:160px;margin:20px 0;overflow:visible;transition:opacity 1s cubic-bezier(.4,0,.2,1);animation:contactEntrance 1.5s cubic-bezier(.2,.8,.2,1) forwards}section#contact .contact-card-icon .contact-bg-card{transform-origin:0 20px;transform:rotate(-20deg);animation:bgRotateEntrance 1.6s cubic-bezier(.2,.8,.2,1) both}section#contact .contact-card-icon .contact-frost-layer,section#contact .contact-card-icon .contact-glass-card{animation:glassEntrance 2s ease-out .4s both}section#contact .contact-card-icon .contact-glass-card{transition:stroke-width .4s ease,filter .5s ease;stroke-dasharray:240;stroke-opacity:.9}section#contact .contact-card-icon .contact-person-avatar{animation:popIn 1.2s cubic-bezier(.34,1.56,.64,1) .6s both}section#contact .contact-card-icon .contact-line{opacity:0;animation:popIn 1.5s cubic-bezier(.2,.8,.2,1) forwards}section#contact .contact-card-icon .contact-line.contact-line-1{animation-delay:.8s}section#contact .contact-card-icon .contact-line.contact-line-2{animation-delay:1s}section#contact .contact-card-icon .contact-line.contact-line-3{animation-delay:1.2s}section#contact .contact-card-icon:hover .contact-bg-card{animation:bgRotateHover 3s infinite alternate ease-in-out}section#contact .contact-card-icon:hover .contact-glass-card{filter:drop-shadow(0 15px 35px rgba(0,113,227,.4)) drop-shadow(0 4px 10px rgba(0,113,227,.3));stroke-width:2.5px}section#contact .contact-card-icon:hover .contact-person-avatar{transform:scale(1.05) translateY(-2px);transition:transform .4s ease}section#contact .contact-card-icon:hover .contact-line{transform:translate(2px);transition:transform .3s ease}section#contact.dark-section p,section#contact.dark-section span{color:#1d1d1f}section#contact .icons-container{gap:20px}section#contact .icons-container a.icon{transition:transform .2s cubic-bezier(.4,0,.2,1),filter .2s cubic-bezier(.4,0,.2,1)}section#contact .icons-container a.icon:hover{transform:scale(1.15) translateY(-3px);filter:drop-shadow(0 0 8px rgba(255,255,255,.4))}section#contact p:first-child{line-height:50px}section#contact a.wa{background-image:url(/assets/icons/whatsapp-icon-dark.svg)}section#contact a.mail{background-image:url(/assets/icons/mail-icon-dark.svg)}section#contact a.instagram{background-image:url(/assets/icons/instagram-icon-dark.svg)}section#contact a.github{background-image:url(/assets/icons/github-icon.svg)}section#contact a.linkedin{background-image:url(/assets/icons/linkedin-icon-dark.svg)}section#last-part{position:relative;background-color:var(--light2-color);color:#1d1d1f;padding:50px 20px 80px;justify-content:center}section#last-part h3{font-size:clamp(2rem,1rem + 1vw,1.5rem);transition:opacity 1s cubic-bezier(.4,0,.2,1)}section#last-part div.main-logo-banner-container{display:flex;align-items:center;width:fit-content;justify-content:center;gap:15px;margin:30px 0}section#last-part div.main-logo-banner-container div.banner-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;line-height:clamp(2rem,2rem + 2vw,5rem)}section#last-part div.main-logo-banner-container h2{margin:0}section#last-part div.main-logo-banner-container img.main-logo{width:clamp(80px,60px + 5vw,180px);transition:opacity 1s cubic-bezier(.4,0,.2,1)}section#last-part span{color:#1d1d1f}section#last-part div.section-changer.home div{transform:rotate(180deg)}section#last-part.dark-theme{color:var(--foreground-color)}section#last-part.dark-theme div.section-changer.home span{color:var(--foreground-color)}section#last-part.dark-theme div.section-changer.home div{transform:rotate(180deg)}section#last-part.dark-theme span{color:#f5f5f0}@keyframes cardOut{0%{transform:translate(0) scale(1);opacity:1}50%{transform:translate3d(0,25px,200px) scale(1.1,.6);opacity:.4}to{transform:translate3d(calc(100% + 220px),25px,200px) scale(1.1,.6);opacity:0}}@keyframes loading{0%{transform:translate(0) scale(1) rotate(0)}33%{transform:translateY(1vw) scale(1.5) rotate(180deg)}66%{transform:translate(0) scale(1) rotate(360deg)}to{transform:translate(0) scale(1) rotate(360deg)}}@keyframes fadeOut{0%{transform:translate(-50%,-50%) scale(1)}50%{background-color:var(--light-color)}to{transform:translate(-50%,-50%) scale(100);background-color:var(--light-color)}}@keyframes welcomeLogo{0%{opacity:0;transform:translateY(0) rotate(0) scale(1)}25%{transform:translateY(10px) rotate(180deg) scale(1.5)}50%{transform:translateY(20px) rotate(360deg) scale(1.75)}75%{transform:translateY(10px) rotate(540deg) scale(1.5)}to{opacity:1;transform:translateY(0) rotate(720deg) scale(1)}}@keyframes bannerSlideIn{0%{transform:translate(100%) skew(15deg);opacity:0}60%{transform:translate(-2.5%) skew(0)}80%{transform:translate(5%) skew(0)}to{transform:translate(0) skew(0);opacity:1}}@keyframes workTitleFadeIn{0%{opacity:0;transform:translateY(-30%)}to{transform:translateY(0);opacity:1}}section#about-page{position:relative;padding:120px 20px 100px;color:var(--foreground-color)}section#about-page h3{font-size:clamp(2rem,1rem + 1vw,1.5rem)}section#about-page a.button{padding:10px 18px;width:fit-content;max-width:100%;background-color:#0171e3;white-space:normal;text-align:center;line-height:1.1;flex:0 0 auto}section#about-page a.button:hover{transform:scale(1.05);border-color:#ffffff80}section#about-page .about-hero .hero-inner{max-width:1100px;margin-left:auto;margin-right:auto;padding:8px 10px;display:grid;gap:28px;align-items:center;grid-template-columns:1fr;grid-template-areas:"title" "image" "text"}@media screen and (min-width:768px){section#about-page .about-hero .hero-inner{grid-template-columns:1fr auto;grid-template-areas:"title title" "text image"}}section#about-page .about-hero .hero-inner h1{grid-area:title;font-size:clamp(2.5rem,1rem + 4vw,5rem);text-align:center;margin:2.5rem auto;transform:translateY(-30%);animation:workTitleFadeIn 1s ease-out forwards;font-weight:700}section#about-page .about-hero .hero-text{grid-area:text;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:10px;flex:1 1 380px;min-width:240px}section#about-page .about-hero .hero-text .tagline{padding:0 clamp(10px,5vw,50px);text-align:justify}section#about-page .about-hero .hero-text .buttons-container{display:flex;flex-direction:row;margin:15px 0;width:100%;max-width:100%;flex-wrap:wrap;justify-content:center;gap:12px}section#about-page .about-hero .hero-media{grid-area:image;width:100%;max-width:30rem;margin:0 auto}section#about-page .about-hero .hero-media img{display:block;width:100%;height:auto;aspect-ratio:3/4;border-radius:4rem;object-fit:cover;background:#e0e0e0;box-shadow:15px 15px 30px #bebebe,-15px -15px 30px #fff;transition:all .3s ease}section#about-page .about-hero .hero-media img:hover{box-shadow:10px 10px 20px #bebebe,-10px -10px 20px #fff;transform:scale(1.02)}section#about-page .snapshot-block{max-width:900px;margin:40px auto;padding:0 10px}section#about-page .snapshot-block .snapshot{display:grid;grid-template-columns:repeat(2,minmax(200px,1fr));gap:clamp(10px,2.5vw,15px);align-items:start;justify-items:stretch;grid-auto-rows:1fr}section#about-page .snapshot-block .snapshot .snap-item{display:flex;flex-direction:column;height:100%;justify-content:center;gap:8px;padding:10px;color:var(--foreground-color);border-radius:10px;background-color:rgba(var(--light2-color),.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:.5px solid rgba(255,255,255,.35);box-shadow:4px 4px 8px #16161759,-4px -4px 8px #ffffff14,0 10px 25px #00000040,inset 0 1px 1px #ffffffb3,inset 0 -2px 6px #fff6;transition:background-color .3s ease,border-color .3s ease}section#about-page .snapshot-block .snapshot .snap-item:hover{background-color:rgba(var(--light2-color),.4);border-color:#ffffff80}section#about-page .snapshot-block .snapshot .snap-item{box-shadow:4px 4px 10px #16161726,-4px -4px 8px #ffffff14}section#about-page .snapshot-block .snapshot .snap-item dt{font-weight:600}section#about-page .snapshot-block .snapshot .snap-item dd{margin:0;opacity:.9}section#about-page .snapshot-block .snapshot .snap-item dt,section#about-page .snapshot-block .snapshot .snap-item dd{font-size:clamp(.5rem,1rem + 1vw,1.4rem)}@media(max-width:520px){section#about-page .snapshot-block .snapshot{grid-template-columns:1fr;gap:16px}}@media(min-width:900px){section#about-page .snapshot-block .snapshot{grid-template-columns:repeat(2,minmax(240px,1fr))}}section#about-page .about-story,section#about-page .process,section#about-page .highlights,section#about-page .contact-cta{max-width:900px;margin:18px auto;padding:0 10px}section#about-page .about-story h3{font-size:clamp(2rem,1rem + 1vw,1.5rem)}section#about-page .about-story p{text-align:justify}section#about-page .process ul{display:flex;flex-direction:column;gap:5px;list-style-type:disc;padding-left:0}section#about-page .process ul li{text-align:left;font-size:clamp(.8rem,1rem + 1vw,1.6rem)}section#about-page .highlights .case{margin:12px 0;text-align:left}section#about-page .highlights .case h4{font-size:clamp(1.6rem,1rem + .8vw,1.3rem);margin-bottom:6px}section#about-page .highlights .case p{font-size:clamp(.5rem,1rem + 1vw,1.4rem);margin:6px 0 0;padding:0 20px 0 0;text-align:justify}section#about-page .highlights .case a{position:relative;display:inline-block;font-size:clamp(.5rem,1rem + 1vw,1.4rem);text-decoration:none;color:#0171e3;margin-top:8px;transition:all .3s cubic-bezier(.4,0,.2,1)}section#about-page .highlights .case a:before{content:"";position:absolute;bottom:-2px;left:0;width:0%;height:2px;display:block;background-color:#0171e3;transition:all .3s cubic-bezier(.4,0,.2,1)}section#about-page .highlights .case a:hover{opacity:.6}section#about-page .highlights .case a:hover:before{width:100%}section#about-page .contact-cta{margin-top:28px;text-align:center}section#about-page .contact-cta .buttons-container{display:inline-flex;justify-content:center;align-items:center;width:auto;gap:12px;margin-top:12px;flex-wrap:wrap}section#about-page .contact-cta .buttons-container button.transition-button.about.long{width:fit-content;max-width:100%}section#about-page .contact-cta .buttons-container a.button{max-width:100%}@media screen and (max-width:600px){section#about-page .about-hero .hero-inner{gap:18px}section#about-page .hero-media{flex:0 0 160px}}html.dark-theme section#about-page .hero-media img{background:#0e0e0e;box-shadow:inset 8px 8px 16px #000000e6,inset -8px -8px 16px #ffffff14;transition:all .4s ease}html.dark-theme section#about-page .hero-media img:hover{box-shadow:inset 4px 4px 8px #000000e6,inset -4px -4px 8px #ffffff1f;transform:scale(1.01)}div.loader{position:fixed;inset:0;z-index:9999;display:flex;justify-content:center;align-items:center;background-color:var(--light-color);pointer-events:all}div.loader img{width:25vw;height:25vw;max-width:200px;animation-duration:1s;animation-name:loading;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:normal;animation-play-state:running}button.transition-button{display:flex;justify-content:center;align-items:center;width:fit-content;max-width:100%;min-width:0;cursor:pointer;border-radius:5px;padding:10px 18px;color:#f5f5f0;background-color:var(--button-bg, #0171e3);border:1px solid rgba(255,255,255,.2);transform-origin:center center;font-size:clamp(1.4rem,1rem + .8vw,1.8rem);background-color:#0171e3e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:.5px solid rgba(255,255,255,.35);box-shadow:4px 4px 8px #16161759,-4px -4px 8px #ffffff14,0 10px 25px #00000040,inset 0 1px 1px #ffffffb3,inset 0 -2px 6px #fff6;transition:background-color .3s ease,border-color .3s ease}button.transition-button:hover{background-color:#0171e366;border-color:#ffffff80}button.transition-button{transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;white-space:nowrap}button.transition-button:hover{transform:scale(1.05);border-color:#ffffff80}button.transition-button:active{transform:scale(.97)}button.transition-button.home{width:fit-content;max-width:100%}button.transition-button.last-part{max-width:100%;margin-top:30px}button.transition-button.projectCard{padding:10px 18px;width:fit-content;max-width:100%;min-width:0;margin:0}button.transition-button.about,button.transition-button.about.long{white-space:normal;text-align:center;line-height:1.1}button.transition-button.expand{position:fixed;top:50%;left:50%;border-radius:0;color:transparent;animation:fadeOut .5s ease-in-out forwards;z-index:9999}section.work-section{position:relative;display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:85px 14px 80px;color:#1d1d1f;width:100%;max-width:100%;box-sizing:border-box}@media screen and (min-width:768px){section.work-section{padding:120px 24px 100px}}section.work-section h1{font-size:clamp(3.8rem,1rem + 4vw,6rem);font-weight:700;margin-bottom:35px;text-align:center;width:100%;line-height:clamp(2.4rem,2rem + 4vw,4.4rem);transform:translateY(-30%);animation:workTitleFadeIn .8s cubic-bezier(.16,1,.3,1) forwards}section.work-section .work-intro-text{max-width:820px;margin:0 auto 70px;font-size:clamp(1rem,1.2rem + 1.1vw,1.8rem);line-height:1.65;opacity:.9;text-align:center;width:100%}@media screen and (max-width:700px){section.work-section .work-intro-text{text-align:justify;text-justify:inter-word;-webkit-hyphens:auto;hyphens:auto}}section.work-section ul.projects-list{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:24px;width:100%;max-width:1300px;list-style:none;padding:0;margin:0 auto}@media screen and (min-width:880px){section.work-section ul.projects-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}}section.work-section ul.projects-list li.project-item{align-self:start;height:fit-content;position:relative;width:100%;max-width:100%;box-sizing:border-box;border-radius:18px;background:linear-gradient(135deg,#ffffffeb,#f5f8ffc7);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(1,113,227,.16);box-shadow:0 4px 20px #0000000a;overflow:hidden;transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s cubic-bezier(.4,0,.2,1),border-color .35s cubic-bezier(.4,0,.2,1)}@media screen and (min-width:768px){section.work-section ul.projects-list li.project-item{border-radius:22px}}section.work-section ul.projects-list li.project-item:hover{transform:translateY(-3px);border-color:#0171e359;box-shadow:0 12px 30px #0171e31f}section.work-section ul.projects-list li.project-item button.card-header-trigger{width:100%;background:transparent;border:none;padding:20px 16px 14px;cursor:pointer;text-align:left;display:block;font-family:inherit;color:inherit;outline:none}@media screen and (min-width:500px){section.work-section ul.projects-list li.project-item button.card-header-trigger{padding:24px 22px 16px}}section.work-section ul.projects-list li.project-item button.card-header-trigger:focus-visible{box-shadow:inset 0 0 0 2px #0171e3;border-radius:18px}section.work-section ul.projects-list li.project-item button.card-header-trigger .main-info{display:flex;flex-direction:column;width:100%;gap:14px;position:relative;z-index:4}section.work-section ul.projects-list li.project-item button.card-header-trigger .main-info .title-icon-container{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}section.work-section ul.projects-list li.project-item button.card-header-trigger .main-info .title-icon-container h2{font-size:clamp(2rem,1rem + 1vw,1.5rem);font-weight:700;margin:0;color:#1d1d1f;line-height:1.35;letter-spacing:-.01em;flex:1}section.work-section ul.projects-list li.project-item button.card-header-trigger .main-info .title-icon-container .chevron-indicator{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#0171e314;color:#0171e3;flex-shrink:0;transition:transform .38s cubic-bezier(.22,1,.36,1),background-color .2s cubic-bezier(.4,0,.2,1)}section.work-section ul.projects-list li.project-item button.card-header-trigger .main-info .title-icon-container .chevron-indicator svg{transition:transform .38s cubic-bezier(.22,1,.36,1)}section.work-section ul.projects-list li.project-item button.card-header-trigger .main-info .tools{display:flex;gap:8px;flex-wrap:wrap}section.work-section ul.projects-list li.project-item button.card-header-trigger .main-info .tools .tool{display:inline-flex;align-items:center;padding:6px 14px;border-radius:7px;font-size:clamp(.86rem,.82rem + .25vw,.96rem);font-weight:600;letter-spacing:-.01em;-webkit-user-select:none;user-select:none}section.work-section ul.projects-list li.project-item button.card-header-trigger .main-info .tools .tool.js-tool{padding:5px 10px;border-radius:5px;background-color:#f7df1ee6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:.5px solid rgba(255,255,255,.35);box-shadow:2px 2px 6px #16161726,-2px -2px 6px #ffffff0a,0 6px 15px #0000001f,inset 0 1px 1px #fff6,inset 0 -2px 4px #fff3;transition:background-color .3s ease,border-color .3s ease;color:#1d1d1f}section.work-section ul.projects-list li.project-item button.card-header-trigger .main-info .tools .tool.scss-tool{padding:5px 10px;border-radius:5px;background-color:#cc6699e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:.5px solid rgba(255,255,255,.35);box-shadow:2px 2px 6px #16161726,-2px -2px 6px #ffffff0a,0 6px 15px #0000001f,inset 0 1px 1px #fff6,inset 0 -2px 4px #fff3;transition:background-color .3s ease,border-color .3s ease;color:#fff}section.work-section ul.projects-list li.project-item button.card-header-trigger .main-info .tools .tool.html-tool{padding:5px 10px;border-radius:5px;background-color:#e34f26e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:.5px solid rgba(255,255,255,.35);box-shadow:2px 2px 6px #16161726,-2px -2px 6px #ffffff0a,0 6px 15px #0000001f,inset 0 1px 1px #fff6,inset 0 -2px 4px #fff3;transition:background-color .3s ease,border-color .3s ease;color:#fff}section.work-section ul.projects-list li.project-item button.card-header-trigger .main-info .tools .tool.react-tool{padding:5px 10px;border-radius:5px;background-color:#61dafbe6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:.5px solid rgba(255,255,255,.35);box-shadow:2px 2px 6px #16161726,-2px -2px 6px #ffffff0a,0 6px 15px #0000001f,inset 0 1px 1px #fff6,inset 0 -2px 4px #fff3;transition:background-color .3s ease,border-color .3s ease;color:#1d1d1f}section.work-section ul.projects-list li.project-item button.card-header-trigger .main-info .tools .tool.swing-tool{padding:5px 10px;border-radius:5px;background-color:#a9b0bee6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:.5px solid rgba(255,255,255,.35);box-shadow:2px 2px 6px #16161726,-2px -2px 6px #ffffff0a,0 6px 15px #0000001f,inset 0 1px 1px #fff6,inset 0 -2px 4px #fff3;transition:background-color .3s ease,border-color .3s ease;color:#1d1d1f}section.work-section ul.projects-list li.project-item button.card-header-trigger .main-info .tools .tool.java-tool{padding:5px 10px;border-radius:5px;background-color:#f8981de6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:.5px solid rgba(255,255,255,.35);box-shadow:2px 2px 6px #16161726,-2px -2px 6px #ffffff0a,0 6px 15px #0000001f,inset 0 1px 1px #fff6,inset 0 -2px 4px #fff3;transition:background-color .3s ease,border-color .3s ease;color:#fff}section.work-section ul.projects-list li.project-item button.card-header-trigger .main-info .tools .tool.py-tool{padding:5px 10px;border-radius:5px;background-color:#3776abe6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:.5px solid rgba(255,255,255,.35);box-shadow:2px 2px 6px #16161726,-2px -2px 6px #ffffff0a,0 6px 15px #0000001f,inset 0 1px 1px #fff6,inset 0 -2px 4px #fff3;transition:background-color .3s ease,border-color .3s ease;color:#fff}section.work-section ul.projects-list li.project-item button.card-header-trigger .main-info .tools .tool.flet-tool{padding:5px 10px;border-radius:5px;background-color:#ee3167e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:.5px solid rgba(255,255,255,.35);box-shadow:2px 2px 6px #16161726,-2px -2px 6px #ffffff0a,0 6px 15px #0000001f,inset 0 1px 1px #fff6,inset 0 -2px 4px #fff3;transition:background-color .3s ease,border-color .3s ease;color:#fff}section.work-section ul.projects-list li.project-item button.card-header-trigger .main-info .tools .tool.selenium-tool{padding:5px 10px;border-radius:5px;background-color:#43b02ae6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:.5px solid rgba(255,255,255,.35);box-shadow:2px 2px 6px #16161726,-2px -2px 6px #ffffff0a,0 6px 15px #0000001f,inset 0 1px 1px #fff6,inset 0 -2px 4px #fff3;transition:background-color .3s ease,border-color .3s ease;color:#fff}section.work-section ul.projects-list li.project-item button.card-header-trigger .main-info .tools .tool.c-tool{padding:5px 10px;border-radius:5px;background-color:#a8b9cce6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:.5px solid rgba(255,255,255,.35);box-shadow:2px 2px 6px #16161726,-2px -2px 6px #ffffff0a,0 6px 15px #0000001f,inset 0 1px 1px #fff6,inset 0 -2px 4px #fff3;transition:background-color .3s ease,border-color .3s ease;color:#1d1d1f}section.work-section ul.projects-list li.project-item button.card-header-trigger .main-info .tools .tool.css-tool{padding:5px 10px;border-radius:5px;background-color:#264de4e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:.5px solid rgba(255,255,255,.35);box-shadow:2px 2px 6px #16161726,-2px -2px 6px #ffffff0a,0 6px 15px #0000001f,inset 0 1px 1px #fff6,inset 0 -2px 4px #fff3;transition:background-color .3s ease,border-color .3s ease;color:#fff}section.work-section ul.projects-list li.project-item .card-content-drawer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .42s cubic-bezier(.22,1,.36,1);cursor:pointer}section.work-section ul.projects-list li.project-item .card-content-drawer .drawer-inner{overflow:hidden}section.work-section ul.projects-list li.project-item.open{border-color:#0171e373;box-shadow:0 14px 36px #0171e329}section.work-section ul.projects-list li.project-item.open .card-content-drawer{grid-template-rows:1fr}section.work-section ul.projects-list li.project-item.open .chevron-indicator{background:#0171e3;color:#fff;transform:rotate(90deg)}section.work-section ul.projects-list li.project-item.open .text-mockup-container{opacity:1;transform:translateY(0)}section.work-section ul.projects-list li.project-item.open .text-mockup-container img.mockup{opacity:1}section.work-section ul.projects-list li.project-item .text-mockup-container{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:10px 16px 24px;opacity:0;transform:translateY(8px);transition:opacity .32s ease,transform .38s cubic-bezier(.22,1,.36,1);min-height:220px}@media screen and (min-width:500px){section.work-section ul.projects-list li.project-item .text-mockup-container{padding:12px 24px 28px;min-height:240px}}section.work-section ul.projects-list li.project-item .text-mockup-container .text-button-container{position:relative;z-index:4;width:58%;max-width:60%;display:flex;flex-direction:column;justify-content:space-between;gap:18px}section.work-section ul.projects-list li.project-item .text-mockup-container .text-button-container p{text-align:left;font-size:clamp(1rem,1.2rem + 1.1vw,1.8rem);line-height:1.62;margin:0;padding:0 6px 0 0;color:#1d1d1fe6}section.work-section ul.projects-list li.project-item .text-mockup-container .text-button-container button.work{cursor:pointer;width:fit-content}section.work-section ul.projects-list li.project-item .text-mockup-container img.mockup{position:absolute;z-index:2;top:50%;transform:translateY(-50%);max-height:92%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:0;filter:drop-shadow(0 12px 24px rgba(0,0,0,.16));transition:opacity .38s ease 60ms}section.work-section ul.projects-list li.project-item .text-mockup-container img.mockup.iphone{width:clamp(105px,35%,175px);right:2%}section.work-section ul.projects-list li.project-item .text-mockup-container img.mockup.iphone.leonti{width:clamp(115px,38%,195px);right:1%;transform:translateY(-50%) rotate(-3deg)}section.work-section ul.projects-list li.project-item .text-mockup-container img.mockup.iphone.cultural{width:clamp(100px,33%,165px);right:2%}section.work-section ul.projects-list li.project-item .text-mockup-container img.mockup.iphone.voice-maze{width:clamp(102px,34%,170px);right:2%;transform:translateY(-50%) rotate(3deg)}section.work-section ul.projects-list li.project-item .text-mockup-container img.mockup.iphone.batatabit{width:clamp(96px,32%,160px);right:3%}section.work-section ul.projects-list li.project-item .text-mockup-container img.mockup.iphone.tyc{width:clamp(100px,33%,165px);right:2%}section.work-section ul.projects-list li.project-item .text-mockup-container img.mockup.mac{width:clamp(160px,48%,300px);right:-6%}section.work-section ul.projects-list li.project-item .text-mockup-container img.mockup.mac.scraper{width:clamp(160px,48%,300px);right:-6%}section.work-section ul.projects-list li.project-item .text-mockup-container img.mockup.mac.roomman{width:clamp(160px,48%,300px);right:-6%}section.work-section ul.projects-list li.project-item .text-mockup-container img.mockup.mac.edgeml{width:clamp(195px,56%,350px);right:-8%;transform:translateY(-50%) rotate(-2deg)}section.work-section ul.projects-list li.project-item .text-mockup-container img.mockup.mac.dronesim{width:clamp(155px,46%,285px);right:-4%;transform:translateY(-50%) rotate(-3deg)}section.work-section ul.projects-list li.project-item .text-mockup-container img.mockup.mac.oceano-rosa{width:clamp(160px,48%,300px);right:-6%}section.work-section .copy-right{margin-top:60px;font-size:.8rem;opacity:.6}:root.dark-theme section.work-section{color:#f5f5f0}:root.dark-theme section.work-section ul.projects-list li.project-item{background:linear-gradient(135deg,#1c1e22e6,#14161abf);border-color:#0171e342;box-shadow:0 4px 20px #00000059}:root.dark-theme section.work-section ul.projects-list li.project-item:hover{border-color:#0171e380;box-shadow:0 12px 30px #0171e338}:root.dark-theme section.work-section ul.projects-list li.project-item button.card-header-trigger .main-info h2{color:#f5f5f0}:root.dark-theme section.work-section ul.projects-list li.project-item button.card-header-trigger .main-info .title-icon-container .chevron-indicator{background:#0171e32e;color:#61dafb}:root.dark-theme section.work-section ul.projects-list li.project-item.open{border-color:#0171e394;box-shadow:0 14px 36px #0171e342}:root.dark-theme section.work-section ul.projects-list li.project-item.open .chevron-indicator{background:#0171e3;color:#fff}:root.dark-theme section.work-section ul.projects-list li.project-item .text-mockup-container .text-button-container p{color:#f5f5f0e6}@media(prefers-reduced-motion:reduce){section.work-section ul.projects-list li.project-item{transition:none;transform:none}section.work-section ul.projects-list li.project-item .card-content-drawer{transition:none}section.work-section ul.projects-list li.project-item .text-mockup-container img.mockup{transition:none}}@font-face{font-family:Outward;src:url(/assets/fonts/fonts/outward/outward-block-webfont.woff2) format("woff2"),url(/assets/fonts/fonts/outward/outward-block-webfont.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Outward;src:url(/assets/fonts/fonts/outward/outward-borders-webfont.woff2) format("woff2"),url(/assets/fonts/fonts/outward/outward-borders-webfont.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Outward;src:url(/assets/fonts/fonts/outward/outward-round-webfont.woff2) format("woff2"),url(/assets/fonts/fonts/outward/outward-round-webfont.woff) format("woff");font-weight:400;font-style:italic;font-display:swap}@media screen and (min-width:360px){header{justify-content:space-between}div.logo-container{display:inline-block}div.hr{top:270px}}@media screen and (min-width:400px){button.arrow{display:inline-block}}.iridescence-container{width:100%;height:100%}.iridescence-container canvas{width:100%;height:100%;display:block}.glass-surface{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:opacity .26s ease-out}.glass-surface__filter{width:100%;height:100%;pointer-events:none;position:absolute;inset:0;opacity:0;z-index:-1}.glass-surface__content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:inherit;position:relative;z-index:1}.glass-surface--svg{background:hsla(0,0%,100%,var(--glass-frost, 0));backdrop-filter:var(--filter-id, url(#glass-filter)) saturate(var(--glass-saturation, 1));-webkit-backdrop-filter:var(--filter-id, url(#glass-filter)) saturate(var(--glass-saturation, 1));box-shadow:0 0 2px 1px inset #00000026,0 0 10px 4px inset #0000001a,0 4px 16px #11111a0d,0 8px 24px #11111a0d,0 16px 56px #11111a0d,0 4px 16px #11111a0d inset,0 8px 24px #11111a0d inset,0 16px 56px #11111a0d inset}.glass-surface--fallback{background:#ffffff40;backdrop-filter:blur(12px) saturate(1.8) brightness(1.1);-webkit-backdrop-filter:blur(12px) saturate(1.8) brightness(1.1);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #1f268733,0 2px 16px #1f26871a,inset 0 1px #fff6,inset 0 -1px #fff3}@media(prefers-color-scheme:dark){.glass-surface--svg{background:hsla(0,0%,0%,var(--glass-frost, 0));box-shadow:0 0 2px 1px inset #ffffff59,0 0 10px 4px inset #ffffff26,0 4px 16px #11111a33,0 8px 24px #11111a2e,0 16px 56px #11111a29}.glass-surface--fallback{background:#ffffff1a;backdrop-filter:blur(12px) saturate(1.8) brightness(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.8) brightness(1.2);border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 1px #fff3,inset 0 -1px #ffffff1a}}@supports not (backdrop-filter: blur(10px)){.glass-surface--fallback{background:#fff6;box-shadow:inset 0 1px #ffffff80,inset 0 -1px #ffffff4d}.glass-surface--fallback:before{content:"";position:absolute;inset:0;background:#ffffff26;border-radius:inherit;z-index:-1}}@supports not (backdrop-filter: blur(10px)){@media(prefers-color-scheme:dark){.glass-surface--fallback{background:#0006}.glass-surface--fallback:before{background:#ffffff0d}}}.glass-surface:focus-visible{outline:2px solid #007aff;outline-offset:2px}@media(prefers-color-scheme:dark){.glass-surface:focus-visible{outline-color:#0a84ff}}