:root {
  --white:#F8F8F2;
  --soft:#D8D3C8;
  --gold:#D4AF37;
  --gold2:#F5D67B;
  --glow:rgba(212,175,55,.35);
}

* {
  box-sizing:border-box;
  margin:0;
  padding:0;
}

html, body {
  min-height:100%;
}

body {
  font-family:Montserrat, system-ui, sans-serif;
  color:var(--white);
  background:#000;
  overflow-x:hidden;
}

a {
  color:inherit;
  text-decoration:none;
}

.front { min-height:100vh; position:relative; overflow:hidden; background:url("images/hero/hero-(4).jpg") center 70% / cover no-repeat !important; }

.front::before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 20% 14%, rgba(245,214,123,.12), transparent 28%),
    radial-gradient(circle at 82% 18%, rgba(255,255,255,.08), transparent 24%),
    linear-gradient(115deg, transparent 0 43%, rgba(255,255,255,.07) 45%, transparent 48% 100%);
  mix-blend-mode:screen;
}

header {
  position:relative;
  z-index:5;
  padding:30px 6vw 0;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:28px;
}

.brand {
  font-family:"Playfair Display", serif;
  font-size:clamp(2.1rem,5vw,5.2rem);
  line-height:.95;
  letter-spacing:.04em;
  color:var(--gold2);
  text-shadow:0 0 36px rgba(212,175,55,.32);
}

nav {
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:14px;
  padding-top:6px;
}

nav a {
  min-width:132px;
  height:46px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:rgba(5,5,5,.34);
  backdrop-filter:blur(10px);
  color:#fff;
  font-size:.86rem;
  border:1px solid rgba(255,255,255,.20);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10), 0 12px 34px rgba(0,0,0,.25);
  transition:.2s ease;
}

nav a:hover {
  border-color:rgba(245,214,123,.85);
  box-shadow:0 0 24px rgba(212,175,55,.30), inset 0 1px 0 rgba(255,255,255,.16);
  color:var(--gold2);
}

.hero-copy {
  position:relative;
  z-index:4;
  max-width:660px;
  margin-left:6vw;
  padding-top:12vh;
}

.kicker {
  color:var(--gold2);
  font-size:.82rem;
  letter-spacing:.24em;
  text-transform:uppercase;
  margin-bottom:22px;
}

h1 {
  font-family:"Playfair Display", serif;
  font-size:clamp(3.4rem,7vw,7rem);
  line-height:.94;
  letter-spacing:-.04em;
  color:#fff;
  text-shadow:0 22px 80px rgba(0,0,0,.9);
  margin-bottom:24px;
}

h1 span {
  color:var(--gold2);
}

.rule {
  width:88px;
  height:2px;
  background:linear-gradient(90deg, rgba(0,0,0,.06) 0%, rgba(0,0,0,.03) 42%, rgba(0,0,0,.02) 72%, rgba(0,0,0,.06) 100%),
  margin-bottom:26px;
}

p {
  max-width:560px;
  color:var(--soft);
  font-size:clamp(1rem,1.5vw,1.2rem);
  line-height:1.75;
  text-shadow:0 12px 40px rgba(0,0,0,.9);
  margin-bottom:32px;
}

.actions {
  display:flex;
  flex-wrap:wrap;
  gap:14px;
}

.btn {
  min-height:50px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 26px;
  border-radius:999px;
  font-weight:800;
  font-size:.76rem;
  letter-spacing:.15em;
  text-transform:uppercase;
  transition:.2s ease;
}

.btn-primary {
  color:#050505;
  background:linear-gradient(135deg, var(--gold), var(--gold2));
  box-shadow:0 0 30px var(--glow);
}

.btn-secondary {
  color:#fff;
  background:rgba(0,0,0,.32);
  border:1px solid rgba(245,214,123,.48);
  backdrop-filter:blur(10px);
}

.btn:hover {
  transform:translateY(-3px);
  box-shadow:0 0 34px rgba(212,175,55,.32);
}

.bottom-note {
  position:absolute;
  z-index:4;
  left:6vw;
  bottom:34px;
  color:rgba(248,248,242,.72);
  font-size:.74rem;
  letter-spacing:.20em;
  text-transform:uppercase;
}

@media (max-width:900px) {
  header {
    flex-direction:column;
  }

  nav {
    justify-content:flex-start;
  }

  nav a {
    min-width:auto;
    padding:0 18px;
  }

  .hero-copy {
    margin:0 24px;
    padding-top:8vh;
  }

  .actions {
    flex-direction:column;
  }

  .btn {
    width:100%;
  }

  .bottom-note {
    position:relative;
    left:auto;
    bottom:auto;
    padding:42px 24px 26px;
  }
}

/* CLEAN TOP-RIGHT LEFTOVER IMAGE TEXT ONLY */
.front::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 430px;
  height: 115px;
  z-index: 3;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(0,0,0,.06) 0%, rgba(0,0,0,.03) 42%, rgba(0,0,0,.02) 72%, rgba(0,0,0,.06) 100%),
    radial-gradient(circle at top right, rgba(0,0,0,0.95), rgba(0,0,0,0.20) 72%, transparent 100%);
}

/* HIDE TOP-CENTER LEFTOVER NAME INSIDE BACKGROUND IMAGE ONLY */
.front::after {
  content: "";
  position: absolute;
  top: 0;
  left: 28%;
  width: 44%;
  height: 130px;
  z-index: 3;
  pointer-events: none;
  background:
    radial-gradient(ellipse at top center, rgba(0,0,0,0.96) 0%, rgba(0,0,0,0.82) 42%, rgba(0,0,0,0.35) 74%, transparent 100%);
}

/* HIDE TOP-RIGHT FADED WORDS INSIDE BACKGROUND IMAGE ONLY */
.front .top-right-cleaner {
  position: absolute;
  top: 0;
  right: 0;
  width: 360px;
  height: 120px;
  z-index: 4;
  pointer-events: none;
  background:
    radial-gradient(ellipse at top right, rgba(0,0,0,0.98) 0%, rgba(0,0,0,0.86) 46%, rgba(0,0,0,0.35) 76%, transparent 100%);
}

/* DESKTOP CLEANUP: SHRINK PAGE WORDS, PROTECT BACKGROUND SIGNATURE */
@media (min-width: 901px) {
  .hero-copy {
    max-width: 590px;
    padding-top: 8vh;
  }

  .kicker {
    font-size: .68rem;
    letter-spacing: .22em;
    margin-bottom: 14px;
  }

  h1 {
    font-size: clamp(2.8rem, 5.4vw, 5.7rem);
    line-height: .92;
    margin-bottom: 18px;
  }

  p {
    max-width: 520px;
    font-size: 1rem;
    line-height: 1.58;
    margin-bottom: 22px;
  }

  .rule {
    margin-bottom: 18px;
  }

  .btn {
    min-height: 44px;
    padding: 0 22px;
    font-size: .68rem;
    letter-spacing: .14em;
  }

  .bottom-note {
    font-size: .58rem;
    letter-spacing: .16em;
    bottom: 18px;
    opacity: .72;
  }
}

/* SOCIAL WIDGET SMALLER ROW ONLY */
.ag-social-widget{
  flex-direction: row !important;
  gap: 6px !important;
  padding: 7px 8px !important;
}

.ag-social-link{
  min-width: 76px !important;
  height: 30px !important;
  padding: 0 10px !important;
  font-size: .55rem !important;
  letter-spacing: .10em !important;
}

@media (max-width: 900px){
  .ag-social-widget{
    flex-direction: row !important;
    gap: 5px !important;
    padding: 6px 7px !important;
  }

  .ag-social-link{
    min-width: 68px !important;
    height: 28px !important;
    padding: 0 8px !important;
    font-size: .50rem !important;
    letter-spacing: .08em !important;
  }
}

/* FORCE FB / IG SMALL ROW */
.ag-social-widget{
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  width: auto !important;
  max-width: 130px !important;
  padding: 6px 8px !important;
  border-radius: 999px !important;
}

.ag-social-link{
  min-width: 42px !important;
  width: 42px !important;
  height: 28px !important;
  padding: 0 !important;
  font-size: .58rem !important;
  letter-spacing: .08em !important;
  line-height: 1 !important;
}


/* FORCE FB / IG SMALL ROW */
.ag-social-widget{
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  width: auto !important;
  max-width: 130px !important;
  padding: 6px 8px !important;
  border-radius: 999px !important;
}

.ag-social-link{
  min-width: 42px !important;
  width: 42px !important;
  height: 28px !important;
  padding: 0 !important;
  font-size: .58rem !important;
  letter-spacing: .08em !important;
  line-height: 1 !important;
}


/* FINAL TINY FB / IG ROW */
.ag-social-widget{
  flex-direction: row !important;
  gap: 4px !important;
  max-width: 104px !important;
  padding: 5px 6px !important;
}

.ag-social-link{
  min-width: 34px !important;
  width: 34px !important;
  height: 24px !important;
  font-size: .48rem !important;
  letter-spacing: .06em !important;
}


/* FIT TOP NAV INCLUDING ABOUT IN ONE ROW */
nav{
  gap: 8px !important;
  flex-wrap: nowrap !important;
}

nav a{
  min-width: auto !important;
  height: 34px !important;
  padding: 0 13px !important;
  font-size: .62rem !important;
  letter-spacing: .10em !important;
  white-space: nowrap !important;
}

@media (max-width: 900px){
  nav{
    flex-wrap: wrap !important;
    gap: 7px !important;
  }

  nav a{
    height: 32px !important;
    padding: 0 11px !important;
    font-size: .56rem !important;
  }
}

/* CLEAN FRONT PAGE: KEEP NAME, BUTTONS, AND BOTTOM TINY WORDS ONLY */
.hero-copy .kicker,
.hero-copy h1,
.hero-copy .rule,
.hero-copy p,
.hero-copy .luxury-pulse{
  display: none !important;
}

.hero-copy{
  max-width: 680px !important;
  padding-top: 56vh !important;
}

.hero-copy .actions{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
}

.bottom-note{
  display: block !important;
}

@media (max-width: 900px){
  .hero-copy{
    padding-top: 48vh !important;
  }
}

/* FRONT PAGE SMALL LUXURY SCRIPTURE ONLY */
.front-scripture{
  max-width: 660px;
  margin: 0 0 18px;
  font-family: "Playfair Display", Georgia, serif;
  font-size: clamp(.95rem, 1.35vw, 1.22rem);
  line-height: 1.55;
  letter-spacing: .035em;
  color: rgba(248,248,242,.88);
  text-shadow:
    0 10px 36px rgba(0,0,0,.95),
    0 0 18px rgba(255,255,255,.08);
}

.front-scripture::before{
  content: "";
  display: block;
  width: 72px;
  height: 1px;
  margin-bottom: 14px;
  background: linear-gradient(90deg, rgba(0,0,0,.06) 0%, rgba(0,0,0,.03) 42%, rgba(0,0,0,.02) 72%, rgba(0,0,0,.06) 100%),
  box-shadow: 0 0 18px rgba(212,175,55,.32);
}

@media (max-width: 900px){
  .front-scripture{
    font-size: .92rem;
    line-height: 1.5;
    margin-bottom: 16px;
  }
}




/* ZT NAV SPACING FIX START */
nav{
  gap: 10px !important;
}

nav a{
  margin: 0 1px !important;
}
/* ZT NAV SPACING FIX END */


/* === ZENTRAVELSPHER RESTORED WALL START === */
html,
body {
  min-height: 100%;
}

body {
  background:
    linear-gradient(180deg, rgba(0,0,0,.02), rgba(0,0,0,.08)),
    url("images/wall-images/wall-images (9).jpg") center center / cover fixed no-repeat !important;
  color: #f5f1e8;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(circle at 20% 10%, rgba(212,175,55,0.16), transparent 28%),
    radial-gradient(circle at 80% 0%, rgba(255,255,255,0.08), transparent 24%),
    linear-gradient(180deg, rgba(0,0,0,.02), rgba(0,0,0,.08)),
}
/* === ZENTRAVELSPHER RESTORED WALL END === */