*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#f3f4f7;background:#0b0d10}a{color:inherit;text-decoration:none}nav{display:flex;align-items:center;justify-content:space-between;padding:26px 5%;font-size:13px}nav b{font-size:25px;letter-spacing:-1px}nav span{display:flex;gap:32px}small,.eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase}h1,h2,h3,p{margin:0}h1{font-size:clamp(48px,6.4vw,100px);line-height:1.02;letter-spacing:-2px;font-weight:600}h2{font-size:48px;letter-spacing:-1.5px;font-weight:600}p{line-height:1.55}section{padding:65px 5%}.label{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;color:#9da3b0;font-size:11px;letter-spacing:1.5px}.btn{display:inline-flex;align-items:center;gap:40px;padding:17px 23px;border-radius:3px;background:#9662ff;color:#fff;font-size:13px;margin-top:30px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.work img{width:100%;height:260px;object-fit:cover;display:block}.work figcaption{display:flex;justify-content:space-between;margin-top:17px;gap:15px}.work h3{font-size:22px;font-weight:500}.work p{font-size:11px;color:#9299a5;margin-top:8px}figure{margin:0}.arrow{font-size:24px}.services{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;margin-top:40px}.services article{border-top:1px solid #363a42;padding-top:25px}.services h3{font-size:24px;margin-bottom:14px;font-weight:500}.services p{font-size:14px;color:#9da3b0}.note{background:#e9e6df;color:#35332f;padding:14px 5%;font-size:12px;display:flex;justify-content:space-between;gap:20px}.concept1 .hero{padding-top:55px;display:grid;grid-template-columns:1.15fr 1fr;gap:50px;align-items:center;min-height:535px;border-bottom:1px solid #292d35}.concept1 .hero img{width:100%;height:365px;object-fit:cover;border-radius:38px}.concept1 h1 em{font-style:normal;color:#a879ff}.concept1 .hero p{font-size:15px;color:#a8aeb9;margin-top:25px;max-width:440px}.concept1 .tags{display:flex;gap:22px;font-size:11px;margin-top:30px}.concept1 .services article:nth-child(1){border-color:#9764ff}.concept1 .services article:nth-child(2){border-color:#557dff}.concept1 .services article:nth-child(3){border-color:#b4fa35}.concept1 .services article:nth-child(1) h3{color:#ac85ff}.concept1 .services article:nth-child(2) h3{color:#7495ff}.concept1 .services article:nth-child(3) h3{color:#b4fa35}.concept1 .work img{border-radius:15px}.concept2{background:#f0eee8;color:#22221e}.concept2 nav{border-bottom:1px solid #c9c8bf}.concept2 nav b{font-family:Georgia,serif;font-weight:500;font-size:30px}.concept2 .hero{padding-top:65px;padding-bottom:50px}.concept2 h1{font-family:Georgia,serif;font-size:clamp(60px,7vw,108px);font-weight:400;line-height:1.02;letter-spacing:-5px;max-width:1050px}.concept2 h1 em{color:#cf482e;font-weight:400}.concept2 .intro{display:flex;justify-content:space-between;align-items:flex-end;margin-top:35px}.concept2 .intro p{max-width:375px;font-size:14px}.concept2 .btn{background:#25251e;color:#fff;border-radius:0;margin:0}.concept2 .work-section{padding-top:20px}.concept2 .grid{grid-template-columns:1.2fr .8fr;gap:45px;align-items:start}.concept2 .work img{height:360px}.concept2 .work:nth-child(2){margin-top:95px}.concept2 .work:nth-child(2) img{height:265px}.concept2 .work h3{font-family:Georgia,serif;font-size:28px}.concept2 .work p,.concept2 .label,.concept2 .services p{color:#76766a}.concept2 h2{font-family:Georgia,serif;font-size:55px}.concept2 .services article{border-color:#babbb0}.concept2 .services h3{font-family:Georgia,serif}.concept2 .about{background:#e5e4da;display:grid;grid-template-columns:1fr 1.5fr;gap:60px}.concept2 .about p{font-size:23px;max-width:700px;line-height:1.4}.concept3{background:#10100e;color:#ece9df}.concept3 nav{position:absolute;z-index:2;top:0;width:100%;border-bottom:1px solid #ffffff35}.concept3 .hero{height:665px;position:relative;padding-top:170px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(90deg,#080d09b8,#080d0910),linear-gradient(0deg,#10100e,transparent 60%),url('assets/image14.jpg') center 43%/cover}.concept3 h1{font-size:clamp(70px,8vw,118px);font-weight:600;letter-spacing:-5px;max-width:960px;line-height:.97}.concept3 .eyebrow{color:#d2e49d;margin-bottom:30px}.concept3 .hero-bottom{display:flex;justify-content:space-between;align-items:end}.concept3 .hero-bottom p{font-size:13px;max-width:330px}.concept3 .btn{border-radius:50%;width:115px;height:115px;background:#d8ef9b;color:#252a18;align-items:center;justify-content:center;text-align:center;line-height:1.5;margin:0;font-size:12px}.concept3 .work-section{padding-top:40px}.concept3 h2{font-size:62px;letter-spacing:-3px}.concept3 .grid{margin-top:35px;gap:15px}.concept3 .work img{height:300px}.concept3 .services{grid-template-columns:1.2fr 1fr}.concept3 .capabilities{border-top:1px solid #393a31;display:grid;grid-template-columns:1fr 1fr;gap:55px}.concept3 .capabilities p{font-size:27px;line-height:1.35;max-width:500px}.concept3 .list div{border-bottom:1px solid #393a31;padding:18px 0;display:flex;justify-content:space-between;font-size:21px}.index{background:#e9e6df;color:#24231f;padding:70px 7%;min-height:100vh}.index h1{font-size:70px;max-width:900px;margin:30px 0}.index>p{max-width:670px;color:#66635c}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:45px}.choice{border-top:1px solid #a7a397;padding-top:20px}.choice h2{font-size:28px;letter-spacing:-1px;margin:15px 0}.choice p{font-size:14px;min-height:70px}.choice img{width:100%;height:200px;object-fit:cover;margin:20px 0}.choice strong{font-size:14px}.back{display:block;margin-top:40px;font-size:12px;color:#999}@media(max-width:700px){h1{letter-spacing:-2px}nav span{gap:12px;font-size:11px}nav{padding:22px 5%}nav b{font-size:20px}.concept1 .hero,.concept2 .about,.concept3 .capabilities{grid-template-columns:1fr}.grid,.concept2 .grid,.services,.choices{grid-template-columns:1fr}.concept1 .hero img{height:250px}.concept2 .work:nth-child(2){margin-top:20px}.concept2 h1{letter-spacing:-3px}.concept2 .intro{gap:25px;align-items:start;flex-direction:column}.concept3 h1{font-size:63px;letter-spacing:-3px}.concept3 .hero{height:660px}.concept3 .hero-bottom{gap:20px}.concept3 .btn{flex-shrink:0}.index h1{font-size:50px}}


body{background:#0b0d10;color:#f3f4f7}nav{padding-top:30px;padding-bottom:30px}nav .brand{display:inline-flex;align-items:center;line-height:1}.brand-logo{height:28px;width:auto;display:block;transition:opacity .2s}.brand:hover .brand-logo{opacity:.85}nav span{align-items:center}nav a:last-child{border-bottom:1px solid #9c73ee;padding-bottom:5px}section{padding:86px 5%}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:6%;align-items:center;padding-top:65px;padding-bottom:80px}.hero .eyebrow{color:#a879ff;margin-bottom:30px}h1{font-size:clamp(55px,6.5vw,100px);letter-spacing:-2px;line-height:1.04;font-weight:600}h1 em{color:#a879ff;font-style:normal}.hero p{color:#a3a8b4;font-size:16px;margin-top:25px;max-width:440px}.hero img{width:100%;height:400px;object-fit:cover;border-radius:36px}.hero .caption{display:flex;justify-content:space-between;color:#979dab;font-size:10px;letter-spacing:1px;margin-top:17px}.btn{background:#9764ff;border-radius:7px;padding:18px 23px;font-size:14px}.strip{border-top:1px solid #2b2d35;border-bottom:1px solid #2b2d35;padding:22px 5%;display:flex;justify-content:space-between;font-size:11px;letter-spacing:1.5px;color:#9aa0ad}.strip span:nth-child(1){color:#a879ff}.strip span:nth-child(2){color:#7495ff}.strip span:nth-child(3){color:#b4fa35}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:35px}h2{font-size:52px;letter-spacing:-1.2px;font-weight:600;line-height:1.1}.section-head p{max-width:320px;color:#929aa9;font-size:14px}.filters{display:flex;gap:9px;margin-bottom:32px;font-size:12px}.filters span{padding:10px 18px;border:1px solid #343743;border-radius:30px;color:#b7bdc9}.filters .active{background:#9863ff;border-color:#9863ff;color:white}.portfolio{gap:44px 26px}.project .preview{position:relative;overflow:hidden;border-radius:18px;background:#171b23}.project img{width:100%;height:270px;object-fit:cover;display:block}.project .play{position:absolute;left:20px;bottom:20px;border:1px solid #ffffff55;background:#11151c88;backdrop-filter:blur(6px);border-radius:40px;padding:11px 17px;color:#fff;font-size:11px}.project .number{position:absolute;right:19px;top:16px;color:#fff9;font-size:11px}.project .description{padding-top:20px}.project h3{font-size:25px;font-weight:500;letter-spacing:-.5px;margin-bottom:12px}.project p{color:#9ba2b0;font-size:13px;max-width:490px}.project .credits{display:flex;gap:7px;flex-wrap:wrap;margin-top:17px}.credits span{border:1px solid #303440;border-radius:4px;padding:6px 9px;font-size:10px;color:#b4bac7}.project.wide{grid-column:1/-1;display:grid;grid-template-columns:1.05fr 1fr;background:#14171e;border:1px solid #242a34;border-radius:18px;overflow:hidden}.project.wide .preview{border-radius:0}.project.wide img{height:300px}.project.wide .description{padding:36px;align-self:center}.project.wide h3{font-size:35px}.service-section{background:#11151c}.services{gap:24px}.services article{background:#161b24;border:1px solid #2c3140;border-radius:14px;padding:28px;min-height:260px;position:relative}.services article:before{content:'';position:absolute;left:28px;right:28px;top:0;height:2px;background:#a879ff}.services article:nth-child(2):before{background:#7495ff}.services article:nth-child(3):before{background:#b4fa35}.services h3{margin-top:28px;font-size:25px}.services article:nth-child(1) h3{color:#af88ff}.services article:nth-child(2) h3{color:#7495ff}.services article:nth-child(3) h3{color:#b4fa35}.services p{font-size:14px;line-height:1.75}.services small{color:#757e8e}.promo{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:28px;border-top:1px solid #333a47;padding-top:30px}.promo h3{font-size:26px;font-weight:500;margin-bottom:10px}.promo p{font-size:14px;color:#929baa;max-width:500px}.about{display:grid;grid-template-columns:1fr 1.15fr;gap:7%;align-items:center}.about h2{font-size:52px;line-height:1.13}.about h2 em{color:#a879ff;font-style:normal}.about p{font-size:17px;color:#a3abb9;margin-top:26px;max-width:470px}.about .visual{position:relative}.about img{width:100%;height:350px;object-fit:cover;border-radius:22px}.about .visual small{display:block;color:#6f788a;margin-top:14px;letter-spacing:1px;font-size:9px}.contact{background:#151022;border-top:1px solid #392853}.contact .contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.contact h2{font-size:65px;line-height:1.05}.contact h2 em{font-style:normal;color:#a879ff}.contact p{font-size:15px;color:#a29aae;margin-top:24px;max-width:340px}.contact-list a{display:flex;justify-content:space-between;border-bottom:1px solid #3e3150;padding:23px 0;font-size:25px;letter-spacing:-.5px}.contact-list small{display:block;color:#9689a8;font-size:9px;margin-bottom:10px;letter-spacing:2px}.footer{display:flex;justify-content:space-between;align-items:center;padding:30px 5%;color:#777f8c;font-size:12px}.footer-brand{display:inline-flex;align-items:center;text-decoration:none}.footer-logo{height:22px;width:auto;display:block;opacity:.85;transition:opacity .2s}.footer-brand:hover .footer-logo{opacity:1}.footer span{color:#929aa9;font-size:13px;letter-spacing:.3px}.mobile-only{display:none}.design-note{font-size:11px;padding:12px 5%;background:#262031;color:#baa9d3;text-align:center;letter-spacing:.5px}
@media(max-width:700px){nav{padding:23px 6%}nav .brand{display:inline-flex;align-items:center}.brand-logo{height:22px}nav>span{display:none}.mobile-only{display:block;font-size:12px;color:#c4b0e7}section{padding:55px 6%}.hero{grid-template-columns:1fr;padding-top:32px;gap:35px;padding-bottom:40px}h1{font-size:58px;letter-spacing:-1.2px}.hero .eyebrow{font-size:9px;margin-bottom:24px}.hero p{font-size:14px;margin-top:22px}.hero .btn{margin-top:24px}.hero img{height:250px;border-radius:22px}.hero .caption{font-size:8px;letter-spacing:.3px}.strip{padding:18px 6%;font-size:8px;letter-spacing:.2px}.strip span:last-child{display:none}.section-head{display:block;margin-bottom:25px}h2,.about h2{font-size:38px;letter-spacing:-1px}.section-head p{font-size:13px;margin-top:18px}.label{font-size:9px;letter-spacing:1px;margin-bottom:24px}.filters{gap:5px;flex-wrap:wrap;margin-bottom:25px}.filters span{font-size:10px;padding:8px 13px}.portfolio{gap:34px}.project img{height:205px}.project .preview{border-radius:14px}.project h3{font-size:23px}.project p{font-size:12px}.project .credits{gap:5px;margin-top:13px}.credits span{font-size:9px;padding:5px 7px}.project .play{left:14px;bottom:14px;padding:10px 14px}.project.wide{display:block}.project.wide img{height:205px}.project.wide .description{padding:23px}.project.wide h3{font-size:25px}.services{gap:15px;margin-top:28px}.services article{padding:25px;min-height:0}.services h3{margin-top:20px;font-size:25px}.services p{font-size:13px}.promo{grid-template-columns:1fr;gap:26px}.promo h3{font-size:25px}.promo p{font-size:13px}.about{grid-template-columns:1fr;gap:35px}.about p{font-size:15px}.about img{height:240px}.contact .contact-grid{grid-template-columns:1fr;gap:30px}.contact h2{font-size:45px;letter-spacing:-1.5px}.contact p{font-size:14px}.contact-list a{font-size:23px;padding:20px 0}.footer{padding:25px 6%;gap:25px;align-items:center}.footer-logo{height:18px}.footer span{font-size:11px;text-align:right}.design-note{font-size:9px;padding:10px 6%}}

.synopsis-label{display:block;font-size:8px;letter-spacing:1.2px;color:#747d8d;margin-bottom:8px}.project p{line-height:1.65}
html{scroll-behavior:auto}

.hero h1{font-size:clamp(48px,5.5vw,84px);letter-spacing:-3px}.hero p{font-size:22px}.strip span:last-child{display:block;color:#b5a3d3}@media(max-width:700px){.hero h1{font-size:44px;letter-spacing:-2px}.hero p{font-size:18px}.strip{gap:8px;flex-wrap:wrap;font-size:8px}}

.showreel-preview{position:relative}.showreel-preview .play{position:absolute;left:20px;bottom:20px;border:1px solid #ffffff55;background:#11151c88;backdrop-filter:blur(6px);border-radius:40px;padding:11px 17px;color:#fff;font-size:11px;cursor:pointer}.services h4{font-size:18px;line-height:1.35;font-weight:500;margin:20px 0 12px;color:#e2e5ec}.services .service-copy{font-size:13px;line-height:1.6;color:#9da6b6;margin-bottom:22px;min-height:104px}.services article>p:last-child{font-size:13px}.promo-intro{margin-top:40px;border-top:1px solid #333a47;padding-top:30px}.promo-intro h3{font-size:29px;font-weight:500;margin-bottom:12px}.promo-intro p{color:#9da6b6;font-size:15px}.why{background:#11151c}.why h2 em{color:#a879ff;font-style:normal}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:45px}.why-grid article{border-top:1px solid #373447;padding-top:22px}.why-grid small{color:#9f79e9}.why-grid h3{font-size:22px;font-weight:500;line-height:1.3;margin:18px 0 12px}.why-grid p{font-size:14px;color:#9da6b6;line-height:1.6}@media(max-width:700px){.showreel-preview .play{left:14px;bottom:14px;padding:10px 14px}.services .service-copy{min-height:0}.why-grid{grid-template-columns:1fr;gap:28px}.why-grid h3{font-size:23px}.promo-intro h3{font-size:26px}}

.poster-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:40px}.poster-gallery figure{margin:0;display:flex;flex-direction:column}.poster-button{border:0;padding:0;background:none;-webkit-appearance:none;appearance:none;width:100%;display:block;border-radius:12px;overflow:hidden;cursor:pointer;text-align:left;outline:none}.poster-button:focus-visible{outline:2px solid #c5a5ff;outline-offset:4px}.poster-frame{display:block;width:100%;aspect-ratio:2/3;border-radius:12px;overflow:hidden;background:#14171e;position:relative}.poster-frame img,.poster-gallery img{display:block;width:100%;height:100%;aspect-ratio:2/3;object-fit:cover;object-position:center;background:#14171e;border-radius:12px;transition:transform .35s cubic-bezier(0.2,0,0,1)}.poster-button:hover .poster-frame img,.poster-button:hover img{transform:scale(1.035)}.poster-gallery figcaption{font-size:13px;color:#b2bac8;margin-top:13px;line-height:1.4;min-height:36px}@media(max-width:700px){.poster-gallery{grid-template-columns:1fr 1fr;gap:22px 14px}.poster-gallery figcaption{font-size:11px;min-height:auto}}

.hero .showreel-preview img{height:auto;aspect-ratio:2.4/1;object-fit:cover}@media(max-width:700px){.hero .showreel-preview img{height:auto;aspect-ratio:2.4/1}}

/* Interactive behavior and production layout */
button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #c5a5ff;outline-offset:5px}html{scroll-behavior:smooth;scroll-padding-top:28px}[hidden]{display:none!important}.skip-link{position:fixed;top:8px;left:8px;z-index:50;padding:12px;background:#9764ff;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}main{display:block}nav{position:relative;max-width:1600px;margin:auto}section,.strip,.footer{padding-left:max(5%,calc((100vw - 1440px)/2));padding-right:max(5%,calc((100vw - 1440px)/2))}.hero{gap:5%}.hero h1{font-size:clamp(42px,5.4vw,84px)}.hero-media{min-width:0}.project-video{position:relative;display:block;border:0;padding:0;width:100%;background:#171b23;color:inherit;text-align:left;border-radius:18px;overflow:hidden}.project-video img{transition:transform .35s}.project-video:hover img{transform:scale(1.025)}.project-video:hover .play,.showreel-preview:hover .play{background:#7445c7e8;border-color:#bda0f2}.project .preview{overflow:visible}.showreel-preview{display:block;cursor:pointer;position:relative}.showreel-button{border:0;background:none;color:inherit;padding:0;width:100%;text-align:left;display:block}.showreel-button img{display:block}.play{transition:background .2s}.showreel-button .play{font-family:inherit}.filters button{padding:10px 18px;border:1px solid #343743;border-radius:30px;background:transparent;color:#b7bdc9;font-size:12px}.filters button.active{background:#9863ff;border-color:#9863ff;color:white}.filters button:hover{border-color:#a879ff}.menu-toggle{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.modal-open{overflow:hidden}dialog{color:#f3f4f7;background:#11151c;border:1px solid #3c334e;border-radius:18px;padding:30px;width:min(1100px,94vw);max-height:92vh;box-shadow:0 25px 100px #0009}dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.dialog-header h2{font-size:25px;letter-spacing:-.7px}.dialog-close{border:1px solid #5c526e;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;color:white;background:#272033;font-size:22px;flex-shrink:0}dialog video{display:block;width:100%;max-height:70vh;background:#050607;border-radius:8px}.player-message{padding:80px 20px;text-align:center;color:#c0b0d5;font-size:22px}.original-video{display:inline-block;margin-top:20px;color:#c0a0ff;font-size:14px;text-decoration:underline}#poster-dialog{width:auto;background:#0b0d10;padding:18px}#poster-dialog img{max-width:85vw;max-height:80vh;display:block;width:auto;height:auto}#poster-dialog .dialog-close{position:absolute;right:26px;top:26px;z-index:2;background:#171322e8}.project.wide .description{padding:32px}.project.wide .credits{gap:5px}.site-footer-links{display:flex;gap:24px}.service-section h4{margin-top:20px}.showreel-preview img{max-width:100%}.project-video .play{pointer-events:none}.no-video .play{color:#d5c8e8}.note-source{color:#8c95a5;font-size:12px}.about .visual small{display:none}.service-copy{min-height:0}.services{align-items:stretch}.services article{display:flex;flex-direction:column}.services article>p:last-child{margin-top:auto;padding-top:10px}.services h4{min-height:50px}.services .service-copy{min-height:110px}.footer strong{color:#b5a3d3}nav .brand{white-space:nowrap}.poster-gallery figcaption{min-height:36px}
@media(min-width:1600px){.hero h1{font-size:84px}.hero{grid-template-columns:1fr 1fr}}
@media(max-width:1100px) and (min-width:701px){.hero h1{font-size:clamp(36px,5.2vw,59px);letter-spacing:-2px}.services{gap:15px}.services article{padding:22px}.services h4{font-size:16px;min-height:65px}.services .service-copy{min-height:150px}.section-head h2{font-size:43px}.why-grid h3{font-size:20px}.project.wide .description{padding:25px}nav span{gap:22px}.strip{font-size:10px}}
@media(max-width:700px){section,.strip,.footer{padding-left:6%;padding-right:6%}.hero h1{font-size:clamp(35px,10.9vw,48px);letter-spacing:-1.8px}.hero{gap:30px}.hero .showreel-preview img{border-radius:16px;aspect-ratio:2.4/1;height:auto}.showreel-button .play{font-size:10px;padding:9px 12px;left:12px;bottom:12px}.hero .caption{gap:10px;line-height:1.5}.hero .caption span:last-child{text-align:right}.services h4{min-height:0}.services .service-copy{min-height:0}.services article>p:last-child{padding-top:0}.menu-toggle{display:flex;align-items:center;gap:9px;background:none;border:1px solid #5b407b;color:#e7d7ff;border-radius:7px;padding:9px 12px;font-size:12px}.mobile-only{display:none}nav{z-index:5}nav>span#main-navigation{display:none;position:absolute;top:77px;left:6%;right:6%;padding:20px;background:#171222;border:1px solid #493359;border-radius:12px;box-shadow:0 20px 40px #0007;flex-direction:column;align-items:stretch;gap:0}nav>span#main-navigation.is-open{display:flex}#main-navigation a{padding:14px 8px;border-bottom:1px solid #35283e;font-size:16px}#main-navigation a:last-child{border-bottom:0}.filters button{font-size:11px;padding:9px 15px}.dialog-header h2{font-size:20px}.dialog-header{margin-bottom:15px}dialog{padding:20px 16px;border-radius:12px}.dialog-close{width:35px;height:35px}.player-message{font-size:18px;padding:60px 10px}.project-video{border-radius:14px}.project.wide .description{padding:23px}.footer{align-items:flex-start}.site-footer-links{gap:12px}.project.wide .preview{overflow:hidden}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Play button with vector icon */
.play{
  display:inline-flex!important;
  align-items:center;
  gap:8px;
}
.play .icon-play{
  flex-shrink:0;
  display:block;
}

/* Vector Arrow Icons (replaces iOS system emojis) */
.icon-arrow-up-right,
.icon-arrow-down-right{
  display:inline-block;
  vertical-align:middle;
  flex-shrink:0;
  transition:transform .25s cubic-bezier(0.2,0,0,1);
}
nav a{
  display:inline-flex;
  align-items:center;
}
nav a .nav-arrow{
  margin-left:6px;
  display:block;
}
nav a:hover .nav-arrow{
  transform:translate(2px,-2px);
}
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
}
.btn .btn-arrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.btn .btn-arrow svg{
  display:block;
}
.btn:hover .icon-arrow-down-right{
  transform:translate(2px,2px);
}
.contact-list a{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
}
.contact-arrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  border-radius:50%;
  background:rgba(168,121,255,0.08);
  border:1px solid rgba(168,121,255,0.22);
  color:#c5a5ff;
  transition:all .25s cubic-bezier(0.2,0,0,1);
  flex-shrink:0;
  margin-bottom:2px;
}
.contact-arrow svg{
  display:block;
  transform:translate(-0.5px,0.5px);
}
.contact-list a:hover .contact-arrow{
  background:#9662ff;
  border-color:#9662ff;
  color:#ffffff;
}
.contact-list a:hover .contact-arrow svg{
  transform:translate(1.5px,-1.5px);
}
.original-video{
  display:inline-flex;
  align-items:center;
  gap:6px;
}
.original-video .icon-arrow-up-right{
  display:block;
}
@media(max-width:700px){
  .btn{
    gap:20px;
  }
  .contact-arrow{
    width:38px;
    height:38px;
    margin-bottom:0;
  }
  .contact-arrow svg{
    width:17px;
    height:17px;
  }
}

/* Smooth atmospheric gradient transition across Hero, About, and Services */
.hero{
  position:relative;
  background:radial-gradient(circle at 85% 35%, rgba(168, 121, 255, 0.08) 0%, transparent 50%),
             linear-gradient(180deg, #0b0d10 0%, #0c0e14 65%, #0e1118 100%);
  border-bottom:1px solid transparent;
  border-image:linear-gradient(90deg, transparent 0%, rgba(168, 121, 255, 0.28) 50%, transparent 100%) 1;
  padding-bottom:80px;
}
.about{
  position:relative;
  background:radial-gradient(circle at 15% 40%, rgba(168, 121, 255, 0.06) 0%, transparent 45%),
             radial-gradient(circle at 80% 60%, rgba(116, 149, 255, 0.06) 0%, transparent 50%),
             linear-gradient(180deg, #0e1118 0%, #10131b 45%, #11151c 100%);
  padding-top:80px;
}
.service-section{
  background:radial-gradient(circle at 50% 0%, rgba(116, 149, 255, 0.05) 0%, transparent 40%),
             linear-gradient(180deg, #11151c 0%, #11151c 85%, #0b0d10 100%);
}
@media(max-width:700px){
  .hero{
    padding-bottom:50px;
  }
  .about{
    padding-top:50px;
  }
}

/* Promo section without top border & PROMO header matching cards (Point 4) */
.promo-intro{
  margin-top:56px;
  border-top:none!important;
  padding-top:0!important;
}
.promo-intro h3{
  font-size:25px;
  font-weight:600;
  letter-spacing:-0.5px;
  color:#af88ff;
  text-transform:uppercase;
  margin-bottom:12px;
}
.promo-intro h4{
  font-size:18px;
  line-height:1.35;
  font-weight:500;
  margin:0 0 10px;
  color:#e2e5ec;
}
.promo-intro .service-copy{
  font-size:13px;
  line-height:1.6;
  color:#9da6b6;
  margin-bottom:0;
  min-height:0;
}

/* Inactive / disabled buttons for hero and project 05 (Points 1 & 6) */
.showreel-button:disabled,
.showreel-button.is-disabled,
.project-video:disabled,
.project-video.is-disabled{
  cursor:default!important;
  pointer-events:none!important;
}
.showreel-button:disabled img,
.showreel-button.is-disabled img,
.project-video:disabled img,
.project-video.is-disabled img{
  transform:none!important;
}
.showreel-preview:hover .showreel-button:disabled .play,
.showreel-preview:hover .showreel-button.is-disabled .play,
.showreel-button:disabled .play,
.showreel-button.is-disabled .play,
.project-video:disabled .play,
.project-video.is-disabled .play{
  background:rgba(17,21,28,0.78)!important;
  border-color:rgba(255,255,255,0.18)!important;
  color:#939aa8!important;
  cursor:default!important;
  box-shadow:none!important;
}

/* Service cards (POST, CGI / VFX, AI) - harmonious padding & margins */
.services article{
  padding:30px 28px!important;
  display:flex!important;
  flex-direction:column!important;
  min-height:0!important;
}
.services h3{
  margin-top:0!important;
  margin-bottom:12px!important;
  font-size:25px!important;
  line-height:1.1!important;
}
.services h4{
  margin:0 0 12px 0!important;
  min-height:46px!important;
  font-size:17px!important;
  line-height:1.35!important;
  color:#e2e5ec!important;
}
.services .service-copy{
  min-height:0!important;
  margin-bottom:24px!important;
  font-size:13.5px!important;
  line-height:1.6!important;
  color:#9da6b6!important;
}
.services article>p:last-child{
  margin-top:auto!important;
  padding-top:0!important;
  font-size:13px!important;
  line-height:1.75!important;
  color:#8c93a3!important;
}
@media(max-width:1100px) and (min-width:701px){
  .services h4{
    min-height:44px!important;
    font-size:16px!important;
  }
  .services .service-copy{
    min-height:0!important;
    margin-bottom:20px!important;
  }
}
@media(max-width:700px){
  .services article{
    padding:24px!important;
  }
  .services h4{
    min-height:0!important;
    font-size:16px!important;
    margin-bottom:10px!important;
  }
  .services .service-copy{
    margin-bottom:18px!important;
  }
}