:root{
  --sb-proc-bg:#07080a;
  --sb-proc-panel:#101217;
  --sb-proc-panel-2:#0c0e12;
  --sb-proc-ink:#ece3d2;
  --sb-proc-muted:#b7ac98;
  --sb-proc-gold:#c9a85e;
  --sb-proc-gold-soft:rgba(201,168,94,.18);
  --sb-proc-blue:#1a2438;
  --sb-proc-red:#4a171d;
  --sb-proc-border:rgba(201,168,94,.24);
}

.sb-proc-overlay{position:fixed;inset:0;z-index:26000;display:flex;align-items:center;justify-content:center;padding:22px;background:radial-gradient(circle at 50% 10%,rgba(224,177,76,.09),transparent 28%),radial-gradient(circle at 50% 85%,rgba(95,22,31,.22),transparent 42%),linear-gradient(180deg,rgba(7,8,10,.84),rgba(3,4,6,.96));backdrop-filter:blur(12px)}
.sb-proc-modal{width:min(1400px,97vw);height:min(900px,94vh);display:grid;grid-template-columns:280px minmax(0,1fr) 300px;border-radius:28px;overflow:hidden;border:1px solid var(--sb-proc-border);background:linear-gradient(180deg,rgba(15,18,23,.98),rgba(7,9,12,.99));box-shadow:0 35px 100px rgba(0,0,0,.6), inset 0 1px 0 rgba(255,255,255,.04);position:relative}
.sb-proc-modal *{box-sizing:border-box}
.sb-proc-modal::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(201,168,94,.08),transparent 36%),repeating-linear-gradient(90deg,transparent 0 24px,rgba(255,255,255,.01) 24px 25px);pointer-events:none}
.sb-proc-sidebar,.sb-proc-lograil{min-height:0;display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(15,17,22,.94),rgba(9,10,14,.98));position:relative}
.sb-proc-sidebar{border-right:1px solid rgba(201,168,94,.14);padding:20px 18px 16px}
.sb-proc-lograil{border-left:1px solid rgba(201,168,94,.14);padding:18px 16px}
.sb-proc-sealwrap{padding:10px 8px 18px;border-bottom:1px solid rgba(201,168,94,.12);margin-bottom:16px}
.sb-proc-seal{width:84px;height:84px;border-radius:999px;margin:0 auto 14px;background:radial-gradient(circle at 50% 50%,rgba(242,226,193,.16),rgba(201,168,94,.07) 40%,rgba(201,168,94,.02) 65%,transparent 66%),conic-gradient(from 0deg,rgba(201,168,94,.4),rgba(201,168,94,.05),rgba(201,168,94,.4));box-shadow:0 0 0 1px rgba(201,168,94,.18), inset 0 0 0 1px rgba(255,255,255,.04), 0 0 34px rgba(201,168,94,.1);position:relative}
.sb-proc-seal::before,.sb-proc-seal::after{content:"";position:absolute;inset:12px;border-radius:inherit;border:1px solid rgba(201,168,94,.24)}
.sb-proc-seal::after{inset:26px;background:radial-gradient(circle at 50% 50%,rgba(0,0,0,.38),transparent 62%)}
.sb-proc-eyebrow,.sb-proc-logtitle{font-size:.67rem;letter-spacing:.22em;text-transform:uppercase;color:#cfbe9c;opacity:.82}
.sb-proc-title{margin:6px 0 5px;font-size:1.42rem;line-height:1.1;color:var(--sb-proc-ink)}
.sb-proc-subtitle{margin:0;color:var(--sb-proc-muted);font-size:.9rem;line-height:1.45}
.sb-proc-phases{list-style:none;padding:0;margin:0;display:grid;gap:8px;overflow:auto;min-height:0}
.sb-proc-phase{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:10px;padding:11px 12px;border-radius:15px;border:1px solid transparent;background:rgba(255,255,255,.015);color:var(--sb-proc-muted)}
.sb-proc-phaseindex{width:28px;height:28px;border-radius:999px;display:grid;place-items:center;background:rgba(201,168,94,.08);border:1px solid rgba(201,168,94,.12);font-size:.76rem;color:#e3d7bb}
.sb-proc-phase.is-active{background:linear-gradient(180deg,rgba(201,168,94,.12),rgba(201,168,94,.04));border-color:rgba(201,168,94,.24);color:var(--sb-proc-ink);box-shadow:0 0 0 1px rgba(255,255,255,.025) inset}
.sb-proc-phase.is-complete .sb-proc-phaseindex{background:rgba(201,168,94,.18)}
.sb-proc-sideMeta{display:grid;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid rgba(201,168,94,.12)}
.sb-proc-sideMeta div{display:grid;gap:2px}
.sb-proc-sideMeta span{font-size:.67rem;letter-spacing:.18em;text-transform:uppercase;color:#d1bf9a;opacity:.68}
.sb-proc-sideMeta strong{font-size:.89rem;color:var(--sb-proc-ink)}
.sb-proc-body{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0;background:linear-gradient(180deg,rgba(10,12,16,.82),rgba(6,8,11,.96))}
.sb-proc-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:20px 22px;border-bottom:1px solid rgba(201,168,94,.13);background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0))}
.sb-proc-headerkicker{font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:#d8c7a3;opacity:.72;margin-bottom:6px}
.sb-proc-phasetitle{margin:0;font-size:1.5rem;color:var(--sb-proc-ink)}
.sb-proc-headeractions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.sb-proc-content{min-height:0;overflow-y:auto;padding:24px 24px 32px;display:grid;align-content:start;gap:18px}
.sb-proc-content::-webkit-scrollbar,.sb-proc-phases::-webkit-scrollbar,.sb-proc-log::-webkit-scrollbar{width:10px}
.sb-proc-content::-webkit-scrollbar-thumb,.sb-proc-phases::-webkit-scrollbar-thumb,.sb-proc-log::-webkit-scrollbar-thumb{background:rgba(201,168,94,.22);border-radius:999px}
.sb-proc-btn,.sb-proc-pillbtn,.sb-proc-cardbtn{appearance:none;border:none;cursor:pointer;font:inherit}
.sb-proc-primary,.sb-proc-ghost,.sb-proc-secondary{padding:11px 16px;border-radius:13px;font-size:.93rem;line-height:1.1;transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease}
.sb-proc-primary{background:linear-gradient(180deg,rgba(201,168,94,.3),rgba(201,168,94,.14));color:#fff2d4;border:1px solid rgba(201,168,94,.3);box-shadow:0 14px 30px rgba(201,168,94,.08), inset 0 1px 0 rgba(255,255,255,.08)}
.sb-proc-ghost,.sb-proc-secondary{background:rgba(255,255,255,.02);color:#ddd1ba;border:1px solid rgba(201,168,94,.15)}
.sb-proc-primary:hover,.sb-proc-ghost:hover,.sb-proc-secondary:hover{transform:translateY(-1px)}
.sb-proc-primary:disabled,.sb-proc-ghost:disabled,.sb-proc-secondary:disabled{opacity:.45;cursor:not-allowed;transform:none}
.sb-proc-card,.sb-proc-panel,.sb-proc-paper{border:1px solid rgba(201,168,94,.14);border-radius:22px;background:linear-gradient(180deg,rgba(18,20,26,.88),rgba(11,13,17,.96));box-shadow:inset 0 1px 0 rgba(255,255,255,.03), 0 20px 35px rgba(0,0,0,.22)}
.sb-proc-panel{padding:18px}
.sb-proc-intro{padding:22px 22px 18px;display:grid;gap:10px;background:radial-gradient(circle at 50% 0%,rgba(201,168,94,.08),transparent 36%),linear-gradient(180deg,rgba(27,31,40,.86),rgba(9,11,15,.95))}
.sb-proc-opening{font-size:1.18rem;line-height:1.55;color:#f0e7d5;max-width:56rem}
.sb-proc-metaRow,.sb-proc-choiceGrid,.sb-proc-routeGrid,.sb-proc-reportMeta{display:grid;gap:14px}
.sb-proc-metaRow{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.sb-proc-stat{padding:14px 15px;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.008));border:1px solid rgba(201,168,94,.12)}
.sb-proc-statlabel{font-size:.67rem;letter-spacing:.18em;text-transform:uppercase;color:#d7c4a1;opacity:.72;margin-bottom:6px}
.sb-proc-statvalue{font-size:1.02rem;color:var(--sb-proc-ink)}
.sb-proc-saints{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.sb-proc-saint{padding:16px;border-radius:20px;border:1px solid rgba(201,168,94,.14);background:linear-gradient(180deg,rgba(24,28,37,.92),rgba(10,12,16,.96));display:grid;gap:10px;position:relative;overflow:hidden}
.sb-proc-saint::before{content:"";position:absolute;inset:-20% -20% auto auto;width:120px;height:120px;border-radius:999px;background:radial-gradient(circle,rgba(201,168,94,.12),transparent 64%);pointer-events:none}
.sb-proc-saint.is-lead{border-color:rgba(201,168,94,.34);box-shadow:0 0 0 1px rgba(201,168,94,.16) inset, 0 10px 30px rgba(201,168,94,.08)}
.sb-proc-sainthead{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.sb-proc-sainttitle{margin:0;font-size:1.05rem;color:#f0e7d5}
.sb-proc-saintepithet{font-size:.84rem;color:#d5c4a3;line-height:1.35}
.sb-proc-saintbadge{display:inline-flex;align-items:center;justify-content:center;min-width:74px;padding:7px 10px;border-radius:999px;background:rgba(201,168,94,.11);border:1px solid rgba(201,168,94,.18);font-size:.74rem;color:#f2e5c8;text-transform:uppercase;letter-spacing:.12em}
.sb-proc-saintmeta{display:grid;gap:8px;font-size:.88rem;color:#d3c6af}
.sb-proc-tagrow{display:flex;gap:8px;flex-wrap:wrap}
.sb-proc-tag{padding:5px 8px;border-radius:999px;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);color:#d8ccb5}
.sb-proc-leadbtn{justify-self:start;padding:9px 12px;border-radius:12px;background:rgba(201,168,94,.09);border:1px solid rgba(201,168,94,.16);color:#f0e1be}
.sb-proc-choiceGrid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.sb-proc-option{padding:15px;border-radius:18px;border:1px solid rgba(201,168,94,.14);background:linear-gradient(180deg,rgba(255,255,255,.024),rgba(255,255,255,.008));display:grid;gap:7px;min-height:132px;cursor:pointer;transition:border-color .18s ease, transform .18s ease, background .18s ease}
.sb-proc-option:hover{transform:translateY(-2px);border-color:rgba(201,168,94,.24)}
.sb-proc-option.is-selected{background:linear-gradient(180deg,rgba(201,168,94,.13),rgba(201,168,94,.05));border-color:rgba(201,168,94,.32);box-shadow:0 0 0 1px rgba(201,168,94,.12) inset}
.sb-proc-optiontitle{font-size:1rem;color:#f3ead8}
.sb-proc-optionnote{font-size:.9rem;line-height:1.45;color:#c9bda8}
.sb-proc-optionmeta{font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:#ceb98f;opacity:.82}
.sb-proc-routeGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
.sb-proc-selectWrap{display:grid;gap:8px}
.sb-proc-selectWrap label{font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:#d7c5a4;opacity:.78}
.sb-proc-select{width:100%;padding:13px 14px;border-radius:14px;border:1px solid rgba(201,168,94,.18);background:rgba(255,255,255,.03);color:#f0e7d6;outline:none}
.sb-proc-select option{background:#12151b;color:#f0e7d6}
.sb-proc-routePreview{padding:20px;border-radius:22px;background:radial-gradient(circle at 50% 12%,rgba(201,168,94,.08),transparent 30%),linear-gradient(180deg,rgba(21,25,33,.88),rgba(10,12,16,.96));border:1px solid rgba(201,168,94,.14);display:grid;gap:14px}
.sb-proc-mapline{position:relative;padding:20px 14px 24px;min-height:118px}
.sb-proc-mapline::before{content:"";position:absolute;left:20px;right:20px;top:52px;height:2px;background:linear-gradient(90deg,rgba(201,168,94,.28),rgba(230,204,144,.88),rgba(201,168,94,.28))}
.sb-proc-stops{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;position:relative}
.sb-proc-stop{display:grid;gap:8px;justify-items:center;text-align:center}
.sb-proc-stopdot{width:16px;height:16px;border-radius:999px;background:radial-gradient(circle at 50% 50%,#fff5dd 0 28%,#d5b06c 29% 52%,rgba(201,168,94,.18) 53% 100%);box-shadow:0 0 0 5px rgba(201,168,94,.08),0 0 24px rgba(201,168,94,.18)}
.sb-proc-stoplabel{font-size:.86rem;line-height:1.35;color:#e2d6bf}
.sb-proc-omenBox{padding:18px;border-radius:18px;background:linear-gradient(180deg,rgba(74,23,29,.32),rgba(16,18,24,.95));border:1px solid rgba(187,92,103,.22);color:#f1e5da}
.sb-proc-omens{display:grid;gap:12px}
.sb-proc-omen{padding:16px;border-radius:18px;border:1px solid rgba(201,168,94,.14);background:linear-gradient(180deg,rgba(255,255,255,.024),rgba(255,255,255,.008));display:grid;gap:8px;cursor:pointer}
.sb-proc-omen.is-selected{border-color:rgba(201,168,94,.32);background:linear-gradient(180deg,rgba(201,168,94,.12),rgba(201,168,94,.04))}
.sb-proc-reporttabs{display:flex;gap:10px;flex-wrap:wrap}
.sb-proc-pillbtn{padding:10px 13px;border-radius:999px;background:rgba(255,255,255,.03);color:#dfd2ba;border:1px solid rgba(201,168,94,.15)}
.sb-proc-pillbtn.is-active{background:linear-gradient(180deg,rgba(201,168,94,.16),rgba(201,168,94,.06));border-color:rgba(201,168,94,.3);color:#fff0cd}
.sb-proc-paper{padding:24px 24px 26px;display:grid;gap:18px;background:linear-gradient(180deg,rgba(29,23,18,.98),rgba(21,17,13,.98));color:#f1e7d3;position:relative;overflow-wrap:anywhere}
.sb-proc-paper::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(201,168,94,.09),transparent 34%),repeating-linear-gradient(180deg,transparent 0 27px,rgba(255,255,255,.02) 27px 28px);pointer-events:none}
.sb-proc-paperheader{display:grid;gap:7px;padding-bottom:16px;border-bottom:1px solid rgba(229,202,146,.16)}
.sb-proc-paperkicker{font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:#ddc58e;opacity:.82}
.sb-proc-papertitle{margin:0;font-size:1.42rem;line-height:1.14}
.sb-proc-paperlead{margin:0;font-size:1rem;line-height:1.65;color:#e8dbc0}
.sb-proc-reportMeta{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.sb-proc-reportMeta .sb-proc-stat{background:rgba(255,255,255,.025)}
.sb-proc-signaturestat{grid-column:1 / -1}
.sb-proc-signatureblock{display:flex;flex-wrap:wrap;gap:8px 10px;padding:12px 13px;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));border:1px solid rgba(201,168,94,.16);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.76rem;line-height:1.45;color:#f0e1c0;word-break:break-word}
.sb-proc-signaturechunk{display:inline-flex;align-items:center;max-width:100%;padding:4px 8px;border-radius:999px;background:rgba(201,168,94,.08);border:1px solid rgba(201,168,94,.12);overflow-wrap:anywhere}
.sb-proc-list{margin:0;padding-left:1.1rem;display:grid;gap:8px;color:#e8dbc0;line-height:1.6}
.sb-proc-actions{display:flex;gap:10px;flex-wrap:wrap;position:sticky;top:0;z-index:2;padding-bottom:4px;background:linear-gradient(180deg,rgba(11,13,17,.98),rgba(11,13,17,.88),transparent)}
.sb-proc-logtitle{margin-bottom:14px}
.sb-proc-log{min-height:0;overflow:auto;display:grid;gap:10px;padding-right:4px}
.sb-proc-logentry{padding:12px 12px;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.008));border:1px solid rgba(201,168,94,.12);color:#e3d8c2;line-height:1.5;font-size:.9rem}
.sb-proc-logentry strong{color:#fff0d1}
.sb-proc-empty{padding:24px;border-radius:18px;border:1px dashed rgba(201,168,94,.22);background:rgba(255,255,255,.02);color:#d6c8b0}
.sb-proc-validation{padding:12px 14px;border-radius:14px;background:rgba(111,30,38,.36);border:1px solid rgba(187,92,103,.24);color:#f6dbd6}
.sb-proc-muted{color:var(--sb-proc-muted)}
.sb-proc-centered{display:grid;justify-items:center;text-align:center;gap:14px;padding:12px 0}
.sb-proc-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(201,168,94,.22),transparent)}

@media (max-width: 1220px){
  .sb-proc-modal{grid-template-columns:260px minmax(0,1fr)}
  .sb-proc-lograil{display:none}
}
@media (max-width: 900px){
  .sb-proc-modal{grid-template-columns:1fr;height:min(94vh,980px)}
  .sb-proc-sidebar{display:none}
  .sb-proc-header{padding:18px}
  .sb-proc-content{padding:18px 18px 28px}
  .sb-proc-routeGrid{grid-template-columns:1fr}
}

/* ──────────────────────────────────────────────────────────────────────────
   SACRED CINEMATIC PASS
   The interface is staged as a nocturnal civic chapel: stained light,
   processional candles, incense, illuminated paper, and devotional niches.
   ────────────────────────────────────────────────────────────────────────── */
:root{
  --sb-proc-bg:#030405;
  --sb-proc-panel:#0b0c0d;
  --sb-proc-panel-2:#070809;
  --sb-proc-ink:#f4ead4;
  --sb-proc-muted:#b9ab92;
  --sb-proc-gold:#d8b86a;
  --sb-proc-gold-bright:#f1d999;
  --sb-proc-gold-soft:rgba(216,184,106,.15);
  --sb-proc-blue:#081827;
  --sb-proc-red:#3d0b13;
  --sb-proc-border:rgba(220,190,119,.28);
  --sb-proc-violet:#171126;
  --sb-proc-sacred-serif:"Cormorant Garamond","Iowan Old Style","Palatino Linotype",Georgia,serif;
  --sb-proc-inscription:"Cinzel","Trajan Pro","Times New Roman",serif;
}

.sb-proc-overlay{
  padding:18px;
  isolation:isolate;
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(0,0,0,.86),transparent 28%,transparent 72%,rgba(0,0,0,.86)),
    radial-gradient(ellipse at 50% 0%,rgba(233,198,111,.14),transparent 34%),
    radial-gradient(ellipse at 50% 115%,rgba(93,12,27,.28),transparent 52%),
    #020304;
  backdrop-filter:blur(18px) saturate(.8);
  opacity:0;
  transition:opacity .8s ease;
}
.sb-proc-overlay.is-revealed{opacity:1}
.sb-proc-overlay::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.22;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.34'/%3E%3C/svg%3E");
  mix-blend-mode:soft-light;animation:sb-proc-grain .28s steps(2) infinite;
}
.sb-proc-overlay::after{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse at center,transparent 38%,rgba(0,0,0,.42) 76%,rgba(0,0,0,.9));
}

.sb-proc-sanctum{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.sb-proc-rosewindow{
  position:absolute;left:50%;top:-210px;width:min(680px,66vw);aspect-ratio:1;transform:translateX(-50%) rotate(7deg);
  border-radius:50%;opacity:.42;
  background:
    radial-gradient(circle,transparent 0 7%,rgba(248,221,151,.5) 7.3% 8%,transparent 8.3% 18%,rgba(225,187,94,.24) 18.3% 19%,transparent 19.3% 36%,rgba(213,177,89,.18) 36.3% 37%,transparent 37.3%),
    repeating-conic-gradient(from 0deg,rgba(212,173,80,.22) 0 1.2deg,transparent 1.2deg 14.8deg,rgba(80,18,37,.2) 14.8deg 20deg,transparent 20deg 30deg),
    radial-gradient(circle,rgba(217,184,105,.16),rgba(24,19,38,.08) 55%,transparent 71%);
  box-shadow:0 0 100px rgba(230,194,105,.12);animation:sb-proc-rose 30s linear infinite;
}
.sb-proc-rosewindow::before,.sb-proc-rosewindow::after{content:"";position:absolute;border-radius:50%;inset:9%;border:1px solid rgba(235,203,125,.2)}
.sb-proc-rosewindow::after{inset:27%;border-width:2px;box-shadow:0 0 34px rgba(242,210,126,.12) inset}

.sb-proc-incense{position:absolute;width:55vw;height:45vh;filter:blur(20px);opacity:.16;background:radial-gradient(ellipse,rgba(230,222,202,.42),transparent 63%)}
.sb-proc-incense-a{left:-15vw;bottom:2vh;animation:sb-proc-incense-a 18s ease-in-out infinite alternate}
.sb-proc-incense-b{right:-18vw;bottom:14vh;animation:sb-proc-incense-b 23s ease-in-out infinite alternate-reverse}
.sb-proc-candlefield{position:absolute;bottom:2.5vh;width:210px;height:190px;opacity:.56;filter:blur(.2px);background:
  radial-gradient(ellipse at 16% 54%,#fff3be 0 1px,#e5a548 2px,transparent 5px),
  radial-gradient(ellipse at 38% 31%,#fff3be 0 1px,#e5a548 2px,transparent 5px),
  radial-gradient(ellipse at 62% 68%,#fff3be 0 1px,#e5a548 2px,transparent 5px),
  radial-gradient(ellipse at 83% 43%,#fff3be 0 1px,#e5a548 2px,transparent 5px),
  linear-gradient(90deg,transparent 15%,rgba(214,171,82,.22) 16% 16.5%,transparent 17% 37%,rgba(214,171,82,.22) 38% 38.5%,transparent 39% 61%,rgba(214,171,82,.22) 62% 62.5%,transparent 63% 82%,rgba(214,171,82,.22) 83% 83.5%,transparent 84%);
  animation:sb-proc-candle 3.2s ease-in-out infinite alternate
}
.sb-proc-candlefield-left{left:0}.sb-proc-candlefield-right{right:0;transform:scaleX(-1)}

.sb-proc-modal{
  width:min(1480px,97vw);height:min(930px,95vh);grid-template-columns:294px minmax(0,1fr) 310px;
  border-radius:150px 150px 9px 9px / 28px 28px 9px 9px;
  border:1px solid rgba(225,195,122,.34);
  background:
    linear-gradient(90deg,rgba(255,255,255,.018),transparent 18%,transparent 82%,rgba(255,255,255,.018)),
    linear-gradient(180deg,rgba(14,14,15,.985),rgba(4,5,6,.995));
  box-shadow:0 50px 140px rgba(0,0,0,.82),0 0 0 1px rgba(0,0,0,.8),0 0 80px rgba(193,146,57,.08),inset 0 1px rgba(255,242,203,.12);
  transform:translateY(24px) scale(.985);opacity:.2;
  transition:transform 1s cubic-bezier(.16,1,.3,1),opacity .75s ease,box-shadow .8s ease;
}
.sb-proc-overlay.is-revealed .sb-proc-modal{transform:translateY(0) scale(1);opacity:1}
.sb-proc-modal::before{
  inset:0;opacity:.72;
  background:
    linear-gradient(90deg,transparent 49.9%,rgba(227,190,105,.025) 50%,transparent 50.1%),
    radial-gradient(ellipse at 50% -5%,rgba(242,212,143,.1),transparent 40%),
    repeating-linear-gradient(90deg,transparent 0 47px,rgba(255,255,255,.009) 47px 48px);
}
.sb-proc-modal::after{content:"";position:absolute;inset:7px;pointer-events:none;border:1px solid rgba(223,190,112,.08);border-radius:144px 144px 5px 5px / 23px 23px 5px 5px;z-index:8}
.sb-proc-lintel{position:absolute;left:0;right:0;top:0;height:15px;z-index:10;display:flex;align-items:center;justify-content:center;gap:16px;color:var(--sb-proc-gold);pointer-events:none}
.sb-proc-lintel span{width:min(34%,420px);height:1px;background:linear-gradient(90deg,transparent,rgba(223,192,118,.48))}
.sb-proc-lintel span:last-child{transform:scaleX(-1)}
.sb-proc-lintel i{width:8px;height:8px;transform:rotate(45deg);border:1px solid rgba(238,209,140,.68);box-shadow:0 0 14px rgba(232,197,112,.42)}
.sb-proc-threshold{position:absolute;left:294px;right:310px;bottom:0;height:24px;z-index:9;display:flex;justify-content:center;align-items:center;gap:15px;font:500 .58rem/1 var(--sb-proc-inscription);letter-spacing:.27em;color:rgba(228,198,127,.48);pointer-events:none;background:linear-gradient(180deg,transparent,rgba(0,0,0,.8))}
.sb-proc-threshold span:first-child,.sb-proc-threshold span:last-child{font-size:.55rem;color:rgba(235,207,142,.7)}

.sb-proc-sidebar,.sb-proc-lograil{
  background:linear-gradient(180deg,rgba(13,13,14,.97),rgba(5,6,7,.995));
  box-shadow:inset -20px 0 50px rgba(0,0,0,.12);
}
.sb-proc-sidebar{padding:28px 22px 20px;border-right:1px solid rgba(220,188,112,.18)}
.sb-proc-lograil{padding:30px 19px 22px;border-left:1px solid rgba(220,188,112,.18)}
.sb-proc-sealwrap{text-align:center;padding:15px 9px 22px;margin-bottom:17px;border-bottom:1px solid rgba(224,193,119,.16)}
.sb-proc-seal{
  width:106px;height:106px;margin-bottom:18px;
  background:
    radial-gradient(circle at 50% 50%,#050506 0 14%,transparent 14.5%),
    repeating-conic-gradient(from 22.5deg,rgba(235,205,135,.52) 0 1deg,transparent 1deg 22deg),
    radial-gradient(circle,rgba(238,209,139,.12) 0 35%,transparent 35.5% 47%,rgba(219,181,96,.18) 47.5% 49%,transparent 49.5%);
  border:1px solid rgba(238,207,134,.33);box-shadow:0 0 0 5px rgba(221,184,99,.035),0 0 48px rgba(230,193,105,.14),inset 0 0 35px rgba(0,0,0,.7);
}
.sb-proc-seal::before{inset:14px;border:1px solid rgba(232,198,119,.3);box-shadow:inset 0 0 0 8px rgba(0,0,0,.22)}
.sb-proc-seal::after{content:"✦";inset:30px;display:grid;place-items:center;background:radial-gradient(circle,rgba(229,191,104,.18),transparent 65%);font:1.25rem var(--sb-proc-inscription);color:#e1bf72;text-shadow:0 0 18px rgba(245,214,138,.48);animation:sb-proc-seal-breathe 4.8s ease-in-out infinite}
.sb-proc-eyebrow,.sb-proc-logtitle,.sb-proc-headerkicker,.sb-proc-statlabel,.sb-proc-optionmeta,.sb-proc-paperkicker,.sb-proc-selectWrap label{font-family:var(--sb-proc-inscription)}
.sb-proc-eyebrow{letter-spacing:.3em;color:#d9bd7d;font-size:.61rem}
.sb-proc-title{margin:8px auto 7px;max-width:12rem;font:500 1.7rem/1.02 var(--sb-proc-sacred-serif);letter-spacing:.025em;color:#fff2d7;text-shadow:0 0 28px rgba(226,189,103,.12)}
.sb-proc-subtitle{font:italic .88rem/1.45 var(--sb-proc-sacred-serif);color:#bcae93}

.sb-proc-phases{gap:3px;padding:2px 0}
.sb-proc-phase{position:relative;grid-template-columns:34px 1fr;gap:11px;padding:12px 11px;border-radius:1px;background:transparent;border-color:transparent;font:500 .84rem/1.28 var(--sb-proc-sacred-serif);letter-spacing:.035em}
.sb-proc-phase::after{content:"";position:absolute;left:16px;top:39px;height:12px;width:1px;background:rgba(216,181,97,.14)}
.sb-proc-phase:last-child::after{display:none}
.sb-proc-phaseindex{width:29px;height:29px;border-radius:50%;font:500 .67rem/1 var(--sb-proc-inscription);background:rgba(214,179,91,.035);border-color:rgba(221,188,109,.17);box-shadow:inset 0 0 13px rgba(0,0,0,.5)}
.sb-proc-phase.is-active{background:linear-gradient(90deg,rgba(218,181,91,.12),transparent);border-color:transparent;border-left:1px solid rgba(236,208,140,.7);box-shadow:none;color:#f3e7ce}
.sb-proc-phase.is-active .sb-proc-phaseindex{color:#fff0c7;border-color:rgba(241,210,132,.46);box-shadow:0 0 19px rgba(231,191,92,.16),inset 0 0 10px rgba(227,188,93,.11)}
.sb-proc-phase.is-complete .sb-proc-phaseindex{background:rgba(205,168,79,.13);color:#d8bc7d}
.sb-proc-sideMeta{border-top-color:rgba(219,184,101,.15)}
.sb-proc-sideMeta span{font-family:var(--sb-proc-inscription);font-size:.58rem;color:#d9bd7d}
.sb-proc-sideMeta strong{font:500 .91rem/1.25 var(--sb-proc-sacred-serif)}

.sb-proc-body{background:
  radial-gradient(ellipse at 50% 0%,rgba(225,189,101,.05),transparent 34%),
  linear-gradient(180deg,rgba(8,9,10,.8),rgba(3,4,5,.96));
}
.sb-proc-header{min-height:91px;padding:24px 28px 18px;border-bottom-color:rgba(221,188,110,.18);align-items:center;background:linear-gradient(180deg,rgba(239,212,148,.025),transparent)}
.sb-proc-headerkicker{font-size:.6rem;letter-spacing:.28em;color:#ceb476;margin-bottom:8px}
.sb-proc-rubricmark{color:#e7c77f;text-shadow:0 0 14px rgba(236,203,127,.4);margin-right:4px}
.sb-proc-phasetitle{font:500 clamp(1.45rem,2.1vw,2.05rem)/1 var(--sb-proc-sacred-serif);letter-spacing:.02em;color:#fff0d2}
.sb-proc-content{padding:22px 28px 48px;gap:20px;scrollbar-color:rgba(217,180,93,.24) transparent}
.sb-proc-content.is-entering>*{animation:sb-proc-rise .72s cubic-bezier(.16,1,.3,1) both}
.sb-proc-content.is-entering>*:nth-child(2){animation-delay:.06s}.sb-proc-content.is-entering>*:nth-child(3){animation-delay:.11s}.sb-proc-content.is-entering>*:nth-child(4){animation-delay:.16s}

.sb-proc-liturgyband{min-height:72px;display:grid;grid-template-columns:48px 1fr 34px;align-items:center;gap:14px;padding:13px 17px;border-top:1px solid rgba(227,195,118,.16);border-bottom:1px solid rgba(227,195,118,.16);background:linear-gradient(90deg,transparent,rgba(215,176,83,.045) 12%,rgba(215,176,83,.045) 88%,transparent);position:relative}
.sb-proc-liturgyband::before,.sb-proc-liturgyband::after{content:"";position:absolute;top:8px;bottom:8px;width:1px;background:linear-gradient(transparent,rgba(230,201,134,.25),transparent)}
.sb-proc-liturgyband::before{left:5px}.sb-proc-liturgyband::after{right:5px}
.sb-proc-liturgyindex{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(227,194,114,.25);border-radius:50%;font:500 .68rem var(--sb-proc-inscription);color:#e6c47b;box-shadow:inset 0 0 14px rgba(220,177,75,.06)}
.sb-proc-liturgytext{font:italic 1.02rem/1.4 var(--sb-proc-sacred-serif);color:#ded0b6}
.sb-proc-liturgytext small{display:block;margin-bottom:3px;font:500 .54rem/1 var(--sb-proc-inscription);text-transform:uppercase;letter-spacing:.28em;color:#bda467}
.sb-proc-liturgysigil{color:#d8b668;text-shadow:0 0 16px rgba(238,203,121,.42)}

.sb-proc-primary,.sb-proc-ghost,.sb-proc-secondary{border-radius:2px;padding:11px 17px;font:500 .72rem/1.1 var(--sb-proc-inscription);letter-spacing:.1em;text-transform:uppercase;position:relative;overflow:hidden}
.sb-proc-primary{background:linear-gradient(180deg,rgba(224,192,115,.25),rgba(121,87,28,.2));border-color:rgba(235,206,136,.42);color:#fff0c9;box-shadow:0 13px 30px rgba(0,0,0,.2),inset 0 1px rgba(255,245,209,.11)}
.sb-proc-primary::before,.sb-proc-ghost::before,.sb-proc-secondary::before{content:"";position:absolute;inset:0;transform:translateX(-110%);background:linear-gradient(100deg,transparent,rgba(255,236,185,.1),transparent);transition:transform .65s ease}
.sb-proc-primary:hover::before,.sb-proc-ghost:hover::before,.sb-proc-secondary:hover::before{transform:translateX(110%)}
.sb-proc-ghost,.sb-proc-secondary{background:rgba(255,255,255,.012);border-color:rgba(219,183,98,.2);color:#d9c9a8}
.sb-proc-primary:focus-visible,.sb-proc-ghost:focus-visible,.sb-proc-secondary:focus-visible,.sb-proc-option:focus-visible,.sb-proc-omen:focus-visible,.sb-proc-pillbtn:focus-visible,.sb-proc-leadbtn:focus-visible,.sb-proc-select:focus-visible{outline:1px solid #f0d38b;outline-offset:3px}

.sb-proc-card,.sb-proc-panel,.sb-proc-paper{border-radius:3px;border-color:rgba(222,189,109,.18);background:linear-gradient(180deg,rgba(16,16,17,.9),rgba(7,8,9,.96));box-shadow:inset 0 1px rgba(255,244,205,.035),0 22px 40px rgba(0,0,0,.24)}
.sb-proc-panel{padding:20px;position:relative}
.sb-proc-panel::after{content:"";position:absolute;inset:5px;pointer-events:none;border:1px solid rgba(218,181,91,.035)}
.sb-proc-intro{padding:28px 26px 24px;background:radial-gradient(ellipse at 50% 0%,rgba(234,203,128,.105),transparent 46%),linear-gradient(180deg,rgba(24,21,17,.93),rgba(8,9,10,.96));border-top-color:rgba(239,209,136,.3)}
.sb-proc-opening{font:400 1.25rem/1.55 var(--sb-proc-sacred-serif);letter-spacing:.015em;color:#f2e5ca}
.sb-proc-stat{border-radius:2px;padding:15px 16px;background:linear-gradient(180deg,rgba(237,207,138,.025),rgba(255,255,255,.005));border-color:rgba(218,183,101,.13)}
.sb-proc-statlabel{font-size:.56rem;letter-spacing:.24em;color:#cbb071}
.sb-proc-statvalue{font:500 1.04rem/1.25 var(--sb-proc-sacred-serif);color:#f0e3c9}

.sb-proc-saints{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:17px}
.sb-proc-saint{min-height:355px;align-content:start;padding:168px 18px 18px;border-radius:120px 120px 3px 3px / 42px 42px 3px 3px;background:
  radial-gradient(ellipse at 50% 18%,rgba(235,202,122,.13),transparent 31%),
  linear-gradient(180deg,rgba(22,20,18,.94),rgba(7,8,9,.98));border-color:rgba(223,189,108,.2);box-shadow:inset 0 0 0 5px rgba(0,0,0,.12),0 24px 45px rgba(0,0,0,.27)}
.sb-proc-saint::before{inset:7px 7px auto;width:auto;height:148px;border-radius:105px 105px 0 0 / 34px 34px 0 0;background:linear-gradient(180deg,rgba(224,192,116,.045),transparent);border:1px solid rgba(225,192,112,.09)}
.sb-proc-saint::after{content:"";position:absolute;left:50%;top:38px;width:98px;height:98px;transform:translateX(-50%);border-radius:50%;border:1px solid rgba(237,207,133,.19);box-shadow:0 0 38px rgba(232,195,104,.075),inset 0 0 22px rgba(222,181,84,.05)}
.sb-proc-saint.is-lead{border-color:rgba(242,211,137,.53);box-shadow:0 0 0 1px rgba(236,203,126,.11),0 0 55px rgba(216,170,64,.1),inset 0 0 70px rgba(219,174,66,.045)}
.sb-proc-sainticon{position:absolute;left:50%;top:34px;width:106px;height:116px;transform:translateX(-50%);display:grid;place-items:center;z-index:2}
.sb-proc-halo{position:absolute;width:88px;height:88px;border-radius:50%;background:radial-gradient(circle,rgba(252,229,167,.12),transparent 56%);border:1px solid rgba(244,216,144,.45);box-shadow:0 0 22px rgba(240,205,120,.11),inset 0 0 20px rgba(238,198,105,.07);animation:sb-proc-halo 5s ease-in-out infinite}
.sb-proc-effigy{position:relative;margin-top:27px;width:53px;height:73px;display:grid;place-items:start center;padding-top:15px;border-radius:50% 50% 9px 9px / 28% 28% 6px 6px;background:linear-gradient(180deg,#161412,#090a0b);border:1px solid rgba(234,201,123,.16);font:500 1rem var(--sb-proc-inscription);color:#d7b96f;text-shadow:0 0 15px rgba(236,198,108,.25);box-shadow:0 18px 28px rgba(0,0,0,.46)}
.sb-proc-effigy::after{content:"";position:absolute;left:50%;top:6px;width:23px;height:23px;transform:translateX(-50%);border-radius:50%;background:#08090a;border:1px solid rgba(228,193,112,.14)}
.sb-proc-sainttitle{font:500 1.2rem/1.05 var(--sb-proc-sacred-serif);color:#f6ead0}
.sb-proc-saintepithet{font:italic .9rem/1.38 var(--sb-proc-sacred-serif);color:#ceb98d}
.sb-proc-saintbadge{border-radius:1px;font:500 .57rem/1 var(--sb-proc-inscription);letter-spacing:.18em;background:rgba(217,178,83,.08);border-color:rgba(226,192,111,.19);color:#e8cd8d}
.sb-proc-saintmeta{font:400 .9rem/1.48 var(--sb-proc-sacred-serif);color:#cec1a8}
.sb-proc-tag{border-radius:1px;font-family:var(--sb-proc-inscription);font-size:.55rem;letter-spacing:.12em;background:rgba(222,184,91,.035);border-color:rgba(221,187,105,.1);color:#c9b27d}
.sb-proc-leadbtn{border-radius:1px;font:500 .6rem/1 var(--sb-proc-inscription);letter-spacing:.13em;text-transform:uppercase;background:transparent;border-color:rgba(229,195,113,.24);color:#e4c986}

.sb-proc-choiceGrid{gap:13px}
.sb-proc-option{border-radius:2px;min-height:142px;padding:17px;background:linear-gradient(135deg,rgba(237,209,144,.025),transparent 58%),rgba(255,255,255,.008);border-color:rgba(220,186,104,.15);box-shadow:inset 0 0 0 1px rgba(0,0,0,.35);position:relative;overflow:hidden;text-align:left}
.sb-proc-option::after{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:linear-gradient(transparent,rgba(235,202,123,.28),transparent);opacity:0;transition:opacity .25s ease}
.sb-proc-option:hover{transform:translateY(-3px);border-color:rgba(231,198,119,.31);background:linear-gradient(135deg,rgba(230,193,105,.055),transparent 62%)}
.sb-proc-option:hover::after,.sb-proc-option.is-selected::after{opacity:1}
.sb-proc-option.is-selected{background:linear-gradient(135deg,rgba(227,189,96,.13),rgba(81,51,12,.035));border-color:rgba(240,208,130,.43);box-shadow:inset 0 0 34px rgba(220,174,62,.05),0 12px 30px rgba(0,0,0,.16)}
.sb-proc-relicglyph{position:absolute;right:13px;top:9px;font:400 2.35rem/1 var(--sb-proc-sacred-serif);color:rgba(228,195,116,.13);text-shadow:0 0 18px rgba(236,201,114,.1)}
.sb-proc-optiontitle{font:500 1.11rem/1.1 var(--sb-proc-sacred-serif);color:#f2e4ca;padding-right:28px}
.sb-proc-optionnote{font:400 .92rem/1.48 var(--sb-proc-sacred-serif);color:#c8baa1}
.sb-proc-optionmeta{font-size:.55rem;line-height:1.5;letter-spacing:.13em;color:#c2a765}

.sb-proc-select{border-radius:2px;background:#0b0c0d;border-color:rgba(226,190,105,.2);font:400 1rem/1.2 var(--sb-proc-sacred-serif);color:#eee0c5}
.sb-proc-routePreview{border-radius:3px;padding:24px;background:radial-gradient(ellipse at 50% 0%,rgba(231,195,106,.07),transparent 36%),linear-gradient(180deg,rgba(15,14,13,.94),rgba(6,7,8,.98));border-color:rgba(225,189,103,.2);overflow:hidden;position:relative}
.sb-proc-routePreview::after{content:"";position:absolute;left:50%;top:0;width:42%;height:100%;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(224,190,109,.018),transparent);pointer-events:none}
.sb-proc-processionalminiature{height:94px;display:flex;align-items:flex-end;justify-content:center;gap:clamp(18px,4vw,58px);position:relative;border-bottom:1px solid rgba(222,185,96,.1)}
.sb-proc-processionalminiature>span{position:relative;width:34px;height:72px;display:grid;justify-items:center;animation:sb-proc-walk 2.8s ease-in-out calc(var(--order) * -.42s) infinite}
.sb-proc-processionalminiature>span i{width:28px;height:28px;border-radius:50%;border:1px solid rgba(238,205,128,.38);box-shadow:0 0 16px rgba(236,194,95,.13)}
.sb-proc-processionalminiature>span b{width:22px;height:40px;margin-top:-1px;padding-top:11px;text-align:center;background:linear-gradient(180deg,#191613,#08090a);clip-path:polygon(50% 0,100% 25%,84% 100%,16% 100%,0 25%);font:500 .58rem var(--sb-proc-inscription);color:#c9aa61}
.sb-proc-mapline{padding-top:25px}
.sb-proc-mapline::before{top:57px;height:1px;background:linear-gradient(90deg,transparent,rgba(220,179,79,.86) 12%,rgba(248,220,150,.98) 50%,rgba(220,179,79,.86) 88%,transparent);box-shadow:0 0 12px rgba(223,180,77,.15)}
.sb-proc-stopdot{width:19px;height:19px;background:radial-gradient(circle,#fff2c0 0 13%,#e6b956 14% 27%,#4d340a 28% 42%,rgba(208,160,53,.14) 43%);box-shadow:0 0 0 7px rgba(218,175,73,.055),0 0 26px rgba(237,197,100,.2);animation:sb-proc-pulse 3.1s ease-in-out infinite}
.sb-proc-stoplabel{font:400 .9rem/1.35 var(--sb-proc-sacred-serif);color:#dfd0b5}

.sb-proc-choirstage{min-height:225px;position:relative;display:grid;align-content:end;justify-items:center;overflow:hidden;padding:25px;border:1px solid rgba(225,190,105,.19);border-radius:150px 150px 3px 3px / 35px 35px 3px 3px;background:radial-gradient(ellipse at 50% 20%,rgba(242,216,152,.12),transparent 37%),linear-gradient(180deg,#11100f,#050607 82%)}
.sb-proc-choirstage::before{content:"";position:absolute;left:50%;top:-26%;width:46%;height:120%;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(240,216,159,.075),transparent);clip-path:polygon(40% 0,60% 0,100% 100%,0 100%)}
.sb-proc-choirlight{position:absolute;left:50%;top:23px;width:75px;height:75px;transform:translateX(-50%);border:1px solid rgba(242,214,142,.36);border-radius:50%;box-shadow:0 0 60px rgba(237,204,129,.15),inset 0 0 30px rgba(240,207,126,.08);animation:sb-proc-choirlight 5s ease-in-out infinite}
.sb-proc-choirfigures{display:flex;align-items:flex-end;justify-content:center;gap:20px;z-index:2}
.sb-proc-choirfigures span{width:44px;height:78px;border-radius:50% 50% 2px 2px / 25% 25% 2px 2px;background:linear-gradient(180deg,#1a1714,#060708);border:1px solid rgba(232,198,117,.12);display:grid;place-items:start center;animation:sb-proc-choir 4.5s ease-in-out calc(var(--order) * -.7s) infinite}
.sb-proc-choirfigures i{width:26px;height:26px;margin-top:10px;border-radius:50%;display:grid;place-items:center;background:#070809;border:1px solid rgba(237,203,121,.2);font:500 .55rem var(--sb-proc-inscription);color:#d0b066}
.sb-proc-chantlines{position:absolute;top:36px;left:11%;right:11%;height:80px;display:grid;align-content:center;gap:13px;opacity:.32}
.sb-proc-chantlines i{height:1px;background:linear-gradient(90deg,transparent,rgba(236,205,133,.35),transparent);transform:scaleX(.85);animation:sb-proc-chant 3.6s ease-in-out infinite}
.sb-proc-chantlines i:nth-child(2){animation-delay:-.8s}.sb-proc-chantlines i:nth-child(3){animation-delay:-1.6s}.sb-proc-chantlines i:nth-child(4){animation-delay:-2.4s}
.sb-proc-choirstage p{z-index:3;margin:17px 0 0;font:italic .92rem/1.4 var(--sb-proc-sacred-serif);color:#cbbd9f;text-align:center}

.sb-proc-omenrose{width:115px;height:115px;position:relative;display:grid;place-items:center;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(230,194,108,.2) 0 1deg,transparent 1deg 29deg),radial-gradient(circle,rgba(123,17,36,.24),transparent 64%);border:1px solid rgba(230,196,115,.24);box-shadow:0 0 55px rgba(139,22,43,.14),inset 0 0 35px rgba(224,186,93,.07);animation:sb-proc-spin 26s linear infinite}
.sb-proc-omenrose i{position:absolute;inset:18px;border:1px solid rgba(232,199,119,.19);border-radius:50%}
.sb-proc-omenrose span{font-size:1.15rem;color:#e4c276;text-shadow:0 0 22px rgba(236,197,104,.6);animation:sb-proc-spin 26s linear infinite reverse}
.sb-proc-omen{border-radius:2px;padding:18px;background:linear-gradient(90deg,rgba(100,14,29,.09),transparent),rgba(255,255,255,.008);border-color:rgba(224,189,107,.15)}
.sb-proc-omen.is-selected{background:linear-gradient(90deg,rgba(126,17,38,.24),rgba(219,179,83,.055));border-color:rgba(235,200,119,.4);box-shadow:inset 4px 0 rgba(178,58,71,.34)}
.sb-proc-omenBox{border-radius:2px;padding:20px;background:linear-gradient(90deg,rgba(82,9,23,.38),rgba(22,10,13,.77),rgba(82,9,23,.22));border-color:rgba(191,74,87,.3);font:400 1rem/1.55 var(--sb-proc-sacred-serif)}

.sb-proc-paper{padding:46px 42px 42px;border-radius:1px;color:#2c2419;background:
  linear-gradient(rgba(255,255,255,.13),rgba(255,255,255,0)),
  repeating-linear-gradient(0deg,rgba(103,72,26,.025) 0 1px,transparent 1px 4px),
  #d9c69f;border:1px solid rgba(255,232,176,.42);box-shadow:0 28px 70px rgba(0,0,0,.5),inset 0 0 80px rgba(91,58,16,.13);font-family:var(--sb-proc-sacred-serif)}
.sb-proc-paper::before{inset:12px;border:1px solid rgba(87,54,15,.25);background:
  linear-gradient(90deg,rgba(115,75,22,.12),transparent 4%,transparent 96%,rgba(115,75,22,.12)),
  radial-gradient(circle at 50% 0%,rgba(255,243,206,.34),transparent 37%);pointer-events:none}
.sb-proc-paper::after{content:"";position:absolute;inset:18px;border:1px solid rgba(104,67,18,.12);pointer-events:none}
.sb-proc-manuscriptcross{width:44px;height:44px;margin:0 auto 4px;display:grid;place-items:center;border:1px solid rgba(90,49,10,.34);transform:rotate(45deg);color:#6f201e;background:rgba(255,241,202,.2);font-family:var(--sb-proc-inscription)}
.sb-proc-manuscriptcross::first-letter{transform:rotate(-45deg)}
.sb-proc-paperheader{text-align:center;border-bottom-color:rgba(82,49,13,.28)}
.sb-proc-paperkicker{font-size:.62rem;color:#743123;opacity:.9}
.sb-proc-papertitle{font:600 clamp(1.7rem,2.4vw,2.4rem)/1.08 var(--sb-proc-sacred-serif);color:#2c2115}
.sb-proc-paperlead{font:400 1.02rem/1.64 var(--sb-proc-sacred-serif);color:#413423}
.sb-proc-paper .sb-proc-stat{background:rgba(81,52,16,.045);border-color:rgba(82,51,14,.18)}
.sb-proc-paper .sb-proc-statlabel{color:#7a3a26;opacity:.85}
.sb-proc-paper .sb-proc-statvalue{color:#302519}
.sb-proc-paper .sb-proc-divider{background:linear-gradient(90deg,transparent,rgba(83,49,11,.35),transparent)}
.sb-proc-paper .sb-proc-list{color:#3e3020}
.sb-proc-reporttabs{justify-content:center}
.sb-proc-pillbtn{border-radius:1px;font:500 .61rem/1 var(--sb-proc-inscription);letter-spacing:.12em;text-transform:uppercase;background:transparent;border-color:rgba(220,184,98,.2)}
.sb-proc-pillbtn.is-active{background:linear-gradient(180deg,rgba(221,183,93,.18),rgba(117,76,17,.09));border-color:rgba(236,203,123,.42)}
.sb-proc-actions{background:linear-gradient(180deg,rgba(4,5,6,.99),rgba(4,5,6,.9),transparent)}

.sb-proc-logtitle{padding-bottom:14px;border-bottom:1px solid rgba(223,190,111,.14);font-size:.59rem;letter-spacing:.27em;color:#d6ba77}
.sb-proc-logentry{border-radius:1px;padding:13px 12px 13px 15px;background:linear-gradient(90deg,rgba(220,180,84,.045),transparent);border-color:rgba(219,181,87,.11);border-left-color:rgba(224,188,101,.29);font:400 .9rem/1.5 var(--sb-proc-sacred-serif);color:#d7c9ae}
.sb-proc-empty{border-radius:2px;font:italic .95rem/1.5 var(--sb-proc-sacred-serif);background:rgba(255,255,255,.008);border-color:rgba(221,187,104,.16)}
.sb-proc-validation{border-radius:1px;background:rgba(91,13,25,.48);border-color:rgba(191,76,87,.35);font:400 1rem/1.45 var(--sb-proc-sacred-serif)}

.sb-proc-modal[data-phase="hymn"]{box-shadow:0 50px 140px rgba(0,0,0,.82),0 0 90px rgba(218,175,73,.1),inset 0 1px rgba(255,242,203,.12)}
.sb-proc-modal[data-phase="omens"]{box-shadow:0 50px 140px rgba(0,0,0,.82),0 0 110px rgba(110,10,30,.18),inset 0 1px rgba(255,242,203,.1)}
.sb-proc-modal[data-phase="decree"]{box-shadow:0 50px 140px rgba(0,0,0,.84),0 0 120px rgba(225,186,92,.15),inset 0 1px rgba(255,242,203,.15)}

@keyframes sb-proc-rise{from{opacity:0;transform:translateY(15px);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}
@keyframes sb-proc-grain{0%{transform:translate(0,0)}25%{transform:translate(-1.5%,1%)}50%{transform:translate(1%,-1.5%)}75%{transform:translate(1.5%,1.5%)}100%{transform:translate(-1%,0)}}
@keyframes sb-proc-rose{to{transform:translateX(-50%) rotate(367deg)}}
@keyframes sb-proc-spin{to{transform:rotate(360deg)}}
@keyframes sb-proc-incense-a{to{transform:translate(22vw,-9vh) scale(1.2);opacity:.23}}
@keyframes sb-proc-incense-b{to{transform:translate(-20vw,-13vh) scale(1.15);opacity:.2}}
@keyframes sb-proc-candle{to{opacity:.76;filter:blur(.55px)}}
@keyframes sb-proc-seal-breathe{50%{color:#f0d38e;text-shadow:0 0 28px rgba(245,214,138,.7);transform:scale(1.08)}}
@keyframes sb-proc-halo{50%{box-shadow:0 0 38px rgba(240,205,120,.18),inset 0 0 27px rgba(238,198,105,.1);transform:scale(1.035)}}
@keyframes sb-proc-choirlight{50%{box-shadow:0 0 85px rgba(237,204,129,.24),inset 0 0 38px rgba(240,207,126,.12);transform:translateX(-50%) scale(1.035)}}
@keyframes sb-proc-walk{50%{transform:translateY(-5px)}}
@keyframes sb-proc-pulse{50%{box-shadow:0 0 0 9px rgba(218,175,73,.025),0 0 34px rgba(237,197,100,.29)}}
@keyframes sb-proc-choir{50%{transform:translateY(-3px);filter:brightness(1.12)}}
@keyframes sb-proc-chant{50%{transform:scaleX(1);opacity:.9}}

@media (max-width:1220px){
  .sb-proc-modal{grid-template-columns:270px minmax(0,1fr)}
  .sb-proc-threshold{left:270px;right:0}
}
@media (max-width:900px){
  .sb-proc-overlay{padding:8px}
  .sb-proc-modal{height:calc(100dvh - 16px);width:calc(100vw - 16px);border-radius:24px 24px 4px 4px / 11px 11px 4px 4px}
  .sb-proc-modal::after{border-radius:20px 20px 2px 2px / 9px 9px 2px 2px}
  .sb-proc-threshold{left:0;height:19px}
  .sb-proc-header{min-height:auto;padding:17px 17px 14px;align-items:flex-start}
  .sb-proc-headerkicker{font-size:.49rem;letter-spacing:.2em}
  .sb-proc-phasetitle{font-size:1.42rem}
  .sb-proc-headeractions{gap:7px}
  .sb-proc-primary,.sb-proc-ghost,.sb-proc-secondary{padding:9px 11px;font-size:.57rem}
  .sb-proc-content{padding:15px 15px 38px;gap:14px}
  .sb-proc-liturgyband{grid-template-columns:37px 1fr 20px;padding:11px;gap:9px}
  .sb-proc-liturgyindex{width:31px;height:31px}
  .sb-proc-liturgytext{font-size:.9rem}
  .sb-proc-saint{min-height:330px}
  .sb-proc-paper{padding:39px 27px 33px}
  .sb-proc-stops{grid-template-columns:1fr 1fr;row-gap:24px}
  .sb-proc-mapline::before{display:none}
  .sb-proc-processionalminiature{gap:14px}
}
@media (max-width:560px){
  .sb-proc-header{display:grid}
  .sb-proc-headeractions{justify-content:flex-start}
  .sb-proc-choiceGrid,.sb-proc-saints{grid-template-columns:1fr}
  .sb-proc-choirstage{min-height:205px;padding-inline:10px}
  .sb-proc-choirfigures{gap:10px}
  .sb-proc-choirfigures span{width:38px}
  .sb-proc-liturgyband{grid-template-columns:34px 1fr}
  .sb-proc-liturgysigil{display:none}
  .sb-proc-threshold span:nth-child(2){font-size:.5rem;letter-spacing:.17em}
}
@media (prefers-reduced-motion:reduce){
  .sb-proc-overlay,.sb-proc-modal,.sb-proc-content.is-entering>*,.sb-proc-overlay::before,.sb-proc-rosewindow,.sb-proc-incense,.sb-proc-candlefield,.sb-proc-seal::after,.sb-proc-halo,.sb-proc-processionalminiature>span,.sb-proc-stopdot,.sb-proc-choirfigures span,.sb-proc-chantlines i,.sb-proc-omenrose,.sb-proc-omenrose span{animation:none!important;transition-duration:.01ms!important}
}