/* Step Ahead Films AI Studio Premium v5.0.1 foundation */
:root{--saf-bg:#030406;--saf-bg2:#080a10;--saf-panel:rgba(12,14,18,.78);--saf-panel2:rgba(255,255,255,.045);--saf-line:rgba(230,174,56,.25);--saf-line2:rgba(255,255,255,.095);--saf-gold:#f5c75f;--saf-gold2:#b98219;--saf-blue:#41d9ff;--saf-text:#fff;--saf-muted:#b5bac6;--saf-radius:16px;--saf-btn-radius:8px;--saf-max:1240px;--saf-section-space:52px;--saf-motion:.55s;--saf-shadow:0 14px 42px rgba(0,0,0,.42);--saf-glow:0 0 20px rgba(245,199,95,.12);--saf-font-display:"Syne","Space Grotesk",sans-serif;--saf-font-body:"Manrope","Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 76% 8%,rgba(245,199,95,.14),transparent 26%),radial-gradient(circle at 16% 30%,rgba(65,217,255,.1),transparent 24%),linear-gradient(180deg,var(--saf-bg),var(--saf-bg2));color:var(--saf-text);font-family:var(--saf-font-body);line-height:1.5;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:70px 70px;mask-image:radial-gradient(circle at 58% 12%,#000,transparent 70%);z-index:-1}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}h1,h2,h3,h4{font-family:var(--saf-font-display);margin-top:0;letter-spacing:-.035em}.saf-container{width:min(var(--saf-max),calc(100% - 44px));margin:0 auto}.saf-section{padding:var(--saf-section-space) 0;border-top:1px solid rgba(255,255,255,.06);position:relative}.saf-eyebrow{color:var(--saf-gold);font-size:11px;text-transform:uppercase;letter-spacing:.18em;font-weight:900;margin:0 0 9px}.saf-title{font-size:clamp(34px,4vw,66px);line-height:.96;margin:0 0 14px}.gold,.saf-title .gold{color:var(--saf-gold);text-shadow:0 0 22px rgba(245,199,95,.26)}.saf-copy{color:var(--saf-muted);max-width:660px}.saf-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 18px;border:1px solid var(--saf-line);border-radius:var(--saf-btn-radius);background:linear-gradient(135deg,var(--saf-gold),#ffe7a3 45%,var(--saf-gold2));color:#0d0901;font-weight:900;font-size:11px;letter-spacing:.08em;text-transform:uppercase;box-shadow:var(--saf-glow);transition:.25s ease}.saf-btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.saf-btn.secondary{background:rgba(255,255,255,.035);color:#fff;border-color:rgba(245,199,95,.42);box-shadow:none}.saf-card{background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.022));border:1px solid var(--saf-line2);border-radius:var(--saf-radius);box-shadow:var(--saf-shadow);backdrop-filter:blur(10px);transition:.22s ease}.saf-card:hover{transform:translateY(-3px);border-color:rgba(245,199,95,.54);box-shadow:0 12px 34px rgba(0,0,0,.48),0 0 16px rgba(245,199,95,.08)}.site-header{position:fixed;inset:0 0 auto;z-index:99;background:linear-gradient(180deg,rgba(0,0,0,.88),rgba(0,0,0,.18),transparent);transition:.25s}.site-header.is-scrolled{background:rgba(3,4,6,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(245,199,95,.16)}.header-inner{height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:10px;font-weight:900}.brand-mark{width:38px;height:38px;border:1px solid var(--saf-line);clip-path:polygon(0 0,100% 50%,0 100%);background:linear-gradient(135deg,#fff1b2,var(--saf-gold));box-shadow:0 0 22px rgba(245,199,95,.24)}.brand-text{line-height:.95}.brand-text strong{display:block;font-size:16px}.brand-text span{display:block;color:var(--saf-gold);font-size:9px;letter-spacing:.38em}.main-nav{display:flex;align-items:center;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.main-nav-list{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:20px}.main-nav-list li{position:relative;margin:0}.main-nav a{color:#eef0f4;position:relative}.main-nav a:after{content:"";height:2px;background:var(--saf-gold);position:absolute;left:0;right:100%;bottom:-8px;transition:.25s}.main-nav a:hover:after,.main-nav .current-menu-item>a:after{right:0}.main-nav .sub-menu{position:absolute;top:100%;left:0;min-width:220px;margin:16px 0 0;padding:10px;list-style:none;background:rgba(4,5,8,.96);border:1px solid rgba(245,199,95,.18);border-radius:14px;box-shadow:0 24px 70px rgba(0,0,0,.55);opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s}.main-nav li:hover>.sub-menu{opacity:1;visibility:visible;transform:translateY(0)}.main-nav .sub-menu li a{display:block;padding:10px 12px;color:#dfe2ea}.main-nav .sub-menu a:after{display:none}.header-actions{display:flex;align-items:center;gap:10px}.menu-orb{width:40px;height:40px;border:1px solid rgba(245,199,95,.35);border-radius:50%;display:grid;place-items:center;color:var(--saf-gold);background:rgba(255,255,255,.025)}.hero{min-height:88vh;display:flex;align-items:center;padding-top:76px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(390px,1.15fr) 96px;gap:24px;align-items:center}.hero h1{font-size:clamp(48px,6vw,88px);line-height:.86;margin:0;text-transform:uppercase;letter-spacing:-.075em}.hero .tagline{font-size:clamp(14px,1.35vw,19px);letter-spacing:.3em;text-transform:uppercase;margin:14px 0 18px;color:#fff}.hero p{color:#c7cbd4;max-width:530px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.scroll-note{display:flex;align-items:center;gap:12px;margin-top:44px;color:#c9c9c9;font-size:11px;letter-spacing:.18em;text-transform:uppercase}.scroll-note:before{content:"";width:2px;height:30px;background:var(--saf-gold)}.hero-visual{position:relative;min-height:540px;border:1px solid rgba(245,199,95,.14);border-radius:22px;background:radial-gradient(circle at 55% 45%,rgba(245,199,95,.22),transparent 22%),radial-gradient(circle at 45% 35%,rgba(65,217,255,.18),transparent 30%);overflow:hidden}.hero-visual:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 36%,rgba(245,199,95,.38),transparent 18%),linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.02)),repeating-linear-gradient(90deg,rgba(245,199,95,.08) 0 1px,transparent 1px 44px),repeating-linear-gradient(0deg,rgba(65,217,255,.055) 0 1px,transparent 1px 44px);opacity:.92;filter:none}.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,4,5,.48),transparent 36%,rgba(3,4,5,.24)),linear-gradient(0deg,rgba(3,4,5,.86),transparent 48%,rgba(3,4,5,.35))}.play-orb{position:absolute;inset:0;margin:auto;z-index:2;width:92px;height:92px;border-radius:50%;display:grid;place-items:center;background:rgba(245,199,95,.12);border:1px solid rgba(245,199,95,.62);box-shadow:0 0 60px rgba(245,199,95,.32);color:var(--saf-gold);font-size:30px}.stats-rail{display:flex;flex-direction:column;gap:22px;border-left:1px solid rgba(245,199,95,.36);padding-left:20px}.stat strong{display:block;color:var(--saf-gold);font-size:32px;line-height:1}.stat span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:#fff;font-weight:900}.section-split{display:grid;grid-template-columns:260px 1fr;gap:28px;align-items:start}.section-split h2{font-size:clamp(30px,3vw,48px);line-height:.98;margin-bottom:12px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{min-height:132px;padding:20px 16px;text-align:left;display:flex;flex-direction:column;justify-content:space-between;gap:14px}.service-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;color:var(--saf-gold);border:1px solid rgba(245,199,95,.25);background:rgba(245,199,95,.06);font-size:14px;font-weight:900}.service-card h3{font-size:15px;text-transform:uppercase;line-height:1.22;margin:0}.video-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.filter-btn{border:1px solid rgba(245,199,95,.35);background:rgba(255,255,255,.025);color:#fff;text-transform:uppercase;letter-spacing:.08em;font-size:10px;padding:9px 12px;border-radius:999px;cursor:pointer}.filter-btn.is-active,.filter-btn:hover{border-color:rgba(245,199,95,.85);box-shadow:0 0 16px rgba(245,199,95,.18)}.showreel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.video-card{overflow:hidden;position:relative}.featured-ribbon{position:absolute;top:8px;left:8px;z-index:2;padding:4px 8px;border-radius:6px;background:linear-gradient(135deg,#f5c75f,#ffe391,#be861d);color:#130e04;text-transform:uppercase;font-size:9px;font-weight:900;letter-spacing:.05em}.video-thumb{height:158px;background:#111;position:relative;overflow:hidden}.video-thumb img{width:100%;height:100%;object-fit:cover;transition:.45s}.video-card:hover img{transform:scale(1.06)}.mini-play{position:absolute;inset:0;margin:auto;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(245,199,95,.65);background:rgba(0,0,0,.52);color:var(--saf-gold)}.video-info{padding:12px 12px 14px}.video-cat{color:var(--saf-gold);font-size:9px;letter-spacing:.1em;text-transform:uppercase;font-weight:900}.video-info h3{font-size:14px;margin:5px 0 10px}.work-card-actions{display:flex;gap:8px;flex-wrap:wrap}.work-open-link{display:inline-flex;border:1px solid rgba(245,199,95,.32);border-radius:999px;padding:7px 10px;color:#fff;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.work-links-board{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.work-group{padding:18px}.work-group h3{font-size:18px;margin:0 0 12px;color:#fff}.work-link-list{display:grid;gap:9px}.work-link-list a{display:flex;justify-content:space-between;align-items:center;padding:11px 12px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.025);color:#dfe2ea;font-weight:800;font-size:13px}.work-link-list a:hover{border-color:rgba(245,199,95,.45);color:#fff}.advantage-row,.process-grid,.lab-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.adv-card,.lab-panel{padding:20px}.adv-card h3{font-size:16px;margin:0 0 5px}.adv-card p{font-size:13px;color:var(--saf-muted);margin:0}.process-wrap{position:relative;padding:16px 0}.process-orb{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;margin-bottom:16px;border:1px solid rgba(245,199,95,.55);background:rgba(245,199,95,.06);color:var(--saf-gold);font-size:22px;box-shadow:0 0 28px rgba(245,199,95,.16)}.process-step h3{font-size:14px;text-transform:uppercase}.logo-row{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.logo-item{font-size:clamp(18px,1.8vw,24px);font-weight:900;color:#fff;text-align:center;filter:grayscale(1);opacity:.82}.lab-banner{display:grid;grid-template-columns:1fr 1.1fr;gap:22px}.lab-image{min-height:230px;background:radial-gradient(circle at 50% 38%,rgba(65,217,255,.22),transparent 22%),radial-gradient(circle at 68% 62%,rgba(245,199,95,.20),transparent 24%),linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.02));border-radius:18px;opacity:.92}.footer{padding:42px 0 20px;border-top:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(0,0,0,.32),#020202)}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr .8fr 1.2fr;gap:24px}.footer h4{color:var(--saf-gold);text-transform:uppercase;letter-spacing:.1em;font-size:11px}.footer a,.footer p{color:var(--saf-muted);font-size:13px}.footer-cta{padding:20px}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);margin-top:22px;padding-top:16px;color:#81848d;font-size:12px;display:flex;justify-content:space-between;gap:18px}.page-hero{padding:128px 0 48px;background:radial-gradient(circle at 80% 10%,rgba(245,199,95,.14),transparent 28%)}.content-area{padding:44px 0}.saf-page-shell .content-area{border-top:1px solid rgba(255,255,255,.055)}.saf-prose{color:#eef1f8}.saf-prose h2,.saf-prose h3,.saf-prose h4{color:#fff;margin:0 0 12px}.saf-prose p,.saf-prose li,.saf-prose blockquote{color:var(--saf-muted);font-size:15px;line-height:1.7}.saf-prose a{color:var(--saf-gold)}.saf-prose input,.saf-prose textarea,.saf-prose select,.saf-form input,.saf-form textarea,.saf-form select{width:100%;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);color:#fff;padding:14px;border-radius:12px;margin-bottom:12px}.saf-prose .wp-block-button__link,.saf-prose .wp-element-button,.saf-prose button,.saf-prose input[type=submit]{border-radius:var(--saf-btn-radius);border:1px solid rgba(245,199,95,.5);background:linear-gradient(135deg,var(--saf-gold),#ffe391 45%,var(--saf-gold2));color:#100c02;font-size:12px;letter-spacing:.06em;text-transform:uppercase;font-weight:900}.saf-cta-card{padding:20px;display:flex;align-items:center;justify-content:space-between;gap:18px}.pricing-grid,.portfolio-grid,.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.price-card{padding:22px;display:grid;gap:10px}.price-tag{font-size:28px;font-weight:900;color:var(--saf-gold)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.saf-modal{position:fixed;inset:0;background:rgba(0,0,0,.88);z-index:999;display:none;align-items:center;justify-content:center;padding:30px}.saf-modal.is-open{display:flex}.saf-modal-box{width:min(1000px,96vw);aspect-ratio:16/9;position:relative}.saf-modal iframe{width:100%;height:100%;border:0}.saf-modal-close{position:absolute;right:0;top:-48px;background:transparent;border:1px solid var(--saf-line);color:#fff;border-radius:50%;width:38px;height:38px}.mobile-toggle{display:none}.desk-toggle{display:grid}@media(max-width:1180px){.hero-grid{grid-template-columns:1fr}.stats-rail{flex-direction:row;border-left:0;border-top:1px solid rgba(245,199,95,.35);padding:18px 0 0}.showreel-grid{grid-template-columns:repeat(3,1fr)}.section-split,.lab-banner{grid-template-columns:1fr}.work-links-board,.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:860px){.saf-container{width:min(100% - 28px,var(--saf-max))}.main-nav{position:fixed;inset:0 0 0 auto;width:min(360px,88vw);background:rgba(3,4,5,.97);backdrop-filter:blur(20px);flex-direction:column;align-items:flex-start;padding:88px 30px;transform:translateX(100%);transition:.28s}.main-nav-list{flex-direction:column;align-items:flex-start;gap:16px}.main-nav.is-open{transform:translateX(0)}.main-nav .sub-menu{position:static;opacity:1;visibility:visible;transform:none;margin:8px 0 0;box-shadow:none;background:rgba(255,255,255,.035)}.mobile-toggle{display:grid}.desk-toggle,.header-actions .saf-btn{display:none}.hero{padding-top:112px}.hero-visual{min-height:360px}.hero h1{font-size:48px}.hero .tagline{letter-spacing:.16em}.stats-rail{display:grid;grid-template-columns:repeat(2,1fr)}.service-grid,.showreel-grid,.portfolio-grid,.archive-grid,.footer-grid,.contact-grid,.advantage-row,.process-grid,.lab-grid,.logo-row,.pricing-grid,.work-links-board{grid-template-columns:1fr}.saf-cta-card{flex-direction:column;align-items:flex-start}.footer-bottom{display:block}}


/* =========================================================
   STEP AHEAD FILMS - PREMIUM REPAIR LAYER v2.3.0
   Purpose: compact luxury layout, page consistency, dropdown refinement,
   readable contrast, stronger studio authority, premium internal pages.
   ========================================================= */
:root{
  --saf-black:#020203;
  --saf-ink:#08090d;
  --saf-panel-strong:rgba(9,10,15,.92);
  --saf-gold-soft:rgba(245,199,95,.16);
  --saf-border-gold:rgba(245,199,95,.34);
  --saf-white-soft:rgba(255,255,255,.82);
}
