:root{--bg:#efc977;--ink:#1c1408;--mute:#533f15;--pop:#b65448;--onpop:#ffffff;--band:#1c1408;--onband:#efc977;--bmute:#b38a25;--paper:#fff4d6;--line:#1c1408;--pin:#b65448;--onpin:#ffffff;--now:#efc977;--onnow:#1c1408}
/* Look R "Street": food trucks, takeaways, pizza and kebab places. A gig poster pasted on a wall: the page is a
   saturated colour, every headline is Anton capitals sized to fill its column, section edges are cut on a diagonal,
   the order number sits on a raffle ticket and the week is drawn as a stylised street map with lettered pins.
   Faces: Anton (display), Familjen Grotesk / Space Mono / Rethink Sans (text), self-hosted from @fontsource 5.3.0
   (OFL, licences in fonts/). Every class starts with r-. */
@font-face{font-family:"Anton R";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/anton-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Anton R";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/anton-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Familjen R";font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/familjen-grotesk-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Familjen R";font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/familjen-grotesk-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Space Mono R";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/space-mono-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Space Mono R";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/space-mono-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Space Mono R";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/space-mono-latin-ext-700-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Space Mono R";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/space-mono-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Rethink R";font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/rethink-sans-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Rethink R";font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/rethink-sans-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* tokens: --hf the poster face, --tf the text face (per pairing); one spacing scale; --cut the diagonal's rise */
:root{--hf:"Anton R",Impact,"Arial Narrow",sans-serif;--tf:"Familjen R",system-ui,sans-serif;--max:1360px;--pad:clamp(16px,4vw,56px);
  --cut:clamp(28px,4.4vw,72px);--s1:8px;--s2:16px;--s3:24px;--s4:40px;--s5:64px;--s6:104px;--bw:3px;
  --m-accent:var(--pop);--m-header-bg:var(--bg);
  --g-max:1360px;--g-pad:var(--pad);--g-bg:var(--bg);--g-paper:var(--bg);--g-surface:var(--paper);--g-ink:var(--ink);--g-muted:var(--mute);
  --g-line:var(--ink);--g-accent:var(--pop);--g-radius:0px;--g-fd:var(--hf);--g-ft:var(--tf)}
body.f-stub{--tf:"Space Mono R",ui-monospace,monospace}
body.f-round{--tf:"Rethink R",system-ui,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:16px}
body{margin:0;background:var(--bg);color:var(--ink);font:400 calc(17px*var(--tune-size,1))/1.5 var(--tf);overflow-x:clip}
body.f-stub{font-size:calc(15.5px*var(--tune-size,1))}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3{margin:0;font-weight:400}
h1,h2,h3,summary,b{overflow-wrap:anywhere;min-width:0}
p{margin:0}
:focus-visible{outline:3px solid currentColor;outline-offset:3px}
.r-wrap{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:var(--pad)}
.r-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.r-big{font:400 calc(clamp(44px,6.4vw,96px)*var(--tune-size,1))/.95 var(--hf);text-transform:uppercase;letter-spacing:.005em;text-wrap:balance}
.r-lede{font-size:calc(clamp(18px,1.55vw,22px)*var(--tune-size,1));line-height:1.4;font-weight:500;max-width:32ch;text-wrap:pretty}
.r-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 26px;background:var(--ink);color:var(--bg);font:400 calc(20px*var(--tune-size,1))/1 var(--hf);text-transform:uppercase;letter-spacing:.02em;text-decoration:none;border:0;cursor:pointer;box-shadow:0 1px 2px color-mix(in srgb,var(--tone-sh,#000) 7%,transparent),0 3px 6px color-mix(in srgb,var(--tone-sh,#000) 6%,transparent),0 5px 10px -3px color-mix(in srgb,var(--tone-sh,#000) 6%,transparent),0 10px 20px -5px color-mix(in srgb,var(--tone-sh,#000) 5%,transparent)}
@media(hover:hover){.r-btn:hover{background:var(--pop);color:var(--onpop);box-shadow:0 1px 2px color-mix(in srgb,var(--tone-sh,#000) 7%,transparent),0 3px 6px color-mix(in srgb,var(--tone-sh,#000) 6%,transparent),0 5px 10px -3px color-mix(in srgb,var(--tone-sh,#000) 6%,transparent),0 10px 20px -5px color-mix(in srgb,var(--tone-sh,#000) 5%,transparent)}}

/* ---------- header: sticker + one row of links ---------- */
/* one row on every screen (84 px on a computer, 64 px on a phone): the name on a pasted label, the links in poster
   capitals, the languages; the order number is the hero's ticket, so the header carries no second button */
.r-top{--hh:84px;position:relative;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:var(--s3);max-width:var(--max);min-height:var(--hh);margin-inline:auto;padding:12px var(--pad)}
.r-sticker{display:inline-flex;align-items:center;min-height:56px;max-width:min(60vw,420px);padding:2px 20px 0;background:var(--paper);color:var(--ink);border:var(--bw) solid var(--ink);text-decoration:none;font:400 calc(clamp(22px,2vw,28px)*var(--tune-size,1))/1 var(--hf);text-transform:uppercase;letter-spacing:.02em}
[data-tone=playful] .r-sticker{box-shadow:0 1px 2px color-mix(in srgb,var(--tone-sh,#000) 7%,transparent),0 3px 6px color-mix(in srgb,var(--tone-sh,#000) 6%,transparent),0 5px 10px -3px color-mix(in srgb,var(--tone-sh,#000) 6%,transparent),0 10px 20px -5px color-mix(in srgb,var(--tone-sh,#000) 5%,transparent);rotate:0deg}
.r-sticker .brand-logo,.r-sticker .brand-logo img{height:34px}
.r-nav{display:flex;align-items:center;gap:var(--s4)}
.r-nav .r-links{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:4px clamp(18px,2.2vw,32px)}
.r-nav .r-links a{display:block;padding:8px 0 6px;font:400 calc(19px*var(--tune-size,1))/1.1 var(--hf);text-transform:uppercase;letter-spacing:.03em;text-decoration:none}
.r-nav .r-links a[aria-current]{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:7px}
@media(hover:hover){.r-nav .r-links a:hover{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:7px;text-decoration-color:var(--pop)}}
.r-nav .langs{font-weight:600}
.r-sheet{display:none}
@media(max-width:960px){.r-nav .r-links{gap:4px 18px}.r-nav .r-links a{font-size:calc(17px*var(--tune-size,1))}.r-nav{gap:var(--s3)}}
@media(max-width:760px){
  .r-top{--hh:64px;padding-block:10px}
  .r-nav{display:none}
  .r-sticker{min-height:44px;font-size:calc(20px*var(--tune-size,1));padding:2px 14px 0;max-width:62vw}
  .r-sheet{display:block}
  .r-sheet summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;min-height:44px;min-width:84px;padding:0 16px;background:var(--ink);color:var(--bg);font:400 calc(19px*var(--tune-size,1))/1 var(--hf);text-transform:uppercase;letter-spacing:.03em}
  .r-sheet summary::-webkit-details-marker{display:none}
  .r-sheet .r-sheet-c,.r-sheet[open] .r-sheet-o{display:none}
  .r-sheet[open] .r-sheet-c{display:inline}
  .r-sheet nav{position:absolute;left:0;right:0;top:100%;background:var(--band);color:var(--onband);padding:24px var(--pad) 32px;display:grid;gap:20px;clip-path:polygon(0 0,100% 14px,100% 100%,0 100%)}
  .r-sheet .r-links{list-style:none;margin:0;padding:14px 0 0;display:grid;gap:6px}
  .r-sheet .r-links a{font:400 calc(40px*var(--tune-size,1))/1.05 var(--hf);text-transform:uppercase;text-decoration:none}
  .r-sheet-tel{font:400 calc(26px*var(--tune-size,1))/1 var(--hf);color:var(--onband)}
}

/* ---------- poster headline ---------- */
.r-poster{font-family:var(--hf);text-transform:uppercase;line-height:1;letter-spacing:0;margin:0}
.r-poster .r-ln{display:block;white-space:nowrap;font-size:min(var(--cap,240px),calc(100cqi / var(--em) * .985));padding-top:calc(var(--lift,0) * 1em)}
@media(max-width:700px){
  .r-poster{font-size:min(var(--capm,84px),calc(100cqi / var(--wide) * .97));line-height:var(--lh,1);text-wrap:balance}
  .r-poster .r-ln{display:inline;font-size:inherit;white-space:normal;padding-top:0}
}

/* ---------- order ticket ---------- */
.r-ticket{--stub:118px;--n:11px;position:relative;display:grid;grid-template-columns:minmax(0,1fr) var(--stub);width:min(100%,460px);min-height:112px;background:var(--pop);color:var(--onpop);
  -webkit-mask:radial-gradient(circle var(--n) at calc(100% - var(--stub)) 0,#0000 97%,#000) 0 0/100% 51% no-repeat,radial-gradient(circle var(--n) at calc(100% - var(--stub)) 100%,#0000 97%,#000) 0 100%/100% 51% no-repeat;
  mask:radial-gradient(circle var(--n) at calc(100% - var(--stub)) 0,#0000 97%,#000) 0 0/100% 51% no-repeat,radial-gradient(circle var(--n) at calc(100% - var(--stub)) 100%,#0000 97%,#000) 0 100%/100% 51% no-repeat}
.r-ticket:not(:has(.r-tk-stub)){grid-template-columns:minmax(0,1fr);-webkit-mask:none;mask:none}
.r-tk-main{container-type:inline-size;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:18px 22px}
.r-tk-l{font-size:calc(15px*var(--tune-size,1));font-weight:700;line-height:1.2}
.r-tk-n{display:flex;align-items:center;min-height:40px;font:400 min(44px,calc(100cqi / var(--em,7) * .97))/1 var(--hf);letter-spacing:.01em;text-transform:uppercase;text-decoration:none;white-space:nowrap;color:inherit}
a.r-tk-n{background:var(--pop)}
a.r-tk-n:hover{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:5px}
.r-tk-stub{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:12px 8px;text-align:center;font-size:calc(14px*var(--tune-size,1));font-weight:700;line-height:1.15;
  background:linear-gradient(currentColor,currentColor) 0 0/2px 10px repeat-y;background-image:repeating-linear-gradient(to bottom,currentColor 0 7px,transparent 7px 13px);background-size:2px 100%;background-repeat:no-repeat}
.r-tk-stub b{font:400 calc(54px*var(--tune-size,1))/1 var(--hf);font-weight:400}
.r-tk-days b{font-size:calc(24px*var(--tune-size,1));line-height:1.1;margin-top:2px}

/* ---------- hero: poster (reference) ---------- */
/* The first screen is a poster pasted over a food photo: the wall (page colour) runs from the left edge and is cut on a
   diagonal, the photo fills the rest edge to edge, and the order ticket is pinned across the cut. The hero is one
   screen tall plus the week band's rise, so the band's diagonal starts below the fold. */
.r-hero{position:relative}
.r-h-poster{--hh:84px;--wall:56%;--tip:84%;display:grid;min-height:clamp(600px,calc(100svh - var(--hh) + var(--cut)),980px);isolation:isolate}
.r-h-poster .r-h-photo{position:absolute;inset:0 0 0 calc(var(--wall) * .8);z-index:-1}
.r-h-wall{width:var(--wall);display:grid;align-content:center;padding-block:calc(clamp(24px,4vh,56px)*var(--tune-space,1)) calc(calc(var(--cut) + 160px)*var(--tune-space,1));background:var(--bg);clip-path:polygon(0 0,100% 0,var(--tip) 100%,0 100%)}
.r-h-top{container-type:inline-size;display:grid;gap:clamp(18px,2.4vw,32px);padding-left:max(var(--pad),calc((100vw - var(--max)) / 2 + var(--pad)));padding-right:calc((100% - var(--tip)) * .5 + 24px)}
.r-h-poster .r-poster{--cap:150px;--capm:60px}
.r-h-poster .r-h-ticket{position:absolute;z-index:2;bottom:calc(var(--cut) + 32px);left:calc(var(--wall) * .84 - min(230px,24vw))}
.r-h-photo img,.r-h-bg img,.r-slice-pic img,.r-strip-pic img,.r-story-pic img,.r-ci-img img{width:100%;height:100%;object-fit:cover}
@media(max-width:1100px) and (min-width:701px){.r-h-poster{--wall:60%}}
@media(max-width:700px){
  .r-h-poster{--hh:64px;display:flex;flex-direction:column;min-height:0}
  .r-h-wall{order:1;width:auto;padding:clamp(12px,3vw,24px) 0 var(--s3);clip-path:none}
  .r-h-top{gap:var(--s2);padding-inline:var(--pad)}
  .r-h-poster .r-lede{font-size:calc(17px*var(--tune-size,1))}
  .r-h-poster .r-h-ticket{order:2;position:relative;inset:auto;margin:0 var(--pad) -64px;width:auto}
  .r-h-poster .r-h-photo{order:3;position:relative;inset:auto;z-index:auto;height:clamp(320px,92vw,480px);clip-path:polygon(0 var(--cut),100% 0,100% 100%,0 100%)}
}

/* ---------- hero: tape ---------- */
.r-h-tape{--hh:84px;display:grid;min-height:clamp(560px,calc(100svh - var(--hh)),900px);overflow:clip;align-items:end;isolation:isolate}
.r-h-bg{position:absolute;inset:-18px;z-index:-1}
.r-h-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,color-mix(in srgb,var(--band) 55%,transparent),transparent 55%)}
.r-tape-in{display:grid;gap:var(--s5);padding-block:var(--s6) var(--s5)}
.r-tapes{display:grid;justify-items:start;gap:14px;font:400 calc(clamp(46px,8.2vw,128px)*var(--tune-size,1))/1 var(--hf);text-transform:uppercase;rotate:0deg;transform-origin:0 50%;max-width:100%}
.r-tape{display:block;max-width:100%}
.r-tape>span{display:inline-block;padding:.06em .22em .02em;background:var(--pop);color:var(--onpop);box-shadow:0 2px 4px color-mix(in srgb,var(--tone-sh,#000) 7%,transparent),0 3px 6px color-mix(in srgb,var(--tone-sh,#000) 6%,transparent),0 6px 12px -3px color-mix(in srgb,var(--tone-sh,#000) 6%,transparent),0 12px 24px -6px color-mix(in srgb,var(--tone-sh,#000) 5%,transparent);overflow-wrap:anywhere}
.r-tape-2>span{background:var(--ink);color:var(--bg);box-shadow:0 2px 4px color-mix(in srgb,var(--tone-sh,#000) 7%,transparent),0 3px 6px color-mix(in srgb,var(--tone-sh,#000) 6%,transparent),0 6px 12px -3px color-mix(in srgb,var(--tone-sh,#000) 6%,transparent),0 12px 24px -6px color-mix(in srgb,var(--tone-sh,#000) 5%,transparent);margin-left:clamp(20px,6vw,96px)}
.r-tape-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--s4)}
.r-tape-lede{background:var(--paper);color:var(--ink);border:var(--bw) solid var(--ink);padding:14px 18px;max-width:36ch}
.r-tape-foot .r-h-ticket{rotate:0deg;flex:none}
@media(max-width:700px){
  .r-h-tape{--hh:64px;min-height:calc(100svh - var(--hh))}
  .r-tape-in{padding-block:var(--s4);gap:var(--s3)}
  .r-tapes{font-size:calc(min(56px,calc((100vw - 2 * var(--pad)) / 7))*var(--tune-size,1))}
  .r-tape-foot{flex-direction:column;align-items:stretch;gap:var(--s3)}
  .r-tape-foot .r-h-ticket{width:auto;rotate:0deg}
}

/* ---------- hero: slice ---------- */
/* the photo takes the left side edge to edge, cut on a slant; the poster sits beside it, centred on the screen */
.r-h-slice{--hh:84px;display:grid;grid-template-columns:minmax(0,58fr) minmax(0,42fr);min-height:clamp(600px,calc(100svh - var(--hh)),900px)}
.r-slice-pic{position:relative;clip-path:polygon(0 0,100% 0,86% 100%,0 100%)}
.r-slice-pic img{position:absolute;inset:0}
.r-slice-text{container-type:inline-size;display:flex;flex-direction:column;justify-content:center;gap:var(--s3);padding:var(--s5) max(var(--pad),calc((100vw - var(--max)) / 2 + var(--pad))) var(--s5) var(--s3)}
.r-slice-text .r-poster{--cap:160px;--capm:64px}
@media(max-width:860px){
  .r-h-slice{--hh:64px;grid-template-columns:1fr;min-height:0}
  .r-slice-pic img{position:static}
  .r-slice-pic{height:clamp(300px,104vw,470px);clip-path:polygon(0 0,100% 0,100% calc(100% - var(--cut)),0 100%)}
  .r-slice-text{gap:var(--s2);padding:var(--s2) var(--pad) var(--s5)}
  .r-slice-text .r-lede{font-size:calc(17px*var(--tune-size,1))}
  .r-slice-text .r-h-ticket{width:auto;margin-top:var(--s1)}
}

/* ---------- this week: map + stops ---------- */
.r-week{background:var(--band);color:var(--onband);clip-path:polygon(0 var(--cut),100% 0,100% calc(100% - var(--cut)),0 100%);padding-block:calc(var(--cut) + var(--s5)) calc(var(--cut) + var(--s5));margin-top:var(--s6);position:relative;z-index:1}
.r-h-poster+.r-week{margin-top:calc(-1 * var(--cut))}
.r-week-in{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--s4) var(--s5);align-items:start}
.r-week-head{grid-column:1/-1;display:flex;justify-content:space-between;align-items:flex-end;gap:var(--s4)}
.r-week-head p{max-width:34ch;font-size:calc(19px*var(--tune-size,1));color:var(--onband)}
.r-map{margin:0}
.r-map svg{display:block;width:100%;height:auto;border:var(--bw) solid var(--onband)}
.r-map figcaption{margin-top:10px;font-size:calc(14px*var(--tune-size,1));color:var(--bmute)}
.r-m-land{fill:color-mix(in oklab,var(--band),var(--onband) 7%)}
.r-m-park{fill:color-mix(in oklab,var(--band),var(--onband) 17%)}
.r-m-minor{fill:none;stroke:color-mix(in oklab,var(--band),var(--onband) 20%);stroke-width:5}
.r-m-major{fill:none;stroke:color-mix(in oklab,var(--band),var(--onband) 32%);stroke-width:10}
.r-m-blvd{fill:none;stroke:color-mix(in oklab,var(--band),var(--onband) 42%);stroke-width:15}
.r-m-water{fill:none;stroke:url(#r-hatch);stroke-width:48}
.r-m-bank{fill:none;stroke:color-mix(in oklab,var(--band),var(--onband) 26%);stroke-width:2}
.r-m-wave{fill:none;stroke:color-mix(in oklab,var(--band),var(--onband) 30%);stroke-width:2}
.r-m-wbg{fill:color-mix(in oklab,var(--band),var(--onband) 3%)}
.r-m-ring{fill:color-mix(in oklab,var(--band),var(--pin) 12%);stroke:var(--pin);stroke-width:3;stroke-dasharray:10 8}
.r-pin path{fill:var(--pin);stroke:var(--band);stroke-width:3}
.r-pin text{fill:var(--onpin);font:400 calc(21px*var(--tune-size,1)) var(--hf)}
.r-pin.r-now path{fill:var(--now)}
.r-pin.r-now text{fill:var(--onnow)}
.r-stops{list-style:none;margin:0;padding:0;display:grid}
.r-stops li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:var(--s2);align-items:start;padding:16px 0;border-top:2px solid color-mix(in oklab,var(--band),var(--onband) 30%)}
.r-stops li:last-child{border-bottom:2px solid color-mix(in oklab,var(--band),var(--onband) 30%)}
.r-stop-l{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--pin);color:var(--onpin);font:400 calc(22px*var(--tune-size,1))/1 var(--hf)}
.r-stop-t{display:grid;gap:3px;padding-top:1px}
.r-stop-d{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;font:400 calc(24px*var(--tune-size,1))/1.1 var(--hf);text-transform:uppercase;letter-spacing:.02em}
.r-stop-d span{font:700 calc(16px*var(--tune-size,1))/1.2 var(--tf);text-transform:none;letter-spacing:0}
.r-stop-p{font-size:calc(18px*var(--tune-size,1));font-weight:600;line-height:1.3}
.r-stop-n{font-size:calc(15px*var(--tune-size,1));color:var(--bmute)}
.r-stop-w{margin:4px 0 0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 14px;font-size:calc(15px*var(--tune-size,1))}
.r-stop-w dd{margin:0}
.r-stops li.r-now .r-stop-l{background:var(--now);color:var(--onnow)}
.r-today{display:inline-block;padding:3px 8px 2px;background:var(--pin);color:var(--onpin);font:700 calc(13px*var(--tune-size,1))/1.2 var(--tf);text-transform:none;letter-spacing:0}
@media(max-width:860px){
  .r-week-in{grid-template-columns:1fr}
  .r-week-head{flex-direction:column;align-items:flex-start;gap:var(--s2)}
}

/* ---------- menu ---------- */
.r-menu{padding-block:var(--s6) var(--s5)}
.r-sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--s4);margin-bottom:var(--s4)}
/* side by side, the note gives way before the heading does: the heading keeps its longest word whole (Elérhetőség
   at a larger text size); below 720px the two stack, so a long word still wraps inside the column */
@media(min-width:721px){.r-sec-head>h2{min-width:auto;overflow-wrap:break-word;max-width:70%}}  /* the cap also caps that minimum: a word longer than 70% still wraps */
@media(max-width:720px){.r-sec-head{flex-direction:column;align-items:flex-start;gap:var(--s2)}}
.r-sec-head p{max-width:36ch;font-size:calc(19px*var(--tune-size,1))}
.r-tix{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3)}
.r-tix-i{--stub:148px;--n:12px;display:grid;grid-template-columns:minmax(0,1fr) var(--stub);min-height:132px;background:var(--paper);color:var(--ink);
  -webkit-mask:radial-gradient(circle var(--n) at calc(100% - var(--stub)) 0,#0000 97%,#000) 0 0/100% 51% no-repeat,radial-gradient(circle var(--n) at calc(100% - var(--stub)) 100%,#0000 97%,#000) 0 100%/100% 51% no-repeat;
  mask:radial-gradient(circle var(--n) at calc(100% - var(--stub)) 0,#0000 97%,#000) 0 0/100% 51% no-repeat,radial-gradient(circle var(--n) at calc(100% - var(--stub)) 100%,#0000 97%,#000) 0 100%/100% 51% no-repeat}
.r-tix-m{display:grid;align-content:center;gap:8px;padding:22px 26px}
.r-tix-m h3{font:400 calc(clamp(26px,2.4vw,34px)*var(--tune-size,1))/1.02 var(--hf);text-transform:uppercase;letter-spacing:.01em;overflow-wrap:anywhere}
.r-tix-m p{font-size:calc(16px*var(--tune-size,1));line-height:1.4;color:var(--mute)}
.r-tix-p{display:grid;place-items:center;padding:12px 10px;text-align:center;background:repeating-linear-gradient(to bottom,var(--ink) 0 7px,transparent 7px 13px) 0 0/2px 100% no-repeat}
.r-tix-p span{font:400 clamp(26px,2.2vw,32px)/1 var(--hf);white-space:nowrap}
.r-more{margin-top:var(--s5);display:flex;justify-content:center}
@media(min-width:821px){.r-tix-i:last-child:nth-child(odd){grid-column:1/-1}}
@media(max-width:820px){.r-tix{grid-template-columns:1fr}}
@media(max-width:480px){.r-tix-i{--stub:112px}.r-tix-m{padding:18px 18px}}
/* lineup: the menu as a gig-poster bill, headliner first */
.r-lineup{container-type:inline-size;list-style:none;margin:0;padding:var(--s3) 0;display:grid;justify-items:center;gap:var(--s3);text-align:center;border-block:var(--bw) solid var(--ink)}
.r-lu{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 18px;max-width:100%}
.r-lu h3{font-family:var(--hf);text-transform:uppercase;line-height:1;letter-spacing:.01em;overflow-wrap:anywhere}
.r-lu-0 h3{font-size:calc(clamp(52px,8.4vw,132px)*var(--tune-size,1))}
.r-lu-1 h3{font-size:calc(clamp(40px,5.6vw,88px)*var(--tune-size,1))}
.r-lu-2 h3{font-size:calc(clamp(30px,3.6vw,56px)*var(--tune-size,1))}
.r-lu-p{display:inline-block;padding:7px 12px 6px;background:var(--pop);color:var(--onpop);font:700 18px/1.1 var(--tf);white-space:nowrap}
.r-lu-0 .r-lu-p{font-size:calc(22px*var(--tune-size,1));padding:9px 14px 8px}

/* ---------- photo strip: slanted cuts side by side ---------- */
.r-strip{padding-block:var(--s4)}
.r-strip-row{--sl:clamp(28px,4vw,64px);list-style:none;margin:0;padding:0;display:flex}
.r-strip-row li{flex:1;min-width:0;height:clamp(220px,28vw,420px);clip-path:polygon(var(--sl) 0,100% 0,calc(100% - var(--sl)) 100%,0 100%);margin-left:calc(-1 * var(--sl) + 8px)}
.r-strip-row li:first-child{margin-left:0;clip-path:polygon(0 0,100% 0,calc(100% - var(--sl)) 100%,0 100%)}
.r-strip-row li:last-child{clip-path:polygon(var(--sl) 0,100% 0,100% 100%,0 100%)}
.r-strip-pic{height:100%}
@media(max-width:700px){
  .r-strip-row{flex-wrap:wrap;row-gap:8px}
  .r-strip-row li{flex:0 0 calc(50% + var(--sl) / 2 - 4px);height:180px}
  .r-strip-row li:nth-child(odd){margin-left:0;clip-path:polygon(0 0,100% 0,calc(100% - var(--sl)) 100%,0 100%)}
  .r-strip-row li:nth-child(even){margin-left:calc(-1 * var(--sl) + 8px);clip-path:polygon(var(--sl) 0,100% 0,100% 100%,0 100%)}
  .r-strip-row.r-n3 li:last-child{flex-basis:100%;margin-left:0;clip-path:none}
}
.r-gal{padding-block:var(--s5)}

/* ---------- reviews ---------- */
.r-reviews{padding-block:var(--s5) var(--s6)}
.r-reviews-h{margin-bottom:var(--s4)}
/* stickers: composed, not stacked. The first quote is the lead, set big in the poster face on the ticket colour; the
   others follow as a ruled list beside it */
.r-stickers{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-auto-rows:auto;gap:0 var(--s5);align-items:start}
.r-stickers.r-n1{grid-template-columns:minmax(0,900px)}
.r-stickers li{display:flex}
.r-stickers.r-n2 li:last-child{align-self:center}
.r-stickers.r-n2 li:last-child blockquote{font-size:calc(clamp(19px,1.7vw,26px)*var(--tune-size,1))}
.r-stickers li:first-child{grid-row:span 2;background:var(--pop);color:var(--onpop)}
.r-stickers li:not(:first-child){border-top:var(--bw) solid var(--ink)}
.r-stickers li:last-child:not(:first-child){border-bottom:var(--bw) solid var(--ink)}
.r-stickers figure{margin:0;display:flex;flex-direction:column;justify-content:space-between;gap:var(--s3);padding:24px 0 26px}
.r-stickers li:first-child figure{gap:var(--s4);padding:calc(clamp(28px,3.6vw,52px)*var(--tune-space,1)) clamp(24px,3.4vw,48px)}
.r-stickers blockquote{margin:0;font-size:calc(19px*var(--tune-size,1));line-height:1.45}
.r-stickers li:first-child blockquote{font:400 calc(clamp(28px,2.6vw,38px)*var(--tune-size,1))/1.12 var(--hf);text-transform:uppercase;letter-spacing:.005em;text-wrap:balance}
.r-stickers blockquote em{font-style:normal;background:var(--pop);color:var(--onpop);padding:0 .15em}
.r-stickers li:first-child blockquote em{background:none;color:inherit;padding:0;text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.12em}
.r-stickers figcaption{font:400 calc(20px*var(--tune-size,1))/1 var(--hf);text-transform:uppercase;letter-spacing:.03em}
@media(max-width:860px){.r-stickers{grid-template-columns:1fr}.r-stickers li:first-child{grid-row:auto;margin-bottom:var(--s3)}}
.r-shout{background:var(--band);color:var(--onband);padding-block:var(--s6);clip-path:polygon(0 0,100% var(--cut),100% 100%,0 calc(100% - var(--cut)));margin-block:var(--s5)}
.r-shout figure{margin:0;display:grid;gap:var(--s3)}
.r-shout blockquote{margin:0;font:400 calc(clamp(36px,5vw,76px)*var(--tune-size,1))/1.02 var(--hf);text-transform:uppercase;text-wrap:balance}
.r-shout blockquote em{font-style:normal;color:var(--pop)}
.r-shout figcaption{font-size:calc(19px*var(--tune-size,1));font-weight:700;color:var(--bmute)}

/* ---------- closing: the order number across the full width ---------- */
.r-contact+.r-closing{margin-top:calc(-1 * var(--cut))}
.r-closing{background:var(--pop);color:var(--onpop);clip-path:polygon(0 var(--cut),100% 0,100% 100%,0 100%);padding-block:calc(var(--cut) + var(--s5)) var(--s6);text-align:center}
.r-closing .r-wrap{container-type:inline-size;display:grid;justify-items:center;gap:var(--s2)}
.r-closing-h{font:700 calc(clamp(19px,1.6vw,22px)*var(--tune-size,1))/1.3 var(--tf)}
.r-closing-n{display:block;font:400 min(200px,calc(100cqi / var(--em) * .97))/1 var(--hf);text-transform:uppercase;text-decoration:none;white-space:nowrap;color:inherit;padding-block:.04em}
@media(hover:hover){.r-closing-n:hover{text-decoration:underline;text-decoration-thickness:.05em;text-underline-offset:.08em}}
.r-closing p{font-size:calc(19px*var(--tune-size,1));font-weight:600}

/* ---------- inner pages ---------- */
.r-page-head{container-type:inline-size;padding-block:calc(clamp(28px,4vw,56px)*var(--tune-space,1)) var(--s5)}
.r-page-head .r-poster{--cap:clamp(80px,13vw,200px)}
.r-page-head>.r-lede{margin-top:var(--s3)}
.r-page-row{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--s4);margin-top:var(--s3)}
.r-page-row .r-page-ticket{flex:none}
@media(max-width:700px){.r-page-row{flex-direction:column;align-items:stretch}.r-page-row .r-page-ticket{width:auto}}
.r-carte{padding-bottom:var(--s6)}
.r-carte-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--s3)}
.r-ci{--stub:168px;--n:13px;display:grid;grid-template-columns:minmax(0,1fr) var(--stub);background:var(--paper);color:var(--ink);scroll-margin-top:16px;
  -webkit-mask:radial-gradient(circle var(--n) at calc(100% - var(--stub)) 0,#0000 97%,#000) 0 0/100% 51% no-repeat,radial-gradient(circle var(--n) at calc(100% - var(--stub)) 100%,#0000 97%,#000) 0 100%/100% 51% no-repeat;
  mask:radial-gradient(circle var(--n) at calc(100% - var(--stub)) 0,#0000 97%,#000) 0 0/100% 51% no-repeat,radial-gradient(circle var(--n) at calc(100% - var(--stub)) 100%,#0000 97%,#000) 0 100%/100% 51% no-repeat}
.r-ci-pic{grid-template-columns:clamp(150px,16vw,220px) minmax(0,1fr) var(--stub)}
.r-ci-img{min-height:100%;aspect-ratio:1}
.r-ci-t{display:grid;align-content:center;gap:10px;padding:28px 32px}
.r-ci-t h2{font:400 calc(clamp(30px,3vw,44px)*var(--tune-size,1))/1 var(--hf);text-transform:uppercase;overflow-wrap:anywhere}
.r-ci-t p{max-width:60ch}
.r-ci-for{font-size:calc(15px*var(--tune-size,1));color:var(--mute)}
.r-ci-p{display:grid;place-items:center;padding:16px;background:repeating-linear-gradient(to bottom,var(--ink) 0 7px,transparent 7px 13px) 0 0/2px 100% no-repeat}
.r-ci-p span{font:400 clamp(30px,2.6vw,40px)/1 var(--hf);white-space:nowrap}
@media(max-width:700px){
  .r-ci,.r-ci-pic{grid-template-columns:minmax(0,1fr);-webkit-mask:none;mask:none}
  .r-ci-img{aspect-ratio:16/9;min-height:0}
  .r-ci-t{padding:20px 20px 16px}
  .r-ci-p{place-items:center start;padding:14px 20px;background:repeating-linear-gradient(to right,var(--ink) 0 7px,transparent 7px 13px) 0 0/100% 2px no-repeat}
}
.r-extras{margin-top:var(--s5);max-width:640px}
.r-extras-h{font:400 calc(clamp(30px,3vw,40px)*var(--tune-size,1))/1 var(--hf);text-transform:uppercase;margin-bottom:var(--s2)}
.r-extras ul{list-style:none;margin:0;padding:0}
.r-extras li{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s3);padding:12px 0;border-top:var(--bw) solid var(--ink)}
.r-extras li:last-child{border-bottom:var(--bw) solid var(--ink)}
.r-extras b{flex:none;max-width:60%;font:400 calc(26px*var(--tune-size,1))/1 var(--hf);text-align:right}  /* the price keeps its line ("700 Ft"), the name wraps */
.r-faq{padding-bottom:var(--s6)}
.r-faq .r-big{margin-bottom:var(--s4)}
.r-faq-list{display:grid;max-width:880px;border-top:var(--bw) solid var(--ink)}
.r-faq-list details{border-bottom:var(--bw) solid var(--ink)}
.r-faq-list summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:minmax(0,1fr) 36px;gap:var(--s2);align-items:center;padding:18px 0;font-size:calc(20px*var(--tune-size,1));font-weight:700;line-height:1.3}
.r-faq-list summary::-webkit-details-marker{display:none}
.r-faq-list summary::after{content:"+";display:grid;place-items:center;width:36px;height:36px;background:var(--ink);color:var(--bg);font:400 calc(26px*var(--tune-size,1))/1 var(--hf)}
.r-faq-list details[open] summary::after{content:"–"}
.r-faq-list details p{padding:0 52px 20px 0;max-width:64ch}
.r-faq-open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4) var(--s5);margin:0}
.r-faq-open div{border-top:var(--bw) solid var(--ink);padding-top:var(--s2)}
.r-faq-open dt{font-size:calc(20px*var(--tune-size,1));font-weight:700;line-height:1.3;margin-bottom:8px}
.r-faq-open dd{margin:0}
@media(max-width:760px){.r-faq-open{grid-template-columns:1fr}}
.r-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s5);align-items:center;padding-bottom:var(--s6)}
.r-story-pic{aspect-ratio:4/3;clip-path:polygon(0 0,100% 0,100% calc(100% - var(--cut)),0 100%)}
.r-story-t p{font-size:calc(clamp(19px,1.6vw,23px)*var(--tune-size,1));line-height:1.5;max-width:40ch}
@media(max-width:860px){.r-story{grid-template-columns:1fr;gap:var(--s4)}}
.r-crew{padding-bottom:var(--s6)}
.r-crew .r-big{margin-bottom:var(--s4)}
.r-crew-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4) var(--s5)}
.r-crew-list.r-n3,.r-crew-list.r-n4{grid-template-columns:repeat(3,minmax(0,1fr))}
.r-crew-list li{display:grid;grid-template-columns:88px minmax(0,1fr);gap:var(--s3);align-items:start}
.r-mono{display:grid;place-items:center;width:88px;height:88px;background:var(--pop);color:var(--onpop);font:400 calc(52px*var(--tune-size,1))/1 var(--hf);box-shadow:0 1px 2px color-mix(in srgb,var(--tone-sh,#000) 7%,transparent),0 3px 6px color-mix(in srgb,var(--tone-sh,#000) 6%,transparent),0 5px 10px -3px color-mix(in srgb,var(--tone-sh,#000) 6%,transparent),0 10px 20px -5px color-mix(in srgb,var(--tone-sh,#000) 5%,transparent)}
.r-crew-list h3{font:400 calc(28px*var(--tune-size,1))/1.05 var(--hf);text-transform:uppercase;margin-bottom:4px}
.r-crew-role{font-weight:700;margin-bottom:6px}
@media(max-width:860px){.r-crew-list,.r-crew-list.r-n3,.r-crew-list.r-n4{grid-template-columns:1fr}}
.r-contact{background:var(--band);color:var(--onband);clip-path:polygon(0 var(--cut),100% 0,100% 100%,0 100%);padding-block:calc(var(--cut) + var(--s5)) var(--s6);scroll-margin-top:0}
.r-contact .r-sec-head p{color:var(--onband)}
.r-ct-cards{list-style:none;margin:0;padding:0 8px 8px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:var(--s3)}
.r-ct-cards li{display:flex}
.r-ct-cards a{flex:1;display:grid;align-content:space-between;gap:var(--s3);min-height:150px;padding:24px 26px;background:var(--paper);color:var(--ink);border:var(--bw) solid var(--ink);box-shadow:0 2px 4px color-mix(in srgb,var(--tone-sh,#000) 7%,transparent),0 4px 8px color-mix(in srgb,var(--tone-sh,#000) 6%,transparent),0 8px 16px -4px color-mix(in srgb,var(--tone-sh,#000) 6%,transparent),0 16px 32px -8px color-mix(in srgb,var(--tone-sh,#000) 5%,transparent);text-decoration:none}
.r-ct-cards span{font-size:calc(15px*var(--tune-size,1));font-weight:700}
.r-ct-cards b{font:400 calc(clamp(24px,2.2vw,32px)*var(--tune-size,1))/1.1 var(--hf);overflow-wrap:anywhere;font-weight:400}
.r-ct-cards .r-ct-mail{font-size:calc(clamp(20px,1.6vw,24px)*var(--tune-size,1))}
@media(hover:hover){.r-ct-cards a:hover{background:var(--pop);color:var(--onpop)}}
.r-ct-form{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--s5)}
.r-ct-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--s3);align-content:start}
.r-ct-list li{display:grid;gap:4px}
.r-ct-list span{font-size:calc(15px*var(--tune-size,1));color:var(--bmute)}
.r-ct-list a{font:400 calc(26px*var(--tune-size,1))/1.1 var(--hf);overflow-wrap:anywhere}
.r-form{display:grid;gap:var(--s2);background:var(--paper);color:var(--ink);padding:28px;border:var(--bw) solid var(--ink)}
.r-form label{display:grid;gap:6px;font-weight:700}
.r-form input,.r-form textarea{font:inherit;font-weight:400;padding:12px 14px;border:2px solid var(--ink);background:#fff;color:#111;border-radius:0}
.r-form .r-btn{justify-self:start}
.r-form-note{font-size:calc(14px*var(--tune-size,1));color:var(--mute)}
@media(max-width:860px){.r-ct-form{grid-template-columns:1fr}}
.r-narrow{max-width:860px;padding-block:var(--s5) var(--s6)}
.r-legal h1{font:400 calc(clamp(44px,7vw,88px)*var(--tune-size,1))/1 var(--hf);text-transform:uppercase;margin-bottom:var(--s3)}
/* a larger text size grows the legal title only while a long word ("Privacyverklaring") still fits its box */
.r-legal .legal-page{container-type:inline-size}
.r-legal h1{font-size:max(clamp(44px,7vw,88px),min(calc(clamp(44px,7vw,88px)*var(--tune-size,1)),13cqi))}
.r-legal h2{font:400 calc(28px*var(--tune-size,1))/1.1 var(--hf);text-transform:uppercase;margin:var(--s4) 0 var(--s2)}
.r-legal p,.r-legal li{max-width:68ch}
.r-legal p+p{margin-top:12px}

/* ---------- footer ---------- */
.r-foot{position:relative;margin-top:-1px;background:var(--bg);border-top:6px solid var(--ink);padding-block:var(--s5) var(--s4)}
.r-foot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s4)}
.r-foot-name{font:400 calc(32px*var(--tune-size,1))/1 var(--hf);text-transform:uppercase;margin-bottom:12px}
.r-foot-h{font:400 calc(20px*var(--tune-size,1))/1 var(--hf);text-transform:uppercase;letter-spacing:.03em;margin-bottom:12px}
.r-foot-hours{margin:0;display:grid;gap:4px}
.r-foot-hours div{display:grid;grid-template-columns:minmax(0,9ch) minmax(0,1fr);gap:var(--s2)}
.r-foot-hours dd{margin:0}
.r-foot-legal{display:flex;flex-wrap:wrap;align-items:center;gap:12px var(--s3);margin-top:var(--s5);padding-top:var(--s3);background:linear-gradient(var(--ink),var(--ink)) var(--pad) 0/calc(100% - 2 * var(--pad)) 2px no-repeat;font-size:calc(14px*var(--tune-size,1))}
.r-foot-legal ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:12px var(--s3)}
.r-foot-legal .langs{margin:0 0 0 auto;font-size:calc(14px*var(--tune-size,1))}
@media(max-width:760px){.r-foot-grid{grid-template-columns:1fr}.r-foot-legal .langs{margin-left:0}}

/* ---------- motion (Basic and Advanced) ---------- */
@media (prefers-reduced-motion:no-preference) and (hover:hover){
  .r-tix-i{transition:translate .2s cubic-bezier(.2,.7,.2,1)}
  .r-tix-i:hover{translate:0 -4px}
}

/* Advanced hero moment, "paste-up" (wow layer; .m-js = an Advanced page with its scripts running, see
   engine/shared/wow.js). The poster lines are slapped on from alternating sides with a skew that snaps straight, the
   photo rides up into its diagonal, and the order ticket drops onto the wall last and swings into its tilt. Afterwards
   the headline drifts toward the pointer and the ticket leans to it. On the menu's week map the pins drop in one by
   one. Transform and opacity only. Reduced motion or no scripts: the page is simply there. */
@media (prefers-reduced-motion:no-preference){
.m-js [data-wow] .r-poster .r-ln{animation:r-slap-l .62s cubic-bezier(.2,.9,.3,1) .1s backwards}
.m-js [data-wow] .r-poster .r-ln:nth-child(2){animation-name:r-slap-r;animation-delay:.28s}
.m-js [data-wow] .r-h-photo img,.m-js [data-wow] .r-slice-pic img{animation:r-rise .9s cubic-bezier(.2,.75,.2,1) .2s backwards}
.m-js [data-wow] .r-h-bg img{animation:r-settle 1.3s cubic-bezier(.2,.75,.2,1) backwards}
.m-js [data-wow] .r-lede{animation:r-fade .5s ease-out .55s backwards}
.m-js [data-wow] .r-tape>span{transform-origin:0 50%;animation:r-tape .55s cubic-bezier(.2,.8,.2,1) .25s backwards}
.m-js [data-wow] .r-tape-2>span{animation-delay:.48s}
.m-js [data-wow] .r-h-ticket{animation:r-drop .8s cubic-bezier(.3,1,.5,1) .85s backwards}
.m-js [data-wow] [data-depth]{transition:translate 1s cubic-bezier(.2,.7,.2,1)}
@keyframes r-slap-l{from{opacity:0;transform:translateX(-14%) skewX(14deg)}}
@keyframes r-slap-r{from{opacity:0;transform:translateX(14%) skewX(-14deg)}}
@keyframes r-rise{from{opacity:.2;transform:translateY(18%) scale(1.08)}}
@keyframes r-settle{from{transform:scale(1.12)}}
@keyframes r-fade{from{opacity:0;transform:translateY(10px)}}
@keyframes r-tape{from{transform:scaleX(0)}}
@keyframes r-drop{from{opacity:0;translate:0 -160px;rotate:-14deg}}
.m-js .r-map.m-in .r-pin{transform-box:fill-box;transform-origin:50% 100%;animation:r-pin .5s cubic-bezier(.3,1,.5,1) backwards;animation-delay:calc(.15s + var(--i,0) * .12s)}
@keyframes r-pin{from{opacity:0;transform:translateY(-30px) scale(.4)}}
@media(max-width:700px){
  .m-js [data-wow] .r-poster .r-ln{animation:none}
  .m-js [data-wow] .r-poster{animation:r-slap-l .62s cubic-bezier(.2,.9,.3,1) .1s backwards}
}}
@media(max-width:700px){.r-pin{transform-box:fill-box;transform-origin:50% 100%;scale:1.45}}

/* ── serious (the default tone; engine/shared/tone.ts already took the hard shadows and tilts off): one poster line
   in capitals, the rest in sentence case; thin rules instead of thick ink boxes; quotes without highlighter */
[data-tone=serious]{--bw:1.5px}
[data-tone=serious] :is(.r-btn,.r-nav .r-links a,.r-sheet summary,.r-sheet .r-links a,.r-stop-d,.r-tix-m h3,.r-lu h3,.r-stickers figcaption,.r-ci-t h2,.r-extras-h,.r-crew-list h3,.r-foot-name,.r-foot-h,.r-legal h2,.r-big){text-transform:none}
[data-tone=serious] :is(.r-btn,.r-nav .r-links a,.r-sheet .r-links a,.r-stickers figcaption,.r-foot-h){font-family:var(--tf);font-weight:600;letter-spacing:0}
[data-tone=serious] .r-btn{font-size:calc(17px*var(--tune-size,1));border-radius:calc(2px*var(--tune-radius,1))}
[data-tone=serious] .r-nav .r-links a{font-size:calc(17px*var(--tune-size,1))}
[data-tone=serious] .r-sheet .r-links a{font-size:calc(30px*var(--tune-size,1))}
[data-tone=serious] .r-stickers blockquote em,[data-tone=serious] .r-shout blockquote em{background:none;color:inherit;padding:0}
[data-tone=serious] .r-stickers li:first-child blockquote{text-transform:none}
[data-tone=serious] .r-stickers figcaption{font-size:calc(15px*var(--tune-size,1))}