div.land{height:100vh;animation:animation-var ease-in-out both;animation-timeline:view();animation-range:contain 0% cover 90%;>div{position:fixed;display:flex;align-items:center;justify-content:center;white-space:nowrap;top:calc(1.5rem + (50% - 1.5rem) * var(--animation-var-rev));left:calc(var(--x-margin) + (50% - var(--x-margin)) * var(--animation-var-rev));--gap: calc(1rem + 2rem * var(--animation-var-rev));transform:translate(calc(-50% * var(--animation-var-rev)),calc(-50% * var(--animation-var-rev)));--img-width: calc(2.5rem + 15rem * var(--animation-var-rev));--padding: calc(var(--img-width) + var(--gap));>h1{line-height:1;font-size:calc(1.25rem + 4rem * var(--animation-var-rev));padding-left:calc(var(--img-width) + var(--gap));@media screen and (max-width: 1024px){padding-left:calc(var(--padding) * var(--animation-var));padding-top:calc(var(--padding) * var(--animation-var-rev));font-size:calc(1.25rem + 2rem * var(--animation-var-rev))}@media screen and (max-width: 768px){font-size:calc(1.25rem + 1.4rem * var(--animation-var-rev))}}>img{position:absolute;border-radius:9999px;width:var(--img-width);@media screen and (min-width: 1024px){left:0;top:50%;--un-translate-y:-50%;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}@media screen and (max-width: 1024px){left:calc(50% * var(--animation-var-rev));top:calc(50% * var(--animation-var));transform:translate(calc(-50% * var(--animation-var-rev)),calc(-50% * var(--animation-var)))}}}}