{\rtf1\ansi\ansicpg1252\cocoartf2759
\cocoatextscaling0\cocoaplatform0{\fonttbl\f0\fswiss\fcharset0 Helvetica;}
{\colortbl;\red255\green255\blue255;}
{\*\expandedcolortbl;;}
\paperw11900\paperh16840\margl1440\margr1440\vieww11520\viewh8400\viewkind0
\pard\tx720\tx1440\tx2160\tx2880\tx3600\tx4320\tx5040\tx5760\tx6480\tx7200\tx7920\tx8640\pardirnatural\partightenfactor0

\f0\fs24 \cf0 /* Base styling */\
body \{\
  font-family: 'Helvetica Neue', sans-serif;\
  margin: 0;\
  padding: 0;\
  background-color: #fff;\
  color: #222;\
  line-height: 1.6;\
\}\
\
.nav \{\
  display: flex;\
  justify-content: space-between;\
  align-items: center;\
  padding: 1rem 2rem;\
  background-color: #fff5f1;\
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);\
\}\
\
.nav ul \{\
  list-style: none;\
  display: flex;\
  gap: 1.5rem;\
  padding: 0;\
  margin: 0;\
\}\
\
.nav a \{\
  text-decoration: none;\
  color: #222;\
  font-weight: 500;\
\}\
\
.nav a.active,\
.nav a:hover \{\
  color: #e08c6d;\
\}\
\
.logo img \{\
  height: 40px;\
\}\
\
header, footer, section \{\
  padding: 2rem;\
  max-width: 1000px;\
  margin: auto;\
\}\
\
.page-header \{\
  text-align: center;\
  margin-bottom: 2rem;\
\}\
\
.cta \{\
  display: inline-block;\
  margin-top: 1rem;\
  padding: 0.75rem 1.5rem;\
  background-color: #e08c6d;\
  color: white;\
  text-decoration: none;\
  border-radius: 5px;\
  font-weight: bold;\
\}\
\
footer \{\
  text-align: center;\
  font-size: 0.9rem;\
  color: #555;\
  margin-top: 3rem;\
\}\
\
footer a \{\
  color: #e08c6d;\
  text-decoration: none;\
\}\
\
/* Services grid */\
.services-detail .service \{\
  margin-bottom: 2rem;\
\}\
\
/* Portfolio grid */\
.portfolio-grid \{\
  display: grid;\
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\
  gap: 2rem;\
\}\
\
.project-card \{\
  border: 1px solid #eee;\
  padding: 1rem;\
  border-radius: 8px;\
  box-shadow: 0 2px 8px rgba(0,0,0,0.04);\
  transition: transform 0.2s ease;\
\}\
\
.project-card:hover \{\
  transform: translateY(-4px);\
\}\
\
.project-card img \{\
  width: 100%;\
  border-radius: 6px;\
  margin-bottom: 1rem;\
\}\
\
.project-card h3 \{\
  margin-top: 0;\
  color: #333;\
\}\
\
.project-card ul \{\
  list-style: disc;\
  padding-left: 1.25rem;\
  margin-top: 0.5rem;\
  color: #666;\
\}\
\
/* Contact form */\
.contact-section form \{\
  display: flex;\
  flex-direction: column;\
  gap: 1rem;\
  margin-top: 1rem;\
\}\
\
.contact-section label \{\
  font-weight: 600;\
\}\
\
.contact-section input,\
.contact-section textarea \{\
  padding: 0.75rem;\
  border-radius: 4px;\
  border: 1px solid #ccc;\
  font-family: inherit;\
\}\
\
.contact-section button \{\
  background-color: #e08c6d;\
  color: white;\
  border: none;\
  padding: 0.75rem;\
  font-weight: bold;\
  border-radius: 5px;\
  cursor: pointer;\
\}\
\
.contact-section button:hover \{\
  background-color: #cf7753;\
\}\
\
/* Responsive tweaks */\
@media (max-width: 600px) \{\
  .nav ul \{\
    flex-direction: column;\
    gap: 0.5rem;\
  \}\
\
  .nav \{\
    flex-direction: column;\
    align-items: flex-start;\
  \}\
\
  header, footer, section \{\
    padding: 1rem;\
  \}\
\}\
\
}