/* Original Features 02 globe proportions, with the site's existing typography. */
.presence-home .presence-hero{position:relative;isolation:isolate;overflow:hidden;background:#000;color:var(--text);margin-inline:-40px;padding:0 40px 28px;border-radius:0}
.presence-hero:after{display:none}
.presence-shell{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;max-width:1182px;margin:0 auto;min-height:790px}
.presence-art{position:absolute;inset:0 0 auto;height:504px;overflow:hidden}
.presence-mask{position:absolute;inset:0;mask-image:linear-gradient(to bottom,#000 0%,#000 48%,rgba(0,0,0,.35) 52%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 48%,rgba(0,0,0,.35) 72%,transparent 100%)}
.presence-glow{pointer-events:none;position:absolute;left:50%;top:268px;width:331px;height:331px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.10),transparent 70%)}
.presence-sphere{position:absolute;left:50%;top:204px;width:331px;height:331px;transform:translateX(-50%);cursor:grab;touch-action:none;pointer-events:auto}
.presence-sphere:active{cursor:grabbing}
.presence-fade{pointer-events:none;position:absolute;inset:auto 0 0;height:112px;background:linear-gradient(to bottom,transparent,#000)}
.presence-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;width:100%;min-height:790px;padding-top:416px;pointer-events:none}
.presence-intro{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:882px;padding:42px 8px 0;margin-top:-8px;text-align:center}
.presence-kicker{display:flex;align-items:center;gap:6px;font:500 14px/1.5 'JetBrains Mono',monospace;color:var(--muted)}
.presence-kicker img{width:22px;height:22px;filter:grayscale(1);flex:none}
.presence-hero h1{font-family:Bricolage,sans-serif;font-size:58px;font-weight:600;line-height:1.2;letter-spacing:-.035em;color:var(--text);margin:0;text-wrap:balance;text-shadow:0 8px 30px #ffffff40,0 4px 8px #ffffff0d;max-width:100%}
.presence-description{font:400 16px/1.7 'JetBrains Mono',monospace;color:var(--muted);max-width:672px;text-wrap:balance;margin:4px 0 0}
.presence-spacer{flex:1;min-height:40px}
.presence-metrics{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:none;flex-shrink:0;margin:0 0 64px;padding:0;pointer-events:auto}
.presence-metrics li{position:relative;display:flex;flex-direction:column;align-items:center;gap:24px;padding:0 24px;text-align:center;min-width:0}
.presence-metrics li+li:before{content:'';position:absolute;left:0;top:50%;height:48px;width:1px;background:var(--border);transform:translateY(-50%)}
.presence-metrics strong{font:600 58px/1.2 Bricolage,sans-serif;letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--text);background:linear-gradient(135deg,#fff,#ffffff80);background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 8px 30px #ffffff40,0 4px 8px #ffffff0d}
.presence-metrics li>span{font:400 14px/1.5 'JetBrains Mono',monospace;color:var(--muted)}



.presence-hero .skill-index{justify-content:center;text-align:center;color:var(--muted);font-size:10px;gap:8px 15px;margin:0 auto;max-width:1000px;padding:20px 0 0;border-top:1px solid var(--border)}
.presence-hero .skill-index li:not(:last-child):after{margin-left:15px}
.presence-home #work{margin-top:100px}
/* Scoped utility rules for the unchanged CLI OrbitControls component. */
.globe-orbits{position:absolute;inset:0;pointer-events:none}
.globe-orbits .absolute{position:absolute}
.globe-orbits .inset-0{inset:0}
.globe-orbits .overflow-visible{overflow:visible}
.globe-orbits .rounded-full{border-radius:50%}
.globe-orbits .border{border-width:1px;border-style:solid}
.globe-orbits .border-dashed{border-style:dashed}
.globe-orbits .border-white{border-color:#fff}
.globe-orbits .will-change-transform{will-change:transform}
.globe-orbits [class~="left-1/2"]{left:50%}
.globe-orbits [class~="-translate-x-1/2"]{transform:translate(-50%,-50%)}
.globe-orbits>div{mask-image:linear-gradient(to right,transparent,#000 14%,#000 86%,transparent)}
.globe-orbits .hidden{display:block}
.globe-orbits [class~="sm:hidden"]{display:none}
.globe-orbits [class~="top-92.375"]{top:0}
@keyframes globe-orbit{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.globe-orbits .animate-globe-orbit{animation:globe-orbit 14s linear infinite}
.globe-paused .animate-globe-orbit{animation-play-state:paused}
@media(max-width:1279px){.presence-hero h1{font-size:44px}.presence-metrics strong{font-size:44px}.presence-metrics{margin-top:64px}}
@media(max-width:1023px){.presence-spacer{display:none}.presence-metrics{grid-template-columns:1fr;max-width:560px;margin-top:40px}.presence-metrics li{width:100%;max-width:327px;margin:auto;padding:32px 0;gap:24px}.presence-metrics li+li:before{inset:0 0 auto;width:100%;height:1px;transform:none}.presence-content{min-height:790px}.presence-description{font-size:15px}.presence-hero h1{font-size:44px}}
@media(max-width:1000px){.presence-home .presence-hero{margin-inline:-30px;padding-inline:30px}}
@media(max-width:650px){.presence-home .presence-hero{margin-inline:-24px;padding-inline:24px}}
@media(max-width:639px){.presence-home .presence-hero{margin-inline:-24px;padding:40px 16px 28px}.presence-shell{min-height:0}.presence-art{position:relative;inset:auto;width:100%;height:424px;flex-shrink:0}.presence-glow{top:268px;width:320px;height:320px}.presence-sphere{top:112px;width:312px;height:312px}.presence-fade{height:160px}.presence-content{min-height:0;padding-top:16px;flex:1}.presence-intro{margin-top:-144px;gap:16px}.presence-kicker{font-size:12px}.presence-kicker img{width:18px;height:18px}.presence-hero h1{font-size:clamp(34px,8vw,44px);line-height:1.2;letter-spacing:-.025em;max-width:440px}.presence-description{font-size:13px;line-height:1.8;max-width:560px;margin-top:0}.presence-metrics{margin:32px 0 40px;max-width:560px}.presence-metrics strong{font-size:34px}.presence-metrics li>span{font-size:13px}.globe-orbits .hidden{display:none}.globe-orbits [class~="sm:hidden"]{display:block}.globe-orbits .top-67{top:268px}.presence-hero .skill-index{font-size:9px;gap:10px 12px;padding-top:22px;max-width:480px}.presence-hero .skill-index li:not(:last-child):after{margin-left:12px}.presence-home #work{margin-top:70px}}
@media(prefers-reduced-motion:reduce){.globe-orbits .animate-globe-orbit{animation:none!important}}

/* Tighten the hero above mobile, keeping the original mobile composition. */
@media(min-width:640px){
 .presence-shell,.presence-content{min-height:620px}
 .presence-art{transform:translateY(-146px)}
 .presence-content{padding-top:270px}
 .presence-spacer{display:block;flex:1;min-height:24px}
 .presence-metrics{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none;margin:24px 0 32px}
 .presence-metrics li{max-width:none;padding:0 18px;gap:16px}
 .presence-metrics li+li:before{inset:auto auto auto 0;top:50%;width:1px;height:48px;transform:translateY(-50%)}
}
@media(min-width:640px) and (max-width:1023px){.presence-metrics strong{font-size:36px}.presence-metrics li>span{font-size:12px}.presence-content,.presence-shell{min-height:600px}}
