@import "https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600&family=Urbanist:wght@300;400;500;600&display=swap";:root{--bg:#ebebeb;--paper:#f5f5f5;--surface:#efefef;--text:#151515;--muted:#656565;--accent:#1f1f1f;--line:#d6d6d6;--nav-link:#3f3f3f;--nav-link-hover:#000;--btn-primary-bg:#1f1f1f;--btn-primary-hover:#111;--btn-primary-text:#fff;--btn-ghost-bg:#ececec;--btn-ghost-border:#bdbdbd;--btn-ghost-hover:#8f8f8f;--control-border:#c9c9c9;--control-text:#555;--control-active-bg:#1f1f1f;--control-active-text:#fff;--place-text:#464646;--hero-copy:#4f4f4f;--hero-kicker:#4a4a4a;--hero-stat:#5d5d5d;--icon-bg:#f5f5f594;--icon-border:#28282829;--icon-text:#12121285;--icon-shadow:#0000000d;--loader-shine:#ffffff57;--loader-bg-start:#f5f5f59e;--loader-bg-end:#dedede3d;--social-border:#bfbfbf;--social-text:#2a2a2a;--social-hover-border:#8f8f8f;--social-hover-text:#111;--link-border:#b8b8b8;--link-text:#333;--link-hover:#000;--footer-card-bg:#262626;--footer-card-hover:#313131;--footer-card-border:#3a3a3a;--footer-decoration:#393939;--rail-text:#a6a6a6;--rail-line:#c8c8c8;--footer-bg:radial-gradient(circle at 14% 0%, #2a2a2a, #202020 55%, #1a1a1a);--footer-border:#343434;--footer-text:#f1f1f1;--footer-muted:#5f5f5f;--hero-image-filter:grayscale(100%) contrast(104%) brightness(112%);--max-width:1120px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#101010;--paper:#151515;--surface:#1a1a1a;--text:#f0f0f0;--muted:#a7a7a7;--accent:#f5f5f5;--line:#2b2b2b;--nav-link:#c7c7c7;--nav-link-hover:#fff;--btn-primary-bg:#f2f2f2;--btn-primary-hover:#fff;--btn-primary-text:#111;--btn-ghost-bg:#171717;--btn-ghost-border:#3a3a3a;--btn-ghost-hover:#666;--control-border:#3a3a3a;--control-text:#cfcfcf;--control-active-bg:#f2f2f2;--control-active-text:#111;--place-text:silver;--hero-copy:#c8c8c8;--hero-kicker:#bdbdbd;--hero-stat:#a8a8a8;--icon-bg:#1919199e;--icon-border:#f5f5f524;--icon-text:#f5f5f594;--icon-shadow:#00000047;--loader-shine:#ffffff14;--loader-bg-start:#2a2a2a9e;--loader-bg-end:#12121275;--social-border:#414141;--social-text:#d4d4d4;--social-hover-border:#7a7a7a;--social-hover-text:#fff;--link-border:#676767;--link-text:#e0e0e0;--link-hover:#fff;--footer-card-bg:#1d1d1d;--footer-card-hover:#282828;--footer-card-border:#353535;--footer-decoration:#333;--rail-text:#9a9a9a;--rail-line:#3a3a3a;--footer-bg:radial-gradient(circle at 14% 0%, #2b2b2b, #171717 55%, #0f0f0f);--footer-border:#2c2c2c;--footer-text:#f5f5f5;--footer-muted:#8a8a8a;--hero-image-filter:grayscale(100%) contrast(106%) brightness(96%);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Manrope,sans-serif;font-weight:300;line-height:1.6;transition:background .25s,color .25s}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}main{overflow:clip}section,.site-footer{width:min(var(--max-width), 92%);margin-inline:auto}section{padding:5rem 0;position:relative}section:after{background:linear-gradient(90deg, transparent 0%, var(--line) 14%, var(--line) 86%, transparent 100%);content:"";height:1px;position:absolute;bottom:0;left:0;right:0}.reveal{opacity:0;transition:opacity .6s,transform .6s;transition-delay:var(--reveal-delay,0s);transform:translateY(20px)}.reveal.is-visible{opacity:1;transform:translateY(0)}.section-title{letter-spacing:0;margin-bottom:1.3rem;font-family:Urbanist,sans-serif;font-size:clamp(1.7rem,4vw,2.35rem);font-weight:400}.muted{color:var(--muted)}.card-grid{gap:1.4rem;display:grid}.card{background:0 0;border:0;border-radius:0;padding:0 0 1.15rem;transition:transform .25s}.card:hover{transform:translateY(-2px)}.card ul{margin-top:.7rem;padding-left:1rem}.pill-list{flex-wrap:wrap;gap:.6rem;margin-top:.8rem;display:flex}.pill{border:1px solid var(--line);background:0 0;border-radius:999px;padding:.42rem .8rem;font-size:.88rem}.btn{cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;padding:.76rem 1.1rem;font-family:Urbanist,sans-serif;font-weight:500;transition:all .25s;display:inline-flex}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.btn-primary:hover{background:var(--btn-primary-hover)}.btn-ghost{background:var(--btn-ghost-bg);border-color:var(--btn-ghost-border)}.btn-ghost:hover{border-color:var(--btn-ghost-hover)}.nav{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:color-mix(in srgb, var(--bg) 84%, transparent);border-bottom:1px solid var(--line);z-index:50;position:sticky;top:0}.nav-inner{min-height:70px;width:min(var(--max-width), 92%);justify-content:space-between;align-items:center;gap:.8rem;margin-inline:auto;display:flex;position:relative}.nav-menu{align-items:center;gap:1rem;min-width:0;display:flex}.brand{letter-spacing:0;font-family:Urbanist,sans-serif;font-size:1.1rem;font-weight:500}.brand span{color:var(--accent)}.nav-links{scrollbar-width:none;gap:.9rem;display:flex;overflow-x:auto}.nav-links::-webkit-scrollbar{display:none}.nav-links a{color:var(--nav-link);white-space:nowrap;font-size:.9rem}.nav-links a:hover{color:var(--nav-link-hover)}.menu-toggle{border:1px solid var(--control-border);color:var(--text);cursor:pointer;background:0 0;border-radius:999px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;padding:0;display:none;position:relative}.menu-toggle span{background:currentColor;border-radius:999px;width:16px;height:1.5px;transition:opacity .2s,transform .2s;position:absolute;left:10px}.menu-toggle span:first-child{transform:translateY(-5px)}.menu-toggle span:nth-child(3){transform:translateY(5px)}.menu-toggle[aria-expanded=true] span:first-child{transform:rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:nth-child(3){transform:rotate(-45deg)}.language-switcher{border:1px solid var(--control-border);border-radius:999px;flex:none;align-items:center;gap:.15rem;padding:.18rem;display:inline-flex}.language-switcher button{color:var(--control-text);cursor:pointer;background:0 0;border:0;border-radius:999px;min-width:34px;padding:.42rem .5rem;font-family:Urbanist,sans-serif;font-size:.78rem;font-weight:500;line-height:1}.language-switcher button:hover,.language-switcher button.is-active{background:var(--control-active-bg);color:var(--control-active-text)}.theme-switcher{color:#0f0f0f;cursor:pointer;background:#e7e7e9;border:1px solid #dedee1;border-radius:999px;flex:none;justify-content:flex-end;align-items:center;min-width:64px;height:34px;padding:.2rem;transition:background .2s,border-color .2s,color .2s;display:inline-flex;position:relative;overflow:hidden}.theme-switcher:hover{border-color:#c8c8ca}.theme-switcher[aria-pressed=true]{color:#fff;background:#050505;border-color:#050505;justify-content:flex-start}.theme-switcher__thumb{color:#111;background:#fff;border:1px solid #0000002e;border-radius:999px;flex:none;justify-content:center;align-items:center;width:28px;height:28px;transition:transform .24s;display:inline-flex}.theme-switcher[aria-pressed=true] .theme-switcher__thumb{border-color:#000000b8}.theme-switcher__thumb svg{width:18px;height:18px}.hero{min-height:calc(100svh - 70px);display:block}.hero-shell{isolation:isolate;background:0 0;border:0;border-radius:0;align-items:stretch;gap:1rem;min-height:calc(100svh - 70px - 5rem);padding:1.25rem;display:grid;position:relative}.hero-rail{display:none}.hero-content h1{letter-spacing:0;font-family:Urbanist,sans-serif;font-size:clamp(2.8rem,10vw,7rem);font-weight:500;line-height:.92}.hero-kicker{color:var(--hero-kicker);max-width:none;margin-top:0;font-size:.9rem}.hero-stats{flex-wrap:wrap;gap:1rem;margin-top:1.1rem;display:flex}.hero-stats div{min-width:120px}.hero-stats strong{font-family:Urbanist,sans-serif;font-size:1.55rem;font-weight:400;line-height:1;display:block}.hero-stats span{color:var(--hero-stat);font-size:.8rem}.hero-subtitle{max-width:none;margin-top:.2rem;font-family:Urbanist,sans-serif;font-size:clamp(1.5rem,5vw,2.5rem);font-weight:400;line-height:1}.hero-copy{color:var(--hero-copy);max-width:520px}.hero-content p{max-width:560px;margin-top:1rem}.hero-socials{flex-wrap:wrap;align-items:center;gap:.55rem;margin-top:.75rem;display:flex}.hero-socials a{border:1px solid var(--social-border);color:var(--social-text);background:0 0;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:inline-flex}.hero-socials a:hover{border-color:var(--social-hover-border);color:var(--social-hover-text);transform:translateY(-1px)}.hero-socials svg{width:17px;height:17px}.hero-actions{flex-wrap:wrap;gap:.8rem;margin-top:1.2rem;display:flex}.hero-visual{background:linear-gradient(110deg, transparent 0%, var(--loader-shine) 45%, transparent 70%), linear-gradient(180deg, var(--loader-bg-start), var(--loader-bg-end));perspective:900px;background-position:-180% 0,50%;background-size:70% 100%,100% 100%;border:0;border-radius:0;min-height:320px;transition:background .25s;position:relative;overflow:visible}.hero:not(.is-hero-image-loaded) .hero-visual{animation:1.2s ease-in-out infinite hero-image-loader}.hero.is-hero-image-loaded .hero-visual{background:0 0;animation:none}.hero-tech-cloud{opacity:0;pointer-events:none;z-index:1;transition:opacity .35s;position:absolute;inset:4% -4% 4% -12%}.hero.is-hero-image-loaded .hero-tech-cloud{opacity:1}.hero-tech-icon{animation:7s ease-in-out infinite tech-float;animation-delay:calc(var(--icon-index) * -.55s);background:var(--icon-bg);border:1px solid var(--icon-border);box-shadow:0 10px 26px var(--icon-shadow);color:var(--icon-text);letter-spacing:.02em;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-width:48px;padding:.38rem .62rem;font-family:Urbanist,sans-serif;font-size:.78rem;font-weight:600;display:inline-flex;position:absolute;transform:translate(0,0)}.hero-tech-icon:first-child{top:10%;right:10%}.hero-tech-icon:nth-child(2){top:20%;right:58%}.hero-tech-icon:nth-child(3){top:28%;right:2%}.hero-tech-icon:nth-child(4){top:43%;right:66%}.hero-tech-icon:nth-child(5){top:52%;right:3%}.hero-tech-icon:nth-child(6){top:64%;right:68%}.hero-tech-icon:nth-child(7){top:9%;right:46%}.hero-tech-icon:nth-child(8){top:31%;right:72%}.hero-tech-icon:nth-child(9){top:74%;right:4%}.hero-tech-icon:nth-child(10){top:8%;right:78%}.hero-tech-icon:nth-child(11){top:80%;right:55%}.hero-visual:before{content:"";filter:var(--hero-image-filter);pointer-events:none;z-index:2;opacity:0;transform-origin:66% 55%;-webkit-mask-composite:source-in;background-image:-webkit-image-set(url(/ruben-photo-desk.avif) 1x type("image/avif"),url(/ruben-photo-desk.webp) 1x type("image/webp"),url(/ruben-photo-desk.png) 1x type("image/png"));background-image:image-set("/ruben-photo-desk.avif" 1x type("image/avif"),"/ruben-photo-desk.webp" 1x type("image/webp"),"/ruben-photo-desk.png" 1x type("image/png"));background-position:100% 100%;background-repeat:no-repeat;background-size:110%;transition:filter .35s,opacity .28s,transform .45s;position:absolute;inset:-2% -2% -2% -28%;transform:translate(0,0)rotateY(0)scale(1);-webkit-mask-image:linear-gradient(#000 0% 50%,#0000007a 66%,#0000 86%),linear-gradient(90deg,#0000 0%,#0000006b 16%,#000 30% 76%,#00000080 88%,#0000 100%),radial-gradient(62% 72% at 68% 43%,#000 44%,#000000a3 64%,#0000 96%);mask-image:linear-gradient(#000 0% 50%,#0000007a 66%,#0000 86%),linear-gradient(90deg,#0000 0%,#0000006b 16%,#000 30% 76%,#00000080 88%,#0000 100%),radial-gradient(62% 72% at 68% 43%,#000 44%,#000000a3 64%,#0000 96%);-webkit-mask-composite:source-in;mask-composite:intersect}.hero.is-hero-image-loaded .hero-visual:before{opacity:1}@keyframes hero-image-loader{0%{background-position:-180% 0,50%}to{background-position:220% 0,50%}}@keyframes tech-float{0%,to{transform:translate(0,0)}50%{transform:translateY(-10px)}}.stack-list{grid-template-columns:1fr;gap:1.1rem;display:grid}.profile-note{margin-top:1rem}.ai-intro{color:var(--place-text);max-width:820px}.ai-grid{margin-top:1.4rem}.timeline{gap:1.25rem;display:grid}.timeline .role{margin-top:.2rem;font-family:Urbanist,sans-serif;font-weight:500}.timeline .place{color:var(--place-text);font-size:.95rem}.site-line{margin-top:.35rem}.site-line a{border-bottom:1px solid var(--link-border);color:var(--link-text);transition:border-color .2s,color .2s}.site-line a:hover{border-color:var(--link-hover);color:var(--link-hover)}.contact-grid{gap:1.1rem;display:grid}.contact-list{gap:.45rem;display:grid}.social-links{flex-wrap:wrap;align-items:center;gap:.85rem;display:flex}.social-item{border:0;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.5rem .8rem;transition:color .2s,transform .2s;display:inline-flex}.social-icon{color:var(--social-text);justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.social-icon svg{width:100%;height:100%}.social-item span{color:var(--nav-link);font-family:Urbanist,sans-serif;font-size:.9rem;font-weight:400}.social-item:hover{color:var(--nav-link-hover);transform:translate(4px)}.project-tag{border:1px solid var(--line);color:var(--link-text);border-radius:999px;align-items:center;gap:.42rem;margin-top:.65rem;padding:.38rem .7rem;font-size:.86rem;display:inline-flex}.project-tag+.project-tag{margin-left:.45rem}.project-tag svg{width:14px;height:14px}.site-footer{margin-bottom:0;margin-inline:0;width:100%;margin-top:4.2rem;padding-bottom:0}.footer-panel{background:var(--footer-bg);border-bottom:1px solid var(--footer-border);border-left:0;border-right:0;border-top:1px solid var(--footer-border);color:var(--footer-text);border-radius:0;align-items:center;gap:1rem;min-height:138px;padding:1.3rem 1.1rem;display:grid;position:relative;overflow:hidden}.footer-panel:before,.footer-panel:after{border:1px solid var(--footer-decoration);content:"";pointer-events:none;width:120px;height:120px;position:absolute}.footer-panel:before{border-radius:16px;top:-56px;left:-56px}.footer-panel:after{border-radius:16px;bottom:-56px;right:-56px}.footer-mini-nav{flex-wrap:wrap;justify-content:center;gap:.55rem;display:flex}.footer-mini-nav a{background:var(--footer-card-bg);border:1px solid var(--footer-card-border);color:var(--footer-text);border-radius:999px;padding:.46rem .82rem;font-family:Urbanist,sans-serif;font-size:.88rem;font-weight:400}.footer-mini-nav a:hover{background:var(--footer-card-hover)}.footer-language{justify-content:center;display:flex}.footer-language .language-switcher{border-color:var(--footer-card-border)}.footer-language .language-switcher button{color:var(--footer-text)}.footer-language .language-switcher button:hover,.footer-language .language-switcher button.is-active{background:var(--footer-text);color:#111}.footer-meta{color:var(--footer-muted);letter-spacing:.02em;text-align:center;margin-top:.2rem;font-size:.84rem}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}.hero-tech-icon{animation:none}}@media (width<=819px){body.is-mobile-menu-open{overflow:hidden}.nav-menu{gap:.55rem}.menu-toggle{order:2;display:inline-flex}.theme-switcher{order:1}.nav-links{background:color-mix(in srgb, var(--bg) 96%, transparent);border:1px solid var(--line);opacity:0;pointer-events:none;z-index:60;gap:0;max-height:calc(100svh - 86px);padding:.45rem;transition:opacity .2s,transform .2s;display:grid;position:absolute;top:calc(100% + .55rem);left:0;right:0;overflow-y:auto;transform:translateY(-8px);box-shadow:0 18px 36px #00000014}.nav-links.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-links a{border-bottom:1px solid var(--line);color:var(--text);white-space:normal;padding:.82rem .75rem;font-size:1rem}.nav-links a:last-child{border-bottom:0}.theme-switcher{min-width:58px}.hero{min-height:auto;padding-top:2.4rem}.hero-shell{gap:1.5rem;min-height:auto;padding:0}.hero-visual{order:2;min-height:clamp(380px,82vw,560px)}.hero-visual:before{background-position:bottom;background-size:min(122vw,620px);inset:-8% -16% -4%;-webkit-mask-image:linear-gradient(#0000 0%,#000000c2 12%,#000 48%,#00000080 72%,#0000 92%),linear-gradient(90deg,#0000 0%,#0000008c 13%,#000 29% 72%,#00000080 88%,#0000 100%),radial-gradient(72% 78% at 56% 44%,#000 48%,#0000009e 70%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000000c2 12%,#000 48%,#00000080 72%,#0000 92%),linear-gradient(90deg,#0000 0%,#0000008c 13%,#000 29% 72%,#00000080 88%,#0000 100%),radial-gradient(72% 78% at 56% 44%,#000 48%,#0000009e 70%,#0000 100%)}.hero-tech-cloud{opacity:0;inset:0 0 10%}.hero.is-hero-image-loaded .hero-tech-cloud{opacity:.5}.hero-tech-icon{min-width:40px;padding:.32rem .5rem;font-size:.7rem}.hero-tech-icon:nth-child(n+7){display:none}}@media (width<=520px){.brand{font-size:1rem}.nav-inner{min-height:64px}.hero-visual{min-height:clamp(330px,92vw,430px)}.hero-visual:before{background-size:min(138vw,520px);top:-4%;left:-28%;right:-24%}.hero-tech-icon:nth-child(n+5){display:none}}@media (width>=820px){.hero-shell{grid-template-columns:1fr 1fr;padding:1.5rem 1.5rem 1.5rem 3.2rem}.hero-rail{color:var(--rail-text);z-index:2;justify-items:center;gap:1rem;display:grid;position:absolute;top:1.6rem;left:.85rem}.hero-rail span,.hero-rail em{letter-spacing:.04em;writing-mode:vertical-rl;font-family:Urbanist,sans-serif;font-size:.82rem;font-style:normal;font-weight:400;transform:rotate(180deg)}.hero-rail i{background:var(--rail-line);width:1px;height:190px;display:block}.hero-visual{min-height:640px}.hero-visual:before{background-position:100%;left:-32%}.card-grid,.stack-list{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-grid{grid-template-columns:1.1fr 1fr;align-items:start}.footer-panel{grid-template-columns:1fr;gap:1.1rem;padding:1.4rem 2rem}.footer-meta{grid-column:1/-1}}