/* All case artwork uses its native 1920px composition at every viewport width.
   The shared header, footer and case navigation retain their responsive styles. */
.mera-case-page{--case-unit:min(.052083333333vw,1px)}
.mera-case-page .case-desktop,.mera-case-page .it-desktop,.mera-case-page .desktop-case{display:block!important}
.mera-case-page .case-mobile,.mera-case-page .it-mobile,.mera-case-page .mobile-case{display:none!important}
.mera-case-page .jp-team{margin-top:calc(64 * var(--case-unit));margin-bottom:calc(48 * var(--case-unit))}
.mera-case-page .jp-team__photos{gap:calc(16 * var(--case-unit))}
.mera-case-page .jp-team__person{width:calc(80 * var(--case-unit));height:calc(80 * var(--case-unit))}
/* Desktop hero geometry also applies when the entire canvas is scaled down. */
.mera-case-page .desktop-case .j5{font-size:150px;line-height:.95;letter-spacing:-6px;width:900px;height:430px;top:90px}
.mera-case-page .desktop-case [data-node-id="100:4474"]{top:535px!important}
.mera-case-page .desktop-case [data-node-id="100:4498"]{top:590px}
.mera-case-page .desktop-case [data-node-id="100:4499"]{top:1280px}
.mera-case-page .desktop-case [data-node-id="100:4500"]{top:8px!important;scale:.9}
.mera-case-page .desktop-case .design-section:has(>.design-canvas[data-node-id="100:4470"]){aspect-ratio:1920/1900!important}

.mera-case-page main{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.mera-case-page .desktop-case>.jp-reference-video{border-radius:calc(24 * var(--case-unit))}