/*
  Prometheus Operational Cinema
  Canonical brand-system layer for all redesign secondary pages.
  The older shared page sheet supplies layout and behavior; this layer owns
  Georgia typography, brand tokens, material rules, and page-specific finish.
*/

:root{
  --sp-ink:#151515;
  --sp-deep:#0E0E0E;
  --sp-panel:rgba(31,31,31,.78);
  --sp-cream:#EFEBE8;
  --sp-paper:#F5F2EE;
  --sp-white:#F5F2EE;
  --sp-line:#DCD8D4;
  --sp-muted:#525252;
  --sp-dark-muted:#A8A29E;
  --sp-text-cream:#F0EAE0;
  --sp-flame:#FF5B23;
  --sp-red:#C72B1E;
  --sp-rust:#2E1D17;
  --sp-shadow:none;
}

body.secondary-page{
  background:var(--sp-ink);
  color:var(--sp-text-cream);
}

.secondary-page .story-container,
.secondary-page .sp-nav{
  width:min(1180px,calc(100% - clamp(40px,10vw,144px)));
}

.secondary-page .sp-header{
  background:rgba(21,21,21,.88);
  border-color:var(--sp-border-dark,#2A2A2A);
}

.secondary-page .sp-nav{height:68px}
.secondary-page .sp-brand{color:var(--sp-text-cream)}
.secondary-page .sp-brand:hover{color:var(--sp-text-cream)}
.secondary-page .sp-orb{
  background:conic-gradient(from 0deg at 50% 50%,#FF5B23 0deg,#C72B1E 90deg,#D94217 180deg,#FE8131 270deg,#FF5B23 360deg);
  box-shadow:none;
}
.secondary-page .sp-brand-name,
.secondary-page .sp-display,
.secondary-page .sp-thesis,
.secondary-page .sp-close h2,
.secondary-page .service-panel-copy h3,
.secondary-page .fit-column-head h3,
.secondary-page .evidence-stat strong,
.secondary-page .dossier-head h3,
.secondary-page .dossier-metric,
.secondary-page .reference-card h3,
.secondary-page .architecture-decision,
.secondary-page .layer-panel h3,
.secondary-page .midas-copy h3{
  font-family:Georgia,"Times New Roman",serif;
}

.secondary-page .sp-footer{background:var(--sp-deep)}
.secondary-page .sp-footer-lead p,
.secondary-page .sp-footer-columns a,
.secondary-page .sp-footer-meta a,
.secondary-page .sp-footer-meta p{color:var(--sp-dark-muted)}
.secondary-page .sp-footer-columns a:hover{color:var(--sp-text-cream)}

.secondary-page .sp-hero--dark{
  background:var(--sp-ink);
  color:var(--sp-text-cream);
}
.secondary-page .sp-hero--dark::before{
  background:radial-gradient(circle at 70% 30%,rgba(46,29,23,.92) 0%,rgba(21,21,21,0) 58%);
  mask-image:none;
}
.secondary-page .sp-hero--cream{
  background:var(--sp-cream);
  color:#1C1C1C;
}
.secondary-page .sp-hero--cream::before{display:none}
.secondary-page .sp-hero-grid{
  position:relative;
  z-index:1;
}
.secondary-page .sp-hero-grid > *,
.secondary-page .sp-intro > *{min-width:0}
.secondary-page .sp-display{
  max-width:12ch;
  color:inherit;
  letter-spacing:-.025em;
}
.secondary-page .sp-display span,
.secondary-page .sp-thesis span{color:var(--sp-flame)}
.secondary-page .sp-hero--cream .sp-display span,
.secondary-page .sp-hero--cream .sp-thesis span,
.secondary-page .sp-section--cream .sp-thesis span,
.secondary-page .sp-section--paper .sp-thesis span,
.secondary-page .quiet-title span,
.secondary-page .dictionary-definition span{color:#A62F0F}
.secondary-page .sp-lede{color:#A8A29E}
.secondary-page .sp-hero--cream .sp-lede{color:#525252}

.secondary-page .sp-section--dark,
.secondary-page .sp-close{
  background:var(--sp-ink);
  color:var(--sp-text-cream);
}
.secondary-page .sp-section--cream{
  background:var(--sp-cream);
  color:#1C1C1C;
}
.secondary-page .sp-section--paper{
  background:var(--sp-paper);
  color:#1C1C1C;
}
.secondary-page .sp-explain{color:#525252}
.secondary-page .sp-section--dark .sp-explain,
.secondary-page .sp-close p{color:#A8A29E}
.secondary-page .sp-rule{border-color:var(--sp-line)}
.secondary-page .sp-section--dark.sp-rule{border-color:#2A2A2A}

.sp-scene-marker,
.sp-scene-caption{
  font-family:"JetBrains Mono",Menlo,Consolas,monospace;
  font-size:.68rem;
  font-weight:600;
  letter-spacing:.15em;
  line-height:1.4;
  text-transform:uppercase;
}
.sp-scene-marker{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin:0 0 22px;
  padding:11px 0;
  border-top:1px solid #2A2A2A;
  border-bottom:1px solid #2A2A2A;
  color:var(--sp-flame);
}
.sp-scene-marker::after{
  content:"LIVE SYSTEM";
  color:var(--sp-dark-muted);
  font-size:.58rem;
}
.sp-scene-marker--cream{
  border-color:var(--sp-line);
  color:var(--sp-red);
}
.sp-scene-marker--cream::after{color:var(--sp-muted)}
.sp-scene-caption{
  width:min(100%,34rem);
  margin:24px 0 0;
  padding-top:12px;
  border-top:1px solid var(--sp-line);
  color:var(--sp-red);
}
.sp-scene-caption--dark{
  border-color:#2A2A2A;
  color:var(--sp-flame);
}

.secondary-page .sp-primary{
  background:var(--sp-flame);
  color:var(--sp-ink);
  transition:filter 150ms ease-out;
}
.secondary-page .sp-primary:hover{background:var(--sp-flame);color:var(--sp-ink);filter:brightness(1.06)}
.secondary-page .sp-primary:active{filter:brightness(.96)}
.secondary-page .sp-secondary{border-bottom:0;color:inherit}
.secondary-page .sp-secondary::after{display:none}

/* Services: branching decision film */
.services-page .service-sort-story{
  background:var(--sp-ink);
  color:var(--sp-text-cream);
}
.services-page .service-sort-story::before{display:none}
.services-page .service-sort-sticky::before{
  left:4%;
  top:26%;
  width:48vw;
  height:48vw;
  background:radial-gradient(circle,rgba(46,29,23,.72),rgba(21,21,21,0) 68%);
  filter:none;
}
.services-page .sort-instruction,
.services-page .sort-copy-meta,
.services-page .quadrant-meta,
.services-page .quadrant-foot{color:var(--sp-dark-muted)}
.services-page .sort-sentence{margin:clamp(26px,4vh,44px) 0 0}
.services-page .sort-prefix,
.services-page .sort-phrase-stack > span,
.services-page .quadrant-offer > span{
  font-family:Georgia,"Times New Roman",serif;
}
.services-page .sort-prefix{color:var(--sp-flame)}
.services-page .sort-phrase-stack{display:block}
.services-page .sort-phrase-stack > span{
  display:block;
  max-width:11ch;
  color:var(--sp-text-cream);
  font-size:clamp(43px,5.3vw,76px);
  font-weight:400;
  line-height:.94;
  letter-spacing:-.025em;
  text-wrap:balance;
  animation:sortPhraseIn 300ms ease-out both;
}
.services-page .sort-phrase-stack > span[hidden]{display:none}
.services-page .quadrant-field{
  background:var(--sp-deep);
  border-color:#2A2A2A;
  box-shadow:var(--sp-shadow);
}
.services-page .quadrant-field::before{display:none}
.services-page .quadrant-axis{background:#2A2A2A}
.services-page .quadrant-axis::after{display:none}
.services-page .quadrant-offer{
  color:var(--sp-dark-muted);
  transition:background-color 250ms ease-out,color 250ms ease-out;
}
.services-page .quadrant-offer::before{
  background:rgba(255,91,35,.055);
  transform:none;
  transition:opacity 250ms ease-out;
}
.services-page .quadrant-offer small,
.services-page .quadrant-offer em{color:var(--sp-dark-muted)}
.services-page .quadrant-offer strong{color:var(--sp-dark-muted)}
.services-page .quadrant-offer strong,
.services-page .quadrant-offer em{overflow-wrap:anywhere}
.services-page .quadrant-offer:hover,
.services-page .quadrant-offer:focus-visible{
  background:rgba(240,234,224,.035);
  outline:1px solid var(--sp-flame);
  outline-offset:-5px;
}
.services-page .quadrant-offer[aria-pressed="true"] strong{color:var(--sp-text-cream)}
.services-page .quadrant-offer[aria-pressed="true"] em{color:var(--sp-dark-muted)}
.services-page .quadrant-cursor{
  width:30px;
  height:30px;
  border-radius:0;
  background:var(--sp-deep);
  box-shadow:none;
  transform:translate(-50%,-50%) rotate(45deg);
  transition:left 650ms cubic-bezier(.2,.8,.2,1),top 650ms cubic-bezier(.2,.8,.2,1);
}
.services-page .quadrant-cursor::before{display:none}
.services-page .quadrant-cursor i{inset:7px;transform:none}
.services-page .quadrant-cursor b{color:var(--sp-deep);transform:rotate(-45deg)}
.services-page .sort-scroll-rail{background:#2A2A2A}
.services-page .sort-scroll-rail span{box-shadow:none}
.services-page .sort-scroll-cue{color:var(--sp-dark-muted)}
.services-page .sort-scroll-cue i{border-radius:0;border-color:#2A2A2A}

.services-page .service-stop{color:var(--sp-muted)}
.services-page .service-stop span{
  border-radius:0;
  background:var(--sp-cream);
  color:var(--sp-muted);
  transition:background-color 200ms ease-out,border-color 200ms ease-out,color 200ms ease-out;
}
.services-page .service-stop[aria-selected="true"]{color:#1C1C1C}
.services-page .service-stop[aria-selected="true"] span{
  background:#1C1C1C;
  border-color:#1C1C1C;
  color:var(--sp-flame);
  box-shadow:none;
}
.services-page .service-window{
  background:var(--sp-ink);
  border-color:#2A2A2A;
  box-shadow:var(--sp-shadow);
  color:var(--sp-text-cream);
}
.services-page .service-window-bar{background:var(--sp-deep);border-color:#2A2A2A}
.services-page .service-window-bar p,
.services-page .service-window-bar small,
.services-page .service-readout-label{color:var(--sp-dark-muted)}
.services-page .service-panel-copy > p,
.services-page .service-readout strong{color:var(--sp-dark-muted)}
.services-page .service-readout{border-color:#2A2A2A}
.services-page .service-readout > div{border-color:#2A2A2A}
.services-page .service-flow::before{background:#2A2A2A}
.services-page .service-flow::after{border-radius:0;box-shadow:none}
.services-page .service-flow .method-step::before{border-radius:0;background:var(--sp-ink);box-shadow:none}
.services-page .service-flow .method-step.is-active::before{box-shadow:none}
.services-page .service-flow .method-step small,
.services-page .service-flow .method-step p{color:var(--sp-dark-muted)}
.services-page .service-flow .method-step.is-active p{color:var(--sp-text-cream)}
.services-page .fit-column li p{color:var(--sp-dark-muted)}
.services-page .fit-column li span{color:var(--sp-dark-muted)}
.services-page .fit-column--no .fit-column-head small,
.services-page .fit-column--no .fit-column-head h3{color:#FE8131}
.services-page .fit-divider::before{background:#2A2A2A}
.services-page .fit-divider span{border-radius:0;box-shadow:none;animation:none}
.services-page .fit-divider small{background:var(--sp-ink);color:var(--sp-dark-muted)}

/* Work: operational documentary */
.work-page .evidence-ledger{
  background:var(--sp-ink);
  border-color:#2A2A2A;
  box-shadow:var(--sp-shadow);
  grid-template-columns:minmax(0,1fr);
  min-width:0;
}
.work-page .evidence-stat{
  background:var(--sp-paper);
  border-color:var(--sp-line);
  border-right:0;
  border-bottom:1px solid var(--sp-line);
  min-height:0;
  min-width:0;
}
.work-page .evidence-stat:last-child{border-bottom:0}
.work-page .evidence-stat strong{color:var(--sp-red)}
.work-page .evidence-stat span{color:var(--sp-muted)}
.work-page .dossier-tab{
  background:var(--sp-ink);
  border-color:#2A2A2A;
  color:var(--sp-text-cream);
}
.work-page .dossier-tab span{color:var(--sp-dark-muted)}
.work-page .dossier-tab[aria-selected="true"]{
  background:var(--sp-paper);
  border-color:var(--sp-paper);
  color:#1C1C1C;
}
.work-page .dossier-tab[aria-selected="true"] small{color:#A62F0F}
.work-page .dossier-tab[aria-selected="true"] span{color:var(--sp-muted)}
.work-page .dossier-panel{
  background:var(--sp-paper);
  border-color:var(--sp-paper);
  color:#1C1C1C;
}
.work-page .dossier-head{border-color:var(--sp-line)}
.work-page .dossier-metric{color:var(--sp-red)}
.work-page .dossier-metric span{color:var(--sp-muted)}
.work-page .dossier-flow{background:var(--sp-line)}
.work-page .dossier-flow article{background:var(--sp-cream)}
.work-page .dossier-flow p{color:var(--sp-muted)}
.work-page .reference-card{
  background:var(--sp-cream);
  border-color:var(--sp-line);
}
.work-page .reference-card h3{color:var(--sp-ink)}
.work-page .reference-card p{color:var(--sp-muted)}
.work-page .work-method-step{
  background:var(--sp-paper);
  color:#1C1C1C;
}
.work-page .work-method-step small{color:#A62F0F}
.work-page .work-method-step p{color:var(--sp-muted)}

/* Pantheon: architecture reveal */
.pantheon-page .architecture-map{
  background:var(--sp-panel);
  border-color:#2A2A2A;
  box-shadow:var(--sp-shadow);
}
.pantheon-page .architecture-label,
.pantheon-page .architecture-node span{color:var(--sp-dark-muted)}
.pantheon-page .architecture-decision{
  background:rgba(255,91,35,.055);
  border-color:rgba(255,91,35,.46);
  color:var(--sp-text-cream);
}
.pantheon-page .architecture-rail{background:#2A2A2A}
.pantheon-page .architecture-node{
  background:var(--sp-ink);
  border-color:#2A2A2A;
}
.pantheon-page .architecture-node::after{height:1px}
.pantheon-page .layer-tab{
  background:#E5E0DB;
  border-color:var(--sp-line);
  color:#1C1C1C;
}
.pantheon-page .layer-tab span{color:var(--sp-muted)}
.pantheon-page .layer-tab small{color:#A62F0F}
.pantheon-page .layer-tab[aria-selected="true"]{
  background:#1C1C1C;
  border-color:#1C1C1C;
  color:var(--sp-text-cream);
}
.pantheon-page .layer-tab[aria-selected="true"] span{color:var(--sp-dark-muted)}
.pantheon-page .layer-tab[aria-selected="true"] small{color:#FF9B69}
.pantheon-page .layer-panel{
  background:var(--sp-paper);
  border-color:var(--sp-line);
  box-shadow:none;
}
.pantheon-page .layer-panel > p{color:var(--sp-muted)}
.pantheon-page .layer-io{background:var(--sp-line);border-color:var(--sp-line)}
.pantheon-page .layer-io div{background:var(--sp-cream)}
.pantheon-page .midas-copy{background:var(--sp-ink)}
.pantheon-page .midas-copy .path-panel-kicker{color:#FF9B69}
.pantheon-page .midas-copy p{color:var(--sp-dark-muted)}
.pantheon-page .midas-machine{background:var(--sp-cream);color:#1C1C1C}
.pantheon-page .machine-row{background:var(--sp-paper);border-color:var(--sp-line)}
.pantheon-page .machine-row small{color:var(--sp-muted)}
.pantheon-page .machine-track{height:3px;background:var(--sp-line)}
.pantheon-page .machine-track span{background:var(--sp-red)}
.pantheon-page .reference-card{background:var(--sp-cream);border-color:var(--sp-line)}
.pantheon-page .reference-card p{color:var(--sp-muted)}

.resources-page .finder-question span:last-child{color:#525252}
.subscribe-page .subscribe-stage .sp-note{color:#A8A29E}
.subscribe-page .subscribe-fineprint a{color:#A62F0F}

@media (max-width:820px){
  .services-page .sort-phrase-stack > span{max-width:17ch;font-size:clamp(33px,7vw,48px)}
  .services-page .service-stop[aria-selected="true"] span{box-shadow:none}
}

@media (max-width:640px){
  .secondary-page .story-container,
  .secondary-page .sp-nav{width:calc(100% - 40px)}
  .secondary-page .sp-nav{grid-template-columns:minmax(0,1fr) auto}
  .secondary-page .sp-navlinks{display:none}
  .secondary-page .sp-nav-actions{grid-column:2}
  .secondary-page .sp-burger{display:flex}
  .secondary-page .sp-display{max-width:100%;font-size:clamp(40px,12vw,54px);line-height:.98}
  .secondary-page .sp-lede,
  .secondary-page .sp-explain{max-width:100%;overflow-wrap:anywhere}
  .secondary-page .sp-actions{align-items:flex-start;flex-direction:column}
  .sp-scene-marker{font-size:.58rem}
  .sp-scene-marker::after{display:none}
  .sp-scene-caption{font-size:.62rem}
  .services-page .sort-sentence{grid-template-columns:auto minmax(0,1fr)}
  .services-page .sort-phrase-stack > span{font-size:clamp(29px,8.6vw,39px);line-height:.96}
  .services-page .service-window{box-shadow:var(--sp-shadow)}
}

@media (prefers-reduced-motion:reduce){
  .services-page .sort-phrase-stack > span{animation:none}
}