@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/font-0.ttf) format('truetype');
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/font-1.ttf) format('truetype');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/font-2.ttf) format('truetype');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/font-3.ttf) format('truetype');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/font-4.ttf) format('truetype');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/font-5.ttf) format('truetype');
}

:root{--bg:#0a0b0f;--surface:#101218;--surface2:#151821;--ink:#f4f3ef;--muted:#a5a9b5;--faint:#7d8493;--line:#252934;--blue:#88afff;--red:#ed6a68;--mono:'IBM Plex Mono',monospace;--font:'Space Grotesk',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.6}::selection{background:#29467d;color:white}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}svg{flex:none}.icon{height:21px;width:21px;vertical-align:middle}h1,h2,h3,h4,p{margin:0}h1,h2,h3{line-height:1.15;font-weight:700}h2{font-size:clamp(32px,4.2vw,52px);letter-spacing:-2px}h3{font-size:22px;letter-spacing:-.6px}p{color:var(--muted)}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--blue);outline-offset:6px}[hidden]{display:none!important}.wrap{width:calc(100% - 80px);margin-inline:auto}.section{padding:106px 0;border-top:1px solid var(--line);scroll-margin-top:28px}.eyebrow{font:400 11px/1.5 var(--mono);text-transform:uppercase;letter-spacing:2px;color:var(--muted)}.section-index{color:var(--red);margin-right:14px}.blue{color:var(--blue)}.red{color:var(--red)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin:20px 0 36px}.section-heading p{max-width:395px;font-size:15px}.skip-link{position:fixed;left:16px;top:-100px;z-index:100;background:var(--ink);color:var(--bg);padding:12px}.skip-link:focus{top:12px}.site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:rgba(10,11,15,.95);backdrop-filter:blur(18px)}.header-inner{height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:13px}.brand-mark{font-size:24px;line-height:1;letter-spacing:-3px;font-weight:700;padding-right:4px}.brand-dot{display:inline-block;width:6px;height:6px;background:var(--red);border-radius:50%;margin-left:5px;vertical-align:middle}.brand-text{font-size:13px;line-height:1.4}.brand-text small{display:block;font:10px var(--mono);color:var(--muted);margin-top:3px;letter-spacing:.4px}.nav{display:flex;align-items:center;gap:24px}.nav a{font-size:12px;color:var(--muted);padding:9px 0;transition:color .2s}.nav a:hover,.nav a.active{color:var(--ink)}.header-actions{display:flex;align-items:center;gap:15px}.language-switch{color:var(--muted);display:none;align-items:center;gap:6px;font:11px var(--mono)}.js .language-switch{display:flex}.language-switch button{background:none;border:0;color:var(--muted);padding:10px 3px;font:inherit}.language-switch button[aria-pressed=true]{color:var(--ink)}.mini-contact{border:1px solid var(--line);padding:10px 16px;font-size:12px;display:flex;align-items:center;gap:9px;border-radius:5px}.mini-contact:hover{border-color:var(--blue)}.mini-contact .icon{width:14px;height:14px}.menu-button{display:none;width:42px;height:42px;border:1px solid var(--line);background:none;color:var(--ink);border-radius:5px}.menu-button span{display:block;width:18px;height:1px;background:currentColor;margin:5px auto}
.hero{padding:66px 0 0;position:relative;overflow:hidden}.hero:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 91% 50%,#12203c60,transparent 47%)}.hero-layout{display:grid;grid-template-columns:1.23fr 1fr;gap:80px;align-items:center}.hero-kicker{display:flex;align-items:center;gap:13px}.hero-kicker:before{content:'';height:1px;width:32px;background:var(--red)}.hero h1{font-size:clamp(64px,7.7vw,105px);letter-spacing:-6px;line-height:.98;margin:30px 0 24px}.hero h1 span{display:block}.hero h1 .name-last{color:var(--blue)}.hero-role{font-size:24px;line-height:1.4;letter-spacing:-.8px;max-width:480px;color:var(--ink)}.hero-description{font-size:15px;max-width:440px;margin-top:17px;line-height:1.8}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 24px}.button{display:inline-flex;align-items:center;justify-content:center;gap:13px;padding:15px 21px;font-size:13px;font-weight:700;min-height:52px;border:1px solid var(--line);border-radius:5px;transition:background .2s,border-color .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--blue);color:#0a162d;border-color:var(--blue)}.button.primary:hover{background:#a4c1ff}.button.secondary:hover{border-color:var(--muted);background:var(--surface)}.button .icon{width:17px;height:17px}.hero-socials{display:flex;align-items:center;gap:11px;flex-wrap:wrap}.hero-socials a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:5px;color:var(--muted);transition:color .2s,border-color .2s}.hero-socials a:hover{color:var(--ink);border-color:var(--blue)}.hero-socials .icon{width:17px;height:17px}.hero-socials .eyebrow{margin-left:6px;letter-spacing:1px;font-size:9px}.portrait-area{position:relative;padding:14px 0 24px 16px}.portrait-area:before{content:'';position:absolute;top:0;right:-14px;width:70%;height:80%;border:1px solid #3a4f76;border-radius:8px}.portrait-frame{position:relative;background:var(--surface);padding:10px;border:1px solid #323a4c;border-radius:8px}.portrait-top{display:flex;align-items:center;justify-content:space-between;height:35px;padding:0 8px 7px;font:9px var(--mono);letter-spacing:1px;color:var(--muted)}.portrait-top .corner{color:var(--blue);font-size:17px}.portrait-frame img{width:100%;height:374px;object-fit:cover;object-position:center 43%;border-radius:4px;filter:saturate(.72)}.portrait-caption{padding:16px 8px 8px;display:flex;justify-content:space-between;align-items:center;gap:12px}.portrait-caption strong{display:block;font-size:15px;line-height:1.2}.portrait-caption small{font:9px var(--mono);color:var(--muted)}.portrait-caption .icon{color:var(--blue)}.portrait-stamp{position:absolute;bottom:0;left:-6px;background:#591f28;color:#ffd7d6;border:1px solid #8b3947;font:10px var(--mono);padding:13px 18px;letter-spacing:1px;border-radius:3px;transform:rotate(-4deg)}.hero-rail{margin-top:55px;padding:25px 0;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);font:10px var(--mono);letter-spacing:1.4px;color:var(--muted)}.rail-right{display:flex;gap:30px}.hero-rail .divider{color:var(--red)}
.about-layout{display:grid;grid-template-columns:.6fr 1.4fr;gap:90px}.about-name{font:12px var(--mono);margin-top:28px;color:var(--muted)}.about-copy h2{max-width:700px;font-size:41px}.about-copy p{margin-top:24px;max-width:660px;font-size:16px;line-height:1.8}.about-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.tag{padding:7px 11px;border:1px solid var(--line);border-radius:4px;font:10px var(--mono);color:var(--muted)}.expertise-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.expertise-card{background:var(--surface);border:1px solid var(--line);padding:30px 26px;border-radius:7px;position:relative;overflow:hidden}.expertise-card:before{content:'';position:absolute;left:0;top:0;width:50px;height:2px;background:var(--blue)}.expertise-card:nth-child(2):before{background:var(--red)}.card-symbol{color:var(--blue);width:31px;height:31px;display:block;margin-bottom:28px}.expertise-card:nth-child(2) .card-symbol{color:var(--red)}.expertise-card h3{font-size:22px;max-width:260px}.expertise-card p{margin-top:16px;font-size:14px;line-height:1.8}.expertise-footer{border-top:1px solid var(--line);padding-top:18px;margin-top:25px;font:10px/1.6 var(--mono);color:var(--muted)}.tools-rail{padding-top:30px;display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}.tools{display:flex;flex-wrap:wrap;gap:20px;font-size:13px;color:var(--muted)}
.experience-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:88px}.experience-intro h2{margin-top:20px}.experience-intro p{font-size:15px;margin-top:20px;max-width:310px}.experience-list{margin:0;padding:0;list-style:none}.experience-list li{padding:0 0 30px 26px;border-left:1px solid var(--line);position:relative}.experience-list li:not(:first-child){padding-top:28px;border-top:1px solid var(--line)}.experience-list li:last-child{padding-bottom:0}.experience-list li:before{content:'';position:absolute;left:-4px;top:7px;width:7px;height:7px;background:var(--blue);border-radius:50%}.experience-list li:not(:first-child):before{top:35px}.experience-list li:nth-child(2):before{background:var(--red)}.experience-list .eyebrow{font-size:9px;letter-spacing:1.3px;margin-bottom:9px}.experience-list h3{font-size:22px}.experience-list p{margin-top:12px;font-size:14px;line-height:1.8}
.cert-section{background:#0d0f14}.cert-controls{display:none;gap:20px;align-items:flex-start;justify-content:space-between;margin-bottom:28px}.js .cert-controls{display:flex}.filters{display:flex;flex-wrap:wrap;gap:8px;max-width:780px}.filter{background:transparent;color:var(--muted);border:1px solid var(--line);padding:10px 13px;border-radius:4px;font-size:11px;min-height:40px}.filter:hover{color:var(--ink);border-color:var(--muted)}.filter.active{background:#1b2843;border-color:#45618b;color:#c0d1fa}.search-input{width:220px;flex:none}.search-input input{width:100%;height:40px;min-width:0;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:4px;padding:0 12px;font-size:11px}.search-input input::placeholder{color:var(--muted);opacity:1}.cert-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.cert-card{border:1px solid var(--line);border-radius:6px;background:var(--surface);padding:24px;display:flex;flex-direction:column;min-height:220px}.cert-card:hover{border-color:#455578}.cert-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:21px}.cert-code{font:500 14px var(--mono);letter-spacing:-.5px;color:var(--blue)}.cert-top time{font:9px var(--mono);color:var(--red)}.cert-card h3{font-size:17px;line-height:1.4;letter-spacing:-.3px}.cert-issuer{font-size:12px;margin-top:9px}.cert-bottom{border-top:1px solid var(--line);margin-top:22px;padding-top:14px;display:flex;align-items:center;justify-content:space-between;font:9px var(--mono);text-transform:uppercase;letter-spacing:.8px;color:var(--faint)}.cert-bottom a{color:var(--blue)}.cert-bottom .icon{width:13px;height:13px;margin-left:5px}.cert-empty{padding:40px;text-align:center;font-size:14px}.cert-summary{margin-top:28px;display:none;align-items:center;justify-content:space-between;gap:16px}.js .cert-summary{display:flex}.cert-count{font:10px var(--mono);color:var(--muted)}.show-all{border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:4px;padding:12px 18px;font-size:12px}.show-all:hover{border-color:var(--blue)}
.project-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:20px}.project-card{position:relative;min-height:280px;display:flex;flex-direction:column;padding:26px;border:1px solid var(--line);border-radius:7px}.project-card.featured{background:#111a2a;border-color:#273b5b}.project-card .project-no{font:12px var(--mono);color:var(--blue);margin-bottom:26px}.project-card h3{font-size:22px}.project-card p{font-size:13px;line-height:1.8;margin-top:15px}.project-card a{margin-top:auto;padding-top:24px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--blue)}.project-card a:hover{text-decoration:underline}.project-card .icon{width:16px;height:16px}
.academy-section{padding-bottom:95px}.academy-panel{margin-top:25px;border:1px solid #343242;border-radius:8px;background:linear-gradient(115deg,#17141c,#10151f);display:grid;grid-template-columns:.75fr 1.4fr;overflow:hidden}.academy-visual{position:relative;background:#000;display:flex;align-items:center;justify-content:center;border-right:1px solid #343242;padding:28px;min-height:380px}.academy-visual img{width:100%;max-width:310px}.academy-visual .eyebrow{position:absolute;bottom:23px;left:28px;font-size:9px}.academy-copy{padding:46px}.academy-copy h2{font-size:37px;letter-spacing:-1.5px;line-height:1.18;margin-bottom:17px}.academy-copy>p{font-size:14px;line-height:1.8;max-width:560px}.academy-tags{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.academy-tags .tag{color:#c5c8d3;background:#171921}.academy-socials{display:flex;gap:9px;margin:24px 0;flex-wrap:wrap}.academy-socials a{display:flex;align-items:center;gap:9px;font-size:11px;padding:10px 12px;border:1px solid #393642;border-radius:4px}.academy-socials a:hover{border-color:var(--red);color:#ffa7a4}.academy-socials .icon{width:15px;height:15px}.academy-copy .button{background:#642b35;color:#ffe4e3;border-color:#8f3e48;font-size:12px;padding:13px 17px}.academy-copy .button:hover{background:#7b3440}
.network-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px}.network-intro h2{margin-top:20px}.network-intro p{font-size:15px;margin-top:20px;max-width:310px}.network-groups{display:grid;grid-template-columns:1fr 1fr;gap:25px}.network-groups h3{font-size:17px;margin-bottom:21px}.network-groups h3 .red{font-size:10px;font-family:var(--mono);display:block;margin-top:6px;letter-spacing:1px;font-weight:400}.social-link{display:flex;align-items:center;gap:12px;padding:17px 0;border-top:1px solid var(--line);transition:color .2s;min-width:0}.social-link>.icon{width:18px;height:18px;color:var(--muted)}.social-copy{min-width:0;flex:1}.social-copy strong{font-size:13px;font-weight:500;display:block}.social-copy small{font-size:10px;color:var(--muted);overflow-wrap:anywhere}.social-link .social-arrow{width:14px;height:14px;margin-left:auto}.social-link:hover,.social-link:hover .icon{color:var(--blue)}.social-link.instagram:hover,.social-link.instagram:hover .icon{color:#eea0c4}.social-link.twitch:hover,.social-link.twitch:hover .icon{color:#ba9aff}.social-link.tiktok:hover,.social-link.tiktok:hover .icon{color:#9de7e8}
.contact-section{background:#12151e;position:relative}.contact-layout{display:flex;align-items:center;justify-content:space-between;gap:50px}.contact-section h2{font-size:clamp(40px,5vw,65px);margin-top:22px;letter-spacing:-2.8px;line-height:1.1}.contact-section p{max-width:580px;margin-top:22px;font-size:15px}.contact-actions{display:flex;flex-direction:column;align-items:center;gap:17px;flex:none}.contact-actions .button{padding:18px 23px;min-width:250px}.contact-note{font:9px var(--mono);color:var(--muted);letter-spacing:1px}.footer{padding:30px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;font:10px var(--mono);color:var(--muted)}.footer a{color:var(--blue)}.back-top{display:flex;gap:10px;align-items:center}.back-top .icon{height:12px;width:12px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;padding:0}
@media(min-width:1450px){.hero{padding-top:85px}.portrait-frame img{height:410px}}
@media(max-width:1100px){.wrap{width:calc(100% - 52px)}.nav{gap:16px}.hero-layout{gap:40px}.hero h1{font-size:85px}.portrait-frame img{height:350px}.about-layout,.experience-layout,.network-layout{gap:44px}.cert-controls{flex-direction:column}.search-input{width:100%}.project-grid{grid-template-columns:repeat(3,1fr)}.academy-copy{padding:34px}.contact-actions .button{min-width:230px}}
@media(max-width:850px){.nav{gap:13px}.nav a{font-size:11px}.mini-contact{display:none}.header-inner{height:76px;gap:10px}.hero-layout{gap:28px}.hero h1{font-size:70px;letter-spacing:-4px}.hero-role{font-size:21px}.portrait-frame img{height:320px}.hero-buttons{gap:9px}.hero-buttons .button{padding:13px 14px;font-size:11px}.hero-socials .eyebrow{display:none}.hero-rail{font-size:9px}.rail-right{gap:18px}.section{padding:80px 0}.about-layout{grid-template-columns:.5fr 1.5fr;gap:25px}.about-copy h2{font-size:33px;letter-spacing:-1px}.expertise-grid{gap:12px}.expertise-card{padding:25px 20px}.expertise-card h3{font-size:19px}.expertise-card p{font-size:13px}.experience-layout{grid-template-columns:.6fr 1.4fr;gap:35px}.cert-grid{grid-template-columns:repeat(2,1fr)}.project-grid{grid-template-columns:1fr 1fr}.project-card.featured{grid-column:1/-1;min-height:230px}.academy-panel{grid-template-columns:.65fr 1.35fr}.academy-copy h2{font-size:31px}.academy-visual{padding:18px}.network-layout{grid-template-columns:.6fr 1.4fr;gap:30px}.network-groups{gap:20px}.contact-layout{align-items:flex-start;flex-direction:column}.contact-actions{align-items:flex-start}.contact-actions .button{min-width:0}.footer{font-size:9px}}
@media(max-width:680px){.wrap{width:calc(100% - 40px)}.header-inner{height:70px}.brand-text{font-size:11px}.brand-text small{font-size:8px}.header-actions{gap:10px}.language-switch{font-size:10px}.js .menu-button{display:block}.nav{padding:8px 20px 20px;border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;gap:12px;position:absolute;top:70px;left:0;right:0;background:var(--bg)}.nav a{font-size:12px;padding:9px;flex:1;text-align:center}.js .nav{display:none}.js .nav.open{display:flex}.hero{padding-top:42px}.hero-layout{grid-template-columns:1fr;gap:34px}.hero-kicker{font-size:9px;letter-spacing:1.4px}.hero h1{font-size:clamp(70px,16vw,95px);letter-spacing:-4.5px;margin:23px 0}.hero-role{font-size:22px;max-width:410px}.hero-description{font-size:14px}.hero-buttons{margin:24px 0 20px}.hero-buttons .button{font-size:12px;padding:14px 17px}.hero-socials .eyebrow{display:inline;font-size:8px}.portrait-area{max-width:430px;width:calc(100% - 15px);margin-inline:auto;padding-left:10px}.portrait-frame img{height:360px;object-position:center 39%}.portrait-stamp{left:0}.hero-rail{margin-top:35px;padding:20px 0;flex-direction:column;gap:14px;font-size:9px}.rail-right{justify-content:space-between;gap:12px}.section{padding:65px 0}.about-layout,.experience-layout,.network-layout{grid-template-columns:1fr;gap:28px}.about-name{display:none}.about-copy h2{font-size:34px;letter-spacing:-1.3px}.about-copy p{font-size:14px;margin-top:19px}.section-heading{display:block;margin-top:18px;margin-bottom:28px}.section-heading h2{font-size:35px;letter-spacing:-1.4px}.section-heading p{margin-top:15px;font-size:14px}.expertise-grid{grid-template-columns:1fr;gap:14px}.expertise-card{padding:26px}.card-symbol{margin-bottom:23px}.expertise-card h3{font-size:24px}.expertise-card p{font-size:14px}.expertise-footer{margin-top:22px}.tools-rail{gap:15px}.tools{gap:15px;font-size:12px}.experience-intro h2,.network-intro h2{font-size:36px;letter-spacing:-1.3px}.experience-intro p,.network-intro p{max-width:none;font-size:14px}.experience-list h3{font-size:21px}.cert-grid{grid-template-columns:1fr;gap:12px}.cert-card{padding:23px;min-height:205px}.cert-card h3{font-size:18px}.filter{font-size:10px;padding:9px 10px;min-height:40px}.cert-summary{align-items:flex-start;flex-direction:column}.project-grid{grid-template-columns:1fr}.project-card.featured{grid-column:auto}.project-card{padding:26px;min-height:260px}.project-card h3{font-size:25px}.academy-panel{grid-template-columns:1fr}.academy-visual{min-height:260px;border-right:0;border-bottom:1px solid #343242;padding:18px}.academy-visual img{max-width:250px;width:75%}.academy-visual .eyebrow{font-size:8px;bottom:15px;left:22px}.academy-copy{padding:29px 25px}.academy-copy h2{font-size:32px}.academy-copy .button{width:100%;font-size:11px;padding:13px 10px;gap:10px}.academy-socials{gap:7px}.academy-socials a{font-size:10px;padding:10px}.network-groups{grid-template-columns:1fr;gap:30px}.network-groups h3{margin-bottom:18px;font-size:20px}.social-link{padding:18px 0}.social-copy strong{font-size:14px}.social-copy small{font-size:12px}.social-link>.icon{width:20px;height:20px}.contact-section h2{font-size:46px;letter-spacing:-2px}.contact-section p{font-size:14px}.contact-actions{width:100%}.contact-actions .button{width:100%;font-size:13px}.footer{align-items:flex-start;flex-direction:column;gap:18px}.eyebrow{font-size:10px}}
@media(max-width:360px){.wrap{width:calc(100% - 30px)}.brand-text small{display:none}.hero h1{font-size:69px}.hero-buttons{flex-direction:column}.hero-buttons .button{width:100%}.portrait-frame img{height:310px}.contact-section h2{font-size:40px}.rail-right{font-size:8px;gap:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
img{height:auto}.portrait-frame img{height:374px}.academy-visual img{height:auto;aspect-ratio:1}.award{border-top:1px solid var(--line);margin-top:34px;padding-top:28px;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;gap:22px}.award h3{font-size:18px;line-height:1.4}.award p{font-size:12px;text-align:right}@media(min-width:1450px){.portrait-frame img{height:410px}}@media(max-width:1100px){.portrait-frame img{height:350px}}@media(max-width:850px){.portrait-frame img{height:320px}}@media(max-width:680px){.portrait-frame img{height:360px}.award{grid-template-columns:1fr;gap:12px}.award p{text-align:left}html:not(.js) .header-inner{height:auto;min-height:70px;flex-wrap:wrap;padding-block:18px}html:not(.js) .nav{position:static;order:3;width:100%;border:0;padding:10px 0 0}}@media(max-width:360px){.portrait-frame img{height:310px}}
/* Page navigation keeps the original header styling. */
main{min-height:calc(100vh - 164px)}
.header-inner{gap:16px}.nav{gap:14px}.nav>a{font-size:12px;white-space:nowrap}.nav>a[aria-current="page"]{color:var(--blue)}
@media(min-width:681px){.portrait-area{width:100%;max-width:560px;justify-self:end}}
@media(min-width:681px) and (max-width:1200px){.header-inner{height:auto;min-height:86px;flex-wrap:wrap;padding-top:16px;gap:8px 20px}.nav{position:static;order:3;width:100%;display:flex;justify-content:space-between;gap:10px;margin-bottom:12px}.nav>a{padding:9px 0}.menu-button{display:none!important}}
@media(max-width:680px){.header-inner{height:70px;min-height:70px;flex-wrap:nowrap;gap:10px;padding:0}.nav{position:absolute;top:70px;left:0;right:0;width:auto;margin:0;padding:12px 20px 22px;background:var(--bg);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px;align-items:start}.nav>a{padding:11px 10px;min-height:44px;font-size:12px;text-align:left;white-space:normal;flex:initial}.nav>a:last-child{grid-column:1/-1}.js .nav{display:none}.js .nav.open{display:grid}.js .menu-button{display:block}html:not(.js) .header-inner{height:auto;flex-wrap:wrap;padding:18px 0}html:not(.js) .nav{position:static;order:3;width:100%;border:0;display:grid;padding:10px 0 0}}

/* Legibilidad: estos cuatro valores controlan los tamaños principales. */
:root {
  --copy-size: 22px;
  --nav-size: 18px;
  --button-size: 17px;
  --meta-size: 14px;
}

body { font-size: 19px; }
.wrap { width: min(1760px, calc(100% - 80px)); }
.header-inner { gap: 20px; }
.brand-mark { white-space: nowrap; flex: none; }
.brand-text { font-size: 16px; }
.brand-text small { font-size: 12px; }
.language-switch { font-size: 14px; }
.mini-contact { font-size: 15px; padding: 12px 17px; }
.nav { gap: 18px; }
.nav > a { font-size: var(--nav-size); }

.hero { padding-top: 58px; }
.hero-layout { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 56px; }
.hero h1 { font-size: clamp(88px, 7.4vw, 138px); letter-spacing: -6px; }
.hero-role { font-size: clamp(25px, 1.8vw, 34px); max-width: 850px; }
.hero-description { font-size: var(--copy-size); max-width: 740px; }
.hero-buttons .button { font-size: var(--button-size); padding: 17px 23px; }
.hero-socials a { width: 46px; height: 46px; }
.hero-socials .icon { width: 21px; height: 21px; }
.hero-socials .eyebrow { font-size: 14px; }
.portrait-area { width: 100%; max-width: 760px; justify-self: center; }
.portrait-frame img { height: clamp(380px, 29vw, 550px); }
.portrait-top { font-size: 12px; height: 39px; }
.portrait-caption strong { font-size: 20px; }
.portrait-caption small { font-size: 12px; }
.portrait-stamp { font-size: 13px; padding: 14px 18px; }
.hero-rail { margin-top: 38px; font-size: 13px; letter-spacing: 1px; }
.rail-right { gap: 24px; }

.section { padding: 80px 0; }
.eyebrow { font-size: var(--meta-size); letter-spacing: 1.5px; }
.about-layout, .experience-layout, .network-layout { gap: 60px; }
.about-copy p, .expertise-card p, .experience-intro p,
.experience-list p, .section-heading p, .project-card p,
.academy-copy > p, .network-intro p, .contact-section p {
  font-size: var(--copy-size);
  line-height: 1.75;
}
.about-copy p { max-width: 880px; }
.about-copy h2 { max-width: 950px; }
.experience-intro p, .network-intro p { max-width: 460px; }
.section-heading p { max-width: 570px; }
.expertise-card h3, .experience-list h3, .project-card h3 { font-size: 27px; }
.experience-list .eyebrow { font-size: 12px; }
.expertise-footer { font-size: 14px; }
.tools { font-size: 17px; }
.tag { font-size: 14px; }
.button, .academy-copy .button, .contact-actions .button,
.project-card a, .show-all { font-size: var(--button-size); }
.project-card .project-no { font-size: 16px; }
.award h3 { font-size: 23px; }
.award p { font-size: 16px; }

.filters { max-width: none; flex: 1; }
.filter { font-size: 15px; padding: 12px 15px; min-height: 46px; }
.search-input { width: 280px; }
.search-input input { font-size: 16px; height: 46px; }
.cert-card { padding: 28px; min-height: 245px; }
.cert-code { font-size: 19px; }
.cert-card h3 { font-size: 24px; }
.cert-issuer { font-size: 18px; }
.cert-top time, .cert-bottom, .cert-count { font-size: var(--meta-size); }
.cert-empty { font-size: 18px; }
.show-all { padding: 14px 20px; }

.academy-socials a { font-size: 15px; padding: 11px 14px; }
.academy-socials .icon { width: 18px; height: 18px; }
.academy-visual .eyebrow { font-size: 12px; }
.network-groups h3 { font-size: 23px; }
.network-groups h3 .red { font-size: 13px; }
.social-copy strong { font-size: 18px; }
.social-copy small { font-size: 15px; }
.social-link > .icon { width: 23px; height: 23px; }
.contact-note, .footer { font-size: 13px; }

/* Las nueve páginas siguen visibles cuando el menú necesita otra fila. */
@media (min-width: 681px) and (max-width: 1480px) {
  .header-inner { height: auto; min-height: 86px; flex-wrap: wrap; padding-top: 16px; gap: 8px 20px; }
  .nav { position: static; order: 3; width: 100%; display: flex; flex-wrap: wrap; justify-content: center; gap: 3px 22px; margin-bottom: 12px; }
  .nav > a { padding: 9px 0; }
  .menu-button { display: none !important; }
}
@media (max-width: 1100px) {
  .wrap { width: calc(100% - 52px); }
  .hero-layout { gap: 34px; }
  .hero h1 { font-size: 91px; }
  .hero-role { font-size: 26px; }
  .hero-buttons .button { padding: 15px 18px; }
  .search-input { width: 100%; }
  .about-layout, .experience-layout, .network-layout { gap: 34px; }
}
@media (max-width: 850px) {
  .hero h1 { font-size: 78px; letter-spacing: -4px; }
  .hero-role { font-size: 24px; }
  .hero-description { font-size: 18px; }
  .hero-buttons .button { font-size: 15px; }
  .hero-rail { font-size: 12px; }
  .rail-right { gap: 16px; }
  .portrait-caption strong { font-size: 17px; }
  .portrait-caption small, .portrait-top { font-size: 10px; }
  .portrait-stamp { font-size: 11px; }
  .expertise-card h3 { font-size: 24px; }
}
@media (max-width: 680px) {
  :root { --copy-size: 19px; --nav-size: 17px; --button-size: 16px; --meta-size: 13px; }
  .wrap { width: calc(100% - 40px); }
  .header-inner { height: 70px; min-height: 70px; flex-wrap: nowrap; padding: 0; gap: 10px; }
  .brand-text { font-size: 15px; }
  .brand-text small { font-size: 11px; letter-spacing: 0; }
  .language-switch { font-size: 13px; }
  .nav { gap: 6px 12px; }
  .nav > a { font-size: var(--nav-size); }
  .hero { padding-top: 38px; }
  .hero-layout { grid-template-columns: 1fr; gap: 30px; }
  .hero h1 { font-size: clamp(70px, 17vw, 95px); letter-spacing: -4.5px; }
  .hero-role { font-size: 25px; }
  .hero-description { font-size: var(--copy-size); }
  .hero-buttons .button { font-size: var(--button-size); }
  .hero-socials .eyebrow { font-size: 12px; margin-top: 2px; }
  .portrait-area { max-width: 430px; width: calc(100% - 15px); margin-inline: auto; }
  .portrait-frame img { height: 360px; }
  .portrait-caption strong { font-size: 20px; }
  .portrait-caption small, .portrait-top { font-size: 13px; }
  .portrait-stamp { font-size: 13px; }
  .hero-rail { margin-top: 30px; font-size: 13px; }
  .rail-right { flex-wrap: wrap; gap: 16px; font-size: 13px; }
  .section { padding: 54px 0; }
  .about-layout, .experience-layout, .network-layout { gap: 28px; }
  .expertise-card h3, .experience-list h3, .project-card h3 { font-size: 25px; }
  .tag { font-size: 12px; }
  .filter { font-size: 14px; padding: 11px 12px; }
  .cert-card { padding: 24px; min-height: 235px; }
  .cert-card h3 { font-size: 23px; }
  .cert-code { font-size: 18px; }
  .cert-issuer { font-size: 17px; }
  .academy-socials a { font-size: 14px; padding: 10px 12px; }
  .academy-copy .button { font-size: var(--button-size); padding: 14px 12px; }
  .academy-visual .eyebrow { font-size: 10px; }
  .contact-note, .footer { font-size: 13px; }
  html:not(.js) .header-inner { height: auto; flex-wrap: wrap; padding: 18px 0; }
}
@media (max-width: 360px) {
  .wrap { width: calc(100% - 30px); }
  .portrait-frame img { height: 310px; }
  .hero h1 { font-size: 69px; }
  .hero-buttons .button { width: 100%; }
}
@media (max-width: 400px) {
  .brand-text small { display: none; }
}