@font-face{font-family:JouWorld;src:url('assets/about/poppins-regular.ttf') format('truetype');font-weight:400;font-display:swap}
#phone-map-guide{inset:0;z-index:5;pointer-events:none;color:#212121;font-family:JouWorld,Arial,sans-serif}
.world-guidance{width:100%;padding:0 18px;text-align:center}
.world-guidance h1{display:flex;align-items:center;justify-content:center;min-height:67px;margin:0;font:400 44px/1.4 JouWorld,Arial,sans-serif;letter-spacing:.015em}
.world-guidance h1 i{display:inline-block;width:1px;height:40px;background:currentColor;margin-left:4px;animation:world-caret .4s steps(1) infinite}
.world-info{margin-top:18px;font:400 15px/1.8 JouWorld,Arial,sans-serif;color:#4f5949}
.world-info p{margin:0}.world-info .world-how{font-size:16px;margin-top:13px;color:#2d3828}
body.phone-map-guided #viewport{filter:blur(var(--world-blur,0px))}
body.phone-map-guided :is(#phone-intro,#home-summary,#phone-intro-guide,#labels,.house-callout){visibility:hidden!important;opacity:0!important;pointer-events:none!important}
@keyframes world-caret{50%{opacity:0}}
@media(max-width:899px),(hover:none),(any-pointer:coarse){.world-guidance h1{font-size:29px;min-height:51px}.world-guidance h1 i{height:27px}.world-info{font-size:13px}.world-info .world-how{font-size:14px}}
@media(prefers-reduced-motion:reduce){.world-guidance h1 i{animation:none}}

/* Prevent homepage copy and instruction text flashing before the first animation frame. */
html.world-intro-pending :is(#phone-intro,#home-summary,#phone-intro-guide,#labels,.house-callout),body.world-guide-leaving :is(#phone-intro,#home-summary,#phone-intro-guide,#labels,.house-callout){visibility:hidden!important;opacity:0!important;pointer-events:none!important}
.world-guidance h1,.world-info{opacity:0}
body.world-guide-leaving #phone-map-guide{display:flex}

html.world-intro-pending #viewport{opacity:0}
body.phone-map-guided #viewport{opacity:var(--world-reveal,0)}