/* ==========================================================================
   GOLDEN JUBILEE — The Prophet page
   Hero · Biography · Mission · The Third Elijah · Arch-Angels · The Ark
   Gold leads; off-white and one red block (Mission) as accents. Cormorant + Urbanist.
   Flat colour only. Reveal on scroll and the title cycle: prophet.js
   ========================================================================== */
.gjpr{
  --pr-deep:#2A040A; --pr-maroon:#3F060E; --pr-wine:#8C2B4E; --pr-gold:#D8A13A; --pr-gold-lit:#F6D06E; --pr-gold-ink:#9A6A12;
  --pr-cream:#FFF6E6; --pr-paper:#F4ECDD; --pr-ink:#2A0A10;
  --pr-serif:'Cormorant Garamond','Playfair Display',Georgia,serif; --pr-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);
  font-family:var(--pr-sans);-webkit-font-smoothing:antialiased;
}
.gjpr *,.gjpr *::before,.gjpr *::after{box-sizing:border-box}
.gjpr p,.gjpr h1,.gjpr h2,.gjpr ol,.gjpr ul,.gjpr li,.gjpr figure{margin:0;padding:0 !important;list-style:none !important}
.gjpr li::marker{content:none}
.gjpr a{text-decoration:none !important}

.gjpr .gjpr-eyebrow{display:flex;align-items:center;gap:14px;font:700 11px/1.4 var(--pr-sans) !important;letter-spacing:.34em !important;text-transform:uppercase;color:var(--jb-red,#8A1A2C) !important}
.gjpr .gjpr-eyebrow::after{content:"";width:48px;height:1px;background:currentColor;opacity:.6;flex:none}
.gjpr .gjpr-h2{margin-top:.35em !important;font:300 clamp(40px,5.2vw,80px)/1 var(--pr-serif) !important;letter-spacing:-.005em !important;text-transform:none;color:inherit !important}

/* ---------------------------------------------------------------- hero */
.gjpr-hero{background:var(--jb-gold,#D4A84A);color:var(--jb-red-deep,#4E0B17)}
.gjpr-hero__inner{max-width:1320px;margin:0 auto;padding:clamp(56px,7vw,96px) clamp(20px,5vw,64px) 0;
  display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,5vw,80px);align-items:end;
  min-height:calc(100vh - var(--gj-header,0px));min-height:calc(100svh - var(--gj-header,0px))}
.gjpr-hero__text{align-self:center;padding-bottom:clamp(40px,6vw,80px) !important}
.gjpr .gjpr-hero__name{margin-top:.4em !important;font:300 clamp(52px,7vw,116px)/.92 var(--pr-serif) !important;letter-spacing:-.01em !important;color:var(--jb-red-deep,#4E0B17) !important;text-transform:none}
.gjpr-hero__name span{display:block;font:italic 400 .36em/1.4 var(--pr-serif);color:var(--jb-red,#8A1A2C);letter-spacing:.02em}
.gjpr-hero__titles{margin-top:clamp(32px,4vw,56px) !important;max-width:520px;border-top:1px solid rgba(78,11,23,.22)}
.gjpr-hero__titles li{position:relative;display:grid;grid-template-columns:48px 1fr;align-items:baseline;padding:14px 0 !important;border-bottom:1px solid rgba(78,11,23,.22)}
.gjpr-hero__titles b{font:700 11px/1 var(--pr-sans);letter-spacing:.2em;color:rgba(78,11,23,.45);transition:color .5s ease}
.gjpr-hero__titles span{font:400 clamp(24px,2.4vw,34px)/1.1 var(--pr-serif);color:rgba(78,11,23,.42);transition:color .6s ease,transform .7s cubic-bezier(.16,1,.3,1)}
.gjpr-hero__titles i{position:absolute;left:0;bottom:-1px;height:1px;width:100%;background:var(--jb-red,#8A1A2C);transform:scaleX(0);transform-origin:left}
.gjpr-hero__titles li.is-on b{color:var(--jb-red,#8A1A2C)}
.gjpr-hero__titles li.is-on span{color:var(--jb-red-deep,#4E0B17);transform:translateX(8px)}
.gjpr-hero__titles li.is-on i{animation:gjprBar var(--gjpr-cycle,3600ms) linear forwards}
@keyframes gjprBar{to{transform:scaleX(1)}}

.gjpr-hero__figure{position:relative;align-self:end;justify-self:center;width:min(100%,580px);aspect-ratio:500/640;display:flex;align-items:flex-end;justify-content:center}
/* an arch window; the portrait rises out of the top of it */
.gjpr-hero__arch{position:absolute;left:3%;right:3%;bottom:0;height:86%;border-radius:999px 999px 0 0;background:var(--jb-cream,#FFFAF1);
  box-shadow:0 0 0 10px var(--jb-gold,#D4A84A),0 0 0 11px rgba(138,26,44,.5)}
.gjpr-hero__figure img{position:relative;z-index:1;width:auto !important;height:100% !important;max-width:100% !important;object-fit:contain;display:block}
.gjpr-hero__figure::after{content:"";position:absolute;left:-12%;right:-12%;bottom:0;height:1px;background:var(--jb-red-deep,#4E0B17);z-index:2}

/* ---------------------------------------------------------------- biography */
.gjpr-bio{color:var(--pr-ink);background-color:var(--jb-gold-50,#FBF4E3);
  /* a sparse field of small gold stars (the Zoe of the loader), as on Online Service */
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cg fill='%23BD9035' fill-opacity='.28'%3E%3Cpath d='M30 20l1.8 4.1 4.5.4-3.4 2.9 1 4.4-3.9-2.3-3.9 2.3 1-4.4-3.4-2.9 4.5-.4z'/%3E%3Cpath d='M128 64l1.2 2.7 3 .3-2.3 1.9.7 2.9-2.6-1.5-2.6 1.5.7-2.9-2.3-1.9 3-.3z'/%3E%3Cpath d='M70 132l1.5 3.4 3.7.3-2.8 2.4.8 3.6-3.2-1.9-3.2 1.9.8-3.6-2.8-2.4 3.7-.3z'/%3E%3C/g%3E%3C/svg%3E");background-size:180px 180px}

.gjpr-bio__inner{max-width:1320px;margin:0 auto;padding:clamp(72px,9vw,128px) clamp(20px,5vw,64px) 0;
  display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,88px);align-items:end}
.gjpr-bio__figure{position:relative;justify-self:center;width:min(100%,430px)}
.gjpr-bio__figure img{display:block;width:100% !important;height:auto !important;max-width:none !important}
.gjpr-bio__figure::after{content:"";position:absolute;left:-30%;right:-30%;bottom:0;height:1px;background:var(--jb-gold,#D4A84A)}
.gjpr-bio__text{align-self:center;padding-bottom:clamp(56px,8vw,110px) !important}
.gjpr .gjpr-bio__lead{margin-top:.8em !important;font:300 clamp(34px,3.8vw,58px)/1.08 var(--pr-serif) !important;color:var(--pr-ink) !important}
.gjpr .gjpr-bio__p{margin-top:1.2em !important;max-width:46ch;font:400 clamp(19px,1.6vw,23px)/1.5 var(--pr-serif) !important;color:rgba(42,10,16,.82) !important}
.gjpr-bio__roles{margin-top:30px !important;display:flex;flex-wrap:wrap;gap:10px}
.gjpr-bio__roles li{padding:11px 18px !important;background:var(--jb-gold-100,#F3E3B8);border-radius:999px;font:600 11px/1 var(--pr-sans);letter-spacing:.2em;text-transform:uppercase;color:var(--pr-ink)}

/* ---------------------------------------------------------------- mission */
/* red at the top turning to gold at the bottom: the ten charges read as a
   journey, like The Path. The ink turns from off-white to red as the ground
   turns gold, and each charge is set off by a small star divider. */
.gjpr-mission{color:var(--jb-cream,#FFFAF1);
  background:linear-gradient(180deg,var(--jb-red,#8A1A2C) 0%,#9E3A2E 26%,#B8702F 52%,var(--jb-gold-600,#BD9035) 74%,var(--jb-gold,#D4A84A) 100%)}
.gjpr-mission .gjpr-eyebrow{color:var(--jb-gold-300,#E6C67C) !important}
.gjpr-mission__inner{max-width:1320px;margin:0 auto;padding:clamp(72px,9vw,128px) clamp(20px,5vw,64px);
  display:grid;grid-template-columns:minmax(0,.55fr) minmax(0,1.45fr);gap:clamp(28px,5vw,80px)}
.gjpr-mission__head{align-self:start}
.gjpr-mission__head .gjpr-h2{color:var(--jb-cream,#FFFAF1) !important}
.gjpr-mission__head::after{content:"";display:block;margin-top:28px;width:120px;height:14px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 14'%3E%3Cg fill='none' stroke='%23E6C67C'%3E%3Cpath d='M0 7h48M72 7h48'/%3E%3C/g%3E%3Cpath fill='%23E6C67C' d='M60 0l2.2 4.8L67 7l-4.8 2.2L60 14l-2.2-4.8L53 7l4.8-2.2z'/%3E%3Ccircle cx='50' cy='7' r='1.4' fill='%23E6C67C'/%3E%3Ccircle cx='70' cy='7' r='1.4' fill='%23E6C67C'/%3E%3C/svg%3E") center/contain no-repeat}
.gjpr-mission__list li{--ink:var(--jb-cream,#FFFAF1);--num:var(--jb-gold-300,#E6C67C);
  position:relative;display:grid;grid-template-columns:64px 1fr;align-items:baseline;padding:26px 0 30px !important;color:var(--ink)}
.gjpr-mission__list li:nth-child(n+7){--ink:var(--jb-red-deep,#4E0B17);--num:var(--jb-red,#8A1A2C)}
/* the divider: hairline — star — hairline, in the item's own ink */
.gjpr-mission__list li::after{content:"";position:absolute;left:64px;right:0;bottom:0;height:1px;opacity:.4;
  background:linear-gradient(90deg,var(--ink) 0 calc(50% - 16px),transparent calc(50% - 16px) calc(50% + 16px),var(--ink) calc(50% + 16px))}
.gjpr-mission__list li::before{content:"";position:absolute;left:calc(32px + 50%);bottom:-4px;width:9px;height:9px;margin-left:-4.5px;background:var(--num);
  clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%)}
.gjpr-mission__list li:last-child::after,.gjpr-mission__list li:last-child::before{display:none}
.gjpr-mission__list b{font:italic 400 26px/1 var(--pr-serif);color:var(--num)}
.gjpr .gjpr-mission__list p{font:400 clamp(20px,1.9vw,27px)/1.35 var(--pr-serif) !important;color:var(--ink) !important;max-width:40ch}

/* ---------------------------------------------------------------- the third elijah */
.gjpr-elijah{background:var(--jb-gold-100,#F3E3B8);color:var(--pr-ink)}
.gjpr-elijah__inner{max-width:1320px;margin:0 auto;padding:clamp(80px,10vw,150px) clamp(20px,5vw,64px);display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);column-gap:clamp(40px,6vw,96px);row-gap:0;align-items:center}
.gjpr-elijah__copy{position:relative;z-index:2;min-width:0}
.gjpr-elijah__visual{position:relative;z-index:1;min-width:0;min-height:clamp(440px,42vw,620px);display:grid;place-items:end center}
.gjpr-elijah__portrait{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;pointer-events:none}
.gjpr-elijah__portrait img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;opacity:.98}
.gjpr-elijah__iii{position:absolute;z-index:2;right:-7%;top:52%;width:112%;height:auto;transform:translateY(-50%);overflow:visible;pointer-events:none}
.gjpr-elijah__iii text{font:300 300px/1 var(--pr-serif);fill:none;stroke:var(--jb-gold-600,#BD9035);stroke-width:1.2;opacity:.8;stroke-dasharray:1200;stroke-dashoffset:0}
.gjpr .gjpr-elijah__quote{margin-top:.8em !important;max-width:20ch;font:300 clamp(34px,4.4vw,68px)/1.06 var(--pr-serif) !important;color:var(--pr-ink) !important}
.gjpr-elijah__quote em{font-style:italic;font-weight:400;color:var(--jb-red,#8A1A2C)}
.gjpr-elijah__body{grid-column:1 / -1;margin-top:0 !important;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,48px);max-width:1100px;border-top:1px solid rgba(78,11,23,.2);padding-top:24px !important}
.gjpr .gjpr-elijah__body p{font:400 clamp(18px,1.4vw,21px)/1.48 var(--pr-serif) !important;color:rgba(42,10,16,.84) !important}

/* ---------------------------------------------------------------- arch-angels */
.gjpr-angels{background:var(--jb-gold,#D4A84A);color:var(--jb-red-deep,#4E0B17)}
.gjpr-angels__inner{max-width:1320px;margin:0 auto;padding:clamp(80px,10vw,140px) clamp(20px,5vw,64px);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);column-gap:clamp(32px,5vw,76px);align-items:center}
.gjpr .gjpr-angels__lede{margin-top:1.1em !important;max-width:52ch;font:400 clamp(19px,1.6vw,23px)/1.5 var(--pr-serif) !important;color:rgba(78,11,23,.85) !important}
.gjpr-angels__inner > .gjpr-eyebrow,.gjpr-angels__inner > .gjpr-h2,.gjpr-angels__lede{grid-column:1}
.gjpr-angels__figure{grid-column:2;grid-row:1 / 4;align-self:center;justify-self:center;width:min(100%,470px);aspect-ratio:500/640}
.gjpr-angels__list,.gjpr-angels__note{grid-column:1 / -1}
.gjpr-angels__list{margin-top:clamp(48px,6vw,80px) !important;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.gjpr-angels__list li{position:relative;display:flex;flex-direction:column;gap:10px;padding:0 clamp(16px,2vw,28px) 8px !important;border-left:1px solid rgba(78,11,23,.35);min-height:clamp(200px,24vw,320px);justify-content:flex-end}
.gjpr-angels__list li::before{content:"";position:absolute;left:-4px;top:-4px;width:7px;height:7px;border-radius:50%;background:var(--jb-red,#8A1A2C)}
.gjpr-angels__list b{font:italic 400 22px/1 var(--pr-serif);color:var(--jb-red,#8A1A2C)}
.gjpr-angels__list span{font:300 clamp(34px,3.6vw,56px)/1 var(--pr-serif);color:var(--jb-red-deep,#4E0B17)}
.gjpr-angels__list small{font:600 10.5px/1 var(--pr-sans);letter-spacing:.3em;text-transform:uppercase;color:rgba(78,11,23,.6)}
.gjpr .gjpr-angels__note{margin-top:36px !important;font:italic 400 20px/1.4 var(--pr-serif) !important;color:var(--jb-red,#8A1A2C) !important}

/* ---------------------------------------------------------------- the ark */
.gjpr-ark{background:var(--jb-gold-50,#FBF4E3);color:var(--pr-ink)}
.gjpr-ark__inner{max-width:1320px;margin:0 auto;padding:clamp(80px,10vw,140px) clamp(20px,5vw,64px);
  display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:24px clamp(28px,5vw,80px);align-items:end}
.gjpr-ark .gjpr-eyebrow{grid-column:1 / -1}
.gjpr .gjpr-ark__call{font:300 clamp(36px,4.4vw,68px)/1.06 var(--pr-serif) !important;color:var(--pr-ink) !important;text-transform:none;letter-spacing:-.005em !important}
.gjpr .gjpr-ark__body p{font:400 clamp(18px,1.4vw,21px)/1.55 var(--pr-serif) !important;color:rgba(42,10,16,.84) !important}
.gjpr-ark__body p + p{margin-top:14px !important}
.gjpr-ark__body cite{display:block;margin-top:10px;font:600 11px/1 var(--pr-sans);font-style:normal;letter-spacing:.24em;text-transform:uppercase;color:var(--jb-gold-700,#8F6B1D)}
.gjpr .gjpr-btn{display:inline-flex;align-items:center;gap:12px;margin-top:28px;padding:16px 28px;border-radius:999px;background:var(--jb-red,#8A1A2C);color:var(--jb-cream,#FFFAF1) !important;
  font:700 12px/1 var(--pr-sans);letter-spacing:.18em;text-transform:uppercase;transition:background-color .25s ease,transform .25s ease,gap .25s ease}
.gjpr .gjpr-btn:hover{background:var(--jb-red-deep,#4E0B17);transform:translateY(-2px);gap:18px}
.gjpr-btn svg{width:16px;height:16px}

/* ---------------------------------------------------------------- reveal (prophet.js) */
.gjpr.is-armed .gjpr-reveal{opacity:0;transform:translateY(22px);transition:opacity .9s ease,transform 1s cubic-bezier(.16,1,.3,1)}
.gjpr.is-armed.is-in .gjpr-reveal{opacity:1;transform:none}
.gjpr.is-armed .gjpr-elijah__iii text{stroke-dashoffset:1200;transition:stroke-dashoffset 2.6s cubic-bezier(.65,0,.35,1) .2s}
.gjpr.is-armed.is-in .gjpr-elijah__iii text{stroke-dashoffset:0}

/* ---------------------------------------------------------------- smaller screens */
@media (max-width:1000px){
  .gjpr-angels__inner{grid-template-columns:minmax(0,1fr) minmax(300px,.9fr);column-gap:32px}
  .gjpr-elijah__inner{grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);column-gap:32px}
  .gjpr-angels__list{grid-template-columns:1fr 1fr;row-gap:40px}
}
@media (max-width:860px){
  .gjpr-hero__inner,.gjpr-bio__inner,.gjpr-mission__inner,.gjpr-ark__inner{grid-template-columns:1fr}
  .gjpr-hero__inner{min-height:0;padding-top:48px}
  .gjpr-hero__text{padding-bottom:8px !important}
  .gjpr-hero__figure{width:min(94vw,500px)}
  .gjpr-bio__figure{order:2;width:min(76vw,360px)}
  .gjpr-bio__text{padding-bottom:24px !important}
  .gjpr-mission__list li{grid-template-columns:48px 1fr}
  .gjpr-mission__list li::after{left:48px}
  .gjpr-mission__list li::before{left:calc(24px + 50%)}
  .gjpr-angels__inner{grid-template-columns:minmax(0,1fr)}
  .gjpr-angels__figure{grid-column:1;grid-row:auto;width:min(100%,420px);margin:20px auto 0 !important}
  .gjpr-elijah__inner{grid-template-columns:minmax(0,1fr);row-gap:0}
  .gjpr-elijah__visual{grid-row:2;min-height:clamp(360px,88vw,540px);width:min(100%,560px);margin:0 auto}
  .gjpr-elijah__body{grid-column:1;grid-template-columns:1fr;margin-top:0 !important}
  .gjpr-elijah__iii{top:52%;transform:translateY(-50%);width:108%;right:-4%}
}
@media (prefers-reduced-motion:reduce){
  .gjpr.is-armed *{transition:none !important;animation:none !important}
}


/* the page runs edge to edge: no theme padding above the hero or below the last section */
body:has(.gjpr-hero) .container-wrap{padding-top:0 !important;padding-bottom:0 !important}
body:has(.gjpr-hero) .container-wrap .main-content > .row{padding-bottom:0 !important}
.gjpr-mission__head .gjpr-eyebrow::after{display:none}
@media (max-width:860px){.gjpr-elijah__iii text{opacity:.3}}
