/* ==========================================================================
   GOLDEN JUBILEE — 05 · Meet the Prophet
   Replaces the Depicter sunset slider. A magazine profile: the name, his
   words, the three titles from The Prophet page, and the portrait standing
   in front of an outlined VII (the seventh angel, the 7th dispensation).
   Gold ground, red ink and hairlines, an off-white VII. Reveal on scroll (meet.js adds .is-in).
   ========================================================================== */
.gj-meet{
  --mt-ground:var(--jb-gold,#D4A84A); --mt-deep:var(--jb-red-deep,#4E0B17); --mt-wine:#8A1A2C; --mt-gold:rgba(78,11,23,.55); --mt-gold-lit:var(--jb-red,#8A1A2C); --mt-blue:var(--jb-blue,#244A9B); --mt-cream:var(--jb-red-deep,#4E0B17);
  --mt-serif:'Cormorant Garamond','Playfair Display',Georgia,serif; --mt-sans:'Urbanist','Helvetica Neue',Arial,sans-serif;
  position:relative;overflow:hidden;isolation:isolate;
  width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);
  background:var(--mt-ground);color:var(--mt-cream);font-family:var(--mt-sans);-webkit-font-smoothing:antialiased;
}
.gj-meet *,.gj-meet *::before,.gj-meet *::after{box-sizing:border-box}
.gj-meet p,.gj-meet h2,.gj-meet ol,.gj-meet li,.gj-meet figure{margin:0;padding:0 !important}
.gj-meet ol,.gj-meet li{list-style:none !important}
.gj-meet li::marker{content:none}

.gj-meet__inner{max-width:1320px;margin:0 auto;padding:clamp(72px,9vw,128px) clamp(20px,5vw,64px) 0;
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(28px,5vw,80px);align-items:end;min-height:min(92vh,900px)}

/* ---- text ---- */
.gj-meet__text{align-self:center;position:relative;padding:0 0 clamp(56px,8vw,110px) 28px !important;border-left:1px solid rgba(78,11,23,.35)}
.gj-meet .gj-meet__eyebrow{display:flex;align-items:center;gap:14px;font:600 11px/1 var(--mt-sans) !important;letter-spacing:.34em !important;text-transform:uppercase;color:var(--mt-gold-lit) !important}
.gj-meet__eyebrow::after{content:"";width:48px;height:1px;background:var(--mt-blue)}
.gj-meet .gj-meet__name{margin-top:.4em !important;font:300 clamp(44px,5.6vw,88px)/.95 var(--mt-serif) !important;letter-spacing:-.005em !important;color:var(--mt-cream) !important;text-transform:none}
.gj-meet__name span{display:block;font:italic 400 .42em/1.3 var(--mt-serif);color:var(--mt-gold-lit);letter-spacing:.02em}
.gj-meet .gj-meet__lede{margin-top:1.4em !important;max-width:40ch;font:400 clamp(19px,1.6vw,23px)/1.5 var(--mt-serif) !important;color:rgba(78,11,23,.86) !important}

.gj-meet__titles{margin-top:clamp(28px,3.4vw,44px) !important;border-top:1px solid rgba(78,11,23,.22);max-width:560px}
.gj-meet__titles li{display:grid;grid-template-columns:54px 1fr;align-items:baseline;column-gap:8px;padding:16px 0 !important;border-bottom:1px solid rgba(78,11,23,.22)}
.gj-meet__n{font:italic 400 22px/1 var(--mt-serif);color:var(--mt-blue)}
.gj-meet__t{font:500 clamp(24px,2.2vw,32px)/1.1 var(--mt-serif);color:var(--mt-cream);transition:color .3s ease,transform .4s cubic-bezier(.16,1,.3,1)}
.gj-meet__s{grid-column:2;margin-top:6px;font:600 10.5px/1.4 var(--mt-sans);letter-spacing:.24em;text-transform:uppercase;color:rgba(78,11,23,.55)}
.gj-meet__titles li:hover .gj-meet__t{color:var(--mt-gold-lit);transform:translateX(6px)}

.gj-meet .gj-meet__cta{display:inline-flex;align-items:center;gap:12px;margin-top:34px;padding:16px 28px;border-radius:999px;text-decoration:none !important;
  background:var(--mt-wine);color:var(--jb-cream,#FFFAF1) !important;font:700 12px/1 var(--mt-sans);letter-spacing:.18em;text-transform:uppercase;
  transition:background-color .25s ease,transform .25s ease,gap .25s ease}
.gj-meet .gj-meet__cta:hover{background:var(--mt-deep);transform:translateY(-2px);gap:18px}
.gj-meet__cta svg{width:16px;height:16px;flex:none}

/* ---- the portrait before the VII ---- */
.gj-meet__figure{position:relative;align-self:end;justify-self:center;width:min(100%,560px);aspect-ratio:560/700;display:flex;align-items:flex-end;justify-content:center}
.gj-meet__vii{position:absolute;left:50%;top:-2%;width:132%;transform:translateX(-50%);overflow:visible;pointer-events:none}
.gj-meet__vii text{font:300 300px/1 var(--mt-serif);letter-spacing:.02em;fill:none;stroke:var(--jb-cream,#FFFAF1);stroke-width:1.2;stroke-dasharray:1400;stroke-dashoffset:0;opacity:.7}
.gj-meet__figure img{position:relative;z-index:1;height:100% !important;width:auto !important;max-width:none !important;object-fit:contain;
  filter:drop-shadow(0 24px 36px rgba(78,58,14,.35))}
.gj-meet__figure::after{content:"";position:absolute;left:-14%;right:-14%;bottom:0;height:1px;background:var(--mt-deep);z-index:2}
.gj-meet .gj-meet__caption{position:absolute;right:-4%;bottom:14%;z-index:3;max-width:170px;text-align:right;
  font:italic 400 17px/1.3 var(--mt-serif);color:rgba(78,11,23,.8)}
.gj-meet__caption::before{content:"";display:block;width:36px;height:1px;margin:0 0 10px auto;background:var(--mt-gold)}

/* ---- reveal ---- */
.gj-meet.is-armed .gj-meet__text > *{opacity:0;transform:translateY(22px);transition:opacity .9s ease,transform 1s cubic-bezier(.16,1,.3,1)}
.gj-meet.is-armed .gj-meet__titles li{opacity:0;transform:translateY(14px);transition:opacity .7s ease,transform .8s cubic-bezier(.16,1,.3,1)}
.gj-meet.is-armed .gj-meet__figure img{opacity:0;transform:translateY(40px);transition:opacity 1s ease .2s,transform 1.4s cubic-bezier(.16,1,.3,1) .2s}
.gj-meet.is-armed .gj-meet__vii text{stroke-dashoffset:1400;transition:stroke-dashoffset 2.6s cubic-bezier(.65,0,.35,1) .1s}
.gj-meet.is-armed .gj-meet__caption{opacity:0;transition:opacity .8s ease 1.2s}
.gj-meet.is-in .gj-meet__text > *,.gj-meet.is-in .gj-meet__titles li,.gj-meet.is-in .gj-meet__figure img{opacity:1;transform:none}
.gj-meet.is-in .gj-meet__vii text{stroke-dashoffset:0}
.gj-meet.is-in .gj-meet__caption{opacity:1}
.gj-meet.is-in .gj-meet__text > :nth-child(2){transition-delay:.08s}
.gj-meet.is-in .gj-meet__text > :nth-child(3){transition-delay:.16s}
.gj-meet.is-in .gj-meet__text > :nth-child(4){transition-delay:.24s}
.gj-meet.is-in .gj-meet__text > :nth-child(5){transition-delay:.5s}
.gj-meet.is-in .gj-meet__titles li:nth-child(1){transition-delay:.3s}
.gj-meet.is-in .gj-meet__titles li:nth-child(2){transition-delay:.4s}
.gj-meet.is-in .gj-meet__titles li:nth-child(3){transition-delay:.5s}

@media (max-width:900px){
  .gj-meet__inner{grid-template-columns:1fr;min-height:0;padding-top:72px}
  .gj-meet__text{padding-bottom:12px !important}
  .gj-meet__figure{width:min(88vw,440px);margin-top:12px}
  .gj-meet .gj-meet__caption{right:0;bottom:10%;max-width:130px;font-size:15px}
}
@media (prefers-reduced-motion:reduce){
  .gj-meet.is-armed *{transition:none !important}
}