.era-selector{z-index:160;color:#fff5c8;background:#090b09;border-bottom:2px solid #fff5c8;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:4px 12px;font:700 11px/1.3 Courier New,monospace;display:flex;position:sticky;top:0}.era-selector>span{margin-right:12px}.era-selector button{min-height:38px;color:inherit;cursor:pointer;background:0 0;border:1px solid #fff5c8;padding:8px 12px}.era-selector button[aria-pressed=true]{color:#090b09;background:#f5e42b}.era-selector button:focus-visible{outline-offset:2px;outline:3px solid #12c3d6}.game-header{position:fixed;top:48px}@media (max-width:640px){.era-selector>span{margin-right:2px;font-size:10px}.era-description{display:none}}html[data-era="2000"]{--pixel:Tahoma,Verdana,Arial,sans-serif;--cream:#f4f4ef;--yellow:#ffe49a;--cyan:#b8dded;--lime:#d5e5f1;--black:#182333;--blue-dark:#153e79;--green-dark:#215b40;background:#36777b}html[data-era="2000"] body{color:#182333;-webkit-font-smoothing:antialiased;background:#36777b;font-family:Tahoma,Verdana,Arial,sans-serif}html[data-era="2000"] .era-selector{color:#182333;background:#d4d0c8;border-bottom:2px solid #fff;font-family:Tahoma,Verdana,sans-serif}html[data-era="2000"] .era-selector button{color:#182333;background:linear-gradient(#fafafa,#d4d0c8);border:2px solid #686868;border-color:#fff #686868 #686868 #fff}html[data-era="2000"] .era-selector button[aria-pressed=true]{background:#e7edf7;border-color:#686868 #fff #fff #686868}html[data-era="2000"] .retro-site{image-rendering:auto;background:#36777b}html[data-era="2000"] .retro-site:after{display:none}html[data-era="2000"] :is(h1,h2,h3){letter-spacing:-.025em;font-family:Tahoma,Verdana,Arial,sans-serif;-webkit-text-stroke:0!important;text-shadow:none!important}html[data-era="2000"] .game-header{background:#d4d0c8;border:2px solid #686868;border-color:#fff #686868 #686868 #fff;box-shadow:0 2px 5px #0003}html[data-era="2000"] .game-nav a{color:#182333;border:0;font-size:12px}html[data-era="2000"] :is(.game-nav,.mobile-nav) a[aria-current=location]{color:#153e79;text-decoration-color:#153e79}html[data-era="2000"] :is(.header-cta,.title-actions a,.all-projects-link,.project-links a,.seo-next-links a,.seo-home-link,.soccer-launcher,.message-form button,.preview-dialog-bar button,.mobile-nav summary){color:#172d53;text-shadow:none;background:linear-gradient(#fff,#d4d0c8);border:2px solid #686868;border-color:#fff #686868 #686868 #fff;font-family:Tahoma,Verdana,sans-serif;box-shadow:1px 1px #333}html[data-era="2000"] .mobile-nav nav{color:#182333;background:#ece9e2}html[data-era="2000"] .title-screen{background:linear-gradient(115deg,#f5f7f8,#d9e6f0);border:3px solid #606870;border-color:#fff #606870 #606870 #fff;width:min(1100px,100% - 32px);min-height:calc(100svh - 150px);margin:90px auto 28px;padding:130px 48px 50px;box-shadow:8px 8px #184b4f66}html[data-era="2000"] .title-screen:before{content:"Humberto Villanueva · Personal website";color:#fff;text-align:left;background:linear-gradient(90deg,#092964,#668ec5);width:100%;height:34px;padding:8px 12px;font:700 13px Tahoma,sans-serif;inset:0 0 auto}html[data-era="2000"] .title-screen:after{display:none}html[data-era="2000"] .title-lockup h1 :is(span,strong){color:#183966;letter-spacing:-.055em;-webkit-text-stroke:0;text-shadow:1px 2px #fff;font-family:Tahoma,Verdana,sans-serif;font-size:clamp(35px,7vw,96px);font-style:normal}html[data-era="2000"] .role-ribbon{color:#183966;box-shadow:none;background:#fff;border:1px solid #8398ae}html[data-era="2000"] :is(.hero-blurb,.press-start,.hero-scroll){color:#253c55;text-shadow:none}html[data-era="2000"] .game-ticker{color:#182333;background:#d4d0c8;border-block:2px solid #fff}html[data-era="2000"] .game-screen{background:#36777b;border:0;padding-top:64px;padding-bottom:64px}html[data-era="2000"] .screen-heading{color:#182333;border:2px solid;background:#d4d0c8;border-color:#fff #666 #666 #fff;box-shadow:3px 3px #19494c}html[data-era="2000"] .screen-heading :is(h2,p,span){color:#173867}html[data-era="2000"] :is(.active-mission,.game-cartridge,.save-window,.stats-console,.profile-window,.contact-terminal,.seo-panel,.seo-article){color:#182333;background:#ece9e2;border:3px solid #666;border-color:#fff #666 #666 #fff;border-radius:0;box-shadow:4px 4px #14363b55}html[data-era="2000"] .window-bar{color:#fff;background:linear-gradient(90deg,#092964,#668ec5);border:0}html[data-era="2000"] :is(.window-bar span,.window-bar b){color:#fff}html[data-era="2000"] :is(.game-cartridge h3,.mission-copy h3,.contact-channel h3,.seo-panel h2,.seo-panel h3){color:#153e79}html[data-era="2000"] :is(.game-cartridge p,.mission-copy p,.profile-story p,.career-row p,.seo-panel p,.seo-panel li){color:#263549}html[data-era="2000"] :is(.ownership-note,.mission-skills span,.cartridge-stack,.cartridge-title small,.cartridge-number,.mission-status,.select-label,.career-years,.career-row strong,.career-row h3,.education-window,.profile-facts,.skill-slot i){color:#173867}html[data-era="2000"] :is(.ownership-note,.select-label,.education-window,.profile-facts,.contact-channel,.message-form,.skill-board,.player-card){background:#e5e8e9}html[data-era="2000"] .mission-logo{background:#153e79}html[data-era="2000"] .game-cartridge>i{color:#173867;background:#d4dce8}html[data-era="2000"] .project-preview img{image-rendering:auto}html[data-era="2000"] :is(.project-preview figcaption,.cartridge-links a,.project-evidence dd,.project-evidence dt,.profile-story>span,.profile-about-link){color:#183966}html[data-era="2000"] .continue-screen{background:#36777b;border:0}html[data-era="2000"] .continue-screen>h2{color:#fff}html[data-era="2000"] :is(.message-form,.contact-channel) :is(p,label,small,a,h3,.social-group-label){color:#183966}html[data-era="2000"] :is(.message-form input,.message-form textarea){color:#182333;box-shadow:none;background:#fff;border:2px inset silver}html[data-era="2000"] .contact-success h3{color:#153e79}html[data-era="2000"] :is(.game-footer,.seo-page-footer){color:#182333;background:#d4d0c8;border-top:2px solid #fff}html[data-era="2000"] .seo-page{background:#36777b}html[data-era="2000"] .seo-page-header{color:#182333;background:#d4d0c8;border-bottom:2px solid #fff}html[data-era="2000"] .seo-page-hero{color:#fff;background:linear-gradient(100deg,#092964,#547da9);border-bottom:2px solid #fff}html[data-era="2000"] .seo-page-hero h1{color:#fff}html[data-era="2000"] .seo-page-intro{color:#182333;box-shadow:none;background:#ece9e2;border:2px inset #fff}html[data-era="2000"] :is(.seo-label,.seo-article a,.seo-panel a,.seo-article p,.seo-article li){color:#153e79}html[data-era="2000"] .preview-dialog{background:#ece9e2;border:3px outset #eee;box-shadow:5px 5px #0005}html[data-era="2000"] .preview-dialog-bar{background:linear-gradient(90deg,#092964,#668ec5)}html[data-era="2000"] .preview-dialog p{color:#182333}html[data-era="2000"] .preview-dialog .preview-swipe-hint{color:#153e79}html[data-era="2000"] :is(.worldcup-player,.music-toggle){color:#182333;background:#d4d0c8}html[data-era="2000"] a:focus-visible,html[data-era="2000"] button:focus-visible{outline-offset:3px;outline:3px solid #e87500}@media (max-width:640px){html[data-era="2000"] .title-screen{width:calc(100% - 20px);min-height:calc(100svh - 160px);margin-top:68px;padding:70px 18px 36px}html[data-era="2000"] .title-lockup h1 :is(span,strong){font-size:clamp(30px,9vw,52px)}html[data-era="2000"] .game-screen{padding:40px 14px}html[data-era="2000"] .role-ribbon{font-size:10px}}html[data-era="2000"] :is(.select-label b,.profile-facts small,.education-window>span,.education-window small,.game-footer a,.seo-page-footer a){color:#183966}html[data-era="2000"] .continue-screen:before,html[data-era="2000"] .continue-screen:after{display:none}html[data-era="2000"] .profile-story{background:#ece9e2}html[data-era="2000"] .contact-channel :is(.social-link,.social-profile-link){color:#183966;background:linear-gradient(#fff,#d4d0c8);border:2px outset #ddd}html[data-era="2000"] .message-form label>span{color:#183966}html{overflow-anchor:none}.era-selector{z-index:180;background:0 0;border:0;min-height:0;padding:0;position:fixed;top:12px;left:8px}.era-selector select{color:#fff5c8;cursor:pointer;background:#090b09;border:2px solid #fff5c8;width:76px;height:38px;padding:6px;font:700 13px Courier New,monospace}.era-selector option{color:#fff5c8;background:#090b09}html[data-era="2000"] .era-selector option{color:#111;background:#fff}.game-header{top:0}html[data-era="2000"] .era-selector{background:0 0;border:0}html[data-era="2000"] .era-selector select{color:#172c45;background:#e5e2db;border:2px outset #fff;font-family:Tahoma,sans-serif}.desktop-home{display:none}html[data-era="2000"] .desktop-home{grid-template-columns:210px minmax(0,1fr);gap:30px;max-width:1240px;margin:0 auto;padding:76px 32px 48px;display:grid}html[data-era="2000"] .retro-site{background:#dbe3e6}html[data-era="2000"] .retro-site>:is(.skip-links,.game-header,.title-screen,.game-ticker,.game-screen){display:none}.desktop-directory{align-self:start;padding:20px 0;font:14px/1.6 Tahoma,Arial,sans-serif;position:sticky;top:76px}.desktop-owner{color:#143e72;border-bottom:1px solid #a5b4be;padding-bottom:24px;font:700 36px Georgia,serif;display:block}.desktop-owner span{color:#455766;margin-top:8px;font:12px Tahoma,sans-serif;display:block}.desktop-directory>p{letter-spacing:.15em;margin:24px 0 14px;font:700 10px Tahoma,sans-serif}.desktop-directory nav{gap:5px;display:grid}.desktop-directory nav a{border:1px solid #0000;min-height:44px;padding:10px 12px}.desktop-directory nav a:hover,.desktop-directory nav a[aria-current]{color:#123d71;background:#f5f7f8;border-color:#9bb1c4}.desktop-sidebar-note{color:#405465;border-top:1px solid #a5b4be;margin-top:36px;padding-top:18px;font-size:12px}.desktop-workspace{min-width:0}.desktop-path{color:#425b70;margin:0 0 18px;font:12px Tahoma,sans-serif}.desktop-path span{margin:0 10px}.desktop-welcome,.desktop-files{background:#f8f8f4;border:1px solid #7a8d9d;box-shadow:4px 4px #b4c1c9}.desktop-titlebar{color:#fff;background:linear-gradient(90deg,#183e72,#6689aa);justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font:700 12px Tahoma,sans-serif;display:flex}.desktop-titlebar h2{margin:0;font-size:14px}.desktop-titlebar a{color:#fff;align-items:center;min-height:28px;text-decoration:underline;display:flex}.desktop-intro{grid-template-columns:minmax(0,1fr) 170px;align-items:center;gap:28px;padding:38px 30px;display:grid}.desktop-eyebrow{letter-spacing:.12em;color:#536b7b;font:700 11px Tahoma,sans-serif}html[data-era="2000"] .desktop-intro h1{color:#16395a;letter-spacing:-.04em;margin:16px 0 20px;font:clamp(40px,4.7vw,66px)/1.06 Georgia,Times New Roman,serif}.desktop-intro p{color:#344957;max-width:430px;font:16px/1.7 Tahoma,Arial,sans-serif}.desktop-intro figure{background:#fff;border:1px solid #bac4ca;margin:0;padding:8px;transform:rotate(2deg);box-shadow:3px 3px #d5dce1}.desktop-intro img{object-fit:cover;filter:saturate(.7);width:100%;height:200px}.desktop-intro figcaption{text-align:center;color:#435a6a;padding-top:8px;font:10px/1.6 Tahoma,sans-serif}.desktop-actions{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.desktop-actions a{color:#143e72;background:linear-gradient(#fff,#dbdfe0);border:1px solid #8c9aa4;align-items:center;min-height:44px;padding:10px 14px;font:700 12px Tahoma,sans-serif;display:inline-flex;box-shadow:inset 1px 1px #fff}.desktop-status{color:#405667;background:#e9edef;border-top:1px solid #bac7d0;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:10px 16px;font:11px/1.5 Tahoma,sans-serif;display:flex}.desktop-current{border-left:3px solid #4c7294;grid-template-columns:100px 1fr;gap:8px 20px;margin:28px 0;padding:4px 0 4px 20px;display:grid}.desktop-current>span{letter-spacing:.15em;color:#43596b;grid-column:1/-1;font:700 10px Tahoma,sans-serif}.desktop-current h2{color:#16395a;margin:0;font:700 24px Georgia,serif}.desktop-current p{color:#344957;margin:0;font:14px/1.7 Tahoma,sans-serif}.desktop-current a{color:#143e72;grid-column:2;font:700 12px/1.6 Tahoma,sans-serif;text-decoration:underline}.desktop-file-head{color:#43596b;background:#e4e8eb;border-bottom:1px solid #bac7d0;justify-content:space-between;padding:9px 18px;font:11px Tahoma,sans-serif;display:flex}.desktop-file{border-bottom:1px solid #ccd4d9;grid-template-columns:36px minmax(0,1fr) 135px;gap:14px;padding:22px 18px;display:grid}.desktop-file:last-child{border-bottom:0}.desktop-file-icon{color:#73551d;background:#fff0b2;border:1px solid #bea35e;place-items:center;height:40px;font:700 12px Tahoma,sans-serif;display:grid}.desktop-file h3{color:#16395a;margin:0 0 8px;font:700 17px Tahoma,sans-serif}.desktop-file p{color:#435565;margin:0;font:13px/1.7 Tahoma,sans-serif}.desktop-file small{color:#586974;margin-top:10px;font:10px Tahoma,sans-serif;display:block}.desktop-file .project-links{flex-direction:column;justify-content:center;gap:4px;margin:0;display:flex}.desktop-file .project-links a{color:#143e72;min-height:36px;font:12px/1.5 Tahoma,sans-serif}.desktop-bottom{grid-template-columns:1fr 1fr;gap:24px;margin-top:28px;display:grid}.desktop-bottom a{color:#16395a;border-top:1px solid #a6b7c2;padding:16px 0}.desktop-bottom strong{margin-bottom:10px;font:18px Georgia,serif;display:block}.desktop-bottom span{font:12px/1.7 Tahoma,sans-serif}html[data-era="2000"] .continue-screen{background:0 0;width:min(900px,100% - 48px);min-height:0;margin:0 auto 40px;padding:24px 0}html[data-era="2000"] .continue-screen>span{display:none}html[data-era="2000"] .continue-screen>h2{color:#16395a;letter-spacing:-.03em;align-self:flex-start;font:36px/1.2 Georgia,serif}html[data-era="2000"] .contact-terminal{width:100%}html[data-era="2000"] .seo-page{background:#dbe3e6;min-height:100vh;padding:64px 36px 0 244px}html[data-era="2000"] .seo-page-header{background:0 0;border:0;flex-direction:column;align-items:stretch;gap:24px;width:190px;padding:20px 0;display:flex;position:fixed;top:70px;left:24px}html[data-era="2000"] .seo-page-header nav{flex-direction:column;align-items:stretch;gap:8px;display:flex}html[data-era="2000"] .seo-page-header nav a{min-height:44px;padding:12px}html[data-era="2000"] .seo-page-hero{color:#16395a;background:#f8f8f4;border:1px solid #8a9aa7;border-top:28px solid #234c7a;max-width:1000px;margin:auto;padding:30px}html[data-era="2000"] .seo-page-hero>span{display:none}html[data-era="2000"] .seo-page-hero h1{color:#16395a;font:clamp(32px,4vw,56px)/1.1 Georgia,serif}html[data-era="2000"] .seo-page-intro{background:0 0;border:0;padding:0;font:16px/1.7 Tahoma,sans-serif}html[data-era="2000"] .seo-page-content{width:100%;max-width:1000px;padding-top:28px}html[data-era="2000"] .seo-panel{box-shadow:none;background:#f8f8f4;border:1px solid #a8b8c2}@media (max-width:760px){.era-selector{top:8px;left:8px}.mobile-nav{margin-left:84px}html[data-era="2000"] .desktop-home{grid-template-columns:1fr;gap:20px;padding:62px 16px 24px}.desktop-directory{padding:0;position:static}.desktop-owner,.desktop-directory>p,.desktop-sidebar-note{display:none}.desktop-directory nav{border-bottom:1px solid #a5b4be;flex-wrap:wrap;gap:2px;padding-bottom:10px;display:flex}.desktop-directory nav a{padding:8px 10px;font-size:12px}.desktop-intro{grid-template-columns:1fr;padding:26px 22px}.desktop-intro figure{display:none}.desktop-current{grid-template-columns:1fr}.desktop-current a{grid-column:1}.desktop-file{grid-template-columns:28px minmax(0,1fr);gap:12px;padding:20px 14px}.desktop-file .project-links{flex-flow:wrap;grid-column:2;justify-content:flex-start}.desktop-bottom{grid-template-columns:1fr;gap:0}html[data-era="2000"] .continue-screen{width:calc(100% - 32px)}html[data-era="2000"] .seo-page{padding:62px 16px 0}html[data-era="2000"] .seo-page-header{width:100%;padding:0 0 20px;position:static}html[data-era="2000"] .seo-home-link{display:none}html[data-era="2000"] .seo-page-header nav{flex-flow:wrap;gap:0}html[data-era="2000"] .seo-page-hero{padding:22px}}html[data-era="2000"] .seo-page-hero>p{color:#344957}html[data-era="2000"] .desktop-file .project-links a{box-shadow:none;color:#143e72;background:0 0;border:0;padding:4px 0;font:12px/1.5 Tahoma,sans-serif;text-decoration:underline}html[data-era="2000"]{--desk-face:#d4d0c8;--desk-blue:navy;--desk-edge:gray}html[data-era="2000"] body,html[data-era="2000"] .retro-site,html[data-era="2000"] .seo-page{background:teal;font-family:Tahoma,Verdana,Arial,sans-serif}html[data-era="2000"] .desktop-home{grid-template-columns:180px minmax(0,1fr);gap:18px;max-width:1120px;padding-top:70px}html[data-era="2000"] .desktop-directory{background:var(--desk-face);border:2px solid #404040;border-color:#fff #404040 #404040 #fff;padding:12px;box-shadow:1px 1px #000}html[data-era="2000"] .desktop-owner{color:navy;padding:8px 6px 18px;font:700 23px Tahoma,Verdana,sans-serif}html[data-era="2000"] .desktop-owner:before{content:"";vertical-align:middle;background:teal;border:3px ridge #fff;width:25px;height:21px;margin-right:8px;display:inline-block;box-shadow:0 5px gray}html[data-era="2000"] .desktop-directory>p{letter-spacing:0;color:#202020;margin:15px 0 6px;font-size:11px}html[data-era="2000"] .desktop-directory nav{background:#fff;border:2px inset #eee;gap:0;padding:6px 2px}html[data-era="2000"] .desktop-directory nav a{color:#000;padding:9px 4px;font-size:12px}html[data-era="2000"] .desktop-directory nav a:before{content:"";background:#ffe59a;border:1px solid #806525;width:17px;height:12px;margin-right:8px;display:inline-block;box-shadow:inset 1px 1px #fff6cc}html[data-era="2000"] .desktop-directory nav a[aria-current=page]{color:#fff;background:navy;border-color:navy}html[data-era="2000"] .desktop-sidebar-note{border-top:2px groove #fff;margin-top:18px;padding-top:12px;font-size:11px}html[data-era="2000"] .desktop-workspace{background:var(--desk-face);border:2px solid #404040;border-color:#fff #404040 #404040 #fff;padding:4px;box-shadow:2px 2px #003f3f}html[data-era="2000"] .desktop-menubar{border-bottom:2px groove #fff;flex-wrap:wrap;gap:2px;padding:0 4px;display:flex}html[data-era="2000"] .desktop-menubar a{color:#111;min-height:36px;padding:9px 12px;font:12px Tahoma,sans-serif}html[data-era="2000"] .desktop-menubar a:hover{color:#fff;background:navy}html[data-era="2000"] .desktop-path{align-items:center;gap:8px;margin:0;padding:7px 6px;display:flex}html[data-era="2000"] .desktop-path>span{color:#222;margin:0}html[data-era="2000"] .desktop-path code{color:#111;background:#fff;border:2px inset #eee;flex:1;min-width:0;padding:5px 8px;font:12px Courier New,monospace}html[data-era="2000"] .desktop-titlebar,html[data-era="2000"] .window-bar,html[data-era="2000"] .preview-dialog-bar{background:linear-gradient(90deg,navy,#1084d0);padding:6px 9px;font:700 12px Tahoma,sans-serif}html[data-era="2000"] .desktop-document-type{font-size:10px;font-weight:400}html[data-era="2000"] .desktop-welcome,html[data-era="2000"] .desktop-files{box-shadow:none;background:#fff;border:2px inset #eee}html[data-era="2000"] .desktop-intro{grid-template-columns:minmax(0,1fr) 140px;align-items:start;gap:22px;padding:26px 22px}html[data-era="2000"] .desktop-intro h1{letter-spacing:-.045em;color:navy;margin:12px 0 16px;font:700 clamp(27px,3vw,42px)/1.12 Tahoma,Verdana,Arial,sans-serif}html[data-era="2000"] .desktop-intro p{color:#222;font:14px/1.65 Verdana,Arial,sans-serif}html[data-era="2000"] .desktop-eyebrow{letter-spacing:.02em;color:#555;font:11px Courier New,monospace}html[data-era="2000"] .desktop-intro figure{background:var(--desk-face);box-shadow:none;border:2px outset #fff;padding:5px;transform:none}html[data-era="2000"] .desktop-intro img{filter:none;border:1px solid #888;height:160px}html[data-era="2000"] .desktop-actions{gap:8px;margin-top:20px}html[data-era="2000"] .desktop-actions a{background:var(--desk-face);color:#111;border:2px outset #fff;padding:8px 12px;font:12px Tahoma,sans-serif;box-shadow:1px 1px #404040}html[data-era="2000"] .desktop-actions a:active{box-shadow:none;border-style:inset}html[data-era="2000"] .desktop-status{background:var(--desk-face);border:0;gap:4px;padding:4px}html[data-era="2000"] .desktop-status span{color:#222;border:1px inset #fff;flex:1;padding:5px 8px;font:11px Tahoma,sans-serif}html[data-era="2000"] .desktop-current{background:#ffffe1;border:2px inset #fff;gap:6px 16px;margin:12px 0;padding:14px}html[data-era="2000"] .desktop-current h2{color:navy;font:700 22px Tahoma,sans-serif}html[data-era="2000"] .desktop-current p{color:#222;font:13px/1.65 Verdana,sans-serif}html[data-era="2000"] .desktop-file-head{background:var(--desk-face);color:#111;border:2px outset #fff;padding:6px 12px}html[data-era="2000"] .desktop-file{border-bottom:1px dotted #aaa;grid-template-columns:28px minmax(0,1fr) 120px;gap:12px;padding:16px 12px}html[data-era="2000"] .desktop-file-icon{color:navy;background:#fff;border:1px solid #555;height:32px;font:11px Courier New,monospace;box-shadow:inset 3px 0 #ddd}html[data-era="2000"] .desktop-file h3{color:navy;font:700 15px Tahoma,sans-serif}html[data-era="2000"] .desktop-file p{color:#333;font:12px/1.65 Verdana,sans-serif}html[data-era="2000"] .desktop-file .project-links a,html[data-era="2000"] .desktop-current a{color:#00a}html[data-era="2000"] .desktop-bottom{gap:10px;margin:12px 0 0}html[data-era="2000"] .desktop-bottom a{background:var(--desk-face);color:#111;border:2px outset #fff;padding:14px}html[data-era="2000"] .desktop-bottom strong{color:navy;font:700 14px Tahoma,sans-serif}html[data-era="2000"] .desktop-bottom span{font:12px/1.6 Tahoma,sans-serif}html[data-era="2000"] .seo-page-header{background:var(--desk-face);border:2px outset #fff;padding:12px}html[data-era="2000"] .seo-page-header nav{background:#fff;border:2px inset #eee;gap:0}html[data-era="2000"] .seo-page-header nav a{color:navy;font:12px Tahoma,sans-serif}html[data-era="2000"] .seo-page-header nav a[aria-current]{color:#fff;background:navy}html[data-era="2000"] .seo-page-hero{background:var(--desk-face);border:3px outset #eee;padding:22px}html[data-era="2000"] .seo-page-hero h1{color:#fff;letter-spacing:-.035em;background:navy;padding:12px;font:700 clamp(25px,3vw,38px)/1.2 Tahoma,sans-serif}html[data-era="2000"] .seo-page-intro{font:14px/1.7 Verdana,sans-serif}html[data-era="2000"] :is(.seo-panel,.seo-article,.contact-terminal,.preview-dialog){background:#fff;border:3px outset #eee;box-shadow:2px 2px #004040}html[data-era="2000"] :is(.seo-panel,.seo-article) :is(h2,h3){letter-spacing:0;font-family:Tahoma,Verdana,sans-serif}html[data-era="2000"] :is(.seo-panel,.seo-article) :is(p,li){color:#222;font-family:Verdana,Arial,sans-serif;font-size:14px;line-height:1.8}html[data-era="2000"] .continue-screen>h2{color:#fff;background:navy;margin-bottom:0;padding:10px 16px;font:700 25px Tahoma,sans-serif}html[data-era="2000"] .message-form,html[data-era="2000"] .contact-channel{background:var(--desk-face)}html[data-era="2000"] .message-form :is(input,textarea){border:2px inset #fff;border-radius:0;font:14px Verdana,sans-serif}html[data-era="2000"] .era-selector select{background:var(--desk-face);color:#111;border:2px outset #fff;border-radius:0}@media (max-width:760px){html[data-era="2000"] .desktop-home{grid-template-columns:1fr;gap:12px;padding:62px 10px 24px}html[data-era="2000"] .desktop-directory{padding:4px}html[data-era="2000"] .desktop-directory nav{border:0;padding:0}html[data-era="2000"] .desktop-directory nav a{padding:8px;font-size:11px}html[data-era="2000"] .desktop-intro{grid-template-columns:1fr;padding:22px 16px}html[data-era="2000"] .desktop-file{grid-template-columns:25px minmax(0,1fr)}html[data-era="2000"] .desktop-file .project-links{grid-column:2}html[data-era="2000"] .desktop-status{flex-direction:column}html[data-era="2000"] .desktop-current{grid-template-columns:1fr}html[data-era="2000"] .desktop-current a{grid-column:1}html[data-era="2000"] .seo-page-header{margin-bottom:14px;padding:4px}}html[data-era="2000"] :is(.seo-panel,.seo-article) p a{color:#00a;text-decoration:underline}html[data-era="2000"] a.seo-inline-link{color:navy;background:#d4d0c8;border:2px outset #fff;box-shadow:1px 1px #404040}html[data-era="2000"] :is(.game-footer,.seo-page-footer,.contact-channel,.project-preview,.soccer-dialog,.worldcup-player){text-shadow:none;font-family:Tahoma,Verdana,sans-serif}html[data-era="2000"] .preview-open{box-shadow:none;background:#d4d0c8;border:2px inset #fff}html[data-era="2000"] .preview-open>span{color:navy;background:#d4d0c8;font:12px Tahoma,sans-serif}html[data-era="2000"] .soccer-dialog{color:#111;background:#d4d0c8;border:3px outset #fff;box-shadow:3px 3px #003f3f}html[data-era="2000"] .soccer-dialog-heading{color:#fff;background:linear-gradient(90deg,navy,#1084d0);padding:8px}html[data-era="2000"] .soccer-dialog-heading h2{color:#fff;text-shadow:none;font:700 16px Tahoma,sans-serif}html[data-era="2000"] :is(.soccer-dialog-heading button,.game-controls button,.music-toggle,.worldcup-player button){color:#111;box-shadow:none;background:#d4d0c8;border:2px outset #fff;border-radius:0;font-family:Tahoma,sans-serif}html[data-era="2000"] .contact-channel h3{text-shadow:none;-webkit-text-stroke:0;font:700 27px/1.2 Tahoma,sans-serif}html[data-era="2000"] .social-group-label{text-shadow:none;font:700 13px Tahoma,sans-serif}html[data-era="2000"] :is(.seo-article-meta span,.seo-article-byline span,.seo-author-card,.seo-disclosure,.seo-architecture,.seo-architecture span){color:#111;box-shadow:none;background:#d4d0c8;border:2px outset #fff;border-radius:0;font-family:Tahoma,sans-serif}html[data-era="2000"] .seo-architecture i{color:navy}html[data-era="2000"] .seo-author-card a{color:navy;background:#d4d0c8;border:2px outset #fff;font:12px Tahoma,sans-serif}html[data-era="2000"] .seo-author-card a.author-icon-link{width:40px;height:40px;padding:0}html[data-era="2000"] .seo-article pre{color:#111;box-shadow:none;background:#fff;border:2px inset #fff}html[data-era="2000"] :is(.seo-panel,.seo-article) h2{font-size:25px;line-height:1.25}html[data-era="2000"] :is(.seo-panel,.seo-article) h3{font-size:18px;line-height:1.4}html[data-era="2000"] :is(.game-footer,.seo-page-footer,.music-toggle,.worldcup-player,.social-profile-groups) *{text-shadow:none;font-family:Tahoma,Verdana,sans-serif}.desktop-taskbar,html:is([data-era="2000"],[data-era="2026"]) :is(.profile-portrait,.seo-author-card>img){display:none}html:is([data-era="2000"],[data-era="2026"]) .seo-author-card{grid-template-columns:1fr}html[data-era="2000"] body{padding-bottom:52px}html[data-era="2000"] .desktop-intro{background:linear-gradient(90deg,#fff 75%,#edf1fa);grid-template-columns:1fr;min-height:245px}html[data-era="2000"] .desktop-intro h1{font-size:clamp(30px,4vw,48px)}html[data-era="2000"] .desktop-directory{box-shadow:none;background:0 0;border:0}html[data-era="2000"] .desktop-owner,html[data-era="2000"] .desktop-directory>p,html[data-era="2000"] .desktop-sidebar-note{color:#fff}html[data-era="2000"] .desktop-directory nav{background:0 0;border:0;gap:12px;padding:4px;display:grid}html[data-era="2000"] .desktop-directory nav a{color:#fff;text-align:center;border:1px solid #0000;flex-direction:column;align-items:center;gap:8px;padding:10px 4px;font:13px/1.3 Tahoma,sans-serif;display:flex}html[data-era="2000"] .desktop-directory nav a:hover,html[data-era="2000"] .desktop-directory nav a:focus-visible{background:#006565;border:1px dotted #fff}html[data-era="2000"] .desktop-directory nav a:before{background:linear-gradient(#fff1b4 25%,#e9bc51 25%);border:1px solid #614d13;width:32px;height:24px;margin:0;box-shadow:2px 2px #004949,inset 2px 2px #fff6cd}html[data-era="2000"] .desktop-directory nav a:first-child:before{background:#003d63;border:4px ridge #eee;height:23px;box-shadow:0 5px #d4d0c8,0 8px #535353}html[data-era="2000"] .desktop-directory nav a:nth-child(5):before{background:repeating-linear-gradient(#fff 0 5px,#aebfd4 5px 6px);border-color:#777;width:24px;height:30px}html[data-era="2000"] .desktop-directory nav a:last-child:before{background:linear-gradient(32deg,#0000 49%,#8897a1 50%,#0000 53%),linear-gradient(-32deg,#fff 49%,#8897a1 50%,#fff 53%)}html[data-era="2000"] .desktop-workspace{border-top:4px solid #fff}html[data-era="2000"] .desktop-workspace:before{content:"Humberto Villanueva · Personal website";color:#fff;background:linear-gradient(90deg,navy,#1084d0);padding:8px 10px;font:700 13px Tahoma,sans-serif;display:block}html[data-era="2000"] .desktop-menubar{padding:4px}html[data-era="2000"] .desktop-titlebar{border-bottom:1px solid gray}html[data-era="2000"] .desktop-taskbar{z-index:100;color:#111;background:#d4d0c8;border-top:2px solid #fff;align-items:center;gap:8px;height:44px;padding:4px;font:12px Tahoma,sans-serif;display:flex;position:fixed;inset:auto 0 0;box-shadow:0 -1px gray}.desktop-start summary{cursor:pointer;border:2px outset #fff;align-items:center;gap:7px;padding:6px 10px;font:700 15px Tahoma,sans-serif;list-style:none;display:flex}.desktop-start summary::-webkit-details-marker{display:none}.desktop-start[open] summary{border-style:inset}.desktop-mark{grid-template-columns:repeat(2,8px);gap:2px;display:grid;transform:skewY(-8deg)}.desktop-mark i{background:#e74628;height:8px}.desktop-mark i:nth-child(2){background:#238a39}.desktop-mark i:nth-child(3){background:#255eb8}.desktop-mark i:nth-child(4){background:#f0d341}.desktop-start nav{background:#d4d0c8;border:2px outset #fff;width:min(300px,100vw - 8px);padding:4px;display:grid;position:absolute;bottom:43px;left:4px;box-shadow:2px 2px #333}.desktop-start nav strong{color:#fff;background:linear-gradient(90deg,navy,#1084d0);padding:14px 10px;font-size:13px}.desktop-start nav a{color:#111;padding:13px 12px;font:13px Tahoma,sans-serif}.desktop-start nav a:hover,.desktop-start nav a:focus-visible{color:#fff;outline-offset:-3px;background:navy;outline:1px dotted #fff}.desktop-active-window{white-space:nowrap;text-overflow:ellipsis;text-transform:capitalize;border:2px inset #fff;width:240px;padding:7px 12px;font-weight:700;overflow:hidden}.desktop-tray{white-space:nowrap;border:2px inset #fff;gap:12px;margin-left:auto;padding:7px 10px;display:flex}html[data-era="2000"] .music-toggle,html[data-era="2000"] .worldcup-player{bottom:56px}@media (max-width:760px){html[data-era="2000"] .desktop-directory nav{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}html[data-era="2000"] .desktop-directory nav a{font-size:12px}html[data-era="2000"] .desktop-intro{min-height:0}.desktop-active-window{flex:1;width:0}.desktop-tray{padding:7px 5px}.desktop-tray>span{display:none}}html[data-era="2000"] .desktop-owner>span{color:#fff}.desktop-start nav{max-height:calc(100dvh - 52px);overflow-y:auto}html[data-era="2000"] .preview-image-scroll:focus-visible{outline-offset:-3px;outline:2px dotted navy}.portfolio-search{z-index:160;position:fixed;bottom:16px;left:12px}html[data-era="2026"] .portfolio-search{display:none}.search-launcher{background:var(--yellow);color:#080c08;border:3px solid var(--cream);min-height:44px;font:700 13px var(--pixel);cursor:pointer;padding:12px 16px;box-shadow:4px 4px #000}.search-launcher span{margin-left:12px}.search-dialog{border:4px solid var(--cream);color:#fff5c8;background:#093c7e;width:min(660px,100vw - 24px);max-height:calc(100dvh - 40px);padding:0;box-shadow:8px 8px #000}.search-dialog::backdrop{background:#000b}.search-dialog header{background:#080c08;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;display:flex}.search-dialog h2{font:700 17px var(--pixel);margin:0}.search-dialog header button{color:#080c08;cursor:pointer;background:#f4e727;border:2px solid #fff5c8;min-width:44px;min-height:44px;font-size:24px}.search-body{padding:20px}.search-body label{margin-bottom:10px;font:700 14px Arial,sans-serif;display:block}.search-body input{color:#111;background:#fffbea;border:3px solid #080c08;width:100%;padding:13px;font:16px Arial,sans-serif}.search-body>p{font:14px/1.5 Arial,sans-serif}.search-body ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.search-body li a{color:#fff5c8;background:#080c08;border:2px solid #fff5c8;gap:7px;padding:16px;display:grid}.search-body li a:focus-visible{outline-offset:2px;outline:3px solid #f4e727}.search-body small{color:#f4e727;font:12px Arial,sans-serif}.search-body strong{font:700 18px Arial,sans-serif}.search-body li span{font:14px/1.6 Arial,sans-serif}html[data-era="2000"] .portfolio-search{bottom:56px}html[data-era="2000"] .search-launcher,html[data-era="2000"] .search-dialog header button{color:#111;background:#d4d0c8;border:2px outset #fff;font:13px Tahoma,sans-serif;box-shadow:1px 1px #333}html[data-era="2000"] .search-dialog{color:#111;background:#d4d0c8;border:3px outset #fff;box-shadow:3px 3px #333}html[data-era="2000"] .search-dialog header{color:#fff;background:linear-gradient(90deg,navy,#1084d0);padding:6px 10px}html[data-era="2000"] .search-dialog h2{font:700 15px Tahoma,sans-serif}html[data-era="2000"] .search-body input{background:#fff;border:2px inset #fff}html[data-era="2000"] .search-body li a{color:#111;background:#fff;border:2px inset #fff}html[data-era="2000"] .search-body small{color:navy}html[data-era="2000"] .desktop-file-toolbar{color:#111;background:#d4d0c8;border-bottom:2px groove #fff;flex-wrap:wrap;align-items:center;gap:12px;padding:10px;font:12px Tahoma,sans-serif;display:flex}.desktop-file-toolbar label{align-items:center;gap:8px;display:flex}.desktop-file-toolbar :is(button,select){color:#111;background:#d4d0c8;border:2px outset #fff;min-height:36px;padding:6px 10px;font:12px Tahoma,sans-serif}.desktop-file-toolbar button[aria-pressed=true]{background:#eee;border-style:inset}.desktop-file-toolbar>span{margin-left:auto}.files-compact .desktop-file p{display:none}@media (max-width:420px){.search-launcher{padding:10px;font-size:11px}.search-launcher span{display:none}}.search-dialog{margin:auto}.search-body>p{margin:12px 0}
.studio-home,.studio-only,.studio-shader,.seo-page-stats,html:not([data-era="2026"]) :is(.seo-page-hero .studio-dot,.seo-page-stats){display:none}html:not([data-era="2026"]) .seo-page-hero h1{text-transform:uppercase}html[data-era="2026"] .studio-only{display:block}html[data-era="2026"] .seo-page-header{display:none}@property --studio-angle{syntax:"<angle>";inherits:false;initial-value:0deg}html[data-era="2026"]{--s-bg:#08080a;--s-surface:#111114;--s-surface-2:#18181c;--s-border:#26262b;--s-border-strong:#36363d;--s-glass:#ffffff09;--s-glass-border:#ffffff17;--s-text:#f4f4f5;--s-muted:#a1a1aa;--s-dim:#8a8a94;--s-accent:#d9ff57;--s-accent-ink:#0a0a0b;--s-violet:#8b7bff;--s-teal:#2de2c4;--s-red:#e54848;--s-radius:20px;--s-font:var(--font-geist),ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--s-mono:var(--font-geist-mono),ui-monospace,"SF Mono",Menlo,Consolas,monospace;--s-serif:var(--font-serif),"Iowan Old Style","Palatino Linotype",Georgia,serif;--s-ease:cubic-bezier(.2,.8,.2,1);--black:var(--s-text);--cream:var(--s-bg);--yellow:var(--s-accent);--lime:var(--s-accent);--cyan:var(--s-accent);--blue-dark:var(--s-surface);--pixel:var(--s-font);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--s-bg)}html[data-era="2026"] body{background:var(--s-bg);color:var(--s-text);font-family:var(--s-font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}html[data-era="2026"] body:after{content:"";z-index:300;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}html[data-era="2026"] .retro-site{background:var(--s-bg);image-rendering:auto;display:flow-root;overflow:clip visible}html[data-era="2026"] .retro-site:after,html[data-era="2026"] .retro-site>:is(.skip-links,.game-header,.title-screen,.game-ticker,.game-screen){display:none}html[data-era="2026"] :is(h1,h2,h3){-webkit-text-stroke:0;text-shadow:none}html[data-era="2026"] ::selection{background:var(--s-accent);color:var(--s-accent-ink)}html[data-era="2026"] :is(a,button,select,input,textarea,[tabindex]):focus-visible{outline:2px solid var(--s-accent);outline-offset:3px}html[data-era="2026"] em{font-style:normal}html[data-era="2026"] .era-selector select{color:var(--s-text);border:1px solid var(--s-glass-border);font:500 13px var(--s-font);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#111114b3;border-radius:12px}html[data-era="2026"] .era-caption{background:var(--s-bg);color:var(--s-accent);font:600 8px/1.2 var(--s-mono);letter-spacing:.14em;border-radius:4px}html[data-era="2026"] .studio-home{max-width:1200px;margin:0 auto;padding:0 32px 24px;display:block}.studio-progress{display:none}@supports (animation-timeline:scroll()){html[data-era="2026"] .studio-progress{z-index:190;transform-origin:0;background:linear-gradient(90deg,var(--s-violet),var(--s-teal),var(--s-accent));height:2px;animation:linear both studio-progress;animation-timeline:scroll(root);display:block;position:fixed;inset:0 0 auto;transform:scaleX(0)}}@keyframes studio-progress{to{transform:scaleX(1)}}.studio-label{color:var(--s-dim);font:500 11px/1.4 var(--s-mono);letter-spacing:.1em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:10px;margin:0;display:flex}.studio-label-index{color:var(--s-accent)}.studio-label-index:after{content:"";vertical-align:middle;background:var(--s-border-strong);width:22px;height:1px;margin-left:10px;display:inline-block}.studio-dot{background:var(--s-accent);border-radius:50%;flex:none;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 3px #d9ff5722,0 0 14px #d9ff57aa}.studio-pill{border:1px solid var(--s-glass-border);color:var(--s-muted);font:500 10.5px/1.4 var(--s-mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;padding:3px 9px;display:inline-flex}.studio-home h2{color:var(--s-text);font:600 clamp(36px,5vw,64px)/1.02 var(--s-font);letter-spacing:-.045em;margin:18px 0 0}.studio-home h2 em,.hero-statement em,.seo-page-cta h2 em,html[data-era="2026"] .seo-panel h2 em{font-family:var(--s-serif);letter-spacing:-.01em;background:linear-gradient(100deg,#f4f4f5 0%,var(--s-accent) 55%,var(--s-teal) 110%);color:#0000;-webkit-background-clip:text;background-clip:text;padding-right:.06em;font-style:italic;font-weight:400}.studio-links{flex-wrap:wrap;gap:8px 26px;margin-top:26px;display:flex}.studio-links a{min-height:40px;color:var(--s-text);font:500 15px var(--s-font);background:linear-gradient(var(--s-accent),var(--s-accent)) 0 100%/0 1px no-repeat,linear-gradient(var(--s-border-strong),var(--s-border-strong)) 0 100%/100% 1px no-repeat;transition:background-size .4s var(--s-ease),color .2s;align-items:center;gap:6px;display:inline-flex}.studio-links a:hover{color:var(--s-accent);background-size:100% 1px,100% 1px}.studio-links .studio-brand-icon{fill:currentColor;opacity:.85;flex:none;width:15px;height:15px}.studio-links a.studio-icon-link{border:1px solid var(--s-border-strong);background:0 0;border-radius:999px;justify-content:center;width:40px}.studio-links a.studio-icon-link:hover{border-color:var(--s-accent)}.studio-links a.studio-icon-link .studio-brand-icon{opacity:1;width:18px;height:18px}.studio-nav{z-index:150;margin:12px 0 0;position:sticky;top:12px}.studio-nav-inner{border:1px solid var(--s-glass-border);-webkit-backdrop-filter:saturate(1.6)blur(20px);backdrop-filter:saturate(1.6)blur(20px);background:#0e0e119e;border-radius:999px;justify-content:space-between;align-items:center;gap:16px;padding:7px 7px 7px 10px;display:flex;box-shadow:0 10px 40px -10px #0009,inset 0 1px #ffffff0d}.studio-signature{min-height:40px;color:var(--s-text);font:600 14.5px var(--s-font);letter-spacing:-.01em;align-items:center;gap:10px;display:inline-flex}.studio-mark{filter:drop-shadow(0 0 10px #d9ff5740);flex:none;width:28px;height:28px}.studio-nav nav{align-items:center;gap:2px;width:100%;display:flex}.studio-nav-links{align-items:center;gap:2px;margin-left:auto;display:flex}.studio-nav nav a{min-height:40px;color:var(--s-muted);font:500 14px var(--s-font);border-radius:999px;align-items:center;padding:0 14px;transition:color .2s,background-color .2s;display:inline-flex}.studio-nav nav a:hover{color:var(--s-text);background:#ffffff0f}.studio-nav nav a[aria-current=page]{color:var(--s-text);box-shadow:inset 0 0 0 1px var(--s-glass-border);background:#ffffff14}.studio-nav nav a.studio-signature{color:var(--s-text);font:600 14.5px var(--s-font);box-shadow:none;background:0 0;padding:0 8px 0 0}.studio-nav nav a.studio-nav-cta{color:var(--s-accent-ink);background:var(--s-accent);margin-left:6px;padding:0 18px;font-weight:600;box-shadow:0 0 24px -4px #d9ff5799}.studio-nav nav a.studio-nav-cta:hover{background:#e8ff94}.studio-search{border:1px solid var(--s-glass-border);min-height:40px;color:var(--s-muted);font:500 14px var(--s-font);cursor:pointer;background:#ffffff08;border-radius:999px;align-items:center;gap:8px;margin-left:4px;padding:0 8px 0 12px;transition:border-color .2s,color .2s;display:inline-flex}.studio-search:hover{color:var(--s-text);border-color:#ffffff26}.studio-search svg{width:15px;height:15px}.studio-search kbd{border:1px solid var(--s-glass-border);color:var(--s-dim);font:500 11px var(--s-mono);background:#ffffff0a;border-radius:999px;padding:2px 7px}.studio-hero{isolation:isolate;min-height:min(100svh - 64px,920px);margin-top:-64px;padding-top:64px;display:flex;position:relative}html[data-era="2026"] .era-selector select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-era="2026"] .era-selector option{color:#f4f4f5;background:#16161a}html[data-era="2026"] .studio-shader{display:block}html[data-era="2026"][data-low-gpu] *{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}html[data-era="2026"][data-low-gpu] .studio-nav-inner{background:#0e0e11f0}html[data-era="2026"][data-low-gpu] :is(.studio-button-glow,.seo-next-links a:first-child,.soccer-launcher,.studio-dot,.code-caret){animation:none!important}.studio-shader{z-index:-2;background:radial-gradient(ellipse 50% 60% at 72% 38%,#8b7bff38,transparent 70%),radial-gradient(ellipse 40% 50% at 58% 60%,#2de2c428,transparent 70%),radial-gradient(ellipse 30% 40% at 80% 70%,#d9ff5726,transparent 70%),var(--s-bg);width:100vw;height:calc(100% + 12px);position:absolute;top:-12px;bottom:0;left:calc(50% - 50vw)}.studio-hero:after{content:"";z-index:-1;background:linear-gradient(transparent,var(--s-bg));pointer-events:none;height:42%;position:absolute;inset:auto calc(50% - 50vw) 0}.studio-hero:before{content:"";z-index:-1;pointer-events:none;opacity:.35;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0 calc(50% - 50vw);-webkit-mask-image:radial-gradient(70% 70% at 50% 30%,#000,#0000 75%);mask-image:radial-gradient(70% 70% at 50% 30%,#000,#0000 75%)}.studio-hero-inner{flex-direction:column;justify-content:flex-end;width:100%;padding:72px 0 40px;display:flex}.hero-chips{flex-wrap:wrap;gap:8px;display:flex}.hero-chip{border:1px solid var(--s-glass-border);min-height:32px;color:var(--s-text);font:500 12px var(--s-mono);letter-spacing:.02em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0e0e1180;border-radius:999px;align-items:center;gap:9px;padding:0 13px;display:inline-flex}.hero-chip-quiet{color:var(--s-muted)}.studio-hero h1{color:var(--s-text);font:600 clamp(58px,12.4vw,182px)/.86 var(--s-font);letter-spacing:-.062em;margin:28px 0 0}.kinetic-line{white-space:nowrap;display:block}.kinetic-line+.kinetic-line{padding-left:.5em}html[data-era="2026"] .kinetic-letter{display:inline-block}.kinetic-line+.kinetic-line .kinetic-letter:last-child:after{content:".";color:var(--s-accent)}.hero-statement{max-width:31em;color:var(--s-muted);font:400 clamp(18px,1.75vw,24px)/1.5 var(--s-font);letter-spacing:-.01em;margin:34px 0 0}.hero-statement em{font-size:1.16em}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.studio-button{border:1px solid var(--s-glass-border);min-height:50px;color:var(--s-text);font:500 15px var(--s-font);transform:translate(var(--tx,0),var(--ty,0));transition:transform .35s var(--s-ease),background-color .2s,border-color .2s,box-shadow .3s;border-radius:999px;align-items:center;gap:10px;padding:0 22px;display:inline-flex;position:relative}.studio-button-ghost{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0e0e118c}.studio-button-ghost:hover{background:#1e1e24b3;border-color:#fff3}.studio-button-glow{color:var(--s-accent-ink);background:linear-gradient(var(--s-accent),var(--s-accent)) padding-box,conic-gradient(from var(--studio-angle),var(--s-accent),var(--s-teal),var(--s-violet),#fff,var(--s-accent)) border-box;border:1.5px solid #0000;font-weight:600;animation:4s linear infinite studio-spin;box-shadow:0 0 0 1px #d9ff5722,0 10px 40px -8px #d9ff5799}.studio-button-glow:hover{box-shadow:0 0 0 1px #d9ff5744,0 14px 60px -6px #d9ff57cc}@keyframes studio-spin{to{--studio-angle:360deg}}.hero-hud{border-top:1px solid var(--s-glass-border);grid-template-columns:repeat(3,minmax(0,1fr));margin:72px 0 0;display:grid}.hero-hud>div{padding:18px 24px 0 0}.hero-hud>div+div{border-left:1px solid var(--s-glass-border);padding-left:24px}.hero-hud dt{color:var(--s-dim);font:500 11px/1.4 var(--s-mono);letter-spacing:.1em;text-transform:uppercase}.hero-hud dd{color:var(--s-text);font:500 15px/1.45 var(--s-font);margin:8px 0 0}.hero-hud dd a{color:var(--s-text)}.hero-hud dd a:hover{color:var(--s-accent)}.studio-ticker{border-block:1px solid var(--s-border);background:#ffffff04;margin:0 calc(50% - 50vw);padding:18px 0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.studio-ticker-track{width:max-content;animation:46s linear infinite studio-marquee;display:flex}.studio-ticker-track>div{flex:none;display:flex}.studio-ticker span{color:var(--s-muted);font:500 13px var(--s-mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:28px;padding-right:28px;display:inline-flex}.studio-ticker i{color:var(--s-accent);font-style:normal}.studio-ticker:hover .studio-ticker-track{animation-play-state:paused}@keyframes studio-marquee{to{transform:translate(-50%)}}.studio-section{margin-top:150px;scroll-margin-top:96px}.section-head{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:48px;display:flex}.section-head h2{max-width:13em}.glass-card{border:1px solid var(--s-glass-border);border-radius:var(--s-radius);background:linear-gradient(#ffffff0b,#ffffff04);position:relative;box-shadow:inset 0 1px #ffffff0d}.fx-spot,html[data-era="2026"] .seo-panel{isolation:isolate;position:relative}.fx-spot:before,html[data-era="2026"] .seo-panel:not(.seo-article,.seo-role):before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(520px circle at var(--mx,50%) var(--my,50%),#d9ff5717,transparent 45%);transition:opacity .35s;position:absolute;inset:0}.fx-spot:after,html[data-era="2026"] .seo-panel:not(.seo-article):after{content:"";z-index:2;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),#d9ff57bf,transparent 60%);-webkit-mask-composite:xor;padding:1px;transition:opacity .35s;position:absolute;inset:-1px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.fx-spot:hover:before,.fx-spot:hover:after,.fx-spot:focus-within:before,.fx-spot:focus-within:after,html[data-era="2026"] .seo-panel:not(.seo-article,.seo-role):hover:before,html[data-era="2026"] .seo-panel:not(.seo-article):hover:after{opacity:1}.studio-now{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:64px;display:grid}.now-intro{position:sticky;top:110px}.now-intro>p:not(.studio-label){max-width:28em;color:var(--s-muted);font:400 17px/1.65 var(--s-font);margin:22px 0 0}.now-cards{gap:16px;margin:0;padding:0;list-style:none;display:grid}.now-cards li{padding:32px}.now-number{color:var(--s-accent);font:400 italic 46px/1 var(--s-serif);display:block}.now-cards h3{color:var(--s-text);font:600 21px/1.3 var(--s-font);letter-spacing:-.02em;margin:18px 0 10px}.now-cards p{color:var(--s-muted);font:400 15.5px/1.65 var(--s-font);margin:0}.studio-projects{gap:120px;display:grid}.studio-project{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;gap:56px;display:grid}.studio-project:nth-child(2n){grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.studio-project:nth-child(2n) .project-visual{order:2}.project-visual{perspective:1400px}.browser-frame{border:1px solid var(--s-glass-border);transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;transition:transform .6s var(--s-ease),box-shadow .4s;background:#0c0c0f;border-radius:18px;overflow:hidden;box-shadow:0 50px 120px -40px #8b7bff59,0 30px 80px -30px #000,inset 0 1px #ffffff12}.studio-project:nth-child(3n+2) .browser-frame{box-shadow:0 50px 120px -40px #2de2c44d,0 30px 80px -30px #000,inset 0 1px #ffffff12}.studio-project:nth-child(3n+3) .browser-frame{box-shadow:0 50px 120px -40px #d9ff5740,0 30px 80px -30px #000,inset 0 1px #ffffff12}.browser-bar{border-bottom:1px solid var(--s-glass-border);background:#ffffff08;align-items:center;gap:7px;height:38px;padding:0 14px;display:flex}.browser-bar i{background:#3a3a42;border-radius:50%;width:10px;height:10px}.browser-bar i:first-child{background:#ff5f57}.browser-bar i:nth-child(2){background:#febc2e}.browser-bar i:nth-child(3){background:#28c840}.browser-bar span{max-width:62%;color:var(--s-dim);font:500 11.5px var(--s-mono);text-overflow:ellipsis;white-space:nowrap;background:#ffffff0d;border-radius:8px;margin:0 auto;padding:3px 12px;overflow:hidden;transform:translate(-24px)}.browser-frame .project-preview{margin:0}.browser-frame .preview-open{background:var(--s-bg);border:0;border-radius:0;display:block;position:relative;overflow:hidden}.browser-frame .preview-open img{aspect-ratio:16/10;object-fit:cover;object-position:top left;width:100%;height:auto;transition:transform .8s var(--s-ease);border:0;border-radius:0;display:block}.browser-frame .preview-open:hover img{transform:scale(1.035)}.browser-frame .preview-open>span{border:1px solid var(--s-glass-border);color:var(--s-text);font:500 10.5px/1.3 var(--s-mono);letter-spacing:.08em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:.85;background:#08080abf;border-radius:999px;padding:6px 12px;transition:opacity .2s;position:absolute;bottom:14px;right:14px}.browser-frame .preview-open:hover>span{opacity:1}.browser-frame .project-preview figcaption{border-top:1px solid var(--s-glass-border);color:var(--s-dim);font:500 11px/1.4 var(--s-mono);letter-spacing:.04em;margin:0;padding:10px 14px}.project-copy{position:relative}.project-index{color:#0000;font:400 italic clamp(72px,8vw,116px)/.9 var(--s-serif);-webkit-text-stroke:1px #ffffff38;margin-bottom:12px;display:block}.project-copy h3{color:var(--s-text);font:600 clamp(28px,3vw,40px)/1.08 var(--s-font);letter-spacing:-.04em;margin:14px 0}.project-text{color:var(--s-muted);font:400 16px/1.65 var(--s-font);margin:0 0 20px}.studio-chips{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.studio-chips li{border:1px solid var(--s-glass-border);color:var(--s-muted);font:500 11px/1.4 var(--s-mono);letter-spacing:.04em;border-radius:999px;padding:4px 10px}.project-copy .project-links{flex-wrap:wrap;gap:4px 20px;margin-top:22px;display:flex}html[data-era="2026"] .project-links a{min-height:40px;box-shadow:none;color:var(--s-text);font:500 14px/1.4 var(--s-font);text-decoration:underline;-webkit-text-decoration-color:var(--s-border-strong);text-decoration-color:var(--s-border-strong);text-underline-offset:5px;background:0 0;border:0;padding:0;transition:color .2s,text-decoration-color .2s}html[data-era="2026"] .project-links a:hover{color:var(--s-accent);-webkit-text-decoration-color:var(--s-accent);text-decoration-color:var(--s-accent)}.studio-toolkit{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:64px;display:grid}.toolkit-intro>p:not(.studio-label){max-width:26em;color:var(--s-muted);font:400 17px/1.65 var(--s-font);margin:22px 0 0}.code-window{background:linear-gradient(#141419e6,#0c0c0fe6);margin:0;padding:0;overflow:hidden;box-shadow:0 40px 100px -40px #8b7bff59,inset 0 1px #ffffff0d}.code-tabs{border-bottom:1px solid var(--s-glass-border);background:#ffffff06;align-items:center;gap:7px;height:42px;padding:0 14px;display:flex}.code-tabs i{background:#3a3a42;border-radius:50%;width:10px;height:10px}.code-tab{border:1px solid var(--s-glass-border);color:var(--s-text);font:500 12px var(--s-mono);background:#ffffff0a;border-bottom-color:#0000;border-radius:8px 8px 0 0;margin-left:10px;padding:5px 12px;transform:translateY(7px)}.code-tab-quiet{color:var(--s-dim);background:0 0;border-color:#0000;margin-left:0}.code-window pre{counter-reset:line;font:400 14px/1.95 var(--s-mono);color:#d4d4d8;margin:0;padding:22px 0;overflow-x:auto}.code-window code{min-width:max-content;display:block}.code-line{white-space:pre;padding:0 28px 0 0;display:block}.code-line:before{counter-increment:line;content:counter(line);color:#4a4a54;text-align:right;width:56px;padding-right:22px;display:inline-block}.tok-comment{color:#6b6b78;font-style:italic}.tok-key{color:#c4a7ff}.tok-var{color:#82aaff}.tok-prop{color:#7fdbca}.tok-string{color:var(--s-accent)}.tok-type{color:#ffcb6b}.code-caret{vertical-align:-.2em;background:var(--s-accent);width:8px;height:1.15em;margin-left:4px;animation:1.05s step-end infinite studio-blink;display:inline-block}@keyframes studio-blink{50%{opacity:0}}.code-status{border-top:1px solid var(--s-glass-border);color:var(--s-dim);font:500 11px var(--s-mono);letter-spacing:.04em;justify-content:space-between;gap:12px;padding:10px 16px;display:flex}.code-status>span{align-items:center;gap:8px;display:inline-flex}.writing-rows{border-bottom:1px solid var(--s-border);margin:0;padding:0;list-style:none}.writing-row{border-top:1px solid var(--s-border);border-radius:18px;grid-template-columns:150px minmax(0,1fr) 52px;align-items:center;gap:28px;padding:30px 22px;transition:background-color .3s,border-color .3s;display:grid}.writing-row:hover{background:#ffffff08;border-top-color:#0000}.writing-row:hover+.writing-row{border-top-color:#0000}.writing-rows li:has(.writing-row:hover)+li .writing-row{border-top-color:#0000}.writing-meta{color:var(--s-dim);font:500 11.5px/1.7 var(--s-mono);letter-spacing:.08em;text-transform:uppercase}.writing-meta>span{display:block}.writing-main{gap:8px;display:grid}.writing-main strong{color:var(--s-text);font:600 clamp(20px,2.1vw,27px)/1.25 var(--s-font);letter-spacing:-.03em;transition:color .2s}.writing-main>span{max-width:52em;color:var(--s-muted);font:400 15px/1.6 var(--s-font)}.writing-arrow{border:1px solid var(--s-glass-border);width:52px;height:52px;color:var(--s-text);transition:transform .4s var(--s-ease),background-color .3s,color .3s,border-color .3s;border-radius:50%;place-items:center;font-size:18px;display:grid}.writing-row:hover .writing-arrow{border-color:var(--s-accent);background:var(--s-accent);color:var(--s-accent-ink);transform:rotate(45deg)}.writing-row:hover strong{color:var(--s-accent)}.studio-person h2{max-width:14em;font-size:clamp(40px,6.4vw,92px);line-height:.98}.person-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:48px;margin-top:40px;display:grid}.person-body>p{color:var(--s-muted);font:400 clamp(17px,1.5vw,20px)/1.65 var(--s-font);margin:0}.person-body .studio-links{justify-content:flex-end;margin-top:0}@keyframes studio-letter{0%{opacity:0;filter:blur(10px);transform:translateY(.5em)rotate(8deg)}to{opacity:1;filter:blur();transform:none}}@keyframes studio-rise{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@keyframes studio-glow{50%{box-shadow:0 0 0 5px #d9ff5714,0 0 18px #d9ff57cc}}@media (prefers-reduced-motion:no-preference){html[data-era="2026"] .kinetic-letter{animation:studio-letter .95s var(--s-ease) both;animation-delay:calc(var(--i) * 36ms + .12s)}html[data-era="2026"] :is(.hero-chips,.hero-statement,.hero-actions,.hero-hud,.seo-page-hero>p){animation:studio-rise .9s var(--s-ease) both}html[data-era="2026"] .seo-page-hero>.seo-page-intro{animation-delay:.45s}html[data-era="2026"] .seo-page-hero>.hero-hud{animation-delay:.6s}html[data-era="2026"] .hero-statement{animation-delay:.55s}html[data-era="2026"] .hero-actions{animation-delay:.7s}html[data-era="2026"] .hero-hud{animation-delay:.85s}html[data-era="2026"][data-js] :is(.studio-home,.seo-page) .fx-reveal{opacity:0;transition:opacity .9s var(--s-ease),transform .9s var(--s-ease);transition-delay:calc(var(--d,0) * .11s);transform:translateY(32px)}html[data-era="2026"][data-js] :is(.studio-home,.seo-page) .fx-reveal.studio-in-view{opacity:1;transform:none}html[data-era="2026"][data-js] .code-window .code-line{opacity:0;transition:opacity .5s var(--s-ease),transform .5s var(--s-ease);transform:translate(-8px)}html[data-era="2026"][data-js] .code-window.studio-in-view .code-line{opacity:1;transform:none}html[data-era="2026"] .code-window .code-line{transition-delay:calc(var(--l,0) * 55ms)}html[data-era="2026"] .studio-dot{animation:2.6s ease-in-out infinite studio-glow}}html[data-era="2026"] .continue-screen{text-align:left;background:0 0;border:0;max-width:1200px;min-height:0;margin:72px auto 0;padding:0 32px 72px;display:block;overflow:visible}html[data-era="2026"] .continue-screen:after,html[data-era="2026"] .continue-screen>span{display:none}html[data-era="2026"] .continue-screen:before{content:"06 · Contact";height:auto;color:var(--s-dim);font:500 11px/1.4 var(--s-mono);letter-spacing:.08em;text-transform:uppercase;background:0 0;border:0;margin-bottom:12px;display:block;position:static}html[data-era="2026"] .continue-screen>h2{color:var(--s-text);font:600 clamp(28px,3.4vw,42px)/1.1 var(--s-font);letter-spacing:-.04em;text-transform:lowercase;margin:0 0 20px}html[data-era="2026"] .continue-screen>h2:first-letter{text-transform:uppercase}html[data-era="2026"] .contact-terminal{border:1px solid var(--s-border);border-radius:var(--s-radius);background:var(--s-surface);width:100%;box-shadow:none;overflow:hidden}html[data-era="2026"] .contact-terminal>.window-bar{display:none}html[data-era="2026"] .contact-terminal-body{grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:0}html[data-era="2026"] .message-form{background:0 0;border:0;gap:16px;padding:32px}html[data-era="2026"] .message-form :is(p,small){color:var(--s-muted);font:400 14px/1.6 var(--s-font);margin:0}html[data-era="2026"] .message-form label span{color:var(--s-dim);font:500 11px/1.4 var(--s-mono);letter-spacing:.08em}html[data-era="2026"] .message-form :is(input,textarea){border:1px solid var(--s-border-strong);background:var(--s-bg);box-shadow:none;color:var(--s-text);font:400 15px/1.5 var(--s-font);border-radius:10px;padding:12px 14px;transition:border-color .15s,box-shadow .15s}html[data-era="2026"] .message-form :is(input,textarea):focus{border-color:var(--s-accent);box-shadow:0 0 0 3px #d9ff5726}html[data-era="2026"] .message-form button{border:1px solid var(--s-accent);background:var(--s-accent);min-height:46px;box-shadow:none;color:var(--s-accent-ink);font:600 12px var(--s-mono);letter-spacing:.08em;border-radius:12px;transform:none}html[data-era="2026"] .message-form button:hover{box-shadow:none;background:#e6ff8a;transform:none}html[data-era="2026"] .message-form button.contact-alternative{border-color:var(--s-border-strong);color:var(--s-text);background:0 0;font-weight:500}html[data-era="2026"] .message-form button.contact-alternative:hover{background:var(--s-surface-2)}html[data-era="2026"] .contact-success h3{color:var(--s-text);font:600 22px var(--s-font)}html[data-era="2026"] .contact-channel{border-left:1px solid var(--s-border);background:var(--s-bg);justify-content:flex-start;padding:32px}html[data-era="2026"] .contact-channel>span{display:none}html[data-era="2026"] .contact-channel h3{color:var(--s-text);font:600 24px/1.2 var(--s-font);letter-spacing:-.03em;text-transform:lowercase;margin:0 0 12px}html[data-era="2026"] .contact-channel h3:first-letter{text-transform:uppercase}html[data-era="2026"] .contact-channel :is(p,small){color:var(--s-muted);font:400 14px/1.6 var(--s-font)}html[data-era="2026"] .contact-channel>a{color:var(--s-accent);font:500 13px/1.5 var(--s-mono);text-transform:lowercase;margin-top:14px}html[data-era="2026"] .social-profile-groups .social-group-label{color:var(--s-dim);font:500 11px/1.4 var(--s-mono);letter-spacing:.08em}html[data-era="2026"] .social-profile-groups a{border:1px solid var(--s-border-strong);background:var(--s-surface);min-height:36px;box-shadow:none;color:var(--s-text);font:500 13px var(--s-font);border-radius:10px;padding:0 12px;transform:none}html[data-era="2026"] .social-profile-groups a.social-icon-link{border-radius:999px;justify-content:center;width:44px;height:44px;min-height:44px;padding:0}html[data-era="2026"] .social-profile-groups a.social-icon-link .brand-icon{width:19px;height:19px}html[data-era="2026"] .social-profile-groups a:hover{border-color:var(--s-accent);color:var(--s-accent);box-shadow:none;transform:none}html[data-era="2026"] :is(.game-footer,.seo-page-footer){border-top:1px solid var(--s-border);background:var(--s-bg);color:var(--s-dim);font:500 12px/1.6 var(--s-mono);letter-spacing:.04em;text-transform:lowercase}html[data-era="2026"] :is(.game-footer,.seo-page-footer) a{color:var(--s-muted);font:500 12px var(--s-mono)}html[data-era="2026"] :is(.game-footer,.seo-page-footer) a:hover{color:var(--s-accent)}html[data-era="2026"] :is(.worldcup-player,.music-toggle){border:1px solid var(--s-border-strong);background:var(--s-surface-2);color:var(--s-text);font-family:var(--s-font);text-shadow:none;border-radius:12px;box-shadow:0 8px 30px #0008}html[data-era="2026"] .music-toggle{font:500 13px var(--s-font)}html[data-era="2026"] .worldcup-player *{font-family:var(--s-font);text-shadow:none}html[data-era="2026"] .music-controls-panel:not([hidden]){border-top:1px solid var(--s-border)}html[data-era="2026"] .worldcup-player button{border:1px solid var(--s-border-strong);background:var(--s-surface);box-shadow:none;color:var(--s-text);border-radius:8px}html[data-era="2026"] .portfolio-search{display:block}html[data-era="2026"] .search-launcher{display:none}html[data-era="2026"] .search-dialog{border:1px solid var(--s-border-strong);border-radius:var(--s-radius);background:var(--s-surface);color:var(--s-text);overflow:hidden;box-shadow:0 30px 90px #000c}html[data-era="2026"] .search-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000a}html[data-era="2026"] .search-dialog header{border-bottom:1px solid var(--s-border);background:0 0;padding:12px 16px}html[data-era="2026"] .search-dialog h2{color:var(--s-dim);font:500 11px var(--s-mono);letter-spacing:.08em;text-transform:uppercase}html[data-era="2026"] .search-dialog header button{border:1px solid var(--s-border-strong);background:var(--s-surface-2);min-width:36px;min-height:36px;color:var(--s-text);border-radius:8px;font-size:18px}html[data-era="2026"] .search-body label{color:var(--s-muted);font:500 13px var(--s-font)}html[data-era="2026"] .search-body input{border:1px solid var(--s-border-strong);background:var(--s-bg);color:var(--s-text);font:400 16px var(--s-font);border-radius:10px}html[data-era="2026"] .search-body input:focus{border-color:var(--s-accent);outline:0;box-shadow:0 0 0 3px #d9ff5726}html[data-era="2026"] .search-body>p{color:var(--s-dim);font:400 13px var(--s-font)}html[data-era="2026"] .search-body li a{border:1px solid var(--s-border);background:var(--s-bg);color:var(--s-text);border-radius:12px}html[data-era="2026"] .search-body li a:hover{border-color:var(--s-accent)}html[data-era="2026"] .search-body small{color:var(--s-accent);font:500 11px var(--s-mono);letter-spacing:.06em;text-transform:uppercase}html[data-era="2026"] .search-body strong{font:600 16px var(--s-font)}html[data-era="2026"] .search-body li span{color:var(--s-muted);font:400 13px/1.55 var(--s-font)}html[data-era="2026"] .preview-dialog{border:1px solid var(--s-border-strong);border-radius:var(--s-radius);background:var(--s-surface);color:var(--s-text);box-shadow:0 30px 90px #000c}html[data-era="2026"] .preview-dialog-bar{background:var(--s-surface-2);color:var(--s-text);font-family:var(--s-mono)}html[data-era="2026"] .preview-dialog-bar button{border:1px solid var(--s-border-strong);background:var(--s-surface);box-shadow:none;color:var(--s-text);font:500 12px var(--s-font);border-radius:8px}html[data-era="2026"] .preview-dialog :is(p,.preview-swipe-hint){color:var(--s-muted);font-family:var(--s-font)}html[data-era="2026"] .preview-image-scroll:focus-visible{outline:2px solid var(--s-accent);outline-offset:-2px}html[data-era="2026"] .soccer-dialog{border:1px solid var(--s-border-strong);border-radius:var(--s-radius);background:var(--s-surface);color:var(--s-text);box-shadow:0 30px 90px #000c}html[data-era="2026"] .soccer-dialog-heading{background:var(--s-surface-2);padding:14px 16px}html[data-era="2026"] :is(.soccer-dialog-heading h2,.soccer-panel .soccer-dialog-heading h2){color:var(--s-text);font:600 18px var(--s-font)}html[data-era="2026"] :is(.soccer-dialog-heading button,.game-controls button){border:1px solid var(--s-border-strong);background:var(--s-surface);box-shadow:none;color:var(--s-text);font-family:var(--s-font);border-radius:8px}html[data-era="2026"] .soccer-dialog .game-hud :is(span,strong){border-color:var(--s-accent-ink);background:var(--s-surface);color:var(--s-text)}html[data-era="2026"] .soccer-dialog .game-hud strong{background:var(--s-accent);color:var(--s-accent-ink)}html[data-era="2026"] .seo-page{background:var(--s-bg);color:var(--s-text);background-image:none;overflow:clip visible}html[data-era="2026"] .seo-page>.studio-nav{width:min(1136px,100% - 64px);margin:12px auto 0}html[data-era="2026"] .seo-page-hero{isolation:isolate;color:var(--s-text);background:0 0;border:0;margin:-68px 0 0;padding:172px max(32px,50% - 568px) 24px;position:relative}html[data-era="2026"] .seo-page-hero .studio-shader{height:100%;top:0}html[data-era="2026"] .seo-page-hero:before{content:"";z-index:-1;pointer-events:none;opacity:.35;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 80% at 60% 20%,#000,#0000 75%);mask-image:radial-gradient(70% 80% at 60% 20%,#000,#0000 75%)}html[data-era="2026"] .seo-page-hero:after{content:"";z-index:-1;background:linear-gradient(transparent,var(--s-bg));pointer-events:none;height:55%;position:absolute;inset:auto 0 0}html[data-era="2026"] .seo-page-hero>span{display:none}html[data-era="2026"] .seo-page-hero>p:not(.seo-page-intro){border:1px solid var(--s-glass-border);min-height:32px;color:var(--s-text);font:500 12px var(--s-mono);letter-spacing:.06em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0e0e1180;border-radius:999px;align-items:center;gap:9px;margin:0;padding:0 13px;display:inline-flex}html[data-era="2026"] .seo-page-hero h1{max-width:none;color:var(--s-text);font:600 clamp(52px,9.2vw,140px)/.9 var(--s-font);letter-spacing:-.06em;-webkit-text-stroke:0;text-shadow:none;overflow-wrap:normal;margin:28px 0 0}html[data-era="2026"] .seo-title-word{white-space:nowrap;display:inline-block}html[data-era="2026"] .seo-title-words>span:last-child .kinetic-letter:last-child:after{content:".";color:var(--s-accent)}html[data-era="2026"] .seo-page-hero .seo-page-intro{max-width:34em;box-shadow:none;color:var(--s-muted);font:400 clamp(18px,1.6vw,22px)/1.55 var(--s-font);letter-spacing:-.01em;background:0 0;border:0;margin:30px 0 0;padding:0}html[data-era="2026"] .seo-page-stats{margin-top:64px;display:grid}html[data-era="2026"] .seo-page-content{gap:20px;width:min(1136px,100% - 64px);padding:48px 0 0}html[data-era="2026"] .seo-panel{border:1px solid var(--s-glass-border);border-radius:var(--s-radius);color:var(--s-text);background:linear-gradient(#ffffff0b,#ffffff04);padding:36px;box-shadow:inset 0 1px #ffffff0d}html[data-era="2026"] .seo-panel:nth-child(2n){background:linear-gradient(#ffffff0b,#ffffff04)}html[data-era="2026"] .seo-panel-wide{padding:44px}html[data-era="2026"] .seo-panel :is(h2,h3){color:var(--s-text);font-family:var(--s-font)}html[data-era="2026"] .seo-panel h2{font:600 clamp(24px,2.5vw,34px)/1.12 var(--s-font);letter-spacing:-.04em;margin:16px 0 14px}html[data-era="2026"] .seo-panel h2 a{color:inherit;transition:color .2s}html[data-era="2026"] .seo-panel h2 a:hover{color:var(--s-accent)}html[data-era="2026"] .seo-panel :is(p,li,dd){color:var(--s-muted);font:400 16px/1.7 var(--s-font)}html[data-era="2026"] .seo-panel :is(dt,strong){color:var(--s-text)}html[data-era="2026"] .seo-panel p a{color:var(--s-accent);text-underline-offset:3px;text-decoration:underline}html[data-era="2026"] .seo-label{color:var(--s-dim);font:500 11px/1.5 var(--s-mono);letter-spacing:.1em;text-transform:uppercase;display:block}html[data-era="2026"] .seo-number{box-shadow:none;color:#0000;font:400 italic 64px/1 var(--s-serif);letter-spacing:0;-webkit-text-stroke:1px #fff3;pointer-events:none;background:0 0;border:0;margin:0;padding:0;position:absolute;top:22px;right:30px}html[data-era="2026"] .seo-number~.seo-label{padding-right:72px}html[data-era="2026"] .seo-card-grid{gap:20px}html[data-era="2026"] :is(.seo-note,.seo-callout){border:1px solid var(--s-glass-border);border-left:2px solid var(--s-accent);box-shadow:none;color:var(--s-muted);background:#0000004d;border-radius:12px;padding:16px 18px}html[data-era="2026"] .seo-callout strong{color:var(--s-accent);font:500 11px/1.5 var(--s-mono);letter-spacing:.1em}html[data-era="2026"] .seo-callout p{margin:6px 0 0}html[data-era="2026"] .seo-next-links{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}html[data-era="2026"] :is(.seo-next-links a,.seo-inline-link,.soccer-launcher,.seo-author-card a){border:1px solid var(--s-glass-border);min-height:48px;box-shadow:none;color:var(--s-text);font:500 14.5px var(--s-font);text-transform:none;background:#0e0e118c;border-radius:999px;align-items:center;gap:8px;padding:0 20px;text-decoration:none;transition:border-color .2s,background-color .2s,color .2s;display:inline-flex;position:relative;transform:none}html[data-era="2026"] :is(.seo-next-links a,.seo-inline-link,.soccer-launcher,.seo-author-card a):hover{color:var(--s-text);box-shadow:none;background:#1e1e24bf;border-color:#ffffff40;transform:none}html[data-era="2026"] :is(.seo-next-links a:first-child,.soccer-launcher){color:var(--s-accent-ink);background:linear-gradient(var(--s-accent),var(--s-accent)) padding-box,conic-gradient(from var(--studio-angle),var(--s-accent),var(--s-teal),var(--s-violet),#fff,var(--s-accent)) border-box;border:1.5px solid #0000;font-weight:600;animation:4s linear infinite studio-spin;box-shadow:0 10px 40px -10px #d9ff5799}html[data-era="2026"] :is(.seo-next-links a:first-child,.soccer-launcher):hover{color:var(--s-accent-ink);background:linear-gradient(#e8ff94,#e8ff94) padding-box,conic-gradient(from var(--studio-angle),var(--s-accent),var(--s-teal),var(--s-violet),#fff,var(--s-accent)) border-box;box-shadow:0 14px 50px -8px #d9ff57cc}html[data-era="2026"] .seo-panel p a.seo-inline-link{color:var(--s-text);text-decoration:none}html[data-era="2026"] :is(.seo-article-meta,.seo-article-byline){flex-wrap:wrap;gap:8px;display:flex}html[data-era="2026"] :is(.seo-article-meta span,.seo-article-byline span,.seo-architecture span){border:1px solid var(--s-glass-border);box-shadow:none;color:var(--s-muted);font:500 11px/1.4 var(--s-mono);letter-spacing:.06em;background:#ffffff08;border-radius:999px;padding:5px 11px}html[data-era="2026"] .seo-project-list{gap:24px;display:grid}html[data-era="2026"] .seo-project:has(.project-preview){grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;gap:0 48px;padding:28px;display:grid}html[data-era="2026"] .seo-project:has(.project-preview)>*{grid-column:2}html[data-era="2026"] .seo-project:has(.project-preview)>.project-preview{grid-area:1/1/span 12}html[data-era="2026"] .seo-project:has(.project-preview)>.seo-number{grid-column:auto}html[data-era="2026"] .seo-project:has(.project-preview)>.seo-label{margin-top:56px}html[data-era="2026"] .seo-project:nth-child(odd):has(.project-preview){grid-template-columns:minmax(0,5fr) minmax(0,7fr)}html[data-era="2026"] .seo-project:nth-child(odd):has(.project-preview)>*{grid-column:1}html[data-era="2026"] .seo-project:nth-child(odd):has(.project-preview)>.project-preview{grid-column:2}html[data-era="2026"] .seo-project:nth-child(odd):has(.project-preview)>.seo-number{left:calc(41.66% - 120px);right:auto}html[data-era="2026"] .seo-project:not(:has(.project-preview))>:not(.seo-number){max-width:780px}html[data-era="2026"] .seo-project .project-preview{border:1px solid var(--s-glass-border);transform:perspective(1400px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .6s var(--s-ease);background:#0c0c0f;border-radius:16px;margin:0;overflow:hidden;box-shadow:0 50px 120px -40px #8b7bff59,0 30px 80px -30px #000,inset 0 1px #ffffff12}html[data-era="2026"] .seo-project:nth-child(3n+2) .project-preview{box-shadow:0 50px 120px -40px #2de2c44d,0 30px 80px -30px #000,inset 0 1px #ffffff12}html[data-era="2026"] .seo-project:nth-child(3n) .project-preview{box-shadow:0 50px 120px -40px #d9ff5740,0 30px 80px -30px #000,inset 0 1px #ffffff12}html[data-era="2026"] :is(.seo-project .project-preview,.case-study-image):before{content:"";border-bottom:1px solid var(--s-glass-border);background:radial-gradient(circle at 19px,#ff5f57 4.5px,#0000 5px),radial-gradient(circle at 36px,#febc2e 4.5px,#0000 5px),radial-gradient(circle at 53px,#28c840 4.5px,#0000 5px),#ffffff08;height:36px;display:block}html[data-era="2026"] .seo-project .preview-open{background:var(--s-bg);border:0;border-radius:0;display:block;position:relative;overflow:hidden}html[data-era="2026"] .seo-project .preview-open img{aspect-ratio:16/10;object-fit:cover;object-position:top left;width:100%;height:auto;transition:transform .8s var(--s-ease);border:0;border-radius:0;display:block}html[data-era="2026"] .seo-project .preview-open:hover img{transform:scale(1.035)}html[data-era="2026"] .preview-open>span{border:1px solid var(--s-glass-border);color:var(--s-text);font:500 10.5px/1.3 var(--s-mono);letter-spacing:.08em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#08080abf;border-radius:999px;padding:6px 12px;position:absolute;bottom:14px;right:14px}html[data-era="2026"] .project-preview figcaption{border-top:1px solid var(--s-glass-border);color:var(--s-dim);font:500 11px/1.4 var(--s-mono);letter-spacing:.04em;margin:0;padding:10px 14px}html[data-era="2026"] .seo-project>p{margin:0 0 14px}html[data-era="2026"] .seo-project>strong{color:var(--s-dim);font:500 11px/1.6 var(--s-mono);letter-spacing:.08em;margin:18px 0 0;display:block}html[data-era="2026"] .project-evidence{gap:12px;margin:8px 0 0;display:grid}html[data-era="2026"] .project-evidence>div{border:1px solid var(--s-glass-border);background:#00000040;border-radius:12px;padding:14px 16px}html[data-era="2026"] .project-evidence dt{color:var(--s-dim);font:500 11px/1.4 var(--s-mono);letter-spacing:.1em;text-transform:uppercase}html[data-era="2026"] .project-evidence dd{margin:6px 0 0;font-size:14.5px;line-height:1.6}html[data-era="2026"] .seo-project .project-links{flex-wrap:wrap;gap:4px 20px;margin-top:14px;display:flex}html[data-era="2026"] .seo-project .specta-highlights{gap:12px;margin:18px 0 0;padding:0;list-style:none;display:grid}html[data-era="2026"] .seo-project .specta-highlights li{color:var(--s-muted);font-family:var(--s-font);padding-left:20px;position:relative}html[data-era="2026"] .seo-project .specta-highlights li:before{content:"";background:var(--s-accent);opacity:1;border-radius:50%;width:6px;height:6px;position:absolute;top:.7em;left:0;box-shadow:0 0 10px #d9ff57aa}html[data-era="2026"] .seo-project .specta-highlights strong{color:var(--s-text);font-weight:600}html[data-era="2026"] .seo-project .specta-links{margin-top:18px}html[data-era="2026"] .seo-project .specta-links a{color:var(--s-text);font:500 14px var(--s-font);text-decoration:underline;-webkit-text-decoration-color:var(--s-border-strong);text-decoration-color:var(--s-border-strong);text-underline-offset:5px}html[data-era="2026"] .seo-project .specta-links a:hover{color:var(--s-accent);-webkit-text-decoration-color:var(--s-accent);text-decoration-color:var(--s-accent)}html[data-era="2026"] .seo-timeline{gap:16px;padding-left:40px;display:grid;position:relative}html[data-era="2026"] .seo-timeline:before{content:"";background:linear-gradient(var(--s-accent),var(--s-violet) 55%,transparent);width:1px;position:absolute;top:28px;bottom:28px;left:11px}html[data-era="2026"] .seo-role{grid-template-columns:200px minmax(0,1fr);align-items:baseline;column-gap:32px;padding:30px 36px;display:grid}html[data-era="2026"] .seo-role>*{grid-column:2}html[data-era="2026"] .seo-role>.seo-label{color:var(--s-muted);grid-area:1/1/span 3;margin-top:12px}html[data-era="2026"] .seo-role:before{content:"";background:var(--s-bg);width:11px;height:11px;box-shadow:0 0 0 1.5px var(--s-violet);border-radius:50%;position:absolute;top:40px;left:-35px}html[data-era="2026"] .seo-role:first-child:before{background:var(--s-accent);box-shadow:0 0 0 4px #d9ff5726,0 0 18px #d9ff57aa}html[data-era="2026"] .seo-role h2{margin:0 0 4px}html[data-era="2026"] .seo-role h3{color:var(--s-accent);font:500 13px/1.5 var(--s-mono);letter-spacing:.06em;margin:0 0 12px}html[data-era="2026"] .seo-role>p{max-width:46em;margin:0}html[data-era="2026"] .seo-education{margin-top:8px}html[data-era="2026"] .seo-writing-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}html[data-era="2026"] .seo-writing-card{flex-direction:column;padding:36px;display:flex}html[data-era="2026"] .seo-writing-card h2{margin-top:56px;font-size:clamp(26px,2.6vw,36px)}html[data-era="2026"] .seo-writing-card .seo-article-meta{margin-top:auto;padding-top:18px}html[data-era="2026"] .seo-writing-card .seo-inline-link{align-self:flex-start;margin-top:22px}html[data-era="2026"] .seo-article{max-width:760px;box-shadow:none;counter-reset:studio-section;background:0 0;border:0;padding:0}html[data-era="2026"] .seo-article>:is(p,ol,ul){color:#c9c9d1;font:400 18px/1.8 var(--s-font)}html[data-era="2026"] .seo-article :is(p,li){font-size:18px;line-height:1.8}html[data-era="2026"] .seo-article .seo-lede{color:var(--s-text);font:400 clamp(20px,2vw,24px)/1.6 var(--s-font);letter-spacing:-.01em}html[data-era="2026"] .seo-article>h2{font:600 clamp(28px,3vw,38px)/1.12 var(--s-font);letter-spacing:-.04em;margin:72px 0 18px}html[data-era="2026"] .seo-article>h2:before{counter-increment:studio-section;content:counter(studio-section,decimal-leading-zero);color:var(--s-accent);font:500 12px/1 var(--s-mono);letter-spacing:.1em;margin-bottom:14px;display:block}html[data-era="2026"] .seo-article :is(ol,ul){counter-reset:studio-item;padding-left:0;list-style:none}html[data-era="2026"] .seo-article :is(ol,ul)>li{margin:0 0 12px;padding-left:44px;position:relative}html[data-era="2026"] .seo-article ol>li:before{counter-increment:studio-item;content:counter(studio-item,decimal-leading-zero);color:var(--s-accent);font:500 12px/1.4 var(--s-mono);position:absolute;top:.32em;left:0}html[data-era="2026"] .seo-article ul>li:before{content:"";background:var(--s-accent);border-radius:50%;width:6px;height:6px;position:absolute;top:.75em;left:6px}html[data-era="2026"] .seo-article pre{border:1px solid var(--s-glass-border);color:var(--s-accent);font:400 14px/1.9 var(--s-mono);background:linear-gradient(#141419e6,#0c0c0fe6);border-radius:16px;margin:28px 0;padding:22px 24px;overflow-x:auto;box-shadow:0 40px 100px -50px #8b7bff59,inset 0 1px #ffffff0d}html[data-era="2026"] .seo-article .seo-callout{margin:32px 0;padding:22px 24px}html[data-era="2026"] .seo-article .seo-callout p{color:var(--s-text);font-size:17px}html[data-era="2026"] :is(.seo-author-card,.seo-disclosure,.seo-architecture){border:1px solid var(--s-glass-border);border-radius:var(--s-radius);box-shadow:none;color:var(--s-muted);font-family:var(--s-font);background:linear-gradient(#ffffff0b,#ffffff04);padding:24px}html[data-era="2026"] .seo-author-card{margin-top:72px}html[data-era="2026"] .seo-author-card a.author-icon-link{border-radius:999px;justify-content:center;width:48px;padding:0}html[data-era="2026"] .seo-disclosure{margin-top:16px;font-size:13.5px;line-height:1.6}html[data-era="2026"] .seo-disclosure :is(p,strong,a){font-size:13.5px}html[data-era="2026"] .seo-article-byline{margin-bottom:36px}html[data-era="2026"] .seo-article+.seo-next-links,html[data-era="2026"] .seo-article~.seo-next-links{max-width:760px}html[data-era="2026"] .case-study-image{border:1px solid var(--s-glass-border);background:#0c0c0f;border-radius:16px;margin:28px 0 0;overflow:hidden;box-shadow:0 50px 120px -40px #8b7bff59,0 30px 80px -30px #000}html[data-era="2026"] .case-study-image img{border:0;border-radius:0;width:100%;height:auto;display:block}html[data-era="2026"] .case-study-image figcaption{border-top:1px solid var(--s-glass-border);color:var(--s-dim);font:500 11px/1.5 var(--s-mono);margin:0;padding:10px 14px}html[data-era="2026"] .seo-panel .project-links{flex-wrap:wrap;gap:4px 20px;margin-top:12px;display:flex}html[data-era="2026"] .seo-page .social-profile-groups .social-group-label{color:var(--s-dim)}html[data-era="2026"] .seo-page-cta{width:min(1136px,100% - 64px);margin:150px auto 0;padding:0 0 110px}html[data-era="2026"] .seo-page-cta h2{max-width:12em;color:var(--s-text);font:600 clamp(44px,7.4vw,112px)/.95 var(--s-font);letter-spacing:-.055em;margin:18px 0 0}html[data-era="2026"] .seo-page-cta .hero-actions{margin-top:40px}@keyframes studio-vt-out{to{opacity:0;filter:blur(4px);transform:translateY(-12px)}}@keyframes studio-vt-in{0%{opacity:0;filter:blur(6px);transform:translateY(22px)}}html[data-era="2026"]::view-transition-old(root){animation:studio-vt-out .22s var(--s-ease) both}html[data-era="2026"]::view-transition-new(root){animation:studio-vt-in .5s var(--s-ease) 80ms both}html[data-era="2026"]::view-transition-group(.studio-nav){animation-duration:.45s;animation-timing-function:var(--s-ease)}html:not([data-era="2026"])::view-transition-group(*){animation:none}html:not([data-era="2026"])::view-transition-old(*){animation:none}html:not([data-era="2026"])::view-transition-new(*){animation:none}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}html[data-era="2026"] .continue-screen{margin-top:160px}html[data-era="2026"] .continue-screen>h2{font:600 clamp(56px,10vw,150px)/.9 var(--s-font);letter-spacing:-.06em;background:linear-gradient(100deg,#f4f4f5 30%,var(--s-accent) 70%,var(--s-teal));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 36px}html[data-era="2026"] .continue-screen:before{color:var(--s-accent)}html[data-era="2026"] .contact-terminal{border-color:var(--s-glass-border);background:linear-gradient(#ffffff0b,#ffffff04);border-radius:24px;box-shadow:0 50px 120px -50px #8b7bff66,inset 0 1px #ffffff0d}html[data-era="2026"] .contact-channel{border-left-color:var(--s-glass-border);background:#00000040}html[data-era="2026"] .message-form :is(input,textarea){border-color:var(--s-glass-border);background:#00000059;border-radius:12px}html[data-era="2026"] .message-form button{border-radius:999px}html[data-era="2026"] .social-profile-groups a{border-color:var(--s-glass-border);background:#ffffff08;border-radius:999px}html[data-era="2026"] :is(.game-footer,.seo-page-footer){row-gap:28px;padding-top:0;position:relative;overflow:hidden}html[data-era="2026"] .seo-page-footer{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:20px;padding:0 max(32px,50% - 568px) 28px;display:grid}html[data-era="2026"] .seo-page-footer>nav{flex-wrap:wrap;justify-content:center;gap:8px 20px;display:flex}html[data-era="2026"] .seo-page-footer>a{justify-self:end}html[data-era="2026"] :is(.game-footer,.seo-page-footer):before{content:"Villanueva";color:#0000;font:600 clamp(36px,17.5vw,290px)/.82 var(--s-font);letter-spacing:-.07em;text-align:center;text-transform:none;white-space:nowrap;-webkit-text-stroke:1px #fff3;background:linear-gradient(#d9ff5747,#8b7bff14 70%,#0000);-webkit-background-clip:text;background-clip:text;order:-1;grid-column:1/-1;min-width:0;margin:40px 0 -1vw;display:block;overflow:hidden}@media (max-width:1380px){.studio-nav{padding-left:92px}}@media (max-width:1060px){.studio-search span{display:none}.hero-hud{grid-template-columns:1fr 1fr}.hero-hud>div:last-child{display:none}}@media (max-width:900px){html[data-era="2026"] .seo-project:has(.project-preview){grid-template-columns:minmax(0,1fr)}html[data-era="2026"] .seo-project:nth-child(odd):has(.project-preview){grid-template-columns:minmax(0,1fr)}html[data-era="2026"] .seo-project:has(.project-preview)>*{grid-column:1}html[data-era="2026"] .seo-project:nth-child(odd):has(.project-preview)>*{grid-column:1}html[data-era="2026"] .seo-project:has(.project-preview)>.project-preview{order:-1;grid-area:auto/1;margin-bottom:8px}html[data-era="2026"] .seo-project:nth-child(odd):has(.project-preview)>.project-preview{order:-1;grid-area:auto/1;margin-bottom:8px}html[data-era="2026"] .seo-project:has(.project-preview)>.seo-label{margin-top:18px}html[data-era="2026"] .seo-project:has(.project-preview)>.seo-number{display:none}html[data-era="2026"] .seo-writing-list,html[data-era="2026"] .seo-role{grid-template-columns:minmax(0,1fr)}html[data-era="2026"] .seo-role>*,html[data-era="2026"] .seo-role>.seo-label{grid-area:auto/1}html[data-era="2026"] .seo-role>.seo-label{margin:0 0 10px}.studio-now,.studio-toolkit{grid-template-columns:minmax(0,1fr);gap:36px}.now-intro{position:static}.studio-project,.studio-project:nth-child(2n){grid-template-columns:minmax(0,1fr);gap:28px}.studio-project:nth-child(2n) .project-visual{order:0}.studio-projects{gap:88px}.person-body{grid-template-columns:minmax(0,1fr);gap:24px}.person-body .studio-links{justify-content:flex-start}html[data-era="2026"] .contact-terminal-body{grid-template-columns:1fr}html[data-era="2026"] .contact-channel{border-left:0;border-top:1px solid var(--s-glass-border)}}@media (max-width:760px){html[data-era="2026"] .studio-home{padding:0 16px 16px}.studio-nav{margin-top:8px;padding-left:0;top:8px}.studio-nav-inner{border-radius:22px;padding:6px}.studio-nav nav{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:4px;display:grid}.studio-nav nav a.studio-signature{min-width:0;min-height:38px;margin-left:88px;font-size:13.5px}.studio-signature span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studio-nav-links{border-top:1px solid var(--s-glass-border);grid-area:2/1/auto/-1;justify-content:space-between;margin:0;padding-top:4px}.studio-nav nav a{min-height:38px;padding:0 11px}.studio-nav nav a.studio-nav-cta{margin-left:0;padding:0 14px}.studio-search{min-height:38px;margin-left:0;padding:0 11px}.studio-search kbd{display:none}.studio-hero{min-height:0;margin-top:-110px;padding-top:110px}.studio-hero-inner{padding:56px 0 28px}.studio-hero h1{margin-top:22px;font-size:clamp(50px,15.5vw,96px)}.kinetic-line+.kinetic-line{padding-left:0}.hero-statement{margin-top:24px}.hero-actions{margin-top:26px}.studio-button{min-height:48px;padding:0 18px}.hero-hud{grid-template-columns:minmax(0,1fr);margin-top:44px}.hero-hud>div,.hero-hud>div+div{border-left:0;padding:14px 0}.hero-hud>div+div{border-top:1px solid var(--s-glass-border)}.studio-ticker{padding:14px 0}.studio-section{margin-top:100px}.section-head{flex-direction:column;align-items:flex-start;gap:18px;margin-bottom:32px}.now-cards li{padding:24px 22px}.project-index{font-size:64px}.code-window pre{font-size:12.5px}.code-line:before{width:40px;padding-right:14px}.code-status>span:last-child{display:none}.writing-row{grid-template-columns:minmax(0,1fr) 44px;gap:14px 16px;padding:24px 6px}.writing-meta{grid-column:1/-1}.writing-meta>span{display:inline}.writing-meta>span+span:before{content:" · "}.writing-arrow{width:44px;height:44px}html[data-era="2026"] .continue-screen{margin-top:110px;padding:0 16px 56px}html[data-era="2026"] .message-form{grid-template-columns:1fr;padding:22px 20px}html[data-era="2026"] .seo-page>.studio-nav{width:calc(100% - 32px);margin-top:8px}html[data-era="2026"] .seo-page-hero{margin-top:-110px;padding:156px 16px 8px}html[data-era="2026"] .seo-page-hero h1{margin-top:22px;font-size:clamp(42px,13vw,84px)}html[data-era="2026"] .seo-page-stats{margin-top:40px}html[data-era="2026"] .seo-page-content{width:calc(100% - 32px);padding-top:28px}html[data-era="2026"] :is(.seo-panel,.seo-panel-wide,.seo-writing-card){padding:26px 22px}html[data-era="2026"] .seo-project:has(.project-preview){padding:14px 14px 24px}html[data-era="2026"] .seo-project:has(.project-preview)>:not(.project-preview){margin-left:8px;margin-right:8px}html[data-era="2026"] .seo-number{font-size:48px;top:18px;right:20px}html[data-era="2026"] .seo-timeline{padding-left:26px}html[data-era="2026"] .seo-timeline:before{left:5px}html[data-era="2026"] .seo-role{padding:24px 22px}html[data-era="2026"] .seo-role:before{top:32px;left:-26px}html[data-era="2026"] .seo-article{padding:0}html[data-era="2026"] .seo-article>h2{margin-top:56px}html[data-era="2026"] .seo-article :is(p,li),html[data-era="2026"] .seo-article>:is(p,ol,ul){font-size:17px}html[data-era="2026"] .seo-page-cta{width:calc(100% - 32px);margin-top:100px;padding-bottom:72px}html[data-era="2026"] .seo-page-footer{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center;gap:8px;padding:0 16px 24px}html[data-era="2026"] .seo-page-footer>a{justify-self:center}html[data-era="2026"] .seo-page-hero>p:not(.seo-page-intro){border-radius:16px;min-height:0;padding:7px 13px;line-height:1.45}html[data-era="2026"] .contact-channel{padding:22px 20px}}@media (max-width:480px){.studio-nav nav a.studio-signature>span{display:none}}@media (max-width:400px){html[data-era="2026"] .game-footer{letter-spacing:0;grid-template-columns:minmax(0,1fr)}html[data-era="2026"] .game-footer>span{overflow-wrap:anywhere;min-width:0}.studio-nav nav a{padding:0 8px;font-size:13px}.studio-nav nav a.studio-nav-cta{padding:0 12px}.studio-search{padding:0 9px}.studio-hero h1{font-size:clamp(44px,14.5vw,60px)}}@media (prefers-reduced-motion:reduce){html[data-era="2026"] *,html[data-era="2026"] :before,html[data-era="2026"] :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}html[data-era="2026"] .studio-progress{display:none}}
.era-selector{position:fixed}.era-caption{color:#f5e42b;letter-spacing:.14em;pointer-events:none;background:#090b09;padding:0 4px;font:700 8px/1.2 Courier New,monospace;position:absolute;top:-7px;left:7px}html[data-era="2000"] .era-caption{background:var(--desk-face,#d4d0c8);color:navy;font-family:Tahoma,sans-serif}.specta-highlights{gap:12px;margin:6px 0 18px;padding:0;list-style:none;display:grid}.specta-highlights li{padding-left:18px;font:400 15px/1.65 Arial,Helvetica,sans-serif;position:relative}.specta-highlights li:before{content:"";opacity:.7;background:currentColor;width:8px;height:8px;position:absolute;top:.62em;left:0}.specta-highlights strong{font-weight:700;display:block}.specta-links{flex-wrap:wrap;gap:6px 22px;margin:0 0 18px;display:flex}.specta-links a{text-underline-offset:3px;align-items:center;min-height:44px;font:700 14px/1.4 Arial,Helvetica,sans-serif;text-decoration:underline;display:inline-flex}.mission-copy .specta-highlights li{color:#2b2b25}.mission-copy .specta-links a{color:var(--blue-dark,#073a85)}.mission-copy .specta-highlights li:before{background:var(--red,#b8291f);opacity:1}.seo-project .specta-links a{color:inherit}.desktop-current .specta-highlights,.desktop-current .specta-links{grid-column:2;margin:4px 0 0}.desktop-current .specta-highlights li{color:#222;font:13px/1.6 Verdana,Tahoma,sans-serif}.desktop-current .specta-links a{color:#00a;min-height:32px;font:700 12px/1.6 Tahoma,sans-serif}@media (max-width:760px){.desktop-current .specta-highlights,.desktop-current .specta-links{grid-column:1}}html[data-era="2000"] .contact-channel .social-group-label{letter-spacing:.06em;font:700 13px/1.5 Tahoma,sans-serif}html[data-era="2000"] .desktop-file{grid-template-columns:28px minmax(0,1fr) 160px}.desktop-file .project-links{justify-content:flex-start;gap:2px}html .desktop-file .project-links a{white-space:nowrap;min-height:30px;margin:0}@media (max-width:760px){html[data-era="2000"] .desktop-file{grid-template-columns:25px minmax(0,1fr)}.desktop-file .project-links a{white-space:normal}}@media (min-width:900px){html:not([data-era="2000"]):not([data-era="2026"]) .cartridge-grid>.game-cartridge:last-child:nth-child(odd){grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:start;column-gap:36px;display:grid}html:not([data-era="2000"]):not([data-era="2026"]) .cartridge-grid>.game-cartridge:last-child:nth-child(odd)>*{grid-column:2}html:not([data-era="2000"]):not([data-era="2026"]) .cartridge-grid>.game-cartridge:last-child:nth-child(odd)>.project-preview{grid-area:1/1/span 7;align-self:start;margin-top:0}html:not([data-era="2000"]):not([data-era="2026"]) .cartridge-grid>.game-cartridge:last-child:nth-child(odd)>.cartridge-number{position:absolute}}@media (min-width:761px){.profile-window{grid-template-columns:1fr}.profile-facts{border-right:0;border-bottom:5px solid var(--cream);grid-template-columns:repeat(4,1fr)}.profile-facts span{border-bottom:0;border-right:3px solid var(--cream);min-height:0;padding:20px 24px}.profile-facts span:nth-child(2n){border-right:3px solid var(--cream)}.profile-facts span:last-child{border-right:0}.profile-story{grid-template-columns:160px minmax(0,1fr);justify-content:start;align-items:start;column-gap:40px;display:grid}.profile-story>*{grid-column:2}.profile-story>.profile-portrait{grid-area:1/1/span 5;margin:0}.profile-story>.profile-about-link{justify-self:start}}@media (max-width:760px){.profile-facts span{min-height:0;padding:16px 14px}}html:is([data-era="2000"],[data-era="2026"]) .profile-story{grid-template-columns:minmax(0,1fr)}.game-footer,.seo-page-footer{padding-bottom:96px}html[data-era="2000"] :is(.game-footer,.seo-page-footer){padding-bottom:140px}html[data-era="2026"] :is(.game-footer,.seo-page-footer){padding-bottom:84px}@media (max-width:760px){.search-launcher{place-items:center;width:48px;min-width:48px;height:48px;display:grid;padding:0!important;font-size:0!important}html .search-launcher>span{margin:0;font-size:22px;line-height:1;display:block}}html[data-era="2000"] .seo-page-footer{margin-bottom:116px;padding-bottom:24px}.worldcup-player.music-expanded{z-index:170}@media (max-width:1100px){html:not([data-era="2000"]):not([data-era="2026"]) .seo-home-link{margin-left:84px}}.project-logo{vertical-align:-.1em;width:.95em;height:.95em;color:inherit;flex:none;margin-right:.3em;display:inline-block}.project-logo svg{fill:currentColor;width:100%;height:100%;display:block}.cartridge-title h3 .project-logo,.seo-project h2 .project-logo{filter:drop-shadow(2px 2px #00000047)}.seo-page-hero h1 .project-logo{vertical-align:-.06em;width:.8em;height:.8em;filter:drop-shadow(.06em .06em 0 var(--black));margin-right:.2em}html[data-era="2000"] .project-logo,html[data-era="2026"] .project-logo{filter:none}html[data-era="2026"] .project-copy .project-logo,html[data-era="2026"] .seo-project h2 .project-logo{box-sizing:border-box;border:1px solid var(--s-glass-border);background:var(--s-glass);vertical-align:-.28em;border-radius:.32em;width:1.2em;height:1.2em;padding:.2em}html[data-era="2026"] .seo-page-hero h1 .project-logo{color:var(--s-accent)}a.hero-chip{text-decoration:none;transition:border-color .2s,color .2s}a.hero-chip:hover,a.hero-chip:focus-visible{border-color:var(--s-accent);color:var(--s-accent)}.desktop-status a{color:inherit;text-underline-offset:2px;text-decoration:underline}html[data-era="2000"] .desktop-status a{color:#00a}