/* English layout refinement and motion system */
body { font-feature-settings: "kern" 1, "liga" 1; }
.site-header { transition: height .35s, background .35s, box-shadow .35s; }
.scrolled .site-header { height: 62px; background: rgba(7,9,12,.9); box-shadow: 0 18px 55px rgba(0,0,0,.35); }
.site-header nav { gap: clamp(16px,2vw,29px); }
.site-header nav a { letter-spacing: .04em; white-space: nowrap; }

.cursor-glow { position: fixed; z-index: 80; left: var(--cursor-x,-100px); top: var(--cursor-y,-100px); width: 340px; height: 340px; border-radius: 50%; pointer-events: none; opacity: 0; transform: translate(-50%,-50%); background: radial-gradient(circle, rgba(207,165,106,.105), transparent 66%); mix-blend-mode: screen; transition: opacity .35s; }
.cursor-glow.active { opacity: 1; }

.hero-copy { transform: translate3d(calc(var(--px,0) * -15px),calc(var(--py,0) * -10px),0); transition: transform .2s ease-out; }
.hero-portrait { transform: translate3d(calc(var(--px,0) * 18px),calc(var(--py,0) * 12px),0); }
.hero-orb { position: absolute; border-radius: 50%; filter: blur(2px); pointer-events: none; opacity: .45; }
.orb-one { width: 380px; height: 380px; right: 7%; top: 12%; background: radial-gradient(circle, rgba(224,183,125,.22), transparent 68%); animation: floatOrb 9s ease-in-out infinite; }
.orb-two { width: 260px; height: 260px; left: 32%; bottom: 3%; background: radial-gradient(circle, rgba(99,158,173,.16), transparent 68%); animation: floatOrb 12s ease-in-out -4s infinite reverse; }
.hero h1 { text-shadow: 0 20px 60px rgba(0,0,0,.38); }
.hero .lead { max-width: 680px; }

.tilt-card { transform: perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)); transform-style: preserve-3d; transition: transform .18s ease-out, box-shadow .4s, border-color .4s; }
.tilt-card>* { transform: translateZ(18px); }
.path-grid .tilt-card:hover,.company-grid .tilt-card:hover,.investment-grid .tilt-card:hover,.topic-grid .tilt-card:hover { transform: perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-6px); }

.manifesto blockquote { max-width: 1060px; }
.metrics div { position: relative; padding-top: 8px; }
.metrics div::before { content:""; position:absolute; left:-1px; top:0; width:1px; height:0; background:linear-gradient(var(--gold),transparent); transition:height .9s .2s; }
.manifesto-grid.is-visible .metrics div::before { height:100%; }
.section-head h2,.display { text-wrap: balance; }
.career-list h3,.company-grid h2,.giving-grid h2,.topic-grid h2 { letter-spacing: -.025em; }
.career-list article { transition: background .35s, padding .35s; }
.career-list article:hover { background: rgba(255,255,255,.45); padding-left: 24px; padding-right: 24px; }
.timeline li { transition: transform .35s, color .35s; }
.timeline li:hover { transform: translateY(-7px); color:#fff; }
.page-next a b { transition: transform .35s; }
.page-next a:hover b { transform: translateX(12px); }

.company-grid article,.awards,.contact-details { border-radius: 3px; }
.giving-rule.glass-card { background: linear-gradient(135deg,rgba(18,22,27,.94),rgba(24,28,34,.8)); border:1px solid rgba(224,183,125,.28); backdrop-filter:blur(18px); }
.contact-details a { overflow-wrap:anywhere; }

.js .reveal { opacity:0; transform:translateY(38px) scale(.985); filter:blur(5px); }
.js .reveal.is-visible { opacity:1; transform:none; filter:none; }

@keyframes floatOrb { 0%,100%{transform:translate3d(0,0,0) scale(.95)} 50%{transform:translate3d(24px,-22px,0) scale(1.08)} }

@media(max-width:1050px){.site-header nav{gap:15px}.site-header nav a{font-size:11px}.hero-inner{gap:50px}.contact-details a{font-size:21px}}
@media(max-width:900px){.cursor-glow{display:none}.site-header nav{gap:0}.hero-copy,.hero-portrait{transform:none}.tilt-card,.tilt-card:hover{transform:none!important}.career-list article:hover{padding-left:0;padding-right:0;background:transparent}}
@media(prefers-reduced-motion:reduce){.hero-orb{display:none}.js .reveal{opacity:1;transform:none;filter:none}.tilt-card{transform:none!important}}