/* Rašalas – a tattoo studio on ink-black. Direction "pinned poster" (design-taste-frontend seed 886702355): something
   holds still while the pictures pass. One accent (mustard, the flash sheet's yellow) only on actions.
   Tokens only (theme.css + design.json); motion: transform / opacity, everything visible without it. */
.theme-rasalas {
  --rs-g: var(--chalk);
  --rs-g2: var(--paper);
  --rs-tx: var(--text);
  --rs-soft: var(--ink-2);
  --rs-acc: var(--gold);
  --rs-on-acc: var(--on-accent);
  --rs-scrim: rgb(0 0 0 / .58);
  --rs-scrim-soft: rgb(0 0 0 / .34);
  --rs-m: clamp(16px, 2.2vw, 32px);
  --rs-disp: "Libre Franklin", "Archivo", system-ui, sans-serif;
  --rs-read: "Source Serif 4", Georgia, serif;
  --rs-s0: .9375rem;
  --rs-s1: clamp(1.0625rem, 1rem + .25vw, 1.1875rem);
  --rs-s2: clamp(1.25rem, 1.1rem + .7vw, 1.625rem);
  --rs-s3: clamp(2rem, 1.3rem + 3.2vw, 4rem);
  background: var(--rs-g); color: var(--rs-tx);
}
.theme-rasalas main { font-family: var(--rs-read); font-size: var(--rs-s1); line-height: 1.55; }
.rs-h2 { margin: 0 0 18px; font: 700 var(--rs-s3)/.95 var(--rs-disp); letter-spacing: -.035em; color: var(--rs-tx); }
.rs-lead { margin: 0 0 32px; max-width: 52ch; font-size: var(--rs-s2); line-height: 1.4; color: var(--rs-tx); }
.rs-btn {
  display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 0 26px; border: 0; border-radius: 0;
  background: var(--rs-acc); color: var(--rs-on-acc); font: 700 var(--rs-s0)/1 var(--rs-disp); letter-spacing: .01em; text-decoration: none; cursor: pointer;
  transition: transform .25s var(--rs-ease), background-color .25s;
}
.rs-btn:hover { background: var(--gold-light); }
.rs-btn:active { transform: scale(.98); }
.rs-btn:focus-visible, .rs-link:focus-visible { outline: 3px solid var(--rs-acc); outline-offset: 3px; }
.rs-link { color: var(--rs-acc); text-underline-offset: 4px; }
.rs img { display: block; }

/* ── intro: the name traced in stencil violet, filled with ink, then the black lifts ── */
.rs-intro { display: none; }
.rs-intro-on { overflow: hidden; }
.rs-intro-on .rs-intro { position: fixed; inset: 0; z-index: 200; display: grid; place-items: center; background: var(--rs-g); cursor: pointer; animation: rs-lift .7s 1.85s var(--rs-ease) both; }
.rs-intro-out .rs-intro { animation: rs-lift .5s var(--rs-ease) both; }
.rs-intro__word { width: min(86vw, 1100px); overflow: visible; }
.rs-intro__word text { font: 800 180px/1 var(--rs-disp); letter-spacing: -.04em; }
/* the only non-transform animation of the design: a one-off stroke trace on one SVG word */
.rs-intro__stencil { fill: none; stroke: var(--rs-stencil); stroke-width: 1.4; stroke-dasharray: 900; stroke-dashoffset: 900; animation: rs-trace 1.25s .1s cubic-bezier(.5, 0, .2, 1) both; }
.rs-intro__ink { fill: var(--rs-tx); opacity: 0; animation: rs-fade .45s 1.2s ease-out both; }
.rs-intro__skip { position: absolute; right: var(--rs-m); bottom: max(20px, env(safe-area-inset-bottom)); min-height: 44px; padding: 0 16px; border: 0; background: transparent; color: var(--rs-soft); font: 600 var(--rs-s0)/1 var(--rs-disp); cursor: pointer; }
@keyframes rs-trace { to { stroke-dashoffset: 0; } }
@keyframes rs-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes rs-lift { from { transform: translateY(0); } to { transform: translateY(-100%); visibility: hidden; } }

/* ── hero: "Linija pirma. / Rašalas paskui." split by a reel (stencil → needle → healed) ── */
.rs-hero { position: relative; }
.rs-hero__stage { display: grid; gap: 18px; padding: 96px var(--rs-m) 40px; }
.rs-hero__title { margin: 0; display: contents; font: 800 clamp(2rem, 9.2vw, 4rem)/.92 var(--rs-disp); letter-spacing: -.04em; text-transform: uppercase; color: var(--rs-tx); }
.rs-hero__a, .rs-hero__b { display: block; font: inherit; white-space: nowrap; }
.rs-hero__b { justify-self: end; text-align: right; }
.rs-reel { list-style: none; margin: 8px 0 0; padding: 0; display: grid; gap: 10px; }
.rs-reel::-webkit-scrollbar { display: none; }
.rs-reel__frame { position: relative; aspect-ratio: 16 / 10; overflow: hidden; background: var(--rs-g2); }
.rs-reel__frame img { width: 100%; height: 100%; object-fit: cover; }
.rs-reel__frame span { position: absolute; left: 12px; bottom: 10px; padding: 7px 10px; background: var(--rs-g); color: var(--rs-tx); font: 600 var(--rs-s0)/1 var(--rs-disp); }
.rs-hero__foot { display: grid; gap: 18px; justify-items: start; }
.rs-hero__foot p { margin: 0; max-width: 40ch; }
@media (min-width: 900px) {
  .rs-hero { height: 210svh; }
  .rs-hero__a, .rs-hero__b { white-space: normal; }
  .rs-hero__stage { position: sticky; top: 0; height: 100svh; padding: 0 var(--rs-m); display: block; overflow: hidden; }
  .rs-hero__title { display: block; position: absolute; inset: 0; z-index: 2; pointer-events: none; font-size: clamp(3rem, 4.7vw, 6.5rem); }
  .rs-hero__a { position: absolute; left: var(--rs-m); top: 50%; translate: 0 -50%; max-width: 22vw; }
  .rs-hero__b { position: absolute; right: var(--rs-m); top: 50%; translate: 0 -50%; max-width: 22vw; }
  /* the reel: frame one centred at rest; rasalas.js moves it up as the page scrolls (--rs-p 0 → 1) */
  .rs-reel { position: absolute; left: 50%; top: 50%; width: 48vw; margin: 0; padding: 0; display: grid; grid-auto-flow: row; grid-auto-columns: auto; gap: 24px; overflow: visible; will-change: transform;
    transform: translate(-50%, calc(-48vw * 9 / 32 - var(--rs-p, 0) * 2 * (48vw * 9 / 16 + 24px))); }
  .rs-reel__frame { aspect-ratio: 16 / 9; }
  .rs-hero__foot { position: absolute; left: var(--rs-m); bottom: 32px; z-index: 3; }
  .rs-hero__foot p { max-width: 32ch; }
}

/* ── work: full panels, each sliding over the last; one row of facts held at mid-height ── */
.rs-work { position: relative; }
.rs-panel { position: sticky; top: 0; height: 100svh; margin: 0; overflow: hidden; background: var(--rs-g2); }
.rs-panel img { width: 100%; height: 100%; object-fit: cover; }
.rs-panel::after { content: ""; position: absolute; inset: 45% 0 0; background: linear-gradient(to top, rgb(14 13 12 / .82), rgb(14 13 12 / 0)); } /* taste-skill-ignore: legibility shade under the caption */
.rs-panel__cap { position: absolute; left: var(--rs-m); right: var(--rs-m); bottom: clamp(24px, 5vh, 56px); z-index: 1; display: grid; gap: 10px; justify-items: start; color: var(--rs-tx); }
.rs-panel__cap b { font: 800 var(--rs-s3)/.95 var(--rs-disp); letter-spacing: -.035em; text-transform: uppercase; max-width: 16ch; }
.rs-panel__meta { font: 500 var(--rs-s1)/1.3 var(--rs-read); color: var(--rs-tx); }
@media (max-width: 699px) { .rs-panel { height: 82svh; } }
@media (min-width: 1100px) {
  .rs-panel { display: grid; grid-template-columns: 4fr 8fr; align-items: end; column-gap: 56px; padding: 96px var(--rs-m) var(--rs-m); background: var(--rs-g); }
  .rs-panel img { grid-column: 2; grid-row: 1; height: 100%; min-height: 0; }
  .rs-panel::after { display: none; }
  .rs-panel__cap { position: static; grid-column: 1; grid-row: 1; padding-bottom: 8px; gap: 16px; }
  .rs-panel__cap b { font-size: clamp(2.5rem, 4vw, 4.25rem); max-width: 11ch; }
  .rs-panel__meta { font-size: var(--rs-s2); color: var(--rs-soft); }
  .rs-panel:nth-child(even) { grid-template-columns: 8fr 4fr; }
  .rs-panel:nth-child(even) img { grid-column: 1; }
  .rs-panel:nth-child(even) .rs-panel__cap { grid-column: 2; }
}

/* ── how: one verb at a time, held at the centre while its picture passes ── */
.rs-verb { position: relative; height: 130svh; overflow: clip; }
.rs-verb > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.rs-verb::after { content: ""; position: absolute; inset: 0; background: var(--rs-scrim); }
.rs-verb__hold { position: sticky; top: 0; z-index: 2; height: 100svh; display: grid; place-content: center; justify-items: center; gap: 22px; padding: 0 var(--rs-m); text-align: center; }
.rs-verb__hold h3 { margin: 0; font: 800 clamp(3rem, 10.5vw, 12rem)/.85 var(--rs-disp); letter-spacing: -.05em; text-transform: uppercase; color: var(--rs-tx); text-align: center; }
.rs-verb__text { margin: 0; max-width: 38ch; font-size: var(--rs-s2); line-height: 1.4; color: var(--rs-tx); }
@media (max-width: 699px) { .rs-verb { height: 110svh; } .rs-verb__hold h3 { font-size: 12.5vw; } .rs-verb__text { font-size: var(--rs-s1); } }

/* ── prices: one type size, the columns do the organising ── */
.rs-prices { padding: clamp(96px, 14vw, 200px) var(--rs-m) clamp(48px, 7vw, 96px); max-width: 1500px; margin: 0 auto; }
.rs-table { width: 100%; border-collapse: collapse; margin: 0 0 48px; font: 500 clamp(1.125rem, 1.6vw, 1.5rem)/1.45 var(--rs-disp); letter-spacing: -.01em; }
.rs-table caption { text-align: left; padding-bottom: 10px; color: var(--rs-acc); font: inherit; }
.rs-table th, .rs-table td { padding: 10px 12px; vertical-align: baseline; text-align: left; font-weight: 500; }
.rs-table th a { color: var(--rs-tx); text-decoration: none; }
.rs-table th a:hover { color: var(--rs-acc); }
.rs-table__what, .rs-table__time { color: var(--rs-soft); }
.rs-table td.rs-table__sum { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.rs-table tbody tr:nth-child(odd) { background: var(--rs-g2); }
@media (min-width: 820px) { .rs-table th { width: 34%; } .rs-table__what { width: 32%; } .rs-table__time { width: 16%; } }
@media (max-width: 699px) {
  .rs-table, .rs-table tbody, .rs-table tr { display: block; }
  .rs-table tr { display: grid; grid-template-columns: 1fr auto; gap: 0 12px; padding: 10px 4px; }
  .rs-table th, .rs-table td { padding: 2px 6px; }
  .rs-table th { grid-column: 1; font-size: 20px; }
  .rs-table td.rs-table__sum { grid-column: 2; grid-row: 1; }
  .rs-table__what, .rs-table__time { grid-column: 1 / -1; font-size: 15px; }
}

/* ── the live thing: size → time and price ── */
.rs-size { display: grid; gap: 32px; padding: clamp(48px, 7vw, 96px) var(--rs-m) clamp(96px, 12vw, 180px); background: var(--rs-g2); }
.rs-size__form { display: grid; gap: 18px; max-width: 520px; }
.rs-size__form label[for] { display: flex; justify-content: space-between; align-items: baseline; font: 600 var(--rs-s1)/1.2 var(--rs-disp); }
.rs-size__form output { font: 800 var(--rs-s3)/1 var(--rs-disp); letter-spacing: -.03em; color: var(--rs-acc); }
.rs-size__form input[type=range] { width: 100%; min-height: 44px; accent-color: var(--rs-acc); }
.rs-size__style { display: flex; flex-wrap: wrap; gap: 10px; border: 0; padding: 0; margin: 0; }
.rs-size__style legend { font: 600 var(--rs-s0)/1.2 var(--rs-disp); margin-bottom: 8px; color: var(--rs-soft); }
.rs-size__style label { position: relative; cursor: pointer; }
.rs-size__style input { position: absolute; opacity: 0; }
.rs-size__style span { display: inline-flex; align-items: center; min-height: 44px; padding: 0 18px; background: var(--rs-g); font: 600 15px/1 var(--rs-disp); }
.rs-size__style input:checked + span { background: var(--rs-tx); color: var(--rs-g); }
.rs-size__style input:focus-visible + span { outline: 3px solid var(--rs-acc); outline-offset: 2px; }
.rs-size__answer { margin: 0; min-height: 3em; font-size: var(--rs-s2); line-height: 1.35; }
.rs-size__arm { position: relative; margin: 0; aspect-ratio: 16 / 10; overflow: hidden; }
.rs-size__arm img { width: 100%; height: 100%; object-fit: cover; filter: brightness(.72); }
.rs-size__ring { position: absolute; left: 50%; top: 50%; width: 22%; aspect-ratio: 1; margin: -11% 0 0 -11%; border-radius: 50%; border: 2px solid var(--rs-acc); transform: scale(var(--rs-ring, .8)); transition: transform .35s var(--rs-ease); }
@media (min-width: 900px) { .rs-size { grid-template-columns: 5fr 6fr; align-items: center; column-gap: 64px; } }

/* ── artist ── */
.rs-artists { padding: clamp(96px, 12vw, 180px) var(--rs-m) clamp(48px, 7vw, 96px); }
.rs-artists__title { margin: 0 0 40px; font: 800 clamp(3.2rem, 12vw, 11rem)/.85 var(--rs-disp); letter-spacing: -.05em; text-transform: uppercase; }
.rs-artist { display: grid; gap: 24px; }
.rs-artist__photo { margin: 0; aspect-ratio: 4 / 5; overflow: hidden; max-width: 520px; background: var(--rs-g2); }
.rs-artist__photo img { width: 100%; height: 100%; object-fit: cover; }
.rs-artist h3 { margin: 0; font: 800 var(--rs-s3)/1 var(--rs-disp); letter-spacing: -.03em; }
.rs-artist__role { margin: 6px 0 16px; color: var(--rs-acc); font: 600 var(--rs-s1)/1.3 var(--rs-disp); }
.rs-artist__text p { max-width: 46ch; }
@media (min-width: 900px) {
  .rs-artists { display: grid; grid-template-columns: 5fr 6fr; column-gap: 72px; align-items: end; max-width: 1500px; margin: 0 auto; }
  .rs-artists__title { grid-column: 2; grid-row: 1; margin: 0 0 28px; font-size: clamp(3.5rem, 7vw, 7.5rem); }
  .rs-artist { display: contents; }
  .rs-artist__photo { grid-column: 1; grid-row: 1 / span 2; max-width: none; }
  .rs-artist__text { grid-column: 2; grid-row: 2; }
  .rs-artist__text > p:not(.rs-artist__role) { font-size: var(--rs-s2); line-height: 1.45; }
}

/* ── questions ── */
.rs-faq { padding: clamp(48px, 7vw, 96px) var(--rs-m) clamp(96px, 12vw, 180px); max-width: 1500px; margin: 0 auto; }
@media (min-width: 900px) { .rs-faq { display: grid; grid-template-columns: 4fr 7fr; column-gap: 72px; align-items: start; } .rs-faq .rs-h2 { position: sticky; top: 120px; } }
.rs-faq__list details { padding: 14px 0; }
.rs-faq__list summary { cursor: pointer; list-style: none; display: flex; justify-content: space-between; gap: 16px; font: 700 var(--rs-s2)/1.2 var(--rs-disp); letter-spacing: -.015em; min-height: 44px; align-items: center; }
.rs-faq__list summary::-webkit-details-marker { display: none; }
.rs-faq__list summary::after { content: "+"; color: var(--rs-acc); font-size: 1.3em; transition: transform .3s var(--rs-ease); }
.rs-faq__list details[open] summary::after { transform: rotate(45deg); }
.rs-faq__list p { margin: 10px 0 0; max-width: 62ch; }

/* ── visit: the card on the studio photograph ── */
.rs-visit { position: relative; min-height: 100svh; display: grid; align-items: end; padding: var(--rs-m) var(--rs-m) clamp(64px, 10vh, 120px); }
.rs-visit > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.rs-visit__card { position: relative; max-width: 560px; padding: clamp(24px, 3vw, 40px); background: var(--rs-g); }
.rs-visit__card .place { background: var(--rs-g2); box-shadow: none; color: var(--rs-tx); } /* taste-skill-ignore: removes the base shadow */

/* ── entrances (rasalas.js marks parts .is-in once they enter; everything visible without the script) ── */
@media (prefers-reduced-motion: no-preference) {
  .rs-js [data-rs-rise] { opacity: 0; transform: translateY(24px); transition: opacity .8s var(--rs-ease), transform .9s var(--rs-ease); transition-delay: var(--rs-d, 0ms); }
  .rs-js [data-rs-rise].is-in { opacity: 1; transform: none; }
  .rs-js .rs-panel img { transform: scale(1.08); transition: transform 1.6s var(--rs-ease); }
  .rs-js .rs-panel.is-in img { transform: none; }
  .rs-hero__a { animation: rs-rise 1s .15s var(--rs-ease) both; }
  .rs-hero__b { animation: rs-rise 1s .3s var(--rs-ease) both; }
  .rs-intro-on .rs-hero__a { animation-delay: 2.2s; }
  .rs-intro-on .rs-hero__b { animation-delay: 2.35s; }
}
/* failsafe (intro-head.js after 4 s): nothing stays hidden */
.rs-all-in [data-rs-rise] { opacity: 1 !important; transform: none !important; }
@keyframes rs-rise { from { opacity: 0; transform: translateY(28px); } to { opacity: 1; transform: none; } }

/* ── header and footer of this design ── */
.theme-rasalas .hd, .theme-rasalas .hd--over:not(.is-solid) { color: var(--rs-tx); }
.theme-rasalas .b-mark .b-gilt, .theme-rasalas .hd--over:not(.is-solid) .b-gilt { color: var(--rs-tx); font-family: var(--rs-disp); font-weight: 800; letter-spacing: -.02em; }
.theme-rasalas .b-nav__link { font-family: var(--rs-disp); }
.theme-rasalas .b-nav__link[aria-current="page"] { color: var(--rs-acc); }
.theme-rasalas .btn--gold, .theme-rasalas .btn--cobalt, .theme-rasalas .b-btn--gilt, .theme-rasalas .btn--accent {
  background: var(--rs-acc); background-image: none; color: var(--rs-on-acc); box-shadow: none; border-radius: 0; font-family: var(--rs-disp); /* taste-skill-ignore: removes the base shadow */
}
.theme-rasalas .btn--gold:hover, .theme-rasalas .btn--cobalt:hover, .theme-rasalas .b-btn--gilt:hover, .theme-rasalas .btn--accent:hover { background: var(--gold-light); box-shadow: none; } /* taste-skill-ignore: removes the base shadow */
.theme-rasalas .b-btn--gilt::after, .theme-rasalas .btn--accent::after { display: none; }
.theme-rasalas .btn, .theme-rasalas .consent { border-radius: 0; }
.theme-rasalas .ft { background: var(--rs-g); color: var(--rs-soft); border-top: 0; }
.theme-rasalas .b-ft__sign .b-gilt { color: var(--rs-tx); font-family: var(--rs-disp); font-weight: 800; letter-spacing: -.05em; }
.theme-rasalas .b-ft__tagline { color: var(--rs-tx); font-family: var(--rs-disp); }
.theme-rasalas .ft .place { color: var(--rs-tx); background: var(--rs-g2); box-shadow: none; } /* taste-skill-ignore: removes the base shadow */
.theme-rasalas h1, .theme-rasalas h2, .theme-rasalas h3 { font-family: var(--rs-disp); }
/* the big name in the footer: room for the caron of Š */
.theme-rasalas .b-ft__sign { padding-top: .25em; }
.theme-rasalas .b-ft__sign .b-gilt { line-height: 1.1; font-size: clamp(3rem, 15.5vw, 12rem); white-space: nowrap; }
/* the demo's design switcher on a dark page: bone on ink */
.theme-rasalas .showcase summary, .theme-rasalas .showcase nav { background: var(--rs-tx); color: var(--rs-g); }
.theme-rasalas .showcase a { color: var(--rs-g); }
.theme-rasalas .showcase a[aria-current] { background: var(--rs-g); color: var(--rs-tx); }
@media (max-width: 699px) { .rs-table caption { display: block; width: 100%; } }
/* the home page already shows both studios with directions: the footer does not repeat them there */
.page-home.theme-rasalas .b-ft__grid > .b-ft__col:has(.places) { display: none; }
.theme-rasalas .place__nav a { background: var(--rs-g); color: var(--rs-tx); box-shadow: none; border-radius: 0; transition: color .2s, background-color .2s; } /* taste-skill-ignore: removes the base shadow */
.theme-rasalas .place__nav a:hover { background: var(--rs-acc); color: var(--rs-on-acc); }
.theme-rasalas .hours__row { border: 0; padding-block: 5px; }
.theme-rasalas .hours__row.is-today { color: var(--rs-acc); }

/* ── cover: the needle at work fills the screen, the name sits on the bottom edge ── */
.rs-cover { position: relative; height: 100svh; min-height: 560px; overflow: hidden; background: var(--rs-g); color: var(--rs-tx); }
.rs-cover > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 62% 40%; }
.rs-cover::before { content: ""; position: absolute; inset: 0 0 auto; height: 160px; z-index: 1; background: linear-gradient(to bottom, rgb(14 13 12 / .6), rgb(14 13 12 / 0)); } /* taste-skill-ignore: scrim over the cover photo */
.rs-cover::after { content: ""; position: absolute; inset: 22% 0 0; background: linear-gradient(to top, rgb(14 13 12 / .9) 0%, rgb(14 13 12 / .55) 45%, rgb(14 13 12 / 0) 100%); } /* taste-skill-ignore: scrim over the cover photo */
.rs-cover__foot { position: absolute; left: var(--rs-m); right: var(--rs-m); bottom: max(24px, env(safe-area-inset-bottom)); z-index: 2; display: grid; gap: 18px; }
.rs-cover__name { --fs: min(calc((100vw - 2 * var(--rs-m)) / (var(--len, 7) * .71)), 30rem);
  margin: 0; font: 800 var(--fs)/.8 var(--rs-disp); letter-spacing: -.045em; text-transform: uppercase; color: var(--rs-tx); white-space: nowrap; }
.rs-cover__copy { display: grid; gap: 18px; justify-items: start; max-width: 38ch; }
.rs-cover__lead { margin: 0; font-size: var(--rs-s1); line-height: 1.45; }
@media (min-width: 1100px) {
  .rs-cover__foot { grid-template-columns: 1fr auto; align-items: end; column-gap: 48px; bottom: 14px; }
  .rs-cover__name { --fs: min(calc(62vw / (var(--len, 7) * .71)), 26rem); }
  .rs-cover__copy { max-width: 30ch; padding-bottom: 22px; }
}
@media (prefers-reduced-motion: no-preference) {
  .rs-cover > img { animation: rs-cover-in 2.6s var(--rs-ease) both; }
  .rs-cover__name { animation: rs-rise 1.1s .2s var(--rs-ease) both; }
  .rs-cover__copy { animation: rs-rise 1s .45s var(--rs-ease) both; }
  .rs-intro-on .rs-cover > img { animation-delay: 1.9s; }
  .rs-intro-on .rs-cover__name { animation-delay: 2.15s; }
  .rs-intro-on .rs-cover__copy { animation-delay: 2.4s; }
}
@keyframes rs-cover-in { from { opacity: 0; transform: scale(1.1); } }

/* the cover's moving picture: fades in over its own first frame (the photograph) once it plays; the phone file is cut to portrait */
.rs-cover__vid { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 62% 40%; opacity: 0; transition: opacity 1.4s ease; }
.rs-cover__vid.is-on { opacity: 1; }
@media (max-width: 699px) { .rs-cover__vid { object-position: 50% 50%; } }
.rs-intro-on .rs-cover__vid { opacity: 0; }

/* ── fix pass 2: header, menu and footer read as part of this design ── */
.theme-rasalas .b-mark .b-gilt { font-size: 24px; font-weight: 800; letter-spacing: -.02em; text-transform: uppercase; text-shadow: none; } /* taste-skill-ignore: removes the base shadow */
.theme-rasalas .b-book { height: 48px; padding: 0 20px; border-radius: 0; background: var(--rs-acc); color: var(--rs-on-acc); font: 700 15px/1 var(--rs-disp); letter-spacing: .01em; }
.theme-rasalas .b-book:hover, .theme-rasalas .b-book[aria-current] { background: var(--gold-light); }
@media (max-width: 380px) { .theme-rasalas .b-book { padding: 0 14px; } }
@media (min-width: 1040px) {
  .theme-rasalas .b-mark .b-gilt { font-size: 30px; }
  .theme-rasalas .b-book { height: 52px; padding: 0 26px; font-size: 16px; }
  .theme-rasalas .b-nav__link { font-size: 16px; font-weight: 600; }
}
.theme-rasalas .b-menu__big, .theme-rasalas .b-menu__big--gilt { font-family: var(--rs-disp); text-shadow: none; } /* taste-skill-ignore: removes the base shadow */
.theme-rasalas .b-menu__small, .theme-rasalas .b-menu__foot { color: var(--rs-tx); font-size: 16px; }
.theme-rasalas .lang a, .theme-rasalas .lang button { font-family: var(--rs-disp); font-size: 15px; }
.theme-rasalas .b-ft__head { color: var(--rs-soft); font: 600 14px/1.3 var(--rs-disp); letter-spacing: .02em; }
.theme-rasalas .b-ft__col a, .theme-rasalas .b-ft__intro a { color: var(--rs-tx); font-size: 16px; }
.theme-rasalas .b-ft__legal { color: var(--rs-soft); font-size: 14px; }
.theme-rasalas .hours__row { font-size: 15px; }
.theme-rasalas .place__nav a { min-height: 40px; padding: 0 14px; font: 600 14px/1 var(--rs-disp); }
/* phone: the works stand one after another (no half-covered captions while one slides over the other); calmer gaps */
@media (max-width: 699px) {
  .rs-panel { position: relative; height: 78svh; }
  .rs-size { padding-bottom: 72px; }
  .rs-artists { padding-top: 72px; }
  .rs-faq { padding-bottom: 72px; }
}
.theme-rasalas .b-ft__col button, .theme-rasalas .b-ft__col [data-consent-open] { color: var(--rs-tx); font: inherit; font-size: 16px; }
.rs-faq__list summary::after { flex: none; width: 1em; text-align: center; }
.rs-faq__list summary { min-width: 0; }