/* ── Homepage-only styles (was the <style> block inside index.html) ── */

/* ── HERO ── */
.hero { background: var(--navy); min-height: 594px; display: grid; grid-template-columns: 1fr 462px; align-items: center; padding: 66px 44px; gap: 44px; position: relative; overflow: hidden; }
.hero::before { content:''; position:absolute; top:-66px; right:330px; width:550px; height:550px; border:1px solid rgba(200,185,122,0.1); border-radius:50%; pointer-events:none; }
.hero::after  { content:''; position:absolute; top:22px;  right:385px; width:352px; height:352px; border:1px solid rgba(200,185,122,0.07); border-radius:50%; pointer-events:none; }
.hero-text { position:relative; z-index:1; }
.hero h1 { font-size:64px; color:var(--white); line-height:1.05; margin:0 0 22px; letter-spacing:-0.01em; }
.hero h1 em { font-style:italic; color:var(--gold); }
.hero-desc { color:rgba(255,255,255,0.6); font-size:15px; font-weight:300; line-height:1.8; max-width:528px; margin-bottom:40px; }
.hero-actions { display:flex; gap:15px; align-items:center; }
.btn-ghost { color:rgba(255,255,255,0.7); font-size:12px; letter-spacing:0.08em; text-transform:uppercase; border-bottom:1px solid rgba(255,255,255,0.3); padding-bottom:2px; cursor:pointer; text-decoration:none; transition:color 0.2s; }
.btn-ghost:hover { color:var(--white); }
.hero-img-panel { position:relative; z-index:1; }
.hero-img-box { background:#1e3148; border:1px solid rgba(200,185,122,0.2); border-radius:3px; aspect-ratio:3/4; max-height:462px; display:flex; flex-direction:column; justify-content:flex-end; overflow:hidden; position:relative; }
.hero-img-placeholder { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; }
.hero-silhouette { width:132px; height:220px; background:rgba(200,185,122,0.08); border-radius:66px 66px 22px 22px; position:relative; }
.hero-silhouette::before { content:''; position:absolute; top:-50px; left:50%; transform:translateX(-50%); width:77px; height:77px; border-radius:50%; background:rgba(200,185,122,0.1); }
.hero-img-caption { background:rgba(15,28,46,0.92); padding:18px 22px; border-top:1px solid rgba(200,185,122,0.2); position:relative; z-index:1; }
.hero-img-caption p { margin:0 0 4px; font-family:var(--serif); font-size:14px; color:rgba(255,255,255,0.9); font-style:italic; }
.hero-img-caption span { font-size:11px; color:var(--gold); letter-spacing:0.1em; text-transform:uppercase; }
/* About strip */
.about-strip { background:var(--white); display:grid; grid-template-columns:1fr 1fr; }
.about-left  { padding:79px 44px; background:var(--cream); border-right:1px solid var(--border); }
.about-right { padding:79px 44px; }
.about-pills { display:flex; flex-wrap:wrap; gap:9px; margin-bottom:31px; }
.pill { border:1px solid #ddd; color:var(--text-mid); padding:6px 15px; font-size:11px; letter-spacing:0.08em; text-transform:uppercase; border-radius:1px; }
.about-quote { border-left:2px solid var(--gold); padding-left:22px; font-family:var(--serif); font-size:20px; font-style:italic; color:var(--navy); line-height:1.6; }
/* Ventures */
.ventures { background:var(--navy); padding:79px 44px; }
.ventures-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.06); border-radius:3px; overflow:hidden; }
.venture-card { background:var(--navy); padding:40px 31px; border-right:1px solid rgba(255,255,255,0.06); transition:background 0.25s; text-decoration:none; display:block; color:inherit; }
.venture-card:last-child { border-right:none; }
.venture-card:nth-child(3n){ border-right:none; }
.venture-card:hover { background:var(--navy-mid); }
.venture-icon { width:40px; height:40px; border:1px solid rgba(200,185,122,0.35); border-radius:2px; display:flex; align-items:center; justify-content:center; margin-bottom:22px; }
.venture-icon svg { width:18px; height:18px; stroke:var(--gold); fill:none; stroke-width:1.5; }
.venture-name { font-family:var(--serif); font-size:22px; font-weight:600; color:var(--white); margin-bottom:11px; }
.venture-desc { font-size:13px; color:rgba(255,255,255,0.45); line-height:1.8; font-weight:300; margin-bottom:22px; }
.venture-link { font-size:11px; letter-spacing:0.12em; text-transform:uppercase; color:var(--gold); border-bottom:1px solid rgba(200,185,122,0.35); padding-bottom:2px; }
/* Publications */
.publications { background:var(--cream); padding:79px 44px; }
.pub-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
/* YT strip */
.yt-strip { background:var(--white); display:grid; grid-template-columns:1fr 1fr; align-items:center; }
.yt-left  { padding:66px 44px; }
.yt-right { background:var(--navy); min-height:352px; display:flex; align-items:center; justify-content:center; overflow:hidden; }
.yt-thumb { width:100%; min-height:352px; background:var(--navy-mid); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:18px; text-decoration:none; }
.yt-play-btn { width:62px; height:62px; background:var(--gold); border-radius:50%; display:flex; align-items:center; justify-content:center; transition:transform 0.2s; }
.yt-play-btn:hover { transform:scale(1.08); }
.yt-play-btn svg { width:22px; height:22px; fill:var(--navy); margin-left:4px; }
.yt-label { font-size:12px; color:rgba(255,255,255,0.5); letter-spacing:0.1em; text-transform:uppercase; }
/* Social strip */
.social-strip { background:var(--cream); padding:53px 44px; display:flex; justify-content:space-between; align-items:center; border-top:1px solid var(--border); flex-wrap:wrap; gap:22px; }
.social-strip h3 { font-family:var(--serif); font-size:29px; font-weight:600; color:var(--navy); }
.social-icons { display:flex; gap:11px; flex-wrap:wrap; }
.soc-btn { display:flex; align-items:center; gap:8px; padding:10px 18px; border:1px solid #ddd; border-radius:2px; background:var(--white); font-size:12px; font-weight:500; color:#333; cursor:pointer; text-decoration:none; transition:border-color 0.2s; font-family:var(--sans); }
.soc-btn:hover { border-color:var(--navy); color:var(--navy); }
.soc-btn svg { width:15px; height:15px; }
@media(max-width:1024px){
  .hero { grid-template-columns:1fr; padding:44px 24px; min-height:auto; }
  .hero-img-panel { display:none; }
  .hero h1 { font-size:44px; }
  .about-strip { grid-template-columns:1fr; }
  .ventures-grid { grid-template-columns:1fr 1fr; }
  .pub-grid { grid-template-columns:1fr 1fr; }
  .yt-strip { grid-template-columns:1fr; }
  .yt-right { min-height:240px; }
  .social-strip { flex-direction:column; gap:20px; }
}
@media(max-width:768px){
  .hero { padding:36px 20px; }
  .hero h1 { font-size:34px; }
  .hero-desc { font-size:13px; }
  .about-left,.about-right { padding:44px 20px; }
  .ventures { padding:44px 20px; }
  .ventures-grid { grid-template-columns:1fr; }
  .venture-card { border-right:none !important; border-bottom:1px solid rgba(255,255,255,0.06); padding:28px 20px; }
  .publications { padding:44px 20px; }
  .pub-grid { grid-template-columns:1fr; }
  .yt-left { padding:44px 20px; }
  .social-strip { padding:36px 20px; }
  .social-icons { flex-wrap:wrap; gap:8px; }
  .soc-btn { font-size:11px; padding:8px 14px; }
}
@media(max-width:480px){
  .hero h1 { font-size:28px; }
  .about-quote { font-size:16px; }
}