/* Up, Up and Away: colourways and the scene's own resting states. Every colour the template uses is a --c-*
   variable set here per colourway, so a colourway is a real change of paper, never a filter. */
.ks-card--valentine-balloon {
  --c-shade: rgba(58,27,63,.14); --c-cloud-s: rgba(58,27,63,.07); --c-rope: #6B4A6E; --c-burner: #6B4A6E;
  --c-basket: #C9A27A; --c-basket-2: #A97F55; --c-rim: #E6C9A2; --c-flame: #F5B83D; --c-flame-2: #FFF1B8;
  --c-banner: #FFF6E9; --c-banner-2: #EAD7BE; --c-banner-3: #C9B08C; --c-banner-st: #F7B4A7;
  /* vermilion (default): a blush sky */
  --c-sky: #FAD3C8; --c-ray: #FCE1D8; --c-speck: #F7B4A7; --c-cloud-wall: #FCE6DE;
  --c-cloud-far: #FDEDE6; --c-cloud-mid: #FFF4EC; --c-cloud-near: #FFFBF4; --c-cloud-front: #FFFBF4;
  --c-env-a: #E4472B; --c-env-b: #FFF6E9; --c-env-hi: #F2775C; --c-mouth: #BF3219; --c-belt: #F5B83D; --c-belt-dot: #FFF6E9;
  --c-name: #9E2412; --c-bird: #3FA796; --c-bird-2: #9AD3C8; --c-beak: #F5B83D;
  --c-roof-a: #E4472B; --c-roof-b: #6B4A6E; --c-roof-s: rgba(58,27,63,.2); --c-house: #FFF6E9; --c-chim: #BF3219; --c-win: #F5B83D;
  --c-h-a: #E4472B; --c-h-b: #F7B4A7; --c-h-c: #F5B83D;
  --c-floor: #FCE9E2; --c-floor-2: #F9DBD1;
  --c-cover: #FAD3C8; --c-cover-line: #E4472B; --c-cover-ink: #3A1B3F;
}
.ks-card--valentine-balloon[data-colourway="rose"] {
  --c-sky: #CFE6F2; --c-ray: #DDEEF6; --c-speck: #F4B6C6; --c-cloud-wall: #E2F0F7;
  --c-cloud-far: #EBF5FA; --c-cloud-mid: #F5FAFC; --c-cloud-near: #FFFBF4; --c-cloud-front: #FFFBF4;
  --c-cloud-s: rgba(40,70,110,.07);
  --c-env-a: #D9486E; --c-env-b: #FBD7DE; --c-env-hi: #EC7F9A; --c-mouth: #AF2D52; --c-belt: #FFF6E9; --c-belt-dot: #D9486E;
  --c-name: #8F1D43; --c-bird: #F5B83D; --c-bird-2: #FBDD8E; --c-beak: #E4472B; --c-banner-st: #F4B6C6;
  --c-roof-a: #D9486E; --c-roof-b: #3A7CA5; --c-house: #FFF6E9; --c-chim: #AF2D52; --c-win: #F5B83D;
  --c-h-a: #D9486E; --c-h-b: #F4B6C6; --c-h-c: #F5B83D;
  --c-floor: #E4F1F8; --c-floor-2: #D2E6F1;
  --c-cover: #CFE6F2; --c-cover-line: #D9486E; --c-cover-ink: #3A1B3F;
}
.ks-card--valentine-balloon[data-colourway="twilight"] {
  --c-shade: rgba(42,18,48,.2); --c-cloud-s: rgba(20,12,50,.16); --c-rope: #CBBCE8; --c-burner: #CBBCE8;
  --c-sky: #2C2658; --c-ray: #342D66; --c-speck: #F5D98C; --c-cloud-wall: #39326E;
  --c-cloud-far: #453D7C; --c-cloud-mid: #554C90; --c-cloud-near: #6A61A6; --c-cloud-front: #7A71B4;
  --c-env-a: #F5B83D; --c-env-b: #FFF1B8; --c-env-hi: #FCDB85; --c-mouth: #D9961A; --c-belt: #E4472B; --c-belt-dot: #FFF1B8;
  --c-name: #3A1B3F; --c-bird: #F7B4A7; --c-bird-2: #FBDCD2; --c-beak: #F5B83D; --c-banner-st: #F5B83D;
  --c-roof-a: #1E1944; --c-roof-b: #3D3273; --c-roof-s: rgba(255,241,184,.16); --c-house: #4A4283; --c-chim: #1E1944; --c-win: #F5B83D;
  --c-h-a: #F5B83D; --c-h-b: #F7B4A7; --c-h-c: #E4472B;
  --c-floor: #272050; --c-floor-2: #312A62;
  --c-cover: #2C2658; --c-cover-line: #F5B83D; --c-cover-ink: #FFF6E9;
}
/* resting state = the finished still: the name written (the wipe has no width), no hearts falling */
.ks-card--valentine-balloon .vb-drop { opacity: 0; }
/* the name on the banner: bold and dark, thickened a touch with its own colour so it reads on a phone */
.ks-card--valentine-balloon .vb-name { paint-order: stroke; stroke: var(--c-name); stroke-width: .7px; stroke-linejoin: round; }