/* Victoria Bell Look — one warm, colourful look for the whole site.
   Her colours, taken from the paintings: sky, sun, tangerine, rose, leaf, cobalt, violet, on cream paper. */

.vbl {
	--vbl-paper: #fbf4e6;
	--vbl-paper2: #f6ead3;
	--vbl-ink: #2a2622;
	--vbl-soft: #6c6355;
	--vbl-mat: #fffdf8;
	--vbl-line: rgba(120, 92, 50, .16);
	--vbl-sky: #3fb8e6;
	--vbl-sun: #f6b52e;
	--vbl-tang: #ee7a1c;
	--vbl-rose: #e2487a;
	--vbl-leaf: #3d9a4f;
	--vbl-cobalt: #2f56d3;
	--vbl-violet: #7d4fd1;
	--vbl-a: var(--vbl-tang);            /* this page's colour, and its partner */
	--vbl-b: var(--vbl-rose);
	--vbl-hand: "Caveat Brush", "Bradley Hand", "Segoe Print", cursive;
	--vbl-book: "Alegreya", Georgia, "Times New Roman", serif;
	--vbl-rainbow: linear-gradient(90deg, var(--vbl-sky), var(--vbl-leaf) 18%, var(--vbl-sun) 36%, var(--vbl-tang) 54%, var(--vbl-rose) 72%, var(--vbl-violet) 88%, var(--vbl-cobalt));
	--vbl-shadow: 0 1px 2px rgba(80, 56, 20, .10), 0 14px 34px rgba(80, 56, 20, .16);
}
.vbl-garden    { --vbl-a: var(--vbl-leaf);   --vbl-b: var(--vbl-sky); }
.vbl-flowers   { --vbl-a: var(--vbl-rose);   --vbl-b: var(--vbl-tang); }
.vbl-murals    { --vbl-a: var(--vbl-tang);   --vbl-b: var(--vbl-violet); }
.vbl-annlees   { --vbl-a: var(--vbl-sky);    --vbl-b: var(--vbl-violet); }
.vbl-hands     { --vbl-a: var(--vbl-tang);   --vbl-b: var(--vbl-sun); }
.vbl-presents  { --vbl-a: var(--vbl-violet); --vbl-b: var(--vbl-rose); }
.vbl-else      { --vbl-a: var(--vbl-cobalt); --vbl-b: var(--vbl-sky); }
.vbl-family    { --vbl-a: #c0582c;           --vbl-b: var(--vbl-sun); }
.vbl-timelapse { --vbl-a: var(--vbl-cobalt); --vbl-b: var(--vbl-violet); }
.vbl-party     { --vbl-a: var(--vbl-tang);   --vbl-b: var(--vbl-rose); }

/* ---------- the paper: cream, with washes of her colours that stay put as you scroll ---------- */
html:has(body.vbl) { background: var(--vbl-paper, #fbf4e6) !important; }
body.vbl {
	background: transparent !important;
	color: var(--vbl-ink);
	font-family: var(--vbl-book);
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}
body.vbl::after {
	content: "";
	position: fixed;
	inset: -10vmax;
	z-index: -1;
	pointer-events: none;
	background:
		radial-gradient(38vmax 30vmax at 6% 4%, rgba(63, 184, 230, .38), transparent 70%),
		radial-gradient(34vmax 28vmax at 96% 10%, rgba(238, 122, 28, .30), transparent 70%),
		radial-gradient(30vmax 26vmax at 88% 62%, rgba(226, 72, 122, .24), transparent 70%),
		radial-gradient(36vmax 30vmax at 8% 78%, rgba(61, 154, 79, .26), transparent 70%),
		radial-gradient(30vmax 24vmax at 52% 104%, rgba(125, 79, 209, .22), transparent 70%),
		radial-gradient(24vmax 20vmax at 50% 38%, rgba(246, 181, 46, .10), transparent 70%),
		linear-gradient(180deg, var(--vbl-paper), var(--vbl-paper2));
}
/* a little paper grain over the washes */
body.vbl::before {
	content: "";
	position: fixed;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	opacity: .35;
	mix-blend-mode: multiply;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .35 0 0 0 0 .2 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
/* the home page keeps its own stars at night; by day it gets the washes too */
body.vbl.vbh-day { background: transparent !important; }
.vbl .vbh-skip { position: absolute !important; }

.vbl ::selection { background: color-mix(in srgb, var(--vbl-a) 30%, transparent); }
.vbl :focus-visible { outline: 2px solid var(--vbl-a); outline-offset: 3px; }

/* ---------- her menu bar ---------- */
.vbl-bar,
.vbl .vgd-top, .vbl .vfl-top, .vbl .vmu-top, .vbl .val-top, .vbl .vhd-top, .vbl .vpr-top, .vbl .vee-top, .vbl .vfm-top,
.vbl .vbh-bar {
	position: sticky;
	top: var(--wp-admin--admin-bar--height, 0px);
	z-index: 30;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px 26px;
	padding: calc(env(safe-area-inset-top, 0px) + 12px) clamp(16px, 4vw, 48px) 12px;
	background: rgba(251, 244, 230, .78) !important;
	-webkit-backdrop-filter: blur(14px) saturate(1.4);
	backdrop-filter: blur(14px) saturate(1.4);
	border-bottom: 0 !important;
	box-shadow: 0 1px 0 var(--vbl-line);
	transition: box-shadow .3s ease;
}
.vbl-bar::after,
.vbl .vgd-top::after, .vbl .vfl-top::after, .vbl .vmu-top::after, .vbl .val-top::after, .vbl .vhd-top::after, .vbl .vpr-top::after, .vbl .vee-top::after, .vbl .vfm-top::after,
.vbl .vbh-bar::after {
	/* a stroke of every colour under the bar */
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -3px;
	height: 3px;
	background: var(--vbl-rainbow);
	opacity: .85;
}
.vbl.vbl-scrolled .vbl-bar,
.vbl.vbl-scrolled [class$="-top"],
.vbl.vbl-scrolled .vbh-bar { box-shadow: 0 10px 30px rgba(80, 56, 20, .12); }
.vbl-name,
.vbl .vgd-home, .vbl .vfl-home, .vbl .vmu-home, .vbl .val-home, .vbl .vhd-home, .vbl .vpr-home, .vbl .vee-home, .vbl .vfm-home,
.vbl .vbh-bar-name {
	font: 400 28px/1 var(--vbl-hand) !important;
	color: var(--vbl-ink) !important;
	text-decoration: none !important;
	white-space: nowrap;
	margin-right: auto;
	letter-spacing: .01em;
	background: linear-gradient(90deg, var(--vbl-ink), var(--vbl-ink));
	-webkit-background-clip: text;
	background-clip: text;
	transition: color .3s;
}
.vbl-name:hover,
.vbl .vgd-home:hover, .vbl .vfl-home:hover, .vbl .vmu-home:hover, .vbl .val-home:hover, .vbl .vhd-home:hover, .vbl .vpr-home:hover, .vbl .vee-home:hover, .vbl .vfm-home:hover,
.vbl .vbh-bar-name:hover {
	color: transparent !important;
	background-image: var(--vbl-rainbow);
}
.vbl-links,
.vbl .vbh-bar-links {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 2px 6px;
}
.vbl-links a,
.vbl .vbh-bar-links a {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 7px 12px !important;
	border-radius: 999px;
	font: 500 16px/1 var(--vbl-book);
	color: var(--vbl-soft) !important;
	text-decoration: none !important;
	white-space: nowrap;
	background: none !important;
	transition: color .2s, background-color .2s, transform .2s;
}
.vbl-links a:hover,
.vbl .vbh-bar-links a:hover {
	color: var(--vbl-ink) !important;
	background-color: rgba(255, 255, 255, .7) !important;
	transform: translateY(-1px);
}
.vbl-links a[aria-current="page"] {
	color: #fff !important;
	background: linear-gradient(120deg, var(--vbl-a), var(--vbl-b)) !important;
	box-shadow: 0 4px 14px color-mix(in srgb, var(--vbl-a) 35%, transparent);
}
.vbl-lock { width: 13px; height: 13px; opacity: .75; }
.vbl-edit,
.vbl .vgd-edit, .vbl .vfl-edit, .vbl .vmu-edit, .vbl .val-edit, .vbl .vhd-edit, .vbl .vpr-edit, .vbl .vee-edit, .vbl .vfm-edit {
	font: 500 13px/1 system-ui, -apple-system, sans-serif !important;
	padding: 8px 13px !important;
	border-radius: 999px;
	color: #fff !important;
	background: var(--vbl-ink) !important;
	text-decoration: none !important;
}
@media (max-width: 720px) {
	.vbl-bar,
	.vbl .vgd-top, .vbl .vfl-top, .vbl .vmu-top, .vbl .val-top, .vbl .vhd-top, .vbl .vpr-top, .vbl .vee-top, .vbl .vfm-top {
		gap: 4px 12px;
		padding-bottom: 8px;
	}
	.vbl-name,
	.vbl .vgd-home, .vbl .vfl-home, .vbl .vmu-home, .vbl .val-home, .vbl .vhd-home, .vbl .vpr-home, .vbl .vee-home, .vbl .vfm-home { font-size: 24px !important; }
	.vbl-links {
		order: 3;
		flex: 1 0 100%;
		flex-wrap: nowrap;
		overflow-x: auto;
		margin: 0 -8px;
		scrollbar-width: none;
		-webkit-mask-image: linear-gradient(90deg, #000 88%, transparent);
		mask-image: linear-gradient(90deg, #000 88%, transparent);
	}
	.vbl-links::-webkit-scrollbar { display: none; }
	.vbl-links a { font-size: 15px; padding: 7px 10px !important; }
}

/* ---------- headings: hand-lettered, with a stroke of paint under the page title ---------- */
.vbl .vgd-title, .vbl .vfl-title, .vbl .vmu-title, .vbl .val-title, .vbl .vhd-title, .vbl .vpr-title, .vbl .vee-title, .vbl .vfm-title,
.vbl .vtl-title, .vbl .vbbp-title {
	font-family: var(--vbl-hand) !important;
	font-weight: 400 !important;
	font-size: clamp(3rem, 2rem + 4.4vw, 5.6rem) !important;
	line-height: .95 !important;
	color: var(--vbl-ink);
	letter-spacing: .005em;
	margin-bottom: 18px !important;
}
.vbl .vgd-title::after, .vbl .vfl-title::after, .vbl .vmu-title::after, .vbl .val-title::after, .vbl .vhd-title::after, .vbl .vpr-title::after, .vbl .vee-title::after, .vbl .vfm-title::after,
.vbl .vtl-title::after, .vbl .vbbp-title::after {
	content: "";
	display: block;
	width: min(240px, 48%);
	height: 14px;
	margin: 10px auto 0;
	background: linear-gradient(100deg, var(--vbl-a), var(--vbl-b));
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 14' preserveAspectRatio='none'%3E%3Cpath d='M3 9C40 3 80 4 120 6s82 4 117-3c2 0 3 2 1 3-36 8-80 7-121 5S41 8 4 12c-3 0-4-3-1-3z'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 14' preserveAspectRatio='none'%3E%3Cpath d='M3 9C40 3 80 4 120 6s82 4 117-3c2 0 3 2 1 3-36 8-80 7-121 5S41 8 4 12c-3 0-4-3-1-3z'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
}
.vbl .vfm-lock .vfm-title::after { display: none; }
.vbl .vgd-intro, .vbl .vfl-intro, .vbl .vmu-intro, .vbl .val-intro, .vbl .vhd-intro, .vbl .vpr-intro, .vbl .vee-intro, .vbl .vfm-intro,
.vbl .vtl-intro, .vbl .vbbp-intro {
	font-family: var(--vbl-book);
	font-style: italic;
	font-size: clamp(1.1rem, 1rem + .45vw, 1.35rem) !important;
	color: var(--vbl-soft) !important;
	text-wrap: pretty;
}
.vbl .vgd-head, .vbl .vfl-head, .vbl .vmu-head, .vbl .val-head, .vbl .vhd-head, .vbl .vpr-head, .vbl .vee-head, .vbl .vfm-head { padding-top: clamp(40px, 7vw, 92px) !important; }
.vbl .vbh-h, .vbl .vtl-mhead h2, .vbl .vbbp-yh h2, .vbl .vgd-bongo-title {
	font-family: var(--vbl-hand) !important;
	font-weight: 400 !important;
}
.vbl .vbh-part::before { background: var(--vbl-rainbow) !important; width: 120px !important; height: 3px !important; opacity: .9 !important; }

/* ---------- tabs and buttons: her colours ---------- */
.vbl .vgd-tabs, .vbl .vfl-tabs, .vbl .vmu-tabs, .vbl .val-tabs, .vbl .vhd-tabs, .vbl .vpr-tabs, .vbl .vee-tabs, .vbl .vfm-tabs {
	gap: 4px !important;
	padding: 5px;
	width: max-content;
	max-width: 100%;
	margin-left: auto !important;
	margin-right: auto !important;
	border-radius: 999px;
	background: rgba(255, 255, 255, .62);
	box-shadow: inset 0 0 0 1px var(--vbl-line), 0 6px 20px rgba(80, 56, 20, .07);
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
	flex-wrap: wrap;
	justify-content: center;
}
.vbl .vgd-tabs button, .vbl .vfl-tabs button, .vbl .vmu-tabs button, .vbl .val-tabs button, .vbl .vhd-tabs button, .vbl .vpr-tabs button, .vbl .vee-tabs button, .vbl .vfm-tabs button {
	border: 0 !important;
	font: 500 16px/1 var(--vbl-book) !important;
	padding: 11px 22px !important;
	color: var(--vbl-soft) !important;
	background: transparent !important;
	transition: color .2s, background-color .2s;
}
.vbl .vgd-tabs button:hover, .vbl .vfl-tabs button:hover, .vbl .vmu-tabs button:hover, .vbl .val-tabs button:hover, .vbl .vhd-tabs button:hover, .vbl .vpr-tabs button:hover, .vbl .vee-tabs button:hover, .vbl .vfm-tabs button:hover {
	color: var(--vbl-ink) !important;
	background: rgba(255, 255, 255, .9) !important;
}
.vbl .vgd-tabs button[aria-selected="true"], .vbl .vfl-tabs button[aria-selected="true"], .vbl .vmu-tabs button[aria-selected="true"], .vbl .val-tabs button[aria-selected="true"], .vbl .vhd-tabs button[aria-selected="true"],
.vbl .vpr-tabs button[aria-selected="true"], .vbl .vee-tabs button[aria-selected="true"], .vbl .vfm-tabs button[aria-selected="true"] {
	color: #fff !important;
	background: linear-gradient(120deg, var(--vbl-a), var(--vbl-b)) !important;
	box-shadow: 0 6px 18px color-mix(in srgb, var(--vbl-a) 38%, transparent);
}
.vbl .vgd-tabs .vgd-tab-bongo[aria-selected="true"] { background: linear-gradient(120deg, #8a5a2b, #d39a4a) !important; box-shadow: 0 6px 18px rgba(138, 90, 43, .35); }

/* Time-Lapse and Block Party: the sticky years row and the tabs, on the paper */
.vbl .vtl-years, .vbl .vbbp-years {
	top: calc(var(--wp-admin--admin-bar--height, 0px) + var(--vbl-bar-h, 64px) + 10px) !important;
	width: max-content;
	max-width: calc(100% - 8px);
	margin-left: auto !important;
	margin-right: auto !important;
	padding: 5px !important;
	gap: 2px !important;
	border-radius: 999px;
	background: rgba(255, 253, 248, .72) !important;
	-webkit-backdrop-filter: blur(12px) saturate(1.3);
	backdrop-filter: blur(12px) saturate(1.3);
	border-bottom: 0 !important;
	box-shadow: inset 0 0 0 1px var(--vbl-line), 0 8px 24px rgba(80, 56, 20, .10);
	z-index: 20 !important;
}
.vbl .vtl-years button, .vbl .vbbp-years a { font-family: var(--vbl-book) !important; font-size: 16px !important; color: var(--vbl-soft) !important; }
.vbl .vtl-years button:hover, .vbl .vbbp-years a:hover { background: rgba(255, 255, 255, .85) !important; color: var(--vbl-ink) !important; }
.vbl .vtl-years button[aria-pressed="true"], .vbl .vbbp-years a[aria-current="true"] {
	color: #fff !important;
	background: linear-gradient(120deg, var(--vbl-a), var(--vbl-b)) !important;
	box-shadow: 0 4px 14px color-mix(in srgb, var(--vbl-a) 35%, transparent);
}
.vbl .vtl-tabs { background: rgba(255, 255, 255, .62) !important; box-shadow: inset 0 0 0 1px var(--vbl-line); }
.vbl .vtl-tabs a { font-family: var(--vbl-book); font-weight: 500; }
.vbl .vtl-tabs a[aria-selected="true"] { color: #fff !important; background: linear-gradient(120deg, var(--vbl-a), var(--vbl-b)) !important; box-shadow: 0 6px 18px color-mix(in srgb, var(--vbl-a) 35%, transparent) !important; }

/* ---------- the pictures: framed in a cream mat, lifting when you point at them ---------- */
.vbl .vgd-grid, .vbl .vfl-grid, .vbl .vmu-grid, .vbl .val-grid, .vbl .vhd-grid, .vbl .vpr-grid, .vbl .vee-grid, .vbl .vfm-grid { gap: 10px !important; }
.vbl .vgd-item, .vbl .vfl-item, .vbl .vmu-item, .vbl .val-item, .vbl .vhd-item, .vbl .vpr-item, .vbl .vee-item, .vbl .vfm-item {
	border-radius: 6px;
	background: var(--vbl-mat) !important;
	box-shadow: var(--vbl-shadow);
	transition: transform .35s cubic-bezier(.2, .8, .2, 1), box-shadow .35s ease;
}
.vbl .vgd-item:hover, .vbl .vfl-item:hover, .vbl .vmu-item:hover, .vbl .val-item:hover, .vbl .vhd-item:hover, .vbl .vpr-item:hover, .vbl .vee-item:hover, .vbl .vfm-item:hover {
	transform: translateY(-4px) rotate(-.4deg);
	box-shadow: 0 2px 4px rgba(80, 56, 20, .12), 0 22px 44px color-mix(in srgb, var(--vbl-a) 26%, rgba(80, 56, 20, .2));
	z-index: 2;
}
.vbl .vgd-item img, .vbl .vfl-item img, .vbl .vmu-item img, .vbl .val-item img, .vbl .vhd-item img, .vbl .vpr-item img, .vbl .vee-item img, .vbl .vfm-item img { padding: 6px; border-radius: 9px; }
.vbl .vgd-movie, .vbl .vfl-movie, .vbl .vmu-movie, .vbl .val-movie, .vbl .vhd-movie, .vbl .vpr-movie, .vbl .vee-movie, .vbl .vfm-movie {
	border-radius: 8px;
	overflow: hidden;
	padding: 8px;
	background: var(--vbl-mat) !important;
	box-shadow: var(--vbl-shadow);
}
.vbl .vgd-movie video, .vbl .vfl-movie video, .vbl .vmu-movie video, .vbl .val-movie video, .vbl .vhd-movie video, .vbl .vpr-movie video, .vbl .vee-movie video, .vbl .vfm-movie video { border-radius: 4px; }

/* Time-Lapse wall and the home page strip */
.vbl .vtl { color: var(--vbl-ink) !important; }
.vbl .vtl-open {
	background: var(--vbl-mat) !important;
	padding: 8px !important;
	border-radius: 6px !important;
	box-shadow: var(--vbl-shadow) !important;
	transition: transform .35s cubic-bezier(.2, .8, .2, 1), box-shadow .35s ease !important;
}
.vbl .vtl-open:not(:disabled):hover {
	transform: translateY(-5px) rotate(-.5deg) !important;
	box-shadow: 0 2px 4px rgba(80, 56, 20, .12), 0 24px 48px color-mix(in srgb, var(--vbl-a) 28%, rgba(80, 56, 20, .2)) !important;
}
.vbl .vtl-pic img { border-radius: 3px; }
.vbl .vtl-play { background: rgba(20, 18, 30, .62) !important; }
.vbl .vtl-open:hover .vtl-play { background: linear-gradient(120deg, var(--vbl-a), var(--vbl-b)) !important; }
.vbl .vtl-name { font: 400 clamp(1.35rem, 1.15rem + .5vw, 1.65rem)/1.1 var(--vbl-hand) !important; color: var(--vbl-ink); }
.vbl .vtl-sub { font-family: var(--vbl-book); font-style: italic; color: var(--vbl-soft) !important; }
.vbl .vtl-cap { margin-top: 12px !important; }
.vbl .vtl-mfilm { outline-color: var(--vbl-mat) !important; }
.vbl .vtl-tile, .vbl .vtl-wall img { box-shadow: var(--vbl-shadow) !important; border-radius: 6px !important; }

/* Block Party: invitations and films on mats */
.vbl .vbbp { color: var(--vbl-ink) !important; }
.vbl .vbbp-year + .vbbp-year { border-top: 0 !important; }
.vbl .vbbp-year + .vbbp-year::before { content: ""; display: block; width: 120px; height: 3px; margin: 0 auto 48px; border-radius: 3px; background: var(--vbl-rainbow); opacity: .85; }
.vbl .vbbp-yh h2 { font-size: clamp(2.2rem, 1.6rem + 2.4vw, 3.4rem) !important; }
.vbl .vbbp-name { color: var(--vbl-a) !important; }
.vbl .vbbp-art img, .vbl .vbbp-film video {
	background: var(--vbl-mat);
	padding: 10px;
	border-radius: 6px;
	box-shadow: var(--vbl-shadow);
}

/* the Garden's Bongo tab */
.vbl .vgd-bongo-title { color: #7a4e25 !important; }
.vbl .vgd-bongo-film { padding: 8px; background: var(--vbl-mat) !important; border-radius: 10px !important; }

/* the Family lock */
.vbl .vfm-lock {
	padding: clamp(26px, 5vw, 44px);
	background: rgba(255, 253, 248, .78);
	border-radius: 18px;
	box-shadow: var(--vbl-shadow);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
}
.vbl .vfm-lock button { background: linear-gradient(120deg, var(--vbl-a), var(--vbl-b)) !important; border: 0 !important; color: #fff !important; }

/* ---------- pages drawn by the theme (Time-Lapse, Block Party) ---------- */
.vbl.wp-theme-twentytwentyfive {
	--wp--preset--color--base: transparent;
	--wp--preset--color--contrast: var(--vbl-ink);
	--wp--preset--font-family--manrope: var(--vbl-book);
	--wp--preset--font-family--fira-code: var(--vbl-book);
}
.vbl .wp-site-blocks { background: transparent !important; }
.vbl .wp-site-blocks > main { margin-top: 0 !important; padding-top: clamp(8px, 2vw, 24px); }
.vbl h1, .vbl h2, .vbl h3 { text-wrap: balance; }

/* ---------- the footers ---------- */
.vbl .vbf, .vbl .vgd-foot, .vbl .vfl-foot, .vbl .vmu-foot, .vbl .val-foot, .vbl .vhd-foot, .vbl .vpr-foot, .vbl .vee-foot, .vbl .vfm-foot, .vbl .vbh-foot {
	position: relative;
	margin-top: clamp(56px, 9vw, 110px) !important;
	padding-top: clamp(40px, 6vw, 64px) !important;
	background:
		radial-gradient(60% 120% at 15% 120%, rgba(63, 184, 230, .22), transparent 70%),
		radial-gradient(60% 120% at 85% 120%, rgba(238, 122, 28, .22), transparent 70%),
		rgba(246, 234, 211, .72) !important;
	border-top: 0 !important;
	color: var(--vbl-soft) !important;
}
.vbl .vbf::before, .vbl .vgd-foot::before, .vbl .vfl-foot::before, .vbl .vmu-foot::before, .vbl .val-foot::before, .vbl .vhd-foot::before, .vbl .vpr-foot::before, .vbl .vee-foot::before, .vbl .vfm-foot::before, .vbl .vbh-foot::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 3px;
	background: var(--vbl-rainbow);
	opacity: .8;
}
.vbl .vbf-name a { background: var(--vbl-rainbow); -webkit-background-clip: text; background-clip: text; color: var(--vbl-ink); transition: color .3s; }
.vbl .vbf-name a:hover { color: transparent; }

/* ---------- things arrive as you scroll down to them (where the browser can do it without scripts) ---------- */
@supports (animation-timeline: view()) {
	@media (prefers-reduced-motion: no-preference) {
		.vbl .vgd-item, .vbl .vfl-item, .vbl .vmu-item, .vbl .val-item, .vbl .vhd-item, .vbl .vpr-item, .vbl .vee-item, .vbl .vfm-item,
		.vbl .vtl-item, .vbl .vbbp-art, .vbl .vbbp-film, .vbl .vbp-portal {
			animation: vbl-rise linear both;
			animation-timeline: view();
			animation-range: entry 0% entry 28%;
		}
	}
}
@keyframes vbl-rise {
	from { opacity: .25; translate: 0 28px; scale: .975; }
	to   { opacity: 1; translate: 0 0; scale: 1; }
}
@media (prefers-reduced-motion: reduce) {
	.vbl * { transition: none !important; }
}