:root{font-family:Poppins,sans-serif;font-size:16px;line-height:24px;font-weight:500;color-scheme:light dark;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--color-text-light: #242424;--color-background-light: #fff;--color-background-icon-light: #f4f4f4;--color-text-dark: #fff;--color-background-dark: #242424;--color-background-icon-dark: #454545;--accent: #f08080;--glass-bg-light: rgba(255, 255, 255, .62);--glass-border-light: rgba(20, 20, 20, .08);--glass-bg-dark: rgba(36, 36, 36, .55);--glass-border-dark: rgba(255, 255, 255, .12)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.light-theme{--color-text: var(--color-text-light);--color-background: var(--color-background-light);--color-background-icon: var(--color-background-icon-light);--glass-bg: var(--glass-bg-light);--glass-border: var(--glass-border-light)}.dark-theme{--color-text: var(--color-text-dark);--color-background: var(--color-background-dark);--color-background-icon: var(--color-background-icon-dark);--glass-bg: var(--glass-bg-dark);--glass-border: var(--glass-border-dark)}.experience{position:fixed;width:100vw;height:100vh;z-index:-1}.experience-canvas{width:100%;height:100%}header{position:fixed;top:0;left:0;width:100%;display:flex;align-items:center;padding:10px 14px;z-index:2}.main-nav{flex-grow:1;text-align:right}.dark-theme #logo img{filter:brightness(0) invert(1)}.main-nav ul,.side-nav ul{margin:0;padding:0}.main-nav li,.side-nav li{display:inline-block}.side-nav li+li{margin-top:10px}.main-nav li a{color:var(--color-text);display:flex;text-decoration:none;padding:8px 16px}.main-nav li a svg{margin-right:5px;fill:red}.side-nav{position:fixed;bottom:40px;right:28px;font-size:13px;z-index:2}.side-nav>ul{display:flex;flex-direction:column;align-items:flex-end}.side-nav>ul>li>a{display:flex;flex-direction:row;align-items:center;gap:8px;padding:14px 10px;writing-mode:vertical-rl;color:var(--color-text);text-decoration:none;font-weight:500;letter-spacing:.02em;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:0 6px 24px #0000001f;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,color .25s ease}.side-nav>ul>li>a svg{fill:var(--color-text);transition:fill .25s ease}.side-nav>ul>li>a:hover,.side-nav>ul>li>a:focus-visible{transform:translate(-5px);border-color:var(--accent);color:var(--accent);box-shadow:0 12px 32px #f080804d}.side-nav>ul>li>a:hover svg,.side-nav>ul>li>a:focus-visible svg{fill:var(--accent)}.contact-menu{position:relative;margin-top:24px}.contact-menu__dropdown{position:absolute;bottom:0;right:56px;background-color:var(--color-background);border-radius:8px;writing-mode:lr-tb;color:var(--color-text);padding:20px;width:300px;text-align:center;display:none;box-shadow:-2px 0 40px #0000001a}.contact-menu__dropdown--open{display:block}.contact-menu__dropdown:before{content:"";position:absolute;bottom:24px;left:100%;border:10px solid transparent;border-left-color:var(--color-background)}.contact-menu__dropdown>svg{fill:var(--color-text)}.side-nav .contact-menu__dropdown a{padding:0;transition:all ease .2s}.side-nav .contact-menu__dropdown a:hover{opacity:.8}.contact-menu__dropdown .seperator{display:flex;align-items:center;padding:16px 0}#contact-email{display:flex;justify-content:center;align-items:center}#contact-email span{margin-right:4px}.seperator .line{flex-grow:1;border-bottom:1px solid #eee}.seperator .text{padding:0 8px}.social-icons li+li{margin-left:8px}.social-icons li a{background-color:var(--color-background-icon);border-radius:50%;width:35px;height:35px;display:flex;justify-content:center;align-items:center}.social-icons li a svg{fill:var(--color-text)}.section--about{display:none}#close-btn{position:fixed;bottom:5%;left:calc(50% - 24px);fill:var(--color-text)}footer{position:fixed;bottom:5px;left:0;width:100%;text-align:center;color:var(--color-text);font-size:12px}@media (max-width: 992px){header{padding:6px 12px}#logo img{width:50px;height:50px}.main-nav li a{padding:6px 10px}.side-nav{right:22px}footer{font-size:10px}}#loader-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:200;background-color:#fff;display:flex;align-items:center;justify-content:center}.loader{width:48px;height:48px;margin:auto;position:relative}.loader:before{content:"";width:48px;height:5px;background:#f0808050;position:absolute;top:60px;left:0;border-radius:50%;animation:shadow324 .5s linear infinite}.loader:after{content:"";width:100%;height:100%;background:#f08080;position:absolute;top:0;left:0;border-radius:4px;animation:jump7456 .5s linear infinite}@keyframes jump7456{15%{border-bottom-right-radius:3px}25%{transform:translateY(9px) rotate(22.5deg)}50%{transform:translateY(18px) scaleY(.9) rotate(45deg);border-bottom-right-radius:40px}75%{transform:translateY(9px) rotate(67.5deg)}to{transform:translateY(0) rotate(90deg)}}@keyframes shadow324{0%,to{transform:scale(1)}50%{transform:scaleX(1.2)}}.settings{position:fixed;top:28px;right:28px;z-index:6;display:flex;flex-direction:column;align-items:flex-end;gap:12px}.settings__toggle{display:flex;align-items:center;justify-content:center;width:46px;height:46px;padding:0;color:var(--color-text);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:50%;cursor:pointer;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:0 6px 24px #0000001f;transition:transform .3s ease,border-color .25s ease,color .25s ease}.settings__toggle svg{fill:currentColor}.settings__toggle:hover,.settings__toggle[aria-expanded=true]{border-color:var(--accent);color:var(--accent)}.settings__toggle[aria-expanded=true]{transform:rotate(60deg)}.settings__panel{width:232px;padding:16px 16px 18px;color:var(--color-text);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:18px;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);box-shadow:0 16px 40px #00000038;transform-origin:top right;animation:settings-pop .22s ease}.settings__panel[hidden]{display:none}@keyframes settings-pop{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.settings__title{margin:0 0 14px;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;opacity:.7}.settings__row{display:flex;align-items:center;justify-content:space-between;min-height:34px}.settings__row+.settings__row,.settings__group+.settings__row,.settings__row+.settings__group{margin-top:6px;padding-top:10px;border-top:1px solid var(--glass-border)}.settings__group{margin-top:10px}.settings__label{font-size:13.5px;font-weight:500}.switch{position:relative;width:44px;height:26px;padding:0;border:none;border-radius:999px;cursor:pointer;background:var(--color-background-icon);box-shadow:inset 0 0 0 1px var(--glass-border);transition:background .25s ease}.switch__dot{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 5px #0000004d;transition:transform .25s ease}.switch[aria-checked=true]{background:var(--accent)}.switch[aria-checked=true] .switch__dot{transform:translate(18px)}.flag-picker{display:flex;gap:8px;margin-top:10px}.flag-swatch{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;padding:4px;background:transparent;border:none;cursor:pointer;color:var(--color-text);font-size:10.5px;font-weight:500;opacity:.62;transition:opacity .2s ease}.flag-swatch__img{width:100%;height:38px;border-radius:8px;border:2px solid transparent;box-shadow:0 3px 10px #0003;background-size:cover;background-position:center;transition:border-color .2s ease,transform .2s ease}.flag--bg{background:linear-gradient(to bottom,#fff 0 33.33%,#00966e 33.33% 66.66%,#d62612 66.66%)}.flag--it{background:linear-gradient(to right,#009246 0 33.33%,#fff 33.33% 66.66%,#ce2b37 66.66%)}.flag--va{background-image:url(/assets/flag_valencia-41b415ca.jpg)}.flag-swatch:hover{opacity:1}.flag-swatch:hover .flag-swatch__img{transform:translateY(-2px)}.flag-swatch.is-active{opacity:1}.flag-swatch.is-active .flag-swatch__img{border-color:var(--accent)}.object-label{position:fixed;top:0;left:0;z-index:7;padding:4px 10px;font-size:12px;font-weight:500;color:var(--color-text);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;backdrop-filter:blur(10px) saturate(140%);-webkit-backdrop-filter:blur(10px) saturate(140%);box-shadow:0 4px 14px #0000002e;transform:translate(14px,14px);pointer-events:none;opacity:0;transition:opacity .15s ease;white-space:nowrap}.object-label--visible{opacity:1}.project-pager{position:fixed;bottom:120px;left:50%;transform:translate(-50%,12px);display:flex;align-items:center;gap:4px;padding:6px 10px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:999px;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:0 8px 28px #00000029;opacity:0;pointer-events:none;transition:opacity .35s ease,transform .35s ease;z-index:5}.project-pager--visible{opacity:1;transform:translate(-50%);pointer-events:auto}.project-pager__label{padding:0 8px 0 4px;color:var(--color-text);font-size:12.5px;font-weight:500;opacity:.7;white-space:nowrap}.project-pager__nav,.project-pager__btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:transparent;color:var(--color-text);font-family:inherit;cursor:pointer;transition:background .2s ease,color .2s ease,opacity .2s ease}.project-pager__nav{font-size:19px;line-height:1}.project-pager__btn{font-size:13.5px;font-weight:600}.project-pager__nav:hover:not(:disabled),.project-pager__btn:hover{background:var(--color-background-icon)}.project-pager__nav:disabled{opacity:.3;cursor:default}.project-pager__btn.is-active{background:var(--accent);color:#fff}