/* Advisory page — hero/pillars/services/dual-slideshow components,
   used only on this page. Previously a 122-line inline <style> block. */

    /* ── HERO OVERRIDE ─────────────────────────────────────────── */
    .adv-hero-inner {
      display: grid;
      grid-template-columns: 1fr 340px;
      align-items: center;
      gap: 3rem;
      padding: 5.5rem 0 4rem;
      position: relative;
      z-index: 1;
    }
    .adv-hero-portrait {
      border-radius: 12px;
      overflow: hidden;
      box-shadow: 0 8px 40px rgba(0,0,0,0.55), 0 0 0 1px rgba(201,168,76,0.25);
    }
    .adv-hero-portrait img {
      width: 100%; display: block;
      object-fit: cover; object-position: center top;
    }

    /* ── PILLARS ───────────────────────────────────────────────── */
    .adv-pillars-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
      gap: 1.5rem;
    }
    .adv-pillar {
      border: 1px solid rgba(201,168,76,0.18);
      border-radius: 12px;
      padding: 2rem 1.5rem;
      text-align: center;
      display: flex; flex-direction: column; align-items: center; gap: 1rem;
      background: rgba(201,168,76,0.03);
      transition: border-color 0.3s, background 0.3s;
    }
    .adv-pillar:hover { border-color: rgba(201,168,76,0.45); background: rgba(201,168,76,0.07); }
    .adv-pillar__icon { width:56px;height:56px;border-radius:50%;background:rgba(201,168,76,0.12);display:flex;align-items:center;justify-content:center;font-size:1.55rem;flex-shrink:0; }
    .adv-pillar h3 { font-size:1.02rem;color:var(--t1);margin:0; }
    .adv-pillar p  { font-size:0.83rem;color:var(--t2);line-height:1.65;margin:0; }

    /* ── FLAG BADGES ───────────────────────────────────────────── */
    .adv-flags { display:flex;gap:0.9rem;flex-wrap:nowrap;margin-top:2.5rem; }
    .adv-flag-badge {
      background:rgba(201,168,76,0.08);
      border:1px solid rgba(201,168,76,0.28);
      border-radius:8px;
      padding:0.85rem 1.2rem;
      text-align:center;
      flex:1;
    }
    .adv-flag-badge__country { font-size:1.2rem;font-weight:700;color:var(--gold); }
    .adv-flag-badge__label   { font-size:0.72rem;color:var(--t2);margin-top:0.3rem;line-height:1.4; }

    /* ── SERVICES ──────────────────────────────────────────────── */
    .adv-services-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(275px, 1fr));
      gap: 1.25rem;
    }
    .adv-service {
      border:1px solid rgba(201,168,76,0.15);
      border-radius:12px;
      padding:1.75rem;
      background:rgba(255,255,255,0.02);
      transition:border-color 0.3s;
    }
    .adv-service:hover { border-color:rgba(201,168,76,0.4); }
    .adv-service__num { color:var(--gold);font-size:1.1rem;font-weight:700;margin-bottom:0.6rem; }
    .adv-service h3 { font-size:1.65rem;color:var(--t1);margin:0 0 0.5rem; }
    .adv-service p  { font-size:0.83rem;color:var(--t2);line-height:1.7;margin:0; }

    /* ── DUAL SLIDESHOW ────────────────────────────────────────── */
    .adv-dual-show {
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:1rem;
    }
    .adv-dual-slot {
      position:relative;
      overflow:hidden;
      border-radius:10px;
      aspect-ratio:4/3;
      background:var(--bg3);
      box-shadow:0 6px 30px rgba(0,0,0,0.4);
    }
    .adv-dual-img {
      position:absolute;
      inset:0;
      width:100%;height:100%;
      object-fit:cover;
      image-orientation:from-image;
      opacity:0;
      transition:opacity 1.3s ease;
    }
    .adv-dual-img.active { opacity:1; }
    .adv-dual-caption {
      position:absolute;
      bottom:0;left:0;right:0;
      background:linear-gradient(transparent, rgba(5,7,15,0.75));
      color:var(--cream);
      font-size:0.75rem;
      padding:1.8rem 1rem 0.75rem;
      pointer-events:none;
    }
    @media (max-width:560px) {
      .adv-dual-show { grid-template-columns:1fr; }
    }

    /* ── MODERN HEADINGS ──────────────────────────────────────── */
    h1, h2, h3 { font-family: 'Heebo', sans-serif !important; }
    h1 { font-weight: 800; letter-spacing: -0.02em; }
    h2 { font-weight: 700; letter-spacing: -0.01em; }
    h3 { font-weight: 600; }

    /* ── RESPONSIVE ────────────────────────────────────────────── */
    @media (max-width:768px) {
      .adv-hero-inner { grid-template-columns:1fr; }
      .adv-hero-portrait { max-width:260px;margin:0 auto; }
      .adv-flags { flex-wrap:wrap; }
    }