body[data-page="freelance"]{
  --bg:#0A0A0A;
  --paper:#141414;
  --ink:#F1EFE9;
  --muted:#9CA1A6;
  --accent:#FFA200;
}
body[data-page="freelance"] h1,body[data-page="freelance"] h2,body[data-page="freelance"] h3{ font-family:'Oswald',sans-serif; text-transform:uppercase; letter-spacing:.01em; }
body[data-page="freelance"] .site-nav{ background:rgba(10,10,10,0); border-bottom:1px solid transparent; }
body[data-page="freelance"] .site-nav.scrolled{ background:rgba(10,10,10,.92); border-bottom:1px solid rgba(255,162,0,.18); }
body[data-page="freelance"] .nav-brand{ font-family:'Bricolage Grotesque',sans-serif; text-transform:none; }
body[data-page="freelance"] .nav-brand .dot{ background:var(--accent); }
body[data-page="freelance"] .nav-links a:hover{ background:rgba(255,255,255,.07); }
body[data-page="freelance"] .nav-links a.active{ background:var(--accent); color:#0A0A0A; }
body[data-page="freelance"] .nav-toggle span{ background:var(--ink); }
@media (max-width:880px){ body[data-page="freelance"] .nav-links{ background:#111111; } }
body[data-page="freelance"] .btn{ border-color:rgba(255,255,255,.28); color:var(--ink); }
body[data-page="freelance"] .btn.primary{ background:var(--accent); border-color:var(--accent); color:#0A0A0A; }

.fl-hero{
  padding:calc(var(--nav-h) + 60px) 0 70px;
  border-bottom:4px solid var(--accent);
  position:relative;
}
.fl-hero .eyebrow{ color:var(--accent); opacity:1; }
.fl-hero h1{ font-weight:600; font-size:clamp(2.3rem,6vw,4.6rem); line-height:1; margin-top:14px; }
.fl-hero p{ margin-top:22px; max-width:56ch; color:var(--muted); font-size:1.05rem; line-height:1.65; font-family:'Inter',sans-serif; }
.fl-links{ margin-top:30px; display:flex; gap:14px; flex-wrap:wrap; }
.fl-meta-row{ display:flex; gap:30px; margin-top:44px; flex-wrap:wrap; }
.fl-meta-row div{ font-size:.85rem; color:var(--muted); font-family:'Inter',sans-serif; }
.fl-meta-row b{ display:block; color:var(--ink); font-family:'JetBrains Mono',monospace; font-size:.7rem; text-transform:uppercase; letter-spacing:.08em; margin-bottom:4px; font-weight:500; }

.fl-section{ padding:90px 0; }
.fl-head{ max-width:60ch; margin-bottom:44px; }
.fl-head .eyebrow{ color:var(--accent); opacity:1; }
.fl-head h2{ font-size:clamp(1.7rem,3.6vw,2.4rem); font-weight:600; margin-top:10px; }
.fl-head p{ margin-top:14px; color:var(--muted); font-family:'Inter',sans-serif; line-height:1.6; }

.video-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.video-card{ border-radius:14px; overflow:hidden; background:#000; border:1px solid rgba(255,162,0,.2); }
.video-card iframe{ width:100%; aspect-ratio:16/9; border:0; display:block; }
@media (max-width:900px){ .video-grid{ grid-template-columns:1fr 1fr; } }
@media (max-width:620px){ .video-grid{ grid-template-columns:1fr; } }

.fl-cta{ text-align:center; padding:100px 0 110px; background:var(--paper); }
.fl-cta h2{ font-size:clamp(1.8rem,4vw,2.6rem); margin-bottom:24px; }