/*
Theme Name: Premier Studios Static
Theme URI: https://example.com/
Author: OpenAI
Description: Static WordPress theme converted from the uploaded Premier Studios React/Vite site.
Version: 1.0.0
Text Domain: premier-studios-static
*/

:root{
  --bg:#0C0D0D;
  --panel:#1E1E2A;
  --accent:#1c3c56;
  --muted:#9ca3af;
}
html{scroll-behavior:smooth}
body{background:var(--bg); color:#fff;}
.admin-bar .ps-header{top:32px}
@media (max-width:782px){.admin-bar .ps-header{top:46px}}
.ps-header.scrolled{background:rgba(12,13,13,.86);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}
.ps-hero-bg{background:
 radial-gradient(circle at 20% 20%, rgba(28,60,86,.55), transparent 35%),
 radial-gradient(circle at 80% 30%, rgba(28,60,86,.28), transparent 28%),
 radial-gradient(circle at 50% 80%, rgba(255,255,255,.08), transparent 26%),
 linear-gradient(135deg,#060708 0%, #0C0D0D 45%, #111827 100%)}
.ps-cta-bg{background:
 radial-gradient(circle at 10% 20%, rgba(28,60,86,.45), transparent 30%),
 radial-gradient(circle at 90% 30%, rgba(255,255,255,.08), transparent 20%),
 linear-gradient(135deg,#090909 0%, #0C0D0D 45%, #162738 100%)}
.ps-card{background:var(--panel);border:1px solid rgba(255,255,255,.08)}
.ps-logo-track{display:flex; width:max-content; animation:ps-marquee 30s linear infinite}
@keyframes ps-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.ps-service-content{display:none}
.ps-service-item.active .ps-service-content{display:block}
.ps-service-item.active .ps-plus{transform:rotate(45deg);color:var(--accent)}
.ps-mobile-menu{display:none}
.ps-mobile-menu.open{display:flex}
.ps-testimonials-track{scrollbar-width:none}
.ps-testimonials-track::-webkit-scrollbar{display:none}
.ps-project-overlay{opacity:0;transform:translateY(16px);transition:all .3s ease}
.group:hover .ps-project-overlay{opacity:1;transform:translateY(0)}
.group img{transition:transform .5s ease}
.group:hover img{transform:scale(1.05)}
.ps-pill{border:1px solid rgba(255,255,255,.12); background:rgba(28,60,86,.1)}
.ps-btn{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;border-radius:9999px;font-weight:700;transition:all .2s ease;text-decoration:none}
.ps-btn-primary{background:var(--accent);color:white}
.ps-btn-primary:hover{filter:brightness(1.08)}
.ps-btn-outline{border:2px solid rgba(28,60,86,.4);color:white}
.ps-btn-outline:hover{background:rgba(28,60,86,.1)}
.ps-arrow{transition:transform .2s ease}
.ps-btn:hover .ps-arrow{transform:translateX(4px)}
.ps-richtext{color:#d1d5db}
.ps-richtext h1,.ps-richtext h2,.ps-richtext h3,.ps-richtext h4{color:#fff; font-weight:800; margin:0 0 1rem}
.ps-richtext p{margin:0 0 1rem}