/* Keep the directions hero within the viewport, including tablet widths. */
body.directions-page .directions-hero{width:100%;max-width:100%;min-width:0;overflow:clip}
body.directions-page .directions-hero>.wrap{box-sizing:border-box;width:calc(100% - 48px);max-width:1160px;min-width:0;margin-inline:auto}
body.directions-page .directions-hero-map{right:0;max-width:100%;transform:none}
body.directions-page .directions-hero-path{right:0;max-width:100%;overflow:hidden}
body.directions-page .directions-hero h1,body.directions-page .directions-hero p{max-width:100%;overflow-wrap:break-word}
body.directions-page .directions-hero p{max-width:min(640px,100%)}
body.directions-page .directions-hero-actions{max-width:100%;min-width:0;flex-wrap:wrap}
body.directions-page .directions-hero-actions .button{max-width:100%;min-width:0;white-space:normal;text-align:center}
@media(min-width:761px) and (max-width:1180px){body.directions-page .directions-hero{min-height:480px;padding:128px 0 64px}body.directions-page .directions-hero>.wrap{width:calc(100% - 64px)}body.directions-page .directions-hero h1{font-size:clamp(36px,4.6vw,52px);max-width:680px}body.directions-page .directions-hero p{max-width:560px}body.directions-page .directions-hero .eyebrow{max-width:100%;white-space:normal;line-height:1.6}body.directions-page .directions-hero-actions{gap:12px}}
@media(max-width:760px){body.directions-page .directions-hero>.wrap{width:calc(100% - 40px)}}

/* The footer ornament must not enlarge the page scroll area. */
body.directions-page .footer::before{right:0;max-width:100%;box-sizing:border-box}