:root{--ink:#101011;--paper:#f7f6f2;--blue:#243ca7;--lime:#c8ff7a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Space Grotesk",Arial,sans-serif}a{color:inherit}.hero{min-height:770px;background:var(--ink);color:#fff;padding:22px clamp(22px,5vw,72px) 38px;position:relative;overflow:hidden}.nav,footer{display:flex;justify-content:space-between;align-items:center;font:12px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.04em;position:relative;z-index:4}.nav a:not(.wordmark){text-decoration:none;border-bottom:1px solid #fff;padding-bottom:4px}.wordmark{font:700 30px "Space Grotesk",sans-serif;letter-spacing:-.11em;text-decoration:none}.wordmark span{color:var(--lime)}.hero-copy{position:relative;z-index:3;margin-top:clamp(85px,13vh,150px);max-width:620px}.eyebrow{font:11px "DM Mono",monospace;letter-spacing:.08em;text-transform:uppercase;margin:0 0 18px;color:inherit;opacity:.72}.hero h1,.projects h2{font-size:clamp(56px,8vw,125px);line-height:.82;letter-spacing:-.09em;margin:0}.hero h1 em{font-weight:400;color:var(--lime)}.intro{max-width:370px;font-size:16px;line-height:1.45;margin:38px 0 25px;color:#dedede}.round-link{display:inline-flex;gap:24px;align-items:center;border:1px solid #555;border-radius:99px;padding:11px 13px 11px 17px;text-decoration:none;font-size:13px}.round-link span{color:var(--lime);font-size:18px}.network{position:absolute;inset:0;z-index:1;opacity:.92}.node{position:absolute;border:1px solid #5363b9;border-radius:99px;padding:7px 12px;background:#141419;color:#e8e9fa;font:10px "DM Mono",monospace;animation:float 6s ease-in-out infinite}.core{left:68%;top:45%;width:155px;height:155px;border-radius:50%;border-color:var(--lime);display:grid;place-content:center;text-align:center;background:#191c25;box-shadow:0 0 0 12px #16161b,0 0 65px #6c86ff55;animation:none}.core span{font-size:35px;font-weight:700;letter-spacing:-.12em}.core small{color:var(--lime);font:9px "DM Mono",monospace;margin-top:4px}.n1{left:51%;top:26%}.n2{left:75%;top:17%;animation-delay:-2s}.n3{left:83%;top:40%;animation-delay:-4s}.n4{left:74%;top:70%;animation-delay:-1s}.n5{left:51%;top:67%;animation-delay:-3s}.n6{left:39%;top:51%;animation-delay:-5s}.n7{left:58%;top:84%;animation-delay:-4s}.orbit{position:absolute;left:58%;top:20%;width:470px;height:470px;border:1px solid #ffffff15;border-radius:50%;transform:rotate(-18deg)}.orbit-b{left:51%;top:35%;width:350px;height:350px;border-color:#c8ff7a19}.beam{position:absolute;height:1px;background:linear-gradient(90deg,#697dd5,transparent);transform-origin:left;left:70%;top:53%}.beam-1{width:180px;transform:rotate(-126deg)}.beam-2{width:220px;transform:rotate(-68deg)}.beam-3{width:165px;transform:rotate(-10deg)}.beam-4{width:155px;transform:rotate(42deg)}.beam-5{width:205px;transform:rotate(137deg)}.beam-6{width:190px;transform:rotate(182deg)}.beam-7{width:180px;transform:rotate(100deg)}.hero-footer{position:absolute;bottom:38px;right:clamp(22px,5vw,72px);z-index:2;color:#b9b9bd;text-align:right;font-size:12px;line-height:1.3}.projects{padding:110px clamp(22px,5vw,72px);background:#f0eee7}.section-heading{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:end;gap:30px;margin-bottom:60px}.projects h2{font-size:clamp(48px,7vw,98px)}.section-heading>p:last-child{font-size:14px;line-height:1.45;margin:0 0 6px}.tabs-container{max-width:1280px;margin:auto;display:flex;flex-direction:column;gap:9px}.tab-row{height:255px;display:flex;gap:9px;overflow:hidden}.panel{position:relative;flex:1;min-width:0;overflow:hidden;cursor:pointer;border-radius:4px;isolation:isolate;transition:flex .75s cubic-bezier(.77,0,.18,1),filter .4s}.panel:hover{filter:brightness(1.06)}.panel.active{flex:14;cursor:default}.panel:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.panel::before{content:"";position:absolute;inset:0;background-image:var(--thumb);background-size:cover;background-position:var(--pos,center);filter:saturate(.9);transition:transform .8s ease}.panel.active::before{transform:scale(1.06)}.panel-shade{position:absolute;inset:0;background:linear-gradient(90deg,#101011e8 0%,#101011a8 47%,#10101118 100%);z-index:-1}.panel:not(.active) .panel-shade{background:#10101145}.tab-label{position:absolute;z-index:2;left:50%;top:18px;transform:translateX(-50%);font:500 10px "DM Mono",monospace;white-space:nowrap;color:white;writing-mode:vertical-rl;letter-spacing:.12em}.panel.active .tab-label{left:auto;right:19px;transform:none;writing-mode:initial;color:var(--lime)}.panel-content{position:absolute;z-index:2;left:clamp(22px,4vw,55px);top:50%;right:42%;transform:translateY(-50%);color:white;opacity:0;transition:opacity .38s ease .18s}.panel.active .panel-content{opacity:1}.project-number{font:10px "DM Mono",monospace;color:var(--lime);letter-spacing:.09em;margin:0 0 13px}.panel h3{font-size:clamp(31px,4vw,58px);letter-spacing:-.07em;line-height:.9;margin:0 0 9px}.project-type{font-size:15px;margin:0 0 22px}.description{font-size:13px;line-height:1.45;max-width:400px;margin:0 0 21px;color:#f3f3f3}.panel-content a{font:11px "DM Mono",monospace;text-decoration:none;border-bottom:1px solid var(--lime);padding-bottom:4px}.panel-content a span{color:var(--lime);font-size:15px}.toolkit{--thumb:url("assets/red-tab-proyectos.png");--pos:10% 59%}.belinguish{--thumb:url("assets/red-tab-proyectos.png");--pos:9% 33%}.moodle{--thumb:url("assets/red-tab-proyectos.png");--pos:55% 17%}.danese{--thumb:url("assets/red-tab-proyectos.png");--pos:85% 33%}.atenas{--thumb:url("assets/red-tab-proyectos.png");--pos:87% 56%}.lusina{--thumb:url("assets/red-tab-proyectos.png");--pos:45% 87%}.mir4{--thumb:url("assets/red-tab-proyectos.png");--pos:72% 83%}footer{padding:30px clamp(22px,5vw,72px);background:var(--ink);color:#fff}footer p{opacity:.65}footer>a:last-child{color:var(--lime)}@keyframes float{50%{transform:translateY(-9px)}}@media(max-width:800px){.hero{min-height:700px}.network{opacity:.55;transform:scale(.9);transform-origin:75% 55%}.core{left:62%;top:48%}.section-heading{grid-template-columns:1fr;gap:18px}.section-heading>p:last-child{max-width:250px}.tab-row{height:310px}.panel.active{flex:12}.panel-content{right:14px}.description{max-width:310px}.panel:not(.active){flex:.8}.hero-footer{right:22px}footer{gap:18px;align-items:flex-start;flex-direction:column}}@media(max-width:500px){.hero{padding-top:19px;min-height:660px}.network{transform:scale(.77);transform-origin:70% 58%}.hero h1{font-size:58px}.hero-copy{margin-top:105px}.tab-row{height:300px;gap:5px}.tabs-container{gap:5px}.panel.active{flex:10}.panel:not(.active){flex:.45}.panel-content{left:20px}.panel h3{font-size:34px}.project-type{font-size:13px;margin-bottom:13px}.description{font-size:12px;margin-bottom:15px}.tab-label{top:12px}.projects{padding-block:75px}}