:root{--bg:#000;--text:#e0e0e0;--text-muted:#888;--text-dim:#666;--accent:#c9a96e;--line:#e0e0e02e;--line-accent:#c9a96e40;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", "Helvetica Neue", Arial, sans-serif;--ease:cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg);scroll-behavior:smooth}body{background:var(--bg);min-height:100dvh;color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;justify-content:center;line-height:1.7;display:flex;overflow-x:hidden}button,input,textarea,select{font:inherit}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}.video-bg{z-index:0;opacity:0;background:linear-gradient(#00000080,#00000094),url(/assets/bg-poster.jpg) 50% 60%/cover no-repeat,#000;animation:1.2s ease-out forwards fade-in-bg;position:fixed;inset:0;overflow:hidden}.video-bg video{object-fit:cover;object-position:center 60%;filter:blur(12px)brightness(.35);width:100%;height:100%;transform:scale(1.04)}@keyframes fade-in-bg{0%{opacity:0}to{opacity:1}}.mobile-container{z-index:1;width:100%;max-width:430px;min-height:100dvh;position:relative}.top-nav{z-index:15;justify-content:center;gap:.85rem;padding:1.5rem 1rem 0;display:flex;position:relative}.top-nav a,.top-nav button{appearance:none;color:var(--text-muted);cursor:pointer;letter-spacing:.22em;text-transform:uppercase;transition:color .16s ease, opacity .22s var(--ease);background:0 0;border:0;font-size:.75rem;font-weight:700;text-decoration:none}.top-nav a:hover,.top-nav button:hover,.top-nav a[aria-current=page]{color:var(--accent)}.top-nav--home,.top-nav--home-return{transition:opacity .18s var(--ease), visibility 0s linear .18s;flex-wrap:wrap;position:absolute;inset:0 0 auto}.top-nav--home-return,.home-page--overlay .top-nav--home{opacity:0;visibility:hidden;pointer-events:none}.home-page--overlay .top-nav--home-return{opacity:1;visibility:visible;pointer-events:auto;transition-delay:.21s,.21s}.home-page{min-height:100dvh}.main-content{z-index:10;justify-content:center;align-items:center;width:100%;height:100dvh;display:flex;position:relative;overflow:hidden}.domain-text{color:var(--text-muted);letter-spacing:.02em;transition:opacity .18s var(--ease), visibility 0s linear .3s;align-items:center;gap:0;padding:0 1rem;font-size:1.4rem;font-weight:700;display:flex}.home-page--overlay .domain-text,.home-page--writing .domain-text{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s var(--ease), visibility 0s linear .18s}.name-part,.letter-z-trigger{appearance:none;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0}.name-part{white-space:nowrap;min-height:2.5rem;transition:opacity .5s var(--ease), transform .5s var(--ease);align-items:baseline;display:inline-flex;position:relative}.name-part.clicked{transform:translateY(-30vh)}.name-wrapper{display:inline-block;position:relative}.name-dav,.name-ernandez{display:inline-block}.name-dav{transition:transform .52s var(--ease) .18s}.name-idh{opacity:0;pointer-events:none;white-space:nowrap;transition:opacity .42s var(--ease);display:inline-block;position:absolute;top:0;right:0}.name-part.clicked .name-dav,.name-part:hover .name-dav{transition-delay:0s;transform:translate(-100%)}.name-part.clicked .name-idh,.name-part:hover .name-idh{opacity:1;transition-delay:.3s}.dot,.letter-x-link,.letter-y-link,.letter-z-trigger{transition:color .16s ease, opacity .42s var(--ease);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.letter-x-link,.letter-y-link,.letter-z-trigger{min-height:2.5rem}.name-part.clicked~.dot,.name-part.clicked~.letter-x-link,.name-part.clicked~.letter-y-link,.name-part.clicked~.letter-z-trigger{opacity:0;pointer-events:none}.letter-x-link:hover .letter-x,.letter-x-link:active .letter-x{color:#404040}.letter-y-link:hover .letter-y,.letter-y-link:active .letter-y{color:#3347ff}.letter-z-trigger:hover .letter-z,.letter-z-trigger.active .letter-z{color:var(--accent)}.bio-text{z-index:5;text-align:center;opacity:0;visibility:hidden;width:calc(100% - 2.5rem);transition:opacity .26s var(--ease), visibility 0s linear .26s;padding:0 1rem;font-size:1rem;line-height:1.75;position:absolute;top:55%;left:50%;transform:translate(-50%,-50%)}.bio-text.show{opacity:1;visibility:visible;transition-delay:.22s,.22s}.bio-text p{margin-bottom:1.1rem}.bio-text p:last-child{margin-bottom:0}.bio-text a{text-decoration:underline}.writing-list{z-index:40;opacity:0;visibility:hidden;max-height:70vh;transition:opacity .26s var(--ease), visibility 0s linear .26s;position:absolute;top:50%;left:1rem;right:calc(50% - 3ch);overflow-y:auto;transform:translateY(-50%)}.writing-list.open{opacity:1;visibility:visible;transition-delay:.22s,.22s}.writing-list-content{flex-direction:column;gap:1.75rem;display:flex}.writing-title{color:var(--text);flex-direction:column;gap:.4rem;text-decoration:none;transition:color .16s;display:flex}.writing-title:hover{color:var(--accent)}.writing-title-text{font-size:1rem;font-weight:700;line-height:1.35}.writing-date{color:var(--text-muted);letter-spacing:.02em;font-size:.8rem}.z-binder{z-index:35;pointer-events:none;visibility:hidden;flex-direction:column;justify-content:center;align-items:center;transition:visibility linear;display:flex;position:fixed;top:0;bottom:0;right:calc(50% - min(215px,50vw) + 5.4rem);overflow:hidden}.z-binder.open{visibility:visible;transition-delay:.22s}.z-binder-item{color:var(--accent);opacity:0;font-size:.78rem;font-weight:700;line-height:1.2;transition:opacity 1ms step-end}.z-binder.open .z-binder-item{opacity:1}.bottom-label{z-index:100;padding-bottom:max(1.5rem, env(safe-area-inset-bottom));color:var(--text-muted);letter-spacing:.25em;pointer-events:none;text-transform:uppercase;transition:transform .3s var(--ease);font-size:.75rem;font-weight:700;position:absolute;bottom:0;left:50%;transform:translate(-50%)translateY(100%)}.bottom-label.show{transform:translate(-50%)translateY(0)}footer{color:var(--text-muted);text-align:center;margin-top:auto;padding:2rem 1.5rem;font-size:.8rem}.footer-email{color:var(--text-muted);text-decoration:none;transition:color .16s;display:block}.footer-email:hover{color:var(--accent)}.footer-updated{color:var(--text-dim);margin-top:.5rem;font-size:.7rem}.portfolio-content{flex-direction:column;flex:1;align-items:center;padding:1.5rem 1rem 2rem;display:flex}.portfolio-inner{width:100%;position:relative}.spectrum-axis{color:var(--text-muted);letter-spacing:.25em;opacity:1;text-transform:uppercase;visibility:visible;transition:opacity .18s var(--ease), visibility 0s linear .28s;justify-content:space-between;margin-bottom:1rem;margin-left:calc(110px + .5rem);padding-right:.25rem;font-size:.55rem;font-weight:700;display:flex}.spectrum-layer{opacity:1;visibility:visible;transition:opacity .18s var(--ease), visibility 0s linear .28s}.themes-open .spectrum-axis,.themes-open .spectrum-layer{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s var(--ease), visibility 0s linear .18s}.spectrum-group{background-image:linear-gradient(90deg, transparent 0%, var(--line) 15%, var(--line) 85%, transparent 100%);background-position:bottom;background-repeat:no-repeat;background-size:100% 1px;grid-template-columns:110px 1fr;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding-bottom:1.25rem;display:grid}.spectrum-group:last-child{background-image:none;margin-bottom:0;padding-bottom:0}.spectrum-group__label{color:var(--text-muted);letter-spacing:.25em;text-transform:uppercase;align-self:center;padding-left:.5rem;font-size:.6rem;font-weight:700}.spectrum-row{height:22px;position:relative}.spectrum-row:before,.spectrum-row:after{content:"";height:1px;position:absolute;top:50%}.spectrum-row:before{width:max(0px, calc(var(--pos) - 32px));background:linear-gradient(90deg,#e0e0e00d,#e0e0e038);left:0}.spectrum-row:after{right:0;left:calc(var(--pos) + 32px);background:linear-gradient(90deg,#e0e0e038,#e0e0e00d)}.spectrum-token{top:50%;left:var(--pos);z-index:2;color:var(--text);letter-spacing:.1em;white-space:nowrap;font-size:.65rem;font-weight:600;text-decoration:none;transition:color .16s;position:absolute;transform:translate(-50%,-50%)}.spectrum-token:hover{color:var(--accent)}.spectrum-group:nth-child(2) .spectrum-token{color:#b0b0b0}.spectrum-group:nth-child(3) .spectrum-token{color:var(--text-muted)}.spectrum-group:nth-child(4) .spectrum-token{color:var(--text-dim)}.themes-view{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .26s var(--ease), visibility 0s linear .26s;grid-template-columns:repeat(4,1fr);display:grid;position:absolute;inset:-.25rem 0 0}.themes-open .themes-view{opacity:1;visibility:visible;pointer-events:auto;transition-delay:.21s,.21s}.theme-zone{border-left:1px solid #e0e0e029;position:relative}.theme-zone:first-child{border-left:0}.theme-zone__label{text-align:center;color:var(--text-muted);letter-spacing:.14em;text-transform:uppercase;font-size:.48rem;font-weight:700;line-height:1.4;position:absolute;top:0;left:.25rem;right:.25rem}.theme-token{top:var(--theme-top);left:calc((100% / 4) * var(--theme-col) + (100% / 8));color:var(--text);letter-spacing:.1em;font-size:.65rem;font-weight:600;text-decoration:none;position:absolute;transform:translate(-50%)}.themes-toggle{border:1px solid var(--line);color:var(--text-muted);cursor:pointer;letter-spacing:.25em;text-transform:uppercase;background:0 0;border-radius:2px;margin-top:5rem;padding:.5rem 1rem;font-size:.6rem;font-weight:700;transition:color .16s,border-color .16s}.themes-toggle:hover,.themes-toggle:focus-visible,.themes-toggle[aria-pressed=true]{color:var(--accent);border-color:#c9a96e80}.token-article{z-index:1;color:var(--text);padding:2rem 1.5rem 4rem;position:relative}.article-shell{padding-bottom:2rem}.article-meta{color:var(--text-muted);letter-spacing:.3em;text-transform:uppercase;margin-bottom:.75rem;font-size:.65rem;font-weight:700}.token-article h1{color:var(--text);margin-bottom:.5rem;font-size:2rem;font-weight:700;line-height:1.35}.byline{color:var(--text-muted);margin-bottom:1.5rem;font-size:.85rem}.byline a,.article-body a{color:var(--accent);text-decoration:none}.article-toc{border-top:1px solid #c9a96e29;border-bottom:1px solid #c9a96e29;margin:0 0 2rem;padding:1rem 0}.article-toc summary{color:var(--text-muted);cursor:pointer;letter-spacing:.18em;text-transform:uppercase;font-size:.72rem;font-weight:700;list-style-position:outside}.article-toc nav{gap:.35rem;margin-top:.85rem;display:grid}.article-toc a{color:var(--text-muted);letter-spacing:.16em;text-transform:uppercase;font-size:.72rem;font-weight:700;text-decoration:none}.article-toc a:hover{color:var(--accent)}.token-article h2{color:var(--text);margin:2.5rem 0 1rem;scroll-margin-top:2rem;font-size:1.25rem;font-weight:700}.token-article p{color:var(--text);margin-bottom:1.1rem;font-size:1rem;line-height:1.75}.token-article ul{margin:0 0 1.25rem 1.5rem}.token-article li{margin-bottom:.5rem;line-height:1.7}.token-article hr{border:0;border-top:1px solid var(--line-accent);margin:2.5rem 0}.article-figure{margin:1.5rem 0 2rem}.article-figure img{background:#111;border-radius:6px;width:100%;height:auto;display:block}.article-figure figcaption{color:var(--text-muted);text-align:center;margin-top:.5rem;font-size:.8rem;font-style:italic}.article-disclaimer{border-top:1px solid #c9a96e26;margin-top:2rem;padding-top:1.5rem;font-style:italic;color:var(--text-muted)!important;font-size:.75rem!important}@media (max-width:360px){.domain-text,.z-binder-item{font-size:1.1rem}.bio-text{font-size:.8rem;top:56%}.writing-title-text{font-size:.85rem}}@media (max-height:600px){.name-part.clicked{transform:translateY(-25vh)}.bio-text{font-size:.8rem;line-height:1.5;top:58%}}@media (min-width:900px){.article-shell{max-width:680px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.video-bg{opacity:1;animation:none}}