/* Golden sunset — Founding Circle + Foundation (Ahimsa, About)

   Watercolor vaporwave bleed: warm orange dusk, integrated sun, softer stripes */



body.founding-page .vapor-scene,

body.foundation-sunset .vapor-scene {

  background: linear-gradient(

    175deg,

    #1a0804 0%,

    #3d1206 10%,

    #6b2808 22%,

    #a83e0c 36%,

    #d45a12 48%,

    #e86a14 56%,

    #c44e10 66%,

    #7a2a0a 78%,

    #3d1408 88%,

    #1a0804 100%

  );

  animation: sunset-breathe 24s ease-in-out infinite alternate;

}



/* Kill default purple/teal vapor overlays on sunset pages */

body.founding-page .vapor-scene::before,

body.foundation-sunset .vapor-scene::before {

  opacity: 0.06;

  background-image:

    linear-gradient(rgba(234, 88, 12, 0.15) 1px, transparent 1px),

    linear-gradient(90deg, rgba(251, 146, 60, 0.1) 1px, transparent 1px);

  filter: hue-rotate(25deg) blur(0.4px);

}



body.founding-page .vapor-scene::after,

body.foundation-sunset .vapor-scene::after {

  background:

    radial-gradient(ellipse 90% 40% at 50% 65%, rgba(234, 88, 12, 0.22), transparent 72%),

    radial-gradient(ellipse 60% 30% at 30% 40%, rgba(251, 191, 36, 0.12), transparent 70%),

    radial-gradient(ellipse 50% 25% at 75% 35%, rgba(220, 38, 38, 0.08), transparent 65%);

  mix-blend-mode: soft-light;

  animation: watercolor-drift 28s ease-in-out infinite alternate;

}



@keyframes watercolor-drift {

  0% { transform: translateX(-1%) scale(1); opacity: 0.75; }

  50% { transform: translateX(1.5%) scale(1.03); opacity: 0.95; }

  100% { transform: translateX(-0.5%) scale(1.01); opacity: 0.8; }

}



@keyframes sunset-breathe {

  0% { filter: hue-rotate(0deg) saturate(1.02) brightness(0.88); }

  50% { filter: hue-rotate(5deg) saturate(1.08) brightness(0.92); }

  100% { filter: hue-rotate(-4deg) saturate(1) brightness(0.86); }

}



body.founding-page .vapor-sun,

body.foundation-sunset .vapor-sun {

  width: min(380px, 52vw);

  height: min(380px, 52vw);

  top: 14%;

  opacity: 0.42;

  mix-blend-mode: soft-light;

  background: radial-gradient(

    circle at 42% 38%,

    rgba(255, 247, 237, 0.75) 0%,

    rgba(253, 186, 116, 0.65) 18%,

    rgba(251, 146, 60, 0.55) 38%,

    rgba(234, 88, 12, 0.4) 55%,

    rgba(180, 60, 10, 0.15) 72%,

    transparent 90%

  );

  box-shadow:

    0 0 100px rgba(234, 88, 12, 0.35),

    0 0 180px rgba(251, 146, 60, 0.2);

  animation: sunset-sun-pulse 18s ease-in-out infinite alternate;

}



@keyframes sunset-sun-pulse {

  0% { transform: translateX(-50%) scale(1); }

  100% { transform: translateX(-50%) scale(1.04); }

}



body.founding-page .vapor-sun::after,

body.foundation-sunset .vapor-sun::after {

  background: repeating-linear-gradient(

    0deg,

    transparent 0px,

    transparent 10px,

    rgba(60, 24, 8, 0.1) 10px,

    rgba(60, 24, 8, 0.1) 14px

  );

  mix-blend-mode: soft-light;

  opacity: 0.55;

  animation: sunset-scan 14s linear infinite;

}



@keyframes sunset-scan {

  0% { transform: translateY(0); }

  100% { transform: translateY(18px); }

}



body.founding-page .grid-floor,

body.foundation-sunset .grid-floor {

  opacity: 0.22;

  filter: hue-rotate(18deg) saturate(1.1) brightness(0.8);

}



body.founding-page .grid-floor-mirror,

body.foundation-sunset .grid-floor-mirror {

  opacity: 0.1;

  filter: hue-rotate(20deg) saturate(0.95) brightness(0.75);

}



body.foundation-sunset {

  --teal: #fdba74;

  --gold-soft: #fed7aa;

  --muted: #fbbf24;

  --border: rgba(234, 88, 12, 0.32);

}



body.foundation-sunset .foundation-hero h1,

body.foundation-sunset .foundation-article h2 {

  color: #fdba74;

  text-shadow: 0 0 20px rgba(234, 88, 12, 0.35);

}



body.foundation-sunset .foundation-hero .foundation-sub {

  color: #fb923c;

}