/* Atlas de curiosidad: art direction inspired by immersive and editorial references. */
:root{--bg:#080a19;--panel:#11172d;--line:#393e63;--lime:#d6ff66;--cyan:#7ce9e5;--muted:#aeb6d3}
body{background:#080a19}.site-header{position:absolute;top:26px;left:50%;transform:translateX(-50%);width:min(1400px,calc(100% - 52px));height:70px;border:1px solid #ffffff45;border-radius:99px;background:#101329b8;backdrop-filter:blur(22px);padding-inline:26px;box-shadow:0 15px 55px #080a1960}.site-header .identity-name{font-size:9px}.site-header .top-nav{gap:28px}.site-header .top-nav a{transition:color .2s}.site-header .top-nav a:hover{color:var(--lime)}.site-header .lang-toggle{border-radius:99px;border-color:#ffffff55;padding:9px 13px}.site-header .social-link{border:0;background:var(--lime);color:#080a19;border-radius:50%;display:grid;place-items:center;width:34px;height:34px;font-weight:700}
.hero.wrap{width:100%;max-width:none;min-height:100svh;padding:clamp(170px,20vh,240px) max(5vw,32px) 70px;display:block;position:relative;overflow:hidden;background:radial-gradient(circle at 71% 48%,#664ed164 0%,#262f6d4d 18%,transparent 45%),radial-gradient(circle at 10% 110%,#3a466a55,transparent 49%),#080a19;isolation:isolate}.hero:before{content:'CURIOUS / 001';position:absolute;right:-1%;bottom:-.17em;font:800 clamp(120px,22vw,400px)/1 var(--sans);letter-spacing:-.12em;color:#ffffff0a;white-space:nowrap;pointer-events:none}.hero:after{content:'';position:absolute;inset:0;z-index:-1;opacity:.25;background-image:linear-gradient(#a3a5da21 1px,transparent 1px),linear-gradient(90deg,#a3a5da21 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to right,transparent,#000 40%)}.hero-copy{max-width:930px}.hero-kicker{color:var(--lime);font-size:12px;letter-spacing:.2em}.hero h1{font-size:clamp(75px,9.8vw,162px);letter-spacing:-.09em;line-height:.86;max-width:1000px;margin-bottom:40px;text-shadow:0 10px 50px #07091d55}.hero h1>span{display:block;font-size:.38em;color:#e4e5ff;letter-spacing:-.05em;margin-bottom:.28em}.hero h1 br{display:none}.hero h1 em{display:block;max-width:980px;color:var(--lime)}.hero-lead{font-size:19px;max-width:590px;color:#d1d7ed}.hero-caption{color:#ccd1e8;margin-top:42px;font-size:10px}.hero-actions .button{border-radius:99px;min-height:60px;padding-inline:29px}.hero-actions .text-link{color:#f5f4ff}.knowledge-map{position:absolute;right:-4%;top:50%;transform:translateY(-50%);width:min(66vw,980px);height:min(80vw,800px);z-index:0;pointer-events:none}.knowledge-map>*{pointer-events:auto}.map-lines{filter:drop-shadow(0 0 10px #a792ff55);animation:orbit-slow 75s linear infinite}.map-lines path,.map-lines circle{stroke:#9393d858}.map-lines circle:last-child{stroke:#9c9bd238}.map-core{width:310px;height:310px;border:1px solid #e9ddff6e;background:radial-gradient(circle at 35% 28%,#c0a4ff 0%,#7568dc 17%,#243978 43%,#0e1335 73%),#101337;box-shadow:inset -24px -20px 70px #070822bd,inset 12px 12px 45px #f8e8ff44,0 0 100px #8577f488,0 0 180px #7475f433;animation:float-core 7s ease-in-out infinite}.map-core:after{content:'';position:absolute;inset:-28px;border:1px solid #d0baff66;border-radius:50%;transform:rotate(-25deg) scaleY(.32);box-shadow:0 0 20px #9a80e05c}.map-core span{font-size:70px;color:white;text-shadow:0 0 30px #ebceff}.map-core small{color:#e8ffb3}.map-node{background:#1a2034c9;backdrop-filter:blur(14px);border:1px solid #c3c6f873;box-shadow:0 20px 35px #0b0d2699;border-radius:16px;min-width:185px;min-height:105px;animation:float-node 6s ease-in-out infinite}.map-node:nth-of-type(3){animation-delay:-2s}.map-node:nth-of-type(4){animation-delay:-4s}.map-node:nth-of-type(5){animation-delay:-1s}.map-node:hover,.map-node:focus-visible{background:#303255;border-color:var(--lime)}.node-health{top:4%;left:11%}.node-worlds{top:18%;right:3%}.node-systems{bottom:12%;left:4%}.node-hardware{bottom:6%;right:6%}.map-node strong{font-size:10px;color:#f1f1ff}.map-node small{color:#c4c9e4}.node-index{color:var(--lime)}@keyframes orbit-slow{to{transform:rotate(360deg)}}@keyframes float-core{50%{transform:translate(-50%,-53%)}}@keyframes float-node{50%{translate:0 -10px}}
.ticker{background:var(--lime);color:#090b19;border:0;padding:20px 0;transform:rotate(-1deg) scale(1.02);position:relative;z-index:2}.ticker b{color:#654fc6}.section-heading{align-items:end}.section-heading h2{font-size:clamp(58px,7.2vw,118px);line-height:.95;max-width:850px}.section-heading>p{font-size:16px}.section .eyebrow{color:var(--lime)}.section#work{padding-top:170px}.project-grid{display:block}.project-card,.project-feature,.project-wide{display:grid;grid-template-columns:1.1fr .9fr;min-height:540px;margin-bottom:32px;position:sticky;top:20px;border:1px solid #d5c9ff80;border-radius:24px;background:#21183c;box-shadow:0 34px 100px #050710c9;overflow:hidden;transform:none}.project-card:hover{transform:none}.project-card:nth-child(even){grid-template-columns:.9fr 1.1fr}.project-card:nth-child(even) .project-media{order:2}.project-card:nth-child(2){background:#112c51;border-color:#92bef8a3}.project-card:nth-child(3){background:#34301f;border-color:#efcd6da3}.project-card:nth-child(4){background:#0c3738;border-color:#8debdba3}.project-card .project-media,.project-feature .project-media,.project-wide .project-media{height:540px;min-height:0}.project-card .project-info,.project-feature .project-info,.project-wide .project-info{padding:clamp(30px,5vw,75px);justify-content:center}.project-info h3{font-size:clamp(40px,4.7vw,76px);line-height:1.01}.project-info p{font-size:16px;color:#e3e3f2}.project-meta{color:var(--lime);border-color:#ffffff40}.project-meta span:last-child{color:#e1deef}.media-tag{border-radius:100px;padding:10px 14px}.project-links a{font-size:12px}.project-card .tech-stack strong{color:#ecedf4}.more-work{margin-top:75px}.more-work article{border-radius:18px;background:#13182e;padding:40px}.more-work h3{font-size:31px}.github-section{padding-top:130px}.repo-grid{grid-template-columns:1fr;gap:0;border-top:1px solid #7780b180}.repo-card{min-height:200px;display:grid;grid-template-columns:110px 1.2fr 1.35fr 1.15fr 160px;gap:20px;align-items:center;border:0;border-bottom:1px solid #7780b180;background:transparent;padding:22px 10px;transition:background .2s,padding .2s}.repo-card:hover{background:#242c5a;padding-left:26px}.repo-card h3{font-size:clamp(25px,2.7vw,41px);margin:0}.repo-card p{margin:0;font-size:14px}.repo-card .tech-stack{margin:0}.repo-card>a{margin:0;line-height:1.6}.all-repos{font-size:13px;margin-top:35px}.method-section{background:#141c36}.method-grid>div{min-height:250px}.portrait-word{background:radial-gradient(circle at 80% 20%,#b09cf8,#4b5ca3 43%,#111b46 78%);border-radius:30px}.contact-section{background:#d6ff66}.contact-section h2{font-size:clamp(48px,6.8vw,108px)}
@media(max-width:1100px){.hero.wrap{padding-top:180px;min-height:900px}.knowledge-map{right:-15%;width:75vw;opacity:.7}.hero-copy{max-width:800px}.hero h1{font-size:clamp(77px,10vw,120px)}.repo-card{grid-template-columns:100px 1fr 1.2fr;gap:10px}.repo-card .tech-stack,.repo-card>a{grid-column:2/-1}.repo-card>a{margin-top:8px}.project-card,.project-feature,.project-wide{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.site-header{top:12px;width:calc(100% - 24px);height:auto;min-height:68px;padding:10px 15px;border-radius:24px}.site-header .top-nav{gap:7px}.site-header .top-nav a{font-size:8px}.hero.wrap{padding:155px 22px 45px;min-height:900px}.hero h1{font-size:clamp(69px,14vw,100px);margin-bottom:26px}.hero h1>span{font-size:.35em}.hero-lead{font-size:16px}.hero-caption{max-width:210px}.knowledge-map{top:auto;right:-3%;bottom:0;transform:none;width:106vw;height:470px;opacity:.88}.map-core{width:185px;height:185px}.map-core span{font-size:45px}.map-node{min-width:122px;min-height:72px;padding:11px;border-radius:11px}.map-node strong{font-size:8px}.map-node small{font-size:9px}.node-health{top:4%;left:0}.node-worlds{top:7%;right:1%}.node-systems{bottom:5%;left:0}.node-hardware{bottom:4%;right:1%}.ticker{transform:none}.section#work{padding-top:100px}.section-heading h2{font-size:clamp(50px,12vw,76px)}.project-card,.project-feature,.project-wide,.project-card:nth-child(even){display:flex;flex-direction:column;min-height:0;position:relative;top:auto;margin-bottom:22px;border-radius:18px}.project-card:nth-child(even) .project-media{order:0}.project-card .project-media,.project-feature .project-media,.project-wide .project-media{height:280px}.project-card .project-info,.project-feature .project-info,.project-wide .project-info{padding:27px}.project-info h3{font-size:40px}.more-work{margin-top:35px}.repo-card{display:block;padding:25px 4px}.repo-card h3{margin:15px 0}.repo-card p{margin-bottom:18px}.repo-card .tech-stack{margin-bottom:19px}.repo-card>a{display:inline-block}.github-section{padding-top:85px}.contact-section h2{font-size:48px}}
@media(max-width:390px){.hero.wrap{min-height:840px}.hero h1{font-size:61px}.knowledge-map{height:420px}.map-core{width:160px;height:160px}}@media(prefers-reduced-motion:reduce){.map-lines,.map-core,.map-node{animation:none}.repo-card{transition:none}}
