/*
   Wartek Kramatjati — Theme Override
   Design philosophy: Kebun Kerja Kramatjati.
   The original css/style.css and css/responsive.css structures remain unchanged.
*/
:root { --primary-dark:#294737; --primary:#477354; --primary-light:#c4d8b8; --accent-green:#c94f3d; --accent-green-dark:#9e3629; --gray-50:#fffbf3; --gray-100:#f0e7d6; --gray-200:#dfcfb7; --gray-300:#cdb89d; --gray-500:#7a796e; --gray-600:#62675f; --gray-700:#46584a; --gray-800:#35493b; --gray-900:#294737; }
body { font-family:'Nunito Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; background:#fffbf3; }
h1,h2,h3,h4 { font-family:'Lora',Georgia,serif; letter-spacing:-.025em; }
.btn,.nav-list { font-family:'Nunito Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; }
.header { border-bottom-color:var(--gray-100); }.logo-mark { background:linear-gradient(135deg,#c94f3d 0%,#e3aa43 100%); }
.hero,.service-hero { background:linear-gradient(120deg,#294737 0%,#477354 58%,#c4d8b8 100%); }
.hero::before { background-image:radial-gradient(ellipse at 20% 13%,rgba(227,170,67,.3) 0 2px,transparent 3px),radial-gradient(ellipse at 78% 67%,rgba(201,79,61,.2) 0 3px,transparent 4px); background-size:37px 37px,62px 62px; opacity:.55; }
.hero-content h1 span { color:#e3aa43; }.hero-image { border:8px solid rgba(227,170,67,.36); border-radius:1.5rem .45rem 1.5rem 1.5rem; box-shadow:17px 19px 0 rgba(201,79,61,.22); }
.service-icon { background:linear-gradient(145deg,#c94f3d 0%,#e3aa43 100%); color:#294737; }.service-card:hover { border-color:#c94f3d; }.feature-icon { background:#fffbf3; border-color:#dfcfb7; color:#477354; }.process-step::before { background:#e3aa43; color:#294737; }.area-card:hover { border-color:#c94f3d; color:#294737; }.area-card svg { color:#c94f3d; }.testimonial-card::before { color:#c94f3d; }.faq-item[open] { border-color:#c94f3d; }.faq-question::after { color:#c94f3d; }.cta-section { background:linear-gradient(to right,#294737,#477354)!important; }.contact-info-icon { background:#477354; }.footer { background:#294737; }.footer a:hover { color:#e3aa43; }
.btn { transition:all .2s cubic-bezier(.23,1,.32,1); cursor:pointer; }.btn:active { transform:scale(.97); }.btn-primary { background:#477354; border-color:#477354; }.btn-primary:hover { background:#294737; border-color:#294737; }.btn-secondary:hover { background:#477354; border-color:#477354; }.btn-whatsapp { background:#168b54; border-color:#168b54; }.btn-whatsapp:hover { background:#0f6f42; border-color:#0f6f42; }
@media (min-width:769px) { .hero-image { transform:rotate(.7deg); transition:transform .25s cubic-bezier(.23,1,.32,1); }.hero-image:hover { transform:rotate(0deg) translateY(-4px); } } @media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation-duration:.01ms!important; animation-iteration-count:1!important; scroll-behavior:auto!important; transition-duration:.01ms!important; } }