.mark-host{container-type:inline-size;position:relative;--mark-b:min(calc(5% + 52px),38%)}.mark{position:absolute;pointer-events:none;z-index:3}.mark-name{left:0;right:0;top:50%;transform:translateY(-50%) rotate(-8deg);text-align:center;padding:0 5%}.mark-name span{font-family:var(--disp);font-size:clamp(16px,11cqw,50px);line-height:.88;text-transform:uppercase;color:#fff;opacity:.3;display:block;overflow-wrap:break-word;-webkit-text-stroke:.5px rgba(0,0,0,.55);text-shadow:0 0 1px rgba(0,0,0,.75),0 1px 2px rgba(0,0,0,.6),0 2px 14px rgba(0,0,0,.5)}.mark-logo{animation:markRoam 12s step-end infinite,markArrive .6s ease-out 3s both}@keyframes markArrive{0%{opacity:0}to{opacity:1}}.mark-logo img{width:32cqw;min-width:68px;max-width:137px;height:auto;display:block;filter:drop-shadow(0 2px 6px rgba(0,0,0,.9))}@keyframes markRoam{0%{top:5%;left:5%;right:auto;bottom:auto}25%{top:auto;left:auto;right:5%;bottom:var(--mark-b)}50%{top:5%;left:auto;right:5%;bottom:auto}75%{top:auto;left:5%;right:auto;bottom:var(--mark-b)}to{top:5%;left:5%;right:auto;bottom:auto}}@media(prefers-reduced-motion:reduce){.mark-logo{animation:markArrive 0s step-end 3s both;top:5%;left:5%}}