/* Phone layout. Scoped to the website so CRM and WP plugin grids cannot resize it. */
.home-page .card:not(:has(.card__gif)):hover .card__still{opacity:1}
@media (max-width: 760px) {
 html {font-size:16px!important;width:100%;overflow-x:clip}
 body.home-page,body.project-page {width:100%!important;min-width:0!important;margin:0!important;overflow-x:clip!important}
 .home-page main,.home-page main>section,.home-page .footer,.project-page .project-shell {width:100%!important;max-width:100%!important;min-width:0!important;margin-inline:0!important}
 .home-page .container {width:calc(100% - 36px)!important;max-width:600px!important;min-width:0!important;margin-inline:auto!important;padding-inline:0!important;float:none!important}
 .home-page .menu,.project-page .menu {position:fixed!important;inset:0 0 auto!important;width:100%!important;height:64px!important;min-height:64px!important;background:#1d1d1d!important;padding:0 16px!important;z-index:1000!important}
 .menu .menu__logo,.menu .menu__logo.is-small {top:12px!important;left:16px!important;width:52px!important;height:40px!important}
 .menu .menu__toggle {width:122px!important;min-height:46px!important;justify-content:center!important;border-radius:14px!important;font-size:14px!important;padding:12px 18px!important}
 .menu .menu__row {inset:64px 0 0!important;height:calc(100dvh - 64px)!important;padding:20px 22px calc(28px + env(safe-area-inset-bottom))!important;z-index:999!important;align-items:stretch!important;text-align:left!important}
 .menu .menu__row a {padding:18px 8px!important;min-height:56px!important;font:600 20px/1.25 Nekst,Arial,sans-serif!important}
 .home-page .main {height:auto!important;min-height:100svh!important;padding:64px 0 0!important;overflow:visible!important}
 .home-page .hero__inner {height:auto!important;min-height:calc(100svh - 64px)!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;padding:0!important}
 .home-page .main-title {width:100%!important;max-width:100%!important;margin:0!important;text-align:center!important;font-size:clamp(20px,6.6vw,44px)!important;line-height:1.02!important;letter-spacing:-.045em!important;align-items:center!important;overflow-wrap:normal!important}
 .home-page .main-title>span {width:100%!important;max-width:100%!important;white-space:normal!important}
 .home-page .title__line {display:flex!important;flex-direction:column!important;align-items:center!important}
 .home-page .title__reveal {position:static!important;display:block!important;width:auto!important;max-width:100%!important;padding:4px 0!important;overflow:hidden!important}
 .home-page .title__reveal .title__active {font-size:.64em!important;transform:translateY(130%);white-space:nowrap!important}
 .home-page .title__hide {position:static!important;width:100%!important;order:1!important;margin:24px 0 0!important;font-size:clamp(16px,4.9vw,26px)!important;text-align:center!important}
 .home-page .rating-badge {position:absolute!important;top:88px!important;right:20px!important;width:66px!important;height:66px!important;z-index:10!important}
 .home-page .showreel-scroll {height:200svh!important;min-height:1120px!important;width:100%!important}
 .home-page .showreel {height:100svh!important;position:sticky!important;top:0!important}
 .home-page .showreel {width:100%!important;max-width:100%!important}
 .home-page .showreel__frame {left:18px!important;width:calc(100% - 36px)!important;max-width:none!important}
 .home-page .showreel video {width:100%!important;margin:0!important}
 .home-page .projects>.container {padding-top:48px!important}
 .home-page .cards {display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:36px!important;width:100%!important;margin:0!important}
 .home-page .card {width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important;text-align:center!important;float:none!important}
 .home-page .card__visual {width:100%!important;height:auto!important;aspect-ratio:16/10!important;border-radius:0!important;overflow:hidden!important}
 .home-page .card__visual img {width:100%!important;height:100%!important;object-fit:cover!important}
 .home-page .card h2 {font-size:clamp(20px,5.6vw,30px)!important;line-height:1.1!important;margin:14px 0 8px!important;overflow-wrap:anywhere!important}
 .home-page .card i {margin:0 auto 10px!important}
 .home-page .card p {font:400 15px/1.4 Nekst,Arial,sans-serif!important;margin:0!important}
 .home-page .cards__more {text-align:center!important;margin:36px 0 0!important}
 .home-page .cards__more button {min-height:50px!important;border-radius:12px!important;font-size:14px!important}
 .home-page .projects {padding-bottom:64px!important}
 .home-page .advantage {padding:54px 0!important}
 .home-page .advantage>.container>h2 {font-size:clamp(18px,5.4vw,30px)!important;line-height:1.12!important;text-align:center!important;margin:0 0 40px!important;overflow-wrap:normal!important}
 .home-page .advantage__cards {grid-template-columns:minmax(0,1fr)!important;gap:36px!important}
 .home-page .advantage__cards article {text-align:center!important;min-width:0!important}
 .home-page .advantage__title,.home-page .advantage__title h3 {width:100%!important;max-width:100%!important;text-align:center!important;margin-inline:auto!important}
 .home-page .advantage__cards h3 {font-size:clamp(17px,4.8vw,26px)!important;line-height:1.15!important}
 .home-page .advantage__cards p {font:400 16px/1.55 Nekst,Arial,sans-serif!important;text-align:center!important}
 .home-page .clients__heading h2 {font-size:clamp(20px,5.4vw,30px)!important;text-align:center!important;line-height:1.2!important}
 .home-page .clients__logos {width:100%!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:28px 16px!important;margin:36px 0!important}
 .home-page .clients__logos img {width:100%!important;max-width:112px!important;height:48px!important;object-fit:contain!important;margin:auto!important}
 .home-page .clients__yes {font-size:clamp(28px,9vw,50px)!important;line-height:1.05!important;text-align:center!important;overflow-wrap:normal!important}
 .home-page .services {padding:48px 18px!important;text-align:center!important}
 .home-page .services h2 {font-size:clamp(22px,5.5vw,32px)!important;line-height:1.16!important;text-align:center!important;margin-inline:auto!important;max-width:100%!important}
 .home-page .contacts {display:flex!important;flex-direction:column!important;width:100%!important;min-height:0!important;background:white!important;overflow:hidden!important}
 .home-page .contacts__visual {width:100%!important;min-height:0!important;height:auto!important;aspect-ratio:16/10!important;margin:0!important}
 .home-page .contacts__content {position:static!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;min-width:0!important;min-height:0!important;height:auto!important;padding:34px 18px 48px!important;background:white!important;transform:none!important}
 .home-page .contacts__content h2 {width:100%!important;text-align:center!important;font-size:clamp(24px,7vw,36px)!important;line-height:1.1!important;margin:0 0 24px!important}
 #brief-form {display:block!important;width:100%!important;min-width:0!important;max-width:480px!important;margin:0 auto!important;align-self:stretch!important;flex:0 0 auto!important}
 #brief-form form,#brief-form .b24-form,#brief-form .b24-form-wrapper,#brief-form .b24-form-content,#brief-form .wpcf7 {width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
 #brief-form .b24-form-content {padding-inline:16px!important}
 #brief-form input:not([type=checkbox]):not([type=radio]),#brief-form textarea,#brief-form select {font-size:16px!important;min-height:48px!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
 #brief-form .b24-form-btn,#brief-form input[type=submit],#brief-form button[type=submit] {width:100%!important;white-space:normal!important;min-height:50px!important;font-size:16px!important}
 .home-page .footer__inner {display:flex!important;flex-direction:column!important;align-items:center!important;gap:22px!important;text-align:center!important;padding-block:38px!important}
 .home-page .footer__logo {filter:brightness(0) invert(1)!important;width:145px!important}
 .home-page .footer__contact {font:400 16px/1.5 Nekst,Arial,sans-serif!important}
 .home-page .footer__social a {width:46px!important;height:46px!important}
 .home-page .footer p {font-size:12px!important;line-height:1.5!important}
 .cookie {bottom:0!important;min-height:70px!important;padding:12px 14px calc(12px + env(safe-area-inset-bottom))!important;gap:14px!important;font-size:12px!important;line-height:1.4!important}
 .cookie button {min-width:58px!important;min-height:44px!important}
 body.project-page .project-shell {display:flex!important;flex-direction:column!important;padding:92px 18px 40px!important;gap:32px!important}
 .project-page .project-sidebar,.project-page .project-content {width:100%!important;min-width:0!important}
 .project-page .project-sidebar__sticky {position:static!important}
 .project-page .project-titlebar h1 {font-size:clamp(24px,7vw,42px)!important;line-height:1.1!important;overflow-wrap:anywhere!important}
 .project-page .project-related__grid {grid-template-columns:minmax(0,1fr)!important}
 /* Flatten only the phone layout so the film precedes the description/team. */
 .project-page .project-content {display:contents!important}
 .project-page .project-titlebar {order:0;width:100%!important}
 .project-page .project-film {order:1;width:100%!important;background:#fff}
 .project-page .project-sidebar {order:2}
 .project-page .project-bts {order:3;width:100%!important;background:#fff}
 .project-page .project-related {order:4;width:100%!important;background:#fff}
}

/* Center the desktop navigation strip on landscape tablets. */
@media (min-width:1001px) and (max-width:1366px) and (orientation:landscape) {
 .home-page .menu__row {left:50%!important;right:auto!important;width:75vw!important;transform:translateX(-50%)!important;padding-inline:1.1vw!important;box-shadow:none!important}
}

@media (min-width:761px) and (max-width:1366px) {
 .home-page .showreel-scroll {margin-top:0!important}
 .home-page .title__hide {position:absolute!important;top:48%!important;bottom:auto!important;right:0!important;font-size:clamp(22px,3vw,40px)!important;max-width:36%;text-align:right}
 .home-page .title__active {margin-left:.25em!important}
}

/* Center all blocks on tablet and desktop, including desktop browsing mode. */
@media (min-width:761px) {
 body.home-page {width:100%!important;min-width:0!important;margin:0!important;overflow-x:clip!important}
 .home-page main,.home-page main>section,.home-page .footer {width:100%!important;max-width:100%!important;margin-inline:0!important}
 .home-page .container,.home-page .projects>.container {width:82vw!important;max-width:1440px!important;margin-inline:auto!important;padding-inline:0!important;float:none!important}
 .home-page .cards {width:100%!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;margin-inline:auto!important}
 .home-page .card {width:100%!important;min-width:0!important;text-align:center!important}
 .home-page .card i {margin-inline:auto!important}
 .home-page .card__visual {border-radius:0!important}
 .home-page .advantage>.container>h2,.home-page .advantage__cards article,.home-page .clients__heading h2,.home-page .services,.home-page .services h2 {text-align:center!important;margin-inline:auto!important}
 .home-page .advantage__title,.home-page .advantage__cards h3,.home-page .advantage__cards i {margin-inline:auto!important}
 .home-page .clients__logos {width:100%!important;margin-inline:auto!important}
 .home-page .clients__yes {text-align:center!important;font-size:clamp(40px,7vw,100px)!important}
 .home-page .contacts {width:100%!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
 .home-page .contacts__content {width:100%!important;min-width:0!important;padding:36px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;text-align:center!important}
 #brief-form {width:100%!important;max-width:480px!important;margin-inline:auto!important}
 .home-page .title__hide {position:absolute!important;top:48%!important;bottom:auto!important;right:0!important;z-index:3!important;max-width:36%;font-size:clamp(22px,3vw,40px)!important;text-align:right}
 .home-page .rating-badge {position:absolute!important}
 .home-page .showreel-scroll {margin-top:0!important}
 .home-page .menu__row {left:50%!important;right:auto!important;width:82vw!important;transform:translateX(-50%)!important;box-shadow:none!important;padding-inline:1.1vw!important}
}
/* Keep the collapsible navigation behavior on smaller tablets. */
@media (min-width:761px) and (max-width:1000px) {
 .home-page .menu__row {left:0!important;width:100%!important;transform:translateY(calc(-100% - 65px))!important}
 .home-page .menu.is-open .menu__row {transform:none!important}
}

/* One continuous phone headline; both signatures share the last-line slot. */
@media(max-width:760px){
 .home-page .cards__more button {border-radius:0!important}
 .home-page .hero__inner {align-items:flex-start!important}
 .home-page .main-title {width:100%!important;max-width:100%!important;font-size:clamp(20px,6.6vw,44px)!important;line-height:1.04!important;text-align:left!important;align-items:flex-start!important}
 .home-page .main-title>span {width:100%!important;white-space:nowrap!important}
 .home-page .title__line {display:block!important}
 .home-page .title__swap-line {position:relative!important}
 .home-page .title__reveal {position:absolute!important;left:auto!important;right:0!important;top:calc(100% + 12px)!important;bottom:auto!important;width:58%!important;max-width:none!important;height:1.3em!important;margin:0!important;padding:0 0 0 8px!important;overflow:hidden!important}
 .home-page .title__reveal .title__active {position:absolute!important;left:8px!important;top:0!important;bottom:auto!important;margin:0!important;font-size:.74em!important;line-height:1!important;white-space:nowrap!important}
 .home-page .title__reveal .title__hide {position:absolute!important;left:8px!important;right:auto!important;top:0!important;bottom:auto!important;width:auto!important;max-width:none!important;margin:0!important;font-size:.63em!important;line-height:1.35!important;white-space:nowrap!important;text-align:left!important}
}

@media(max-width:760px){
 .home-page .hero__inner {padding-bottom:50px!important}
 .home-page .main-title {text-align:center!important;align-items:center!important}
 .home-page .title__reveal .title__active {font-size:.72em!important}
 .home-page .title__reveal .title__hide {font-size:.58em!important}
}

@media(max-width:760px){.home-page .title__reveal .title__active{opacity:0}}