/* Isolated decorative folds. Geometry morphs; content and section bounds never move. */
.sithon-public-v2 .ambient-region{
  --ribbon-strength:.30;
  --ember-travel:3.5%;--charcoal-travel:2.5%;--ribbon-travel-factor:1;
  --ribbon-scale-factor:1;
  position:relative;isolation:isolate;overflow:clip;background:#090909;
}
.sithon-public-v2 .ambient-home{--ribbon-strength:.32}
.sithon-public-v2 .ambient-about{--ribbon-strength:.24}
.sithon-public-v2 .ambient-footer{
  --ribbon-strength:.22;
  --ember-travel:1.4%;--charcoal-travel:1%;
  --ribbon-scale-factor:.4;
  --ember-animation:sithon-footer-ember-fold;--ember-duration:48s;
  --charcoal-animation:sithon-footer-charcoal-fold;--charcoal-duration:64s;
}
/* Still, understated fallback without JavaScript, also retained on error pages. */
.sithon-public-v2 .ambient-region::before,.sithon-public-v2 .ambient-region::after{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  mask-image:linear-gradient(transparent,#000 18%,#000 78%,transparent);
  -webkit-mask-image:linear-gradient(transparent,#000 18%,#000 78%,transparent);
}
.sithon-public-v2 .ambient-region::before{
  background:radial-gradient(ellipse 60% 85% at 70% 60%,#f4863c,transparent 78%);opacity:.07;
}
.sithon-public-v2 .ambient-region::after{
  background:radial-gradient(ellipse 68% 70% at 8% 34%,#777,transparent 75%);opacity:.05;
}
.sithon-public-v2 .ambient-static::before{opacity:.025;transform:translate3d(-2%,1%,0) scale(1.03)}
.sithon-public-v2 .ambient-static::after{opacity:.02;transform:translate3d(2%,-2%,0) scale(1.02)}
.sithon-public-v2 .ambient-vector::before,.sithon-public-v2 .ambient-vector::after{display:none}
.sithon-public-v2 .ambient-ribbons{
  position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;
  opacity:var(--ribbon-strength);
  /* Fixed softness only: the filter itself never animates. */
  filter:blur(10px);
  mask-image:linear-gradient(transparent,#000 16%,#000 78%,transparent);
  -webkit-mask-image:linear-gradient(transparent,#000 16%,#000 78%,transparent);
}
/* Keep the hero composition around the copy, rather than stretching with the demo. */
.sithon-public-v2 .ambient-home .ambient-ribbons{height:min(850px,100%)}
.sithon-public-v2 .ambient-home .ambient-ribbons,
.sithon-public-v2 .ambient-about .ambient-ribbons{transform:translateY(64px)}
.sithon-public-v2 .ambient-home .ambient-ribbons,
.sithon-public-v2 .ambient-about .ambient-ribbons,
.sithon-public-v2 .ambient-closing .ambient-ribbons{
  mask-image:linear-gradient(transparent,#000 16%,#000 78%,transparent),radial-gradient(ellipse 52% 48% at 50% 35%,#0005 35%,#000 100%);
  mask-composite:intersect;
  -webkit-mask-image:linear-gradient(transparent,#000 16%,#000 78%,transparent),radial-gradient(ellipse 52% 48% at 50% 35%,#0005 35%,#000 100%);
  -webkit-mask-composite:source-in;
}
.sithon-public-v2 .ambient-footer .ambient-ribbons{
  mask-image:linear-gradient(transparent,#000 24%,#000 65%,transparent);
  -webkit-mask-image:linear-gradient(transparent,#000 24%,#000 65%,transparent);
}
.sithon-public-v2 .ambient-ready .ambient-ribbon-ember{
  animation:var(--ember-animation,sithon-ember-fold) var(--ember-duration,36s) ease-in-out infinite alternate;animation-play-state:paused;
}
.sithon-public-v2 .ambient-ribbon-ember,
.sithon-public-v2 .ambient-ribbon-charcoal{transform-box:view-box;transform-origin:50% 50%}
.sithon-public-v2 .ambient-ready .ambient-ribbon-charcoal{
  animation:var(--charcoal-animation,sithon-charcoal-fold) var(--charcoal-duration,48s) ease-in-out infinite alternate;animation-play-state:paused;
}
.sithon-public-v2 .ambient-footer .ambient-ribbon-ember{opacity:.6}
.sithon-public-v2 .ambient-running .ambient-ribbon-ember,
.sithon-public-v2 .ambient-running .ambient-ribbon-charcoal{animation-play-state:running}
/* Reuse only the existing palette. Footer and mobile stops retain their SVG colors. */
@media(min-width:768px){
  .sithon-public-v2 :is(.ambient-home,.ambient-about,.ambient-closing).ambient-ready .ambient-ribbons stop[style]{
    animation:sithon-palette-exchange 48s ease-in-out infinite alternate;
    animation-play-state:paused;
  }
  .sithon-public-v2 :is(.ambient-home,.ambient-about,.ambient-closing).ambient-running .ambient-ribbons stop[style]{animation-play-state:running}
}
/* Open the homepage at its preferred composition, keeping all hero cycles in phase. */
.sithon-public-v2 .ambient-home.ambient-ready .ambient-ribbon-ember,
.sithon-public-v2 .ambient-home.ambient-ready .ambient-ribbon-charcoal,
.sithon-public-v2 .ambient-home.ambient-ready .ambient-ribbons stop[style]{animation-delay:-25s}
@keyframes sithon-palette-exchange{
  0%,50%{stop-color:var(--stop-original)}
  100%{stop-color:var(--stop-exchanged)}
}
/* Matching commands allow smooth Bézier interpolation, including changing inflections. */
@keyframes sithon-ember-fold{
  0%{transform:translateY(0) scale(1,1);d:path("M -160 -160 L 1600 -160 L 1600 210 C 1240 -80 1100 540 700 330 C 360 100 190 650 -160 410 Z")}
  50%{transform:translateY(calc(var(--ember-travel) * var(--ribbon-travel-factor) * -1)) scale(calc(1 + (0.04 * var(--ribbon-scale-factor) * var(--ribbon-travel-factor))),calc(1 + (-0.06 * var(--ribbon-scale-factor) * var(--ribbon-travel-factor))));d:path("M -160 -160 L 1600 -160 L 1600 160 C 1300 120 1120 150 900 330 C 600 670 80 520 -160 440 Z")}
  100%{transform:translateY(calc(var(--ember-travel) * var(--ribbon-travel-factor) * 1)) scale(calc(1 + (-0.03 * var(--ribbon-scale-factor) * var(--ribbon-travel-factor))),calc(1 + (0.06 * var(--ribbon-scale-factor) * var(--ribbon-travel-factor))));d:path("M -160 -160 L 1600 -160 L 1600 460 C 1280 600 1220 160 800 160 C 420 160 120 220 -160 80 Z")}
}
@keyframes sithon-charcoal-fold{
  0%{transform:translateY(0) scale(1,1);d:path("M -160 340 C 200 740 440 90 840 320 C 1110 500 1320 550 1600 310 L 1600 860 L -160 860 Z")}
  50%{transform:translateY(calc(var(--charcoal-travel) * var(--ribbon-travel-factor) * 1)) scale(calc(1 + (-0.03 * var(--ribbon-scale-factor) * var(--ribbon-travel-factor))),calc(1 + (0.05 * var(--ribbon-scale-factor) * var(--ribbon-travel-factor))));d:path("M -160 470 C 160 480 250 250 600 240 C 1000 220 1280 510 1600 520 L 1600 860 L -160 860 Z")}
  100%{transform:translateY(calc(var(--charcoal-travel) * var(--ribbon-travel-factor) * -1)) scale(calc(1 + (0.03 * var(--ribbon-scale-factor) * var(--ribbon-travel-factor))),calc(1 + (-0.05 * var(--ribbon-scale-factor) * var(--ribbon-travel-factor))));d:path("M -160 280 C 240 200 700 260 960 510 C 1160 700 1490 550 1600 430 L 1600 860 L -160 860 Z")}
}
/* Footer control points travel 40% of the original distance from the resting shape. */
@keyframes sithon-footer-ember-fold{
  0%{transform:translateY(0) scale(1,1);d:path("M -160 -160 L 1600 -160 L 1600 210 C 1240 -80 1100 540 700 330 C 360 100 190 650 -160 410 Z")}
  50%{transform:translateY(calc(var(--ember-travel) * var(--ribbon-travel-factor) * -1)) scale(calc(1 + (0.04 * var(--ribbon-scale-factor) * var(--ribbon-travel-factor))),calc(1 + (-0.06 * var(--ribbon-scale-factor) * var(--ribbon-travel-factor))));d:path("M -160 -160 L 1600 -160 L 1600 190 C 1264 0 1108 384 780 330 C 456 328 146 598 -160 422 Z")}
  100%{transform:translateY(calc(var(--ember-travel) * var(--ribbon-travel-factor) * 1)) scale(calc(1 + (-0.03 * var(--ribbon-scale-factor) * var(--ribbon-travel-factor))),calc(1 + (0.06 * var(--ribbon-scale-factor) * var(--ribbon-travel-factor))));d:path("M -160 -160 L 1600 -160 L 1600 310 C 1256 192 1148 388 740 262 C 384 124 162 478 -160 278 Z")}
}
@keyframes sithon-footer-charcoal-fold{
  0%{transform:translateY(0) scale(1,1);d:path("M -160 340 C 200 740 440 90 840 320 C 1110 500 1320 550 1600 310 L 1600 860 L -160 860 Z")}
  50%{transform:translateY(calc(var(--charcoal-travel) * var(--ribbon-travel-factor) * 1)) scale(calc(1 + (-0.03 * var(--ribbon-scale-factor) * var(--ribbon-travel-factor))),calc(1 + (0.05 * var(--ribbon-scale-factor) * var(--ribbon-travel-factor))));d:path("M -160 392 C 184 636 364 154 744 288 C 1066 388 1304 534 1600 394 L 1600 860 L -160 860 Z")}
  100%{transform:translateY(calc(var(--charcoal-travel) * var(--ribbon-travel-factor) * -1)) scale(calc(1 + (0.03 * var(--ribbon-scale-factor) * var(--ribbon-travel-factor))),calc(1 + (-0.05 * var(--ribbon-scale-factor) * var(--ribbon-travel-factor))));d:path("M -160 316 C 216 524 544 158 888 396 C 1130 580 1388 550 1600 358 L 1600 860 L -160 860 Z")}
}
.sithon-public-v2 .ambient-region .closing-section{background:none}
.sithon-public-v2 .ambient-region .trial-note span,
.sithon-public-v2 .ambient-footer .footer-brand p,
.sithon-public-v2 .ambient-footer .footer-bottom{color:#aaa29a}
.sithon-public-v2 .ambient-home .hero-description,
.sithon-public-v2 .ambient-home .trial-note span{color:#bfb8af}
@media(max-width:767px){
  .sithon-public-v2 .ambient-region{--ribbon-travel-factor:.5}
  .sithon-public-v2 .ambient-ribbons{opacity:calc(var(--ribbon-strength) * .75)}
  .sithon-public-v2 .ambient-ready .ambient-ribbon-charcoal{animation:none}
  .sithon-public-v2 .ambient-home .ambient-ribbons,
  .sithon-public-v2 .ambient-about .ambient-ribbons{transform:translateY(32px)}
  .sithon-public-v2 .ambient-static::before{opacity:.02}
  .sithon-public-v2 .ambient-static::after{display:none}
}
@media(prefers-reduced-motion:reduce){
  .sithon-public-v2 .ambient-region.ambient-ready .ambient-ribbons stop[style]{animation:none}
  .sithon-public-v2 .ambient-ready .ambient-ribbon-ember,
  .sithon-public-v2 .ambient-ready .ambient-ribbon-charcoal{animation:none}
}
.sithon-public-v2.motion-reduced .ambient-ribbon-ember,
.sithon-public-v2.motion-reduced .ambient-ribbon-charcoal{animation:none}
.sithon-public-v2.motion-reduced .ambient-region.ambient-ready .ambient-ribbons stop[style]{animation:none}
@media(forced-colors:active){
  .sithon-public-v2 .ambient-ribbons,
  .sithon-public-v2 .ambient-region::before,.sithon-public-v2 .ambient-region::after{display:none}
}