/* Match the visible figure height to the current films mascots, accounting for transparent canvas margins. */
.hero-identity{--engineer-height:min(400px,calc((min(100vw - 79px,1760px) - 32px) * .22255))}
.hero-identity .hero-mascot{height:calc(var(--engineer-height) * var(--canvas-ratio));width:auto;max-width:none;max-height:none;min-height:0;object-fit:contain;justify-self:center;align-self:center;margin:0;transform:none}
.hero-identity .pupa{--canvas-ratio:1.04048583}.hero-identity .lupa{--canvas-ratio:1.04897959}
@media(min-width:1101px){.hero-identity{height:calc(var(--engineer-height) * 1.05 + var(--mascot-top,24px));min-height:calc(var(--engineer-height) * 1.05 + var(--mascot-top,24px))}.hero.shell{min-height:calc(var(--engineer-height, min(400px,calc((min(100vw - 79px,1760px) - 32px) * .22255))) * 1.05 + 440px)}}
@media(min-width:651px) and (max-width:1100px){.hero-identity{--engineer-height:min(362px,calc((100vw - 111px) * .2393))}}
@media(max-width:650px){.hero-identity{--engineer-height:min(196.3px,calc((100vw - 47px) * .50265));width:100%;max-width:430px;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;padding-block:0 8px;row-gap:24px}.hero-content{gap:24px}.hero.shell{overflow:clip}}

.hero-content{grid-template-columns:minmax(0,1fr)}.hero-identity{min-width:0}

@media(min-width:1101px) and (max-height:780px){.hero-identity{--engineer-height:min(376px,calc((min(100vw - 79px,1760px) - 28px) * .22255),calc(clamp(140px,100svh - 390px,340px) * 1.1012))}}
@media(min-width:701px) and (max-width:1000px){.hero-identity{--engineer-height:min(285px,calc((100vw - 83px) * .20776))}}