/* Short routes for the three ways of working. All colour comes from site.css. */
.workflow-doors{padding:30px 0 18px}
.workflow-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}
.workflow-heading .eyebrow{margin:0 0 5px}
.workflow-heading h2{font:500 clamp(23px,3vw,34px)/1.2 var(--display);margin:0;color:var(--text-1)}
.workflow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.workflow-door{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:122px;padding:18px;border:1px solid var(--edge-lit);border-radius:10px;background:var(--surface-1);color:var(--text-1);text-decoration:none;transition:background .15s,border-color .15s,transform .15s}
.workflow-door:hover,.workflow-door:focus-visible{background:var(--surface-2);border-color:var(--gold-text);text-decoration:none;transform:translateY(-2px)}
.workflow-door:focus-visible{outline:2px solid var(--gold-text);outline-offset:3px}
.workflow-door svg{width:46px;height:46px;fill:none;stroke:var(--gold-text);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.workflow-door b{display:block;font:600 19px/1.2 var(--display);letter-spacing:.02em}
.workflow-door small{display:block;font:13px/1.45 var(--body);color:var(--text-2);margin-top:7px}
.workflow-door .door-arrow{font-size:20px;color:var(--gold-text);align-self:start}
.workflow-next{margin:14px 0 0;font-size:12px;color:var(--text-3)}
.workflow-next a{color:var(--gold-text)}

.hero-themes{max-width:570px!important;margin:19px auto 0!important}
.hero-themes:not([open])>:not(summary){display:none}
.hero-themes>summary{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:7px 12px;border:1px solid var(--edge-lit);border-radius:7px;background:var(--surface-0);color:var(--text-1);font:12px var(--body);cursor:pointer;list-style:none}
.hero-themes>summary::-webkit-details-marker{display:none}
.hero-themes>summary::after{content:"";width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px)}
.hero-themes[open]>summary::after{transform:rotate(225deg) translateY(-2px)}
.hero-themes>summary:hover,.hero-themes>summary:focus-visible{border-color:var(--gold-text)}
.hero-themes>summary:focus-visible{outline:2px solid var(--gold-text);outline-offset:3px}
.hero-themes .theme-palette{padding:16px 0 0;margin:0 auto}
.hero-theme-help{font:11px/1.5 var(--body);color:var(--text-3);margin:8px 0 0}
.hero-theme-help a{color:var(--gold-text)}

.workflow-page{max-width:1000px;min-height:calc(100svh - 270px);padding-top:clamp(32px,6vw,76px);padding-bottom:clamp(32px,6vw,76px)}
.workflow-hero{position:relative;border-bottom:1px solid var(--edge-lit);padding:0 0 32px}
.workflow-hero .eyebrow{margin:0 0 12px}
.workflow-hero h1{font:500 clamp(45px,8vw,78px)/1.03 var(--display);letter-spacing:-.04em;color:var(--text-1);margin:0}
.workflow-lead{max-width:50ch;margin:16px 0 0;color:var(--text-2);font:clamp(17px,2.2vw,21px)/1.5 var(--body)}
.workflow-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.workflow-actions .cta,.workflow-actions .ghost{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.workflow-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-bottom:1px solid var(--edge-lit)}
.workflow-steps>div{padding:26px 24px 28px 0}
.workflow-steps>div+div{border-left:1px solid var(--edge);padding-left:24px}
.workflow-steps span{display:block;margin-bottom:11px;font:600 11px var(--mono);color:var(--gold-text);letter-spacing:.12em}
.workflow-steps h2{font:600 20px/1.25 var(--display);color:var(--text-1);margin:0 0 8px}
.workflow-steps p{font:14px/1.65 var(--body);color:var(--text-2);margin:0}
.workflow-tail{padding:22px 0 0;color:var(--text-2);font:13px/1.6 var(--body)}
.workflow-tail p{margin:0}
.workflow-tail a{color:var(--gold-text)}
.workflow-sigil{position:absolute;right:20px;top:0;width:108px;height:108px;fill:none;stroke:var(--teal);stroke-width:3.8;stroke-linecap:round;stroke-linejoin:round;opacity:.42;pointer-events:none}
.theme-page-picker{max-width:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:28px 0 0}
.theme-page-picker button{min-height:58px;justify-content:flex-start;padding:12px 16px;background:var(--surface-1);border:1px solid var(--edge-lit);border-radius:8px;color:var(--text-1);font:13px var(--body)}
.theme-page-picker button[aria-pressed="true"]{border-color:var(--gold-text);background:var(--surface-2)}
.theme-page-picker button i{height:16px;width:16px}
.theme-page-picker button:focus-visible{outline:2px solid var(--gold-text);outline-offset:2px}

@media(max-width:800px){.workflow-grid{grid-template-columns:1fr}.workflow-door{min-height:88px}.workflow-heading{display:block}.workflow-steps{grid-template-columns:1fr}.workflow-steps>div,.workflow-steps>div+div{padding:18px 0;border-left:0}.workflow-steps>div+div{border-top:1px solid var(--edge)}.workflow-sigil{width:78px;height:78px;opacity:.22}.theme-page-picker{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.workflow-doors{padding-top:20px}.workflow-door{grid-template-columns:40px minmax(0,1fr) auto;padding:14px}.workflow-door svg{width:38px;height:38px}.workflow-next{line-height:1.8}.hero-themes .theme-palette{max-width:290px}.theme-page-picker{gap:8px}}
@media(prefers-reduced-motion:reduce){.workflow-door{transition:none}.workflow-door:hover,.workflow-door:focus-visible{transform:none}}
@media(forced-colors:active){.workflow-door,.theme-page-picker button,.hero-themes>summary{border-color:CanvasText}.workflow-door svg,.workflow-sigil{stroke:CanvasText}}

/* 1.5.60 public entry: the moving stained glass has one dedicated field.
   Paths and actions live on opaque panels and fit in the first phone view. */
.home-page .home { max-width:1180px;padding-top:28px; }
.home .home-hero {
  position:relative;display:grid;grid-template-columns:52% 48%;min-height:350px;
  padding:0;text-align:left;border:1px solid var(--edge);border-radius:14px;
  background:var(--surface-1);overflow:hidden;isolation:isolate;
}
.home .home-hero.glass-reactive { outline:0; }
.home .hero-art { position:relative;grid-column:2;grid-row:1;min-height:350px;overflow:hidden;background:var(--surface-1); }
.home .home-intro,
html.glass-window-on .home .home-intro {
  grid-column:1;max-width:none;margin:0;padding:40px 42px 36px;
  background:var(--surface-0);border-right:1px solid var(--edge);
  text-align:left;z-index:2;border-radius:0;
}
.home .home-intro>.priest-mark-glass { display:none; }
.home .home-intro::before { display:none!important; }
.home .brand-title {
  margin:0 0 19px;font:700 12px/1.2 var(--body);letter-spacing:.13em;
  color:var(--gold-text);
}
.home .hero-tagline {
  display:block;position:static;margin:0;padding:0;border:0;
  max-width:11ch;font:700 clamp(38px,4vw,55px)/1.06 var(--body);
  letter-spacing:-.055em;color:var(--text-1);
}
.home .hero-tagline::after { display:none; }
.home .home-lead { max-width:43ch;margin:18px 0 0;font:15px/1.5 var(--body);color:var(--text-2); }
.home .home-hero .home-actions { justify-content:flex-start;gap:8px;margin-top:26px; }
.home .home-hero .home-actions .cta,
.home .home-hero .home-actions .ghost {
  min-height:44px;padding:10px 14px;font:600 13px/1.2 var(--body);gap:11px;
}
.home .home-hero .home-note { margin:13px 0 0;font:12px/1.45 var(--body);color:var(--text-3); }
.home .hero-glass-edge { display:none!important; }
.home .hero-glass-light { display:none!important; }
.workflow-doors { padding:24px 0 10px; }
.workflow-heading { align-items:center;margin-bottom:14px; }
.workflow-heading .eyebrow { margin:0 0 4px; }
.workflow-heading h2 { font:650 23px/1.2 var(--body);letter-spacing:-.03em; }
.workflow-grid { gap:10px; }
.workflow-door {
  min-height:101px;grid-template-columns:36px minmax(0,1fr) 14px;gap:12px;
  padding:17px 18px;border-color:var(--edge);border-radius:10px;background:var(--surface-1);
}
.workflow-door:hover,.workflow-door:focus-visible { transform:none;background:var(--surface-2); }
.workflow-door svg { width:32px;height:32px;stroke:var(--gold-text);stroke-width:2; }
.workflow-door b { font:700 17px/1.2 var(--body);letter-spacing:-.02em; }
.workflow-door small { margin-top:5px;font:12px/1.4 var(--body); }
.workflow-door .door-arrow { font-size:17px;align-self:center; }
.workflow-next { margin:12px 0 0;font:12px/1.5 var(--body); }
.hero-themes { max-width:none!important;margin:14px 0 0!important; }
.hero-themes>summary { border-color:var(--edge);background:var(--surface-1);font:12px var(--body); }
.home-more { margin-top:28px; }
.home .proof-band { border-top:1px solid var(--edge);padding-top:30px; }
.workflow-page h1 { font-family:var(--body);font-weight:700;letter-spacing:-.055em; }
.workflow-page .workflow-sigil { opacity:.5; }
.workflow-page .workflow-sigil--small-grid { stroke-width:2.5; }

/* Keep the three workflows readable in one phone view. */
@media(max-width:700px) {
  .workflow-page { min-height:0;padding-bottom:34px; }
  .workflow-hero { padding-bottom:20px; }
  .workflow-hero .eyebrow { margin-bottom:8px;font-size:10px; }
  .workflow-hero h1 { font-size:clamp(38px,10vw,49px); }
  .workflow-lead { max-width:44ch;margin-top:12px;font-size:15px;line-height:1.45; }
  .workflow-actions { margin-top:18px;gap:8px; }
  .workflow-actions .cta,.workflow-actions .ghost { padding:10px 12px;font-size:13px; }
  .workflow-sigil { right:4px;top:8px;width:58px;height:58px; }
  .workflow-steps>div,.workflow-steps>div+div { padding:14px 0; }
  .workflow-steps span { margin-bottom:5px;font-size:10px; }
  .workflow-steps h2 { margin-bottom:4px;font-size:17px; }
  .workflow-steps p { font-size:13px;line-height:1.48; }
  .workflow-tail { padding-top:14px;font-size:12px;line-height:1.5; }
}

@media(max-width:700px) {
  .home-page .home { padding-top:14px; }
  .home .home-hero { display:flex;flex-direction:column;min-height:0; }
  .home .hero-art { order:-1;align-self:stretch;width:100%;flex:none;min-height:0;height:132px;border-bottom:1px solid var(--edge); }
  .home .home-intro,html.glass-window-on .home .home-intro {
    margin-top:0;padding:20px 18px 18px;border-right:0;border-top:0;
  }
  .home .brand-title { margin-bottom:9px;font-size:11px; }
  .home .hero-tagline { max-width:none;font-size:clamp(29px,8vw,39px);line-height:1.08; }
  .home .home-lead { margin-top:10px;font-size:13px;line-height:1.42; }
  .home .home-hero .home-actions { margin-top:15px;gap:7px; }
  .home .home-hero .home-actions .cta { width:100%;justify-content:center; }
  .home .home-hero .home-actions .ghost { flex:1;justify-content:center; }
  .home .home-hero .home-note { margin-top:9px;font-size:11px; }
  .workflow-doors { padding-top:19px; }
  .workflow-heading { margin-bottom:10px; }
  .workflow-heading .eyebrow { display:none; }
  .workflow-heading h2 { font-size:17px; }
  .workflow-grid { grid-template-columns:1fr;gap:6px; }
  .workflow-door { min-height:70px;grid-template-columns:27px minmax(0,1fr) 13px;gap:10px;padding:10px 12px; }
  .workflow-door svg { width:26px;height:26px; }
  .workflow-door b { font-size:15px; }
  .workflow-door small { margin-top:2px;font-size:11px; }
  .workflow-door .door-arrow { font-size:14px; }
  .workflow-next { margin-top:10px;font-size:11px; }
  .hero-themes { margin-top:9px!important; }
  .hero-themes>summary { padding:7px 10px;min-height:40px; }
  .workflow-page { padding-top:28px; }
}
@media(max-width:360px) {
  .home .home-intro,html.glass-window-on .home .home-intro { padding:16px 14px; }
  .home .hero-tagline { font-size:28px; }
  .home .home-hero .home-actions .ghost { font-size:11px;padding-inline:8px; }
}
@media(forced-colors:active) {
  .home .home-hero,.workflow-door { border-color:CanvasText;background:Canvas; }
  .home .hero-glass-edge,.home .home-hero>.glass-pane-canvas { display:none!important; }
}