{} *{} #IE-warning { display: none; position: fixed; width: 100%; height: 100%; z-index: 9999; background: white; } .IE-warning-message { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; } :root{--navy:#0a1628;--blue:#1a3a6e;--mid-blue:#1e4d8c;--sky:#2d7dd2;--light-blue:#e8f0fb;--white:#ffffff;--off-white:#f7f9fc;--gray:#6b7280;--light-gray:#e5e7eb;--success:#10b981;--shadow:0 4px 20px rgba(10,22,40,0.12);--radius:12px;} *{margin:0;padding:0;box-sizing:border-box;} body{font-family:'Georgia',serif;background:var(--off-white);color:var(--navy);} a{text-decoration:none;color:inherit;} .site-nav{background:var(--navy);padding:0 2rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px rgba(0,0,0,0.3);} .nav-brand{display:flex;align-items:center;gap:.75rem;padding:1rem 0;} .nav-brand .brand-icon{width:42px;height:42px;background:linear-gradient(135deg,var(--sky),var(--mid-blue));border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;} .nav-brand .brand-text{font-size:1.3rem;font-weight:700;color:var(--white);} .nav-links{display:flex;gap:.25rem;} .nav-links a{color:rgba(255,255,255,.75);padding:.6rem 1rem;border-radius:6px;font-size:.9rem;transition:all .2s;font-family:'Arial',sans-serif;} .nav-links a:hover,.nav-links a.active{background:rgba(255,255,255,.15);color:var(--white);} .page-hero{background:linear-gradient(135deg,var(--navy),var(--blue));color:var(--white);padding:4rem 2rem;text-align:center;} .page-hero h1{font-size:2.5rem;margin-bottom:.75rem;} .page-hero p{font-size:1.1rem;opacity:.85;max-width:600px;margin:0 auto;font-family:'Arial',sans-serif;line-height:1.7;} .content{max-width:960px;margin:3rem auto;padding:0 2rem;} .section-title{font-size:1.8rem;color:var(--navy);margin-bottom:2rem;text-align:center;} /* STEPS */ .steps{display:flex;flex-direction:column;gap:2rem;margin-bottom:4rem;} .step{display:grid;grid-template-columns:80px 1fr;gap:1.5rem;background:var(--white);border-radius:var(--radius);padding:2rem;box-shadow:var(--shadow);} .step-num{width:64px;height:64px;background:linear-gradient(135deg,var(--sky),var(--mid-blue));color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:700;flex-shrink:0;} .step-body h3{font-size:1.2rem;color:var(--navy);margin-bottom:.5rem;} .step-body p{font-size:.95rem;color:var(--gray);line-height:1.7;font-family:'Arial',sans-serif;margin-bottom:1rem;} .checklist{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:.4rem;} .checklist li{font-size:.88rem;color:var(--navy);font-family:'Arial',sans-serif;display:flex;align-items:flex-start;gap:.5rem;} .checklist li::before{content:'✓';color:var(--success);font-weight:700;flex-shrink:0;} /* METRICS */ .metrics-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:4rem;} .metric-card{background:var(--white);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow);text-align:center;border-top:4px solid var(--sky);} .metric-card .val{font-size:1.8rem;font-weight:700;color:var(--sky);margin-bottom:.3rem;} .metric-card .key{font-size:.85rem;color:var(--gray);font-family:'Arial',sans-serif;} /* PHILOSOPHY */ .philosophy{background:var(--white);border-radius:var(--radius);padding:2.5rem;box-shadow:var(--shadow);margin-bottom:3rem;} .philosophy h2{font-size:1.5rem;color:var(--navy);margin-bottom:1.25rem;} .philosophy p{color:var(--gray);font-family:'Arial',sans-serif;line-height:1.8;margin-bottom:1rem;} .philosophy p:last-child{margin-bottom:0;} /* FOOTER */ .site-footer{background:var(--navy);color:rgba(255,255,255,.7);padding:3rem 2rem 1.5rem;} .footer-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem;margin-bottom:2rem;} .footer-brand .brand-name{font-size:1.4rem;font-weight:700;color:var(--white);margin-bottom:.5rem;} .footer-brand p{font-size:.9rem;line-height:1.6;} .footer-col h4{color:var(--white);margin-bottom:1rem;font-size:.9rem;letter-spacing:1px;text-transform:uppercase;} .footer-col a,.footer-col p{display:block;color:rgba(255,255,255,.7);font-size:.9rem;margin-bottom:.5rem;transition:color .2s;font-family:'Arial',sans-serif;} .footer-col a:hover{color:var(--white);} .footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:1.5rem;text-align:center;font-size:.85rem;font-family:'Arial',sans-serif;} @media(max-width:768px){.footer-grid{grid-template-columns:1fr;}.nav-links{display:none;}.step{grid-template-columns:1fr;}.checklist{grid-template-columns:1fr;}.metrics-bar{grid-template-columns:1fr 1fr;}} @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Source+Sans+3:wght@300;400;600;700&display=swap'); :root { --hh-navy:#1a2332; --hh-gold:#c8a44e; --hh-cream:#faf8f4; --hh-slate:#4a5568; --hh-light:#f0ece4; --hh-white:#ffffff; } .hh-page * { box-sizing:border-box; margin:0; padding:0; } .hh-page { font-family:'Source Sans 3',sans-serif; color:var(--hh-navy); background:var(--hh-cream); min-height:100vh; } .hh-nav { background:var(--hh-navy); padding:0.8rem 2rem; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; } .hh-nav-brand { font-family:'Playfair Display',serif; color:var(--hh-gold); font-size:1.5rem; font-weight:700; text-decoration:none; } .hh-nav-links { display:flex; gap:1.5rem; flex-wrap:wrap; } .hh-nav-links a { color:var(--hh-cream); text-decoration:none; font-size:0.9rem; transition:color 0.2s; } .hh-nav-links a:hover,.hh-nav-links a.active { color:var(--hh-gold); } .hh-hero { background:linear-gradient(135deg,var(--hh-navy),#2a3a4e); padding:3rem 2rem 2rem; text-align:center; } .hh-hero h1 { font-family:'Playfair Display',serif; color:var(--hh-gold); font-size:2.2rem; margin-bottom:0.5rem; } .hh-hero p { color:var(--hh-cream); font-size:1rem; opacity:0.85; } .hh-content { max-width:800px; margin:2.5rem auto; padding:0 2rem; } .hh-content h2 { font-family:'Playfair Display',serif; font-size:1.4rem; margin:2rem 0 0.75rem; } .hh-content p { line-height:1.8; color:var(--hh-slate); margin-bottom:1rem; } .hh-steps { counter-reset:step; margin-top:2rem; } .hh-step { display:flex; gap:1.25rem; margin-bottom:1.5rem; align-items:flex-start; } .hh-step-num { flex-shrink:0; width:44px; height:44px; background:var(--hh-gold); color:var(--hh-navy); border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:1.1rem; } .hh-step-body h3 { font-size:1.05rem; margin-bottom:0.3rem; } .hh-step-body p { font-size:0.9rem; line-height:1.6; margin:0; } .hh-footer { background:var(--hh-navy); color:var(--hh-cream); text-align:center; padding:2rem; margin-top:3rem; font-size:0.85rem; opacity:0.7; } *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } :root { --blue-50: #EEF4FF; --blue-100: #DBEAFE; --blue-200: #BFDBFE; --blue-400: #60A5FA; --blue-500: #3B82F6; --blue-600: #2563EB; --blue-700: #1D4ED8; --navy: #1E3A8A; --navy-dark: #0F2361; --white: #FFFFFF; --gray-50: #F8FAFC; --gray-100: #F1F5F9; --gray-300: #CBD5E1; --gray-500: #64748B; --gray-700: #334155; --green-50: #F0FDF4; --green-500: #22C55E; --green-700: #15803D; --amber-50: #FFFBEB; --amber-500: #F59E0B; --amber-700: #B45309; --radius-sm: 8px; --radius-md: 12px; --radius-lg: 20px; --radius-xl: 28px; } html { scroll-behavior: smooth; } body { font-family: 'DM Sans', sans-serif; color: var(--gray-700); background: var(--white); line-height: 1.6; } /* NAV */ nav { position: sticky; top: 0; z-index: 100; background: rgba(255,255,255,0.92); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-bottom: 1px solid var(--blue-100); padding: 0 2rem; } .nav-inner { max-width: 1200px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; height: 68px; } .nav-logo { display: flex; align-items: center; gap: 10px; text-decoration: none; } .nav-logo-icon { width: 40px; height: 40px; background: var(--blue-600); border-radius: var(--radius-sm); display: flex; align-items: center; justify-content: center; } .nav-logo-text { font-family: 'DM Sans', sans-serif; font-size: 17px; font-weight: 600; color: var(--navy); } .nav-links { display: flex; align-items: center; gap: 8px; list-style: none; } .nav-links a { text-decoration: none; font-size: 14px; font-weight: 500; color: var(--gray-700); padding: 8px 14px; border-radius: var(--radius-sm); transition: background 0.18s, color 0.18s; } .nav-links a:hover, .nav-links a.active { background: var(--blue-50); color: var(--blue-600); } .btn-nav { background: var(--blue-600) !important; color: white !important; font-weight: 600 !important; } .btn-nav:hover { background: var(--blue-700) !important; } /* PAGE HERO */ .page-hero { background: linear-gradient(145deg, var(--blue-50) 0%, #E8F0FE 55%, var(--blue-100) 100%); padding: 72px 2rem 80px; text-align: center; position: relative; overflow: hidden; } .page-hero::before { content: ''; position: absolute; top: -100px; left: 50%; transform: translateX(-50%); width: 600px; height: 400px; background: radial-gradient(ellipse, rgba(59,130,246,0.1) 0%, transparent 70%); } .page-hero-eyebrow { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--blue-600); margin-bottom: 16px; } .page-hero-eyebrow::before { content: ''; display: block; width: 20px; height: 2px; background: var(--blue-500); border-radius: 2px; } .page-hero h1 { font-family: 'Playfair Display', serif; font-size: clamp(38px, 5vw, 64px); font-weight: 900; color: var(--navy); line-height: 1.1; margin-bottom: 20px; position: relative; } .page-hero h1 span { color: var(--blue-600); } .page-hero-desc { font-size: 17px; color: var(--gray-500); max-width: 620px; margin: 0 auto 32px; line-height: 1.75; position: relative; } .hero-pills { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; } .hero-pill { background: white; border: 1px solid var(--blue-200); border-radius: 999px; padding: 7px 16px; font-size: 13px; font-weight: 500; color: var(--blue-700); } /* LAYOUT */ .section { padding: 80px 2rem; } .section-inner { max-width: 1100px; margin: 0 auto; } .section-eyebrow { display: flex; align-items: center; gap: 10px; font-size: 12px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--blue-600); margin-bottom: 14px; } .section-eyebrow::before { content: ''; display: block; width: 24px; height: 2px; background: var(--blue-500); border-radius: 2px; } .section-title { font-family: 'Playfair Display', serif; font-size: clamp(28px, 3.5vw, 44px); font-weight: 700; color: var(--navy); line-height: 1.15; margin-bottom: 14px; } .section-sub { font-size: 16px; color: var(--gray-500); line-height: 1.75; margin-bottom: 40px; max-width: 600px; } /* TRACK CARDS */ .tracks-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; } .track-card { border-radius: var(--radius-lg); overflow: hidden; border: 1px solid var(--blue-100); transition: transform 0.2s, box-shadow 0.2s; } .track-card:hover { transform: translateY(-5px); box-shadow: 0 12px 40px rgba(30,58,138,0.12); } .track-card-header { padding: 28px 28px 20px; } .track-card-header.investor { background: linear-gradient(135deg, var(--navy) 0%, #2D4F9E 100%); } .track-card-header.renter { background: linear-gradient(135deg, var(--blue-600) 0%, #3B82F6 100%); } .track-card-header.credit { background: linear-gradient(135deg, #0D9488 0%, #14B8A6 100%); } .track-icon { font-size: 36px; margin-bottom: 14px; } .track-label { font-size: 11px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(255,255,255,0.65); margin-bottom: 6px; } .track-title { font-family: 'Playfair Display', serif; font-size: 22px; font-weight: 700; color: white; line-height: 1.2; } .track-card-body { padding: 24px 28px 28px; background: white; } .track-desc { font-size: 14px; color: var(--gray-500); line-height: 1.7; margin-bottom: 20px; } .track-modules { list-style: none; display: flex; flex-direction: column; gap: 10px; margin-bottom: 24px; } .track-modules li { display: flex; align-items: flex-start; gap: 10px; font-size: 13px; color: var(--gray-700); } .track-check { width: 18px; height: 18px; border-radius: 50%; background: var(--blue-50); border: 1.5px solid var(--blue-200); display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 1px; } .track-check svg { color: var(--blue-600); } .track-cta { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 600; color: var(--blue-600); text-decoration: none; transition: gap 0.15s; } .track-cta:hover { gap: 10px; } /* PHOTO COMMUNITY GRID */ .photo-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 40px; } .photo-card { border-radius: var(--radius-lg); overflow: hidden; position: relative; aspect-ratio: 4/3; } .photo-card img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.4s; } .photo-card:hover img { transform: scale(1.04); } .photo-caption { position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(transparent, rgba(15,35,97,0.85)); padding: 24px 16px 16px; } .photo-caption-text { font-size: 13px; font-weight: 500; color: white; line-height: 1.4; } .photo-placeholder { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; } .photo-placeholder.p1 { background: linear-gradient(135deg, #DBEAFE, #BFDBFE); } .photo-placeholder.p2 { background: linear-gradient(135deg, #D1FAE5, #A7F3D0); } .photo-placeholder.p3 { background: linear-gradient(135deg, #FEF3C7, #FDE68A); } .photo-placeholder.p4 { background: linear-gradient(135deg, #E0E7FF, #C7D2FE); } .photo-placeholder.p5 { background: linear-gradient(135deg, #FCE7F3, #FBCFE8); } .photo-placeholder.p6 { background: linear-gradient(135deg, #CCFBF1, #99F6E4); } .photo-emoji { font-size: 48px; } .photo-label { font-size: 12px; font-weight: 600; color: var(--navy); text-align: center; padding: 0 12px; } /* CURRICULUM TIMELINE */ .curriculum { display: flex; flex-direction: column; gap: 0; } .curr-item { display: grid; grid-template-columns: 80px 1fr; gap: 24px; position: relative; } .curr-item:not(:last-child)::before { content: ''; position: absolute; left: 39px; top: 48px; bottom: -16px; width: 2px; background: var(--blue-100); } .curr-num-wrap { display: flex; flex-direction: column; align-items: center; padding-top: 4px; } .curr-num { width: 40px; height: 40px; border-radius: 50%; background: var(--blue-600); color: white; font-size: 15px; font-weight: 700; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .curr-body { padding-bottom: 32px; } .curr-tag { display: inline-block; background: var(--blue-50); border: 1px solid var(--blue-200); border-radius: 999px; padding: 3px 12px; font-size: 11px; font-weight: 600; color: var(--blue-700); letter-spacing: 0.05em; text-transform: uppercase; margin-bottom: 8px; } .curr-title { font-family: 'Playfair Display', serif; font-size: 20px; font-weight: 700; color: var(--navy); margin-bottom: 8px; } .curr-desc { font-size: 14px; color: var(--gray-500); line-height: 1.7; } .curr-topics { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; } .curr-topic { background: var(--gray-50); border: 1px solid var(--gray-300); border-radius: 999px; padding: 4px 12px; font-size: 12px; color: var(--gray-700); } /* STATS ROW */ .impact-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-top: 48px; } .impact-stat { background: white; border: 1px solid var(--blue-100); border-radius: var(--radius-md); padding: 24px; text-align: center; } .impact-stat-value { font-family: 'Playfair Display', serif; font-size: 40px; font-weight: 900; color: var(--blue-600); line-height: 1; } .impact-stat-label { font-size: 13px; color: var(--gray-500); margin-top: 6px; } /* CTA */ .cta-banner { background: linear-gradient(135deg, var(--blue-600) 0%, var(--navy) 100%); border-radius: var(--radius-xl); padding: 64px 48px; text-align: center; position: relative; overflow: hidden; } .cta-banner::before { content: ''; position: absolute; top: -80px; right: -80px; width: 320px; height: 320px; background: radial-gradient(circle, rgba(255,255,255,0.08) 0%, transparent 70%); } .cta-banner h2 { font-family: 'Playfair Display', serif; font-size: clamp(28px, 4vw, 44px); font-weight: 900; color: white; margin-bottom: 14px; position: relative; } .cta-banner p { font-size: 16px; color: rgba(255,255,255,0.75); max-width: 480px; margin: 0 auto 32px; line-height: 1.7; position: relative; } .cta-btns { display: flex; gap: 14px; justify-content: center; position: relative; flex-wrap: wrap; } .btn-white { display: inline-flex; align-items: center; gap: 8px; background: white; color: var(--blue-700); text-decoration: none; font-size: 15px; font-weight: 700; padding: 14px 28px; border-radius: var(--radius-sm); transition: transform 0.15s, box-shadow 0.15s; } .btn-white:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,0.2); } .btn-outline-white { display: inline-flex; align-items: center; gap: 8px; background: transparent; color: white; text-decoration: none; font-size: 15px; font-weight: 600; padding: 14px 28px; border-radius: var(--radius-sm); border: 1.5px solid rgba(255,255,255,0.4); transition: border-color 0.2s, background 0.2s; } .btn-outline-white:hover { border-color: white; background: rgba(255,255,255,0.1); } /* FOOTER */ footer { background: var(--navy-dark); color: rgba(255,255,255,0.7); padding: 48px 2rem 32px; } .footer-inner { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 48px; margin-bottom: 40px; } .footer-brand-name { font-family: 'Playfair Display', serif; font-size: 20px; color: white; margin-bottom: 10px; } .footer-brand-desc { font-size: 13px; line-height: 1.7; } .footer-col-title { font-size: 13px; font-weight: 600; color: white; letter-spacing: 0.06em; text-transform: uppercase; margin-bottom: 16px; } .footer-col-links { list-style: none; display: flex; flex-direction: column; gap: 10px; } .footer-col-links a { text-decoration: none; color: rgba(255,255,255,0.6); font-size: 14px; transition: color 0.15s; } .footer-col-links a:hover { color: white; } .footer-bottom { border-top: 1px solid rgba(255,255,255,0.1); padding-top: 24px; display: flex; justify-content: space-between; font-size: 13px; } /* RESPONSIVE */ @media (max-width: 900px) { .tracks-grid { grid-template-columns: 1fr; } .photo-grid { grid-template-columns: repeat(2, 1fr); } .impact-stats { grid-template-columns: repeat(2, 1fr); } .footer-inner { grid-template-columns: 1fr 1fr; } } @media (max-width: 600px) { .nav-links { display: none; } .photo-grid { grid-template-columns: 1fr; } .impact-stats { grid-template-columns: 1fr 1fr; } .footer-inner { grid-template-columns: 1fr; } .cta-btns { flex-direction: column; align-items: center; } } :root{--navy:#0B1A2E;--navy-mid:#14284A;--navy-soft:#1E3A5F;--gold:#C8A55A;--gold-lt:#DFC088;--cream:#F6F3EE;--cream-dk:#EAE6DD;--text-dk:#111827;--text-md:#4B5563;--text-lt:#9CA3AF;--white:#FFFFFF;--bdr:rgba(11,26,46,.09)} *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:'DM Sans',sans-serif;color:var(--text-dk);background:var(--white);overflow-x:hidden} h1,h2,h3,h4{font-family:'Cormorant Garamond',serif}img{max-width:100%;display:block}a{text-decoration:none} nav{position:fixed;top:0;left:0;right:0;z-index:200;height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:rgba(11,26,46,.97);backdrop-filter:blur(12px);border-bottom:1px solid rgba(200,165,90,.18)} .nav-brand{display:flex;align-items:center;gap:10px}.nav-mark{width:32px;height:32px;background:var(--gold);display:flex;align-items:center;justify-content:center;font-family:'Cormorant Garamond',serif;font-size:16px;font-weight:600;color:var(--navy)} .nav-name{font-family:'Cormorant Garamond',serif;font-size:18px;font-weight:400;color:var(--white);letter-spacing:.3px}.nav-name span{color:var(--gold)} .nav-links{display:flex;align-items:center;gap:4px;list-style:none} .nav-links li a{font-size:12px;font-weight:400;letter-spacing:.9px;text-transform:uppercase;color:rgba(255,255,255,.68);padding:6px 11px;transition:color .2s;white-space:nowrap} .nav-links li a:hover,.nav-links li a.active{color:var(--gold)}.nav-cta-li a{background:var(--gold) !important;color:var(--navy) !important;padding:8px 18px !important}.nav-cta-li a:hover{background:var(--gold-lt) !important} .nav-hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:6px}.nav-hamburger span{width:22px;height:1.5px;background:var(--white);display:block} .nav-mobile{display:none;position:fixed;top:66px;left:0;right:0;background:rgba(11,26,46,.98);z-index:190;padding:16px 5vw 24px;border-bottom:1px solid rgba(200,165,90,.18)} .nav-mobile.open{display:block}.nav-mobile a{display:block;padding:12px 0;font-size:13px;letter-spacing:.8px;text-transform:uppercase;color:rgba(255,255,255,.7);border-bottom:1px solid rgba(255,255,255,.06)} .nav-mobile a:hover,.nav-mobile a.active{color:var(--gold)}.mob-cta{display:inline-block !important;margin-top:16px;background:var(--gold);color:var(--navy) !important;padding:10px 24px;font-size:11px;letter-spacing:1.2px;font-weight:500;border-bottom:none !important} section{padding:88px 5vw}.eyebrow{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--gold);display:flex;align-items:center;gap:10px;margin-bottom:14px}.eyebrow::before{content:'';width:26px;height:1px;background:var(--gold)} .section-h{font-size:clamp(28px,4vw,52px);font-weight:300;line-height:1.05;color:var(--navy);margin-bottom:14px}.section-h em{font-style:italic} .section-sub{font-size:14px;font-weight:300;line-height:1.85;color:var(--text-md);max-width:540px} .btn-gold{display:inline-block;font-size:11px;font-weight:500;letter-spacing:1.4px;text-transform:uppercase;background:var(--gold);color:var(--navy);padding:13px 30px;transition:background .2s}.btn-gold:hover{background:var(--gold-lt)} .btn-outline{display:inline-block;font-size:11px;font-weight:400;letter-spacing:1.4px;text-transform:uppercase;color:var(--gold);border:1px solid var(--gold);padding:12px 28px;transition:all .2s}.btn-outline:hover{background:var(--gold);color:var(--navy)} .cta-band{background:var(--navy);padding:72px 5vw;display:flex;align-items:center;justify-content:space-between;gap:36px;flex-wrap:wrap} .cta-band h2{font-size:clamp(24px,3.5vw,44px);font-weight:300;color:var(--white);max-width:500px;line-height:1.1}.cta-band h2 em{font-style:italic;color:var(--gold)}.cta-btns{display:flex;gap:14px;flex-wrap:wrap} footer{background:var(--navy);padding:60px 5vw 28px} .footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:48px;padding-bottom:44px;border-bottom:1px solid rgba(255,255,255,.07)} .footer-brand h3{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:300;color:var(--white);margin-bottom:12px}.footer-brand h3 span{color:var(--gold)} .footer-brand p{font-size:13px;line-height:1.8;color:rgba(255,255,255,.38);margin-bottom:18px}.footer-tagline{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:15px;color:rgba(200,165,90,.45)} .footer-col h4{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:18px;font-weight:500;font-family:'DM Sans',sans-serif} .footer-col ul{list-style:none}.footer-col li{margin-bottom:9px}.footer-col a{font-size:13px;color:rgba(255,255,255,.38);transition:color .2s}.footer-col a:hover{color:var(--white)} .footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:22px;flex-wrap:wrap;gap:8px}.footer-bottom p{font-size:11px;color:rgba(255,255,255,.22)} .fi{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.fi.v{opacity:1;transform:translateY(0)} @media(max-width:900px){.nav-links{display:none}.nav-hamburger{display:flex}.footer-grid{grid-template-columns:1fr}} .page-hero{ background:var(--navy); position:relative;overflow:hidden; height:58vh;min-height:380px;max-height:620px; margin-top:66px; display:flex;align-items:flex-end; } .page-hero-svg{ position:absolute;top:0;left:0;width:100%;height:100%; z-index:0;display:block; } .page-hero-tint{ position:absolute;inset:0;z-index:1; background:linear-gradient( to right, rgba(11,26,46,0.88) 0%, rgba(11,26,46,0.60) 50%, rgba(11,26,46,0.30) 100% ); } .page-hero-tint::after{ content:'';position:absolute;inset:0; background:linear-gradient(to bottom,rgba(11,26,46,0.08) 0%,rgba(11,26,46,0.65) 100%); } .ph-inner{position:relative;z-index:2;max-width:680px;padding:0 5vw 32px;} .ph-inner h1{ font-size:clamp(36px,6vw,76px);font-weight:300;line-height:1.0; color:var(--white);margin-bottom:18px;letter-spacing:-1px; } .ph-inner h1 em{font-style:italic;color:var(--gold)} .ph-inner p{font-size:15px;font-weight:300;line-height:1.85;color:rgba(255,255,255,.65);max-width:500px} /* TRAINING SPECIFIC */ .tracks-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px} .track-card{border:1px solid var(--bdr);padding:36px 28px;border-top:3px solid var(--gold)} .track-num{font-family:'Cormorant Garamond',serif;font-size:50px;font-weight:300;color:var(--cream-dk);line-height:1;margin-bottom:16px} .track-card h3{font-size:21px;font-weight:400;color:var(--navy);margin-bottom:9px} .track-card .desc{font-size:13px;line-height:1.8;color:var(--text-md);margin-bottom:20px} .track-card ul{list-style:none;display:flex;flex-direction:column;gap:8px;margin-bottom:24px} .track-card ul li{font-size:12px;color:var(--text-md);padding-left:16px;position:relative;line-height:1.55} .track-card ul li::before{content:'';position:absolute;left:0;top:7px;width:5px;height:5px;background:var(--gold);border-radius:50%} .curriculum{background:var(--cream)} .curr-steps{display:flex;flex-direction:column;gap:2px;margin-top:52px} .curr-step{display:grid;grid-template-columns:72px 1fr;background:var(--white);border:1px solid var(--bdr)} .curr-step-num{display:flex;align-items:center;justify-content:center;background:var(--navy);font-family:'Cormorant Garamond',serif;font-size:30px;font-weight:300;color:var(--gold)} .curr-step-body{padding:22px 26px} .curr-step-body h4{font-size:18px;font-weight:400;color:var(--navy);margin-bottom:5px} .curr-step-body .sub{font-size:11px;color:var(--text-lt);letter-spacing:1px;text-transform:uppercase;margin-bottom:7px} .curr-step-body p{font-size:13px;line-height:1.75;color:var(--text-md)} .curr-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px} .tag{font-size:10px;padding:3px 10px;background:var(--cream);color:var(--text-md);letter-spacing:.5px} .impact-bar{background:var(--navy);padding:72px 5vw} .impact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.06);margin-top:36px} .impact-cell{padding:30px 26px;background:var(--navy)} .impact-cell .big{font-family:'Cormorant Garamond',serif;font-size:44px;font-weight:300;color:var(--gold);line-height:1} .impact-cell .lbl{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.32);margin-top:6px} @media(max-width:900px){.tracks-grid{grid-template-columns:1fr}.impact-grid{grid-template-columns:repeat(2,1fr)}} /* ══ TOKENS ═══════════════════════════════════════════════════════ */ :root{ --navy:#0B1A2E; --navy-2:#14284A; --navy-3:#1E3A5F; --gold:#C8A55A; --gold-lt:#DFC088; --cream:#F5EFE3; --paper:#FBF8F2; --white:#fff; --ink:#1c1c1c; --muted:#6b6b6b; --serif:'Cormorant Garamond',Georgia,serif; --sans:'DM Sans',system-ui,-apple-system,sans-serif; } *{box-sizing:border-box} body{margin:0;font-family:var(--sans);font-weight:300;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased} img{max-width:100%;display:block} a{text-decoration:none} em{font-style:italic;color:var(--gold)} /* ══ NAV ══════════════════════════════════════════════════════════ */ nav.site-nav{position:sticky;top:0;z-index:200;display:flex;align-items:center;justify-content:space-between; padding:16px 40px;background:rgba(11,26,46,.94);backdrop-filter:blur(10px); border-bottom:1px solid rgba(200,165,90,.22)} .nav-brand{display:flex;align-items:center;gap:12px} .nav-mark{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border:1px solid var(--gold); color:var(--gold);font-family:var(--serif);font-size:20px} .nav-name{font-family:var(--serif);font-size:20px;color:#fff;line-height:1.1} .nav-name span{display:block;color:var(--gold);font-family:var(--sans);font-size:12px; letter-spacing:3px;text-transform:uppercase;font-weight:400} .nav-links{display:flex;align-items:center;gap:26px;list-style:none;margin:0;padding:0} .nav-links a{color:rgba(255,255,255,.78);font-size:13px;letter-spacing:1.6px;text-transform:uppercase;transition:color .25s} .nav-links a:hover,.nav-links a.active{color:var(--gold)} .nav-cta-li a{border:1px solid var(--gold);color:var(--gold);padding:9px 18px} .nav-cta-li a:hover{background:var(--gold);color:var(--navy)} .nav-hamburger{display:none;background:none;border:0;cursor:pointer;padding:8px;gap:5px;flex-direction:column} .nav-hamburger span{display:block;width:24px;height:1.5px;background:var(--gold)} .nav-mobile{display:none;flex-direction:column;background:var(--navy);border-bottom:1px solid rgba(200,165,90,.22)} .nav-mobile a{color:rgba(255,255,255,.85);padding:14px 40px;font-size:13px;letter-spacing:1.6px; text-transform:uppercase;border-top:1px solid rgba(255,255,255,.06)} .nav-mobile .mob-cta{color:var(--gold)} .nav-mobile.open{display:flex} @media(max-width:900px){ .nav-links{display:none} .nav-hamburger{display:flex} nav.site-nav{padding:14px 22px} .nav-mobile a{padding-left:22px} } /* ══ PAGE HERO ════════════════════════════════════════════════════ */ .page-hero{position:relative;min-height:64vh;display:flex;align-items:center;overflow:hidden;background:var(--navy)} .page-hero-svg{position:absolute;inset:0;width:100%;height:100%;z-index:1} .page-hero-tint{position:absolute;inset:0;z-index:2;pointer-events:none; background:linear-gradient(90deg,rgba(11,26,46,.96) 0%,rgba(11,26,46,.80) 40%,rgba(11,26,46,.34) 74%,rgba(11,26,46,.22) 100%)} .ph-inner{position:relative;z-index:5;max-width:1200px;margin:0 auto;width:100%;padding:88px 40px} .ph-inner .eyebrow{color:var(--gold);font-size:11px;letter-spacing:4px;text-transform:uppercase; margin-bottom:18px;border-left:2px solid var(--gold);padding-left:12px;display:inline-block} .page-hero h1{font-family:var(--serif);font-weight:300;color:#fff; font-size:clamp(38px,5.6vw,72px);line-height:1.05;margin:0 0 22px;text-shadow:0 2px 24px rgba(0,0,0,.45)} .page-hero p{color:rgba(255,255,255,.82);font-size:17px;line-height:1.75;max-width:600px;margin:0} @media(max-width:900px){ .page-hero-tint{background:linear-gradient(180deg,rgba(11,26,46,.9) 0%,rgba(11,26,46,.8) 100%)} .ph-inner{padding:64px 22px} } /* ══ HERO ART: abstract systems grid ══════════════════════════════ */ .lfa-halo{transform-box:fill-box;transform-origin:center;animation:lfaHalo 4.6s ease-in-out infinite} @keyframes lfaHalo{0%,100%{opacity:.55;transform:scale(1)}50%{opacity:.12;transform:scale(1.75)}} .lfa-bar{transform-box:fill-box;transform-origin:bottom;animation:lfaBar 1.1s cubic-bezier(.2,.8,.2,1) both} @keyframes lfaBar{from{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}} .lfa-ring{animation:lfaRing 1.9s cubic-bezier(.2,.8,.2,1) both .3s} @keyframes lfaRing{from{stroke-dashoffset:452}to{stroke-dashoffset:136}} @media (prefers-reduced-motion: reduce){ .lfa-halo,.lfa-bar,.lfa-ring{animation:none} .lfa-bar{opacity:1} } /* ══ SHARED ═══════════════════════════════════════════════════════ */ section{padding:100px 40px;text-align:center} .eyebrow{color:var(--gold);font-size:11px;letter-spacing:4px;text-transform:uppercase;margin-bottom:16px} .section-h{font-family:var(--serif);font-weight:300;font-size:clamp(32px,4.4vw,56px);line-height:1.1;margin:0 0 18px;color:var(--navy)} .section-sub{color:var(--muted);font-size:16px;line-height:1.8;max-width:680px;margin:0 auto} .fi{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease} .fi.v{opacity:1;transform:none} .btn-gold,.btn-outline{display:inline-block;font-size:12px;letter-spacing:2.4px;text-transform:uppercase; padding:14px 28px;transition:all .28s ease} .btn-gold{background:var(--gold);color:var(--navy);border:1px solid var(--gold)} .btn-gold:hover{background:var(--gold-lt);border-color:var(--gold-lt)} .btn-outline{border:1px solid var(--gold);color:var(--gold)} .btn-outline:hover{background:var(--gold);color:var(--navy)} /* ══ TRACKS ═══════════════════════════════════════════════════════ */ .tracks-grid{max-width:1240px;margin:54px auto 0;display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;text-align:left} .track-card{background:var(--white);border:1px solid rgba(11,26,46,.09);border-top:3px solid var(--gold); padding:38px 32px;display:flex;flex-direction:column; transition:transform .3s,box-shadow .3s,border-color .3s} .track-card:hover{transform:translateY(-6px);box-shadow:0 20px 46px rgba(11,26,46,.1)} .track-num{font-family:var(--serif);font-size:44px;line-height:1;color:rgba(200,165,90,.45);margin-bottom:14px} .track-card h3{font-family:var(--serif);font-weight:400;font-size:27px;margin:0 0 12px;color:var(--navy)} .track-card .desc{color:var(--muted);font-size:15px;line-height:1.8;margin:0 0 22px} .track-card ul{list-style:none;margin:0 0 28px;padding:0;flex:1} .track-card li{color:#4a4a4a;font-size:14.5px;line-height:1.55;padding:10px 0 10px 22px; position:relative;border-top:1px solid rgba(11,26,46,.07)} .track-card li:before{content:"›";position:absolute;left:2px;color:var(--gold);font-size:16px} .track-card .btn-gold{align-self:flex-start} /* ══ CURRICULUM ═══════════════════════════════════════════════════ */ .curriculum{background:var(--cream)} .curr-steps{max-width:900px;margin:54px auto 0;text-align:left} .curr-step{display:grid;grid-template-columns:76px 1fr;gap:24px;position:relative;padding-bottom:34px} .curr-step:not(:last-child):before{content:"";position:absolute;left:37px;top:56px;bottom:0; width:1px;background:rgba(200,165,90,.45)} .curr-step-num{width:56px;height:56px;border:1px solid var(--gold);color:var(--gold); background:var(--white);display:grid;place-items:center; font-family:var(--serif);font-size:24px;border-radius:50%;position:relative;z-index:2} .curr-step-body .sub{color:var(--gold);font-size:10px;letter-spacing:3px;text-transform:uppercase;margin-bottom:8px} .curr-step-body h4{font-family:var(--serif);font-weight:400;font-size:25px;margin:0 0 10px;color:var(--navy)} .curr-step-body p{color:var(--muted);font-size:15px;line-height:1.8;margin:0 0 14px} .curr-tags{display:flex;flex-wrap:wrap;gap:8px} .curr-tags .tag{background:var(--white);border:1px solid rgba(11,26,46,.12);color:#4a4a4a; font-size:11.5px;letter-spacing:.6px;padding:6px 13px;border-radius:999px} @media(max-width:700px){ .curr-step{grid-template-columns:1fr;gap:14px} .curr-step:not(:last-child):before{display:none} } /* ══ IMPACT BAR ═══════════════════════════════════════════════════ */ .impact-bar{background:var(--navy);padding:90px 40px;text-align:center;color:#fff} .impact-bar h2{font-family:var(--serif);font-size:clamp(26px,3.5vw,44px);font-weight:300;color:#fff;margin:0} .impact-grid{max-width:1100px;margin:48px auto 0;display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:0; border-top:1px solid rgba(200,165,90,.28);border-bottom:1px solid rgba(200,165,90,.28)} .impact-cell{padding:38px 18px;border-right:1px solid rgba(255,255,255,.08)} .impact-cell:last-child{border-right:0} .impact-cell .big{font-family:var(--serif);font-size:52px;line-height:1;color:var(--gold)} .impact-cell .lbl{font-size:11px;letter-spacing:2.4px;text-transform:uppercase; color:rgba(255,255,255,.6);margin-top:10px} /* ══ CTA ══════════════════════════════════════════════════════════ */ .cta-band{padding:104px 40px;text-align:center; background:linear-gradient(135deg,var(--navy-3) 0%,var(--navy) 100%)} .cta-band h2{font-family:var(--serif);font-weight:300;color:#fff; font-size:clamp(32px,4.6vw,56px);line-height:1.14;margin:0 0 34px} .cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap} /* ══ FOOTER ═══════════════════════════════════════════════════════ */ footer{background:var(--navy);color:rgba(255,255,255,.6);padding:70px 40px 0} .footer-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2.2fr 1fr;gap:56px;padding-bottom:50px} .footer-brand h3{font-family:var(--serif);font-weight:300;font-size:28px;color:#fff;margin:0 0 14px} .footer-brand h3 span{color:var(--gold)} .footer-brand p{font-size:14.5px;line-height:1.85;max-width:460px;margin:0 0 18px} .footer-tagline{font-family:var(--serif);font-style:italic;color:var(--gold-lt);font-size:17px} .footer-col h4{color:#fff;font-size:11px;letter-spacing:3px;text-transform:uppercase;margin:0 0 18px;font-weight:500} .footer-col ul{list-style:none;margin:0;padding:0} .footer-col li{margin-bottom:11px} .footer-col a{color:rgba(255,255,255,.6);font-size:14.5px;transition:color .25s} .footer-col a:hover{color:var(--gold)} .footer-bottom{max-width:1200px;margin:0 auto;border-top:1px solid rgba(255,255,255,.09); padding:24px 0 34px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px} .footer-bottom p{margin:0;font-size:12.5px} @media(max-width:900px){ .footer-grid{grid-template-columns:1fr;gap:32px} section,.impact-bar,.cta-band{padding:70px 22px} footer{padding:56px 22px 0} } /* ══ TOKENS ═══════════════════════════════════════════════════════ */ :root{ --navy:#0B1A2E; --navy-2:#14284A; --navy-3:#1E3A5F; --gold:#C8A55A; --gold-lt:#DFC088; --cream:#F5EFE3; --paper:#FBF8F2; --white:#fff; --ink:#1c1c1c; --muted:#6b6b6b; --serif:'Cormorant Garamond',Georgia,serif; --sans:'DM Sans',system-ui,-apple-system,sans-serif; } *{box-sizing:border-box} body{margin:0;font-family:var(--sans);font-weight:300;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased} img{max-width:100%;display:block} a{text-decoration:none} em{font-style:italic;color:var(--gold)} /* ══ NAV ══════════════════════════════════════════════════════════ */ nav.site-nav{position:sticky;top:0;z-index:200;display:flex;align-items:center;justify-content:space-between; padding:16px 40px;background:rgba(11,26,46,.94);backdrop-filter:blur(10px); border-bottom:1px solid rgba(200,165,90,.22)} .nav-brand{display:flex;align-items:center;gap:12px} .nav-mark{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border:1px solid var(--gold); color:var(--gold);font-family:var(--serif);font-size:20px} .nav-name{font-family:var(--serif);font-size:20px;color:#fff;line-height:1.1} .nav-name span{display:block;color:var(--gold);font-family:var(--sans);font-size:12px; letter-spacing:3px;text-transform:uppercase;font-weight:400} .nav-links{display:flex;align-items:center;gap:26px;list-style:none;margin:0;padding:0} .nav-links a{color:rgba(255,255,255,.78);font-size:13px;letter-spacing:1.6px;text-transform:uppercase;transition:color .25s} .nav-links a:hover,.nav-links a.active{color:var(--gold)} .nav-cta-li a{border:1px solid var(--gold);color:var(--gold);padding:9px 18px} .nav-cta-li a:hover{background:var(--gold);color:var(--navy)} .nav-hamburger{display:none;background:none;border:0;cursor:pointer;padding:8px;gap:5px;flex-direction:column} .nav-hamburger span{display:block;width:24px;height:1.5px;background:var(--gold)} .nav-mobile{display:none;flex-direction:column;background:var(--navy);border-bottom:1px solid rgba(200,165,90,.22)} .nav-mobile a{color:rgba(255,255,255,.85);padding:14px 40px;font-size:13px;letter-spacing:1.6px; text-transform:uppercase;border-top:1px solid rgba(255,255,255,.06)} .nav-mobile .mob-cta{color:var(--gold)} .nav-mobile.open{display:flex} @media(max-width:900px){ .nav-links{display:none} .nav-hamburger{display:flex} nav.site-nav{padding:14px 22px} .nav-mobile a{padding-left:22px} } /* ══ PAGE HERO ════════════════════════════════════════════════════ */ .page-hero{position:relative;min-height:64vh;display:flex;align-items:center;overflow:hidden;background:var(--navy)} .page-hero-svg{position:absolute;inset:0;width:100%;height:100%;z-index:1} .page-hero-tint{position:absolute;inset:0;z-index:2;pointer-events:none; background:linear-gradient(90deg,rgba(11,26,46,.96) 0%,rgba(11,26,46,.80) 40%,rgba(11,26,46,.34) 74%,rgba(11,26,46,.22) 100%)} .ph-inner{position:relative;z-index:5;max-width:1200px;margin:0 auto;width:100%;padding:88px 40px} .ph-inner .eyebrow{color:var(--gold);font-size:11px;letter-spacing:4px;text-transform:uppercase; margin-bottom:18px;border-left:2px solid var(--gold);padding-left:12px;display:inline-block} .page-hero h1{font-family:var(--serif);font-weight:300;color:#fff; font-size:clamp(38px,5.6vw,72px);line-height:1.05;margin:0 0 22px;text-shadow:0 2px 24px rgba(0,0,0,.45)} .page-hero p{color:rgba(255,255,255,.82);font-size:17px;line-height:1.75;max-width:600px;margin:0} @media(max-width:900px){ .page-hero-tint{background:linear-gradient(180deg,rgba(11,26,46,.9) 0%,rgba(11,26,46,.8) 100%)} .ph-inner{padding:64px 22px} } /* ══ HERO ART: abstract systems grid ══════════════════════════════ */ .lfa-halo{transform-box:fill-box;transform-origin:center;animation:lfaHalo 4.6s ease-in-out infinite} @keyframes lfaHalo{0%,100%{opacity:.55;transform:scale(1)}50%{opacity:.12;transform:scale(1.75)}} .lfa-bar{transform-box:fill-box;transform-origin:bottom;animation:lfaBar 1.1s cubic-bezier(.2,.8,.2,1) both} @keyframes lfaBar{from{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}} .lfa-ring{animation:lfaRing 1.9s cubic-bezier(.2,.8,.2,1) both .3s} @keyframes lfaRing{from{stroke-dashoffset:452}to{stroke-dashoffset:136}} @media (prefers-reduced-motion: reduce){ .lfa-halo,.lfa-bar,.lfa-ring{animation:none} .lfa-bar{opacity:1} } /* ══ SHARED ═══════════════════════════════════════════════════════ */ section{padding:100px 40px;text-align:center} .eyebrow{color:var(--gold);font-size:11px;letter-spacing:4px;text-transform:uppercase;margin-bottom:16px} .section-h{font-family:var(--serif);font-weight:300;font-size:clamp(32px,4.4vw,56px);line-height:1.1;margin:0 0 18px;color:var(--navy)} .section-sub{color:var(--muted);font-size:16px;line-height:1.8;max-width:680px;margin:0 auto} .fi{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease} .fi.v{opacity:1;transform:none} .btn-gold,.btn-outline{display:inline-block;font-size:12px;letter-spacing:2.4px;text-transform:uppercase; padding:14px 28px;transition:all .28s ease} .btn-gold{background:var(--gold);color:var(--navy);border:1px solid var(--gold)} .btn-gold:hover{background:var(--gold-lt);border-color:var(--gold-lt)} .btn-outline{border:1px solid var(--gold);color:var(--gold)} .btn-outline:hover{background:var(--gold);color:var(--navy)} /* ══ TRACKS ═══════════════════════════════════════════════════════ */ .tracks-grid{max-width:1240px;margin:54px auto 0;display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;text-align:left} .track-card{background:var(--white);border:1px solid rgba(11,26,46,.09);border-top:3px solid var(--gold); padding:38px 32px;display:flex;flex-direction:column; transition:transform .3s,box-shadow .3s,border-color .3s} .track-card:hover{transform:translateY(-6px);box-shadow:0 20px 46px rgba(11,26,46,.1)} .track-num{font-family:var(--serif);font-size:44px;line-height:1;color:rgba(200,165,90,.45);margin-bottom:14px} .track-card h3{font-family:var(--serif);font-weight:400;font-size:27px;margin:0 0 12px;color:var(--navy)} .track-card .desc{color:var(--muted);font-size:15px;line-height:1.8;margin:0 0 22px} .track-card ul{list-style:none;margin:0 0 28px;padding:0;flex:1} .track-card li{color:#4a4a4a;font-size:14.5px;line-height:1.55;padding:10px 0 10px 22px; position:relative;border-top:1px solid rgba(11,26,46,.07)} .track-card li:before{content:"›";position:absolute;left:2px;color:var(--gold);font-size:16px} .track-card .btn-gold{align-self:flex-start} /* ══ CURRICULUM ═══════════════════════════════════════════════════ */ .curriculum{background:var(--cream)} .curr-steps{max-width:900px;margin:54px auto 0;text-align:left} .curr-step{display:grid;grid-template-columns:76px 1fr;gap:24px;position:relative;padding-bottom:34px} .curr-step:not(:last-child):before{content:"";position:absolute;left:37px;top:56px;bottom:0; width:1px;background:rgba(200,165,90,.45)} .curr-step-num{width:56px;height:56px;border:1px solid var(--gold);color:var(--gold); background:var(--white);display:grid;place-items:center; font-family:var(--serif);font-size:24px;border-radius:50%;position:relative;z-index:2} .curr-step-body .sub{color:var(--gold);font-size:10px;letter-spacing:3px;text-transform:uppercase;margin-bottom:8px} .curr-step-body h4{font-family:var(--serif);font-weight:400;font-size:25px;margin:0 0 10px;color:var(--navy)} .curr-step-body p{color:var(--muted);font-size:15px;line-height:1.8;margin:0 0 14px} .curr-tags{display:flex;flex-wrap:wrap;gap:8px} .curr-tags .tag{background:var(--white);border:1px solid rgba(11,26,46,.12);color:#4a4a4a; font-size:11.5px;letter-spacing:.6px;padding:6px 13px;border-radius:999px} @media(max-width:700px){ .curr-step{grid-template-columns:1fr;gap:14px} .curr-step:not(:last-child):before{display:none} } /* ══ IMPACT BAR ═══════════════════════════════════════════════════ */ .impact-bar{background:var(--navy);padding:90px 40px;text-align:center;color:#fff} .impact-bar h2{font-family:var(--serif);font-size:clamp(26px,3.5vw,44px);font-weight:300;color:#fff;margin:0} .impact-grid{max-width:1100px;margin:48px auto 0;display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:0; border-top:1px solid rgba(200,165,90,.28);border-bottom:1px solid rgba(200,165,90,.28)} .impact-cell{padding:38px 18px;border-right:1px solid rgba(255,255,255,.08)} .impact-cell:last-child{border-right:0} .impact-cell .big{font-family:var(--serif);font-size:52px;line-height:1;color:var(--gold)} .impact-cell .lbl{font-size:11px;letter-spacing:2.4px;text-transform:uppercase; color:rgba(255,255,255,.6);margin-top:10px} /* ══ CTA ══════════════════════════════════════════════════════════ */ .cta-band{padding:104px 40px;text-align:center; background:linear-gradient(135deg,var(--navy-3) 0%,var(--navy) 100%)} .cta-band h2{font-family:var(--serif);font-weight:300;color:#fff; font-size:clamp(32px,4.6vw,56px);line-height:1.14;margin:0 0 34px} .cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap} /* ══ FOOTER ═══════════════════════════════════════════════════════ */ footer{background:var(--navy);color:rgba(255,255,255,.6);padding:70px 40px 0} .footer-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2.2fr 1fr;gap:56px;padding-bottom:50px} .footer-brand h3{font-family:var(--serif);font-weight:300;font-size:28px;color:#fff;margin:0 0 14px} .footer-brand h3 span{color:var(--gold)} .footer-brand p{font-size:14.5px;line-height:1.85;max-width:460px;margin:0 0 18px} .footer-tagline{font-family:var(--serif);font-style:italic;color:var(--gold-lt);font-size:17px} .footer-col h4{color:#fff;font-size:11px;letter-spacing:3px;text-transform:uppercase;margin:0 0 18px;font-weight:500} .footer-col ul{list-style:none;margin:0;padding:0} .footer-col li{margin-bottom:11px} .footer-col a{color:rgba(255,255,255,.6);font-size:14.5px;transition:color .25s} .footer-col a:hover{color:var(--gold)} .footer-bottom{max-width:1200px;margin:0 auto;border-top:1px solid rgba(255,255,255,.09); padding:24px 0 34px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px} .footer-bottom p{margin:0;font-size:12.5px} @media(max-width:900px){ .footer-grid{grid-template-columns:1fr;gap:32px} section,.impact-bar,.cta-band{padding:70px 22px} footer{padding:56px 22px 0} }