[data-page="home"] .name-track>span{font-family:"PP Sans",sans-serif;font-size:max(144px,15vw);font-weight:450;line-height:1;letter-spacing:normal;padding:0;color:#fff}
[data-page="home"] .name-track .name-separator{font:inherit;padding:0 3vw}
.location-globe{position:relative;width:4.2em;height:4.2em}
.badge-globe{position:absolute;top:50%;left:50%;width:2.5em;height:2.5em;font-size:.8em;transform:translate(-50%,-50%);border-radius:50%;overflow:hidden}
.badge-globe-wrap{position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;overflow:hidden;box-shadow:inset 0 0 0 .125em #fff;animation:badgeRock 5.4s cubic-bezier(.35,0,.65,1) infinite paused}
.badge-meridian{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);border-radius:50%;font-size:.75em;box-shadow:inset .1em 0 0 .08em #fff;animation:badgeMeridian 2.7s linear infinite paused}
.badge-meridian:nth-child(1){animation-delay:-1.8s}.badge-meridian:nth-child(2){animation-delay:-.9s}
.badge-latitude,.badge-equator{position:absolute;top:50%;left:50%;width:150%;transform:translate(-50%,-50%);font-size:.75em}
.badge-latitude{height:55%;border-radius:50%;box-shadow:inset 0 0 0 .15em #fff}.badge-equator{height:.15em;background:#fff}
.is-motion-visible .badge-globe-wrap,.is-motion-visible .badge-meridian{animation-play-state:running}
@keyframes badgeRock{0%,100%{transform:translate(-50%,-50%) rotate(15deg)}50%{transform:translate(-50%,-50%) rotate(-15deg)}}
@keyframes badgeMeridian{0%{width:100%;border-radius:50%;box-shadow:inset .1em 0 0 .08em #fff}49%{border-radius:50%;box-shadow:inset .1em 0 0 .08em #fff;background:transparent}50%{width:.175em;border-radius:0;background:#fff}51%{border-radius:50%;box-shadow:inset -.1em 0 0 .08em #fff;background:transparent}100%{width:100%;border-radius:50%;box-shadow:inset -.1em 0 0 .08em #fff}}
@media(min-width:761px){
 .hero-scroll-orbit{display:none}
 [data-page="home"] .hero-role{top:calc(42% - 10px);translate:0 var(--hero-copy-y,0px)}
 .introduction .intro-grid h2{translate:0 var(--intro-copy-y,0px)}
 .introduction .intro-aside p{translate:0 calc(var(--intro-copy-y,0px)*.65)}
 .footer-cta{transform:translate3d(var(--footer-cta-x,0px),-50%,0)}
 .menu-panel{font-size:clamp(16px,1.2vw,19px);width:calc(15vw + 18.77em);max-width:100%;padding:15vh 7.5vw 10vh;transition:transform .8s cubic-bezier(.7,0,.2,1)}
 .menu-panel>.eyebrow{font-size:.6em;line-height:1.065;letter-spacing:.05em;margin:0 0 3em;padding:0;border:0}
 .menu-panel nav[aria-label="Menu"]{margin:0;padding:5vh 0 0;gap:0;border-top:1px solid #ffffff39}
 .menu-panel nav[aria-label="Menu"] a{font-size:calc(clamp(3.25em,5vw,4em)*.875);line-height:1.4;letter-spacing:normal;padding:0;transform:translateX(15vw);transition:transform .8s cubic-bezier(.7,0,.2,1)}
 .menu-panel.open nav[aria-label="Menu"] a{transform:translateX(0)}
 .menu-panel nav[aria-label="Menu"] a:nth-child(2){transition-delay:.03s}.menu-panel nav[aria-label="Menu"] a:nth-child(3){transition-delay:.06s}.menu-panel nav[aria-label="Menu"] a:nth-child(4){transition-delay:.09s}
 .menu-panel .menu-socials{padding-top:32px}
}
@media(prefers-reduced-motion:reduce){.badge-globe-wrap,.badge-meridian{animation:none}.badge-globe-wrap{transform:translate(-50%,-50%) rotate(15deg)}.hero-role,.introduction .intro-grid h2,.introduction .intro-aside p{translate:none!important}.footer-cta{transform:translateY(-50%)}.menu-panel nav[aria-label="Menu"] a{transition:none}}

/* The active page marker sits just to the left of its text. */
#menu-panel nav[aria-label="Menu"] a:after{position:absolute;right:auto;left:-.4em;top:50%;width:calc(clamp(16px,1.2vw,19px)/1.65);height:calc(clamp(16px,1.2vw,19px)/1.65);transform:translateY(-50%) scale(.35)}
#menu-panel nav[aria-label="Menu"] a[aria-current="page"]:after{transform:translateY(-50%) scale(1)}
.footer-direction{transform:rotate(var(--footer-arrow-aim,90deg))}
/* Share the same globe drawing and timed rotation across home and about. */
.hero-scroll-orbit .mobile-orbit-ball{position:relative;display:block;width:45px;height:45px;font-size:12px}
.mobile-orbit-ball .badge-globe{width:100%;height:100%;font-size:inherit}
.orbit-badge{position:relative}
.orbit-badge .badge-globe{width:50%;height:50%;font-size:18px}
.intro-aside .circle-button{transform:translate3d(var(--about-scroll-x,0px),0,0)}
@media(prefers-reduced-motion:reduce){.intro-aside .circle-button{transform:none}}

@media(min-width:761px){[data-page="home"] .name-marquee{bottom:clamp(8px,1.5vh,24px)}}

/* Fill the live phone viewport, including the browser-bar expansion area. */
@media(max-width:760px){
 .menu-panel{inset:0;width:100%;max-width:none;height:100vh;height:100dvh;min-height:100svh;border-radius:0;overscroll-behavior:contain;padding-bottom:max(35px,env(safe-area-inset-bottom))}
 .menu-panel.open{border-radius:0}
 html.mobile-scroll-locked{overflow:hidden;overscroll-behavior:none}
 .hero-portrait{transform:translate3d(0,0,0) scale(1.01);will-change:transform;backface-visibility:hidden}
}

@media(prefers-reduced-motion:reduce){.hero-portrait{transform:none!important;will-change:auto}}

/* Keep desktop scrolling available without a visible scrollbar. */
@media(min-width:761px){
 html,body,.menu-panel{scrollbar-width:none;-ms-overflow-style:none}
 html::-webkit-scrollbar,body::-webkit-scrollbar,.menu-panel::-webkit-scrollbar{display:none;width:0;height:0}
}

/* Match the mobile Menu label to the current page header. */
.header .mobile-menu-label{color:inherit}