@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:50px 20px;scroll-snap-align:start;transition:background-color .5s ease-in-out}section.section h1,section.section h2,section.section h3,section.section h4,section.section h5,section.section h6,section.section p,section.section span,section.section div,section.section img,section.section li,section.section ul,section.section dl,section.section dt,section.section dd,article.section h1,article.section h2,article.section h3,article.section h4,article.section h5,article.section h6,article.section p,article.section span,article.section div,article.section img,article.section li,article.section ul,article.section dl,article.section dt,article.section dd{transition:opacity 1s cubic-bezier(.4,0,.2,1)}section.section.hidden *,article.section.hidden *{opacity:0;transition:opacity 1s cubic-bezier(.4,0,.2,1)}section.section.visible *:not(button.radio-button),article.section.visible *:not(button.radio-button){opacity:1}section.section.visible div.section-changer:hover,article.section.visible div.section-changer:hover{transition:opacity .2s ease-in-out;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 div.section-changer div{background-image:url(/assets/icons/keyboard-arrow-down-light.svg)}section#home div.section-changer div.section-changer span{color:#f5f5f0}section#home a.button.highlight{color:#f5f5f0}section#home div.main-welcome-content-container{display:flex;flex-direction:column;justify-content:center;align-items:center}section#home div.main-welcome-content-container h1{line-height:clamp(2.2rem,2.5rem + 5.5vw,6rem);font-weight:700;margin:30px 0;font-size:clamp(3.8rem,1rem + 4vw,6rem)}@media screen and (max-width:415px){section#home div.main-welcome-content-container h1{line-height:clamp(2rem,2.1rem + 5vw,5.4rem);text-align:left}}section#home div.main-welcome-content-container div.main-logo-banner-container{display:flex;align-items:center;width:fit-content;justify-content:center;gap:15px}section#home div.main-welcome-content-container div.main-logo-banner-container img.main-logo{opacity:0;z-index:2;animation:welcomeLogo .8s ease-in forwards}section#home div.main-welcome-content-container div.main-logo-banner-container div.banner-container{line-height:clamp(1.2rem,1.6rem + 4vw,50px)}section#home div.main-welcome-content-container div.main-logo-banner-container div.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 div.main-welcome-content-container div.main-logo-banner-container div.banner-container h2:first-child{animation-delay:.3s}section#home div.main-welcome-content-container div.main-logo-banner-container div.banner-container h2:nth-child(2){animation-delay:.45s}@media screen and (min-width:560px){section#home div.main-welcome-content-container{flex-direction:row;flex-wrap:wrap;gap:10px}section#home div.main-welcome-content-container h1{text-align:left}}@media screen and (min-width:888px){section#home div.main-welcome-content-container{gap:50px}section#home div.buttons-container{margin:30px 0}}section#home div.buttons-container{align-self:center;justify-content:center;width:fit-content;max-width:100%;margin:10px auto 0}img.main-logo{display:inline-block;width:clamp(12rem,1rem + 4vw,18rem);height:clamp(12rem,1rem + 4vw,18rem);background-size:cover;background-position:center}@keyframes hrIn{0%{transform:translate(-190%)}to{transform:translate(0)}}h1{text-align:center;font-weight:400}div.buttons-container{display:flex;flex-direction:column;gap:5px;width:fit-content;justify-content:center;align-items:center;margin-inline:auto}@media screen and (min-width:768px){div.buttons-container{flex-direction:row;width:fit-content;max-width:100%;gap:10px;margin:10px 0}}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:fit-content;max-width:100%;min-width:0;padding:10px 18px;margin:0 0 8px;white-space:nowrap;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:fit-content;max-width:100%;min-width:0;padding:10px 18px;margin:0}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 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{width:60%;max-width:200px;margin:30px 0;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 .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)}section#about-page .about-hero .hero-text .buttons-container{flex-direction:row;margin:15px 0;width:100%;max-width:100%;flex-wrap:wrap;justify-content:center;gap:12px}@media screen and (min-width:768px){section#about-page .about-hero .hero-text p{text-align:justify}}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 .process ul{display:flex;flex-direction:column;gap:5px;list-style-type:none;padding-left:0}section#about-page .process ul li{text-align:left;font-size:clamp(.5rem,1rem + 1vw,1.4rem)}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;padding:120px 20px 100px}section.work-section h1{line-height:clamp(20px,1.2rem + 9vw,40px);transform:translateY(-30%);animation:workTitleFadeIn 1s ease-out forwards}section.work-section p{max-width:750px}section.work-section ul.projects-list{display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;gap:20px;margin-top:40px;list-style-type:none;padding:0;transition:all .6s ease-in-out;width:100%}section.work-section ul.projects-list li.project-item{position:relative;width:100%;max-width:620px;padding:20px;border:solid 1px var(--foreground-color);border-radius:8px;overflow:hidden;cursor:pointer;--closed-height: 150px;--open-height: 600px;max-height:var(--closed-height);transition:max-height .42s cubic-bezier(.22,.61,.36,1)}section.work-section ul.projects-list li.project-item div.main-info{display:flex;flex-direction:column;justify-content:center;position:relative;z-index:3}section.work-section ul.projects-list li.project-item div.main-info div.title-icon-container{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}section.work-section ul.projects-list li.project-item div.main-info div.title-icon-container h2{max-width:360px;text-align:left;-webkit-user-select:none;user-select:none;font-size:clamp(2rem,1rem + 1vw,1.5rem);margin:0}@media screen and (min-width:560px){section.work-section ul.projects-list li.project-item div.main-info div.title-icon-container h2{max-width:440px}}section.work-section ul.projects-list li.project-item div.main-info div.title-icon-container img{width:2.2rem;height:2.2rem;transform:rotate(-90deg);transition:transform .2s ease;-webkit-user-select:none;user-select:none}section.work-section ul.projects-list li.project-item div.main-info div.tools{display:flex;gap:10px;flex-wrap:wrap}section.work-section ul.projects-list li.project-item div.main-info div.tools div.tool{display:inline-block;-webkit-user-select:none;user-select:none}section.work-section ul.projects-list li.project-item div.main-info div.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}section.work-section ul.projects-list li.project-item div.main-info div.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}section.work-section ul.projects-list li.project-item div.main-info div.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}section.work-section ul.projects-list li.project-item div.main-info div.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}section.work-section ul.projects-list li.project-item div.main-info div.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}section.work-section ul.projects-list li.project-item div.main-info div.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}section.work-section ul.projects-list li.project-item div.main-info div.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}section.work-section ul.projects-list li.project-item div.main-info div.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}section.work-section ul.projects-list li.project-item div.main-info div.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}section.work-section ul.projects-list li.project-item div.main-info div.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;width:50px}section.work-section ul.projects-list li.project-item div.main-info div.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}section.work-section ul.projects-list li.project-item.closed{max-height:var(--closed-height)}section.work-section ul.projects-list li.project-item.closed div.text-mockup-container{opacity:0;pointer-events:none;transform:translateY(8px)}section.work-section ul.projects-list li.project-item.closed button.work{opacity:0}section.work-section ul.projects-list li.project-item.open{max-height:var(--open-height)}section.work-section ul.projects-list li.project-item.open div.main-info{padding-bottom:10px}section.work-section ul.projects-list li.project-item.open div.text-mockup-container{opacity:1;pointer-events:auto;transform:translateY(0)}section.work-section ul.projects-list li.project-item.open div.main-info div.title-icon-container img{transform:rotate(0);opacity:.25}section.work-section ul.projects-list li.project-item.open button.work{opacity:1}section.work-section ul.projects-list li.project-item div.text-mockup-container{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;width:100%;opacity:0;transform:translateY(8px);transition:opacity .26s ease,transform .32s cubic-bezier(.22,.61,.36,1);padding-top:10px}section.work-section ul.projects-list li.project-item div.text-mockup-container div.text-button-container{display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2;width:60%;max-width:70%}section.work-section ul.projects-list li.project-item div.text-mockup-container div.text-button-container p{text-align:left;transition:all .3s ease;padding:0 15px 25px 0;margin:0}section.work-section ul.projects-list li.project-item div.text-mockup-container img.mockup{position:absolute;z-index:1;bottom:50%;right:0;transform:translateY(45%);transition:opacity .3s ease;pointer-events:none}section.work-section ul.projects-list li.project-item div.text-mockup-container img.mockup.dronesim.mac{width:75vw;max-width:330px;right:-40%;transform:translateY(50%) rotate(-10deg)}@media screen and (min-width:520px){section.work-section ul.projects-list li.project-item div.text-mockup-container img.mockup.dronesim.mac{right:-15%;width:70vw}}section.work-section ul.projects-list li.project-item div.text-mockup-container img.mockup.leonti.iphone{width:38vw;max-width:240px;right:-6%;transform:translateY(48%) rotate(-7deg)}section.work-section ul.projects-list li.project-item div.text-mockup-container img.mockup.cultural.iphone{width:35vw;max-width:150px;right:-4%;transform:translateY(50%)}@media screen and (min-width:365px){section.work-section ul.projects-list li.project-item div.text-mockup-container img.mockup.cultural.iphone{width:40vw;max-width:180px}}section.work-section ul.projects-list li.project-item div.text-mockup-container img.mockup.scraper.mac{width:65vw;max-width:250px;right:-28%;transform:translateY(50%)}@media screen and (min-width:465px){section.work-section ul.projects-list li.project-item div.text-mockup-container img.mockup.scraper.mac{right:-20%;max-width:270px}}@media screen and (min-width:650px){section.work-section ul.projects-list li.project-item div.text-mockup-container img.mockup.scraper.mac{right:-5%;max-width:240px}}section.work-section ul.projects-list li.project-item div.text-mockup-container img.mockup.voice-maze.iphone{width:30vw;max-width:170px;right:-3%;transform:translateY(55%) rotate(5deg)}section.work-section ul.projects-list li.project-item div.text-mockup-container img.mockup.roomman.mac{width:70vw;max-width:250px;right:-32%;transform:translateY(45%)}@media screen and (min-width:550px){section.work-section ul.projects-list li.project-item div.text-mockup-container img.mockup.roomman.mac{right:-20%;max-width:280px}}section.work-section ul.projects-list li.project-item div.text-mockup-container img.mockup.iphone.batatabit{width:25vw;max-width:120px;right:0%;transform:translateY(55%)}section.work-section ul.projects-list li.project-item div.text-mockup-container img.mockup.mac.oceano-rosa{width:25vw;min-width:200px;max-width:300px;right:-30%;transform:translateY(55%)}@media screen and (min-width:500px){section.work-section ul.projects-list li.project-item div.text-mockup-container img.mockup.mac.oceano-rosa{right:-10%}}@media screen and (min-width:800px){section.work-section ul.projects-list li.project-item div.text-mockup-container img.mockup.mac.oceano-rosa{right:-15%}}section.work-section ul.projects-list li.project-item div.text-mockup-container img.mockup.iphone.tyc{width:30vw;max-width:120px;right:-8%;transform:translateY(55%)}@media screen and (min-width:500px){section.work-section ul.projects-list li.project-item div.text-mockup-container img.mockup.iphone.tyc{right:-2%}}section.work-section ul.projects-list button.work{width:auto;max-width:none}@media screen and (min-width:768px){section.work-section ul.projects-list button.work{width:55vw;max-width:165px}}@media screen and (min-width:570px){section.work-section ul.projects-list button.work{max-width:200px}}@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}}