:root{
      --bg-1:#050607;
      --bg-2:#0b0d10;
      --bg-3:#12161c;
      --panel:rgba(255,255,255,.045);
      --panel-2:rgba(255,255,255,.03);
      --border:rgba(212,175,55,.16);
      --border-soft:rgba(255,255,255,.08);
      --gold:#caa654;
      --gold-soft:#ecd9a4;
      --gold-deep:#8c6a22;
      --text:#f5f1e8;
      --muted:#c7bfad;
      --muted-2:#a39b8b;
      --redwine:#7b0f16;
      --redwine-2:#a61f28;
      --shadow:0 26px 80px rgba(0,0,0,.42);
      --radius:1.35rem;
    }

    html { scroll-behavior:smooth; }

    body{
      font-family:"Inter",sans-serif;
      color:var(--text);
      background:
        radial-gradient(circle at top left, rgba(202,166,84,.09), transparent 22%),
        radial-gradient(circle at 85% 15%, rgba(202,166,84,.07), transparent 18%),
        linear-gradient(180deg, var(--bg-1) 0%, var(--bg-2) 42%, var(--bg-3) 100%);
      letter-spacing:.01em;
    }

    h1,h2,h3,h4,h5,.brand-font{
      font-family:"Cormorant Garamond",serif;
      letter-spacing:.03em;
    }

    a{ text-decoration:none; }

    .text-gold{ color:var(--gold-soft)!important; }
    .text-muted-lux{ color:var(--muted)!important; }

    .navbar{
      background:rgba(6,7,9,.82);
      backdrop-filter:blur(14px);
      border-bottom:1px solid rgba(212,175,55,.12);
    }

    .navbar-brand{
      font-family:"Cormorant Garamond",serif;
      font-size:1.7rem;
      letter-spacing:.08em;
      color:var(--gold-soft)!important;
    }

    .nav-link{
      color:rgba(245,241,232,.9)!important;
      text-transform:uppercase;
      letter-spacing:.08em;
      font-size:.92rem;
    }

    .nav-link:hover{ color:var(--gold-soft)!important; }

    .hero{
      position:relative;
      min-height:100vh;
      display:flex;
      align-items:center;
      padding:8.5rem 0 5rem;
      overflow:hidden;
      border-bottom:1px solid rgba(212,175,55,.12);
    }

    .hero::before{
      content:"";
      position:absolute;
      inset:0;
      background:
        linear-gradient(to bottom, rgba(255,255,255,.02), rgba(0,0,0,.18)),
        radial-gradient(circle at center, transparent 46%, rgba(0,0,0,.24) 100%);
      pointer-events:none;
    }

    .hero-shell{
      position:relative;
      z-index:2;
      padding:2rem;
      border-radius:2rem;
      background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.02));
      border:1px solid var(--border);
      box-shadow:var(--shadow);
      backdrop-filter:blur(8px);
    }

    .hero-shell::before{
      content:"";
      position:absolute;
      inset:14px;
      border-radius:1.45rem;
      border:1px solid rgba(212,175,55,.10);
      pointer-events:none;
    }

    .profile-card{
      position:relative;
      padding:1rem;
      border-radius:1.5rem;
      background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
      border:1px solid rgba(212,175,55,.14);
      box-shadow:0 20px 60px rgba(0,0,0,.34);
    }

    .profile-card::before{
      content:"";
      position:absolute;
      inset:12px;
      border-radius:1.05rem;
      border:1px solid rgba(212,175,55,.14);
      pointer-events:none;
    }

    .profile-card img{
      width:100%;
      display:block;
      border-radius:1rem;
      object-fit:cover;
      min-height:610px;
      max-height:760px;
      filter:saturate(.9) contrast(1.03) brightness(.94);
    }

    .profile-caption{
      display:flex;
      justify-content:center;
      align-items:center;
      gap:.85rem;
      margin-top:1rem;
      color:var(--gold-soft);
      text-transform:uppercase;
      letter-spacing:.16em;
      font-size:.74rem;
    }

    .profile-caption::before,
    .profile-caption::after{
      content:"";
      width:52px;
      height:1px;
      background:linear-gradient(90deg, transparent, rgba(212,175,55,.85), transparent);
    }

    .top-badges{
      display:flex;
      flex-wrap:wrap;
      gap:.8rem;
      margin-bottom:1rem;
    }

    .kicker,
    .honor-badge{
      display:inline-flex;
      align-items:center;
      gap:.55rem;
      padding:.62rem 1rem;
      border-radius:999px;
      font-size:.78rem;
      text-transform:uppercase;
      letter-spacing:.13em;
      white-space:nowrap;
    }

    .kicker{
      color:var(--gold-soft);
      background:rgba(212,175,55,.07);
      border:1px solid rgba(212,175,55,.18);
    }

    .honor-badge{
      color:#f3e7c2;
      background:rgba(255,255,255,.04);
      border:1px solid rgba(255,255,255,.08);
    }

    .overline{
      color:#a89f8e;
      text-transform:uppercase;
      letter-spacing:.18em;
      font-weight:700;
      font-size:.82rem;
      margin-bottom:.55rem;
    }

    .hero-title{
      font-size:clamp(3rem, 6vw, 5.8rem);
      line-height:.92;
      text-transform:uppercase;
      margin:0 0 .9rem;
    }

    .hero-title span{ color:var(--gold-soft); }

    .hero-subname{
      font-size:1.25rem;
      color:#ddd1b2;
      font-weight:600;
      letter-spacing:.03em;
      margin-bottom:1rem;
    }

    .rank-line{
      display:flex;
      flex-wrap:wrap;
      gap:.8rem;
      align-items:center;
      margin-bottom:1.45rem;
    }

    .rank-badge,
    .office-badge{
      display:inline-flex;
      align-items:center;
      gap:.55rem;
      border-radius:999px;
      padding:.68rem 1rem;
      font-weight:700;
      font-size:.88rem;
      letter-spacing:.03em;
    }

    .rank-badge{
      color:#fff0c7;
      background:linear-gradient(135deg, var(--redwine) 0%, var(--redwine-2) 60%, #d77f88 100%);
      border:1px solid rgba(255,255,255,.12);
      box-shadow:0 10px 30px rgba(108,12,18,.30);
    }

    .office-badge{
      color:#ead9a7;
      background:rgba(212,175,55,.08);
      border:1px solid rgba(212,175,55,.18);
    }

    .hero-desc{
      max-width:780px;
      color:var(--muted);
      font-size:1.04rem;
      line-height:1.95;
      margin-bottom:1.5rem;
    }

    .facts{
      display:flex;
      flex-wrap:wrap;
      gap:.8rem;
      margin-bottom:1.7rem;
    }

    .fact-chip{
      display:inline-flex;
      align-items:center;
      gap:.55rem;
      padding:.72rem 1rem;
      border-radius:999px;
      background:rgba(255,255,255,.03);
      border:1px solid rgba(255,255,255,.07);
      color:#ddd4c0;
      font-size:.88rem;
    }

    .hero-actions{
      display:flex;
      flex-wrap:wrap;
      gap:.85rem;
      margin-bottom:1.8rem;
    }

    .hero-actions .btn{
      min-height:52px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:.55rem;
      padding:.92rem 1.35rem;
      border-radius:999px;
      font-size:.86rem;
      font-weight:800;
      letter-spacing:.08em;
      text-transform:uppercase;
    }

    .btn-gold-lux{
      background:linear-gradient(135deg, #9b762a 0%, #d3b261 48%, #f0dea3 100%);
      color:#181107;
      border:none;
      box-shadow:0 12px 32px rgba(200,164,77,.22);
    }

    .btn-gold-lux:hover{ color:#181107; filter:brightness(1.05); }

    .btn-outline-lux{
      color:#ecdcae;
      background:rgba(255,255,255,.02);
      border:1px solid rgba(212,175,55,.28);
    }

    .btn-outline-lux:hover{
      color:#fff4d1;
      background:rgba(212,175,55,.08);
      border-color:rgba(212,175,55,.42);
    }

    .social-wrap{ margin-top:.2rem; }

    .social-card{
      height:100%;
      padding:1.3rem;
      border-radius:1.3rem;
      background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
      border:1px solid rgba(212,175,55,.12);
      box-shadow:0 16px 42px rgba(0,0,0,.24);
    }

    .editorial-head{
      display:flex;
      align-items:center;
      gap:.9rem;
      margin-bottom:1rem;
    }

    .editorial-icon{
      width:58px;
      height:58px;
      border-radius:50%;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      font-size:1.2rem;
      color:#1a1309;
      background:linear-gradient(135deg, #a67c2d 0%, #d8ba72 50%, #f2e6bf 100%);
      box-shadow:0 10px 24px rgba(212,175,55,.20);
      flex-shrink:0;
    }

    .editorial-title{
      color:#f7f2e8;
      font-size:1rem;
      font-weight:700;
      line-height:1.2;
    }

    .editorial-subtitle{
      color:#b6ad9a;
      font-size:.88rem;
      margin-top:.2rem;
    }

    .editorial-meta{
      list-style:none;
      padding:0;
      margin:0;
      display:grid;
      gap:.7rem;
    }

    .editorial-meta li{
      display:flex;
      gap:.65rem;
      color:#c8c0ad;
      font-size:.9rem;
      line-height:1.5;
    }

    .editorial-meta i{ color:#d8ba72; margin-top:.08rem; }

    .metrics-grid{
      display:grid;
      grid-template-columns:repeat(4, minmax(0, 1fr));
      gap:.85rem;
    }

    .metric-tile{
      text-align:center;
      padding:1rem .75rem;
      border-radius:1rem;
      background:rgba(255,255,255,.03);
      border:1px solid rgba(255,255,255,.06);
      transition:all .25s ease;
      height:100%;
    }

    .metric-tile:hover{
      transform:translateY(-2px);
      border-color:rgba(212,175,55,.18);
      background:rgba(212,175,55,.05);
    }

    .metric-icon{
      color:#d8ba72;
      font-size:1.08rem;
      margin-bottom:.45rem;
    }

    .metric-value{
      color:#f7f2e8;
      font-size:1.14rem;
      font-weight:800;
      line-height:1.1;
    }

    .metric-label{
      margin-top:.25rem;
      color:#b8ae9b;
      font-size:.82rem;
    }

    .social-divider{
      width:100%;
      height:1px;
      margin:1rem 0 1.05rem;
      background:linear-gradient(90deg, transparent, rgba(212,175,55,.28), transparent);
    }

    .meta-grid{
      display:grid;
      grid-template-columns:repeat(3, minmax(0, 1fr));
      gap:.85rem;
    }

    .mini-meta{
      padding:.95rem 1rem;
      border-radius:.95rem;
      background:rgba(255,255,255,.025);
      border:1px solid rgba(255,255,255,.06);
    }

    .mini-meta small{
      display:block;
      margin-bottom:.35rem;
      color:#9f9685;
      font-size:.74rem;
      letter-spacing:.11em;
      text-transform:uppercase;
    }

    .mini-meta strong{
      color:#f0e1b3;
      font-size:.96rem;
      font-weight:700;
    }

    .section{
      padding:6rem 0;
      position:relative;
    }

    .section-dark{
      background:linear-gradient(180deg, rgba(255,255,255,.015), rgba(255,255,255,0));
    }

    .section-title{
      font-size:clamp(2.4rem, 4vw, 4rem);
      line-height:1;
      text-transform:uppercase;
      margin-bottom:.75rem;
    }

    .section-copy{
      max-width:860px;
      color:var(--muted);
      line-height:1.9;
    }

    .eyebrow{
      display:inline-flex;
      align-items:center;
      gap:.7rem;
      padding:.58rem 1rem;
      border-radius:999px;
      background:rgba(200,164,77,.06);
      border:1px solid rgba(212,175,55,.18);
      color:var(--gold-soft);
      font-size:.8rem;
      letter-spacing:.14em;
      text-transform:uppercase;
    }

    .ornament{
      display:flex;
      align-items:center;
      gap:1rem;
      margin:1rem 0 2rem;
      color:var(--gold);
    }

    .ornament::before,
    .ornament::after{
      content:"";
      width:70px;
      height:1px;
      background:linear-gradient(90deg, transparent, rgba(212,175,55,.7), transparent);
    }

    .ornament span{ font-size:1.2rem; letter-spacing:.2em; }

    .lux-card{
      height:100%;
      padding:2rem;
      border-radius:1.35rem;
      background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025));
      border:1px solid rgba(212,175,55,.12);
      box-shadow:var(--shadow);
      position:relative;
      overflow:hidden;
    }

    .lux-card::before{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(135deg, rgba(212,175,55,.06), transparent 42%);
      pointer-events:none;
    }

    .lux-card h3{
      font-size:1.7rem;
      color:var(--gold-soft);
      margin-bottom:.8rem;
    }

    .lux-card p,
    .lux-card li{
      color:var(--muted);
      line-height:1.85;
    }

    .timeline{
      position:relative;
      margin-top:1rem;
      padding-left:2rem;
      border-left:1px solid rgba(212,175,55,.22);
    }

    .timeline-item{
      position:relative;
      padding-left:1.5rem;
      margin-bottom:2rem;
    }

    .timeline-item:last-child{ margin-bottom:0; }

    .timeline-item::before{
      content:"";
      position:absolute;
      left:-2.45rem;
      top:.5rem;
      width:14px;
      height:14px;
      border-radius:50%;
      background:radial-gradient(circle, #f0dea3 0%, #c8a44d 55%, #8e6b22 100%);
      box-shadow:0 0 0 6px rgba(212,175,55,.08);
    }

    .timeline-year{
      font-size:.82rem;
      text-transform:uppercase;
      letter-spacing:.16em;
      color:var(--gold-soft);
      margin-bottom:.35rem;
      display:inline-block;
    }

    .timeline-item h4{
      font-size:1.5rem;
      margin-bottom:.35rem;
      color:#f8f3e7;
    }

    .stats-row .stat-panel{
      padding:2rem 1.5rem;
      border-radius:1.2rem;
      border:1px solid rgba(212,175,55,.14);
      background:
        linear-gradient(135deg, rgba(212,175,55,.08), transparent 45%),
        rgba(255,255,255,.03);
      box-shadow:var(--shadow);
      height:100%;
    }

    .stat-number{
      font-family:"Cormorant Garamond",serif;
      font-size:3rem;
      line-height:1;
      color:var(--gold-soft);
      margin-bottom:.3rem;
    }

    .media-card{
      height:100%;
      padding:1rem;
      border-radius:1.2rem;
      background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
      border:1px solid rgba(212,175,55,.12);
      box-shadow:var(--shadow);
    }

    .media-card img{
      width:100%;
      height:240px;
      object-fit:cover;
      border-radius:1rem;
      margin-bottom:1rem;
    }

    .video-link{
      display:block;
      padding:1rem 1.1rem;
      border-radius:1rem;
      background:rgba(255,255,255,.03);
      border:1px solid rgba(255,255,255,.06);
      color:var(--text);
      transition:all .25s ease;
      height:100%;
    }

    .video-link:hover{
      color:#fff4d1;
      background:rgba(212,175,55,.06);
      border-color:rgba(212,175,55,.18);
      transform:translateY(-2px);
    }

    .video-link small{
      display:block;
      color:var(--muted-2);
      margin-top:.35rem;
    }

    .sources a{
      color:var(--gold-soft);
    }

    .sources a:hover{
      color:#fff2c8;
      text-decoration:underline;
    }

    .footer{
      padding:2.4rem 0;
      border-top:1px solid rgba(212,175,55,.12);
      background:rgba(0,0,0,.28);
      color:var(--muted-2);
    }

    @media (max-width: 1199.98px){
      .metrics-grid{ grid-template-columns:repeat(2, minmax(0,1fr)); }
      .meta-grid{ grid-template-columns:1fr; }
    }

    @media (max-width: 991.98px){
      .hero{
        min-height:auto;
        padding:7rem 0 4rem;
      }

      .hero-shell{
        padding:1.35rem;
        border-radius:1.5rem;
      }

      .hero-shell::before{
        inset:10px;
        border-radius:1.1rem;
      }

      .profile-card{
        max-width:460px;
        margin:0 auto;
      }

      .profile-card img{
        min-height:auto;
        max-height:620px;
      }

      .hero-content{
        text-align:center;
      }

      .top-badges,
      .rank-line,
      .facts,
      .hero-actions{
        justify-content:center;
      }

      .hero-desc{
        margin-left:auto;
        margin-right:auto;
      }
    }

    @media (max-width: 767.98px){
      .hero-title{ font-size:2.65rem; line-height:.96; }
      .hero-subname{ font-size:1.05rem; }
      .hero-desc{ font-size:.97rem; line-height:1.8; }
      .fact-chip{ width:100%; justify-content:center; }
      .hero-actions .btn{ width:100%; }
      .editorial-head{ flex-direction:column; text-align:center; }
      .editorial-meta li{ justify-content:center; text-align:center; }
    }

    @media (max-width: 575.98px){
      .kicker,.honor-badge,.rank-badge,.office-badge{
        width:100%;
        justify-content:center;
        text-align:center;
        white-space:normal;
      }

      .hero-title{ font-size:2.2rem; }
      .metrics-grid{ gap:.75rem; }
      .metric-value{ font-size:1rem; }
      .metric-label{ font-size:.78rem; }
      .section-title{ font-size:2.1rem; }
    }