@font-face{font-family:'Pinyon Script';font-style:normal;font-weight:400;font-display:block;src:url('../../fonts/Pinyon_Script/pinyon-script-v24-latin-regular.woff2') format('woff2')}@font-face{font-family:'Bodoni Moda';font-style:normal;font-weight:400 900;font-display:block;src:url('../../fonts/Bodoni_Moda/bodoni-variable.woff2') format('woff2')}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:block;src:url('../../fonts/Inter/inter-v20-latin-300.woff2') format('woff2')}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:block;src:url('../../fonts/Inter/inter-v20-latin-regular.woff2') format('woff2')}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:block;src:url('../../fonts/Inter/inter-v20-latin-500.woff2') format('woff2')}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:block;src:url('../../fonts/Inter/inter-v20-latin-600.woff2') format('woff2')}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:block;src:url('../../fonts/Inter/inter-v20-latin-700.woff2') format('woff2')}*{padding:0;margin:0;box-sizing:border-box}:root{--bg-color:#0d0d0d;--text-main:#ffffff;--text-muted:#86868b;--font-bodoni:'Bodoni Moda',serif;--font-pinyon:'Pinyon Script',cursive;--font-inter:'Inter',sans-serif}body{cursor:none;background:radial-gradient(circle at center,#070707 0,#181818 100%);color:var(--text-main);font-family:var(--font-inter);padding:40px 10%;overflow-x:hidden;-webkit-font-smoothing:antialiased;position:relative}::selection{color:var(--text-main);background-color:var(--text-muted)}::-moz-selection{color:var(--text-main);background-color:var(--text-muted)}.main-page{width:100%;display:block;margin-bottom:100px}.section{width:100%;margin-bottom:100px}.section-title{font-family:var(--font-pinyon);font-size:clamp(3rem, 5vw, 5rem);font-weight:400;margin-bottom:60px;text-transform:none}.row{display:flex}.text{font-family:var(--font-inter);font-size:14px;color:var(--text-muted);font-weight:300;line-height:1.7;margin-bottom:25px}.small-title{font-size:11px;font-weight:500;color:var(--text-muted);letter-spacing:2px;text-transform:uppercase;margin-bottom:20px}.row.skills{list-style:none;gap:10px;display:flex;flex-wrap:wrap}.row.skills li{font-family:var(--font-inter);font-size:11px;text-transform:uppercase;letter-spacing:1px;border:1px solid rgba(255,255,255,.15);padding:6px 14px;border-radius:30px;color:var(--text-muted);transition:all .3s ease;cursor:none}.row.skills li:hover{border-color:rgba(255,255,255,.8);color:var(--text-main)}.visit-link{width:fit-content;display:inline-block;color:var(--text-main);text-decoration:none;font-size:13px;font-weight:400;border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:4px;transition:border-color .3s ease}.link{position:relative}.link::after{content:'';position:absolute;width:100%;transform:scaleX(0);height:1px;bottom:0;left:0;background-color:var(--text-main);transform-origin:bottom right;transition:transform .5s cubic-bezier(.86, 0, .07, 1)}.link:hover::after{transform:scaleX(1);transform-origin:bottom left}.section.banner,.section.immersive{margin-bottom:0}.project-single-page{padding-top:150px}.project-banner{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;height:auto;min-height:40vh;margin-bottom:50px}.banner-title.project-title{font-size:clamp(3rem, 7vw, 6.5rem);letter-spacing:2px}.banner-subTitle.project-subtitle{margin-left:0;margin-top:20px;font-size:clamp(1.8rem, 3vw, 2.5rem)}.link,.visit-link{display:inline-flex;align-items:center;gap:6px}.icon-arrow{width:1.2em;height:1.2em;transition:transform .3s ease}.link:hover .icon-arrow,.visit-link:hover .icon-arrow{transform:translate(2px,-2px)}body.loading{overflow:hidden}.loading-page{position:fixed;inset:0;display:grid;place-items:center;padding:40px 10%;background:radial-gradient(circle at center,#070707 0,#181818 100%);z-index:3;isolation:isolate;transition:opacity .6s ease,visibility .6s ease}.loading-page::after,.loading-page::before{content:'';position:absolute;inset:50% auto auto 50%;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.loading-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;animation:loadingEnter .8s ease both}.loading-content .section-title,.loading-content .small-title{margin-bottom:0}.loading-name{font-family:var(--font-pinyon);font-size:clamp(3rem, 5vw, 5rem);font-weight:400;text-transform:none}.loading-status{font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted)}.loading-dots{display:flex;align-items:center;gap:10px;margin-top:10px}.loading-dots span{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.85);box-shadow:0 0 12px rgba(255,255,255,.2);animation:loadingDot 1.2s ease-in-out infinite}.loading-dots span:nth-child(2){animation-delay:.15s}.loading-dots span:nth-child(3){animation-delay:.3s}body:not(.loading) .loading-page{opacity:0;visibility:hidden;pointer-events:none}@keyframes loadingEnter{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes loadingDot{0%,100%,80%{transform:translateY(0);opacity:.35}40%{transform:translateY(-6px);opacity:1}}body:not(.is-touch-device) a,body:not(.is-touch-device) button{cursor:none}body:not(.cursor-hover-img):has(a:hover,button:hover) .cursor-outline{width:60px;height:60px;margin-left:-30px;margin-top:-30px;background-color:rgba(255,255,255,.05);border-color:var(--text-main)}body:not(.cursor-hover-img):has(a:hover,button:hover) .cursor-dot{background-color:var(--text-muted)}.cursor-dot,.cursor-outline{position:fixed;top:0;left:0;border-radius:50%;z-index:9999;pointer-events:none;will-change:transform,opacity}.cursor-dot{width:5px;height:5px;background-color:#ffffffc7;margin-left:-4px;margin-top:-4px}body.is-touch-device .cursor-dot,body.is-touch-device .cursor-outline{display:none!important}.cursor-outline{width:40px;height:40px;border:2px solid var(--text-muted);margin-left:-20px;margin-top:-20px}.cursor-outline{display:flex;align-items:center;justify-content:center;transition:width .3s ease,height .3s ease,margin .3s ease,background-color .3s ease,border-color .3s ease}.cursor-text{font-family:var(--font-inter);font-size:11px;color:var(--bg-color);text-transform:uppercase;font-weight:600;letter-spacing:1px;opacity:0;transition:opacity .3s ease}body.cursor-hover-img .cursor-outline{width:80px;height:80px;margin-left:-40px;margin-top:-40px;background-color:var(--text-main);border-color:var(--text-main)}body.cursor-hover-img .cursor-dot{opacity:0}body.cursor-hover-img .cursor-text{opacity:1}.header{width:100%;display:flex;justify-content:space-between;position:fixed;top:0;left:0;padding:50px 6%;z-index:2;transition:all .3s ease}.header-boxTitles{display:flex;flex-direction:column}.header-title{font-weight:600;font-family:var(--font-inter)}.header-subTitle{font-family:var(--font-inter);color:var(--text-muted)}.nav-toggle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;background:#3131315e;border:1px solid #2a2a2a;padding:6px 6px;border-radius:30px;height:55px;box-shadow:0 0 10px #d3d3d313}.nav-toggle a{cursor:none;border:none;color:var(--text-muted);padding:9px 18px;font-size:13px;font-weight:400;font-family:var(--font-inter);border-radius:20px;transition:all .3s ease;height:100%;align-content:center;text-decoration:none}.nav-toggle a.active{position:relative;background:linear-gradient(90deg,#0707073d 0,#1f1f1f7c 50%,#0707073d 100%);box-shadow:0 0 10px rgba(224,224,224,.079);color:var(--text-main)}.nav-toggle a.active::before{content:"";position:absolute;top:-8px;left:50%;width:30px;height:2px;background:#fff;box-shadow:0 -2px 10px rgba(224,224,224,.904);transform:translateX(-50%)}.social-links{align-items:center}.social-links a{color:var(--text-main);text-decoration:none;font-size:15px;margin-left:20px;font-weight:500}.mobile-only{display:none}@media (max-width:768px){.header.scrolled{background:#181818;padding-top:15px;padding-bottom:15px}.desktop-only{display:none!important}.mobile-only{display:flex}.mobile-menu-btn{background:0 0;border:none;flex-direction:column;justify-content:center;align-items:flex-end;gap:7px;width:40px;height:40px;cursor:none;z-index:100}.mobile-menu-btn span{display:block;height:1px;background-color:var(--text-main);transition:transform .4s cubic-bezier(.77, 0, .175, 1),width .4s ease}.mobile-menu-btn span:first-child{width:32px}.mobile-menu-btn span:nth-child(2){width:24px}.mobile-menu-btn.active span:first-child{width:32px;transform:translateY(4px) rotate(45deg)}.mobile-menu-btn.active span:nth-child(2){width:32px;transform:translateY(-4px) rotate(-45deg)}.mobile-side-menu{position:fixed;top:0;right:0;width:100vw;height:100lvh;background:rgba(7,7,7,.97);backdrop-filter:blur(8px);z-index:99;flex-direction:column;padding:160px 6% 100px 6%;visibility:hidden}.mobile-nav-links{display:flex;flex-direction:column;gap:30px;margin-bottom:auto}.mobile-nav-links a{font-family:var(--font-pinyon);font-size:clamp(4rem, 12vw, 6rem);color:var(--text-muted);text-decoration:none;display:flex;align-items:center;gap:15px;transition:color .3s ease;cursor:none}.mobile-nav-links a.active,.mobile-nav-links a:hover{color:var(--text-main)}.mobile-nav-links .dot{font-family:var(--font-inter);font-size:2rem;margin-bottom:15px}.mobile-social-links{display:flex;flex-direction:column;gap:20px}.mobile-social-links a{font-family:var(--font-inter);font-size:13px;color:var(--text-muted);text-decoration:none;text-transform:uppercase;letter-spacing:1px;cursor:none;transition:color .3s ease}.mobile-social-links a:hover{color:var(--text-main)}}.footer{display:flex;justify-content:space-between;align-items:center;padding-top:30px;font-family:var(--font-inter);font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;gap:20px;position:relative}.footer::after{content:"";height:1px;width:100%;position:absolute;top:0;left:0;background:linear-gradient(to right,#ffffff00 0,rgba(255,255,255,.356) 50%,#ffffff00 100%)}.footer-socials{display:flex;gap:30px}.footer-socials a{color:var(--text-muted);text-decoration:none;transition:color .3s ease}.footer-socials a:hover{color:var(--text-main)}@media (max-width:768px){.footer{flex-direction:column}}.section.banner{height:100svh;display:flex;justify-content:center;flex-direction:column;position:relative}.banner-text-wrapper{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;text-align:center}.banner-slide{display:flex;flex-direction:column;width:100%}#slide-1{position:relative}#slide-2{position:absolute;top:0;left:0;height:100%;width:100%}.banner-title{font-family:var(--font-bodoni);font-size:clamp(3.5rem, 8vw, 7.5rem);font-weight:600;text-transform:uppercase;line-height:.95;letter-spacing:-2px;margin-bottom:10px}.banner-subTitle{font-family:var(--font-pinyon);font-size:clamp(2rem, 4vw, 3.5rem);color:var(--text-main);font-weight:400;margin-left:10px;opacity:.9;text-transform:lowercase}@media (max-width:724px){.banner-title{font-size:3rem}}.scroll-indicator{position:absolute;bottom:10vh;left:50%;transform:translateX(-50%);width:30px;height:55px;border:1.5px solid rgba(255,255,255,.3);border-radius:15px;display:flex;justify-content:center;z-index:1}.scroll-dot{width:8px;height:8px;background-color:rgba(255,255,255,.3);border-radius:50%;margin-top:6px;animation:scrollDotAnim 2s infinite ease-out}@keyframes scrollDotAnim{0%{transform:translateY(22px);opacity:0}30%{opacity:1}70%{transform:translateY(0);opacity:0}100%{transform:translateY(0);opacity:0}}.section.experience{margin-bottom:0}.container-exp{width:100%;position:relative;--line-height:0%}.container-exp::after{content:"";position:absolute;top:0;left:50%;background:linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,.8),rgba(255,255,255,0));height:var(--line-height);min-height:0;width:1px;transform:translateX(-50%)}.row-exp{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap}.box-experience{display:flex;flex-direction:column;width:45%}.row-exp .box-experience:nth-child(2){margin-top:230px}.exp-title{font-family:var(--font-bodoni);font-size:clamp(1.6rem, 2.8vw, 2.4rem);font-weight:400;line-height:1.1;margin-bottom:12px}.box-experience .row{display:flex;flex-wrap:wrap;align-items:center;gap:15px;margin-bottom:25px}.exp-company{font-family:var(--font-inter);font-size:14px;font-weight:500;color:var(--text-main)}.exp-date{font-family:var(--font-inter);font-size:13px;color:var(--text-muted);font-weight:300}.box-experience .text{width:100%}@media (max-width:920px){.row-exp{flex-direction:column;gap:50px}.box-experience{width:100%}.container-exp::after{width:1px;left:-20px}.row-exp .box-experience:nth-child(2){margin-top:0}}.section.immersive{height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative;background:0 0;margin-bottom:0}.immersive-container{display:flex;flex-direction:column;align-items:center;width:100%}.immersive-text{font-family:var(--font-inter);font-size:clamp(3rem, 9vw, 15rem);font-weight:700;text-transform:uppercase;line-height:.95;letter-spacing:-2px;margin:0;white-space:nowrap}#text-immersive{color:rgba(255,255,255,0);-webkit-text-stroke:2px rgba(255,255,255,0.4);transform:translateX(-40%)}#text-designer{color:var(--text-main);transform:translateX(40%)}@media (max-width:768px){.section.immersive{height:60vh;min-height:400px}}.project-title{font-family:var(--font-bodoni);font-size:clamp(1.8rem, 3vw, 2.8rem);text-transform:uppercase;font-weight:500;margin-bottom:10px;letter-spacing:-1px}.projects .container{display:flex;flex-direction:column;gap:100px}.row-project{display:flex;justify-content:space-between;gap:70px}.row-project.reverse{flex-direction:row-reverse}.box-project{display:flex;flex-direction:column;width:50%;height:auto}.box-project .visit-link{margin-top:30px}.box-project-image{aspect-ratio:16/9;object-fit:contain;object-position:center center;min-height:400px;width:50%;padding:1px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:60px}.section-header .section-title{margin-bottom:0}@media (max-width:1200px){.row-project,.row-project.reverse{flex-direction:column}.box-project{width:70%}.box-project-image{width:70%}}@media (max-width:920px){.row-project,.row-project.reverse{flex-direction:column;gap:0}.box-project{display:contents}.box-project .small-title{order:1}.box-project .project-title{order:2}.box-project .text{order:3}.box-project .skills{order:4}.box-project-image{width:100%;min-height:200px;order:5;margin-top:30px;margin-bottom:30px}.box-project .visit-link{order:6;margin-top:0}}@media (max-width:768px){.section-header{flex-direction:column;align-items:flex-start;gap:20px}}@media (max-width:520px){.box-project-image{margin-top:15px;margin-bottom:15px}}.contact .container{display:flex;flex-direction:column;align-items:center;text-align:center}.contact-message{font-family:var(--font-bodoni);font-size:clamp(2.2rem, 5vw, 4rem);font-weight:400;line-height:1.1;margin-bottom:60px}.contact-message span{font-family:var(--font-pinyon);font-size:clamp(3.5rem, 7vw, 6rem);color:var(--text-muted);display:block;margin-top:-5px;font-weight:300}.email-label{font-family:var(--font-inter);font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:3px;margin-bottom:15px;display:block}.email-link-massive{font-family:var(--font-inter);font-size:clamp(1rem, 3.5vw, 2.2rem);color:var(--text-main);text-decoration:none;text-transform:uppercase;font-weight:300;letter-spacing:1px;position:relative;padding-bottom:8px}