:root{
  --bg0:#7e684e; --bg1:#8c7458; --bg2:#9a8062;
  --blue:#1f9e6c; --violet:#3ecf8e; --magenta:#a9f0c9; --cyan:#3ecf8e;
  --text:#f7f4ee; --soft:rgba(247,244,238,.78); --faint:rgba(247,244,238,.60);
  --line:rgba(247,244,238,.20); --glass:rgba(255,255,255,.09);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:'Comfortaa',system-ui,sans-serif;color:var(--text);line-height:1.65;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;background:var(--bg0);
}
/* the living gradient field, warmed with a soft rose amber field alongside the green ones */
body::before{
  content:"";position:fixed;inset:-25%;z-index:-1;pointer-events:none;
  background:
    radial-gradient(42% 48% at 22% 18%, rgba(62,207,142,.28), transparent 70%),
    radial-gradient(38% 44% at 82% 30%, rgba(31,158,108,.24), transparent 70%),
    radial-gradient(46% 52% at 62% 88%, rgba(169,240,201,.20), transparent 72%),
    radial-gradient(30% 34% at 8% 78%, rgba(214,146,104,.24), transparent 70%),
    linear-gradient(165deg, var(--bg0), var(--bg1) 55%, var(--bg0));
  animation:drift 26s ease-in-out infinite alternate;
}
@keyframes drift{
  from{transform:translate3d(0,0,0) rotate(0deg) scale(1)}
  to{transform:translate3d(2%, -3%,0) rotate(2.5deg) scale(1.08)}
}
main,header,section,nav,footer,.top{position:relative;z-index:1}
h1,h2,h3{font-family:'Comfortaa',system-ui,sans-serif;font-weight:600;line-height:1.08;letter-spacing:-.015em;color:var(--text)}
.wrap{max-width:1080px;margin:0 auto;padding:0 28px}
.narrow{max-width:760px;margin:0 auto;padding:0 28px}
.rv{opacity:0;transform:translateY(20px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
.rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  .rv{opacity:1;transform:none;transition:none}
  body::before{animation:none}
}