/* Variant: Paper — a paper-cut sunset landscape of layered hills in warm tones. Light. */
:root {
  --bg: #fff6ee; --surface: #ffffff; --muted: #fdebdf; --ink: #3a1d2b; --ink-2: #775764; --line: #f3dccf;
  --accent: #b23a63; --accent-ink: #ffffff; --accent-soft: #fde1ea; --green-soft: #ffe2d4; --amber-soft: #fff0cc;
  --night: #3a1d2b; --night-2: #4d2738;
  --ui-accent: #e8677f; --ui-img: #fff0e6;
  color-scheme: light;
}
.pp-hero { position: relative; overflow: hidden; isolation: isolate; min-height: clamp(38rem, 88vh, 54rem); background: linear-gradient(to bottom, #fff3e8, #ffe2d0 55%, #ffc9b5); }
.pp-inner { display: flex; flex-direction: column; align-items: center; padding-top: clamp(3.5rem, 8vw, 6rem); text-align: center; }
.pp-title { max-width: 14ch; font-size: clamp(3rem, 6.8vw, 6.5rem); line-height: 0.95; letter-spacing: -0.055em; }
.pp-hero .hero__lead { margin-top: 1.5rem; color: #6a4655; }
.pp-hero .hero__actions { justify-content: center; align-self: center; margin-top: 2rem; }
.pp-hero .pill--ghost { background: rgba(255, 255, 255, 0.6); }
.pp-scene { position: absolute; inset: 0; z-index: -1; }
.pp-sun { position: absolute; left: 68%; bottom: 30%; width: clamp(7rem, 14vw, 12rem); aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle at 40% 35%, #fff2c4, #ffc46b); box-shadow: 0 0 80px rgba(255, 196, 107, 0.6); }
.pp-hill { position: absolute; left: -20%; width: 140%; border-radius: 50% 50% 0 0 / 100% 100% 0 0; filter: drop-shadow(0 -8px 14px rgba(120, 40, 60, 0.18)); }
.pp-hill--1 { bottom: -2%; height: 34%; left: -30%; width: 90%; background: #ffd6a5; border-radius: 0 60% 0 0 / 0 100% 0 0; }
.pp-hill--2 { bottom: -6%; height: 30%; left: 30%; width: 100%; background: #ffb38a; border-radius: 70% 0 0 0 / 100% 0 0 0; }
.pp-hill--3 { bottom: -10%; height: 26%; background: #ff8c7a; }
.pp-hill--4 { bottom: -12%; height: 20%; left: -10%; width: 80%; background: #e8677f; border-radius: 0 70% 0 0 / 0 100% 0 0; }
.pp-hill--5 { bottom: -14%; height: 16%; left: 40%; width: 90%; background: #a14f7f; border-radius: 80% 0 0 0 / 100% 0 0 0; }
@media (prefers-reduced-motion: no-preference) {
  .pp-hill { animation: pp-sway 12s ease-in-out infinite; }
  .pp-hill--2 { animation-delay: -3s; } .pp-hill--3 { animation-delay: -6s; } .pp-hill--4 { animation-delay: -2s; } .pp-hill--5 { animation-delay: -8s; }
  @keyframes pp-sway { 50% { translate: 12px 0; } }
}
.tile { box-shadow: 0 10px 24px -16px rgba(120, 40, 60, 0.3); }
.tile--dark { background: linear-gradient(160deg, #4d2738, #3a1d2b 70%); }
.tile--dark .focus strong { color: #ffc2a8; }
.product__visual--water { background: #ffe2d4; } .product__visual--jobs { background: #fde1ea; } .product__visual--food { background: #fff0cc; }
.section--contact { background: linear-gradient(160deg, #a14f7f, #3a1d2b 70%); }