body.k404-mockup-case .elastic-fields .image-wrapper img{display:block;width:100%;height:auto;aspect-ratio:auto!important;object-fit:contain}
body.k404-mockup-case #section-12.section .title-wrapper h1{font-size:clamp(28px,2.5vw,40px);line-height:1.2;letter-spacing:-.02em;font-weight:400;margin:0}
body.k404-mockup-case #section-12 .col-bottom-image:not(:has(img)){display:none}
body.k404-mockup-case #section-12 .text-editor .project-credits{font-size:14px;line-height:1.5;margin-top:18px}
body.k404-mockup-case .case-film{position:relative;width:100%;overflow:hidden;background:#eee}
body.k404-mockup-case .case-film-video{display:block;width:100%;height:auto;object-fit:contain}
body.k404-mockup-case .case-film-toggle{position:absolute;right:18px;bottom:18px;border:1px solid #fff8;border-radius:30px;background:#101010cf;color:#fff;padding:11px 18px;font:500 13px/1.3 sans-serif;min-height:44px;cursor:pointer}
body.k404-mockup-case .case-film-toggle[hidden]{display:none}
body.k404-mockup-case .case-film-toggle:focus-visible{outline:3px solid #ff4c8e;outline-offset:3px}
body.k404-mockup-case #section-14.grid .section-content{align-items:start}
@media(max-width:650px){body.k404-mockup-case .case-film-toggle{right:10px;bottom:10px;font-size:12px;padding:9px 13px}}

/* AHAVA: opening image ends at the fixed bottom navigation. */
body.postid-31881.k404-mockup-case #section-12 .col-top .image-wrapper {height:calc(100svh - var(--ahava-menu-height,77px));overflow:hidden;}
body.postid-31881.k404-mockup-case #section-12 .col-top .image-wrapper img {height:100%;width:100%;object-fit:cover;object-position:center;}