@font-face{font-family:Oxanium;src:url('./assets/oxanium-latin.woff2') format('woff2');font-weight:200 800;font-display:swap}
@font-face{font-family:Manrope;src:url('./assets/manrope-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('./assets/manrope-700.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Exo;src:url('./assets/exo2-latin.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Mono;src:url('./assets/plex-mono-400.ttf') format('truetype');font-display:swap}
:root{color-scheme:dark;--ink:#f4f7fc;--muted:#bfccdc;--green:#66fca0;--cyan:#48d9ff;--violet:#b575ff;--font:Manrope,sans-serif;--display:Oxanium,sans-serif;--mono:Mono,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0c1217;color:var(--ink);font-family:var(--font);overflow-x:hidden}h1,h2,h3,h4,p,dl,dd,blockquote{margin:0}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;background:none;border:0;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--green);outline-offset:4px}img{display:block;max-width:100%}svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px;flex-shrink:0}[hidden]{display:none!important}em{font-style:normal;background:linear-gradient(105deg,#9afa83,#35e8d8,#7cb4fb);background-size:180%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:color-flow 12s ease-in-out infinite}.icon-sprite{position:absolute;height:0;width:0;overflow:hidden}.skip{position:fixed;top:-100px;left:20px;z-index:100;padding:12px;background:var(--green);color:#101a19}.skip:focus{top:10px}
.site-shell{container-type:inline-size;width:100%;max-width:1180px;margin:auto;position:relative;isolation:isolate;overflow:hidden;--u:calc(100cqw / 941);--px:0px;--py:0px}.world{position:absolute;z-index:-3;inset:0;pointer-events:none;background:#11191e url('./assets/mountain.webp') center top/100% 100% no-repeat;transform:translate3d(var(--px),var(--py),0) scale(1.006);transition:transform .2s ease}.site-shell[data-view=experimentos] .world{background-image:url('./assets/portal.webp')}.site-shell[data-view=perfil] .world{background-size:100% 100%;filter:brightness(.84)}.site-shell[data-view=trabajo] .world,.site-shell[data-view=como-lo-mido] .world{background-size:100% 100%;filter:brightness(.88)}.ambient-light{position:absolute;z-index:-2;inset:0;pointer-events:none;background:radial-gradient(ellipse at 75% 20%,#536a7620,transparent 48%)}
.site-header{height:calc(112*var(--u));padding:calc(36*var(--u)) calc(59*var(--u));position:relative;display:flex;justify-content:space-between;align-items:flex-start}.brand{display:flex;align-items:center;gap:calc(30*var(--u))}.brand img{width:calc(94*var(--u));height:calc(41*var(--u))}.brand>span{border-left:1px solid #c4d2e4;padding-left:calc(29*var(--u));font-size:calc(var(--text-scale) * calc(15*var(--u)));letter-spacing:calc(4*var(--u));line-height:1.5;font-weight:500}.brand small{display:block;font-size:calc(var(--text-scale) * calc(13*var(--u)));letter-spacing:calc(2*var(--u));margin-top:calc(3*var(--u));font-weight:400}.micro{font:400 calc(var(--text-scale) * calc(12*var(--u)))/1.45 var(--mono);letter-spacing:calc(3*var(--u));color:var(--muted)}.header-note{font-size:calc(var(--text-scale) * calc(12*var(--u)));line-height:1.35}.header-note:after{content:'';display:block;width:calc(17*var(--u));height:1px;background:#bdcbd9;margin-top:calc(14*var(--u))}.menu-button{position:absolute;right:calc(35*var(--u));top:calc(29*var(--u));width:44px;height:44px;display:none;align-items:center;justify-content:center}.menu-button svg{width:calc(30*var(--u));height:calc(30*var(--u))}.site-shell[data-view=perfil] .menu-button{display:flex}.site-shell[data-view=perfil] .header-note{margin-right:calc(78*var(--u))}
main{position:relative}.view{display:flow-root;position:relative;animation:reveal .45s ease;touch-action:pan-y pinch-zoom}.section-rail{position:absolute;left:calc(58*var(--u));top:calc(28*var(--u));color:#d4ddea;z-index:1}.section-rail>b{display:block;font:600 calc(var(--text-scale) * calc(15*var(--u))) var(--display);color:#4beed6;padding-bottom:calc(4*var(--u));border-bottom:calc(2*var(--u)) solid #55e9d4;width:calc(49*var(--u))}.section-rail>span{font:calc(var(--text-scale) * calc(14*var(--u))) var(--mono);letter-spacing:calc(4*var(--u));display:block;margin-top:calc(9*var(--u))}.section-rail>i{display:block;height:calc(62*var(--u));width:1px;background:#bfccd4;margin-top:calc(20*var(--u));margin-bottom:calc(34*var(--u))}.section-rail .micro{font-size:calc(var(--text-scale) * calc(13*var(--u)));line-height:1.25;position:relative}.section-rail .micro:before,.section-rail .micro:after{content:'';height:1px;width:calc(17*var(--u));background:#c9d4df;display:block;position:absolute;top:calc(-18*var(--u));left:calc(-8*var(--u))}.section-rail .micro:after{top:auto;bottom:calc(-16*var(--u));left:0}.side-note{position:absolute;right:calc(59*var(--u));top:calc(101*var(--u));width:calc(95*var(--u))}.side-note .micro{font-size:calc(var(--text-scale) * calc(12*var(--u)));letter-spacing:calc(3*var(--u));line-height:1.3}.side-note:after,.education-note:after{content:'';display:block;width:calc(17*var(--u));height:1px;background:#b4c8d4;margin-top:calc(14*var(--u))}.education-note{position:absolute;right:calc(52*var(--u));top:calc(532*var(--u));width:calc(86*var(--u))}.education-note .micro{font-size:calc(var(--text-scale) * calc(11*var(--u)));letter-spacing:calc(2.2*var(--u))}.education-note:before{content:'';display:block;position:absolute;right:calc(10*var(--u));bottom:calc(82*var(--u));width:1px;height:calc(150*var(--u));background:#c0ced5}.education-note:after{margin-left:auto}
.hero{margin-left:calc(137*var(--u));margin-right:calc(76*var(--u));position:relative}.hero:before{content:'';position:absolute;top:calc(30*var(--u));bottom:calc(35*var(--u));left:calc(-78*var(--u));width:1px;background:linear-gradient(#cbd6e2,transparent)}.person-name{font:400 calc(var(--text-scale) * calc(46*var(--u)))/1.2 var(--display);letter-spacing:calc(-.8*var(--u));color:#d3dbea}.home{padding-top:calc(298*var(--u))}.hero h1{font:600 calc(var(--text-scale) * calc(65*var(--u)))/calc(60*var(--u)) var(--display);letter-spacing:calc(-1.2*var(--u));margin-top:calc(7*var(--u))}.short-rule{display:block;width:calc(24*var(--u));height:calc(2*var(--u));background:#e6edf5;margin:calc(20*var(--u)) 0 calc(18*var(--u))}.hero-description{font:400 calc(var(--text-scale) * calc(25*var(--u)))/calc(31*var(--u)) var(--font);color:#c9d2e2}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(19*var(--u));margin:calc(36*var(--u)) calc(54*var(--u)) 0}
.green{--accent:var(--green)}.cyan{--accent:var(--cyan)}.blue{--accent:#86b1ff}.violet{--accent:var(--violet)}.bevel{--cut:calc(25*var(--u));--accent:var(--cyan);position:relative;isolation:isolate;clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut));background:linear-gradient(130deg,#cbd9ef,#5a6a74 23%,#65737d 78%,#b5c6d9);padding:1px;border-radius:calc(14*var(--u))}.bevel:before{content:'';position:absolute;inset:1px;z-index:-2;clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut));background:linear-gradient(125deg,#222d34f7,#10191ff7 48%,#1f2b33f5);border-radius:inherit}.bevel:after{content:'';position:absolute;inset:1px;z-index:-1;pointer-events:none;background:radial-gradient(circle at var(--lx,10%) var(--ly,0%),#8ed9ff16,transparent 55%);opacity:.45;transition:opacity .3s}.bevel:hover:after{opacity:1}.bevel.green{--accent:var(--green)}.bevel.violet{--accent:var(--violet)}.bevel.blue{--accent:#86b1ff}.bevel svg{color:var(--accent)}.card-number{position:absolute;right:calc(17*var(--u));top:calc(17*var(--u));font:calc(var(--text-scale) * calc(14*var(--u))) var(--mono);color:#8b9bb0}.plus{position:absolute;right:calc(20*var(--u));bottom:calc(16*var(--u));color:#bdcbdc;font:300 calc(var(--text-scale) * calc(25*var(--u))) var(--font)}.metric{height:calc(361*var(--u));padding:calc(37*var(--u)) calc(39*var(--u)) calc(25*var(--u))}.metric>svg{width:calc(43*var(--u));height:calc(43*var(--u));margin-bottom:calc(18*var(--u));filter:drop-shadow(0 0 9px color-mix(in srgb,var(--accent) 15%,transparent))}.metric h3{font:600 calc(var(--text-scale) * calc(16*var(--u)))/1.25 var(--display);letter-spacing:calc(1*var(--u));min-height:calc(40*var(--u))}.metric>strong{font:600 calc(var(--text-scale) * calc(75*var(--u)))/1.3 var(--display);letter-spacing:calc(-2*var(--u));display:block;margin-top:calc(8*var(--u));white-space:nowrap}.segments{display:flex;gap:calc(5*var(--u));margin-top:calc(10*var(--u));margin-bottom:calc(34*var(--u))}.segments i{width:calc(36*var(--u));height:calc(7*var(--u));background:#57677338}.segments i:first-child{background:var(--accent);box-shadow:0 0 12px color-mix(in srgb,var(--accent) 20%,transparent)}.segments i:nth-child(2){background:color-mix(in srgb,var(--accent) 35%,#19242b)}.metric .micro{font-size:calc(var(--text-scale) * calc(12*var(--u)));line-height:1.5;letter-spacing:calc(2.3*var(--u))}.metric .micro:after{content:'—';display:block;margin-top:calc(7*var(--u))}
.clock-strip{margin:calc(25*var(--u)) calc(54*var(--u)) 0;height:calc(106*var(--u));display:grid;grid-template-columns:calc(55*var(--u)) 1fr calc(220*var(--u)) 1.04fr calc(40*var(--u));align-items:center;gap:calc(22*var(--u));padding:calc(22*var(--u)) calc(38*var(--u));border:1px solid #8c9da89c;border-radius:calc(15*var(--u));background:linear-gradient(120deg,#151e23ba,#313b439c);box-shadow:inset 0 0 25px #9bc6dc08}.clock-strip>svg{width:calc(42*var(--u));height:calc(42*var(--u));color:#c2cfdf}.clock-strip>svg:last-child{width:calc(33*var(--u));height:calc(33*var(--u))}.clock-strip strong,.contact-status strong{font:600 calc(var(--text-scale) * calc(16*var(--u))) var(--display);letter-spacing:calc(1.3*var(--u))}.clock-strip small,.contact-status small{display:block;font:calc(var(--text-scale) * calc(12*var(--u)))/1.4 var(--mono);letter-spacing:calc(2*var(--u));color:#bbc8d9}.clock-strip .local-time{font:400 calc(var(--text-scale) * calc(47*var(--u))) var(--display);letter-spacing:calc(2*var(--u));border-left:1px solid #a7bdc95e;border-right:1px solid #a7bdc95e;text-align:center;color:#d6dcea;line-height:1}.clock-strip .local-date{font:calc(var(--text-scale) * calc(13*var(--u))) var(--mono);letter-spacing:calc(1.5*var(--u))}.clock-strip.compact{height:calc(64*var(--u));padding-top:calc(10*var(--u));padding-bottom:calc(10*var(--u));margin-left:calc(50*var(--u));margin-right:calc(50*var(--u));border-radius:calc(10*var(--u));grid-template-columns:calc(42*var(--u)) 1fr calc(245*var(--u)) 1fr calc(35*var(--u))}.compact .local-time{font-size:calc(var(--text-scale) * calc(34*var(--u)))}.compact>svg{width:calc(35*var(--u));height:calc(35*var(--u))}.compact strong{font-size:calc(var(--text-scale) * calc(14*var(--u)))}.compact small,.compact .local-date{font-size:calc(var(--text-scale) * calc(10*var(--u)))}
.profile .section-rail{top:0;left:calc(50*var(--u))}.profile .side-note{top:calc(40*var(--u))}.profile-intro{position:relative;margin:calc(98*var(--u)) calc(50*var(--u)) 0;height:calc(375*var(--u));padding-left:calc(44*var(--u));padding-top:calc(1*var(--u));border-left:1px solid #8094a36b}.profile h2{font:600 calc(var(--text-scale) * calc(68*var(--u)))/1.1 var(--display)}.profile-lead{font:400 calc(var(--text-scale) * calc(30*var(--u)))/1.1 var(--display);margin:calc(9*var(--u)) 0 calc(18*var(--u));letter-spacing:calc(-.2*var(--u))}.profile-text>p:not(.profile-lead):not(.micro){font:calc(var(--text-scale) * calc(24*var(--u)))/1.15 var(--font);color:#d2ddeb}.profile-text>.micro{font-size:calc(var(--text-scale) * calc(14*var(--u)));letter-spacing:calc(5*var(--u));line-height:1.6}.profile-text .short-rule{margin-top:calc(18*var(--u));margin-bottom:calc(16*var(--u))}.portrait{position:absolute;right:0;top:calc(33*var(--u));width:calc(338*var(--u));height:calc(340*var(--u));background:url('./assets/profile-reference.webp') 91.71% 18.243%/278.4% auto no-repeat}.portrait:before,.portrait:after{display:none}.timeline{margin:calc(17*var(--u)) calc(50*var(--u)) 0;height:calc(214*var(--u));padding:calc(18*var(--u)) calc(40*var(--u))}.panel-heading{display:flex;justify-content:space-between;gap:calc(24*var(--u));align-items:flex-start}.panel-heading h3{font:500 calc(var(--text-scale) * calc(19*var(--u))) var(--display);letter-spacing:calc(4*var(--u));border-left:1px solid #c5d5e3;padding-left:calc(18*var(--u));margin-left:calc(-16*var(--u))}.panel-heading .micro{font-size:calc(var(--text-scale) * calc(10*var(--u)));letter-spacing:calc(2*var(--u));line-height:1.5}.timeline-sub{position:absolute;top:calc(47*var(--u));font-size:calc(var(--text-scale) * calc(12*var(--u)));letter-spacing:calc(2.2*var(--u))}.timeline-arc{position:absolute;left:calc(40*var(--u));top:calc(76*var(--u));width:calc(760*var(--u));height:calc(57*var(--u));stroke:url('#timeline-colors');stroke-width:1.6;filter:drop-shadow(0 0 5px #4de7d56b)}.timeline-arc circle{fill:#d9fdfc;stroke-width:3}.milestones{display:grid;grid-template-columns:repeat(5,1fr);position:absolute;left:calc(40*var(--u));right:calc(23*var(--u));bottom:calc(24*var(--u));align-items:start;gap:calc(12*var(--u))}.milestones>div:last-child{text-align:right}.milestones b{font:500 calc(var(--text-scale) * calc(16*var(--u))) var(--display)}.milestones .micro{font-size:calc(var(--text-scale) * calc(11*var(--u)));letter-spacing:calc(1.1*var(--u));margin-top:calc(4*var(--u))}.capabilities{margin:calc(14*var(--u)) calc(50*var(--u)) 0;height:calc(382*var(--u));padding:calc(18*var(--u)) calc(16*var(--u)) calc(10*var(--u))}.capabilities>.panel-heading{margin:0 calc(24*var(--u)) calc(16*var(--u))}.cap-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:calc(13*var(--u))}.capability{grid-column:span 2;height:calc(143*var(--u));padding:calc(20*var(--u)) calc(27*var(--u));--cut:calc(14*var(--u));display:grid;grid-template-columns:calc(43*var(--u)) 1fr;align-items:center;gap:calc(8*var(--u)) calc(17*var(--u))}.capability:nth-child(n+4){grid-column:span 3;height:calc(149*var(--u))}.capability>svg{width:calc(39*var(--u));height:calc(39*var(--u));filter:drop-shadow(0 0 9px color-mix(in srgb,var(--accent) 35%,transparent))}.capability h3{font:500 calc(var(--text-scale) * calc(14*var(--u))) var(--display);letter-spacing:calc(1.5*var(--u))}.capability .plus{top:calc(7*var(--u));bottom:auto;right:calc(13*var(--u));font-size:calc(var(--text-scale) * calc(19*var(--u)))}.tags{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:calc(6*var(--u)) calc(9*var(--u))}.tags span{font:calc(var(--text-scale) * calc(14*var(--u)))/1.1 var(--font);padding:calc(5*var(--u)) calc(9*var(--u));border:1px solid #67808f55;background:linear-gradient(#53616a30,#18242a80);border-radius:calc(6*var(--u));box-shadow:inset 0 0 6px #b1c7d011}.shortcut{margin:calc(13*var(--u)) calc(50*var(--u)) 0;height:calc(144*var(--u));padding:calc(23*var(--u)) calc(30*var(--u));display:grid;grid-template-columns:calc(139*var(--u)) 1fr calc(198*var(--u));gap:calc(28*var(--u));align-items:center}.shortcut>svg{width:calc(117*var(--u));height:calc(92*var(--u));color:#879aac;stroke-width:1}.shortcut h3{font:500 calc(var(--text-scale) * calc(16*var(--u))) var(--display);letter-spacing:calc(3*var(--u));margin-bottom:calc(20*var(--u))}.shortcut p:not(.micro){font:calc(var(--text-scale) * calc(15*var(--u)))/1.4 var(--font)}.shortcut>.micro{border-left:1px solid #758c9d;padding-left:calc(42*var(--u));font-size:calc(var(--text-scale) * calc(10*var(--u)));letter-spacing:calc(1.5*var(--u))}.profile .clock-strip{margin-top:calc(17*var(--u))}
.site-shell[data-view=trabajo] .site-header{height:calc(85*var(--u));padding:calc(24*var(--u)) calc(48*var(--u))}.site-shell[data-view=trabajo] .brand img{width:calc(74*var(--u));height:calc(33*var(--u))}.site-shell[data-view=trabajo] .brand{gap:calc(25*var(--u))}.site-shell[data-view=trabajo] .brand>span{font-size:calc(var(--text-scale) * calc(12*var(--u)));padding-left:calc(24*var(--u))}.site-shell[data-view=trabajo] .brand small{font-size:calc(var(--text-scale) * calc(10*var(--u)))}.work .section-rail{left:calc(47*var(--u));top:calc(18*var(--u))}.work .section-rail>b{font-size:calc(var(--text-scale) * calc(13*var(--u)));width:calc(40*var(--u))}.work .section-rail>span,.work .section-rail .micro{font-size:calc(var(--text-scale) * calc(11*var(--u)));letter-spacing:calc(2*var(--u))}.work .section-rail>i{height:calc(46*var(--u));margin-top:calc(15*var(--u));margin-bottom:calc(26*var(--u))}.work .side-note{top:calc(72*var(--u));right:calc(49*var(--u))}.work .side-note .micro{font-size:calc(var(--text-scale) * calc(11*var(--u)))}.work-hero{margin-left:calc(164*var(--u));padding-top:calc(78*var(--u));height:calc(220*var(--u))}.work-hero .person-name{font-size:calc(var(--text-scale) * calc(29*var(--u)));line-height:1.1;letter-spacing:0}.work-hero h2{font:600 calc(var(--text-scale) * calc(55*var(--u)))/1.1 var(--display);margin-top:calc(3*var(--u))}.work-hero>p:last-child{font:calc(var(--text-scale) * calc(20*var(--u)))/1.15 var(--font);color:#d5ddec;margin-top:calc(3*var(--u))}.work-caption{margin:calc(26*var(--u)) calc(45*var(--u)) calc(13*var(--u));height:calc(22*var(--u));display:flex;align-items:center;justify-content:space-between;font:calc(var(--text-scale) * calc(13*var(--u))) var(--mono);letter-spacing:calc(3*var(--u))}.work-caption small{font-size:calc(var(--text-scale) * calc(8*var(--u)));letter-spacing:calc(1*var(--u));color:#99abb8;margin-left:calc(14*var(--u))}.work-caption button{font:calc(var(--text-scale) * calc(11*var(--u))) var(--mono);letter-spacing:calc(1.2*var(--u))}.project-list{margin:0 calc(45*var(--u));display:grid;gap:calc(6*var(--u))}.project-row{display:grid;grid-template-columns:calc(33*var(--u)) calc(53*var(--u)) 1.6fr 1fr calc(43*var(--u)) calc(123*var(--u)) calc(147*var(--u)) calc(13*var(--u));gap:calc(11*var(--u));align-items:center;padding:calc(5*var(--u)) calc(16*var(--u));height:calc(45*var(--u));border:1px solid #6c829249;border-radius:calc(6*var(--u));text-align:left;background:#2431398c;color:#dce6f3;font-size:calc(var(--text-scale) * calc(13*var(--u)))}.project-row>strong{font:500 calc(var(--text-scale) * calc(20*var(--u))) var(--display);color:#d5d7f4}.project-row>.code,.project-row>.sector,.project-row>.state{font:calc(var(--text-scale) * calc(10*var(--u)))/1.4 var(--mono);letter-spacing:calc(.6*var(--u));text-transform:uppercase}.project-row .row-name>b{display:block;font-weight:600}.project-row .row-name>small{font-size:calc(var(--text-scale) * calc(12*var(--u)));display:block}.project-row>.year{font-size:calc(var(--text-scale) * calc(12*var(--u)))}.project-row>.state{color:#73ffbc;font-size:calc(var(--text-scale) * calc(10*var(--u)));white-space:nowrap;display:flex;gap:calc(9*var(--u));align-items:center}.project-row .state:before{content:'';width:calc(8*var(--u));height:calc(8*var(--u));background:currentColor;border-radius:50%}.project-row.blue .state{color:#4cdaff}.project-row>.bars{display:flex;gap:calc(4*var(--u))}.project-row .bars i{width:calc(21*var(--u));height:calc(4*var(--u));background:#4e717777}.project-row .bars i:nth-child(-n+3){background:#6bffbb}.project-row.blue .bars i:nth-child(-n+3){background:#59d6ff}.project-row[aria-expanded=true]{border-color:#6dfdc6;background:#16443d8c;box-shadow:inset 0 0 20px #25ffa619,0 0 9px #42ffb527}.project-row[aria-expanded=true]>strong{color:#6dfdc6}
.project-detail{margin:calc(21*var(--u)) calc(35*var(--u)) 0;padding:calc(17*var(--u)) calc(20*var(--u)) calc(11*var(--u));min-height:calc(702*var(--u));--cut:calc(23*var(--u))}.project-detail>header{height:calc(45*var(--u));display:flex;align-items:center;gap:calc(22*var(--u))}.project-detail>header>b{font:500 calc(var(--text-scale) * calc(26*var(--u))) var(--display);color:#76ffb5}.project-detail>header>span{font:calc(var(--text-scale) * calc(12*var(--u))) var(--mono);white-space:nowrap}.project-detail>header>div{margin-right:auto;min-width:0}.project-detail>header h3{font:500 calc(var(--text-scale) * calc(27*var(--u)))/1.2 var(--display);white-space:nowrap}.project-detail>header p{font:calc(var(--text-scale) * calc(14*var(--u))) var(--font)}.project-detail .status-pill{font-size:calc(var(--text-scale) * calc(10*var(--u)));padding:calc(4*var(--u)) calc(11*var(--u));border:1px solid #50eca6;color:#64ffc2;border-radius:999px}.project-detail>header button{border-left:1px solid #99afbf;padding-left:calc(28*var(--u));font:calc(var(--text-scale) * calc(10*var(--u)))/1.4 var(--mono);letter-spacing:calc(.6*var(--u))}.dossier-intro{display:grid;grid-template-columns:1.52fr 1fr .75fr;gap:calc(20*var(--u));margin-top:calc(16*var(--u));height:calc(177*var(--u))}.work-cover{background:url('./assets/work-reference.webp') 9.7% 47.76%/255.7% auto;border:1px solid #9baebc;border-radius:calc(8*var(--u))}.project-facts h4{font:calc(var(--text-scale) * calc(10*var(--u))) var(--mono);letter-spacing:calc(2*var(--u));margin:calc(3*var(--u)) 0 calc(11*var(--u))}.project-facts dl>div{display:grid;grid-template-columns:calc(83*var(--u)) 1fr;border-top:1px solid #6f8b9e30;font:calc(var(--text-scale) * calc(12*var(--u)))/1.15 var(--font);padding:calc(5*var(--u)) 0;color:#c7d5e5}.dossier-intro blockquote{--cut:calc(15*var(--u));padding:calc(19*var(--u)) calc(20*var(--u));font:italic calc(var(--text-scale) * calc(15*var(--u)))/1.45 var(--font);color:#d1ddec;background:#5e74814d}.dossier-intro blockquote .micro{font-size:calc(var(--text-scale) * calc(9*var(--u)));letter-spacing:calc(1.7*var(--u))}.dossier-intro blockquote .short-rule{margin-top:calc(15*var(--u));margin-bottom:calc(14*var(--u))}.small-heading{font:calc(var(--text-scale) * calc(11*var(--u))) var(--mono);letter-spacing:calc(1.6*var(--u));margin-top:calc(17*var(--u));line-height:calc(12*var(--u))}.process{display:grid;grid-template-columns:repeat(7,1fr);gap:calc(8*var(--u));height:calc(70*var(--u));margin-top:calc(8*var(--u));position:relative;text-align:center}.process:before{content:'';position:absolute;top:calc(14*var(--u));left:0;right:0;height:1px;background:linear-gradient(90deg,#68fda8 65%,#758a9b 65%)}.step{display:inline-flex;align-items:center;justify-content:center;position:relative;border-radius:50%;border:1px solid #bcd2e4;background:#16212b;width:calc(25*var(--u));height:calc(25*var(--u));box-shadow:0 0 0 calc(3*var(--u)) #18212a}.step.done{background:#6cf4a4;border-color:#a1ffd1;color:#162e24}.step svg{width:calc(15*var(--u));height:calc(15*var(--u))}.process p{font:calc(var(--text-scale) * calc(12*var(--u)))/1.25 var(--font);margin-top:calc(8*var(--u))}.deliverables{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(14*var(--u));height:calc(104*var(--u));margin-top:calc(10*var(--u))}.deliverable{--cut:calc(14*var(--u));padding:calc(19*var(--u));display:grid;grid-template-columns:calc(38*var(--u)) 1fr;gap:calc(7*var(--u)) calc(17*var(--u));align-items:center}.deliverable svg{width:calc(34*var(--u));height:calc(34*var(--u))}.deliverable h4{font:500 calc(var(--text-scale) * calc(12*var(--u))) var(--font)}.deliverable>.micro{grid-column:2;font-size:calc(var(--text-scale) * calc(9*var(--u)));letter-spacing:calc(.8*var(--u))}.deliverable>span{position:absolute;bottom:calc(15*var(--u));right:calc(18*var(--u));font-size:calc(var(--text-scale) * calc(18*var(--u)))}.project-story{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(16*var(--u));margin-top:calc(10*var(--u));height:calc(122*var(--u))}.story{--cut:calc(9*var(--u));padding:calc(13*var(--u)) calc(14*var(--u));border-radius:calc(8*var(--u))}.story h4{font:500 calc(var(--text-scale) * calc(13*var(--u))) var(--font);display:flex;gap:calc(18*var(--u));align-items:center}.story h4>b{font:calc(var(--text-scale) * calc(16*var(--u))) var(--display);color:#70f6c8}.story p{font:calc(var(--text-scale) * calc(13*var(--u)))/1.3 var(--font);letter-spacing:calc(.45*var(--u));color:#c1d0e0;margin-top:calc(9*var(--u))}.project-detail>footer{display:flex;align-items:center;justify-content:space-between;margin-top:calc(12*var(--u));font:calc(var(--text-scale) * calc(8*var(--u))) var(--mono);color:#9fb7c5}.project-detail>footer>a{display:flex;align-items:center;gap:calc(10*var(--u));font:calc(var(--text-scale) * calc(10*var(--u))) var(--mono);color:#67edff}.project-detail>footer svg{width:calc(20*var(--u));height:calc(20*var(--u))}.work .clock-strip{margin:calc(15*var(--u)) calc(41*var(--u)) 0;height:calc(52*var(--u))}.work .clock-strip .local-time{font-size:calc(var(--text-scale) * calc(30*var(--u)))}
.site-shell[data-view=como-lo-mido] .site-header{height:calc(90*var(--u));padding-top:calc(23*var(--u));padding-left:calc(49*var(--u))}.measurement{padding-top:calc(49*var(--u))}.measurement .section-rail{left:calc(50*var(--u));top:calc(6*var(--u));display:flex;align-items:center;gap:calc(20*var(--u))}.measurement .section-rail>span{margin:0;border-left:1px solid #9aafbf;padding-left:calc(18*var(--u));font-size:calc(var(--text-scale) * calc(13*var(--u)))}.measurement .section-rail>b{width:calc(39*var(--u));font-size:calc(var(--text-scale) * calc(16*var(--u)))}.scenario{margin:0 calc(35*var(--u));height:calc(423*var(--u));padding:calc(22*var(--u)) calc(21*var(--u));--cut:calc(20*var(--u))}.scenario>header,.telemetry>header{display:flex;justify-content:space-between;align-items:flex-start}.scenario>header>.micro{font-size:calc(var(--text-scale) * calc(14*var(--u)));letter-spacing:calc(3*var(--u))}.scenario>header>span{position:absolute;right:calc(26*var(--u));font:calc(var(--text-scale) * calc(10*var(--u)))/1.5 var(--mono);letter-spacing:calc(2*var(--u));color:#a6bacb}.scenario h2{font:600 calc(var(--text-scale) * calc(30*var(--u)))/1.25 var(--display);margin-top:calc(6*var(--u))}.scenario-lead{font:calc(var(--text-scale) * calc(21*var(--u))) var(--font);color:#c4d6e8}.scenario-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:calc(17*var(--u));margin-top:calc(16*var(--u));height:calc(284*var(--u))}.scenario-image{border:1px solid #8fa9b88c;border-radius:calc(11*var(--u));background:url('./assets/measure-reference.webp') 12.76% 18.75%/185.6% auto;display:flex;align-items:flex-end;padding:calc(13*var(--u))}.scenario-image>div{background:#1b2a34;padding:calc(14*var(--u)) calc(16*var(--u));border:1px solid #93b5c781;border-radius:calc(10*var(--u));font:calc(var(--text-scale) * calc(15*var(--u)))/1.45 var(--font);width:100%}.answers{display:flex;flex-direction:column;gap:calc(11*var(--u));padding:calc(4*var(--u)) 0}.answers>button{height:calc(66*var(--u));border:1px solid #7396a563;border-radius:calc(10*var(--u));display:flex;align-items:center;gap:calc(19*var(--u));text-align:left;padding:calc(13*var(--u)) calc(16*var(--u));background:linear-gradient(110deg,#253943b3,#20313c5c);font-size:calc(var(--text-scale) * calc(15*var(--u)));line-height:1.2}.answers>button:first-child,.answers>button.selected{border-color:#85ffb4;box-shadow:inset 0 0 10px #53fc9922,0 0 8px #53fc992a;background:linear-gradient(110deg,#154b398f,#233b3255)}.answers>button>b{display:grid;place-items:center;border-radius:calc(10*var(--u));background:#9fafc3b3;color:white;font:600 calc(var(--text-scale) * calc(16*var(--u))) var(--display);width:calc(30*var(--u));height:calc(31*var(--u));flex-shrink:0}.answers>button:first-child>b,.answers>button.selected>b{background:#6effb6;color:#143b2d}.answers>button>i{font-style:normal;font-size:calc(var(--text-scale) * calc(30*var(--u)));margin-left:auto;color:#bbd7e6}.answers>button:disabled:not(.selected){opacity:.65}.scenario-progress{display:flex;align-items:center;justify-content:space-between;margin-top:auto;gap:calc(17*var(--u));font:calc(var(--text-scale) * calc(11*var(--u))) var(--mono);letter-spacing:calc(2*var(--u))}.scenario-progress>i{display:block;flex:1;max-width:calc(145*var(--u));height:calc(10*var(--u));background:linear-gradient(90deg,#5df7b8 33%,#536a7933 33%);border-radius:3px}
.telemetry{margin:calc(17*var(--u)) calc(35*var(--u)) 0;height:calc(469*var(--u));padding:calc(15*var(--u));--cut:calc(21*var(--u))}.telemetry>header{padding:0 calc(11*var(--u));font:calc(var(--text-scale) * calc(11*var(--u))) var(--mono);letter-spacing:calc(2.2*var(--u));height:calc(29*var(--u))}.telemetry>header .micro{font-size:calc(var(--text-scale) * calc(13*var(--u)));letter-spacing:calc(2.3*var(--u))}.status-dot{display:inline-block;width:calc(9*var(--u));height:calc(9*var(--u));border-radius:50%;background:#6afcaf;margin-right:calc(10*var(--u));box-shadow:0 0 12px #54ffad80;animation:pulse 4s infinite}.data-cards{display:grid;grid-template-columns:1.05fr 1.47fr 1.27fr;gap:calc(16*var(--u));height:calc(202*var(--u))}.data-card{border:1px solid #708b9b7a;border-radius:calc(15*var(--u));background:linear-gradient(120deg,#293b438c,#15212b82);box-shadow:inset 0 0 18px #afcdda09;padding:calc(16*var(--u)) calc(24*var(--u));min-width:0}.data-card h3{font:500 calc(var(--text-scale) * calc(14*var(--u)))/1.3 var(--display);letter-spacing:calc(.4*var(--u))}.registered>div{display:flex;gap:calc(24*var(--u));align-items:center}.registered>div>svg{width:calc(48*var(--u));height:calc(48*var(--u));border:calc(3*var(--u)) solid #44ede9;border-radius:50%;padding:calc(8*var(--u));color:#47ece1}.registered>strong{font:600 calc(var(--text-scale) * calc(63*var(--u)))/1.2 var(--display);display:block;margin-top:calc(11*var(--u));white-space:nowrap}.registered>strong small{color:#75fdb5;font-size:calc(var(--text-scale) * calc(26*var(--u)))}.registered .micro{font-size:calc(var(--text-scale) * calc(11*var(--u)));letter-spacing:calc(2*var(--u))}.registered .short-rule{margin:calc(8*var(--u)) 0}.distribution{padding-left:calc(16*var(--u));padding-right:calc(24*var(--u))}.bar-row{display:flex;align-items:center;gap:calc(13*var(--u));margin-top:calc(9*var(--u));font:calc(var(--text-scale) * calc(14*var(--u))) var(--font)}.bar-row>b{font:600 calc(var(--text-scale) * calc(15*var(--u))) var(--display);background:#76fcb1;color:#14372c;width:calc(27*var(--u));height:calc(27*var(--u));border-radius:calc(7*var(--u));text-align:center;line-height:calc(27*var(--u))}.bar-row:nth-child(3)>b{background:#8294c1}.bar-row:nth-child(4)>b{background:#af63f9}.bar-row>i{flex:1;height:calc(13*var(--u));background:#5b748032;overflow:hidden;border-radius:calc(4*var(--u))}.bar-row>i>span{display:block;height:100%;background:linear-gradient(90deg,#40efa7,#9affcc)}.bar-row:nth-child(3)>i>span{background:linear-gradient(90deg,#6976a2,#a4badb)}.bar-row:nth-child(4)>i>span{background:linear-gradient(90deg,#8338d9,#b980fa)}.bar-row>span{width:calc(42*var(--u));text-align:right}.distribution>p{display:flex;align-items:center;gap:calc(18*var(--u));font:calc(var(--text-scale) * calc(11*var(--u)))/1.6 var(--mono);letter-spacing:calc(1.1*var(--u));margin-top:calc(12*var(--u))}.distribution>p svg{width:calc(34*var(--u));height:calc(27*var(--u))}.distribution small{font-size:calc(var(--text-scale) * calc(8*var(--u)));color:#b7cada}.time-card{padding:calc(20*var(--u)) calc(22*var(--u))}.time-card h3{display:flex;align-items:center;gap:calc(12*var(--u));white-space:nowrap}.time-card h3 svg{width:calc(29*var(--u));height:calc(29*var(--u));color:#54cbff}.time-card>div{display:flex;align-items:center;justify-content:space-between;gap:calc(12*var(--u));margin:calc(14*var(--u)) 0 calc(6*var(--u))}.time-card strong{font:600 calc(var(--text-scale) * calc(40*var(--u))) var(--display);white-space:nowrap}.time-card>div>span{font-size:calc(var(--text-scale) * calc(13*var(--u)));border:1px solid #4de9999c;border-radius:calc(8*var(--u));color:#8affbb;padding:calc(8*var(--u)) calc(9*var(--u));white-space:nowrap}.time-card>p{font-size:calc(var(--text-scale) * calc(16*var(--u)));color:#c6d8e8}.time-card .short-rule{margin:calc(19*var(--u)) 0}.time-card button{font:calc(var(--text-scale) * calc(10*var(--u))) var(--mono);color:#68f5bf;padding:0}.progress-panel{height:calc(195*var(--u));margin-top:calc(12*var(--u));padding:calc(15*var(--u)) calc(20*var(--u))}.progress-panel>header{display:flex;justify-content:space-between;align-items:center;font-size:calc(var(--text-scale) * calc(11*var(--u)));margin-bottom:calc(9*var(--u));max-width:75%}.progress-panel>header p{font-size:calc(var(--text-scale) * calc(11*var(--u)))}.progress-panel>header p i{display:inline-block;background:#72ffd0;width:calc(8*var(--u));height:calc(8*var(--u));border-radius:50%;margin-right:calc(6*var(--u))}.progress-panel>header p i+i{background:#97acc8}.chart-layout{display:flex;gap:calc(14*var(--u));height:calc(145*var(--u))}.chart{height:100%;width:73%;overflow:visible}.chart-grid{stroke:#6385913d;stroke-width:1}.chart-labels{stroke:none;fill:#b7c9db;font:calc(var(--text-scale) * 12px) var(--font)}.chart-average{stroke:#8ea9cf;stroke-width:2}.chart-progress{stroke:#65fbb8;stroke-width:2;filter:drop-shadow(0 0 5px #62f9b75e)}.chart circle{fill:#8bffce;stroke:#74fdb6;stroke-width:1;filter:drop-shadow(0 0 5px #61ffc89b)}.chart-layout>aside{width:27%;border:1px solid #a0b7c257;border-radius:calc(13*var(--u));padding:calc(17*var(--u)) calc(16*var(--u));margin-top:calc(-26*var(--u));height:calc(179*var(--u));background:linear-gradient(130deg,#14232b8a,#3a4c5736)}.chart-layout>aside>p{display:flex;gap:calc(15*var(--u));align-items:center;font:calc(var(--text-scale) * calc(15*var(--u)))/1.2 var(--font)}.chart-layout>aside svg{width:calc(30*var(--u));height:calc(31*var(--u))}.chart-layout>aside>strong{font:600 calc(var(--text-scale) * calc(39*var(--u))) var(--display);color:#79ffb4;display:block;margin-top:calc(10*var(--u))}.chart-layout>aside>.micro{font-size:calc(var(--text-scale) * calc(10*var(--u)));letter-spacing:calc(2*var(--u));margin-top:calc(5*var(--u))}.demo-feedback{position:absolute;bottom:calc(3*var(--u));left:calc(28*var(--u));right:calc(28*var(--u));font:calc(var(--text-scale) * calc(8*var(--u))) var(--font);color:#a7bac8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.story-data{margin:calc(19*var(--u)) calc(35*var(--u)) 0;height:calc(266*var(--u));padding:calc(21*var(--u)) calc(22*var(--u));display:grid;grid-template-columns:1.48fr 1fr;gap:calc(28*var(--u));--cut:calc(18*var(--u))}.story-data h2{font:500 calc(var(--text-scale) * calc(37*var(--u)))/1.04 var(--display);letter-spacing:calc(-.8*var(--u));margin:calc(8*var(--u)) 0 calc(21*var(--u))}.signals{display:grid;grid-template-columns:repeat(5,1fr);gap:calc(11*var(--u));height:calc(106*var(--u))}.signals>div{padding:calc(12*var(--u));border:1px solid #5a758444;border-radius:calc(9*var(--u));background:linear-gradient(110deg,#25394358,#1d2a343a);box-shadow:inset 0 0 15px #b7d5e509}.signals b{font:400 calc(var(--text-scale) * calc(31*var(--u)))/1 var(--font);color:#45fda4;display:block;margin-bottom:calc(10*var(--u))}.signals>div:nth-child(2) b{color:#55adff}.signals>div:nth-child(3) b{color:#bc72ff}.signals>div:nth-child(4) b{color:#ff6276}.signals>div:nth-child(5) b{color:#93aad4}.signals .micro{font-size:calc(var(--text-scale) * calc(10*var(--u)));letter-spacing:calc(.7*var(--u))}.signals span{font-size:calc(var(--text-scale) * calc(14*var(--u)))}.data-explanation{padding-left:calc(19*var(--u));border-left:1px solid #7394a89c;font:calc(var(--text-scale) * calc(14*var(--u)))/1.25 var(--font);color:#c0d1e0}.data-explanation>p+p{margin-top:calc(10*var(--u))}.measure-closing{margin-top:calc(22*var(--u));height:calc(100*var(--u));text-align:center}.measure-closing .micro{font-size:calc(var(--text-scale) * calc(12*var(--u)));letter-spacing:calc(3*var(--u))}.measure-closing>p:not(.micro){font:500 calc(var(--text-scale) * calc(33*var(--u)))/1.07 var(--display);margin-top:calc(7*var(--u))}.measure-closing .short-rule{margin:calc(12*var(--u)) auto 0;width:calc(19*var(--u))}
.experiments{padding-top:calc(250*var(--u))}.experiments .side-note{top:calc(120*var(--u));right:calc(58*var(--u))}.experiments-hero{padding-left:calc(87*var(--u));height:calc(128*var(--u));position:relative}.experiments-hero:before{content:'';position:absolute;left:calc(59*var(--u));top:calc(20*var(--u));bottom:calc(4*var(--u));width:1px;background:linear-gradient(#e3e9ee,transparent)}.experiments-hero h2{font:600 calc(var(--text-scale) * calc(65*var(--u)))/1.1 var(--display);letter-spacing:calc(-1*var(--u));margin-bottom:calc(9*var(--u))}.experiments-hero>p{font:calc(var(--text-scale) * calc(23*var(--u)))/1.18 var(--font);color:#d2e0ee}.experiment-grid{display:grid;grid-template-columns:1fr 1fr;gap:calc(17*var(--u));margin:calc(21*var(--u)) calc(38*var(--u)) 0}.experiment-card{height:calc(259*var(--u));--cut:calc(17*var(--u));padding:calc(20*var(--u)) calc(24*var(--u));background:#aebfd2;overflow:hidden}.experiment-card:before{background:#10202a88}.experiment-card>div.art{position:absolute;inset:1px;z-index:-1;background-image:url('./assets/experiment-art-clean.webp');background-size:221.93% auto;background-repeat:no-repeat;opacity:1}.experiment-card>div.art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#14222afa,#14222add 35%,transparent 64%)}.experiment-card.game .art{background-position:7.35% 36.16%}.experiment-card.animation .art{background-position:92.2% 36.16%}.experiment-card.graphic .art{background-position:7.35% 55.65%}.experiment-card.code .art{background-position:92.2% 55.65%}.experiment-card .card-number{left:calc(24*var(--u));right:auto;top:calc(20*var(--u));color:#b1c1d5}.experiment-card>svg{width:calc(42*var(--u));height:calc(38*var(--u));margin:calc(29*var(--u)) 0 calc(12*var(--u));filter:drop-shadow(0 0 7px color-mix(in srgb,var(--accent) 23%,transparent))}.experiment-card h3{font:600 calc(var(--text-scale) * calc(25*var(--u)))/1 var(--font);max-width:calc(200*var(--u));margin-bottom:calc(8*var(--u))}.experiment-card>p:not(.micro){font:calc(var(--text-scale) * calc(15.5*var(--u)))/1.18 var(--font);width:calc(182*var(--u));color:#d3dfed}.experiment-card>.micro{font-size:calc(var(--text-scale) * calc(10*var(--u)));letter-spacing:calc(2*var(--u));position:absolute;bottom:calc(19*var(--u));left:calc(24*var(--u));width:calc(203*var(--u));line-height:1.3}.experiment-card>.micro:before{content:'—';display:block;margin-bottom:calc(4*var(--u))}.experiment-card .open-piece{position:absolute;right:calc(16*var(--u));bottom:calc(9*var(--u));width:calc(38*var(--u));height:calc(38*var(--u));min-width:30px;min-height:30px;font-size:calc(var(--text-scale) * calc(27*var(--u)));color:#dbe9fa}.experiment-card.animation .play-piece{position:absolute;right:calc(23*var(--u));top:calc(28*var(--u));border:1px solid #cfdfef;border-radius:50%;width:calc(47*var(--u));height:calc(47*var(--u));font-size:calc(var(--text-scale) * calc(23*var(--u)));background:#354958a8;display:grid;place-items:center}.secret-card{margin:calc(17*var(--u)) calc(38*var(--u)) 0;height:calc(216*var(--u));padding:calc(44*var(--u)) calc(46*var(--u));display:grid;grid-template-columns:calc(73*var(--u)) 1fr calc(70*var(--u));gap:calc(20*var(--u));--cut:calc(17*var(--u));background:#c5b9ee}.secret-art{position:absolute;inset:1px;z-index:-1;background:url('./assets/experiment-art-clean.webp') 50% 73.03%/108.8% auto}.secret-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#231a3e 2%,#182029 42%,transparent 68%)}.secret-card>svg{width:calc(53*var(--u));height:calc(67*var(--u));filter:drop-shadow(0 0 10px #b163ffc0)}.secret-card h3{font:600 calc(var(--text-scale) * calc(25*var(--u))) var(--font);margin:calc(-1*var(--u)) 0 calc(8*var(--u))}.secret-card p:not(.micro){font:calc(var(--text-scale) * calc(16*var(--u)))/1.18 var(--font);color:#d6e0f1}.secret-card button{display:flex;align-items:center;justify-content:space-between;border:1px solid #b285ef;border-radius:calc(6*var(--u));height:calc(45*var(--u));width:calc(215*var(--u));padding:0 calc(23*var(--u));margin-top:calc(21*var(--u));font:500 calc(var(--text-scale) * calc(15*var(--u))) var(--display);letter-spacing:calc(1.5*var(--u));background:#132137aa;box-shadow:0 0 18px #9259e522}.secret-card button svg{width:calc(25*var(--u));height:calc(25*var(--u));color:#bed8f4}.secret-card>.micro{font-size:calc(var(--text-scale) * calc(11*var(--u)));letter-spacing:calc(2*var(--u));margin-top:calc(-15*var(--u))}.experiments .clock-strip{margin:calc(18*var(--u)) calc(59*var(--u)) 0;height:calc(74*var(--u))}.sample-caption{position:absolute;bottom:calc(-16*var(--u));left:calc(59*var(--u));font:calc(var(--text-scale) * calc(8*var(--u))) var(--mono);letter-spacing:calc(1.4*var(--u));color:#b6c7d099}
.contact{padding-top:calc(321*var(--u))}.contact .hero{height:calc(301*var(--u))}.contact .hero:before{top:calc(8*var(--u));bottom:0}.contact h2{font:600 calc(var(--text-scale) * calc(78*var(--u)))/1.03 var(--display);letter-spacing:calc(-2*var(--u));margin-top:calc(2*var(--u))}.contact-lead{font:400 calc(var(--text-scale) * calc(33*var(--u)))/1.12 var(--font);color:#cad7e8;margin-top:calc(5*var(--u))}.contact-lead em{font-weight:600}.contact .short-rule{margin:calc(20*var(--u)) 0 calc(16*var(--u))}.contact .hero-description{font-size:calc(var(--text-scale) * calc(25*var(--u)));line-height:1.15}.contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(19*var(--u));margin:calc(38*var(--u)) calc(54*var(--u)) 0}.contact-card{height:calc(290*var(--u));padding:calc(33*var(--u)) calc(38*var(--u));transition:filter .2s}.contact-card:hover{filter:brightness(1.12)}.contact-card>svg{width:calc(47*var(--u));height:calc(48*var(--u));margin-bottom:calc(19*var(--u))}.contact-card h3{font:500 calc(var(--text-scale) * calc(16*var(--u))) var(--display);letter-spacing:calc(1*var(--u));margin-bottom:calc(11*var(--u))}.contact-card>p:not(.micro){font:calc(var(--text-scale) * calc(20*var(--u)))/1.17 var(--font);letter-spacing:calc(-.25*var(--u));white-space:nowrap}.contact-card:first-child>p:not(.micro){font-size:calc(var(--text-scale) * calc(17.5*var(--u)));letter-spacing:calc(-.55*var(--u))}.contact-card .short-rule{margin:calc(39*var(--u)) 0 calc(16*var(--u))}.contact-card .micro{font-size:calc(var(--text-scale) * calc(11*var(--u)));letter-spacing:calc(2.3*var(--u));line-height:1.55}.link-arrow{position:absolute;right:calc(24*var(--u));bottom:calc(23*var(--u));font-size:calc(var(--text-scale) * calc(27*var(--u)));font-weight:300}.contact-status{margin:calc(28*var(--u)) calc(54*var(--u)) 0;height:calc(98*var(--u));border:1px solid #9aafbf83;border-radius:calc(15*var(--u));padding:calc(23*var(--u)) calc(35*var(--u));display:grid;grid-template-columns:calc(38*var(--u)) 1.3fr calc(30*var(--u)) 1.35fr calc(32*var(--u)) 1fr;gap:calc(25*var(--u));align-items:center;background:linear-gradient(115deg,#293d4385,#34424e73)}.contact-status>svg{width:calc(34*var(--u));height:calc(34*var(--u))}.contact-status>p{min-width:0}.contact-status>p:nth-child(2){border-right:1px solid #9aafbf80;padding-right:calc(17*var(--u))}.contact-status>p:nth-child(4){border-right:1px solid #9aafbf80;padding-right:calc(10*var(--u))}.contact-status>p:nth-child(2) strong{color:#8bff9c}.contact-status small{font-size:calc(var(--text-scale) * calc(10*var(--u)));letter-spacing:calc(1.6*var(--u));white-space:nowrap;margin-top:calc(4*var(--u))}.contact-status .local-time{font:500 calc(var(--text-scale) * calc(22*var(--u))) var(--display);letter-spacing:calc(1*var(--u))}.availability-orb{display:block;width:calc(35*var(--u));height:calc(35*var(--u));border:calc(4*var(--u)) solid #288d66;background:#74ffb0;box-shadow:0 0 22px #43ff6645,inset 0 0 0 calc(4*var(--u)) #213c33;border-radius:50%;animation:pulse 4s ease-in-out infinite}.contact-quote{display:grid;grid-template-columns:calc(48*var(--u)) 1fr 1fr calc(125*var(--u));gap:calc(23*var(--u));align-items:center;margin:calc(31*var(--u)) calc(60*var(--u)) 0;height:calc(53*var(--u))}.contact-quote>b{font:600 calc(var(--text-scale) * calc(77*var(--u)))/1 var(--font);opacity:.22}.contact-quote>i{height:calc(48*var(--u));border-left:1px solid #95aaba;margin-left:calc(24*var(--u))}.contact-quote>.micro{font-size:calc(var(--text-scale) * calc(12*var(--u)));letter-spacing:calc(3*var(--u))}.contact-quote>.micro:last-child{font-size:calc(var(--text-scale) * calc(11*var(--u)));letter-spacing:calc(1.6*var(--u))}
.dial-footer{position:relative;height:calc(390*var(--u));touch-action:manipulation}.dial-footer>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;stroke-width:1}.dial-links{position:absolute;inset:0}.dial-links>a{position:absolute;display:flex;flex-direction:column;align-items:center;transform:translateX(-50%);text-align:center;min-height:44px;min-width:44px;padding:0 calc(5*var(--u));color:#c2d2e5}.dial-links b{font:500 calc(var(--text-scale) * calc(17*var(--u)))/1 var(--display)}.dial-links span{font:calc(var(--text-scale) * calc(12*var(--u)))/1.3 var(--font);letter-spacing:calc(1.5*var(--u));margin-top:calc(5*var(--u));white-space:nowrap}.dial-links>a[aria-current=page]{color:#7dffa2;text-shadow:0 0 10px #4aff9230}.dial-links>a[aria-current=page] b{font-size:calc(var(--text-scale) * calc(23*var(--u)));font-weight:600}.footer-signature{position:absolute;bottom:calc(25*var(--u));left:calc(64*var(--u));right:calc(52*var(--u));display:flex;justify-content:space-between;pointer-events:none}.footer-signature .micro{font-size:calc(var(--text-scale) * calc(11*var(--u)));letter-spacing:calc(2.5*var(--u));line-height:1.5}.footer-signature .micro:last-child{width:calc(96*var(--u))}.footer-signature .micro:first-child:before{content:'';position:absolute;top:calc(-18*var(--u));left:calc(-21*var(--u));height:calc(63*var(--u));width:1px;background:#8f9aa866}.footer-signature .micro:last-child:after{content:'—';display:block;margin-top:calc(6*var(--u))}#motion-toggle{position:absolute;bottom:calc(4*var(--u));left:50%;transform:translateX(-50%);font:calc(var(--text-scale) * calc(12*var(--u))) var(--mono);width:44px;height:30px;color:#93abbc;opacity:.55}
dialog{--u:1px;background:linear-gradient(135deg,#26343f,#111b25);color:#eaf7ff;border:1px solid #9cafc1;border-radius:12px;width:min(430px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:32px;box-shadow:0 0 70px #081520a6}dialog::backdrop{background:#051018c9;backdrop-filter:blur(6px)}dialog h2{font:500 calc(var(--text-scale) * 35px) var(--display);margin:16px 0}dialog p:not(.micro){font-size:calc(var(--text-scale) * 16px);line-height:1.5;color:#c3d6e7}.dialog-close{position:absolute;right:10px;top:10px;width:44px;height:44px;display:grid;place-items:center}dialog nav a{display:flex;gap:20px;align-items:center;border-bottom:1px solid #c5eaff22;padding:16px 0;font:500 calc(var(--text-scale) * 17px) var(--display)}dialog nav a>span{font:calc(var(--text-scale) * 12px) var(--mono);color:#6afcc3}
@keyframes color-flow{50%{background-position:100% 50%}}@keyframes pulse{50%{filter:brightness(.8);opacity:.8}}@keyframes reveal{from{opacity:.4;transform:translateX(9px)}to{opacity:1;transform:translateX(0)}}
.paused *,.paused *:before,.paused *:after{animation:none!important;transition:none!important}.paused .world{transform:none}
@media(min-width:1181px){.site-shell{box-shadow:0 0 150px #35495629}}
@media(max-width:600px){.site-shell{min-height:100svh}.brand>span{letter-spacing:calc(3*var(--u))}.header-note{font-size:calc(var(--text-scale) * calc(12*var(--u)))}.hero-description{font-size:calc(var(--text-scale) * calc(27*var(--u)))}.contact-card:first-child>p:not(.micro){font-size:calc(var(--text-scale) * calc(17.5*var(--u)))}.dial-links span{letter-spacing:calc(.8*var(--u))}.dial-links b{font-size:calc(var(--text-scale) * max(10px,calc(17*var(--u))))}.dial-links span{font-size:calc(var(--text-scale) * max(7px,calc(12*var(--u))))}.dial-links>a[aria-current=page] b{font-size:calc(var(--text-scale) * max(12px,calc(23*var(--u))))}.menu-button{top:calc(19*var(--u));right:calc(26*var(--u))}.menu-button svg{width:20px;height:20px}.site-shell[data-view=perfil] .header-note{margin-right:calc(85*var(--u))}.project-row{min-height:25px}.work-caption button{min-height:28px}.answers>button{min-height:36px}.scenario-progress{min-height:calc(27*var(--u))}.scenario{height:auto;min-height:calc(423*var(--u))}.scenario-grid{height:auto;min-height:calc(284*var(--u))}.scenario-image{min-height:calc(284*var(--u))}.telemetry{height:auto;min-height:calc(469*var(--u));padding-bottom:calc(22*var(--u))}.secret-card button{min-height:30px}.secret-card{min-height:calc(226*var(--u))}.contact-grid{gap:calc(16*var(--u))}.contact-card{padding-left:calc(31*var(--u));padding-right:calc(26*var(--u))}.contact-status{gap:calc(20*var(--u));padding-left:calc(27*var(--u));padding-right:calc(27*var(--u))}.contact-status small{letter-spacing:calc(1*var(--u))}.data-card{padding-left:calc(17*var(--u));padding-right:calc(17*var(--u))}.distribution small{letter-spacing:0}.time-card>div>span{font-size:calc(var(--text-scale) * calc(11*var(--u)));padding:calc(7*var(--u)) calc(5*var(--u))}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}.world{transform:none!important}}
/* Match the reference's extended typography and keep every panel within its frame. */
.site-shell{display:flex;flex-direction:column;min-height:100svh}
.site-header{flex-shrink:0}
.dial-footer{margin-top:auto;overflow:hidden;flex-shrink:0}
.person-name{transform:scaleX(1.08);transform-origin:left center}
.hero h1{transform:scaleX(1.14);transform-origin:left center;width:87.7%}
.contact h2{transform:scaleX(1.25);transform-origin:left center;width:80%}
.profile h2{transform:scaleX(1.16);transform-origin:left center}
.experiments-hero h2{transform:scaleX(1.18);transform-origin:left center;width:84.7%}
.work-hero h2{transform:scaleX(1.16);transform-origin:left center}
.metric>strong{line-height:1.2;margin-top:0;transform:scaleX(1.16);transform-origin:left center}
.metric.cyan .segments i:nth-child(2){background:#9380fb}
.metric.violet .segments i:nth-child(2){background:#b780ff}
.capability{padding:calc(18*var(--u)) calc(24*var(--u))}
.tags{gap:calc(6*var(--u))}
.tags span{padding:calc(5*var(--u)) calc(6*var(--u));font-size:calc(var(--text-scale) * calc(13.5*var(--u)))}
.dossier-intro{grid-template-rows:minmax(0,1fr)}
.dossier-intro>*{min-height:0}
.dossier-intro blockquote{font-size:calc(var(--text-scale) * calc(14*var(--u)));line-height:1.42;padding:calc(18*var(--u)) calc(16*var(--u))}
.dossier-intro blockquote .short-rule{margin-top:calc(12*var(--u));margin-bottom:calc(12*var(--u))}
.deliverables{grid-template-rows:minmax(0,1fr)}
.deliverable{min-height:0;padding:calc(15*var(--u));gap:calc(4*var(--u)) calc(14*var(--u))}
.signals>div{min-height:0;padding:calc(10*var(--u))}
.signals b{font-size:calc(var(--text-scale) * calc(28*var(--u)));margin-bottom:calc(6*var(--u))}
.signals .micro{font-size:calc(var(--text-scale) * calc(9.5*var(--u)));line-height:1.35}
.signals>div>span{font-size:calc(var(--text-scale) * calc(12*var(--u)));line-height:1}
.story-data h2{margin-bottom:calc(17*var(--u))}
.experiments .section-rail>i{height:calc(47*var(--u));margin-bottom:calc(20*var(--u))}
.site-shell[data-view=trabajo] .world:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 0% 25%,#08141b80,transparent 60%)}
.shortcut h3{margin-bottom:calc(12*var(--u))}
.shortcut p:not(.micro){font-size:calc(var(--text-scale) * calc(14*var(--u)));line-height:1.35}
em{background-size:110%}
.contact h2{transform:scaleX(1.3);width:76.9%}
.code-art{position:absolute;left:43%;top:14%;width:53%;font:calc(var(--text-scale) * calc(10*var(--u)))/1.65 var(--mono);color:#b6daff;letter-spacing:calc(-.2*var(--u));transform:perspective(450px) rotateY(10deg) rotateZ(1deg);white-space:pre-wrap;pointer-events:none;margin:0;opacity:.85}
.door-inscription{position:absolute;left:62%;top:32%;width:calc(72*var(--u));font:calc(var(--text-scale) * calc(10*var(--u)))/1.6 var(--mono)!important;letter-spacing:calc(2*var(--u));color:#bdc8da!important;pointer-events:none}
@media(max-width:600px){
  .site-shell{--spare:max(0px,calc(100svh - 1672 * var(--u)))}
  .home{padding-top:calc(298 * var(--u) + var(--spare) * .35)}
  .home .metric{height:calc(361 * var(--u) + var(--spare) * .4)}
  .home .metric>.micro{position:absolute;left:calc(39*var(--u));bottom:calc(26*var(--u))}
  .dial-links>a{width:44px;height:32px;min-height:32px;padding:0}
  .dial-links>a>span{pointer-events:none}
}