:root{--bg: #ffffff;--fg: #472425;--ink: #472425;--font-display: "Helvetica Neue", Arial, sans-serif;--hero-pad: max(40px, 4vw)}html.palette-a{--bg: #ffd9d2;--fg: #7a0d14;--ink: #baf5ff}html.palette-b{--bg: #ffddc4;--fg: #6b2400;--ink: #0a1a33}html.palette-c{--bg: #ffe8b8;--fg: #6b4400;--ink: #e6d6ff}html.palette-d{--bg: #fff2a8;--fg: #4d3d00;--ink: #1a0a4d}html.palette-e{--bg: #eaffb0;--fg: #244d00;--ink: #ffb3f0}html.palette-f{--bg: #c2ffe0;--fg: #00402a;--ink: #3d0018}html.palette-g{--bg: #c2f6ff;--fg: #003944;--ink: #ffcbb0}html.palette-h{--bg: #cfe0ff;--fg: #0a2166;--ink: #ffe0a3}html.palette-i{--bg: #dcd6ff;--fg: #24105e;--ink: #e3ffb0}html.palette-j{--bg: #ecd6ff;--fg: #360d6b;--ink: #fff6b0}html.palette-k{--bg: #ffd0ec;--fg: #5c0a45;--ink: #0f2b16}html.palette-l{--bg: #ffd6e2;--fg: #6b0030;--ink: #c0fff0}html.palette-m{--bg: #1b1d2b;--fg: #6f7bd6;--ink: #ffe86b}html.palette-n{--bg: #24170f;--fg: #b5722f;--ink: #7ff0d0}html.palette-o{--bg: #101f1a;--fg: #3d8f6b;--ink: #ffb3c7}html.palette-p{--bg: #f2efe6;--fg: #2b2b28;--ink: #d4342a}html.palette-q{--bg: #cdd3cf;--fg: #4a5a52;--ink: #12100e}html.palette-r{--bg: #1a1020;--fg: #8a4fbd;--ink: #b8ff4d}html.palette-s{--bg: #0d1b1e;--fg: #00a896;--ink: #f0f3f4}html.palette-t{--bg: #1e0f1a;--fg: #ff2a85;--ink: #ffffff}html.palette-u{--bg: #141414;--fg: #7f7f7f;--ink: #ffe81f}html.palette-v{--bg: #0b091a;--fg: #00f3ff;--ink: #ffe600}html.palette-w{--bg: #1c0d02;--fg: #ff5500;--ink: #ffd700}html.palette-x{--bg: #0a160c;--fg: #39ff14;--ink: #ff007f}html.palette-y{--bg: #050a24;--fg: #3d5afe;--ink: #ff9e80}html.palette-z{--bg: #120924;--fg: #ff00a0;--ink: #80ffff}html.palette-aa{--bg: #0a0a0a;--fg: #c0c0c0;--ink: #ffd700}body.font-a{--font-display: "Space Grotesk", "Helvetica Neue", Arial, sans-serif}body.font-b{--font-display: "Big Shoulders Display", sans-serif}body.font-c{--font-display: "Fraunces", serif}body.font-d{--font-display: "Space Mono", monospace}body.font-e{--font-display: "Zilla Slab", serif}body.font-f{--font-display: "Archivo Black", sans-serif}body.font-g{--font-display: "Rubik Mono One", monospace}body.font-h{--font-display: "Bungee", sans-serif}body.font-i{--font-display: "Syne", sans-serif}body.font-f .nameplate,body.font-f .role-title,body.font-g .nameplate,body.font-g .role-title,body.font-h .nameplate,body.font-h .role-title{font-weight:400}body.font-i .nameplate,body.font-i .role-title{font-weight:800}html,body{margin:0;background:var(--bg);color:var(--fg);font-family:Helvetica Neue,Inter,sans-serif;transition:background-color .4s ease,color .4s ease}#pageFilter,#cursorTrail{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;height:100dvh;pointer-events:none}#cursorTrail{z-index:900}#pageFilter{z-index:1000;mix-blend-mode:multiply}.pages{position:relative}.page{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;box-sizing:border-box;overflow:hidden;visibility:hidden;pointer-events:none;background-color:var(--bg);color:var(--fg);transition:background-color .4s ease,color .4s ease}.page.active{visibility:visible;pointer-events:auto}.hero{padding:var(--hero-pad);overflow-x:hidden}.hero-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;filter:grayscale(1) contrast(1.2) brightness(1.12)}.hero-filter{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.scroll-hint{position:absolute;bottom:16px;left:50%;transform:translate(-50%);font-size:max(10px,.9vw);text-transform:uppercase;letter-spacing:.08em;opacity:.45;margin:0}.nameplate{position:absolute;font-family:var(--font-display);line-height:.86;font-weight:700;margin:0;color:var(--ink);font-size:max(64px,12vw);letter-spacing:-.025em}.role-title{position:absolute;font-family:var(--font-display);line-height:1.2;font-weight:600;margin:0;color:var(--ink);font-size:max(20px,3vw)}.nav{position:absolute;font-size:max(16px,1.4vw);text-transform:uppercase;letter-spacing:.06em}.nav a{display:block;color:var(--ink);text-decoration:none;margin-bottom:10px;font-weight:700}.nav a:hover{opacity:.65}.starburst{position:absolute;width:36px;height:36px;color:var(--fg)}@media(prefers-reduced-motion:no-preference){.starburst{animation:spin 40s linear infinite}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body.comp-corner .nameplate{top:var(--hero-pad);left:var(--hero-pad);text-align:left}body.comp-corner .nav{top:calc(var(--hero-pad) + 4px);right:var(--hero-pad);text-align:right}body.comp-corner .starburst{bottom:var(--hero-pad);left:var(--hero-pad)}body.comp-corner .role-title{bottom:calc(var(--hero-pad) + 4px);right:var(--hero-pad);text-align:right}body.comp-split .nameplate{top:50%;left:-2vw;transform:translateY(-50%);text-align:left;white-space:nowrap;font-size:max(110px,24vw)}body.comp-split .role-title{bottom:var(--hero-pad);right:var(--hero-pad);text-align:right}body.comp-split .nav{top:var(--hero-pad);right:var(--hero-pad);text-align:right}body.comp-split .starburst{bottom:var(--hero-pad);left:var(--hero-pad)}body.comp-centered .hero{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:18px}body.comp-centered .nameplate,body.comp-centered .role-title,body.comp-centered .nav,body.comp-centered .starburst{position:relative}body.comp-centered .starburst{order:-2}body.comp-centered .role-title{order:-1;text-transform:uppercase;letter-spacing:.2em;font-size:max(14px,1.8vw)}body.comp-centered .nameplate{text-align:center;font-size:max(56px,13vw)}body.comp-centered .nav{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}body.comp-diagonal .nameplate{top:12%;left:8%;text-align:left;font-size:max(40px,8vw);transform:rotate(var(--diagonal-rot, -6deg));transform-origin:top left}body.comp-diagonal .role-title{top:62%;left:55%;text-align:left;max-width:300px}body.comp-diagonal .nav{bottom:var(--hero-pad);left:var(--hero-pad);text-align:left}body.comp-diagonal .starburst{top:var(--hero-pad);right:var(--hero-pad)}body.comp-tilt .nameplate{top:44%;left:50%;transform:translate(-50%,-50%) rotate(var(--tilt-rot, -7deg));text-align:center;white-space:nowrap;font-size:max(70px,15vw)}body.comp-tilt .role-title{top:63%;left:50%;transform:translate(-50%,-50%) rotate(var(--tilt-rot, -7deg));text-align:center;font-size:max(20px,3vw);letter-spacing:.18em;text-transform:uppercase}body.comp-tilt .nav{top:var(--hero-pad);right:var(--hero-pad);text-align:right}body.comp-tilt .starburst{top:var(--hero-pad);left:var(--hero-pad)}body.comp-stack .nameplate{top:var(--hero-pad);left:var(--hero-pad);text-align:left;white-space:nowrap;font-size:max(110px,21vw)}body.comp-stack .nameplate:first-line{font-size:max(16px,2.4vw);letter-spacing:.15em}body.comp-stack .role-title{bottom:var(--hero-pad);left:var(--hero-pad);text-align:left}body.comp-stack .nav{top:calc(var(--hero-pad) + 4px);right:var(--hero-pad);text-align:right}body.comp-stack .starburst{display:none}body.comp-sidebar .nameplate{top:50%;left:24px;transform:translateY(-50%);writing-mode:vertical-rl;text-orientation:mixed;text-align:left;font-size:max(40px,6.5vw)}body.comp-sidebar .role-title{top:46%;left:320px;max-width:260px}body.comp-sidebar .nav{top:58%;left:320px}body.comp-sidebar .starburst{top:var(--hero-pad);right:var(--hero-pad)}body.comp-marquee .nameplate{top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;white-space:nowrap;font-size:max(120px,26vw)}body.comp-marquee .role-title{top:var(--hero-pad);left:var(--hero-pad);font-size:max(14px,1.8vw)}body.comp-marquee .nav{bottom:var(--hero-pad);right:var(--hero-pad);text-align:right}body.comp-marquee .starburst{bottom:var(--hero-pad);left:var(--hero-pad)}body.comp-edge .nameplate{bottom:-.08em;left:50%;transform:translate(-50%);text-align:center;white-space:nowrap;line-height:.8;font-size:max(90px,19vw)}body.comp-edge .role-title{top:var(--hero-pad);left:var(--hero-pad)}body.comp-edge .nav{top:var(--hero-pad);right:var(--hero-pad);text-align:right}body.comp-edge .starburst{top:50%;right:var(--hero-pad);transform:translateY(-50%)}body.comp-scatter .nameplate{top:18%;left:8%;text-align:left;font-size:max(50px,10vw)}body.comp-scatter .role-title{top:78%;left:46%;max-width:260px}body.comp-scatter .nav{top:8%;right:12%;text-align:right}body.comp-scatter .starburst{top:58%;left:22%}body.comp-band .role-title{top:34%;left:10%;text-transform:uppercase;letter-spacing:.22em;font-size:max(13px,1.6vw)}body.comp-band .nameplate{top:40%;left:10%;text-align:left;white-space:nowrap;font-size:max(56px,12vw)}body.comp-band .nav{top:66%;left:10%;text-align:left}body.comp-band .starburst{top:34%;right:10%}body.comp-quadrant .nameplate{bottom:24%;left:6%;text-align:left;font-size:max(52px,11vw)}body.comp-quadrant .role-title{bottom:16%;left:6%;text-align:left}body.comp-quadrant .nav{bottom:6%;left:6%;text-align:left}body.comp-quadrant .starburst{top:8%;left:6%}section.page-section{padding:64px 40px;display:flex;flex-direction:column;justify-content:safe center;min-height:100%;box-sizing:border-box}.section-heading{font-family:var(--font-display);color:var(--ink);font-weight:700;margin:0 0 24px;line-height:.9;font-size:max(32px,6.5vw);letter-spacing:-.02em}.section-body{max-width:none;color:var(--ink);font-size:max(18px,1.6vw);line-height:1.7}.placeholder{opacity:.6;font-style:italic}body.comp-corner section.page-section{align-items:flex-start}body.comp-split section.page-section#sobre-mi,body.comp-split section.page-section#contacto{align-items:flex-end}body.comp-split .section-heading{font-size:max(56px,11vw);line-height:.88;max-width:92%;margin-bottom:32px}body.comp-split #sobre-mi .section-body,body.comp-split #contacto .contact-links{margin-left:auto;text-align:right}body.comp-split #contacto .contact-links{width:fit-content}body.comp-centered section.page-section{align-items:center;text-align:center}body.comp-centered .section-heading{font-size:max(36px,7vw)}body.comp-centered #sobre-mi .section-body{margin-inline:auto}body.comp-centered #contacto .contact-links{width:fit-content;margin-inline:auto}body.comp-diagonal .section-heading{transform:rotate(var(--diagonal-rot, -6deg));transform-origin:top left;margin-bottom:64px}body.comp-diagonal .section-body,body.comp-diagonal .contact-links{margin-left:clamp(0px,8vw,120px)}body.comp-sidebar section.page-section:not(.projects){padding-left:130px}body.comp-sidebar .section-heading{position:absolute;left:28px;top:64px;margin:0;writing-mode:vertical-rl;text-orientation:mixed;font-size:max(28px,5.5vw)}body.comp-marquee .section-heading{font-size:max(64px,12vw);line-height:.86;text-align:center;margin-bottom:32px}body.comp-marquee section.page-section{align-items:center}body.comp-marquee #sobre-mi .section-body{text-align:center;max-width:560px}body.comp-marquee #contacto .contact-links{text-align:center;width:fit-content;margin-inline:auto}body.comp-tilt section.page-section{align-items:center}body.comp-tilt .section-heading{transform:rotate(var(--tilt-rot, -7deg));text-align:center}body.comp-stack section.page-section#sobre-mi,body.comp-stack section.page-section#contacto{justify-content:safe flex-end}body.comp-stack .section-heading{font-size:max(60px,12vw);line-height:.86}body.comp-edge section.page-section#sobre-mi,body.comp-edge section.page-section#contacto{justify-content:safe flex-end}body.comp-edge section.page-section{align-items:center;text-align:center}body.comp-edge .section-heading{order:2;font-size:max(52px,10vw);margin:28px 0 0}body.comp-edge #sobre-mi .section-body{text-align:center}body.comp-edge #contacto .contact-links{text-align:center;width:fit-content;margin-inline:auto}body.comp-scatter section.page-section:not(.projects){padding-left:12vw}body.comp-scatter .section-heading{margin-left:-3vw}body.comp-band section.page-section:not(.projects){padding-left:10vw}body.comp-band .section-heading{letter-spacing:.01em}body.comp-band .section-body,body.comp-band .contact-links{border-top:1px solid var(--fg);padding-top:24px;margin-top:4px}body.comp-quadrant section.page-section#sobre-mi,body.comp-quadrant section.page-section#contacto{justify-content:safe flex-end}body section.page-section#contacto{padding:max(40px,4vh) 24px 24px!important;align-items:center!important;justify-content:flex-start!important;text-align:center!important}body section.page-section#contacto .section-heading{position:static!important;transform:none!important;writing-mode:horizontal-tb!important;text-orientation:mixed!important;font-size:max(28px,3.8vw)!important;margin:0 0 14px!important;line-height:1!important;text-align:center!important;order:initial!important}body section.page-section#contacto .contact-links{position:static!important;transform:none!important;margin:0 0 16px!important;order:initial!important;display:flex!important;gap:24px!important;justify-content:center!important}body section.page-section#contacto .arcade{position:relative!important;transform:none!important;margin:0 auto!important;order:initial!important;width:min(88vw,48vh * 16 / 9)!important;flex-shrink:0!important}section.page-section.projects,body[class*=comp-] section.page-section.projects{justify-content:flex-start!important;align-items:stretch!important;text-align:left!important;padding-top:max(48px,5vh)!important;padding-bottom:24px!important;height:100%!important}section.page-section.projects .section-heading,body[class*=comp-] section.page-section.projects .section-heading{position:static!important;transform:none!important;font-size:max(28px,3.8vw)!important;margin:0 0 16px!important;line-height:1!important;text-align:left!important;writing-mode:horizontal-tb!important;order:initial!important}::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}*{scrollbar-width:none!important;-ms-overflow-style:none!important}.projects-layout{display:grid;grid-template-columns:1fr clamp(380px,32vw,680px);gap:28px;width:94vw;margin:0 auto;flex:1 1 auto;min-height:0;align-items:center}#featuredVideo,.project-video,.vertical-full-video{position:relative;z-index:1005!important}.project-card{position:relative;border:1px solid var(--fg);background:#000;display:flex;align-items:flex-end;padding:12px;box-sizing:border-box;overflow:hidden}.project-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.project-card .label{position:relative;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#fff;background:#0000008c;padding:4px 8px;z-index:2}.project-description{display:none}.project-featured{display:flex;align-items:center;justify-content:center;min-height:0;flex:1 1 auto}.project-featured .project-card{aspect-ratio:16 / 9;width:100%;max-width:min(100%,60vh * 16 / 9);margin:auto;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:6px;padding-bottom:52px}.project-featured .project-description{display:block;position:relative;z-index:1;max-width:560px;margin:0;font-size:max(14px,1.1vw);line-height:1.6;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.6)}.project-strip-wrap{display:flex;flex-direction:column;gap:12px;height:100%;max-height:60vh;min-height:0;justify-content:space-between}.project-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-content:start;flex:1 1 auto;min-height:0;overflow:hidden!important}.project-strip .project-card{width:100%;aspect-ratio:16 / 9;height:auto;cursor:pointer;opacity:.85;transition:opacity .25s ease,transform .2s ease,border-color .25s ease}.project-strip .project-card:hover,.project-strip .project-card:focus-visible{opacity:1;transform:scale(1.03);border-color:var(--ink)}.project-strip .project-card:focus-visible{outline:2px dashed var(--ink);outline-offset:2px}.projects-more{align-self:stretch;background:var(--fg);color:var(--bg);border:1px solid var(--fg);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:10px 16px;cursor:pointer;font-family:inherit;margin-top:4px;text-align:center;box-shadow:0 3px 10px #00000040;transition:transform .2s ease,opacity .2s ease,background-color .3s ease}.projects-more:hover{opacity:.88;transform:translateY(-2px)}.hero-vertical-btn{position:absolute;top:50%;right:var(--hero-pad);transform:translateY(-50%);z-index:10;display:flex;align-items:center;justify-content:center;padding:14px 8px;background:#000000a6;border:1px solid rgba(255,255,255,.35);color:#fff;text-decoration:none;font-size:max(11px,.9vw);font-weight:700;letter-spacing:.22em;text-transform:uppercase;writing-mode:vertical-rl;text-orientation:mixed;border-radius:4px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 12px #0006;transition:transform .25s ease,background-color .25s ease,color .25s ease,opacity .25s ease}.hero-vertical-btn:hover{opacity:.95;transform:translateY(-50%) scale(1.06);background:#fff;color:#000}.projects-vertical-btn{position:static!important;top:auto!important;right:auto!important;transform:none!important;writing-mode:horizontal-tb!important;text-orientation:mixed!important;align-self:stretch!important;display:block!important;width:100%!important;box-sizing:border-box!important;background:#000000a6!important;color:#fff!important;border:1px solid rgba(255,255,255,.35)!important;font-size:11px!important;font-weight:700!important;letter-spacing:.08em!important;text-transform:uppercase!important;padding:10px 16px!important;margin-top:6px!important;text-align:center!important;border-radius:0!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;box-shadow:0 3px 10px #00000040!important;transition:transform .2s ease,opacity .2s ease,background-color .3s ease!important;text-shadow:0 1px 3px rgba(0,0,0,.8)!important}.projects-vertical-btn:hover{opacity:.88!important;transform:translateY(-2px)!important;background:#fff!important;color:#000!important}section.page-section.vertical-section,body[class*=comp-] section.page-section.vertical-section{padding:0!important;margin:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;background:#000!important;overflow:hidden!important;align-items:center!important;justify-content:center!important}body:has(#vertical.active) .hero-filter{opacity:0!important;visibility:hidden!important}.vertical-fullscreen-wrap{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}.vertical-full-video{width:100%;height:100%;object-fit:contain!important;object-position:center center!important;background:#000}.vertical-full-video.intro-mode{object-fit:cover!important;object-position:center center!important}.vertical-corner-back-btn{position:absolute;top:max(20px,3vh);left:max(20px,3vw);z-index:20;padding:8px 16px;background:#0000008c;border:1px solid rgba(255,255,255,.4);color:#fff;text-decoration:none;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;border-radius:40px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 12px #0006;transition:opacity .25s ease,transform .25s ease,background-color .25s ease}.vertical-corner-back-btn:hover{opacity:.9;transform:scale(1.04);background:#fff3}.vertical-overlay-ui{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:15;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;opacity:0;pointer-events:none;transition:opacity .4s ease,transform .4s ease}.vertical-overlay-ui.show{opacity:1;pointer-events:auto}.vertical-primary-btn{padding:16px 32px;background:#fff;color:#000;border:none;font-size:max(13px,1.1vw);font-weight:800;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border-radius:50px;box-shadow:0 8px 28px #000000b3;white-space:nowrap;animation:pulseBtn 2s infinite ease-in-out;transition:transform .25s ease,opacity .25s ease}.vertical-primary-btn:hover{transform:scale(1.06);opacity:.92}.vertical-secondary-btn{padding:10px 22px;background:#000000a6;color:#fff;border:1px solid rgba(255,255,255,.5);text-decoration:none;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;border-radius:40px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .25s ease,background-color .25s ease,opacity .25s ease}.vertical-secondary-btn:hover{transform:scale(1.05);background:#ffffff40}@keyframes pulseBtn{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}section.page-section#sobre-mi{background-color:#000!important;background-image:radial-gradient(1.5px 1.5px at 20px 30px,#fff,#0000),radial-gradient(1.5px 1.5px at 40px 70px,#fff,#0000),radial-gradient(2px 2px at 50px 160px,#ddd,#0000),radial-gradient(1.5px 1.5px at 80px 120px,#fff,#0000),radial-gradient(2.5px 2.5px at 110px 220px,#fff,#0000),radial-gradient(1.5px 1.5px at 150px 50px,#ddd,#0000),radial-gradient(2px 2px at 190px 180px,#fff,#0000),radial-gradient(1.5px 1.5px at 220px 90px,#fff,#0000),radial-gradient(2px 2px at 270px 250px,#ddd,#0000),radial-gradient(1.5px 1.5px at 310px 140px,#fff,#0000);background-size:340px 340px}section.page-section#sobre-mi .section-heading{color:#ffe81f!important;text-shadow:0 0 8px rgba(255,232,31,.6)}.about-crawl-wrap{display:block;width:98vw;height:76vh;height:76dvh;overflow:hidden;position:relative;perspective:1100px;perspective-origin:50% 100%;-webkit-mask-image:linear-gradient(to bottom,transparent,black 12%,black 88%,transparent);mask-image:linear-gradient(to bottom,transparent,black 12%,black 88%,transparent)}.crawl-track{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:50% 100%;animation:crawl 18s linear infinite!important;will-change:transform}.crawl-gap{height:100px}.crawl-track .section-body{width:96%;max-width:1600px;margin:0 auto;padding:0 1%;text-align:justify!important;white-space:pre-line;font-family:var(--font-display);font-weight:700;color:#ffe81f!important;text-shadow:0 2px 12px rgba(0,0,0,.95),0 0 10px rgba(255,232,31,.6);font-size:max(30px,2.6vw);line-height:1.8;animation:none!important}@keyframes crawl{0%{transform:rotateX(20deg) translateY(0)}to{transform:rotateX(20deg) translateY(-50%)}}@media(prefers-reduced-motion:reduce){.about-crawl-wrap{height:auto;overflow:visible;perspective:none;-webkit-mask-image:none;mask-image:none}.crawl-track{position:static;transform:none}.crawl-track .section-body{animation:none;transform:none;text-align:left}}section.page-section#contacto,body[class*=comp-] section.page-section#contacto{justify-content:flex-start!important;align-items:center!important;padding-top:max(48px,4.5vh)!important;padding-bottom:24px!important;text-align:center!important}section.page-section#contacto .section-heading,body[class*=comp-] section.page-section#contacto .section-heading{position:static!important;transform:none!important;font-size:max(28px,3.8vw)!important;margin:0 0 14px!important;line-height:1!important;text-align:center!important;writing-mode:horizontal-tb!important;order:initial!important}section.page-section#contacto .contact-links,body[class*=comp-] section.page-section#contacto .contact-links{position:static!important;transform:none!important;margin:0 0 12px!important;order:initial!important}section.page-section#contacto .arcade,body[class*=comp-] section.page-section#contacto .arcade{position:relative!important;transform:none!important;margin:12px auto 0!important;order:initial!important}.contact-links{list-style:none;margin:0;padding:0;display:flex;gap:24px;justify-content:center}.contact-links li{margin-bottom:0}.contact-links a{color:var(--ink);text-decoration:none;font-size:max(16px,1.5vw);border-bottom:1px solid currentColor;padding-bottom:2px}.contact-links a:hover{opacity:.7}.arcade{margin:16px auto 0;position:relative;width:min(88vw,48vh * 16 / 9);flex-shrink:0}.arcade-canvas{display:block;width:100%;aspect-ratio:16 / 9;background:#05050f;border:4px solid var(--ink);image-rendering:pixelated;image-rendering:crisp-edges;cursor:crosshair;touch-action:none}.arcade-canvas:focus-visible{outline:2px dashed var(--ink);outline-offset:4px}.arcade-expand{position:absolute;top:8px;right:8px;z-index:1;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#05050f99;border:1px solid var(--ink);color:var(--ink);font-size:14px;line-height:1;cursor:pointer;font-family:inherit}.arcade-expand:hover{opacity:.75}.arcade.fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;max-width:none;display:flex;align-items:center;justify-content:center;background:#05050f;margin:0}.arcade.fullscreen .arcade-canvas{width:min(100vw,100vh * 16 / 9);height:min(100vh,100vw * 9 / 16);border:none}.arcade.fullscreen .arcade-expand{top:20px;left:20px;right:auto}.arcade.fullscreen .arcade-hint{display:none}.arcade-hint{margin:10px 0 0;font-family:"Press Start 2P",monospace;font-size:9px;line-height:1.6;letter-spacing:.03em;color:var(--ink);opacity:.7}#reroll{position:fixed;bottom:16px;right:16px;z-index:1001;background:#000!important;border:1px solid rgba(255,255,255,.8)!important;color:#fff!important;font-size:10px;letter-spacing:.05em;text-transform:uppercase;padding:8px 14px;cursor:pointer;font-family:inherit;border-radius:20px;box-shadow:0 4px 14px #000c;opacity:1!important}#reroll:hover{opacity:1!important;background:#fff!important;color:#000!important}#langToggle{position:fixed;top:16px;right:16px;z-index:1001;background:#000!important;border:1px solid rgba(255,255,255,.8)!important;color:#fff!important;font-size:10px;letter-spacing:.05em;text-transform:uppercase;padding:8px 14px;cursor:pointer;font-family:inherit;border-radius:20px;box-shadow:0 4px 14px #000c;opacity:1!important}#langToggle:hover{opacity:1!important;background:#fff!important;color:#000!important}body:has(#sobre-mi.active) #reroll,body:has(#sobre-mi.active) #langToggle{color:#ffe81f!important;border-color:#ffe81f!important}body:has(#sobre-mi.active) #reroll:hover,body:has(#sobre-mi.active) #langToggle:hover{opacity:1!important}@media(max-width:700px){.hero{display:flex;flex-direction:column;gap:24px;padding:24px;overflow-x:visible}.hero>:not(.hero-video):not(.hero-filter):not(.hero-vertical-btn){position:relative!important;text-align:left!important;transform:none!important;white-space:normal!important;writing-mode:horizontal-tb!important;display:block!important;order:initial!important;inset:auto!important;max-width:100%!important}.nameplate{font-size:clamp(40px,13vw,72px)!important}.role-title{font-size:clamp(16px,4.6vw,24px)!important}.nav a{margin-bottom:8px}.starburst{order:-1!important;width:28px;height:28px}.vertical-full-video{object-fit:cover!important;object-position:center center!important}body .hero-vertical-btn,body[class*=comp-] .hero-vertical-btn,.hero-vertical-btn{position:absolute!important;top:auto!important;bottom:16px!important;left:50%!important;right:auto!important;transform:translate(-50%)!important;writing-mode:horizontal-tb!important;text-orientation:mixed!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;width:auto!important;max-width:fit-content!important;margin:0!important;padding:6px 14px!important;font-size:10px!important;font-weight:700!important;letter-spacing:.14em!important;background:#000!important;border:1px solid rgba(255,255,255,.8)!important;color:#fff!important;border-radius:20px!important;box-shadow:0 4px 14px #000c!important;z-index:99!important;opacity:1!important}body .hero-vertical-btn:hover,body[class*=comp-] .hero-vertical-btn:hover,.hero-vertical-btn:hover{transform:translate(-50%) scale(1.05)!important;background:#fff!important;color:#000!important}section.page-section{padding:40px 24px!important;align-items:flex-start!important;justify-content:flex-start!important;text-align:left!important}section.page-section .section-heading{position:static!important;transform:none!important;writing-mode:horizontal-tb!important;text-align:left!important;order:initial!important;margin:0 0 20px!important;font-size:clamp(28px,9vw,48px)!important}section.page-section .section-body,section.page-section .projects-layout,section.page-section .contact-links,section.page-section .arcade{text-align:left!important;max-width:100%!important;margin:0!important;border-top:none!important}section.page-section .arcade:not(.fullscreen){margin-top:32px!important}section.page-section .projects-layout{display:flex!important;flex-direction:column!important;width:auto!important;order:initial!important}section.page-section .project-featured{flex:0 0 auto!important;width:100%!important}section.page-section .project-featured .project-card{max-width:100%!important;aspect-ratio:16 / 9!important;height:auto!important}section.page-section .project-strip-wrap{display:flex!important;flex-direction:column!important;width:100%!important;height:auto!important;max-height:none!important;gap:8px!important}section.page-section .project-strip{display:grid!important;grid-template-columns:repeat(3,1fr)!important;width:100%!important;height:auto!important;max-height:38vh!important;gap:8px!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}section.page-section .project-strip .project-card{width:100%!important;aspect-ratio:16 / 9!important;height:auto!important;flex:none!important}.crawl-track .section-body{font-size:clamp(14px,4.2vw,18px)!important;line-height:1.6!important;text-align:justify!important;width:98%!important;padding:0 4px!important}}body.comp-sidebar .role-title,body.comp-sidebar .caption,body.comp-sidebar .nav{left:clamp(160px,24vw,320px)}@media(max-height:540px)and (min-width:701px){.hero{padding:20px}.nameplate{font-size:clamp(34px,15vh,78px)!important;white-space:normal!important;max-width:62vw}.role-title{font-size:clamp(13px,2.8vh,20px)!important}.nav{font-size:12px}.nav a{margin-bottom:5px}.starburst{width:24px;height:24px}.scroll-hint{display:none}section.page-section{padding:28px 32px;justify-content:flex-start}.section-heading{margin-bottom:14px;font-size:clamp(22px,6vh,40px)}}@media(max-height:720px){section.page-section#contacto{justify-content:flex-start;padding-top:56px}.arcade{margin-top:20px}}@media print{#cursorTrail,#pageFilter,#langToggle,#reroll,.arcade{display:none!important}.page:not(.active){display:none!important}.page.active{position:static!important;visibility:visible!important;height:auto!important;min-height:0!important;overflow:visible!important}.about-crawl-wrap{height:auto!important;overflow:visible!important;perspective:none!important;-webkit-mask-image:none!important;mask-image:none!important}.crawl-track{position:static!important;transform:none!important}.crawl-track .section-body{animation:none!important;transform:none!important;text-align:left!important}}