D:\host\scoreman.in\nhglobal\index.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="NH Global Consulting provides strategic advisory, resourcing, IT infrastructure, cybersecurity, and Japan market enablement services.">
<meta name="theme-color" content="#f3f0e9">
<title>NH Global Consulting | Japan · Global · Growth</title>
<link rel="icon" type="image/png" sizes="32x32" href="assets/favicon-32.png">
<link rel="icon" type="image/png" sizes="192x192" href="assets/icon-192.png">
<link rel="apple-touch-icon" sizes="180x180" href="assets/apple-touch-icon.png">
<link rel="manifest" href="site.webmanifest">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Noto+Sans+JP:wght@400;500;600&family=Outfit:wght@400;500;600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="styles.css">
<script src="script.js" defer></script>
</head>
<body>
<a class="skip-link" href="#main-content">Skip to content</a>
<div class="noise" aria-hidden="true"></div>
<header class="site-header">
<a class="brand" href="#top" aria-label="NH Global Consulting home">
<img class="brand-mark" src="assets/NH_logo_transparent_background.png" alt="">
<span class="brand-name">NH GLOBAL <strong>CONSULTING</strong></span>
</a>
<nav class="desktop-nav" aria-label="Primary navigation">
<a href="#about" data-i18n="nav.about">About</a>
<a href="#services" data-i18n="nav.services">Services</a>
<a href="#japan" data-i18n="nav.japan">Japan Advantage</a>
<a href="#contact" data-i18n="nav.contact">Contact</a>
</nav>
<div class="header-actions">
<div class="language-switcher" aria-label="Select language">
<button class="lang-btn active" data-lang="en" type="button">EN</button>
<span>/</span>
<button class="lang-btn" data-lang="ja" type="button">日本語</button>
</div>
<a class="header-cta" href="#contact">
<span data-i18n="nav.talk">Let's talk</span>
<span aria-hidden="true">↗</span>
</a>
<button class="menu-toggle" type="button" aria-label="Open menu" aria-expanded="false">
<span></span><span></span>
</button>
</div>
<nav class="mobile-nav" aria-label="Mobile navigation">
<a href="#about" data-i18n="nav.about">About</a>
<a href="#services" data-i18n="nav.services">Services</a>
<a href="#japan" data-i18n="nav.japan">Japan Advantage</a>
<a href="#contact" data-i18n="nav.contact">Contact</a>
</nav>
</header>
<main id="main-content">
<section class="hero" id="top">
<div class="hero-orbit orbit-one" aria-hidden="true"></div>
<div class="hero-orbit orbit-two" aria-hidden="true"></div>
<div class="hero-content">
<p class="eyebrow reveal" data-i18n="hero.eyebrow">Japan · Global · Growth</p>
<h1 class="reveal">
<span data-i18n="hero.line1">Clarity for</span><br>
<em data-i18n="hero.line2">what's next.</em>
</h1>
<p class="hero-copy reveal" data-i18n="hero.copy">Strategic advisory, exceptional talent, and resilient technology infrastructure for enterprises growing across Japan and global markets.</p>
<div class="hero-actions reveal">
<a class="button button-dark" href="#services">
<span data-i18n="hero.services">Explore our services</span>
<span aria-hidden="true">↘</span>
</a>
<a class="text-link" href="#contact">
<span data-i18n="hero.contact">Start a conversation</span>
<span aria-hidden="true">→</span>
</a>
</div>
</div>
<div class="hero-visual reveal" data-tilt-scene>
<div class="hero-scene" data-tilt-card>
<div class="hero-glow" aria-hidden="true"></div>
<div class="hero-grid" aria-hidden="true"></div>
<div class="hero-ring ring-outer" aria-hidden="true"></div>
<div class="hero-ring ring-inner" aria-hidden="true"></div>
<div class="hero-logo-plane">
<img class="hero-logo" src="assets/NH_logo_transparent_background.png" alt="NH Global Consulting">
</div>
<span class="hero-node node-one" aria-hidden="true"></span>
<span class="hero-node node-two" aria-hidden="true"></span>
<span class="hero-node node-three" aria-hidden="true"></span>
<div class="hero-axis axis-x" aria-hidden="true"></div>
<div class="hero-axis axis-y" aria-hidden="true"></div>
</div>
<p class="hero-tokyo">東京<br>TOKYO</p>
<span class="hero-caption" aria-hidden="true">35.6762° N · 139.6503° E</span>
</div>
<div class="hero-footer">
<span data-i18n="hero.location">Based in Tokyo · Connected globally</span>
<a href="#about" class="scroll-prompt">
<span data-i18n="hero.discover">Discover</span>
<span class="scroll-line"></span>
</a>
</div>
</section>
<section class="statement section-pad" id="about">
<div class="section-label reveal">
<span>01</span>
<p data-i18n="about.label">Who we are</p>
</div>
<div class="statement-content">
<p class="kicker reveal" data-i18n="about.kicker">A trusted partner at the intersection of business, talent, and technology.</p>
<h2 class="reveal" data-i18n="about.title">We turn complex ambitions into clear, executable outcomes.</h2>
<div class="statement-grid">
<p class="reveal" data-i18n="about.copy1">NH Global Consulting partners with enterprises to deliver strategic advisory, resourcing, and IT infrastructure services that enable scalable and sustainable growth.</p>
<p class="reveal" data-i18n="about.copy2">With deep understanding of Japanese business culture and a global delivery perspective, we bridge markets, teams, and technologies with precision.</p>
</div>
</div>
</section>
<section class="services section-pad" id="services">
<div class="services-intro">
<div class="section-label reveal">
<span>02</span>
<p data-i18n="services.label">What we do</p>
</div>
<div>
<h2 class="reveal" data-i18n="services.title">Expertise that moves business forward.</h2>
<p class="reveal" data-i18n="services.intro">From strategy to execution, our integrated capabilities help you navigate change and build lasting momentum.</p>
</div>
</div>
<div class="service-list">
<article class="service-item reveal">
<span class="service-number">01</span>
<div class="service-icon icon-advisory" aria-hidden="true"></div>
<div class="service-copy">
<h3 data-i18n="services.s1.title">Consulting & Advisory</h3>
<p data-i18n="services.s1.copy">Strategic and execution-focused guidance across sales, business development, account management, and program governance.</p>
</div>
<span class="service-arrow" aria-hidden="true">↗</span>
</article>
<article class="service-item reveal">
<span class="service-number">02</span>
<div class="service-icon icon-talent" aria-hidden="true"></div>
<div class="service-copy">
<h3 data-i18n="services.s2.title">Resourcing & Talent</h3>
<p data-i18n="services.s2.copy">Flexible, compliant staffing and bilingual Japanese–English resource deployment for local and global projects.</p>
</div>
<span class="service-arrow" aria-hidden="true">↗</span>
</article>
<article class="service-item reveal">
<span class="service-number">03</span>
<div class="service-icon icon-infra" aria-hidden="true"></div>
<div class="service-copy">
<h3 data-i18n="services.s3.title">IT Infrastructure</h3>
<p data-i18n="services.s3.copy">End-to-end network, data center, server, storage, security device, and migration support.</p>
</div>
<span class="service-arrow" aria-hidden="true">↗</span>
</article>
<article class="service-item reveal">
<span class="service-number">04</span>
<div class="service-icon icon-managed" aria-hidden="true"></div>
<div class="service-copy">
<h3 data-i18n="services.s4.title">Managed IT & Operations</h3>
<p data-i18n="services.s4.copy">Structured service management, service desk, SLA oversight, and multi-vendor coordination.</p>
</div>
<span class="service-arrow" aria-hidden="true">↗</span>
</article>
<article class="service-item reveal">
<span class="service-number">05</span>
<div class="service-icon icon-security" aria-hidden="true"></div>
<div class="service-copy">
<h3 data-i18n="services.s5.title">Cybersecurity & Risk</h3>
<p data-i18n="services.s5.copy">Security operations, risk assessment, compliance readiness, governance, and incident response support.</p>
</div>
<span class="service-arrow" aria-hidden="true">↗</span>
</article>
<article class="service-item reveal">
<span class="service-number">06</span>
<div class="service-icon icon-cloud" aria-hidden="true"></div>
<div class="service-copy">
<h3 data-i18n="services.s6.title">Cloud & Digital Infrastructure</h3>
<p data-i18n="services.s6.copy">Cloud migration, hybrid and multi-cloud operations, monitoring, optimization, and governance.</p>
</div>
<span class="service-arrow" aria-hidden="true">↗</span>
</article>
<article class="service-item reveal">
<span class="service-number">07</span>
<div class="service-icon icon-vendor" aria-hidden="true"></div>
<div class="service-copy">
<h3 data-i18n="services.s7.title">Vendor & Governance</h3>
<p data-i18n="services.s7.copy">Vendor onboarding, RFP/RFQ coordination, commercial governance, performance, and compliance management.</p>
</div>
<span class="service-arrow" aria-hidden="true">↗</span>
</article>
<article class="service-item reveal">
<span class="service-number">08</span>
<div class="service-icon icon-japan" aria-hidden="true"></div>
<div class="service-copy">
<h3 data-i18n="services.s8.title">Japan Market Enablement</h3>
<p data-i18n="services.s8.copy">Market entry, localization, cross-cultural support, Japanese client engagement, and partner enablement.</p>
</div>
<span class="service-arrow" aria-hidden="true">↗</span>
</article>
</div>
</section>
<section class="japan-section" id="japan">
<div class="japan-art" aria-hidden="true">
<div class="rising-sun"></div>
<div class="vertical-type">日本から世界へ</div>
<span class="coordinates">35.6762° N<br>139.6503° E</span>
</div>
<div class="japan-content">
<div class="section-label light reveal">
<span>03</span>
<p data-i18n="japan.label">The Japan advantage</p>
</div>
<p class="japan-kicker reveal" data-i18n="japan.kicker">Local understanding.<br>Global standards.</p>
<h2 class="reveal" data-i18n="japan.title">Built to bridge the gap between Japan and the world.</h2>
<p class="reveal" data-i18n="japan.copy">We combine local market fluency, bilingual capability, and international delivery experience to help organizations enter, operate, and grow in Japan with confidence.</p>
<div class="japan-points">
<span data-i18n="japan.p1">Bilingual expertise</span>
<span data-i18n="japan.p2">Cross-cultural fluency</span>
<span data-i18n="japan.p3">Trusted local ecosystem</span>
</div>
</div>
</section>
<section class="principles section-pad">
<div class="section-label reveal">
<span>04</span>
<p data-i18n="principles.label">How we work</p>
</div>
<div class="principles-content">
<h2 class="reveal" data-i18n="principles.title">Disciplined in approach.<br>Human in partnership.</h2>
<div class="principle-grid">
<article class="reveal">
<span>信</span>
<h3 data-i18n="principles.p1.title">Trust</h3>
<p data-i18n="principles.p1.copy">We build durable relationships through transparency, integrity, and accountability.</p>
</article>
<article class="reveal">
<span>精</span>
<h3 data-i18n="principles.p2.title">Precision</h3>
<p data-i18n="principles.p2.copy">We bring rigor and attention to detail to every decision and every delivery.</p>
</article>
<article class="reveal">
<span>進</span>
<h3 data-i18n="principles.p3.title">Progress</h3>
<p data-i18n="principles.p3.copy">We stay focused on practical outcomes that create meaningful, sustained growth.</p>
</article>
</div>
</div>
</section>
<section class="contact" id="contact">
<div class="contact-ring" aria-hidden="true"></div>
<p class="eyebrow reveal" data-i18n="contact.eyebrow">Let's create what comes next</p>
<h2 class="reveal" data-i18n="contact.title">Your next chapter<br>starts with a conversation.</h2>
<a class="contact-email reveal" href="mailto:reachus@nhglobalconsulting.com">
reachus@nhglobalconsulting.com
<span aria-hidden="true">↗</span>
</a>
</section>
</main>
<footer>
<div class="footer-brand">
<a class="brand brand-light" href="#top">
<img class="brand-mark" src="assets/NH_logo_transparent_background.png" alt="">
<span class="brand-name">NH GLOBAL <strong>CONSULTING</strong></span>
</a>
<p data-i18n="footer.tagline">Japan · Global · Growth</p>
</div>
<div class="footer-contact">
<p data-i18n="footer.office">Tokyo Office</p>
<address>4-4-21, 304, Edogawa-ku<br>Tokyo 134-0091, Japan</address>
</div>
<div class="footer-links">
<a href="#about" data-i18n="nav.about">About</a>
<a href="#services" data-i18n="nav.services">Services</a>
<a href="#japan" data-i18n="nav.japan">Japan Advantage</a>
<a href="mailto:reachus@nhglobalconsulting.com" data-i18n="nav.contact">Contact</a>
</div>
<div class="footer-bottom">
<p>© <span id="year"></span> NH Global Consulting. <span data-i18n="footer.rights">All rights reserved.</span></p>
<a href="https://nhglobalconsulting.com">nhglobalconsulting.com</a>
</div>
</footer>
</body>
</html>