.skip-link { position: fixed; z-index: 10; top: var(--bx-space-3); left: var(--bx-space-3); padding: var(--bx-space-3) var(--bx-space-4); background: var(--bx-blue-solid); color: var(--bx-fg-inverse); transform: translateY(-180%); }
.skip-link:focus { transform: translateY(0); }
.site-header { display: flex; align-items: center; justify-content: space-between; padding-block: var(--bx-space-5); border-bottom: 1px solid var(--bx-border-default); }
.hero { position: relative; min-height: 42rem; padding-top: clamp(var(--bx-space-8), 11vw, var(--bx-space-10)); overflow: hidden; }
.eyebrow, .section-number { margin: 0; color: var(--bx-fg-subtle); font-family: var(--bx-font-mono); font-size: var(--bx-font-size-xs); font-weight: var(--bx-font-weight-bold); letter-spacing: var(--bx-letter-spacing-wide); text-transform: uppercase; }
.hero-layout { position: relative; z-index: 1; }
h1.bx-display { max-width: 8.5ch; margin-top: var(--bx-space-5); font-size: clamp(4.5rem, 14vw, 12.5rem); line-height: .88; }
h1 em, h2 em { color: var(--bx-blue-text); font-style: normal; }
.hero-note { display: grid; gap: var(--bx-space-5); max-width: 22rem; margin-top: var(--bx-space-6); }
.hero-note p { margin: 0; color: var(--bx-fg-muted); }
.signal { position: absolute; z-index: 0; top: 7.2rem; right: -10rem; width: min(78vw, 54rem); aspect-ratio: 1; border-radius: 50%; }
.signal-orbit { position: absolute; inset: 0; border: 1px solid var(--bx-border-default); border-radius: 49% 51% 50% 50%; }
.orbit-one { transform: rotate(-29deg) scaleX(.58); }
.orbit-two { transform: rotate(42deg) scaleY(.56); }
.signal-core { position: absolute; top: 50%; left: 50%; width: var(--bx-space-3); height: var(--bx-space-3); border-radius: var(--bx-radius-full); background: var(--bx-blue-solid); transform: translate(-50%, -50%); }
h2 { font-size: clamp(3rem, 8vw, 7rem); line-height: 1.08; }
.contact-panel { padding-block: var(--bx-space-10); background: var(--bx-bg-inverse); color: var(--bx-fg-inverse); }
.contact-panel h2 { margin-top: 0; }
.contact-panel > div > p:not(.section-number) { margin: var(--bx-space-6) 0; color: var(--bx-fg-muted); }
.contact-address { display: inline-flex; gap: var(--bx-space-3); padding-bottom: var(--bx-space-1); border-bottom: 1px solid var(--bx-blue-solid); color: var(--bx-blue-text); font-size: clamp(1.35rem, 4vw, 3rem); font-weight: var(--bx-font-weight-bold); text-decoration: none; }
.site-footer { display: flex; flex-wrap: wrap; gap: var(--bx-space-4); align-items: center; justify-content: space-between; padding-block: var(--bx-space-5); font-size: var(--bx-font-size-xs); }
.site-footer p { margin: 0; color: var(--bx-fg-muted); }
@media (min-width: 46rem) { .hero { min-height: 48rem; } .hero-note { margin-left: 42%; } .signal { top: var(--bx-space-8); right: -8rem; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }