/*
Theme Name: Orion Capital Final
Author: Orion Capital
Version: 6.0
Description: Orion Capital — Premium Investment Intelligence. Final build.
*/

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=Syne:wght@400;600;700&display=swap');

:root {
  --bg:             #070A12;
  --glass:          rgba(255,255,255,0.05);
  --border:         rgba(255,255,255,0.10);
  --border-hover:   rgba(170,140,255,0.50);
  --glow:           rgba(170,140,255,0.18);
  --glow-hover:     rgba(170,140,255,0.35);
  --accent:         rgba(210,192,255,0.92);
  --accent-dim:     rgba(170,140,255,0.55);
  --white:          #ffffff;
  --text-primary:   rgba(255,255,255,0.92);
  --text-secondary: rgba(255,255,255,0.70);
  --text-dim:       rgba(255,255,255,0.38);
  --radius-pill:    100px;
  --radius-card:    18px;
  --blur:           blur(16px);
}

* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  background: var(--bg);
  color: var(--text-primary);
  font-family: 'Syne', sans-serif;
  font-size: 18px;
  line-height: 1.78;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}

/* NAV */
#masthead {
  position: fixed; top: 0; left: 0; right: 0; z-index: 1000;
  display: flex; align-items: center; justify-content: space-between;
  padding: 1.4rem 3rem;
  background: rgba(7,10,18,0.97);
  backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px);
  border-bottom: 1px solid rgba(255,255,255,0.06);
}
.site-logo {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.18rem; font-weight: 600;
  color: var(--white); letter-spacing: 0.07em;
  display: flex; align-items: center; gap: 0.5rem;
  text-decoration: none;
}
.site-logo::before { content: '✦'; color: var(--accent-dim); font-size: 0.75rem; }
#primary-navigation ul { list-style: none; display: flex; gap: 2.4rem; }
#primary-navigation a {
  color: var(--text-secondary); text-decoration: none;
  font-size: 0.72rem; font-weight: 600; letter-spacing: 0.13em;
  text-transform: uppercase; transition: color 0.25s;
}
#primary-navigation a:hover { color: var(--white); }

/* LANG TOGGLE */
.lang-toggle {
  position: relative; display: flex; align-items: center;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: var(--radius-pill); padding: 4px; overflow: hidden;
}
.lang-slider {
  position: absolute; top: 4px; bottom: 4px; left: 4px;
  width: calc(50% - 4px); border-radius: var(--radius-pill);
  background: linear-gradient(135deg, rgba(170,140,255,0.35), rgba(120,90,210,0.25));
  box-shadow: 0 0 16px rgba(170,140,255,0.28);
  transition: transform 0.38s cubic-bezier(0.34,1.3,0.64,1);
  pointer-events: none;
}
.lang-slider.lt { transform: translateX(100%); }
.lang-btn {
  position: relative; z-index: 2;
  background: transparent; border: none;
  font-family: 'Syne', sans-serif; font-size: 0.65rem; font-weight: 700;
  letter-spacing: 0.10em; padding: 6px 16px; cursor: pointer;
  border-radius: var(--radius-pill); transition: color 0.3s;
  min-width: 42px; text-align: center; line-height: 1;
}
.lang-btn.active  { color: rgba(225,210,255,1.0); }
.lang-btn.inactive { color: rgba(255,255,255,0.32); }
.lang-btn:hover   { color: rgba(255,255,255,0.75); }

/* HERO */
#hero {
  display: grid; grid-template-columns: 1.1fr 0.9fr;
  align-items: center; padding: 10rem 3rem 7rem; gap: 4rem;
  min-height: 100vh;
  background: radial-gradient(ellipse at 10% 65%, rgba(24,12,58,0.55) 0%, transparent 50%), var(--bg);
}
.hero-title {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(2.9rem, 5.5vw, 4.6rem); font-weight: 300;
  line-height: 1.07; letter-spacing: -0.015em; margin-bottom: 1.8rem; color: var(--white);
}
.hero-title em { font-style: italic; color: rgba(200,178,255,0.85); }
.hero-sub { color: var(--text-secondary); font-size: 1.05rem; line-height: 1.9; margin-bottom: 3.2rem; max-width: 310px; }
.hero-btns { display: flex; align-items: center; gap: 1.5rem; flex-wrap: wrap; }

.btn-primary {
  display: inline-flex; align-items: center; padding: 0.88rem 2.2rem;
  border-radius: var(--radius-pill); font-family: 'Syne', sans-serif;
  font-size: 0.80rem; font-weight: 700; letter-spacing: 0.06em; cursor: pointer;
  border: 1px solid rgba(170,140,255,0.38); background: rgba(170,140,255,0.12);
  backdrop-filter: var(--blur); color: var(--accent);
  box-shadow: 0 0 24px var(--glow); transition: all 0.3s; text-decoration: none;
}
.btn-primary:hover { background: rgba(170,140,255,0.22); border-color: rgba(170,140,255,0.60); box-shadow: 0 0 40px var(--glow-hover); color: #fff; transform: translateY(-2px); }

.btn-ghost {
  font-family: 'Syne', sans-serif; font-size: 0.78rem; font-weight: 600;
  letter-spacing: 0.07em; cursor: pointer; border: none; background: transparent;
  color: var(--text-secondary); transition: color 0.25s; padding: 0; text-decoration: none;
}
.btn-ghost:hover { color: var(--white); }

/* ORBITAL */
.orbital-system { position: relative; width: 280px; height: 280px; display: flex; align-items: center; justify-content: center; margin: 0 auto; }
.orbital-system::before { content: ''; position: absolute; width: 200px; height: 200px; border-radius: 50%; background: radial-gradient(circle, rgba(140,100,255,0.10) 0%, transparent 70%); animation: ambient-pulse 4s ease-in-out infinite; }
@keyframes ambient-pulse { 0%,100%{transform:scale(1);opacity:0.6} 50%{transform:scale(1.15);opacity:1} }
.orbit-ring { position: absolute; border-radius: 50%; border: 1px solid rgba(170,140,255,0.25); animation: ring-pulse 5s ease-in-out infinite; }
.orbit-ring:nth-child(2){width:85px;height:85px;animation-delay:0s}
.orbit-ring:nth-child(3){width:155px;height:155px;animation-delay:0.6s;border-color:rgba(170,140,255,0.18)}
.orbit-ring:nth-child(4){width:220px;height:220px;animation-delay:1.2s;border-color:rgba(170,140,255,0.12)}
.orbit-ring:nth-child(5){width:278px;height:278px;animation-delay:1.8s;border-color:rgba(170,140,255,0.07)}
@keyframes ring-pulse { 0%,100%{box-shadow:0 0 6px rgba(170,140,255,0.10)} 50%{box-shadow:0 0 18px rgba(170,140,255,0.30)} }
.planet-core { position: absolute; width: 32px; height: 32px; border-radius: 50%; background: radial-gradient(circle at 35% 35%, rgba(220,190,255,0.98), rgba(130,80,200,0.90) 55%, rgba(40,20,80,0.95)); box-shadow: 0 0 26px rgba(170,140,255,0.80), 0 0 55px rgba(170,140,255,0.35); animation: core-pulse 3.5s ease-in-out infinite; z-index: 10; }
@keyframes core-pulse { 0%,100%{box-shadow:0 0 26px rgba(170,140,255,0.80),0 0 55px rgba(170,140,255,0.32)} 50%{box-shadow:0 0 40px rgba(170,140,255,1.0),0 0 80px rgba(170,140,255,0.50)} }
.satellite-orbit { position: absolute; border-radius: 50%; display: flex; align-items: flex-start; justify-content: center; }
.satellite-orbit-1{width:155px;height:155px;animation:orbit-spin 11s linear infinite}
.satellite-orbit-2{width:220px;height:220px;animation:orbit-spin 17s linear infinite reverse}
@keyframes orbit-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.satellite{width:8px;height:8px;border-radius:50%;margin-top:-4px;background:rgba(220,200,255,0.92);box-shadow:0 0 10px rgba(170,140,255,0.90),0 0 22px rgba(170,140,255,0.40)}
.satellite-sm{width:6px;height:6px;margin-top:-3px;background:rgba(255,255,255,0.85);box-shadow:0 0 8px rgba(255,255,255,0.75)}

/* SECTIONS */
.section-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.07),transparent);margin:0 3rem}
section{padding:5.5rem 3rem}
.sec-eyebrow{font-size:0.67rem;letter-spacing:0.22em;text-transform:uppercase;color:var(--accent-dim);margin-bottom:0.9rem;font-weight:600}
.sec-title{font-family:'Cormorant Garamond',serif;font-size:clamp(1.9rem,3.2vw,2.7rem);font-weight:300;letter-spacing:0.01em;color:var(--white);margin-bottom:0.5rem}
.sec-rule{width:34px;height:1px;background:rgba(170,140,255,0.35);margin:1.3rem 0 3.5rem}

/* BRIEFING */
.briefing-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:2.5rem;gap:1rem;flex-wrap:wrap}
.briefing-desc{color:var(--text-secondary);font-size:1rem;line-height:1.85;max-width:380px;margin-top:0.4rem;font-style:italic}
.briefing-actions{display:flex;flex-direction:column;align-items:flex-end;gap:0.9rem}
.btn-briefing{display:inline-flex;align-items:center;gap:6px;padding:0.72rem 1.6rem;border-radius:var(--radius-pill);font-family:'Syne',sans-serif;font-size:0.74rem;font-weight:700;letter-spacing:0.07em;border:1px solid rgba(170,140,255,0.30);background:rgba(170,140,255,0.09);color:var(--accent);transition:all 0.3s;text-decoration:none;cursor:pointer}
.btn-briefing:hover{background:rgba(170,140,255,0.18);border-color:rgba(170,140,255,0.55);color:var(--white);box-shadow:0 0 22px var(--glow)}
.btn-viewall{font-size:0.67rem;color:var(--text-dim);cursor:pointer;letter-spacing:0.10em;text-transform:uppercase;border:none;background:transparent;font-family:'Syne',sans-serif;transition:color 0.25s;text-decoration:none;display:inline-block}
.btn-viewall:hover{color:var(--text-secondary)}

/* CATEGORY TABS */
.cat-tabs{display:flex;gap:0.45rem;margin-bottom:3rem;flex-wrap:wrap}
.cat-tab{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.13);color:var(--text-secondary);padding:7px 16px;border-radius:var(--radius-pill);font-family:'Syne',sans-serif;font-size:0.70rem;font-weight:600;letter-spacing:0.07em;cursor:pointer;transition:all 0.25s;text-decoration:none;display:inline-block}
.cat-tab:hover{border-color:var(--border-hover);color:var(--accent);background:rgba(170,140,255,0.08)}
.cat-tab.active{border-color:rgba(170,140,255,0.55);color:var(--accent);background:rgba(170,140,255,0.10);box-shadow:0 0 18px rgba(170,140,255,0.12)}

/* POSTS */
.posts-list{display:flex;flex-direction:column}
.post-card{padding:2.2rem 0;border-bottom:1px solid rgba(255,255,255,0.06);display:grid;grid-template-columns:115px 1fr;gap:2.5rem;align-items:start;transition:opacity 0.25s;text-decoration:none;color:inherit}
.post-card:hover{opacity:0.80}
.post-card:hover .post-title{color:var(--accent)}
.post-card:last-child{border-bottom:none}
.post-date{font-size:0.70rem;color:var(--text-dim);letter-spacing:0.06em;margin-bottom:6px}
.post-cat{font-size:0.64rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--accent-dim);font-weight:600}
.post-title{font-family:'Cormorant Garamond',serif;font-size:1.25rem;font-weight:400;color:var(--text-primary);margin-bottom:0.6rem;transition:color 0.25s;line-height:1.38}
.post-excerpt{color:var(--text-secondary);font-size:0.92rem;line-height:1.8;font-style:italic}

/* RESEARCH AREAS */
.focus-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(255,255,255,0.05);border-radius:var(--radius-card);overflow:hidden;max-width:800px}
.focus-card{background:var(--bg);padding:3rem 2.5rem;transition:background 0.3s;text-decoration:none;color:inherit;display:block;position:relative}
.focus-card:hover{background:rgba(170,140,255,0.04)}
.focus-card::after{content:'→';position:absolute;top:3rem;right:2.5rem;color:var(--accent-dim);font-size:0.95rem;opacity:0;transition:opacity 0.25s,transform 0.25s}
.focus-card:hover::after{opacity:0.80;transform:translateX(4px)}
.focus-num{font-size:0.62rem;letter-spacing:0.2em;color:var(--accent-dim);margin-bottom:1.4rem;font-weight:600}
.focus-title{font-family:'Cormorant Garamond',serif;font-size:1.32rem;font-weight:400;color:var(--white);margin-bottom:0.75rem}
.focus-text{color:var(--text-secondary);font-size:0.92rem;line-height:1.75}

/* PUBLICATIONS */
.pub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:900px}
.pub-card{border:1px solid var(--border);border-radius:var(--radius-card);padding:3rem 2.2rem;transition:all 0.35s;position:relative;overflow:hidden;background:rgba(255,255,255,0.04);backdrop-filter:blur(10px)}
.pub-card::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(170,140,255,0.07),transparent 55%);opacity:0;transition:opacity 0.35s;pointer-events:none}
.pub-card:hover{border-color:rgba(170,140,255,0.30);transform:translateY(-4px);box-shadow:0 22px 60px rgba(0,0,0,0.35),0 0 36px rgba(170,140,255,0.12)}
.pub-card:hover::before{opacity:1}
a.pub-card{display:block;text-decoration:none;color:inherit;cursor:pointer}
a.pub-card:hover{border-color:rgba(170,140,255,0.45)}
.pub-roman{font-family:'Cormorant Garamond',serif;font-size:0.72rem;letter-spacing:0.22em;color:var(--accent-dim);margin-bottom:2rem}
.pub-title{font-family:'Cormorant Garamond',serif;font-size:1.28rem;font-weight:400;color:var(--white);margin-bottom:0.3rem}
.pub-sub{font-family:'Cormorant Garamond',serif;font-size:0.84rem;font-style:italic;color:var(--accent-dim);margin-bottom:1.4rem}
.pub-desc{color:var(--text-secondary);font-size:0.90rem;line-height:1.82;margin-bottom:2.2rem}
.pub-btn-discover{display:inline-block;font-family:'Syne',sans-serif;font-size:0.70rem;font-weight:700;letter-spacing:0.10em;text-transform:uppercase;color:var(--accent-dim);border:none;background:transparent;padding:0;text-decoration:none;transition:color 0.25s;cursor:pointer}
.pub-btn-discover:hover,a.pub-card:hover .pub-btn-discover{color:var(--accent)}
.pub-btn-muted{display:inline-block;font-family:'Syne',sans-serif;font-size:0.64rem;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:var(--text-dim);cursor:default}

/* FOOTER */
#colophon{padding:4.5rem 3rem 3rem;border-top:1px solid rgba(255,255,255,0.06);display:grid;grid-template-columns:1.6fr 1fr;gap:5rem}
.footer-brand h3{font-family:'Cormorant Garamond',serif;font-size:1.12rem;font-weight:600;display:flex;align-items:center;gap:0.45rem;margin-bottom:1.2rem;color:var(--text-primary)}
.footer-brand p{color:var(--text-secondary);font-size:0.88rem;line-height:2.1}
.footer-brand a{color:var(--accent-dim);text-decoration:none;transition:color 0.2s}
.footer-brand a:hover{color:var(--accent)}
.footer-nav ul{list-style:none;display:flex;flex-direction:column;gap:0.85rem}
.footer-nav a{color:var(--text-secondary);text-decoration:none;font-size:0.84rem;transition:color 0.25s}
.footer-nav a:hover{color:var(--white)}
.site-info{text-align:center;color:rgba(255,255,255,0.48);font-size:0.74rem;padding:1.8rem 3rem;border-top:1px solid rgba(255,255,255,0.05);letter-spacing:0.08em}

/* RESPONSIVE */
@media(max-width:960px){
  #masthead{padding:1rem 1.5rem}
  #primary-navigation{display:none}
  #hero{grid-template-columns:1fr;padding:8rem 1.5rem 4rem}
  .orbital-system{display:none}
  section{padding:4rem 1.5rem}
  .pub-grid{grid-template-columns:1fr}
  .focus-grid{grid-template-columns:1fr}
  #colophon{grid-template-columns:1fr;gap:2.5rem}
  .post-card{grid-template-columns:95px 1fr;gap:1.5rem}
  .section-divider{margin:0 1.5rem}
  .briefing-header{flex-direction:column}
  .briefing-actions{align-items:flex-start}
}