@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;650;700;800;900;1000&display=swap');
:root{--bg:#050505;--panel:#0c0c0e;--text:#f2f2f4;--muted:#96969e;--line:#252528;--accent:#c697ff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.7 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:#d8b5ff}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #d8b5ff;outline-offset:6px}::selection{background:#9f56d2;color:white}.wrap{width:min(1400px,calc(100% - 100px));margin:auto}.header{height:95px;display:flex;justify-content:space-between;align-items:center;gap:30px;position:relative;z-index:4}.brand{font-weight:900;font-size:27px;letter-spacing:-2px;line-height:1}.brand span{font-size:11px;vertical-align:top;letter-spacing:0;margin-left:4px}nav{display:flex;gap:clamp(24px,6vw,100px);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.6px}.header-cv{font-size:12px;border-bottom:1px solid #64646c;padding-bottom:4px}.hero{position:relative;height:min(760px,calc(100svh - 95px));min-height:620px;isolation:isolate;overflow:hidden}.hero h1{position:absolute;top:0;left:0;right:0;text-align:center;margin:0;white-space:nowrap;font-size:clamp(90px,14.9vw,225px);line-height:1.04;font-weight:1000;letter-spacing:-.075em;background:linear-gradient(180deg,#44454f 4%,#b5bfcd 95%);background-clip:text;-webkit-background-clip:text;color:transparent;z-index:0;padding-right:.06em}.character-stage{position:absolute;width:min(610px,57vw);height:min(610px,57vw);top:90px;left:50%;transform:translateX(-50%);z-index:1;perspective:1000px;pointer-events:none}.character-float{width:100%;height:100%;animation:float 7s ease-in-out infinite;will-change:transform}.character{width:100%;height:100%;object-fit:contain;display:block;transform:rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));transition:transform .45s ease-out;mask-image:radial-gradient(ellipse 50% 49% at 50% 50%,black 77%,transparent 100%)}.hero-bottom{position:absolute;bottom:44px;left:0;right:0;display:flex;justify-content:space-between;align-items:end;gap:25px;z-index:3}.hero-intro{max-width:270px}.hero-intro p{font-size:13px;font-weight:600;line-height:1.6;letter-spacing:.25px}.hero-intro>span{display:block;color:var(--muted);font-size:12px;margin-top:12px}.hero-center{text-align:center;margin-left:-20px;color:#9a9aa3;font-size:10px;letter-spacing:1.8px}.motion-toggle{display:block;border:0;background:transparent;color:#a9a9b1;margin:14px auto 0;cursor:pointer;font:inherit;font-size:10px;letter-spacing:.3px}.motion-toggle span{margin-left:7px}.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:14px 29px;border-radius:40px;font-size:12px;font-weight:650;letter-spacing:1px;transition:transform .25s,box-shadow .25s}.button:hover{transform:translateY(-3px);color:white}.glow-button,.dark-button{border:1px solid #edc8ff;color:white;background:radial-gradient(ellipse at 95% 80%,#c27745 0,transparent 45%),radial-gradient(ellipse at 20% 10%,#bd2bac 0,transparent 55%),#540d88;box-shadow:inset 0 0 8px #f2baff70,0 0 8px #b13af54d,0 0 30px #a22ae324}.glow-button:hover,.dark-button:hover{box-shadow:inset 0 0 12px #f2baff90,0 0 25px #b13af590}.glow-button{min-width:184px}.stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:45px;padding:35px 0}.stats>div{display:flex;align-items:center;gap:25px}.stats strong{font-size:46px;font-weight:500;letter-spacing:-3px;line-height:1.2}.stats strong span{color:#b2a6bf}.stats p{font-size:13px;color:var(--muted)}.stats .stat-last{display:block;border-left:1px solid var(--line);padding-left:40px}.small-label,.section-label,.card-num,.date,.about-note,.languages>span{font-size:12px;font-weight:500;letter-spacing:1.6px}.stat-last .small-label{font-size:10px;color:var(--muted)}.stat-last p{font-size:17px;color:var(--text);margin:4px 0 0}h2,h3,h4,p{margin:0}h2,h3,h4{font-weight:500}h2{font-size:clamp(34px,4vw,56px);line-height:1.16;letter-spacing:-2.6px}.muted{color:var(--muted)}.section{padding-top:110px;padding-bottom:110px;border-bottom:1px solid var(--line)}.section-label{color:#aaa8b0;font-size:11px}.about{display:grid;grid-template-columns:1fr 3.2fr;gap:45px}.about>.section-label{padding-top:10px}.about-columns{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:34px;color:var(--muted)}.about-note{display:flex;gap:24px;flex-wrap:wrap;margin-top:34px;font-size:9px;letter-spacing:1px;color:#c9c4d0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:45px}.section-heading h2{margin-top:22px}.section-heading>p{font-size:14px;color:var(--muted)}.expertise-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 55px}.expertise-grid article{padding:30px 0 40px;border-top:1px solid #38353d;transition:border-color .25s}.expertise-grid article:hover{border-color:#c58bff}.card-num{color:#928a9e;font-size:10px}.expertise-grid h3{font-size:29px;line-height:1.2;letter-spacing:-1px;margin:25px 0 17px}.expertise-grid p{color:var(--muted);max-width:460px}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:27px}.tags span{font-size:12px;border:1px solid #2c2931;padding:4px 11px;border-radius:20px;color:#bab5c0}.languages{display:flex;gap:40px;align-items:center;margin-top:27px}.languages>span{font-size:10px;white-space:nowrap;color:var(--muted)}.languages p{font-size:14px;color:#c4bdce}.languages b{margin:0 8px;color:#5b5364;font-weight:400}.text-link{font-size:13px;border-bottom:1px solid #716779;padding-bottom:4px}.job{display:grid;grid-template-columns:1fr 2.6fr;gap:45px;border-top:1px solid var(--line);padding:36px 0 40px}.date{color:var(--muted);font-size:11px;letter-spacing:.7px;padding-top:7px}.current{display:block;color:var(--accent);font-size:9px;margin-top:9px}.job h3{font-size:28px;line-height:1.3;letter-spacing:-.8px}.company{font-size:15px;color:#d1bbdf;margin-top:6px}.company span{color:var(--muted)}.job p{color:var(--muted);margin-top:20px;max-width:700px}.earlier{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:25px 0;cursor:pointer;font-size:15px}summary::-webkit-details-marker{display:none}summary span{font-size:23px;color:var(--accent)}details[open] summary span{transform:rotate(45deg)}.earlier-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:10px 0 35px}.earlier-grid span{font-size:12px;color:var(--muted)}.earlier-grid h4{font-size:18px;margin-top:5px}.earlier-grid p{font-size:14px;color:var(--muted)}.education{display:grid;grid-template-columns:1.6fr 1fr;gap:35px;padding-top:40px}.education .small-label{display:block;font-size:10px;color:var(--muted);margin-bottom:14px}.education p{font-size:16px}.education .muted{font-size:14px}.contact{position:relative;overflow:hidden;background:radial-gradient(ellipse at 80% 120%,#341540 0,transparent 55%)}.contact-inner{padding-top:100px;padding-bottom:95px}.contact h2{font-size:clamp(38px,5.5vw,80px);line-height:1.12;letter-spacing:-3.5px;margin:28px 0 45px}.contact h2 span{background:linear-gradient(100deg,#f0e4ff,#967aa9);background-clip:text;-webkit-background-clip:text;color:transparent}.contact-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px}.email{font-size:clamp(20px,2.5vw,34px);letter-spacing:-1px;border-bottom:1px solid #716479;padding-bottom:4px}.linkedin{font:bold 17px Arial}footer{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid var(--line);padding-top:30px;padding-bottom:30px}footer p,footer>a:last-child{font-size:12px;color:var(--muted)}.skip{position:fixed;top:-100px;left:20px;padding:12px;background:white;color:black;z-index:100}.skip:focus{top:10px}.motion-paused .character-float{animation-play-state:paused}.motion-paused .character{transform:none}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s,transform .8s}.reveal.is-visible{opacity:1;transform:none}@keyframes float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-15px) rotate(2deg)}}
@media(min-width:1550px){.hero h1{font-size:225px}.hero{height:800px}.character-stage{top:90px;width:680px;height:680px}}
@media(max-width:1050px){.wrap{width:calc(100% - 60px)}.header{height:85px}nav{gap:30px}.hero{height:680px;min-height:600px}.hero h1{top:25px}.character-stage{top:120px;width:550px;height:550px}.hero-bottom{bottom:35px}.hero-center{display:none}.stats{gap:20px}.stats>div{gap:15px}.stats .stat-last{padding-left:25px}.about{grid-template-columns:1fr 3.7fr;gap:25px}.languages{align-items:start;gap:25px}.expertise-grid{gap:0 32px}}
@media(max-width:650px){.wrap{width:calc(100% - 40px)}.header{height:75px;gap:15px}.brand{font-size:24px}nav{gap:19px;font-size:10px}nav a:nth-child(2){display:none}.header-cv{display:none}.hero{min-height:660px;height:calc(100svh - 75px);max-height:790px}.hero h1{font-size:20vw;line-height:.92;top:16px;letter-spacing:-.075em;white-space:normal}.hero h1 span{display:block}.hero h1 span:last-child{font-size:31vw}.character-stage{width:110vw;height:110vw;max-width:510px;max-height:510px;top:155px}.hero-bottom{bottom:31px;align-items:end;gap:12px}.hero-intro{max-width:175px}.hero-intro p{font-size:10px;letter-spacing:.2px}.hero-intro>span{font-size:10px;max-width:150px;margin-top:9px}.glow-button{min-width:130px;padding:12px 20px;font-size:10px}.stats{grid-template-columns:1fr 1fr;padding:27px 0;gap:24px}.stats>div{display:block}.stats strong{font-size:40px}.stats p{font-size:12px;margin-top:6px}.stats .stat-last{grid-column:1/-1;display:flex;gap:20px;align-items:center;border-left:0;border-top:1px solid var(--line);padding:20px 0 0}.stat-last p{font-size:15px;margin:0}.small-label{letter-spacing:1px}.section{padding:65px 0}.about{display:block}.about-content{margin-top:24px}h2{font-size:35px;letter-spacing:-1.5px}.about-columns{grid-template-columns:1fr;gap:19px;margin-top:27px}.about-note{gap:15px;font-size:8px}.section-heading{display:block;margin-bottom:30px}.section-heading>p,.section-heading>.text-link{display:inline-block;margin-top:20px}.expertise-grid{grid-template-columns:1fr;gap:0}.expertise-grid article{padding:25px 0 32px}.expertise-grid h3{font-size:27px;margin-top:20px}.languages{display:block;margin-top:15px}.languages p{margin-top:10px;line-height:2.2}.languages b{margin:0 6px}.job{display:block;padding:27px 0}.date{display:flex;gap:15px;align-items:center;margin-bottom:15px;padding:0;font-size:10px}.current{margin:0}.job h3{font-size:24px}.earlier-grid,.education{grid-template-columns:1fr;gap:25px}.contact-inner{padding:70px 0}.contact h2{font-size:40px;letter-spacing:-1.8px;margin:25px 0 33px}.contact-bottom{flex-direction:column;align-items:start;gap:30px}footer{flex-wrap:wrap}footer p{order:3;width:100%;font-size:11px}footer>a:last-child{margin-left:auto}}
@media(max-width:390px){nav{gap:13px}.hero{min-height:625px}.character-stage{top:150px}.hero-intro p{font-size:9px}.glow-button{min-width:118px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.character-float{animation:none}.character{transform:none!important}*,.reveal{transition:none!important}.reveal{opacity:1;transform:none}.motion-toggle{display:none}}

.invention-note{margin-top:32px;border-left:2px solid var(--accent);padding:5px 0 5px 22px}.invention-note .small-label{font-size:11px;color:var(--accent)}.invention-note p{margin-top:9px;color:#ccc5d3;max-width:660px}
/* Dimensional expertise and career chapters */
.character{transform:scale(.78) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg))}.motion-paused .character{transform:scale(.78)}
.expertise-caption p{font-size:14px;color:var(--muted)}.section-motion{font:inherit;font-size:12px;color:#c9badb;border:1px solid #42314e;border-radius:30px;padding:7px 14px;background:#100c15;cursor:pointer;margin-top:16px}.section-motion:hover{border-color:#aa7aca}
.expertise-grid{gap:24px}.expertise-grid article{padding:28px 30px 34px;border:1px solid #2e2935;border-radius:20px;background:radial-gradient(ellipse at 50% 28%,#24122e66,transparent 60%),#09090b;overflow:hidden;position:relative;transform-style:preserve-3d}.depth-card{transition:border-color .35s,box-shadow .35s,transform .35s;transform:perspective(1100px) rotateX(var(--card-y,0deg)) rotateY(var(--card-x,0deg))}.depth-card:hover{border-color:#795591;box-shadow:0 15px 50px #330f4a33}.object-stage{height:255px;margin:0 -5px;display:flex;justify-content:center;align-items:center;perspective:900px}.object-stage img{height:100%;width:100%;object-fit:contain;mix-blend-mode:screen;animation:objectFloat 8s ease-in-out infinite;will-change:transform}.expertise-grid article:nth-child(2) img{animation-delay:-2s}.expertise-grid article:nth-child(3) img{animation-delay:-4s}.expertise-grid article:nth-child(4) img{animation-delay:-6s}.expertise-grid h3{margin-top:9px}.career-layout{display:grid;grid-template-columns:36% 1fr;gap:65px;align-items:start}.career-stage{position:sticky;top:35px;padding:15px 0 30px}.career-art{position:relative;isolation:isolate;height:340px;display:grid;place-items:center;perspective:900px;overflow:hidden}.career-art img{height:100%;width:100%;object-fit:contain;mix-blend-mode:screen;animation:objectFloat 9s ease-in-out infinite;transition:opacity .3s;z-index:2}.orbit{position:absolute;width:90%;height:65%;border:1px solid #8057a166;border-radius:50%;transform:rotateX(65deg) rotateZ(-20deg);animation:orbitTurn 14s linear infinite;box-shadow:0 0 18px #8b42ad1a}.orbit-two{width:74%;height:90%;animation-direction:reverse;animation-duration:20s}.career-stage>.small-label{display:block;color:#b899d1;margin:18px 0 10px}.career-stage>p{font-size:23px;line-height:1.4;letter-spacing:-.7px}.career-chapters{margin-top:30px;display:grid;gap:3px}.career-chapters a{display:flex;gap:16px;color:#76717f;padding:12px 0;border-bottom:1px solid #242027;font-size:12px;transition:color .3s}.career-chapters a span{font-size:14px}.career-chapters a.active{color:#e5c6ff}.timeline{position:relative;padding-left:30px;border-left:1px solid #493354}.job{display:block;position:relative;margin:0 0 35px;padding:30px!important;border:1px solid #302637;border-radius:16px;background:linear-gradient(135deg,#1a1222,#0a090c 70%);scroll-margin-top:50px}.job:last-child{margin-bottom:20px}.job .date{margin-bottom:20px;display:flex;gap:15px;align-items:center}.job .current{margin:0}.chapter-number{display:block;font-size:10px;letter-spacing:1.4px;color:#a387b5;margin-bottom:15px}.job h3{font-size:27px}.job p{font-size:15px;line-height:1.8}.milestone{position:absolute;width:11px;height:11px;border:2px solid #b679df;border-radius:50%;background:#110b16;left:-36px;top:35px;box-shadow:0 0 20px #a64de777}.job.active{border-color:#795098;box-shadow:0 0 40px #5516761c}.job.active .milestone{background:#d1a4ff;box-shadow:0 0 24px #bd70ff}.experience .earlier{margin-top:40px}body.motion-paused .object-stage img,body.motion-paused .career-art img,body.motion-paused .orbit,body.motion-paused .character-float{animation-play-state:paused}body.motion-paused .depth-card{transform:none}
@keyframes objectFloat{0%,100%{transform:translateY(0) rotateY(-8deg) rotateZ(-3deg)}50%{transform:translateY(-13px) rotateY(10deg) rotateZ(3deg)}}@keyframes orbitTurn{from{transform:rotateX(64deg) rotateZ(0deg)}to{transform:rotateX(64deg) rotateZ(360deg)}}
@media(max-width:1050px){.career-layout{grid-template-columns:32% 1fr;gap:30px}.career-art{height:260px}.career-stage>p{font-size:20px}.object-stage{height:230px}}
@media(max-width:760px){.career-layout{grid-template-columns:1fr;gap:30px}.career-stage{position:relative;top:auto;display:grid;grid-template-columns:130px 1fr;gap:8px 20px;align-items:center;padding:0}.career-art{height:160px;grid-row:1/4}.career-stage>.small-label{margin:0;font-size:9px}.career-stage>p{font-size:19px}.career-chapters{grid-column:1/-1;display:flex;gap:15px;margin:5px 0}.career-chapters a{flex:1;font-size:10px;gap:6px}.career-chapters a span{font-size:11px}.career-stage .section-motion{justify-self:start;margin:0}.timeline{margin-left:5px;padding-left:22px}.milestone{left:-28px}.job{padding:23px!important}.job h3{font-size:24px}.expertise-grid article{padding:24px}.object-stage{height:240px}.expertise-grid{gap:20px}}
@media(prefers-reduced-motion:reduce){.object-stage img,.career-art img,.orbit{animation:none}.depth-card{transform:none!important}.character{transform:scale(.78)!important}.section-motion{display:none}}

.depth-card.reveal.is-visible{transform:perspective(1100px) rotateX(var(--card-y,0deg)) rotateY(var(--card-x,0deg))}body.motion-paused .depth-card.reveal.is-visible{transform:none}
.object-stage{margin-top:14px}.object-stage img,.career-art img{mask-image:radial-gradient(ellipse at center,#000 48%,transparent 73%)}

.location-label{display:inline-flex;align-items:center;gap:8px}.spain-flag{font-size:19px;line-height:1;letter-spacing:0}

/* Pointer-driven portrait and independent gaze, retaining the compact head size. */
.character{transform:scale(.78) translate(var(--look-x,0px),var(--look-y,0px)) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));transition:none;will-change:transform}
.character-gaze{aspect-ratio:1;pointer-events:none}
