/* METOBUZZ / Electric edition */
:root{--paper:#fff;--ink:#171a2b;--muted:#626b80;--orange:#ff654b;--line:#e1e6f1;--blue:#2456ed}body{background:#fff;color:#171a2b}.announcement{background:#2456ed;color:#fff;padding:9px;font-size:10px;letter-spacing:1px}header{background:#ffffffed;border-bottom:1px solid #e4e8f2;padding:17px 5%}.logo{color:#171a2b;font-size:34px;letter-spacing:-2px}.logo span{color:#ff654b}.btn{background:#2456ed;border-radius:50px;color:#fff;box-shadow:0 6px 15px #2456ed13}.btn:hover{background:#1940ba}.link{border-color:#2456ed;color:#2456ed}nav{gap:28px}nav a:hover{color:#2456ed}.wrap{width:min(1330px,90%)}h1,h2{font-weight:650}h1{letter-spacing:-6px}h2{letter-spacing:-2px}em{color:#2456ed;font-family:Manrope,Arial;font-style:normal;font-weight:650;font-size:1em!important}.blue{color:#2456ed}.coral{color:#ff654b}.new-hero{padding:68px 0 90px;display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;min-height:680px}.new-hero h1{font-size:clamp(68px,7vw,108px);line-height:1.02;margin:24px 0 25px}.hero-under{display:block}.hero-under p{font-size:15px;color:#626b80;line-height:1.9}.hero-under p strong{font-weight:500}.hero-under>div{display:flex;gap:22px;align-items:center;margin-top:30px}.hero-under .link{font-size:11px}.hero-stage{position:relative;background:#eef2ff;border-radius:28px;padding:22px 20px 30px;transform:rotate(2deg);margin:20px 20px 40px 0}.stage-label{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.2px;color:#4f5d83;margin-bottom:17px}.stage-label button{border:1px solid #cad4ef;background:white;color:#2456ed;width:28px;height:28px;border-radius:50%}.stage-video{position:relative;aspect-ratio:1.35;overflow:hidden;border-radius:12px;background:#dce6fe}.stage-poster{width:100%;height:100%;object-fit:cover;display:block}.stage-caption{position:absolute;z-index:3;left:0;right:0;bottom:0;background:linear-gradient(transparent,#111b39bc);color:#fff;display:flex;justify-content:space-between;padding:30px 15px 15px;font-size:8px;letter-spacing:1px}.floating-piece{position:absolute;width:43%;padding:7px;background:white;box-shadow:0 15px 35px #172d6426;border-radius:9px;z-index:4}.floating-piece img{display:block;border-radius:4px}.piece-one{left:-45px;bottom:-40px;transform:rotate(-10deg)}.piece-two{right:-30px;bottom:-20px;transform:rotate(10deg)}.round-badge{position:absolute;right:-28px;top:-32px;width:114px;height:114px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border-radius:50%;background:#ffdf59;color:#171a2b;font-size:10px;line-height:1.5;transform:rotate(13deg);z-index:5}.round-badge b{font-size:12px}.hero-video{z-index:2}.platforms{padding:20px 0 27px;background:#fff;border-color:#e5e9f4}.platform-label{font-size:11px;color:#6c7486;width:90%;margin-bottom:23px}.platform{color:#171a2b;gap:12px;font-size:25px;font-weight:650}.platform img{width:36px;height:36px;object-fit:contain}.platform:first-child img{width:92px;height:33px}.platform:first-child>span{display:none}.marquee-track,.logo-copy{gap:80px}.section{padding-top:90px;padding-bottom:90px}.eyebrow{color:#52648d;font-size:9px;letter-spacing:1.8px}.section-top>p{font-size:13px}.service-grid{gap:22px}.service{border-radius:15px;padding:30px;min-height:390px}.peach{background:#edf2ff}.lavender{background:#ffebe7}.lime{background:#fff5c9}.service h3{font-size:29px;letter-spacing:-1px}.service-icon{color:#2456ed;font-size:50px}.lavender .service-icon{color:#ed6149}.lime .service-icon{color:#a47900}.service p,.service ul{color:#526078}.service a{color:#171a2b}.work-section{background:#f5f7fd}.work-grid.compact-work{grid-template-columns:repeat(4,minmax(0,1fr));gap:35px 22px}.project-art{border-radius:9px;box-shadow:0 3px 15px #2333640a}.project-art img{aspect-ratio:3/2;object-fit:cover}.project h3{font-size:16px;margin-top:8px}.project-meta{font-size:7px;letter-spacing:.6px;gap:5px}.project-meta>span:first-child{max-width:80%}.project>p{font-size:10px}.project-open{width:27px;height:27px;right:10px;bottom:10px;font-size:17px;background:#fff;color:#2456ed}.filters button.active{background:#2456ed;border-color:#2456ed}.filters button{border-color:#d7deef}.sector-band{background:#2456ed;color:#fff;position:relative;overflow:hidden}.sector-band h2 em,.sector-band .eyebrow{color:#ffdf59}.sector-band .wrap>p:last-child{color:#d6e0ff}.sectors span{border-color:#ffffff40}.steps article>span{color:#2456ed;font-weight:650}.studio-section{background:#eef3ff}.santa{border-radius:16px;filter:none}.film-card{background:white;border-color:#d6def0}.pilot{border-bottom:1px solid #e1e6f1}.price{color:#2456ed}.contact-section{background:#f0f3ff}.contact-grid h2 em{color:#2456ed}input:not([type=range]),textarea,select{background:#fff;border-color:#cfd7ec;border-radius:7px}.contact-email{color:#2456ed}.sample.before{background:#eaf0ff;color:#24395f}.sample.after{background:#2456ed;color:#fff}.sample-nav{border-color:#ffffff55}.sample-art{color:#889ede55}.after .sample-art{color:#ffd65f77}.slider-label input{accent-color:#2456ed}.compare-divider{background:#fff}.compare{border:1px solid #e1e6f1}footer{background:#12192f;color:#fff}footer .logo{color:#fff}footer .logo span{color:#ffdf59}.footer-bottom{border-color:#ffffff25;color:#bdc8e6}.footer-bottom .link{color:#cbd6fa}.footer-links{display:flex;gap:25px;margin:20px 0;font-size:13px}.faq{max-width:1000px}dialog{background:#fff;color:#171a2b;border-radius:18px}.close{color:#171a2b}.page-intro{padding:85px 0 60px}.page-intro h1{font-size:clamp(55px,7vw,105px);max-width:1100px}.page-lead{max-width:650px;font-size:20px;color:#626b80}.service-directory{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-bottom:70px}.detail-service{padding:35px;background:#edf2ff;border-radius:15px}.detail-service:nth-child(2){background:#ffebe7}.detail-service:nth-child(3){background:#fff5c9}.detail-service:nth-child(4){background:#e5f5ef}.detail-service>span{font-size:11px;letter-spacing:1px}.detail-service h2{font-size:36px;margin:25px 0 20px}.detail-service p{font-size:13px;max-width:450px}.detail-service b{font-size:12px;display:block;margin-top:30px;color:#2456ed}.detail-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:12%;padding-bottom:70px}.detail-layout p,.detail-layout li{font-size:14px;color:#626b80}.detail-layout aside{background:#edf2ff;border-radius:18px;padding:30px;align-self:start}.detail-layout aside img{max-height:280px;object-fit:cover;border-radius:10px;width:100%}.detail-layout aside h3{font-size:24px}.detail-layout h3{margin-top:30px}.detail-layout li{padding:8px}.values-grid{margin-top:40px}.values-grid article{border-top:1px solid #dce2ef;padding:10px 0}.cta-panel{padding:50px;background:#fff5c9;border-radius:18px;margin-bottom:70px}.cta-panel h2{font-size:40px}.cta-panel .btn{margin-top:20px}.contact-section .wrap{padding-top:10px}.form-row{gap:15px}.next{font-size:12px}.contact-email{font-weight:650}
@media(max-width:1050px){.work-grid.compact-work{grid-template-columns:repeat(3,minmax(0,1fr))}.new-hero h1{font-size:75px;letter-spacing:-4px}.hero-under>div{flex-direction:column;align-items:start;gap:15px}.new-hero{gap:6%}.platform img{width:30px;height:30px}nav{gap:17px;font-size:11px}.service h3{font-size:25px}}
@media(max-width:700px){header{padding:13px 5%}.logo{font-size:29px}.logo span{font-size:30px}.new-hero{grid-template-columns:1fr;padding-top:40px;padding-bottom:80px;gap:45px;min-height:0}.new-hero h1{font-size:clamp(57px,12vw,80px);letter-spacing:-3.5px;margin:20px 0}.new-hero .eyebrow{font-size:8px;letter-spacing:1.2px}.hero-under p{font-size:14px}.hero-under>div{flex-direction:row;align-items:center;gap:18px}.hero-under .btn{padding:14px 18px;font-size:11px}.hero-under .link{font-size:10px}.hero-stage{margin:15px 10px 35px 15px;padding:15px 12px 20px;border-radius:18px}.stage-label{font-size:6px;letter-spacing:.6px}.round-badge{width:85px;height:85px;right:-12px;top:-25px;font-size:8px}.round-badge b{font-size:9px}.piece-one{left:-18px;bottom:-30px}.piece-two{right:-10px;bottom:-20px}.stage-caption{font-size:6px}.work-grid.compact-work{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 13px}.project h3{font-size:12px;letter-spacing:-.3px}.project-meta{font-size:6px}.project-meta span:last-child{display:none}.project>p{font-size:9px}.project-open{width:22px;height:22px;font-size:14px;right:6px;bottom:6px}.section{padding:55px 0}.section-top h2{font-size:39px}.section-top>p{font-size:12px}.platform-label{font-size:10px;line-height:1.8}.platform{font-size:22px}.platform img{width:29px;height:29px}.marquee-track,.logo-copy{gap:45px}.service-grid{grid-template-columns:1fr}.service{min-height:0;padding:26px}.service h3{font-size:27px;margin-top:25px}.service h3 br{display:none}.service-icon{right:25px;top:24px}.sector-band h2{font-size:39px}.contact-grid h2{font-size:47px}.service-directory,.detail-layout{grid-template-columns:1fr;gap:25px}.page-intro{padding:50px 0 30px}.page-intro h1{font-size:53px;letter-spacing:-3px}.page-lead{font-size:16px}.detail-service{padding:28px}.detail-service h2{font-size:31px}.detail-layout{padding-bottom:45px}.cta-panel{padding:30px;margin-bottom:45px}.cta-panel h2{font-size:32px}.header-actions .btn{font-size:9px;padding:10px 12px}.contact-section .wrap{padding-top:0}nav{background:#fff}.studio-section .studio-grid{gap:35px}.footer-links{gap:20px;font-size:12px}.hero-video{display:none}.form-row{grid-template-columns:1fr}}


.floating-piece img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.new-hero{min-width:0}.new-hero>*{min-width:0}.new-hero h1{font-size:clamp(62px,6.5vw,100px)}@media(max-width:700px){.new-hero h1{font-size:clamp(53px,11.7vw,75px)}}