{\rtf1\ansi\ansicpg1252\cocoartf2761
\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 :root \{\
  --max-width: 1100px;\
  --gap: 18px;\
  --bg: #0f0f10;\
  --text: #f7f7f7;\
  --muted: #aeb0b6;\
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;\
\}\
\
* \{ box-sizing: border-box; \}\
body \{ margin: 0; background: var(--bg); color: var(--text); line-height: 1.5; \}\
.container \{ max-width: var(--max-width); margin: 0 auto; padding: 24px; \}\
\
.site-header \{\
  border-bottom: 1px solid rgba(255,255,255,0.05);\
  padding: 20px 0;\
  text-align: center;\
\}\
.site-header h1 \{ margin: 0; font-size: 1.5rem; \}\
.tagline \{ margin: 6px 0 0; color: var(--muted); font-size: 0.95rem; \}\
\
/* HERO */\
.hero-video \{\
  position: relative;\
  padding-top: 56.25%;\
  background: #000;\
  border-radius: 10px;\
  overflow: hidden;\
\}\
.hero-video iframe \{\
  position: absolute;\
  top: 0; left: 0;\
  width: 100%; height: 100%;\
  border: 0;\
\}\
.video-title \{\
  text-align: center;\
  margin: 12px 0 0;\
  color: var(--muted);\
\}\
\
/* GALLERY */\
.gallery \{\
  display: grid;\
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\
  gap: var(--gap);\
  margin-top: 32px;\
\}\
.thumb .video-wrap \{\
  position: relative;\
  padding-top: 56.25%;\
  background: #000;\
  border-radius: 8px;\
  overflow: hidden;\
\}\
.thumb iframe \{\
  position: absolute;\
  top: 0; left: 0;\
  width: 100%; height: 100%;\
  border: 0;\
\}\
.thumb h3 \{\
  text-align: center;\
  margin: 10px 0 0;\
  font-size: 1rem;\
\}\
\
/* FOOTER */\
.site-footer \{\
  border-top: 1px solid rgba(255,255,255,0.05);\
  text-align: center;\
  padding: 20px 0;\
  color: var(--muted);\
  font-size: 0.9rem;\
\}}