*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--arena);color:var(--ink);font-family:var(--font-body);font-size:1.05rem;line-height:1.65}h1,h2,h3{font-family:var(--font-title);font-weight:700}:focus-visible{outline:2px solid var(--terra);outline-offset:3px;border-radius:2px}.skip-link{position:fixed;top:.5rem;left:.5rem;z-index:20;padding:.5rem .9rem;background:var(--paper);border:1px solid var(--terra);border-radius:8px;color:var(--terra);font-size:.85rem;text-decoration:none;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}section[id],main[id]{scroll-margin-top:5rem}main{max-width:820px;margin:0 auto;padding:4.5rem 1.25rem 4rem}.site-actions{position:fixed;top:.9rem;right:.9rem;z-index:10;display:flex;align-items:center;gap:1rem;background:color-mix(in srgb,var(--arena) 88%,transparent);border:1px solid var(--line);border-radius:10px;padding:.35rem;backdrop-filter:blur(10px)}.hero{text-align:center;padding:1rem 0 1.5rem}.hero-mark{display:inline-block}.hero img{display:block}h1{font-size:clamp(1.9rem,8vw,2.4rem);margin:.4rem 0 0;letter-spacing:.04em}.role{margin:.35rem 0 0;font-family:var(--font-mono);font-size:.85rem;letter-spacing:.12em;text-transform:lowercase;color:var(--brown);text-align:center}.thesis{font-size:1.15rem;font-weight:700;color:var(--terra);margin:.6rem 0 .3rem;text-align:center}.sub{color:var(--brown);max-width:58ch;margin:.6rem auto 0}.hero a,.suite-hub a,#contacto a,footer a{color:var(--terra);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em;text-decoration-color:color-mix(in srgb,var(--terra) 55%,transparent)}.hero a:hover,.suite-hub a:hover,#contacto a:hover,footer a:hover{text-decoration-color:var(--terra);text-decoration-thickness:2px}.topnav{display:flex;gap:.85rem;justify-content:center;flex-wrap:wrap}.topnav a{color:var(--brown);text-decoration:none;font-size:.85rem;letter-spacing:.04em;border-bottom:1px solid transparent}.topnav a:hover{color:var(--terra);border-bottom-color:var(--terra)}h2{font-size:1.3rem;text-transform:uppercase;letter-spacing:.1em;color:var(--brown);border-bottom:2px solid var(--line);padding-bottom:.3rem;margin:2.6rem 0 1rem}h2:before{content:"> " / ""}section p{max-width:none}.section-intro{color:var(--brown)}.stack{list-style:none;padding:0;margin:1.8rem 0 0;display:flex;flex-wrap:wrap;gap:.5rem}.stack li{font-family:var(--font-mono);font-size:.8rem;background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:.3rem .7rem;color:var(--brown)}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:.5rem}.card{background:var(--paper);border:2px solid var(--line);border-radius:10px;padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.35rem}.card:hover{border-color:var(--terra)}.card h3{margin:0;font-size:1.3rem;letter-spacing:.03em}.card h3 a{color:var(--ink);text-decoration:none}.card h3 a:hover{color:var(--terra)}.card-tagline{margin:0;color:var(--terra);font-weight:700;font-size:.95rem}.card-desc{margin:0;color:var(--brown);font-size:.92rem}.card-links{margin:.9rem 0 0;margin-top:auto;padding-top:.9rem;display:flex;align-items:center;gap:1rem;font-size:.9rem}.card-cta{font-family:var(--font-title);font-weight:700;font-size:.95rem;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;background:var(--terra);color:var(--arena);padding:.3rem .9rem;border-radius:6px;border:1px solid var(--terra)}.card-cta:hover{background:transparent;color:var(--terra)}.card-soon{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--brown);border:1px dashed var(--line);border-radius:6px;padding:.3rem .8rem}.card-code{color:var(--brown);text-decoration:none;border-bottom:1px solid var(--line)}.card-code:hover{color:var(--terra);border-bottom-color:var(--terra)}.suite-hub{margin-top:1.2rem;font-size:.85rem;color:var(--brown)}.contact-links{display:flex;gap:1.2rem;flex-wrap:wrap;margin-top:.6rem}strong{color:var(--ink)}footer{margin-top:3.5rem;font-size:.78rem;color:var(--brown);text-align:center}.suite{opacity:.95}.suite img{vertical-align:-3px;margin-right:.35rem}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}@media (max-width: 640px){main{padding-top:7rem}.site-actions{left:.75rem;right:.75rem;justify-content:space-between}.topnav{gap:.65rem}.topnav a{font-size:.75rem}section[id],main[id]{scroll-margin-top:7.5rem}.cards{grid-template-columns:1fr}}