html { scroll-behavior: smooth; }
  body { margin: 0; background: #241F40; color: #F5F2EC; font-family: Archivo, system-ui, sans-serif; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
  * { box-sizing: border-box; }
  a { color: #C9A05A; text-decoration: none; }
  a:hover { color: #E0BE85; }
  ::selection { background: #A8803A; color: #241F40; }
  [data-reveal] { opacity: 0; transform: translateY(26px); }
  [data-reveal].is-in { opacity: 1; transform: none; transition: opacity 0.9s cubic-bezier(0.2,0.7,0.2,1), transform 0.9s cubic-bezier(0.2,0.7,0.2,1); }
  @keyframes lidScroll { 0% { transform: translateY(0); opacity: 0 } 40% { opacity: 1 } 100% { transform: translateY(15px); opacity: 0 } }
  .lid-rail { scrollbar-width: none; }
  .lid-rail::-webkit-scrollbar { display: none; }
  @media (max-width: 1024px) {
    [data-hero-img] { inset: 0 auto auto auto !important; right: -4% !important; height: 50% !important; width: auto !important; max-width: none !important; object-fit: fill !important; -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 72%, transparent 100%); mask-image: linear-gradient(180deg, #000 0%, #000 72%, transparent 100%); }
    [data-srow] { grid-template-columns: 60px 1fr !important; }
  }
  @media (max-width: 900px) {
    [data-burger] { display: block !important; }
    [data-hdr] { flex-wrap: nowrap !important; }
    [data-nav] { position: absolute; top: 100%; left: 0; right: 0; display: none !important; flex-direction: column; align-items: stretch !important; gap: 0 !important; background: rgba(36,31,64,0.985); backdrop-filter: blur(16px); border-bottom: 1px solid rgba(168,128,58,0.35); padding: 8px 24px 22px; }
    [data-nav].is-open { display: flex !important; }
    [data-nav] > a { padding: 16px 0 !important; font-size: 13px !important; border-bottom: 1px solid rgba(245,242,236,0.12); }
    [data-nav] > a:last-child { justify-content: center; margin-top: 16px; border-bottom: none; padding: 16px 22px !important; }
    [data-stats] { grid-template-columns: 1fr 1fr !important; }
    [data-stats] > div { padding: 22px 18px !important; border-right: none !important; border-top: 1px solid rgba(245,242,236,0.12) !important; }
    [data-stats] > div:nth-child(odd) { padding-left: 0 !important; }
  }
  @media (max-width: 760px) {
    [data-hero] { padding-top: 108px !important; }
    [data-hero-img] { height: 34% !important; right: -2% !important; }
    [data-aud] { grid-template-columns: 1fr !important; gap: 6px !important; }
    [data-aud] > span:last-child { text-align: left !important; max-width: none !important; }
    [data-crow] { flex-direction: column !important; align-items: flex-start !important; gap: 8px !important; }
    [data-crow] > span:last-child { text-align: left !important; }
    [data-srow] { grid-template-columns: 1fr !important; gap: 10px !important; }
    [data-srow] > div:first-child { order: -1; }
    [data-card] { flex: 0 0 78vw !important; }
    [data-audlead] { text-align: left !important; justify-self: start !important; }
  }
  @media (max-width: 480px) {
    [data-stats] { grid-template-columns: 1fr !important; }
    [data-stats] > div { padding-left: 0 !important; padding-right: 0 !important; }
  }

  .img-slot { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; padding: 20px; text-align: center; background: rgba(245,242,236,0.05); border: 1px dashed rgba(201,160,90,0.45); }
  .img-slot span { font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(201,160,90,0.85); }
  .img-slot img { width: 100%; height: 100%; object-fit: cover; display: block; }
  img { max-width: 100%; }
  @media (max-width: 760px) { .lid-rail { padding-left: 20px !important; padding-right: 20px !important; } }

.x1:hover{color: #C9A05A !important}
.x2:hover{color: #C9A05A !important}
.x3:hover{color: #C9A05A !important}
.x4:hover{color: #C9A05A !important}
.x5:hover{background: #F5F2EC !important; transform: translateY(-2px) !important}
.x6:hover{background: #C9A05A !important; gap: 18px !important}
.x7:hover{border-color: #C9A05A !important; color: #C9A05A !important; gap: 18px !important}
.x8:hover{gap: 16px !important}
.x9:hover{transform: translateY(-8px) !important; border-color: rgba(201,160,90,0.7) !important; background: rgba(201,160,90,0.08) !important}
.x10:hover{transform: translateY(-8px) !important; border-color: rgba(201,160,90,0.7) !important; background: rgba(201,160,90,0.08) !important}
.x11:hover{transform: translateY(-8px) !important; border-color: rgba(201,160,90,0.7) !important; background: rgba(201,160,90,0.08) !important}
.x12:hover{transform: translateY(-8px) !important; border-color: rgba(201,160,90,0.7) !important; background: rgba(201,160,90,0.08) !important}
.x13:hover{background: #F5F2EC !important; gap: 18px !important}
.x14:hover{padding-left: 14px !important}
.x15:hover{padding-left: 14px !important}
.x16:hover{padding-left: 14px !important}
.x17:hover{padding-left: 14px !important}
.x18:hover{padding-left: 14px !important}
.x19:hover{padding-left: 14px !important}
.x20:hover{padding-left: 14px !important}
.x21:hover{transform: scale(1.03) !important}
.x22:hover{transform: scale(1.03) !important}
.x23:hover{transform: scale(1.03) !important}
.x24:hover{transform: scale(1.03) !important}
.x25:hover{transform: scale(1.03) !important}
.x26:hover{transform: scale(1.03) !important}
.x27:hover{transform: scale(1.03) !important}
.x28:hover{padding-left: 12px !important}
.x29:hover{padding-left: 12px !important}
.x30:hover{padding-left: 12px !important}
.x31:hover{padding-left: 12px !important}
.x32:hover{padding-left: 12px !important}
.x33:hover{padding-left: 12px !important}
.x34:hover{padding-left: 12px !important}
.x35:hover{transform: translateY(-6px) !important; border-top-color: #C9A05A !important; padding-left: 20px !important; background: rgba(245,242,236,0.045) !important}
.x36:hover{transform: translateY(-6px) !important; border-top-color: #C9A05A !important; padding-left: 20px !important; background: rgba(245,242,236,0.045) !important}
.x37:hover{transform: translateY(-6px) !important; border-top-color: #C9A05A !important; padding-left: 20px !important; background: rgba(245,242,236,0.045) !important}
.x38:hover{transform: translateY(-6px) !important; border-top-color: #C9A05A !important; padding-left: 20px !important; background: rgba(245,242,236,0.045) !important}
.x39:hover{color: #C9A05A !important; padding-left: 8px !important}
.x40:hover{color: #C9A05A !important; padding-left: 8px !important}
.x41:hover{color: #C9A05A !important; padding-left: 8px !important}
.x42:focus{border-bottom-color: #C9A05A !important}
.x43:focus{border-bottom-color: #C9A05A !important}
.x44:focus{border-bottom-color: #C9A05A !important}
.x45:focus{border-bottom-color: #C9A05A !important}
.x46:hover{background: #F5F2EC !important}
.x47:hover{color: #C9A05A !important}
.x48:hover{color: #C9A05A !important}
.x49:hover{color: #C9A05A !important}
.x50:hover{color: #C9A05A !important}
.x51:hover{color: #C9A05A !important}
.x52:hover{color: #C9A05A !important}
