html{font-size:100%;scroll-behavior:smooth;scroll-padding-top:2rem;hanging-punctuation:first last;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}:has(:target){scroll-behavior:smooth;scroll-padding-top:2rem}*:not(dialog),*:after,*:before{margin:0;padding:0;box-sizing:border-box}h1,h2,h3,h4{text-wrap:balance}p{max-width:65ch;line-height:3.125ex;margin:0 0 3.125ex;text-wrap:pretty}b,strong{text-decoration:underline}a,button{cursor:pointer}input,textarea,button,select{font:inherit}img,picture,svg,video{display:block;max-width:100%}img{max-inline-size:100%;max-block-size:100%;height:auto;vertical-align:middle;font-style:italic;background-repeat:no-repeat;background-size:cover;shape-margin:1rem}.hidden,[hidden]{display:none!important}.sr-only:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}@font-face{font-family:Martian Mono;font-weight:300;font-display:swap;font-style:normal;src:local("Martian Mono"),url(/assets/n27-regular-BmBerkdS.woff2) format("woff2"),url(/assets/MartianMono-Light-D4P3OVBS.woff) format("woff")}@font-face{font-family:Neue Metana Mono;font-weight:400;font-style:normal;font-display:swap;src:local("NeueMetanaMono"),url(/assets/NeueMetanaMono-Lt-CfeMPvjX.woff2) format("woff2"),url(/assets/NeueMetanaMono-Lt-BFH7kZ7_.woff) format("woff")}@font-face{font-family:rock_3dregular;font-weight:400;font-style:normal;font-display:swap;src:local("rock_3dregular"),url(/assets/rock3d-regular-webfont-DLlveX7v.woff2) format("woff2"),url(/assets/rock3d-regular-webfont-B4W01GjE.woff) format("woff")}@font-face{font-family:OpenDyslexic;font-weight:400;font-style:normal;font-display:swap;src:local("OpenDyslexic"),url(/assets/opendyslexic-regular-webfont-uGX_BY2b.woff2) format("woff2"),url(/assets/opendyslexic-regular-webfont-CX08BukM.woff) format("woff")}:root{--background: #1d1907;--dialog-bkg: #1d1907ee;--text: #98aad2;--links: #ffbf00;--secondary: #ceaef5;--backup: #a0f3de;--grid-lines-color: rgb(0 0 0 / .2);--transparent: rgb(0 0 0 / 0);--font-display: "rock_3dregular", monospace;--font-text: "Martian Mono", monospace;--font-title: "Neue Metana Mono", monospace;--base-size: 1rem;--menu-size: unset;--grid: linear-gradient( to right, transparent calc(var(--line-height) - 1px), var(--grid-lines-color) 1px ), linear-gradient( to bottom, transparent calc(var(--line-height) - 1px), var(--grid-lines-color) 1px );--grid-offset: 0 calc(var(--base-size) * -.25);--line-height: calc(var(--base-size) * 1.5);--baseline-offset: calc(var(--line-height) * -.2);--blur: 10px}.dyslexic{--font-text: "OpenDyslexic", monospace;--font-title: "OpenDyslexic", monospace;--menu-size: .85rem}@media (min-width: 850px){.dyslexic{--menu-size: unset}}h1{font-size:calc(var(--line-height) * 3);line-height:calc(var(--line-height) * 3);margin:0 0 calc(var(--line-height) * 2);transform:translateY(calc(var(--line-height) * .5));color:var(--secondary)}h2{font-family:var(--font-title);font-size:calc(var(--base-size) * 2);line-height:calc(var(--line-height) * 2);margin:0 0 var(--line-height);transform:translateY(calc(var(--line-height) * .4))}h3,h4,p{font-family:var(--font-text);line-height:var(--line-height);margin:0 0 var(--line-height)}h3,h4{text-decoration:underline;font-weight:300}@media (min-width: 650px){h1{font-size:calc(var(--line-height) * 5);line-height:calc(var(--line-height) * 5);transform:translateY(var(--baseline-offset));text-align:left}h2{transform:translateY(calc(var(--line-height) * .25));font-size:calc(var(--base-size) * 3);line-height:calc(var(--line-height) * 2)}}@media (min-width: 1100px){h1{text-align:center}}a,button{color:var(--links);border:none;background:none}a:hover,button:hover{color:var(--backup);text-decoration:underline}a:active,button:active{color:var(--secondary)}a:focus-visible,button:focus-visible{outline:solid 1px var(--links);outline-offset:.3rem}a:not([target=_blank]):after{content:" *"}a[target=_blank]:after{content:" >"}::selection{background:var(--links);color:var(--background)}body{padding:var(--line-height);font-family:var(--font-text);font-size:calc(var(--base-size) * 1.15);line-height:var(--line-height);color:var(--text);background-color:var(--background);background-image:url(/assets/img/retrato-mmejia.gif),linear-gradient(to right,transparent calc(var(--line-height) - 1px),var(--grid-lines-color) 1px),linear-gradient(to bottom,transparent calc(var(--line-height) - 1px),var(--grid-lines-color) 1px);background-repeat:no-repeat,repeat,repeat;background-size:auto,var(--line-height) var(--line-height),var(--line-height) var(--line-height);background-position:10vw 30vh,var(--grid-offset),var(--grid-offset);background-blend-mode:multiply,normal,normal}.menu{display:grid;position:fixed;top:0;left:0;padding:var(--line-height) var(--line-height) 0;height:calc(var(--line-height) * 3);background-image:var(--grid);background-size:var(--line-height) var(--line-height);background-position:var(--grid-offset);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));font-size:var(--menu-size);width:100vw;grid-template-columns:46px min-content max-content 1fr;gap:var(--line-height);align-items:start;justify-items:start;z-index:10;transform:translateY(0);transition:transform .5s ease-in-out}.menu button:before,.menu button:after,.menu a:before,.menu a:after{content:""}.menu.hide{transform:translateY(calc(var(--line-height) * -3))}.menu__logo{fill:var(--text);height:calc(var(--line-height))}.menu__dyslexic,.menu__lang{color:var(--text)}.menu__links{position:absolute;width:100%;height:calc(100vh - var(--line-height) * 3);padding:calc(var(--line-height) * 2);top:calc(var(--line-height) * 3);left:-100%;border-top:1px solid var(--text);list-style:none;display:flex;flex-direction:column;gap:var(--line-height);transform:translate(0);transition:transform .3s .1s ease-in-out;font-size:2rem}.menu__links.visible{transform:translate(100%)}.menu__links a{display:block;text-align:right}.menu__show{display:block;position:relative;width:calc(var(--line-height) * 2);height:calc(var(--line-height) * 2);transform:translate(calc(var(--line-height) * .5),calc(var(--line-height) * -.5));justify-self:end}.menu__show .show__bar{margin:0 auto;display:block;background-color:var(--links);width:21px;height:2px;position:relative;transition:background-color .2s ease-in-out}.menu__show .show__bar:before,.menu__show .show__bar:after{position:absolute;content:"";width:100%;height:100%;background-color:var(--links);left:0;transition:transform .2s ease-in-out}.menu__show .show__bar:before{transform:translateY(-7px)}.menu__show .show__bar:after{transform:translateY(7px)}.menu__show:hover .show__bar,.menu__show:hover .show__bar:before,.menu__show:hover .show__bar:after{background-color:var(--backup)}.menu__show:active .show__bar{transform:scale(.9)}.menu__show[aria-expanded=true] .show__bar{background-color:var(--transparent)}.menu__show[aria-expanded=true] .show__bar:before{transform:rotate(-45deg)}.menu__show[aria-expanded=true] .show__bar:after{transform:rotate(45deg)}@media (min-width: 700px){.menu{grid-template-columns:46px 1fr min-content min-content;-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));background-color:unset}.menu__show{display:none}.menu__links{position:relative;background:unset;border:unset;-webkit-backdrop-filter:unset;backdrop-filter:unset;grid-column:2;grid-row:1;left:unset;top:unset;transform:unset;padding:unset;width:unset;height:unset;flex-direction:row;font-size:unset}.menu__links a{text-decoration:none;color:var(--text)}.menu__links a:hover{text-decoration:underline}.menu__lang{grid-column:3}}main{max-width:1200px;margin:0 auto}footer{padding:var(--line-height);text-align:center}.decorator{display:none;font-weight:300}section{display:grid;grid-template-columns:repeat(4,1fr);column-gap:var(--line-height);padding:calc(var(--line-height) * 3) 0 calc(var(--line-height) * 4);position:relative}section a,section button{grid-column:1 / -1;text-wrap:balance;text-align:right}section:after{position:absolute;content:"";width:100%;height:1px;bottom:0;left:50%;background-color:var(--text);transform:translate(-50%,var(--baseline-offset))}section>div{grid-column:1 / -1}section h4{margin:0 1ch;grid-column:span 2}section li{position:relative;text-wrap:balance;margin:0 0 0 calc(var(--line-height) * 2)}section li:before{position:absolute;content:">";width:2ch;transform:translate(-100%)}section:first-child{margin:calc(var(--line-height) * 2) 0 0}section:first-child a,section:first-child button{grid-column:2 / -1}section:first-child .subsection{grid-column:1 / 4}section:first-child .subsection>p{margin:0 0 var(--line-height)}.subsection{grid-column:1 / -1}.subsection h3~p{margin:0 0 var(--line-height) calc(var(--line-height) * 2)}h1,h2{grid-column:1 / -1}h3{grid-column:1 / -1;margin:var(--line-height) 0}hr{margin:calc(var(--line-height) * 2) 0 calc(var(--line-height) * 3 - 1px);padding:0;border:none;border-bottom:1px dotted var(--text);transform:translateY(var(--baseline-offset));grid-column:1 / -1}ul{list-style:none;margin:0 0 var(--line-height)}.card{display:grid;grid-template-columns:repeat(4,1fr);position:relative;margin:0 0 calc(var(--line-height) * 2)}.card img{display:block;height:calc(var(--line-height) * 10);mix-blend-mode:lighten!important;aspect-ratio:1;grid-column:1 / -1;transform:translateY(var(--baseline-offset));margin:0 0 var(--line-height) calc(var(--line-height) * 2);cursor:pointer;transition:transform .2s ease-in-out}.card img:hover{transform:scale(1.1)}.card div{grid-column:1 / -1}.card p{grid-column:1 / -1;margin-left:calc(var(--line-height) * 2)}.card .card__links{grid-column:1 / -1}.card .card__links *{width:100%;display:block;text-wrap:balance;text-align:right;text-decoration:underline}.card button:after{content:" *"}::backdrop{opacity:0}dialog{box-sizing:border-box;width:calc(100dvw - var(--line-height) * 2);height:calc(100dvh - var(--line-height) * 5);margin:calc(var(--line-height) * 3) auto;border:1px solid var(--links);padding:var(--line-height);background:var(--dialog-bkg);color:var(--text);box-shadow:0 0 0 100vw #ffbf0099}dialog[open]{animation:dialog-in .6s ease-in-out 1 both}dialog[closing]{animation:dialog-out .3s ease-in-out 1 both}dialog h2{margin:calc(var(--line-height) * 2) 0 var(--line-height)}dialog h3{margin:calc(var(--line-height) * 3) 0 var(--line-height)}dialog img{width:100%;height:100%;outline:1px solid var(--background);margin:0 0 var(--line-height)}dialog .dialog__closeBtn{text-decoration:underline;margin:0 0 0 auto;display:block}dialog .dialog__closeBtn:after{content:" X"}dialog ul{margin:calc(var(--line-height) * -1) 0 calc(var(--line-height) * 2);list-style:none;display:flex;flex-wrap:wrap;flex-direction:row}dialog ul li+li:before{content:"|";margin:1ch}dialog figcaption{text-align:left;margin:calc(var(--line-height) * -1) 0 calc(var(--line-height) * 1);font-size:calc(var(--base-size) * .8)}@media (min-width: 700px){.decorator{display:block;position:absolute;font-family:var(--font-display);font-size:calc(var(--line-height) * 10);line-height:calc(var(--line-height) * 10);z-index:-10;transform:translateY(var(--baseline-offset));top:0;color:var(--grid-lines-color);word-break:break-all;pointer-events:none;-webkit-user-select:none;user-select:none;overflow-x:auto;overflow-y:hidden;width:100%;height:100%}section{grid-template-columns:repeat(8,1fr)}section:after{width:80%}section>div{grid-column:1 / -1}section>a,section>button{grid-column:5 / span 4;text-wrap:balance;text-align:right}section h4{text-align:right;grid-column:span 3}section ul{grid-column:4 / -1}section li{margin:0}section:first-child h1{grid-column:1 / 8}section:first-child a,section:first-child button{grid-column:5 / span 4;justify-self:end}section:first-child .subsection{grid-column:3 / span 4}.subsection{grid-column:2 / span 6;display:grid;grid-template-columns:repeat(6,1fr);column-gap:var(--line-height)}.subsection p{grid-column:1 / -1}.subsection h3~p{grid-column:2 / -1;margin:0 0 var(--line-height) 0}img{height:calc(var(--line-height) * 5);transform:translateY(var(--baseline-offset))}hr{grid-column:2 / -2}.card{grid-template-columns:repeat(8,1fr);column-gap:var(--line-height)}.card img{margin:0;grid-column:6 / span 3}.card div{grid-column:2 / span 4}.card p{grid-column:2 / span 4;margin:0 0 var(--line-height)}.card .card__links{grid-column:6 / -1;align-self:end}dialog{width:calc(90% - var(--line-height) * 2);margin:calc(var(--line-height) * 3) auto;padding:var(--line-height)}dialog img{margin:var(--line-height) 15% var(--line-height) 0;transform:translate(calc(var(--line-height) * -1));outline:1px solid var(--background)}dialog h3{font-size:1.3rem;margin:calc(var(--line-height) * 3) 0 var(--line-height)}dialog p{margin:0 15% var(--line-height)}dialog ul{grid-column:1 / -1;margin:calc(var(--line-height) * -1) 0 calc(var(--line-height) * 2) 15%;display:flex;flex-direction:row}dialog ul li+li:before{content:" | "}dialog figcaption{margin:calc(var(--line-height) * -1) 5% var(--line-height)}}@media (min-width: 1100px){section{grid-template-columns:repeat(12,1fr)}section a,section button{grid-column:9 / -1;text-wrap:balance;align-self:end}section:after{width:84%}section ul{grid-column:4 / -1}section h4{grid-column:2 / 4}section:first-child a,section:first-child button{grid-column:2 / -1;text-wrap:balance}section:first-child h1{grid-column:2 / 7}section:first-child .subsection{align-self:end;grid-column:7 / span 6}section:first-child .subsection>p{margin:0 0 var(--line-height);grid-column:2 / -2}.subsection{grid-column:span 6;align-self:start;display:grid;grid-template-columns:repeat(6,1fr);column-gap:var(--line-height)}.subsection h3{grid-column:2 / -1}.subsection h3~p,.subsection h3+ul{grid-column:3 / -1}.subsection p{grid-column:3 / -1}h1{grid-column:2 / span 3}hr{grid-column:2 / -2}section li{margin:0}.card{display:grid;grid-template-columns:repeat(12,1fr)}.card h3{grid-column:2 / -1}.card img{grid-column:7 / span 3}.card div{grid-column:10 / span 3;align-self:end}.card p{grid-column:3 / span 4}.card .card__links{grid-column:9 / -1}.card .card__links *{width:100%;display:block;text-wrap:balance;text-align:right;text-decoration:underline}.card button:after{content:" *"}dialog{width:min(calc(84dvw - var(--line-height) * 2),1080px);height:calc(100dvh - var(--line-height) * 4);margin:calc(var(--line-height) * 3) auto;padding:var(--line-height)}dialog h2{margin:calc(var(--line-height) * 3)}dialog h3{margin:calc(var(--line-height) * 4) 0 0;transform:translate(calc(var(--line-height) * -1))}dialog .subsection p{grid-column:1 / -1}dialog ul{list-style:none;display:flex;flex-direction:row}dialog figcaption{margin:calc(var(--line-height) * -1) 5% calc(var(--line-height) * 1)}}.first_plane{animation:focus .3s ease-in-out 1 both}.second_plane{animation:unfocus .3s ease-in-out 1 both}@keyframes focus{0%{filter:blur(var(--blur)) contrast(50%);transform:scaleX(.9)}to{filter:blur(0px) contrast(100%);transform:scaleX(1)}}@keyframes unfocus{0%{filter:blur(0px) contrast(100%);transform:scaleX(1)}to{filter:blur(var(--blur)) contrast(50%);transform:scaleX(.9)}}@keyframes dialog-out{0%{transform:translateY(0) scale(1)}to{transform:translateY(150vh) scale(.7)}}@keyframes dialog-in{0%{transform:translateY(150vh) scale(.7)}to{transform:translateY(0) scale(1)}}