/* Motion surfaces reserve their layout space even with JavaScript disabled. */
.reading-progress{position:fixed;inset-block-start:0;inset-inline:0;height:3px;background:var(--gold);transform:scaleX(0);transform-origin:left center;z-index:100;pointer-events:none}
[dir=rtl] .reading-progress{transform-origin:right center}
.food-frame{position:absolute;inset:0;overflow:hidden;border-radius:200px 200px 18px 18px;isolation:isolate}
.food-frame .hero-food{border-radius:0}
.manifesto-image{overflow:hidden;isolation:isolate;border-radius:16px 16px 150px 16px}
.manifesto-image img{border-radius:0}
.hero h1{transform-origin:0 80%}
[dir=rtl] .hero h1{transform-origin:100% 80%}
.reveal{transition:none}
.pill,.store{position:relative;isolation:isolate;overflow:hidden}
.pill::before,.store::before{content:'';position:absolute;inset:0;background:rgba(255,255,255,.12);transform:translateX(-105%);transition:transform .45s ease;z-index:-1}
.pill:hover::before,.store:hover::before{transform:translateX(0)}
.nav nav a{position:relative}
.nav nav a::after{content:'';position:absolute;bottom:-5px;inset-inline:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:0 50%;transition:transform .25s ease}
.nav nav a:hover::after,.nav nav a:focus-visible::after{transform:scaleX(1)}
.role-tabs button{transition:color .25s,border-color .25s}
.faq-items summary::after{transition:transform .25s}
.faq-items summary:hover::after{transform:rotate(90deg)}
.faq-items details[open] summary:hover::after{transform:none}
.flavour-band [aria-hidden]{display:inline-block}
@media(max-width:700px){.food-frame{border-radius:170px 170px 16px 16px}.manifesto-image{border-end-end-radius:100px}}
@media(prefers-reduced-motion:reduce){.reading-progress{display:none}.pill:hover,.store:hover{transform:none}}