.ff-studio{--night:#030817;--panel:#091225;--ink:#f7f8ff;--muted:#aab3c6;--line:rgba(135,153,199,.18);--violet:#9346ff;--blue:#27aef5;color:var(--ink);background:var(--night);font-family:Inter,Arial,sans-serif}.ff-studio *{box-sizing:border-box}.ff-studio a{text-decoration:none;color:inherit}.ff-header{height:82px;padding:0 4vw;display:grid;grid-template-columns:250px 1fr 220px;align-items:center;position:absolute;z-index:5;left:0;right:0}.ff-brand{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:800;letter-spacing:.12em}.ff-brand b{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(135deg,var(--violet),var(--blue));font-size:20px;font-style:italic}.ff-header nav{display:flex;justify-content:center;gap:30px}.ff-header nav a{font-size:12px;font-weight:600}.ff-menu{display:none}.ff-btn{min-height:46px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:7px;background:linear-gradient(110deg,#9d43f7,#6642ff 50%,#2cb5ef);color:#fff!important;font-size:12px;font-weight:800}.ff-small{min-height:40px;justify-self:end}.ff-outline{background:rgba(5,10,24,.65);border-color:rgba(255,255,255,.45)}.ff-hero{min-height:650px;padding:125px 4vw 48px;display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:center;background:radial-gradient(circle at 45% 50%,rgba(79,33,173,.2),transparent 34%),#030817;border-bottom:1px solid var(--line)}.ff-hero-copy small,.ff-title small,.ff-showreel small{color:#50c7ff;font-size:10px;letter-spacing:.1em;font-weight:800}.ff-hero h1{margin:16px 0 0;background:linear-gradient(90deg,#b343f2,#7546ff,#29b4f0);-webkit-background-clip:text;color:transparent;font-size:clamp(48px,5vw,70px);line-height:1;font-weight:850;letter-spacing:-.05em}.ff-hero h2{margin:3px 0 18px;font-size:clamp(28px,3.3vw,45px);line-height:1.05;letter-spacing:-.04em}.ff-hero p{max-width:560px;color:#bdc5d6;font-size:14px;line-height:1.7}.ff-actions{display:flex;gap:13px;margin-top:23px}.ff-tags{margin-top:23px;color:#c7cede;font-size:10px;word-spacing:9px}.ff-hero-media{height:470px;position:relative;border:1px solid rgba(130,150,190,.5);border-radius:10px;background-position:center;background-size:cover;box-shadow:0 30px 70px rgba(0,0,0,.5)}.ff-hero-media>span{width:72px;height:72px;display:grid;place-items:center;position:absolute;inset:0;margin:auto;border-radius:50%;background:linear-gradient(145deg,#994cff,#574cff,#32a9f5);box-shadow:0 0 0 8px rgba(107,65,255,.15)}.ff-hero-media>i{position:absolute;left:18px;right:18px;bottom:15px;font-style:normal;font-size:9px;word-spacing:10px}.ff-industries{padding:26px 3vw;background:#071125;border-bottom:1px solid var(--line)}.ff-industries h2{text-align:center;font-size:22px}.ff-industries>div{display:grid;grid-template-columns:repeat(10,1fr);gap:10px}.ff-industries span{display:grid;place-items:center;gap:8px;font-size:10px}.ff-industries b{color:#9b4dff;font-size:26px}.ff-section{padding:70px 4vw;border-bottom:1px solid var(--line)}.ff-title{text-align:center}.ff-title small{color:#9d5aff}.ff-title h2{margin:7px 0 5px;font-size:34px;line-height:1.1;letter-spacing:-.03em}.ff-title em,.ff-showreel em{background:linear-gradient(90deg,#aa45f7,#694cff,#29b4f0);-webkit-background-clip:text;color:transparent;font-style:normal}.ff-title p{margin:0;color:var(--muted);font-size:12px}.ff-left{text-align:left}.ff-services{margin-top:33px;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.ff-services article{min-height:142px;padding:24px;position:relative;display:grid;grid-template-columns:52px 1fr;gap:15px;border:1px solid var(--line);border-radius:9px;background:linear-gradient(135deg,#0c162b,#070e1e)}.ff-services article>b{color:#944aff;font-size:38px}.ff-services h3{margin:0 0 7px;font-size:14px}.ff-services p{margin:0;color:#b3bccd;font-size:11px;line-height:1.6}.ff-services i{position:absolute;right:15px;bottom:12px;font-style:normal}.ff-portfolio{background:#050b19}.ff-filters{margin:20px 0;display:flex;gap:5px}.ff-filters button{padding:6px 11px;color:#d9deea;border:1px solid transparent;border-radius:5px;background:transparent;font-size:10px;cursor:pointer}.ff-filters button.active{border-color:#8e4cff;background:rgba(121,69,255,.15)}.ff-projects{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.ff-projects article{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#0a1223}.ff-project-image{height:190px;position:relative;background-size:500% 100%;background-repeat:no-repeat}.ff-project-image>span{position:absolute;left:9px;top:9px;padding:4px 7px;border-radius:20px;background:rgba(0,0,0,.55);font-size:8px}.ff-project-image>i{width:36px;height:36px;display:grid;place-items:center;position:absolute;inset:0;margin:auto;border:1px solid white;border-radius:50%;background:rgba(0,0,0,.45);font-style:normal}.ff-projects h3{min-height:42px;margin:12px 12px 4px;font-size:12px;line-height:1.45}.ff-projects p{margin:0 12px 13px;color:#aeb7c9;font-size:9px}.ff-showreel{min-height:245px;background-size:cover;background-position:center}.ff-showreel>div{min-height:245px;padding:35px 20%;display:flex;align-items:center;gap:45px;background:linear-gradient(90deg,rgba(3,8,20,.9),rgba(3,8,20,.45),rgba(3,8,20,.86))}.ff-showreel>div>b{width:80px;height:80px;display:grid;place-items:center;flex:none;border-radius:50%;background:linear-gradient(135deg,#9c48ff,#315fff);font-size:22px}.ff-showreel h2{margin:5px 0;font-size:31px;line-height:1.1}.ff-showreel p{margin:0 0 13px;color:#bdc5d5;font-size:11px}.ff-process{margin-top:45px;display:grid;grid-template-columns:repeat(4,1fr)}.ff-process article{padding:0 20px}.ff-process article>b{width:60px;height:60px;display:grid;place-items:center;margin-bottom:13px;color:#46bfff;border:1px solid #345a94;border-radius:50%;font-size:25px}.ff-process strong{color:#a65aff}.ff-process h3{margin:5px 0;font-size:13px}.ff-process p{margin:0;color:#aeb7c8;font-size:10px;line-height:1.55}.ff-about{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:center}.ff-benefits{margin-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.ff-benefits span{font-size:10px}.ff-benefits span::first-letter{color:#3cc5ff}.ff-before-after{min-height:300px;padding:15px;display:grid;grid-template-columns:1fr 70px 1fr;align-items:end;border:1px solid var(--line);border-radius:9px;background-position:center;background-size:cover;overflow:hidden}.ff-before-after span{padding:10px;text-align:center;background:rgba(0,0,0,.65);font-size:11px}.ff-before-after b{width:55px;height:55px;display:grid;place-items:center;align-self:center;border-radius:50%;background:#754aff}.ff-cta{margin:0 4vw 20px;padding:34px 48px;display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;border:1px solid rgba(115,84,223,.35);border-radius:10px;background:linear-gradient(110deg,#0d1635,#291256,#071731)}.ff-cta h2{margin:0 0 8px;font-size:27px;line-height:1.05}.ff-cta p{margin:0;color:#b6bfd1;font-size:11px}.ff-cta>div:last-child{display:flex;gap:12px}.ff-studio footer{padding:42px 5vw 18px;background:#020714}.ff-footer-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr 1fr;gap:60px}.ff-footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.ff-footer-grid h3{margin:0 0 9px;font-size:12px}.ff-footer-grid p,.ff-footer-grid a,.ff-footer-grid span{color:#aeb7c8;font-size:10px;line-height:1.6}.ff-copyright{margin-top:30px;padding-top:15px;color:#8690a4;border-top:1px solid var(--line);font-size:9px}
@media(max-width:1000px){.ff-header{grid-template-columns:190px 1fr 170px}.ff-header nav{gap:14px}.ff-hero{grid-template-columns:1fr}.ff-industries>div{grid-template-columns:repeat(5,1fr)}.ff-services{grid-template-columns:repeat(2,1fr)}.ff-projects{grid-template-columns:repeat(3,1fr)}.ff-about{grid-template-columns:1fr}.ff-cta{grid-template-columns:1fr}}
@media(max-width:767px){.ff-header{padding:0 20px;display:flex;justify-content:space-between}.ff-header>nav,.ff-header>.ff-small{display:none}.ff-header nav.open{display:flex;position:absolute;left:15px;right:15px;top:65px;padding:18px;flex-direction:column;background:#071020;border:1px solid var(--line);border-radius:10px}.ff-menu{display:block;color:white;border:0;background:transparent;font-size:24px}.ff-hero{padding:110px 20px 50px}.ff-hero h1{font-size:48px}.ff-hero h2{font-size:30px}.ff-actions{flex-direction:column}.ff-hero-media{height:320px}.ff-industries>div{grid-template-columns:repeat(2,1fr)}.ff-section{padding:55px 20px}.ff-services{grid-template-columns:1fr}.ff-projects{grid-template-columns:1fr}.ff-project-image{height:240px}.ff-showreel>div{padding:45px 25px;align-items:flex-start}.ff-process{grid-template-columns:1fr 1fr;gap:30px 0}.ff-benefits{grid-template-columns:1fr}.ff-cta{margin:0 20px 20px;padding:30px 24px}.ff-cta>div:last-child{flex-direction:column}.ff-footer-grid{grid-template-columns:1fr 1fr;gap:35px}}
@media(max-width:480px){.ff-showreel>div{display:block}.ff-showreel>div>b{margin-bottom:20px}.ff-process{grid-template-columns:1fr}.ff-before-after{min-height:370px;grid-template-columns:1fr;align-items:center}.ff-footer-grid{grid-template-columns:1fr}}
.ff-brand img{width:38px;height:38px;object-fit:contain}.ff-btn{background:linear-gradient(110deg,var(--violet),#6642ff 50%,var(--blue))}.ff-hero h1,.ff-title em,.ff-showreel em{background:linear-gradient(90deg,var(--violet),#7546ff,var(--blue));-webkit-background-clip:text;color:transparent}.ff-fill-media,.ff-media-link{width:100%;height:100%;display:block;object-fit:cover;border-radius:9px}.ff-media-link{position:relative;background-position:center;background-size:cover}.ff-media-link>span{width:74px;height:74px;display:grid;place-items:center;position:absolute;inset:0;margin:auto;border-radius:50%;background:linear-gradient(135deg,var(--violet),var(--blue));font-size:22px}.ff-services article>a{position:absolute;right:15px;bottom:12px;font-style:normal}.ff-project-image>a,.ff-project-image>i{width:36px;height:36px;display:grid;place-items:center;position:absolute;inset:0;margin:auto;border:1px solid white;border-radius:50%;background:rgba(0,0,0,.45);font-style:normal}.ff-showreel{min-height:300px;display:grid;grid-template-columns:1.15fr .85fr;align-items:stretch;background:#050a18}.ff-showreel-media{min-height:300px}.ff-showreel-copy{padding:45px 7%;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(120deg,#08132a,#1b1040)}.ff-showreel-video{min-height:300px}.ff-before-after{padding:0;grid-template-columns:1fr 70px 1fr;align-items:stretch}.ff-before-after figure{min-width:0;min-height:300px;margin:0;position:relative;background-position:center;background-size:cover}.ff-before-after figure span{position:absolute;left:0;right:0;bottom:0}.ff-before-after>b{justify-self:center}.ff-studio{color:var(--ink);background:var(--night)}.ff-studio p{color:var(--muted)}
@media(max-width:767px){.ff-showreel{grid-template-columns:1fr}.ff-showreel-copy{padding:35px 20px}.ff-before-after{grid-template-columns:1fr}.ff-before-after>b{margin:-28px auto;z-index:2;transform:rotate(90deg)}.ff-before-after figure{min-height:220px}}