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

\f0\fs24 \cf0 /* Reset / global */\
* \{\
  margin: 0;\
  padding: 0;\
  box-sizing: border-box;\
\}\
\
body \{\
  font-family: 'Helvetica Neue', Arial, sans-serif;\
  line-height: 1.6;\
  color: #111;\
\}\
\
a \{\
  text-decoration: none;\
  color: inherit;\
\}\
\
/* Utility container */\
.container \{\
  width: 90%;\
  max-width: 1200px;\
  margin: 0 auto;\
\}\
\
/* Header */\
.site-header \{\
  background: #fff;\
  border-bottom: 1px solid #eee;\
  position: sticky;\
  top: 0;\
  z-index: 100;\
\}\
\
.site-header .container \{\
  display: flex;\
  align-items: center;\
  justify-content: space-between;\
  padding: 1rem 0;\
\}\
\
.logo \{\
  font-size: 1.5rem;\
  font-weight: bold;\
\}\
\
.site-nav a \{\
  margin-left: 1.5rem;\
  font-weight: 500;\
  color: #333;\
\}\
\
.site-nav .cta \{\
  padding: 0.5rem 1rem;\
  border: 2px solid #333;\
  border-radius: 4px;\
  font-weight: bold;\
\}\
\
.site-nav .cta:hover \{\
  background: #333;\
  color: #fff;\
\}\
\
/* Hero section */\
.hero \{\
  background: #f5f5f5;\
  padding: 4rem 0;\
  text-align: center;\
\}\
\
.hero-content h1 \{\
  font-size: 2.5rem;\
  margin-bottom: 1rem;\
\}\
\
.hero-content p \{\
  font-size: 1.125rem;\
  margin-bottom: 2rem;\
  color: #444;\
\}\
\
.btn \{\
  display: inline-block;\
  padding: 0.75rem 1.5rem;\
  border-radius: 4px;\
  font-size: 1rem;\
  font-weight: 500;\
  cursor: pointer;\
  transition: background 0.2s, color 0.2s;\
\}\
\
.btn-primary \{\
  background: #007bff;\
  color: white;\
\}\
\
.btn-primary:hover \{\
  background: #0056b3;\
\}\
\
.btn-outline \{\
  border: 2px solid #333;\
  color: #333;\
\}\
\
.btn-outline:hover \{\
  background: #333;\
  color: #fff;\
\}\
\
/* Artists grid */\
.artists-grid \{\
  padding: 3rem 0;\
\}\
\
.artists-grid h2 \{\
  font-size: 2rem;\
  margin-bottom: 2rem;\
  text-align: center;\
\}\
\
.grid \{\
  display: grid;\
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\
  gap: 2rem;\
\}\
\
.artist-card \{\
  text-align: center;\
  border: 1px solid #eee;\
  padding: 1rem;\
  border-radius: 8px;\
  transition: transform 0.2s, box-shadow 0.2s;\
\}\
\
.artist-card:hover \{\
  transform: translateY(-5px);\
  box-shadow: 0 8px 20px rgba(0,0,0,0.1);\
\}\
\
.artist-card img \{\
  max-width: 100%;\
  border-radius: 4px;\
\}\
\
.artist-card h3 \{\
  margin: 1rem 0 0.5rem;\
\}\
\
/* Features section */\
.features \{\
  padding: 3rem 0;\
  background: #fafafa;\
  text-align: center;\
\}\
\
.features h2 \{\
  font-size: 2rem;\
  margin-bottom: 1.5rem;\
\}\
\
.feature-list \{\
  list-style: none;\
  display: flex;\
  flex-wrap: wrap;\
  justify-content: center;\
  gap: 2rem;\
\}\
\
.feature-list li \{\
  font-size: 1.125rem;\
  padding: 0.5rem 1rem;\
  background: #fff;\
  border: 1px solid #ddd;\
  border-radius: 4px;\
\}\
\
/* Footer */\
.site-footer \{\
  background: #222;\
  color: #ddd;\
  padding: 2rem 0;\
\}\
\
.site-footer .container \{\
  display: flex;\
  flex-direction: column;\
  align-items: center;\
\}\
\
.site-footer p \{\
  margin-bottom: 1rem;\
\}\
\
.footer-nav a \{\
  margin: 0 0.75rem;\
  color: #bbb;\
  font-size: 0.9rem;\
\}\
\
.footer-nav a:hover \{\
  color: #fff;\
\}\
\
/* Responsive / small screens adjustments */\
@media (max-width: 768px) \{\
  .site-header .container \{\
    flex-direction: column;\
    align-items: flex-start;\
  \}\
  .site-nav \{\
    margin-top: 1rem;\
  \}\
  .site-nav a \{\
    margin-left: 0;\
    margin-right: 1rem;\
  \}\
\}}