/* Shared presentation for the pages rebuilt from the live site.
   One stylesheet rather than one per page, so the set stays consistent and a
   change to the language lands everywhere at once. Scoped to .eop-page. */

.eop-page{
  --gold:#F7B718; --goldm:#E4B84A; --goldp:#F8ECA8;
  --burg:#C9252C; --claret:#C9252C; --crimson:#C9252C; --accent:#C9252C;
  --ember:#C9252C;
  --ink:#394240; --bg:#FFFCF6; --surface:#FFFFFF; --parch:#FDF4E4;
  --ease:cubic-bezier(.22,1,.36,1);
  --wrap:1180px;
  background:var(--bg);
}

.eop-page .eop-wrap{
  width:100%; max-width:var(--wrap); margin-inline:auto;
  padding-inline:clamp(20px,5vw,48px);
}

/* --- type ---------------------------------------------------------------- */
.eop-page .eop-rubric{
  display:flex; align-items:center; gap:14px; margin:0 0 20px;
  font-family:"Barlow Condensed",sans-serif; font-weight:500; font-size:14px;
  letter-spacing:1.1px; text-transform:uppercase; color:var(--goldm);
}
.eop-page .eop-rubric::before{
  content:""; display:block; width:46px; height:1px; background:var(--gold); flex:none;
}

.eop-page .eop-h1{
  font-family:"Cormorant Garamond",serif; font-weight:700;
  font-size:clamp(42px,6vw,84px); line-height:1.04; margin:0; color:#FFFCF6;
}
.eop-page .eop-h2{
  font-family:"Cormorant Garamond",serif; font-weight:700;
  font-size:clamp(30px,3.8vw,52px); line-height:1.1; margin:0 0 20px; color:var(--burg);
}
.eop-page .eop-h3{
  font-family:"Cormorant Garamond",serif; font-weight:600;
  font-size:clamp(23px,2.4vw,32px); line-height:1.2; margin:0 0 12px; color:var(--burg);
}
.eop-page .eop-body{
  font-family:"EB Garamond",serif; font-size:19px; line-height:1.68; color:var(--ink);
  max-width:36em;
}
.eop-page .eop-body p{ margin:0 0 16px; }
.eop-page .eop-body p:last-child{ margin-bottom:0; }
.eop-page .eop-body strong{ color:var(--burg); font-weight:600; }
.eop-page .eop-lead{ font-size:22px; line-height:1.6; color:var(--burg); }
.eop-page .eop-body--light{ color:rgba(255,252,246,.86); }

/* --- hero ---------------------------------------------------------------- */
.eop-page .eop-hero{
  position:relative; overflow:hidden; isolation:isolate;
  background:
    radial-gradient(120% 90% at 12% 0%, rgba(200,45,71,.55) 0%, rgba(201,37,44,0) 62%),
    linear-gradient(152deg, var(--claret) 0%, var(--burg) 46%, var(--ember) 100%);
}
.eop-page .eop-hero::after{
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none; opacity:.11;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");
  mix-blend-mode:overlay;
}
.eop-page .eop-hero > *{ position:relative; z-index:1; }
.eop-page .eop-hero .eop-wrap{
  display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);
  gap:clamp(28px,4vw,64px); align-items:center;
  padding-block:clamp(62px,8vw,116px);
}
.eop-page .eop-hero--plain .eop-wrap{ grid-template-columns:minmax(0,1fr); }
.eop-page .eop-hero__sub{
  margin:22px 0 0; font-family:"EB Garamond",serif; font-size:20px; line-height:1.6;
  color:rgba(255,252,246,.84); max-width:34em;
}
.eop-page .eop-hero__figure img{
  display:block; width:100%; height:auto; border-radius:4px;
  box-shadow:0 30px 60px rgba(0,0,0,.42);
}

/* --- section rhythm ------------------------------------------------------ */
.eop-page .eop-sec{ padding-block:clamp(56px,7vw,104px); }
.eop-page .eop-sec--tint{ background:var(--parch); }
.eop-page .eop-sec--dark{
  background:linear-gradient(160deg, var(--burg) 0%, var(--ember) 100%);
}
.eop-page .eop-sec--dark .eop-h2{ color:#FFFCF6; }
.eop-page .eop-sec--dark .eop-body{ color:rgba(255,252,246,.84); }

/* --- ledger: a list of documents or links -------------------------------- */
.eop-page .eop-ledger{ list-style:none; margin:0; padding:0; max-width:820px; }
.eop-page .eop-ledger li{ margin:0; }
.eop-page .eop-ledger a,
.eop-page .eop-ledger .eop-ledger__dead{
  display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:18px;
  padding:20px 6px; border-bottom:1px solid rgba(201,37,44,.14);
  font-family:"EB Garamond",serif; font-size:19px; color:var(--ink);
  text-decoration:none;
  transition:color .4s var(--ease), border-color .4s var(--ease), padding-left .4s var(--ease);
}
.eop-page .eop-ledger a:hover{
  color:var(--accent); border-color:rgba(228,184,74,.7); padding-left:14px;
}
.eop-page .eop-ledger__mark{
  font-family:"Barlow Condensed",sans-serif; font-weight:500; font-size:12px;
  letter-spacing:1px; text-transform:uppercase; color:var(--goldm);
  border:1px solid rgba(228,184,74,.55); border-radius:999px; padding:4px 10px 3px;
}
.eop-page .eop-ledger__go{
  color:var(--goldm); font-size:20px; line-height:1;
  transform:translate3d(0,0,0); transition:transform .4s var(--ease);
}
.eop-page .eop-ledger a:hover .eop-ledger__go{ transform:translate3d(5px,0,0); }
.eop-page .eop-ledger .eop-ledger__dead{ color:rgba(57,66,64,.45); cursor:default; }
.eop-page .eop-ledger__note{
  font-family:"Barlow Condensed",sans-serif; font-size:12px; letter-spacing:.8px;
  text-transform:uppercase; color:rgba(57,66,64,.5);
}

/* --- plates: a bordered content card ------------------------------------- */
.eop-page .eop-plates{
  display:grid; gap:22px;
  grid-template-columns:repeat(auto-fit,minmax(268px,1fr));
  margin:0; padding:0; list-style:none;
}
.eop-page .eop-plate{
  position:relative; background:var(--surface);
  border:1px solid rgba(201,37,44,.12); border-radius:3px;
  padding:28px 26px 30px; overflow:hidden;
  transition:transform .5s var(--ease), box-shadow .5s var(--ease), border-color .5s var(--ease);
}
.eop-page .eop-plate::before{
  content:""; position:absolute; inset:0 auto 0 0; width:3px;
  background:linear-gradient(180deg,var(--gold),var(--claret));
  transform:scaleY(0); transform-origin:top center;
  transition:transform .6s var(--ease);
}
.eop-page .eop-plate:hover{
  transform:translate3d(0,-4px,0);
  box-shadow:0 24px 48px rgba(201,37,44,.13);
  border-color:rgba(228,184,74,.5);
}
.eop-page .eop-plate:hover::before{ transform:scaleY(1); }
.eop-page .eop-plate__rank{
  font-family:"Barlow Condensed",sans-serif; font-weight:600; font-size:13px;
  letter-spacing:1.2px; text-transform:uppercase; color:var(--goldm); margin:0 0 6px;
}
.eop-page .eop-plate__name{
  font-family:"Cormorant Garamond",serif; font-weight:600; font-size:25px;
  line-height:1.2; color:var(--burg); margin:0 0 8px;
}
.eop-page .eop-plate__body{
  font-family:"EB Garamond",serif; font-size:17px; line-height:1.6; color:var(--ink); margin:0;
}
.eop-page .eop-plate__price{
  font-family:"Cormorant Garamond",serif; font-weight:700; font-size:23px;
  color:var(--accent); margin:14px 0 0;
}

/* --- buttons ------------------------------------------------------------- */
.eop-page .eop-btn{
  --lift:0px;
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  padding:15px 32px; border-radius:999px; border:1px solid transparent;
  font-family:"Barlow Condensed",sans-serif; font-weight:500; font-size:15px;
  letter-spacing:1.1px; text-transform:uppercase; text-decoration:none; cursor:pointer;
  transform:translate3d(0,var(--lift),0);
  transition:transform .45s var(--ease), background-color .45s var(--ease),
             color .45s var(--ease), border-color .45s var(--ease);
}
.eop-page .eop-btn--primary{ background:var(--accent); color:#FFFCF6; }
.eop-page .eop-btn--primary:hover{ --lift:-2px; background:var(--claret); }
.eop-page .eop-btn--ghost{ background:transparent; color:var(--burg); border-color:rgba(201,37,44,.4); }
.eop-page .eop-btn--ghost:hover{ --lift:-2px; border-color:var(--gold); color:var(--accent); }
.eop-page .eop-sec--dark .eop-btn--ghost{ color:#FFFCF6; border-color:rgba(228,184,74,.6); }
.eop-page .eop-sec--dark .eop-btn--ghost:hover{ color:var(--gold); border-color:var(--gold); }
.eop-page .eop-btn:focus-visible{ outline:2px solid var(--gold); outline-offset:3px; }
.eop-page .eop-cta{ display:flex; flex-wrap:wrap; gap:14px; margin-top:30px; }

/* --- ranks ledger (two facing columns) ----------------------------------- */
.eop-page .eop-facing{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:34px;
}
.eop-page .eop-ranks{ list-style:none; margin:14px 0 0; padding:0; }
.eop-page .eop-ranks li{
  display:flex; align-items:baseline; justify-content:space-between; gap:16px;
  padding:13px 0; border-bottom:1px solid rgba(201,37,44,.12);
  font-family:"EB Garamond",serif; font-size:18px; color:var(--ink);
}
.eop-page .eop-ranks b{
  font-family:"Barlow Condensed",sans-serif; font-weight:600; font-size:13px;
  letter-spacing:1.1px; color:var(--goldm); white-space:nowrap;
}

/* --- media --------------------------------------------------------------- */
.eop-page .eop-figure img{ display:block; width:100%; height:auto; border-radius:3px; }
.eop-page .eop-figure figcaption{
  margin-top:10px; font-family:"Barlow Condensed",sans-serif; font-size:13px;
  letter-spacing:.8px; text-transform:uppercase; color:rgba(57,66,64,.6);
}
.eop-page .eop-embed{
  position:relative; width:100%; aspect-ratio:16/10; border-radius:3px; overflow:hidden;
  border:1px solid rgba(201,37,44,.14); background:var(--parch);
}
.eop-page .eop-embed iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }

/* --- notice -------------------------------------------------------------- */
.eop-page .eop-notice{
  border-left:3px solid var(--gold); background:var(--parch);
  padding:20px 24px; border-radius:0 3px 3px 0;
  font-family:"EB Garamond",serif; font-size:18px; line-height:1.6; color:var(--ink);
  max-width:760px;
}
.eop-page .eop-notice strong{ color:var(--burg); }

/* --- mobile -------------------------------------------------------------- */
@media (max-width:900px){
  .eop-page .eop-hero .eop-wrap{ grid-template-columns:minmax(0,1fr); }
  .eop-page .eop-hero__figure{ order:-1; justify-self:center; width:min(72%,300px); margin-inline:auto; }
  .eop-page .eop-body{ font-size:18px; }
  .eop-page .eop-lead{ font-size:20px; }
  .eop-page .eop-cta .eop-btn{ width:100%; }
  .eop-page .eop-ledger a,
  .eop-page .eop-ledger .eop-ledger__dead{
    grid-template-columns:auto 1fr; gap:12px; padding:17px 4px;
  }
  .eop-page .eop-ledger__go{ display:none; }
  .eop-page .eop-embed{ aspect-ratio:3/4; }
}

@media (prefers-reduced-motion:reduce){
  .eop-page *{ transition:none !important; }
}

/* =========================================================================
   Premium layer additions (Sept 2026): photo heroes, article layout, video
   facades, galleries, timelines and closing bands. All scoped to .eop-page.
   ======================================================================== */

/* --- photo hero ---------------------------------------------------------- */
.eop-page .eop-hero--photo{
  min-height:min(74vh,700px); display:flex; align-items:flex-end;
  background:#1c0d0a;
}
.eop-page .eop-hero--photo::after{ display:none; }
.eop-page .eop-hero__bg{
  position:absolute; inset:-4%; z-index:0;
  background-size:cover; background-position:var(--pos,center 40%);
  animation:eopKen 44s ease-in-out infinite alternate; will-change:transform;
}
@keyframes eopKen{ from{ transform:scale(1); } to{ transform:scale(1.07); } }
.eop-page .eop-hero__veil{
  position:absolute; inset:0; z-index:0;
  background:
    linear-gradient(180deg, rgba(24,12,8,.30) 0%, rgba(24,12,8,.06) 30%, rgba(30,14,10,.62) 68%, rgba(24,12,8,.92) 100%),
    radial-gradient(90% 60% at 50% 100%, rgba(201,37,44,.28) 0%, rgba(201,37,44,0) 70%);
}
.eop-page .eop-hero__cross{
  position:absolute; right:-40px; bottom:-60px; z-index:0; width:min(380px,42vw); height:auto;
  color:rgba(242,212,138,.10); pointer-events:none;
}
.eop-page .eop-hero--photo .eop-wrap{
  display:block; text-align:center; max-width:960px;
  padding-block:clamp(120px,15vw,190px) clamp(60px,7vw,92px);
}
.eop-page .eop-hero__kicker{
  margin:0 0 16px; font-family:"Barlow Condensed",sans-serif; font-weight:600; font-size:14px;
  letter-spacing:4.5px; text-transform:uppercase; color:#F2D48A;
}
.eop-page .eop-hero__kicker span{ position:relative; padding:0 18px; }
.eop-page .eop-hero__kicker span::before,.eop-page .eop-hero__kicker span::after{
  content:""; position:absolute; top:50%; width:36px; height:1px; background:#E7C978;
}
.eop-page .eop-hero__kicker span::before{ right:100%; } .eop-page .eop-hero__kicker span::after{ left:100%; }
.eop-page .eop-hero--photo .eop-h1{
  font-weight:600; font-size:clamp(44px,6.6vw,86px); line-height:1.02; letter-spacing:-.01em;
  color:#FFF9EF; text-shadow:0 2px 24px rgba(0,0,0,.35);
}
.eop-page .eop-hero__tag{
  margin:14px 0 0; font-family:"Cormorant Garamond",serif; font-style:italic; font-weight:500;
  font-size:clamp(20px,2.3vw,29px); color:#F2D48A; letter-spacing:.02em;
}
.eop-page .eop-hero__rule{
  display:block; width:84px; height:1px; margin:26px auto 22px;
  background:linear-gradient(90deg,rgba(231,201,120,0),#E7C978 25%,#E7C978 75%,rgba(231,201,120,0));
}
.eop-page .eop-hero--photo .eop-hero__sub{ margin:0 auto; text-align:center; max-width:60ch; color:rgba(255,246,234,.9); }
.eop-page .eop-hero__nav{
  margin:28px 0 0; font-family:"Barlow Condensed",sans-serif; font-size:14.5px; font-weight:600;
  letter-spacing:2.6px; text-transform:uppercase; display:flex; flex-wrap:wrap; justify-content:center; gap:10px 0;
}
.eop-page .eop-hero__nav a{
  color:#FFF6EA; text-decoration:none; border-bottom:1px solid rgba(231,201,120,.55); padding-bottom:2px;
  transition:color .3s var(--ease), border-color .3s var(--ease);
}
.eop-page .eop-hero__nav a:hover{ color:#F2D48A; border-bottom-color:#F2D48A; }
.eop-page .eop-hero__nav i{ margin:0 14px; color:#E7C978; font-style:normal; }
/* staggered entrance, pure CSS */
.eop-page .eop-hero--photo .eop-hero__kicker,.eop-page .eop-hero--photo .eop-h1,.eop-page .eop-hero--photo .eop-hero__tag,
.eop-page .eop-hero--photo .eop-hero__rule,.eop-page .eop-hero--photo .eop-hero__sub,.eop-page .eop-hero--photo .eop-hero__nav{
  opacity:0; transform:translateY(16px); animation:eopUp 1s var(--ease) forwards;
}
.eop-page .eop-hero--photo .eop-h1{ animation-delay:.15s; } .eop-page .eop-hero--photo .eop-hero__tag{ animation-delay:.3s; }
.eop-page .eop-hero--photo .eop-hero__rule{ animation-delay:.45s; } .eop-page .eop-hero--photo .eop-hero__sub{ animation-delay:.55s; }
.eop-page .eop-hero--photo .eop-hero__nav{ animation-delay:.75s; }
@keyframes eopUp{ to{ opacity:1; transform:none; } }
.eop-page .eop-hero--short{ min-height:min(52vh,480px); }
.eop-page .eop-hero--short .eop-wrap{ padding-block:clamp(96px,12vw,150px) clamp(48px,6vw,72px); }

/* --- section header ------------------------------------------------------ */
.eop-page .eop-sechead{ max-width:760px; margin:0 auto 42px; text-align:center; }
.eop-page .eop-sechead .eop-rubric{ justify-content:center; }
.eop-page .eop-sechead .eop-rubric::before{ display:none; }
.eop-page .eop-sechead .eop-rubric span{ position:relative; padding:0 16px; }
.eop-page .eop-sechead .eop-rubric span::before,.eop-page .eop-sechead .eop-rubric span::after{
  content:""; position:absolute; top:50%; width:34px; height:1px; background:var(--goldm);
}
.eop-page .eop-sechead .eop-rubric span::before{ right:100%; } .eop-page .eop-sechead .eop-rubric span::after{ left:100%; }
.eop-page .eop-sechead .eop-h2{ margin-bottom:14px; }
.eop-page .eop-sechead .eop-lead{ max-width:none; font-family:"EB Garamond",serif; font-size:20px; line-height:1.6; color:var(--ink); }
.eop-page .eop-sechead .eop-lead em{ color:var(--burg); }

/* --- article: sticky aside + measured text ------------------------------ */
.eop-page .eop-article{ display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr); gap:clamp(28px,4.5vw,72px); align-items:start; }
.eop-page .eop-aside{ position:sticky; top:150px; }
.eop-page .eop-card{
  background:var(--surface); border:1px solid rgba(201,37,44,.12); border-radius:4px; overflow:hidden;
  box-shadow:0 30px 60px -36px rgba(201,37,44,.28); position:relative;
}
.eop-page .eop-card::before,.eop-page .eop-card::after{ content:""; position:absolute; width:26px; height:26px; border:0 solid var(--goldm); z-index:2; }
.eop-page .eop-card::before{ left:10px; top:10px; border-left-width:1px; border-top-width:1px; }
.eop-page .eop-card::after{ right:10px; bottom:10px; border-right-width:1px; border-bottom-width:1px; }
.eop-page .eop-card img{ display:block; width:100%; height:auto; }
.eop-page .eop-card__body{ padding:22px 24px 26px; }
.eop-page .eop-card__title{ font-family:"Cormorant Garamond",serif; font-weight:600; font-size:23px; color:var(--burg); margin:0 0 12px; }
.eop-page .eop-roster{ list-style:none; margin:0; padding:0; counter-reset:r; }
.eop-page .eop-roster li{
  counter-increment:r; display:grid; grid-template-columns:28px 1fr auto; gap:10px; align-items:baseline;
  padding:9px 0; border-bottom:1px solid rgba(201,37,44,.1);
  font-family:"EB Garamond",serif; font-size:16.5px; color:var(--ink);
}
.eop-page .eop-roster li:last-child{ border-bottom:0; }
.eop-page .eop-roster li::before{ content:counter(r,upper-roman); font-family:"Cormorant Garamond",serif; font-weight:700; font-size:15px; color:var(--goldm); }
.eop-page .eop-roster b{ font-family:"Barlow Condensed",sans-serif; font-weight:600; font-size:12.5px; letter-spacing:1px; color:var(--burg); }
.eop-page .eop-prose{ font-family:"EB Garamond",serif; font-size:19px; line-height:1.72; color:var(--ink); max-width:64ch; }
.eop-page .eop-prose p{ margin:0 0 18px; }
.eop-page .eop-prose h3{ font-family:"Cormorant Garamond",serif; font-weight:600; font-size:28px; color:var(--burg); margin:36px 0 12px; line-height:1.15; position:relative; padding-left:18px; }
.eop-page .eop-prose h3::before{ content:""; position:absolute; left:0; top:.32em; width:4px; height:.85em; background:linear-gradient(180deg,var(--gold),var(--burg)); border-radius:2px; }
.eop-page .eop-prose > p:first-of-type::first-letter{
  float:left; font-family:"Cormorant Garamond",serif; font-weight:700; font-size:4.6em; line-height:.78; margin:.08em .12em 0 0; color:var(--burg);
}
.eop-page .eop-pull{
  margin:34px 0; padding:26px 30px; border-left:3px solid var(--goldm); background:linear-gradient(90deg,rgba(247,183,24,.09),rgba(247,183,24,0));
  font-family:"Cormorant Garamond",serif; font-style:italic; font-weight:500; font-size:26px; line-height:1.35; color:var(--burg);
}
.eop-page .eop-pull small{ display:block; margin-top:10px; font-family:"Barlow Condensed",sans-serif; font-style:normal; font-size:12.5px; letter-spacing:1.6px; text-transform:uppercase; color:var(--goldm); }
.eop-page .eop-wide{ margin:clamp(40px,5vw,64px) auto 0; max-width:1180px; }
.eop-page .eop-wide img{ display:block; width:100%; height:auto; border-radius:4px; box-shadow:0 40px 80px -40px rgba(0,0,0,.45); }
.eop-page .eop-wide figcaption{ margin-top:12px; font-family:"Barlow Condensed",sans-serif; font-size:13px; letter-spacing:1px; text-transform:uppercase; color:rgba(57,66,64,.6); text-align:center; }

/* --- gallery of plates (images with lightbox) ---------------------------- */
.eop-page .eop-gallery{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin:0; padding:0; list-style:none; }
.eop-page .eop-gallery a{ display:block; position:relative; overflow:hidden; border-radius:4px; border:1px solid rgba(201,37,44,.12); background:#fff; box-shadow:0 20px 40px -28px rgba(201,37,44,.35); transition:transform .5s var(--ease), box-shadow .5s var(--ease); }
.eop-page .eop-gallery a:hover{ transform:translateY(-5px); box-shadow:0 30px 50px -26px rgba(201,37,44,.45); }
.eop-page .eop-gallery img{ display:block; width:100%; height:auto; transition:transform 1.2s var(--ease); }
.eop-page .eop-gallery a:hover img{ transform:scale(1.03); }
.eop-page .eop-gallery span{
  position:absolute; left:0; right:0; bottom:0; padding:12px 14px;
  background:linear-gradient(180deg,rgba(201,37,44,0),rgba(201,37,44,.92)); color:#FFF6EA;
  font-family:"Barlow Condensed",sans-serif; font-size:13px; letter-spacing:1.6px; text-transform:uppercase;
  transform:translateY(100%); transition:transform .45s var(--ease);
}
.eop-page .eop-gallery a:hover span{ transform:none; }

/* --- video facades ------------------------------------------------------- */
.eop-page .eop-videos{ display:grid; grid-template-columns:repeat(auto-fit,minmax(320px,1fr)); gap:26px; }
.eop-page .eop-video{ position:relative; }
.eop-page .eop-video__frame{
  position:relative; aspect-ratio:16/9; border-radius:4px; overflow:hidden; cursor:pointer;
  border:1px solid rgba(231,201,120,.35); box-shadow:0 30px 60px -30px rgba(0,0,0,.6); background:#000;
}
.eop-page .eop-video__frame img{ display:block; width:100%; height:100%; object-fit:cover; transition:transform 1.2s var(--ease), opacity .6s; opacity:.9; }
.eop-page .eop-video__frame:hover img{ transform:scale(1.04); opacity:1; }
.eop-page .eop-video__frame iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }
.eop-page .eop-video__play{
  position:absolute; left:50%; top:50%; width:74px; height:74px; margin:-37px 0 0 -37px; border-radius:999px;
  background:rgba(201,37,44,.92); border:1px solid rgba(242,212,138,.8); display:grid; place-items:center;
  box-shadow:0 0 0 10px rgba(201,37,44,.22), 0 20px 40px -14px rgba(0,0,0,.6);
  transition:transform .45s var(--ease), box-shadow .45s var(--ease);
}
.eop-page .eop-video__frame:hover .eop-video__play{ transform:scale(1.08); box-shadow:0 0 0 16px rgba(201,37,44,.18), 0 24px 44px -14px rgba(0,0,0,.6); }
.eop-page .eop-video__play::after{ content:""; margin-left:5px; border-style:solid; border-width:11px 0 11px 19px; border-color:transparent transparent transparent #F2D48A; }
.eop-page .eop-video__kicker{ margin:18px 0 6px; font-family:"Barlow Condensed",sans-serif; font-weight:600; font-size:12.5px; letter-spacing:2.4px; text-transform:uppercase; color:#F2D48A; }
.eop-page .eop-video__title{ font-family:"Cormorant Garamond",serif; font-weight:600; font-size:27px; line-height:1.15; color:#FFF9EF; margin:0 0 10px; }
.eop-page .eop-video__text{ font-family:"EB Garamond",serif; font-size:17px; line-height:1.6; color:rgba(255,246,234,.82); margin:0; }
.eop-page .eop-sec--dark{ position:relative; overflow:hidden; }
.eop-page .eop-sec--dark .eop-glow{ position:absolute; inset:auto -10% -40% -10%; height:70%; background:radial-gradient(50% 50% at 50% 50%, rgba(242,212,138,.16), rgba(242,212,138,0) 70%); pointer-events:none; }
.eop-page .eop-sec--dark .eop-rubric{ color:#F2D48A; }
.eop-page .eop-sec--dark .eop-sechead .eop-lead{ color:rgba(255,246,234,.85); }
.eop-page .eop-sec--dark .eop-sechead .eop-lead em{ color:#F2D48A; }

/* --- closing band (white, red + gold) ----------------------------------- */
.eop-page .eop-close{ text-align:center; background:#fff; border-top:1px solid rgba(201,37,44,.08); }
.eop-page .eop-close .eop-h2{ margin-bottom:10px; }
.eop-page .eop-close .eop-body{ margin-inline:auto; text-align:center; }
.eop-page .eop-close .eop-cta{ justify-content:center; }

/* --- info panel (contact) ---------------------------------------------- */
.eop-page .eop-split{ display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:clamp(28px,4vw,60px); align-items:start; }
.eop-page .eop-panel{
  position:relative; padding:34px 34px 36px; border-radius:4px; color:#FFF6EA; overflow:hidden;
  background:radial-gradient(120% 140% at 50% 0%,#C9252C 0%,#C9252C 45%,#BA0015 100%);
  box-shadow:0 40px 70px -40px rgba(201,37,44,.6);
}
.eop-page .eop-panel::after{ content:""; position:absolute; inset:10px; border:1px solid rgba(242,212,138,.28); border-radius:3px; pointer-events:none; }
.eop-page .eop-panel .eop-rubric{ color:#F2D48A; }
.eop-page .eop-panel .eop-rubric::before{ background:#F2D48A; }
.eop-page .eop-panel h3{ font-family:"Cormorant Garamond",serif; font-weight:600; font-size:32px; line-height:1.1; margin:0 0 14px; color:#FFF9EF; }
.eop-page .eop-panel p{ font-family:"EB Garamond",serif; font-size:18px; line-height:1.65; color:rgba(255,246,234,.88); margin:0 0 14px; }
.eop-page .eop-panel ul{ list-style:none; margin:20px 0 0; padding:0; }
.eop-page .eop-panel li{ display:flex; gap:12px; align-items:flex-start; padding:12px 0; border-top:1px solid rgba(242,212,138,.25); font-family:"EB Garamond",serif; font-size:17px; color:rgba(255,246,234,.9); }
.eop-page .eop-panel li svg{ width:20px; height:20px; flex:none; color:#F2D48A; margin-top:2px; }
.eop-page .eop-panel a{ color:#F2D48A; text-decoration:none; border-bottom:1px solid rgba(242,212,138,.5); }
.eop-page .eop-formcard{ background:#fff; border:1px solid rgba(201,37,44,.12); border-radius:4px; padding:clamp(24px,3vw,40px); box-shadow:0 30px 60px -36px rgba(201,37,44,.3); position:relative; }
.eop-page .eop-formcard::before{ content:""; position:absolute; left:0; right:0; top:0; height:3px; background:linear-gradient(90deg,var(--burg),var(--gold)); border-radius:4px 4px 0 0; }
.eop-page .eop-formcard .wpforms-container{ margin:0; }

/* --- pillar cards (activities) ----------------------------------------- */
.eop-page .eop-pillars{ display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:22px; list-style:none; margin:0; padding:0; }
.eop-page .eop-pillar{ position:relative; padding:30px 26px 28px; background:#fff; border:1px solid rgba(201,37,44,.12); border-radius:4px; overflow:hidden; transition:transform .5s var(--ease), box-shadow .5s var(--ease), border-color .5s var(--ease); }
.eop-page .eop-pillar:hover{ transform:translateY(-5px); box-shadow:0 26px 50px -30px rgba(201,37,44,.4); border-color:rgba(228,184,74,.6); }
.eop-page .eop-pillar__num{ position:absolute; right:16px; top:8px; font-family:"Cormorant Garamond",serif; font-weight:700; font-size:64px; line-height:1; color:rgba(201,37,44,.07); }
.eop-page .eop-pillar__icon{ width:44px; height:44px; display:grid; place-items:center; border-radius:999px; background:linear-gradient(135deg,rgba(247,183,24,.18),rgba(201,37,44,.1)); color:var(--burg); margin-bottom:16px; }
.eop-page .eop-pillar__icon svg{ width:22px; height:22px; }
.eop-page .eop-pillar h3{ font-family:"Cormorant Garamond",serif; font-weight:600; font-size:24px; color:var(--burg); margin:0 0 8px; }
.eop-page .eop-pillar p{ font-family:"EB Garamond",serif; font-size:16.5px; line-height:1.6; color:var(--ink); margin:0; }
.eop-page .eop-stats{ display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:18px; margin:40px 0 0; }
.eop-page .eop-stat{ text-align:center; padding:22px 12px; border-top:1px solid rgba(228,184,74,.6); }
.eop-page .eop-stat b{ display:block; font-family:"Cormorant Garamond",serif; font-weight:700; font-size:44px; line-height:1; color:var(--burg); }
.eop-page .eop-stat span{ display:block; margin-top:8px; font-family:"Barlow Condensed",sans-serif; font-size:13px; letter-spacing:1.6px; text-transform:uppercase; color:var(--goldm); }
.eop-page .eop-feature{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(28px,4vw,64px); align-items:center; }
.eop-page .eop-feature__img{ position:relative; }
.eop-page .eop-feature__img img{ display:block; width:100%; height:auto; border-radius:4px; box-shadow:0 40px 70px -40px rgba(0,0,0,.5); }
.eop-page .eop-feature__img::after{ content:""; position:absolute; inset:14px -14px -14px 14px; border:1px solid rgba(228,184,74,.55); border-radius:4px; z-index:-1; }

@media (max-width:900px){
  .eop-page .eop-hero--photo{ min-height:min(70vh,620px); }
  .eop-page .eop-hero__nav i{ margin:0 9px; }
  .eop-page .eop-article,.eop-page .eop-split,.eop-page .eop-feature{ grid-template-columns:minmax(0,1fr); }
  .eop-page .eop-aside{ position:static; }
  .eop-page .eop-gallery{ grid-template-columns:repeat(2,1fr); gap:12px; }
  .eop-page .eop-prose{ font-size:18px; }
  .eop-page .eop-pull{ font-size:22px; padding:20px 22px; }
  .eop-page .eop-feature__img::after{ display:none; }
}
@media (prefers-reduced-motion:reduce){
  .eop-page .eop-hero__bg{ animation:none; }
  .eop-page .eop-hero--photo .eop-hero__kicker,.eop-page .eop-hero--photo .eop-h1,.eop-page .eop-hero--photo .eop-hero__tag,
  .eop-page .eop-hero--photo .eop-hero__rule,.eop-page .eop-hero--photo .eop-hero__sub,.eop-page .eop-hero--photo .eop-hero__nav{ opacity:1; transform:none; animation:none; }
}

.eop-page .eop-formwrap{ max-width:none; }
@media (min-width:1000px){ .eop-page .eop-pillars{ grid-template-columns:repeat(3,1fr); } }
.eop-page .eop-formwrap .wpforms-confirmation-container-full p{ margin:0; }

/* --- Essentials of the Faith ------------------------------------------- */
.eop-page .eop-creed{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(28px,4vw,64px); align-items:start; }
.eop-page .eop-scroll{ position:relative; background:#fff; border:1px solid rgba(201,37,44,.12); border-radius:4px; padding:clamp(28px,3.4vw,44px) clamp(26px,3.2vw,44px); box-shadow:0 30px 60px -36px rgba(201,37,44,.3); }
.eop-page .eop-scroll::before,.eop-page .eop-scroll::after{ content:""; position:absolute; width:26px; height:26px; border:0 solid var(--goldm); }
.eop-page .eop-scroll::before{ left:10px; top:10px; border-left-width:1px; border-top-width:1px; }
.eop-page .eop-scroll::after{ right:10px; bottom:10px; border-right-width:1px; border-bottom-width:1px; }
.eop-page .eop-scroll h3{ font-family:"Cormorant Garamond",serif; font-weight:600; font-size:26px; color:var(--burg); margin:0 0 14px; text-align:center; }
.eop-page .eop-scroll p{ font-family:"Cormorant Garamond",serif; font-weight:500; font-size:21px; line-height:1.5; color:#3B2226; margin:0 0 10px; text-align:center; }
.eop-page .eop-sacraments{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; list-style:none; margin:0; padding:0; }
.eop-page .eop-sacgroup{ grid-column:1 / -1; margin:26px 0 -6px; font-family:"Barlow Condensed",sans-serif; font-weight:600; font-size:13px; letter-spacing:3px; text-transform:uppercase; color:var(--goldm); display:flex; align-items:center; gap:14px; }
.eop-page .eop-sacgroup::after{ content:""; flex:1; height:1px; background:linear-gradient(90deg,rgba(228,184,74,.7),rgba(228,184,74,0)); }
.eop-page .eop-sacgroup:first-child{ margin-top:0; }
.eop-page .eop-sac{ position:relative; padding:28px 26px 26px; background:#fff; border:1px solid rgba(201,37,44,.12); border-radius:4px; overflow:hidden; transition:transform .5s var(--ease), box-shadow .5s var(--ease), border-color .5s var(--ease); }
.eop-page .eop-sac:hover{ transform:translateY(-5px); box-shadow:0 26px 50px -30px rgba(201,37,44,.4); border-color:rgba(228,184,74,.6); }
.eop-page .eop-sac::before{ content:""; position:absolute; left:0; top:0; bottom:0; width:3px; background:linear-gradient(180deg,var(--gold),var(--burg)); transform:scaleY(0); transform-origin:top; transition:transform .6s var(--ease); }
.eop-page .eop-sac:hover::before{ transform:scaleY(1); }
.eop-page .eop-sac__n{ font-family:"Cormorant Garamond",serif; font-weight:700; font-size:15px; letter-spacing:2px; color:var(--goldm); margin:0 0 6px; }
.eop-page .eop-sac h3{ font-family:"Cormorant Garamond",serif; font-weight:600; font-size:26px; color:var(--burg); margin:0 0 8px; }
.eop-page .eop-sac p{ font-family:"EB Garamond",serif; font-size:16.5px; line-height:1.6; color:var(--ink); margin:0; }
.eop-page .eop-sac p + p{ margin-top:10px; padding-top:10px; border-top:1px dashed rgba(201,37,44,.15); font-size:15.5px; color:rgba(57,66,64,.8); }
.eop-page .eop-sac p b{ color:var(--burg); font-weight:600; }
.eop-page .eop-acc{ max-width:860px; margin:0 auto; }
.eop-page .eop-acc details{ background:#fff; border:1px solid rgba(201,37,44,.12); border-radius:4px; margin:0 0 12px; overflow:hidden; transition:box-shadow .4s var(--ease), border-color .4s var(--ease); }
.eop-page .eop-acc details[open]{ box-shadow:0 26px 50px -34px rgba(201,37,44,.4); border-color:rgba(228,184,74,.6); }
.eop-page .eop-acc summary{ list-style:none; cursor:pointer; display:flex; align-items:center; gap:16px; padding:18px 22px; font-family:"Cormorant Garamond",serif; font-weight:600; font-size:23px; color:var(--burg); }
.eop-page .eop-acc summary::-webkit-details-marker{ display:none; }
.eop-page .eop-acc summary small{ margin-left:auto; font-family:"Barlow Condensed",sans-serif; font-weight:600; font-size:12px; letter-spacing:1.6px; text-transform:uppercase; color:var(--goldm); white-space:nowrap; }
.eop-page .eop-acc summary i{ flex:none; width:26px; height:26px; border-radius:999px; border:1px solid rgba(201,37,44,.35); position:relative; transition:transform .4s var(--ease), background .4s var(--ease); }
.eop-page .eop-acc summary i::before,.eop-page .eop-acc summary i::after{ content:""; position:absolute; left:50%; top:50%; width:10px; height:1.5px; background:var(--burg); transform:translate(-50%,-50%); }
.eop-page .eop-acc summary i::after{ transform:translate(-50%,-50%) rotate(90deg); transition:transform .4s var(--ease); }
.eop-page .eop-acc details[open] summary i{ background:var(--burg); }
.eop-page .eop-acc details[open] summary i::before,.eop-page .eop-acc details[open] summary i::after{ background:#fff; }
.eop-page .eop-acc details[open] summary i::after{ transform:translate(-50%,-50%) rotate(0deg); }
.eop-page .eop-acc .eop-acc__body{ padding:0 22px 24px 64px; font-family:"Cormorant Garamond",serif; font-weight:500; font-size:20px; line-height:1.55; color:#3B2226; white-space:pre-line; }
.eop-page .eop-acc .eop-acc__body em{ display:block; margin-top:10px; font-family:"EB Garamond",serif; font-style:italic; font-size:15.5px; color:rgba(57,66,64,.7); white-space:normal; }
.eop-page .eop-table{ width:100%; border-collapse:collapse; font-family:"EB Garamond",serif; font-size:17px; color:var(--ink); background:#fff; border:1px solid rgba(201,37,44,.12); border-radius:4px; overflow:hidden; }
.eop-page .eop-table th{ text-align:left; padding:14px 18px; font-family:"Barlow Condensed",sans-serif; font-weight:600; font-size:12.5px; letter-spacing:2px; text-transform:uppercase; color:#F2D48A; background:linear-gradient(90deg,#C9252C,#BA0015); }
.eop-page .eop-table td{ padding:13px 18px; border-top:1px solid rgba(201,37,44,.1); vertical-align:top; }
.eop-page .eop-table td:first-child{ font-family:"Cormorant Garamond",serif; font-weight:600; font-size:19px; color:var(--burg); white-space:nowrap; }
.eop-page .eop-table tr:nth-child(even) td{ background:rgba(253,244,228,.55); }
.eop-page .eop-twocol{ display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:clamp(22px,3vw,40px); }
.eop-page .eop-list{ margin:0; padding:0 0 0 22px; font-family:"EB Garamond",serif; font-size:17.5px; line-height:1.6; color:var(--ink); }
.eop-page .eop-list li{ margin:0 0 8px; padding-left:6px; }
.eop-page .eop-list li::marker{ color:var(--goldm); font-family:"Cormorant Garamond",serif; font-weight:700; }
.eop-page .eop-mini{ background:#fff; border:1px solid rgba(201,37,44,.12); border-radius:4px; padding:26px 26px 24px; }
.eop-page .eop-mini h3{ font-family:"Cormorant Garamond",serif; font-weight:600; font-size:24px; color:var(--burg); margin:0 0 12px; }
.eop-page .eop-sec--tint .eop-mini{ background:#fff; }
@media (max-width:900px){
  .eop-page .eop-creed{ grid-template-columns:minmax(0,1fr); }
  .eop-page .eop-sacraments{ grid-template-columns:1fr; }
  .eop-page .eop-acc .eop-acc__body{ padding-left:22px; font-size:18px; }
  .eop-page .eop-table td:first-child{ white-space:normal; }
  .eop-page .eop-table th,.eop-page .eop-table td{ padding:10px 12px; font-size:15.5px; }
}

/* --- Catholic Knighthood page ------------------------------------------- */
.eop-page .eop-hero--blur .eop-hero__bg{ filter:blur(7px) saturate(1.15) brightness(.9); transform:scale(1.08); }
.eop-page .eop-hero--knight{ padding-bottom:0; }
.eop-page .eop-hero--knight .eop-wrap{ padding-bottom:clamp(40px,6vw,80px); }
.eop-page .eop-diptych{
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(18px,3vw,40px);
  max-width:980px; margin:clamp(34px,5vw,60px) auto 0; padding:0; list-style:none;
}
.eop-page .eop-diptych li{ position:relative; margin:0; }
.eop-page .eop-diptych figure{ margin:0; position:relative; border-radius:4px; overflow:hidden; box-shadow:0 40px 80px -30px rgba(0,0,0,.7); border:1px solid rgba(242,212,138,.35); background:#1a0d0e; }
.eop-page .eop-diptych figure::after{ content:""; position:absolute; inset:10px; border:1px solid rgba(242,212,138,.45); border-radius:2px; pointer-events:none; }
.eop-page .eop-diptych img{ display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; transition:transform 1.4s var(--ease); }
.eop-page .eop-diptych li:hover img{ transform:scale(1.04); }
.eop-page .eop-diptych figcaption{
  position:absolute; left:0; right:0; bottom:0; padding:44px 20px 16px; text-align:center;
  background:linear-gradient(180deg,rgba(20,8,9,0),rgba(20,8,9,.82));
  font-family:"Cormorant Garamond",serif; font-weight:600; font-size:clamp(18px,1.8vw,24px); line-height:1.15; color:#FFFCF6;
}
.eop-page .eop-diptych figcaption small{ display:block; margin-top:6px; font-family:"Barlow Condensed",sans-serif; font-weight:500; font-size:12px; letter-spacing:2px; text-transform:uppercase; color:#F2D48A; }

/* the two Orders */
.eop-page .eop-orders{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(22px,3vw,40px); margin:0; padding:0; list-style:none; }
.eop-page .eop-order{ background:var(--surface); border:1px solid rgba(201,37,44,.12); border-radius:4px; overflow:hidden; position:relative; box-shadow:0 30px 60px -36px rgba(201,37,44,.28); display:flex; flex-direction:column; transition:transform .6s var(--ease), box-shadow .6s var(--ease); }
.eop-page .eop-order:hover{ transform:translate3d(0,-5px,0); box-shadow:0 40px 70px -34px rgba(201,37,44,.4); }
.eop-page .eop-order__img{ position:relative; overflow:hidden; }
.eop-page .eop-order__img img{ display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; transition:transform 1.6s var(--ease); }
.eop-page .eop-order:hover .eop-order__img img{ transform:scale(1.05); }
.eop-page .eop-order__badge{ position:absolute; left:18px; top:18px; padding:7px 12px; background:rgba(201,37,44,.92); color:#F8ECA8; font-family:"Barlow Condensed",sans-serif; font-weight:600; font-size:12px; letter-spacing:2px; text-transform:uppercase; border-radius:2px; }
.eop-page .eop-order__body{ padding:26px 28px 30px; display:flex; flex-direction:column; flex:1; }
.eop-page .eop-order__name{ font-family:"Cormorant Garamond",serif; font-weight:700; font-size:clamp(24px,2.2vw,30px); line-height:1.15; color:var(--burg); margin:0 0 4px; }
.eop-page .eop-order__aka{ font-family:"Barlow Condensed",sans-serif; font-weight:500; font-size:13px; letter-spacing:1.6px; text-transform:uppercase; color:var(--goldm); margin:0 0 16px; }
.eop-page .eop-order__text{ font-family:"EB Garamond",serif; font-size:17.5px; line-height:1.65; color:var(--ink); margin:0 0 18px; }
.eop-page .eop-facts{ display:grid; grid-template-columns:auto minmax(0,1fr); gap:9px 16px; margin:0 0 22px; padding:18px 0 0; border-top:1px solid rgba(201,37,44,.12); }
.eop-page .eop-facts dt{ font-family:"Barlow Condensed",sans-serif; font-weight:600; font-size:12px; letter-spacing:1.8px; text-transform:uppercase; color:var(--goldm); padding-top:4px; }
.eop-page .eop-facts dd{ margin:0; font-family:"EB Garamond",serif; font-size:16.5px; line-height:1.5; color:var(--ink); }
.eop-page .eop-order__foot{ margin-top:auto; display:flex; flex-wrap:wrap; gap:12px; align-items:center; }
.eop-page .eop-order__link{ font-family:"Barlow Condensed",sans-serif; font-weight:600; font-size:14px; letter-spacing:1.6px; text-transform:uppercase; color:var(--burg); text-decoration:none; position:relative; padding-right:22px; }
.eop-page .eop-order__link::after{ content:"\2192"; position:absolute; right:0; top:0; transition:transform .4s var(--ease); }
.eop-page .eop-order__link:hover::after{ transform:translateX(5px); }
.eop-page .eop-motto{ font-family:"Cormorant Garamond",serif; font-style:italic; font-size:17px; color:var(--burg); }

/* the difference */
.eop-page .eop-distinct{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(20px,3vw,36px); margin:0; padding:0; list-style:none; }
.eop-page .eop-distinct li{ position:relative; margin:0; padding:30px 30px 32px; border-radius:4px; background:rgba(255,252,246,.06); border:1px solid rgba(242,212,138,.28); backdrop-filter:blur(2px); }
.eop-page .eop-distinct li::before{ content:""; position:absolute; left:0; top:24px; bottom:24px; width:3px; background:linear-gradient(180deg,#F8ECA8,#E4B84A); border-radius:2px; }
.eop-page .eop-distinct__k{ font-family:"Barlow Condensed",sans-serif; font-weight:600; font-size:12.5px; letter-spacing:2px; text-transform:uppercase; color:#F2D48A; margin:0 0 8px; }
.eop-page .eop-distinct h3{ font-family:"Cormorant Garamond",serif; font-weight:600; font-size:clamp(24px,2.3vw,32px); line-height:1.15; color:#FFFCF6; margin:0 0 14px; }
.eop-page .eop-distinct h3 em{ font-style:italic; color:#F8ECA8; }
.eop-page .eop-distinct p{ font-family:"EB Garamond",serif; font-size:17.5px; line-height:1.62; color:rgba(255,246,234,.86); margin:0 0 14px; }
.eop-page .eop-distinct ul{ margin:0; padding:0; list-style:none; }
.eop-page .eop-distinct ul li{ padding:9px 0 9px 26px; border:0; background:none; backdrop-filter:none; border-top:1px solid rgba(242,212,138,.18); font-family:"EB Garamond",serif; font-size:16.5px; line-height:1.5; color:rgba(255,246,234,.9); }
.eop-page .eop-distinct ul li::before{ content:"\2720"; left:0; top:9px; bottom:auto; width:auto; background:none; color:#E4B84A; font-size:14px; }
.eop-page .eop-sec--dark .eop-pull{ color:#FFFCF6; border-left-color:#E4B84A; background:linear-gradient(90deg,rgba(248,236,168,.12),rgba(248,236,168,0)); max-width:900px; margin:44px auto 0; }
.eop-page .eop-sec--dark .eop-pull small{ color:#F2D48A; }

/* the five pontifical orders — a ladder of precedence */
.eop-page .eop-ladder{ margin:0; padding:0; list-style:none; position:relative; }
.eop-page .eop-ladder::before{ content:""; position:absolute; left:33px; top:40px; bottom:40px; width:1px; background:linear-gradient(180deg,rgba(228,184,74,0),var(--goldm) 12%,var(--goldm) 88%,rgba(228,184,74,0)); }
.eop-page .eop-honour{ position:relative; display:grid; grid-template-columns:68px minmax(0,320px) minmax(0,1fr); gap:0 clamp(20px,3vw,40px); align-items:start; padding:26px 0; margin:0; }
.eop-page .eop-honour + .eop-honour{ border-top:1px solid rgba(201,37,44,.1); }
.eop-page .eop-honour__rank{ position:relative; z-index:1; width:66px; height:66px; border-radius:50%; display:grid; place-items:center; background:radial-gradient(120% 120% at 30% 25%,#C9252C 0%,#BA0015 100%); color:#F8ECA8; font-family:"Cormorant Garamond",serif; font-weight:700; font-size:26px; box-shadow:0 0 0 4px var(--bg),0 0 0 5px rgba(228,184,74,.7),0 14px 30px -12px rgba(201,37,44,.6); }
.eop-page .eop-honour__rank small{ display:block; font-family:"Barlow Condensed",sans-serif; font-weight:500; font-size:9px; letter-spacing:1.5px; text-transform:uppercase; margin-top:-4px; color:#F2D48A; }
.eop-page .eop-honour__img{ position:relative; border-radius:4px; overflow:hidden; box-shadow:0 26px 50px -30px rgba(0,0,0,.6); }
.eop-page .eop-honour__img::after{ content:""; position:absolute; inset:8px; border:1px solid rgba(242,212,138,.5); border-radius:2px; pointer-events:none; }
.eop-page .eop-honour__img img{ display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; transition:transform 1.4s var(--ease); }
.eop-page .eop-honour:hover .eop-honour__img img{ transform:scale(1.05); }
.eop-page .eop-honour__body{ min-width:0; }
.eop-page .eop-honour__name{ font-family:"Cormorant Garamond",serif; font-weight:700; font-size:clamp(24px,2.3vw,32px); line-height:1.12; color:var(--burg); margin:0 0 4px; }
.eop-page .eop-honour__aka{ font-family:"Barlow Condensed",sans-serif; font-weight:500; font-size:13px; letter-spacing:1.6px; text-transform:uppercase; color:var(--goldm); margin:0 0 12px; }
.eop-page .eop-honour__meta{ display:flex; flex-wrap:wrap; gap:8px 10px; margin:0 0 14px; padding:0; list-style:none; }
.eop-page .eop-honour__meta li{ font-family:"Barlow Condensed",sans-serif; font-weight:500; font-size:12.5px; letter-spacing:1.2px; text-transform:uppercase; color:var(--burg); background:var(--parch); border:1px solid rgba(228,184,74,.5); border-radius:2px; padding:5px 10px; }
.eop-page .eop-honour__meta li b{ font-weight:600; color:var(--goldm); margin-right:4px; }
.eop-page .eop-honour__text{ font-family:"EB Garamond",serif; font-size:17.5px; line-height:1.65; color:var(--ink); margin:0; max-width:62ch; }
.eop-page .eop-honour__text p{ margin:0 0 12px; }
.eop-page .eop-honour__text p:last-child{ margin:0; }
.eop-page .eop-decor{ display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:18px; margin:40px 0 0; padding:0; list-style:none; }
.eop-page .eop-decor li{ margin:0; padding:20px 22px; background:#fff; border:1px solid rgba(201,37,44,.12); border-radius:4px; font-family:"EB Garamond",serif; font-size:16.5px; line-height:1.55; color:var(--ink); }
.eop-page .eop-decor li b{ display:block; font-family:"Cormorant Garamond",serif; font-weight:600; font-size:21px; color:var(--burg); margin-bottom:4px; }

/* glance table tweaks */
.eop-page .eop-glance th:first-child{ width:18%; }
.eop-page .eop-glance td{ font-size:16.5px; line-height:1.5; }
.eop-page .eop-glance td:first-child{ font-size:18px; }

@media (max-width:980px){
  .eop-page .eop-honour{ grid-template-columns:56px minmax(0,1fr); }
  .eop-page .eop-honour__rank{ width:54px; height:54px; font-size:21px; }
  .eop-page .eop-ladder::before{ left:27px; }
  .eop-page .eop-honour__img{ grid-column:2; max-width:420px; margin-bottom:16px; }
  .eop-page .eop-honour__body{ grid-column:2; }
}
@media (max-width:820px){
  .eop-page .eop-orders,.eop-page .eop-distinct{ grid-template-columns:minmax(0,1fr); }
}
@media (max-width:640px){
  .eop-page .eop-diptych{ grid-template-columns:minmax(0,1fr); gap:16px; }
  .eop-page .eop-diptych figcaption{ padding:34px 14px 12px; font-size:18px; }
  .eop-page .eop-order__body{ padding:20px 20px 24px; }
  .eop-page .eop-facts{ grid-template-columns:minmax(0,1fr); gap:2px 0; }
  .eop-page .eop-facts dd{ margin-bottom:8px; }
  .eop-page .eop-honour{ grid-template-columns:minmax(0,1fr); padding:22px 0; }
  .eop-page .eop-ladder::before{ display:none; }
  .eop-page .eop-honour__rank{ width:48px; height:48px; font-size:19px; margin-bottom:14px; }
  .eop-page .eop-honour__img,.eop-page .eop-honour__body{ grid-column:1; }
  .eop-page .eop-distinct li{ padding:22px 20px 24px; }
}
.eop-page #families .eop-pillars{ grid-template-columns:repeat(2,minmax(0,1fr)); max-width:920px; margin-inline:auto; }
@media (max-width:700px){ .eop-page #families .eop-pillars{ grid-template-columns:minmax(0,1fr); } }
@media (max-width:700px){ .eop-page .eop-glance{ min-width:620px; } }

/* Feast Days landing: responsive card grid */
.eop-page .eop-feasts{ display:grid; gap:22px; grid-template-columns:repeat(auto-fit,minmax(258px,1fr)); list-style:none; margin:0; padding:0; }
.eop-page .eop-feast{ display:flex; flex-direction:column; background:var(--surface); border:1px solid rgba(201,37,44,.14); border-top:3px solid var(--gold); border-radius:4px; padding:28px 26px; box-shadow:0 30px 60px -40px rgba(201,37,44,.30); }
.eop-page .eop-feast__name{ font-family:'Cormorant Garamond',serif; font-weight:600; font-size:23px; line-height:1.25; color:var(--burg); margin:0 0 12px; }
.eop-page .eop-feast__text{ font-family:'EB Garamond',serif; color:var(--ink); font-size:16px; line-height:1.6; margin:0 0 22px; flex:1 1 auto; }
.eop-page .eop-feast__link{ align-self:flex-start; font-family:'Barlow Condensed',sans-serif; text-transform:uppercase; letter-spacing:.8px; font-size:14px; font-weight:600; color:var(--burg); text-decoration:none; border-bottom:1px solid var(--goldm); padding-bottom:2px; transition:color .2s; }
.eop-page .eop-feast__link:hover{ color:var(--gold); }