/* Same visual alignment on desktop and phone. */
.hero h1 .orange{margin-left:0;font-style:normal}
.menu-rail{display:block;overflow:hidden;padding:0;background:var(--orange);color:#111;border-block:1px solid #080808}
.menu-rail .rail-window{overflow:hidden;mask-image:none;min-width:0}
.menu-rail .rail-track{display:flex;flex-wrap:nowrap;align-items:center;width:max-content;animation:category-loop 48s linear infinite;transform:none}
.menu-rail .rail-group{display:flex;flex:none;flex-wrap:nowrap;align-items:center;justify-content:start;width:auto;max-width:none;animation:none}
.menu-rail .rail-group a{display:flex;align-items:center;position:relative;white-space:nowrap;flex:none;font-family:Barlow,Impact,sans-serif;font-size:32px;line-height:1.1;text-transform:uppercase;padding:23px 34px;min-height:82px;gap:0}
.menu-rail .rail-group a:before{content:'';position:absolute;left:0;top:33%;bottom:33%;width:1px;background:#1116}
.menu-rail .rail-group a:after{content:none}
.menu-rail .rail-group a:hover{background:#111;color:var(--cream);text-decoration:none}
.menu-rail:has(a:focus-visible) .rail-track,.menu-rail.is-touch-paused .rail-track{animation-play-state:paused}@media(hover:hover) and (pointer:fine){.menu-rail:hover .rail-track{animation-play-state:paused}}
@keyframes category-loop{to{transform:translateX(-50%)}}
@media(max-width:760px){
 h1,h2,h3,h2 span{font-style:normal;text-align:left}
 .hero h1 .orange{margin-left:0;font-style:normal}
 .intro h2{font-size:clamp(44px,13.6vw,80px);line-height:.94;letter-spacing:-1px}
 .intro h2 .outline{color:transparent;-webkit-text-stroke:1px var(--cream);font-style:normal;white-space:nowrap}
 .flavour-top h2{font-size:clamp(45px,13.7vw,80px);line-height:.92;letter-spacing:-1px}
 .flavour-top h2 span{font-style:normal;white-space:nowrap}
 .sharing-copy h2{font-size:clamp(47px,14.5vw,83px);line-height:.94;letter-spacing:-1px}
 .sharing-copy h2 span{font-style:normal;white-space:nowrap}
 .story-copy h2{font-size:clamp(44px,13.5vw,79px);line-height:.95;letter-spacing:-1px}
 .location-card h2,.closing h2{font-style:normal}
 .closing h2{font-size:clamp(68px,20vw,100px)}
 .flavour-dialog .dialog-head h2 span{font-style:normal}
 .menu-rail .rail-group a{font-size:28px;padding:20px 27px;min-height:74px}
}
@media(prefers-reduced-motion:reduce){
 .menu-rail .rail-track{animation:none;transform:none;width:auto}
 .menu-rail .rail-group{flex-wrap:wrap;width:100%}
 .menu-rail .rail-clone{display:none}
 .menu-rail .rail-group a{font-size:26px;padding:17px 23px;min-height:62px}
}