/* Homepage colour study: the reference's teal / blue / lilac iridescence.
   All overrides are opt-in; the imported pages retain their original system. */
:root[data-halo="blend"]{
  --night:#0C131A;
  --dusk:#141E28;
  --lumen:#F7F4EE;
  --lumen-rgb:247,244,238;
  --stone:#AAB4C0;
  --glow:#CEBB8F;
  --glow-rgb:206,187,143;
  --glass-rgb:20,30,40;
  --paper:#F7F8F7;
  --halo-hover:0 0 0 1px rgba(206,187,143,.5),0 8px 24px rgba(152,128,73,.14);
}
:root[data-halo="blend"][data-theme="light"]{
  --night:#FAFAFA;
  --dusk:#FFFFFF;
  --lumen:#17212B;
  --lumen-rgb:23,33,43;
  --stone:#596571;
  --glow:#5D4D27;
  --glow-rgb:93,77,39;
  --glass-rgb:255,255,255;
  --well:rgba(23,33,43,.035);
  --hair:rgba(23,33,43,.14);
  --halo-hover:0 0 0 1px rgba(93,77,39,.35),0 8px 24px rgba(103,84,46,.09);
}
:root[data-halo="blend"] #gl{mix-blend-mode:normal}
:root[data-halo="blend"] .key{
  background:#F4F1E9;
  color:#12222B;
  box-shadow:0 4px 14px rgba(0,0,0,.2);
}
:root[data-halo="blend"] .key:hover{background:#FFFFFF;box-shadow:0 6px 20px rgba(139,118,67,.2)}
:root[data-halo="blend"] .key:active{box-shadow:0 2px 8px rgba(0,0,0,.18)}
:root[data-halo="blend"][data-theme="light"] .key{background:#17212B;color:#FFFFFF;box-shadow:0 4px 12px rgba(23,33,43,.1)}
:root[data-halo="blend"][data-theme="light"] .key::after{display:none}
:root[data-halo="blend"][data-theme="light"] .key:hover{background:#2C414C;box-shadow:0 6px 18px rgba(23,33,43,.15)}
:root[data-halo="blend"][data-theme="light"] .lit{box-shadow:calc(var(--sx) * .4px) calc(var(--sy) * .4px) 32px rgba(23,33,43,.07),inset 0 1px 0 #FFF}
:root[data-halo="blend"] .mark .ring-mark{display:none}
:root[data-halo="blend"] .mark::before{
  content:"";
  width:26px;height:26px;flex:none;
  background:conic-gradient(from 30deg,#E7C8A3,#E1C3B2,#D0B880,#E9CA8C,#E7C8A3);
  -webkit-mask:url("logo/halo-mark-small-night.svg") center/contain no-repeat;
  mask:url("logo/halo-mark-small-night.svg") center/contain no-repeat;
}
:root[data-halo="blend"][data-theme="light"] .mark::before{background:conic-gradient(from 30deg,#B4946D,#B2846A,#D0B880,#A48546,#B4946D)}
:root[data-halo="blend"] .foot-brand img{filter:grayscale(1)}
.halo-fallback{display:none;position:fixed;z-index:0;width:min(105vw,120vh);height:min(105vw,120vh);left:38%;top:-12%;pointer-events:none;opacity:.85}
:root[data-halo="blend"].halo-no-webgl .halo-fallback{display:block;width:min(94.5vw,108vh);height:min(94.5vw,108vh)}
:root[data-halo="blend"].halo-no-webgl .halo-fallback{animation:halo-organic-turn 70s linear infinite;transform-origin:center}
:root[data-halo="blend"].halo-no-webgl .halo-fallback path{animation:halo-breathe 8.4s ease-in-out infinite;transform-origin:center}
:root[data-halo-motion="paused"] .halo-fallback,:root[data-halo-active="false"] .halo-fallback,:root[data-halo-motion="paused"] .halo-fallback path,:root[data-halo-active="false"] .halo-fallback path{animation-play-state:paused!important}
:root[data-halo="blend"][data-theme="light"] .halo-fallback{filter:saturate(1.2) brightness(.72)}
.halo-study{
  position:fixed;z-index:40;left:max(16px,env(safe-area-inset-left));bottom:calc(16px + env(safe-area-inset-bottom));
  display:flex;align-items:center;gap:12px;padding:6px 7px 6px 16px;
  border:1px solid var(--hair);border-radius:12px;
  background:var(--dusk);color:var(--lumen);
  font:400 12px/1.2 var(--body);box-shadow:0 6px 24px rgba(0,0,0,.12);
}
.halo-study__label{color:var(--stone)}
.halo-study [role="group"]{display:flex;gap:3px}
.halo-study button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:0 12px;border:0;border-radius:7px;background:transparent;color:var(--stone);font:500 12px/1 var(--body);cursor:pointer}
.halo-study button[aria-pressed="true"]{background:var(--lumen);color:var(--night)}
.halo-study button:hover:not([aria-pressed="true"]){color:var(--lumen);background:rgba(var(--lumen-rgb),.06)}
.halo-study button:focus-visible{outline-offset:2px}
.halo-study__swatch{width:12px;height:12px;flex:none;border-radius:50%;background:conic-gradient(#E9CA8C,#E7CEAF,#E1C3B2,#D0B880,#E9CA8C)}
.halo-study .halo-motion{gap:6px;border-left:1px solid var(--hair);border-radius:0 7px 7px 0;color:var(--lumen);padding-inline:12px}
.halo-study .halo-motion[aria-pressed="true"]{background:rgba(var(--lumen-rgb),.08);color:var(--lumen)}
.halo-motion svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.halo-study button:disabled{opacity:.45;cursor:default}
.halo-study button:disabled:hover{background:transparent}
@keyframes halo-organic-turn{to{transform:rotate(360deg)}}
@keyframes halo-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.044)}}
@media(max-width:560px){
  .halo-study{gap:0;padding:4px;left:12px;bottom:calc(12px + env(safe-area-inset-bottom))}
  .halo-study__label{display:none}
  .halo-study button{padding:0 10px;min-height:44px}
  .halo-motion__label{display:none}
  .halo-study .halo-motion{width:44px;padding-inline:12px}
}
@media(max-width:380px){.halo-study{bottom:calc(72px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.halo-study button{transition:none}.halo-fallback,.halo-fallback path{animation:none!important}}
@media print{.halo-study{display:none}}