body[data-design='power'] {
  --design-text: #fff1e6;
  --design-muted: #d2bbca;
  --design-background: radial-gradient(ellipse at 50% 40%, #24151f, #100d11 55%, #030303);
  --design-radius: 8px;
  --design-glass: #ffe6ed0d;
  --design-panel: linear-gradient(160deg, #dfc7d12a, #bc9faf1f);
  --design-border: #e5a2b83a;
  --design-trail-a: #fff1da;
  --design-trail-b: #b83581;
  --design-glow: drop-shadow(0 0 6px #f4b3a866) drop-shadow(0 0 18px #b8358144);
}
.power-outline { display: none; }
.is-power .portal-ring rect { display: none; }
.is-power .power-outline { display: inline; }
.is-power .ring-trail { stroke: url(#power-spectrum); }
.is-power .ring-rail { stroke: #b992a366; }
body[data-design='physio'] {
  --design-text: #193e50;
  --design-muted: #3d6575;
  --design-background: linear-gradient(130deg, #d6dfdf 0%, #adc6dd 32%, #80b7cd 62%, #a0d0bf 100%);
  --design-radius: 34px;
  --design-glass: #ffffff42;
  --design-panel: linear-gradient(160deg, #f8ffff45, #e2f5f038);
  --design-border: #ffffffa0;
  --design-trail-a: #b7f2ff;
  --design-trail-b: #abffe2;
  --design-glow: drop-shadow(0 0 3px #e4fffc) drop-shadow(0 0 9px #249abacc) drop-shadow(0 0 23px #48bcae99);
}
body[data-design='physio'] .projects-page h1 { color: var(--design-text); }
body[data-design='physio'] .ring-rail { stroke: #367c894d; }
body[data-design='physio'] .briefing-number { border-color: #447c8b65; }
.ring-folded .phase-briefing {
  /* Card stops above the front hinge; the glowing base remains visible below. */
  bottom: max(130px, calc(50% - var(--ring-size) * .47833333 + 80px));
}
.briefing-card {
  /* Avoid a filter parent: it isolates the backdrop from the glowing form. */
  border-radius: var(--design-radius);
  box-shadow: none;
}
.design-switch div { flex-wrap: wrap; }
@media (max-width: 600px) {
  .design-switch { max-width: 230px; }
  .design-switch button { padding: 6px 9px; }
  .ring-folded .phase-briefing { bottom: max(150px, calc(50% - var(--ring-size) * .47833333 + 38px)); }
}

.ring-stage.is-rounded .portal-ring rect { rx: 96px; }
.ring-stage.is-rounded .ring-back { border-radius: 16%; }

body[data-design='physio'] .portal-ring:not(.shape-halo) .ring-trail { stroke-width: 2.4px; }