.page-media-production,.page-media-production *,.page-media-production :before,.page-media-production :after{box-sizing:border-box}.page-media-production{--navy:#000717;--blue:#054bad;--blue-mid:#0a5fd4;--white:#f5f5f7;--gray:#6e6e73;--light:#fafafa;background:var(--navy);color:#fff;min-height:100vh;overflow-x:hidden}html{scroll-behavior:smooth}.page-media-production .hero{text-align:center;background:var(--navy);flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:120px 40px 80px;display:flex;position:relative;overflow:hidden}.page-media-production .hero-media{z-index:0;position:absolute;inset:0;overflow:hidden}.page-media-production .hero-video{object-fit:cover;object-position:center;width:100%;height:100%}.page-media-production .hero-bg{z-index:1;pointer-events:none;background:0 0,radial-gradient(100% 60% at 50% 100%,#054bad59 0%,#0000 60%),radial-gradient(40% 40% at 20% 30%,#054bad1f 0%,#0000 60%);position:absolute;inset:0}.page-media-production .hero-grid{z-index:2;pointer-events:none;opacity:.04;background-image:linear-gradient(#ffffff80 1px,#0000 1px),linear-gradient(90deg,#ffffff80 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0}.page-media-production .hero-eyebrow{letter-spacing:.15em;text-transform:uppercase;color:#fff6;z-index:3;opacity:0;margin-bottom:28px;font-size:12px;font-weight:600;animation:.7s .3s forwards mpFadeUp;position:relative;transform:translateY(20px)}.page-media-production .hero h1{letter-spacing:-.04em;z-index:3;opacity:0;margin:0 0 32px;font-size:clamp(52px,8vw,112px);font-weight:800;line-height:.95;animation:.8s .5s forwards mpFadeUp;position:relative;transform:translateY(24px)}.page-media-production .hero h1 .line1{color:#fff;display:block}.page-media-production .hero h1 .line2{background:linear-gradient(90deg,#5aadff 0%,#fff 50%,#5aadff 100%) 0 0/200% 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:4s linear 1.5s infinite mpShimmer;display:block}@keyframes mpShimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.page-media-production .hero-sub{color:#ffffff8c;z-index:3;opacity:0;max-width:580px;margin:0 0 48px;font-size:clamp(18px,2vw,22px);font-weight:300;line-height:1.65;animation:.8s .7s forwards mpFadeUp;position:relative;transform:translateY(20px)}.page-media-production .hero-actions{z-index:3;opacity:0;flex-wrap:wrap;justify-content:center;gap:16px;animation:.8s .9s forwards mpFadeUp;display:flex;position:relative;transform:translateY(20px)}@media (prefers-reduced-motion:reduce){.page-media-production .hero-video{display:none}}.page-media-production .btn-primary{color:var(--navy);background:#fff;border-radius:980px;padding:15px 32px;font-size:16px;font-weight:600;text-decoration:none;transition:transform .2s,background .2s;display:inline-block}.page-media-production .btn-primary:hover{background:#e8e8ed;transform:scale(1.03)}.page-media-production .btn-ghost{color:#fff;border:1.5px solid #ffffff40;border-radius:980px;padding:15px 32px;font-size:16px;font-weight:400;text-decoration:none;transition:border-color .2s,transform .2s;display:inline-block}.page-media-production .btn-ghost:hover{border-color:#fff9;transform:scale(1.03)}.page-media-production .reel-strip{z-index:3;background:linear-gradient(#0000 0%,#000717 100%);align-items:flex-end;height:120px;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.page-media-production .reel-strip-inner{gap:12px;width:max-content;padding:0 40px 24px;animation:20s linear infinite mpSlideLeft;display:flex}.page-media-production .reel-strip-tag{color:#ffffff80;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:980px;flex-shrink:0;padding:8px 20px;font-size:13px;font-weight:500}@keyframes mpSlideLeft{0%{transform:translate(0)}to{transform:translate(-50%)}}.page-media-production .stats-section{background:linear-gradient(135deg, #000f3a, var(--blue));padding:80px 40px;position:relative;overflow:hidden}.page-media-production .stats-section:before{content:"";pointer-events:none;background:repeating-linear-gradient(45deg,#ffffff05 0 1px,#0000 1px 40px);position:absolute;inset:0}.page-media-production .stats-row{border:1px solid #ffffff1a;border-radius:20px;grid-template-columns:repeat(4,1fr);gap:0;max-width:1100px;margin:0 auto;display:grid;position:relative;overflow:hidden}.page-media-production .stat-cell{text-align:center;background:#0007174d;border-right:1px solid #ffffff14;padding:48px 36px;transition:background .3s}.page-media-production .stat-cell:last-child{border-right:none}.page-media-production .stat-cell:hover{background:#054bad33}.page-media-production .stat-n{letter-spacing:-.04em;color:#fff;margin-bottom:8px;font-size:clamp(44px,5vw,64px);font-weight:800;line-height:1}.page-media-production .stat-n sup{color:#5aadff;vertical-align:super;font-size:.5em}.page-media-production .stat-l{color:#ffffff73;font-size:14px;font-weight:300}.page-media-production .services-section{background:var(--white);padding:100px 0 80px;overflow:hidden}.page-media-production .svc-carousel-inner{max-width:100%}.page-media-production .svc-carousel-header{justify-content:space-between;align-items:flex-end;margin-bottom:48px;padding:0 60px;display:flex}.page-media-production .svc-carousel-nav{gap:10px;padding-bottom:8px;display:flex}.page-media-production .svc-nav-btn{width:48px;height:48px;color:var(--navy);cursor:pointer;background:#fff;border:1.5px solid #0000001f;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;box-shadow:0 2px 12px #0000000f}.page-media-production .svc-nav-btn:hover{background:var(--navy);color:#fff;border-color:var(--navy)}.page-media-production .svc-nav-btn:disabled{opacity:.3;pointer-events:none}.page-media-production .svc-cards-wrap{padding:12px 60px 24px;overflow:hidden}.page-media-production .svc-cards{will-change:transform;gap:20px;transition:transform .5s cubic-bezier(.4,0,.2,1);display:flex}.page-media-production .svc-portrait-card{cursor:pointer;border-radius:24px;flex:0 0 280px;height:420px;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.page-media-production .svc-portrait-card:hover{transform:translateY(-8px)scale(1.02);box-shadow:0 32px 64px #00000040}.page-media-production .svc-card-bg{background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0;overflow:hidden}.page-media-production .svc-card-bg:after{content:"";background:linear-gradient(#0000008c 0%,#0000001a 40%,#000000bf 100%);position:absolute;inset:0}.page-media-production .svc-card-img-icon{opacity:.5;transition:transform .4s,opacity .4s;position:absolute;bottom:80px;right:-20px;transform:scale(2.5)}.page-media-production .svc-portrait-card:hover .svc-card-img-icon{opacity:.25;transform:scale(2.8)rotate(-5deg)}.page-media-production .svc-card-content{z-index:2;flex-direction:column;justify-content:space-between;padding:28px 24px 24px;display:flex;position:absolute;inset:0}.page-media-production .svc-card-title{color:#fff;letter-spacing:-.02em;text-wrap:pretty;margin:0 0 12px;font-size:20px;font-weight:700;line-height:1.2}.page-media-production .svc-card-desc{color:#ffffffa6;opacity:0;max-height:0;margin:0;font-size:13px;font-weight:300;line-height:1.6;transition:max-height .4s,opacity .35s;overflow:hidden}.page-media-production .svc-portrait-card:hover .svc-card-desc{opacity:1;max-height:100px}.page-media-production .svc-card-plus{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:#ffffff1a;border:1.5px solid #ffffff59;border-radius:50%;justify-content:center;align-self:center;align-items:center;width:44px;height:44px;transition:background .2s,transform .2s,border-color .2s;display:flex}.page-media-production .svc-portrait-card:hover .svc-card-plus{color:var(--navy);background:#fff;border-color:#fff;transform:rotate(45deg)}.page-media-production .ourwork-section{background:var(--navy);padding:100px 0 80px;overflow:hidden}.page-media-production .ourwork-header{text-align:center;margin-bottom:56px;padding:0 40px}.page-media-production .ourwork-stage{width:100%;padding:0 0 48px;position:relative;overflow:hidden}.page-media-production .ourwork-track{will-change:transform;gap:20px;padding:0 10%;transition:transform .55s cubic-bezier(.4,0,.2,1);display:flex}.page-media-production .ow-slide{cursor:pointer;height:480px;filter:brightness(.6) scale(.95);opacity:.7;border-radius:28px;flex:0 0 75%;transition:transform .4s,filter .4s,opacity .4s;position:relative;overflow:hidden}.page-media-production .ow-slide.active{filter:brightness(1) scale(1);opacity:1;transform:none}.page-media-production .ow-slide-bg{background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.page-media-production .ow-slide-icon{opacity:.6;position:absolute;bottom:-20px;right:-20px;transform:scale(3)}.page-media-production .ow-slide-placeholder{color:#ffffff26;letter-spacing:.04em;z-index:1;font-family:Courier New,monospace;font-size:12px}.page-media-production .ow-slide-overlay{z-index:2;background:linear-gradient(#0000000d 0%,#0000004d 50%,#000000e0 100%);align-items:flex-end;padding:40px 48px;display:flex;position:absolute;inset:0}.page-media-production .ow-slide-meta{max-width:600px}.page-media-production .ow-client-tag{letter-spacing:.1em;text-transform:uppercase;color:#ffffff8c;margin-bottom:12px;font-size:12px;font-weight:600}.page-media-production .ow-slide-title{color:#fff;letter-spacing:-.03em;margin:0 0 14px;font-size:clamp(28px,3.5vw,44px);font-weight:800;line-height:1.1}.page-media-production .ow-slide-desc{color:#fff9;max-width:520px;margin:0 0 10px;font-size:15px;font-weight:300;line-height:1.65}.page-media-production .ow-slide-sub{color:#fff6;margin-bottom:24px;font-size:13px;font-weight:400}.page-media-production .ow-watch-btn{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;font-family:var(--font-dm-sans), sans-serif;cursor:pointer;background:#ffffff1a;border:1.5px solid #ffffff4d;border-radius:980px;align-items:center;gap:10px;padding:12px 24px;font-size:15px;font-weight:500;transition:background .2s,border-color .2s,transform .2s;display:inline-flex}.page-media-production .ow-watch-btn:hover{background:#fff3;border-color:#fff9;transform:scale(1.03)}.page-media-production .ow-arrow{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;cursor:pointer;z-index:10;background:#00071799;border:1.5px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:background .2s,border-color .2s,transform .2s;display:flex;position:absolute;top:50%;transform:translateY(-60%)}.page-media-production .ow-arrow:hover{border-color:var(--blue);background:#054badcc;transform:translateY(-60%)scale(1.08)}.page-media-production .ow-arrow-prev{left:3%}.page-media-production .ow-arrow-next{right:3%}.page-media-production .ow-dots{align-items:center;gap:8px;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.page-media-production .ow-dot{cursor:pointer;background:#fff3;border:none;border-radius:50%;width:6px;height:6px;padding:0;transition:background .25s,width .25s}.page-media-production .ow-dot.active{background:#fff;border-radius:3px;width:22px}.page-media-production .ow-video-popup{z-index:1000;background:#000c;justify-content:center;align-items:center;padding:50px;display:flex;position:fixed;inset:0}.page-media-production .ow-video-wrapper{aspect-ratio:16/9;width:min(100%,960px);position:relative}.page-media-production .ow-video-iframe{background:#000;border:0;border-radius:12px;width:100%;height:100%;position:absolute;inset:0}.page-media-production .ow-video-close{color:#fff;cursor:pointer;background:0 0;border:none;padding:4px;position:absolute;top:-40px;right:0}.page-media-production .portfolio-section{background:var(--navy);padding:100px 0}.page-media-production .portfolio-header{text-align:center;margin-bottom:60px;padding:0 40px}.page-media-production .portfolio-section .section-label{color:#fff6}.page-media-production .portfolio-section .section-title{color:#fff}.page-media-production .portfolio-grid{grid-template-rows:280px 280px;grid-template-columns:repeat(3,1fr);gap:4px;padding:0 4px;display:grid}.page-media-production .port-item{cursor:pointer;background:repeating-linear-gradient(135deg,#ffffff06 0 1px,#0000 1px 20px);border:1px solid #ffffff0f;position:relative;overflow:hidden}.page-media-production .port-item.tall{grid-row:span 2}.page-media-production .port-item.wide{grid-column:span 2}.page-media-production .port-item:after{content:"";background:linear-gradient(#0000 50%,#000717d9 100%);transition:opacity .3s;position:absolute;inset:0}.page-media-production .port-item:hover:after{opacity:.5}.page-media-production .port-item:hover .port-info{transform:translateY(0)}.page-media-production .port-item:hover .port-play{opacity:1;transform:translate(-50%,-50%)scale(1)}.page-media-production .port-play{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;background:#ffffff26;border:2px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;padding-left:4px;transition:opacity .3s,transform .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.8)}.page-media-production .port-info{z-index:2;padding:24px;transition:transform .3s;position:absolute;bottom:0;left:0;right:0;transform:translateY(8px)}.page-media-production .port-cat{letter-spacing:.08em;text-transform:uppercase;color:#5aadff;margin-bottom:6px;font-size:11px;font-weight:600}.page-media-production .port-title{color:#fff;letter-spacing:-.01em;font-size:17px;font-weight:600}.page-media-production .process-section{background:var(--white);padding:100px 40px}.page-media-production .process-inner{max-width:1200px;margin:0 auto}.page-media-production .process-section .section-title{color:var(--navy);margin-bottom:72px}.page-media-production .process-steps{grid-template-columns:repeat(5,1fr);gap:0;display:grid;position:relative}.page-media-production .process-steps:before{content:"";background:linear-gradient(90deg, transparent, var(--blue), transparent);height:1px;position:absolute;top:28px;left:10%;right:10%}.page-media-production .process-step{text-align:center;padding:0 16px;position:relative}.page-media-production .step-num{background:linear-gradient(135deg, var(--navy), var(--blue));color:#fff;z-index:1;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 20px;font-size:16px;font-weight:700;display:flex;position:relative;box-shadow:0 4px 20px #054bad4d}.page-media-production .step-title{color:var(--navy);margin-bottom:8px;font-size:15px;font-weight:600}.page-media-production .step-desc{color:var(--gray);font-size:13px;font-weight:300;line-height:1.6}.page-media-production .bts-section{background:var(--navy);padding:100px 0;overflow:hidden}.page-media-production .bts-header{text-align:center;margin-bottom:56px;padding:0 40px}.page-media-production .bts-row-wrap{width:100%;position:relative;overflow:hidden}.page-media-production .bts-row{align-items:center;gap:16px;width:max-content;padding:0 8px;display:flex}.page-media-production .bts-photo{cursor:pointer;background-color:#ffffff08;background-position:50%;background-size:cover;border:1px solid #ffffff14;border-radius:16px;flex:0 0 260px;align-items:flex-end;height:180px;transition:border-color .3s,transform .3s;display:flex;position:relative;overflow:hidden}.page-media-production .bts-photo:hover{border-color:#ffffff4d;transform:scale(1.04)}.page-media-production .bts-photo.bts-tall{height:220px}.page-media-production .bts-photo.bts-wide{flex:0 0 360px}.page-media-production .bts-label{color:#ffffff73;letter-spacing:.03em;background:linear-gradient(#0000,#000000a6);width:100%;padding:12px 14px;font-family:Courier New,monospace;font-size:12px}.page-media-production .bts-fade{pointer-events:none;z-index:2;width:120px;position:absolute;top:0;bottom:0}.page-media-production .bts-fade-l{background:linear-gradient(to right, var(--navy), transparent);left:0}.page-media-production .bts-fade-r{background:linear-gradient(to left, var(--navy), transparent);right:0}.page-media-production .enquiry-section{background:var(--navy);padding:100px 40px;position:relative;overflow:hidden}.page-media-production .enquiry-section:before{content:"";pointer-events:none;background:radial-gradient(60% 80% at 70%,#054bad33 0%,#0000 70%);position:absolute;inset:0}.page-media-production .enquiry-inner{grid-template-columns:1fr 1fr;align-items:start;gap:80px;max-width:1100px;margin:0 auto;display:grid;position:relative}.page-media-production .enquiry-text .section-label{color:#fff6}.page-media-production .enquiry-text h2{letter-spacing:-.035em;color:#fff;margin:16px 0 20px;font-size:clamp(36px,4.5vw,60px);font-weight:800;line-height:1.05}.page-media-production .enquiry-text p{color:#ffffff80;margin:0 0 40px;font-size:17px;font-weight:300;line-height:1.7}.page-media-production .contact-info{flex-direction:column;gap:16px;display:flex}.page-media-production .contact-row{color:#fff9;align-items:center;gap:14px;font-size:15px;font-weight:300;display:flex}.page-media-production .contact-row svg{color:#5aadff;flex-shrink:0}.page-media-production .contact-row a{color:#fff9;text-decoration:none}.page-media-production .contact-row a:hover{color:#fff}.page-media-production .enquiry-form-wrap{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:28px;padding:40px}.page-media-production .enquiry-form-wrap h3{color:#fff;letter-spacing:-.02em;margin:0 0 28px;font-size:22px;font-weight:700}.page-media-production .form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.page-media-production .form-group{margin-bottom:20px}.page-media-production .form-group label{letter-spacing:.06em;text-transform:uppercase;color:#fff6;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.page-media-production .form-group input,.page-media-production .form-group select,.page-media-production .form-group textarea{width:100%;font-family:var(--font-dm-sans), sans-serif;color:#fff;appearance:none;background:#ffffff0f;border:1.5px solid #ffffff1a;border-radius:12px;outline:none;padding:14px 16px;font-size:15px;transition:border-color .25s,background .25s}.page-media-production .form-group input::placeholder,.page-media-production .form-group textarea::placeholder{color:#ffffff40}.page-media-production .form-group input:focus,.page-media-production .form-group select:focus,.page-media-production .form-group textarea:focus{border-color:var(--blue);background:#054bad1a}.page-media-production .form-group select option{color:#fff;background:#0d1a3a}.page-media-production .form-group textarea{resize:vertical;min-height:120px}.page-media-production .form-submit{width:100%;color:var(--navy);font-family:var(--font-dm-sans), sans-serif;cursor:pointer;letter-spacing:-.01em;background:#fff;border:none;border-radius:12px;padding:16px;font-size:16px;font-weight:700;transition:transform .2s,background .2s}.page-media-production .form-submit:hover{background:#e8e8ed;transform:translateY(-2px)}.page-media-production .form-note{text-align:center;color:#ffffff4d;margin-top:12px;font-size:12px}.page-media-production .form-success{text-align:center;padding:40px 20px}.page-media-production .form-success .success-icon{background:linear-gradient(135deg, var(--navy), var(--blue));border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;display:flex}.page-media-production .form-success h3{color:#fff;margin:0 0 10px;font-size:24px;font-weight:700}.page-media-production .form-success p{color:#ffffff80;margin:0;font-size:15px;font-weight:300}.page-media-production footer{text-align:center;background:#00040f;border-top:1px solid #ffffff0d;padding:40px}.page-media-production .footer-logo img{filter:brightness(0)invert();height:22px;margin-bottom:16px}.page-media-production .footer-links{flex-wrap:wrap;justify-content:center;gap:28px;margin-bottom:20px;display:flex}.page-media-production .footer-links a{color:#ffffff59;font-size:13px;text-decoration:none;transition:color .2s}.page-media-production .footer-links a:hover{color:#ffffffb3}.page-media-production .footer-copy{color:#fff3;font-size:12px}.page-media-production .section-label{letter-spacing:.12em;text-transform:uppercase;margin-bottom:16px;font-size:12px;font-weight:600;display:block}.page-media-production .section-title{letter-spacing:-.03em;margin:0 0 16px;font-size:clamp(36px,4.5vw,60px);font-weight:800;line-height:1.05}.page-media-production .section-sub{margin:0;font-size:19px;font-weight:300;line-height:1.6;display:block}@keyframes mpFadeUp{to{opacity:1;transform:translateY(0)}}.page-media-production .reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(32px)}.page-media-production .reveal.visible{opacity:1;transform:translateY(0)}.page-media-production .reveal-d1{transition-delay:.1s}.page-media-production .reveal-d2{transition-delay:.2s}.page-media-production .reveal-d3{transition-delay:.3s}.page-media-production .reveal-d4{transition-delay:.4s}@media (max-width:1024px){.page-media-production .portfolio-grid{grid-template-rows:auto;grid-template-columns:repeat(2,1fr)}.page-media-production .port-item.tall,.page-media-production .port-item.wide{grid-area:span 1/span 1}.page-media-production .process-steps{grid-template-columns:repeat(3,1fr);gap:32px}.page-media-production .process-steps:before{display:none}.page-media-production .enquiry-inner{grid-template-columns:1fr;gap:56px}.page-media-production .stats-row{grid-template-columns:repeat(2,1fr)}.page-media-production .stat-cell:nth-child(2){border-right:none}.page-media-production .stat-cell{border-top:1px solid #ffffff14}.page-media-production .stat-cell:first-child,.page-media-production .stat-cell:nth-child(2){border-top:none}.page-media-production .svc-carousel-header{padding:0 32px}.page-media-production .svc-cards-wrap{padding:12px 32px 24px}}@media (max-width:700px){.page-media-production .nav-links{display:none}.page-media-production .portfolio-grid{grid-template-columns:1fr}.page-media-production .process-steps,.page-media-production .stats-row{grid-template-columns:1fr 1fr}.page-media-production .form-row{grid-template-columns:1fr}.page-media-production .enquiry-form-wrap{padding:28px 20px}}