.hero{min-height:100svh;display:flex;align-items:center;padding-top:var(--nav-h);background-color:var(--paper);position:relative;overflow:hidden}.hero__grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:48px 48px;opacity:.5;mask-image:radial-gradient(ellipse 80% 70% at 60% 40%,black 30%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse 80% 70% at 60% 40%,black 30%,transparent 80%)}.hero__glow{position:absolute;top:-10%;right:-5%;width:55%;aspect-ratio:1;background:radial-gradient(circle,var(--accent-dim-subtle) 0%,transparent 65%);pointer-events:none}.hero__inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,5rem);align-items:center;padding-block:clamp(3rem,6vw,6rem);width:100%}.hero__content{max-width:580px}.hero__eyebrow{display:inline-flex;align-items:center;gap:.5rem;color:var(--accent);margin-bottom:1.5rem;font-size:clamp(.6rem,2vw,.75rem);letter-spacing:.04em}.hero__eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0}.hero__headline{margin-bottom:1.25rem;color:var(--ink)}.hero__sub{color:var(--accent);max-width:460px;margin-bottom:2.5rem}.hero__actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:2rem}.hero__update{display:inline-flex;align-items:center;gap:.5rem;color:var(--ink);margin-bottom:1.5rem;font-size:clamp(.6rem,2vw,.75rem);letter-spacing:.04em}.hero__note{margin-top:1rem;color:var(--ink-faint);font-size:.8125rem}.hero__visual{display:flex;justify-content:center;align-items:center}.hero__globe-3d{position:relative;width:clamp(260px,38vw,460px);aspect-ratio:1;cursor:grab}.hero__globe-3d canvas{width:100%!important;height:100%!important;display:block}.globe-tooltip{position:absolute;background:var(--white);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.5rem .75rem;font-family:var(--font-body);font-size:.8125rem;pointer-events:none;opacity:0;transition:opacity .15s ease;white-space:nowrap;box-shadow:var(--shadow-md);color:var(--ink-muted)}.globe-tooltip__name{display:block;font-family:var(--font-display);font-size:.875rem;font-weight:700;color:var(--accent);margin-bottom:2px}.hero__globe-wrap{position:relative;width:clamp(260px,38vw,460px);aspect-ratio:1}.hero__globe-wrap .globe-ring{position:absolute;inset:0;border-radius:50%;border:1px solid var(--line);animation:globe-spin 20s linear infinite}.hero__globe-wrap .globe-ring:nth-child(2){inset:8%;animation-duration:28s;animation-direction:reverse}.hero__globe-wrap .globe-ring:nth-child(3){inset:16%;animation-duration:36s}@keyframes globe-spin{to{transform:rotate(360deg)}}.globe-core{position:absolute;inset:22%;border-radius:50%;background:var(--accent-dim);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg)}.globe-text{font-family:var(--font-display);font-size:clamp(1rem,2.5vw,1.5rem);font-weight:800;color:var(--accent);text-align:center;line-height:1.2;letter-spacing:-.02em}.globe-dot{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--accent)}.globe-dot--davao{top:62%;right:20%;animation:globe-pulse 2.4s ease-in-out infinite}.globe-dot--halifax{top:26%;left:20%;animation:globe-pulse 2.4s ease-in-out infinite 1.2s}@keyframes globe-pulse{0%,to{box-shadow:0 0 0 3px var(--accent-dim)}50%{box-shadow:0 0 0 8px transparent}}.globe-label{position:absolute;font-family:var(--font-display);font-size:.6875rem;font-weight:600;color:var(--ink-muted);white-space:nowrap}.globe-label--davao{top:69%;right:4%}.globe-label--halifax{top:17%;left:6%}.globe-connector{position:absolute;inset:0;pointer-events:none}@keyframes hero-fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero__eyebrow{animation:hero-fade-up .6s ease both}.hero__headline{animation:hero-fade-up .6s ease both .1s}.hero__sub{animation:hero-fade-up .6s ease both .2s}.hero__actions{animation:hero-fade-up .6s ease both .3s}.hero__note{animation:hero-fade-up .6s ease both .4s}@media(max-width:900px){.hero__inner{grid-template-columns:1fr;text-align:center}.hero__sub{margin-inline:auto}.hero__actions{justify-content:center}.hero__visual{display:flex;justify-content:center;margin-top:2rem}.hero__globe-3d,.hero__globe-wrap{width:clamp(220px,70vw,340px)!important}}