*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--navy:#0a1628;--navy-light:#132039;--navy-mid:#1a2d4a;--blue:#3b82f6;--blue-light:#60a5fa;--gold:#d4a853;--gold-light:#e8c97a;--silver:#94a3b8;--white:#f1f5f9;--white-pure:#fff;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--text-muted:#64748b;--card-bg:#13203999;--card-border:#3b82f626;--gradient-blue:linear-gradient(135deg, #3b82f6, #6366f1);--gradient-gold:linear-gradient(135deg, #d4a853, #e8c97a)}html{scroll-behavior:smooth;overflow-x:hidden}body{background:var(--navy);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;overflow-x:hidden}#root{min-height:100vh}.app{min-height:100vh;position:relative}.bg-effects{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.bg-orb{filter:blur(120px);opacity:.3;border-radius:50%;position:absolute}.bg-orb-1{background:#3b82f6;width:600px;height:600px;animation:20s ease-in-out infinite float1;top:-200px;right:-200px}.bg-orb-2{background:#6366f1;width:400px;height:400px;animation:25s ease-in-out infinite float2;bottom:20%;left:-150px}.bg-orb-3{opacity:.15;background:#d4a853;width:300px;height:300px;animation:18s ease-in-out infinite float3;top:50%;right:10%}@keyframes float1{0%,to{transform:translate(0)}50%{transform:translate(-80px,60px)}}@keyframes float2{0%,to{transform:translate(0)}50%{transform:translate(60px,-40px)}}@keyframes float3{0%,to{transform:translate(0)}50%{transform:translate(-40px,-60px)}}.container{max-width:1100px;margin:0 auto;padding:0 24px}.nav{z-index:10;justify-content:space-between;align-items:center;padding:24px 40px;display:flex;position:relative}.nav-logo{color:var(--gold);letter-spacing:2px;font-family:Playfair Display,serif;font-size:24px;font-weight:700}.nav-links{gap:32px;display:flex}.nav-links a{color:var(--text-secondary);letter-spacing:1px;text-transform:uppercase;font-size:14px;font-weight:500;text-decoration:none;transition:color .3s}.nav-links a:hover{color:var(--white)}.hero{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}.hero-content{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:0 24px 120px;display:flex}.hero-badge{border:1px solid var(--card-border);letter-spacing:2px;text-transform:uppercase;color:var(--blue-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#3b82f614;border-radius:100px;margin-bottom:32px;padding:8px 24px;font-size:13px;font-weight:500;display:inline-block}.hero-name{flex-direction:column;gap:0;margin-bottom:16px;line-height:1;display:flex}.hero-name-first{color:var(--text-primary);letter-spacing:-2px;font-family:Playfair Display,serif;font-size:clamp(64px,12vw,120px);font-weight:400}.hero-name-last{background:var(--gradient-gold);-webkit-text-fill-color:transparent;letter-spacing:-2px;-webkit-background-clip:text;background-clip:text;font-family:Playfair Display,serif;font-size:clamp(64px,12vw,120px);font-weight:700}.hero-tagline{color:var(--text-secondary);letter-spacing:3px;text-transform:uppercase;font-size:16px;font-weight:400}.hero-divider{background:var(--gradient-gold);border-radius:2px;width:60px;height:2px;margin:32px 0}.hero-summary{max-width:560px;color:var(--text-secondary);font-size:18px;line-height:1.7}.scroll-indicator{flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.scroll-indicator span{letter-spacing:3px;text-transform:uppercase;color:var(--text-muted);font-size:11px}.scroll-line{background:linear-gradient(to bottom, var(--text-muted), transparent);width:1px;height:40px;animation:2s ease-in-out infinite scrollPulse}@keyframes scrollPulse{0%,to{opacity:.3;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.2)}}.section{z-index:1;padding:100px 0;position:relative}.section-alt{background:#1320394d}.section-label{letter-spacing:4px;text-transform:uppercase;color:var(--gold);margin-bottom:12px;font-size:12px;font-weight:500}.section-title{color:var(--white);letter-spacing:-1px;margin-bottom:48px;font-family:Playfair Display,serif;font-size:clamp(36px,6vw,56px);font-weight:600}.about-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.about-card{background:var(--card-bg);border:1px solid var(--card-border);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:32px 24px;transition:transform .3s,border-color .3s}.about-card:hover{border-color:#3b82f64d;transform:translateY(-4px)}.about-icon{background:#3b82f61a;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 16px;display:flex}.about-icon svg{width:24px;height:24px;color:var(--blue-light)}.about-card h3{letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px;font-size:13px;font-weight:500}.about-card p{color:var(--white);font-size:17px;font-weight:500}.career-card{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;margin-bottom:32px;padding:36px}.career-card.featured{border-color:#d4a8534d}.career-card-header{align-items:center;gap:16px;margin-bottom:24px;display:flex}.career-logo{background:var(--gradient-blue);width:56px;height:56px;color:var(--white-pure);letter-spacing:1px;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.career-card-header h3{color:var(--white);font-size:22px;font-weight:600}.career-location{color:var(--text-secondary);margin-top:2px;font-size:14px}.career-status{letter-spacing:1px;text-transform:uppercase;color:#4ade80;background:#22c55e26;border:1px solid #22c55e4d;border-radius:100px;margin-left:auto;padding:6px 16px;font-size:12px;font-weight:600}.career-body p{color:var(--text-secondary);font-size:16px;line-height:1.8}.ms-facts h4{letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);margin-bottom:20px;font-size:14px;font-weight:500}.facts-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.fact{text-align:center;background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:24px 16px}.fact-number{color:var(--blue-light);margin-bottom:4px;font-family:Playfair Display,serif;font-size:28px;font-weight:700;display:block}.fact-label{color:var(--text-muted);font-size:13px}.family-intro{color:var(--text-secondary);max-width:640px;margin-bottom:48px;font-size:20px;line-height:1.7}.family-tree{flex-direction:column;gap:0;display:flex}.generation{position:relative}.gen-label{letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:16px;padding-left:4px;font-size:12px;font-weight:500}.family-members{flex-wrap:wrap;gap:16px;display:flex}.family-member{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;flex:200px;max-width:280px;padding:24px;transition:transform .3s}.family-member:hover{transform:translateY(-2px)}.family-member.patriarch{border-color:#d4a85340}.family-member.highlight{background:#3b82f614;border-color:#3b82f666}.family-member.memorial{background:#d4a8530d;border-color:#d4a85333}.family-member h4{color:var(--white);margin-bottom:4px;font-size:17px;font-weight:600}.family-member>p{color:var(--text-secondary);font-size:14px}.member-detail{margin-top:8px;line-height:1.5;color:var(--text-muted)!important;font-size:13px!important}.tree-connector{background:linear-gradient(to bottom, var(--card-border), #3b82f61a);width:2px;height:32px;margin:0 0 0 60px}.philanthropy-layout{grid-template-columns:1fr 1fr;align-items:start;gap:48px;display:grid}.philanthropy-story{flex-direction:column;gap:20px;display:flex}.foundation-quote{color:var(--gold-light);border-left:3px solid var(--gold);margin:0 0 8px;padding-left:24px;font-family:Playfair Display,serif;font-size:22px;font-style:italic;line-height:1.6}.philanthropy-story p{color:var(--text-secondary);font-size:16px;line-height:1.8}.philanthropy-story strong{color:var(--white)}.philanthropy-pillars{flex-direction:column;gap:16px;display:flex}.pillar{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;align-items:flex-start;gap:16px;padding:24px;transition:transform .3s;display:flex}.pillar:hover{transform:translate(4px)}.pillar-icon{background:#d4a8531a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.pillar-icon svg{width:22px;height:22px;color:var(--gold)}.pillar h4{color:var(--white);margin-bottom:4px;font-size:16px;font-weight:600}.pillar p{color:var(--text-secondary);font-size:14px;line-height:1.5}.footer{z-index:1;border-top:1px solid var(--card-border);padding:48px 0;position:relative}.footer-content{justify-content:space-between;align-items:center;display:flex}.footer-note{color:var(--text-muted);max-width:400px;font-size:13px;line-height:1.6}.footer-links{gap:24px;display:flex}.footer-links a{color:var(--text-secondary);font-size:14px;text-decoration:none;transition:color .3s}.footer-links a:hover{color:var(--blue-light)}@media (width<=768px){.nav{padding:16px 20px}.nav-links{gap:16px}.nav-links a{letter-spacing:.5px;font-size:12px}.hero-content{padding:0 20px 100px}.hero-badge{padding:6px 16px;font-size:11px}.hero-tagline{letter-spacing:2px;font-size:13px}.hero-summary{font-size:16px}.section{padding:64px 0}.section-title{margin-bottom:32px}.about-grid{grid-template-columns:repeat(2,1fr);gap:12px}.about-card{padding:20px 16px}.career-card{padding:24px}.career-card-header{flex-wrap:wrap}.career-status{margin-left:0}.facts-grid{grid-template-columns:repeat(2,1fr)}.family-members{flex-direction:column}.family-member{max-width:100%}.tree-connector{margin-left:32px}.philanthropy-layout{grid-template-columns:1fr;gap:32px}.foundation-quote{font-size:18px}.footer-content{text-align:center;flex-direction:column;gap:20px}.footer-links{flex-direction:column;align-items:center;gap:12px}}@media (width<=480px){.nav-links{display:none}.about-grid{grid-template-columns:1fr}.facts-grid{grid-template-columns:1fr 1fr;gap:10px}.fact{padding:16px 12px}.fact-number{font-size:22px}}
