/* The site's grounds (2026-10-26): the layer and the motion of the grounds first found on /history-35/ —
   Moroder's 2007 painting, the 2008 fresco, the gold of the 2001 sails, Bosch's colours, Cosmos — for every page
   that wears this year's wine ground (js/mwf-grounds.js: what is groundable, S, the picker's events). Moved here
   from css/history.css, renamed .mwfh-ground → .mwf-ground. Transform/opacity only; no @property.

   One fixed layer, .mwf-ground, main's first child: under everything (z-index −1), over the wine ground;
   .mwfe::after stays the grain over all. The script sets --mwf-ground (the picture), --mwf-ground-at,
   --mwf-ground-veil(-rgb) and --mwf-ground-base on it, and .has-ground on main while one shows.

   The header and the burger menu (#mwfm) always keep the year's wine colours (the user, 2026-10-26: «menu is also
   an exception and should always stay in same base colors»): nothing here styles html, body, :root, the header or
   #mwfm, and the layers stay at z-index −1 inside .mwfe, under both. */

/* where the wine ground is main's own background (every groundable page but /history-35/, which paints it on
   main::before): the first ground shown puts a fixed copy of it under the layer and clears main's — the same
   picture, laid as mwf.css lays it (center top / cover; the phone file up to 900 px). !important: a page's own
   rule must not bring main's background back over the layer. */
.mwf-ground-wine {
	position: fixed;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	background: var(--mwfe-bg-deep, #28191b) url('/core/bg/mwfe-ground-wine.webp') center top / cover no-repeat;
}
@media (max-width: 900px) {
	.mwf-ground-wine { background-image: url('/core/bg/mwfe-ground-wine-m.webp'); }
}
.mwfe.is-grounded { background: transparent !important; }

.mwf-ground {
	position: fixed;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	/* a veil keeps the cream text readable on a picture: the page's own wine on the paintings, a dark
	   gold on the gold ground (--mwf-ground-veil-rgb), none on Bosch */
	background:
		linear-gradient(rgba(var(--mwf-ground-veil-rgb, 40, 25, 27), var(--mwf-ground-veil, .42)), rgba(var(--mwf-ground-veil-rgb, 40, 25, 27), var(--mwf-ground-veil, .42))),
		var(--mwf-ground, none) var(--mwf-ground-at, center) / cover no-repeat,
		var(--mwf-ground-base, var(--mwfe-bg-deep));
	opacity: 0;
	transition: opacity .7s ease;
	will-change: opacity;
}
.mwfe.has-ground > .mwf-ground { opacity: 1; }
@media (prefers-reduced-motion: reduce) {
	.mwf-ground { transition: none; }
}

/* «Cosmos» (user, 2026-10-26; one name in every language; darker, fewer stars, the blue clouding kept — owner the same day): the fifth ground, reached through the ground picker — black, a subtle endless
   star field in the ground layer (js/mwf-grounds.js): a still far field, a sparse near layer drifting very slowly
   upwards (one tile per loop, so it never jumps), a few stars twinkling; transform/opacity only, resting while
   the page is hidden (.is-paused), still under reduced motion */
.mwf-ground .mwf-cosmos { display: none; }
.mwf-ground.is-cosmos .mwf-cosmos {
	display: block;
	position: absolute;
	inset: 0;
	overflow: hidden;
	background:
		radial-gradient(ellipse 70% 45% at 72% 18%, rgba(103, 30, 38, .12), rgba(103, 30, 38, 0) 70%),
		radial-gradient(ellipse 60% 50% at 18% 78%, rgba(58, 52, 120, .2), rgba(58, 52, 120, 0) 70%),
		radial-gradient(ellipse at 50% 40%, #07060f 0%, #030207 62%, #010103 100%);
}
.mwf-cosmos i { position: absolute; left: 0; top: 0; width: 100%; background-repeat: repeat; will-change: transform; }
.mwf-cosmos-far { height: 100%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='620' height='620'%3E%3Ccircle cx='340.2' cy='465.3' r='0.69' fill='%23ffffff' fill-opacity='0.52'/%3E%3Ccircle cx='598.7' cy='351.4' r='0.69' fill='%23fcf0c4' fill-opacity='0.74'/%3E%3Ccircle cx='499.4' cy='570.1' r='0.77' fill='%23ffffff' fill-opacity='0.57'/%3E%3Ccircle cx='592.2' cy='7.0' r='0.67' fill='%23fcf0c4' fill-opacity='0.79'/%3E%3Ccircle cx='211.4' cy='307.6' r='0.36' fill='%23fcf0c4' fill-opacity='0.40'/%3E%3Ccircle cx='211.3' cy='350.4' r='0.57' fill='%23fcf0c4' fill-opacity='0.40'/%3E%3Ccircle cx='99.7' cy='47.7' r='0.76' fill='%23d6dcff' fill-opacity='0.79'/%3E%3Ccircle cx='273.1' cy='505.4' r='0.50' fill='%23d6dcff' fill-opacity='0.58'/%3E%3Ccircle cx='164.1' cy='368.7' r='0.78' fill='%23d6dcff' fill-opacity='0.68'/%3E%3Ccircle cx='27.9' cy='512.2' r='0.40' fill='%23fcf0c4' fill-opacity='0.68'/%3E%3Ccircle cx='60.7' cy='234.0' r='0.73' fill='%23fcf0c4' fill-opacity='0.58'/%3E%3Ccircle cx='4.7' cy='564.3' r='0.68' fill='%23ffffff' fill-opacity='0.82'/%3E%3Ccircle cx='504.3' cy='11.2' r='0.65' fill='%23ffffff' fill-opacity='0.42'/%3E%3Ccircle cx='433.8' cy='15.1' r='0.66' fill='%23fcf0c4' fill-opacity='0.72'/%3E%3Ccircle cx='6.7' cy='288.9' r='0.72' fill='%23ffffff' fill-opacity='0.85'/%3E%3Ccircle cx='329.5' cy='338.6' r='0.68' fill='%23ffffff' fill-opacity='0.77'/%3E%3Ccircle cx='512.0' cy='456.5' r='0.47' fill='%23d6dcff' fill-opacity='0.45'/%3E%3Ccircle cx='375.5' cy='179.8' r='0.76' fill='%23ffffff' fill-opacity='0.56'/%3E%3Ccircle cx='338.7' cy='371.7' r='0.73' fill='%23d6dcff' fill-opacity='0.63'/%3E%3Ccircle cx='426.1' cy='494.8' r='0.35' fill='%23d6dcff' fill-opacity='0.74'/%3E%3Ccircle cx='63.9' cy='431.8' r='0.71' fill='%23fcf0c4' fill-opacity='0.75'/%3E%3Ccircle cx='333.2' cy='592.5' r='0.40' fill='%23d6dcff' fill-opacity='0.53'/%3E%3Ccircle cx='154.6' cy='619.3' r='0.54' fill='%23fcf0c4' fill-opacity='0.69'/%3E%3Ccircle cx='16.5' cy='376.8' r='0.76' fill='%23ffffff' fill-opacity='0.65'/%3E%3Ccircle cx='495.1' cy='543.6' r='0.39' fill='%23d6dcff' fill-opacity='0.66'/%3E%3Ccircle cx='484.6' cy='419.3' r='0.78' fill='%23ffffff' fill-opacity='0.91'/%3E%3Ccircle cx='129.7' cy='129.1' r='0.68' fill='%23d6dcff' fill-opacity='0.68'/%3E%3Ccircle cx='311.5' cy='246.5' r='0.69' fill='%23ffffff' fill-opacity='0.93'/%3E%3Ccircle cx='60.9' cy='615.7' r='0.59' fill='%23ffffff' fill-opacity='0.70'/%3E%3Ccircle cx='0.9' cy='368.7' r='0.51' fill='%23fcf0c4' fill-opacity='0.86'/%3E%3Ccircle cx='164.0' cy='457.0' r='0.44' fill='%23fcf0c4' fill-opacity='0.38'/%3E%3Ccircle cx='105.2' cy='283.2' r='0.79' fill='%23fcf0c4' fill-opacity='0.42'/%3E%3Ccircle cx='241.6' cy='477.2' r='0.56' fill='%23d6dcff' fill-opacity='0.38'/%3E%3Ccircle cx='33.9' cy='234.0' r='0.36' fill='%23fcf0c4' fill-opacity='0.36'/%3E%3Ccircle cx='460.9' cy='85.9' r='0.56' fill='%23ffffff' fill-opacity='0.53'/%3E%3Ccircle cx='204.3' cy='247.1' r='0.36' fill='%23d6dcff' fill-opacity='0.40'/%3E%3Ccircle cx='216.7' cy='178.1' r='0.69' fill='%23d6dcff' fill-opacity='0.37'/%3E%3Ccircle cx='530.3' cy='554.6' r='0.67' fill='%23d6dcff' fill-opacity='0.56'/%3E%3Ccircle cx='467.7' cy='44.3' r='0.40' fill='%23d6dcff' fill-opacity='0.57'/%3E%3Ccircle cx='28.0' cy='124.3' r='0.54' fill='%23ffffff' fill-opacity='0.85'/%3E%3Ccircle cx='186.2' cy='408.8' r='0.69' fill='%23d6dcff' fill-opacity='0.54'/%3E%3Ccircle cx='94.3' cy='586.9' r='0.47' fill='%23ffffff' fill-opacity='0.62'/%3E%3Ccircle cx='229.9' cy='436.4' r='0.70' fill='%23d6dcff' fill-opacity='0.65'/%3E%3Ccircle cx='89.7' cy='537.9' r='0.58' fill='%23d6dcff' fill-opacity='0.61'/%3E%3Ccircle cx='462.0' cy='129.7' r='0.47' fill='%23ffffff' fill-opacity='0.35'/%3E%3Ccircle cx='114.7' cy='575.6' r='0.48' fill='%23ffffff' fill-opacity='0.77'/%3E%3Ccircle cx='491.2' cy='485.7' r='0.49' fill='%23fcf0c4' fill-opacity='0.80'/%3E%3Ccircle cx='254.3' cy='193.7' r='0.46' fill='%23fcf0c4' fill-opacity='0.93'/%3E%3Ccircle cx='230.0' cy='532.4' r='0.78' fill='%23ffffff' fill-opacity='0.94'/%3E%3Ccircle cx='87.0' cy='241.3' r='0.75' fill='%23ffffff' fill-opacity='0.72'/%3E%3Ccircle cx='69.1' cy='223.1' r='0.43' fill='%23ffffff' fill-opacity='0.52'/%3E%3Ccircle cx='280.4' cy='85.4' r='0.44' fill='%23ffffff' fill-opacity='0.64'/%3E%3Ccircle cx='287.9' cy='182.4' r='0.80' fill='%23d6dcff' fill-opacity='0.41'/%3E%3Ccircle cx='255.1' cy='283.5' r='0.64' fill='%23fcf0c4' fill-opacity='0.90'/%3E%3Ccircle cx='82.6' cy='357.2' r='0.70' fill='%23d6dcff' fill-opacity='0.54'/%3E%3Ccircle cx='349.8' cy='388.2' r='0.69' fill='%23ffffff' fill-opacity='0.91'/%3E%3Ccircle cx='310.8' cy='226.8' r='0.49' fill='%23ffffff' fill-opacity='0.82'/%3E%3Ccircle cx='46.3' cy='503.4' r='0.71' fill='%23ffffff' fill-opacity='0.57'/%3E%3Ccircle cx='377.5' cy='551.1' r='0.42' fill='%23ffffff' fill-opacity='0.55'/%3E%3Ccircle cx='158.5' cy='391.9' r='0.56' fill='%23d6dcff' fill-opacity='0.67'/%3E%3Ccircle cx='247.9' cy='238.4' r='0.47' fill='%23ffffff' fill-opacity='0.71'/%3E%3Ccircle cx='256.6' cy='170.2' r='0.67' fill='%23fcf0c4' fill-opacity='0.65'/%3E%3Ccircle cx='244.5' cy='136.5' r='0.60' fill='%23fcf0c4' fill-opacity='0.69'/%3E%3Ccircle cx='604.7' cy='329.1' r='0.39' fill='%23fcf0c4' fill-opacity='0.81'/%3E%3Ccircle cx='373.2' cy='118.4' r='0.74' fill='%23d6dcff' fill-opacity='0.59'/%3E%3Ccircle cx='571.7' cy='13.9' r='0.57' fill='%23ffffff' fill-opacity='0.85'/%3E%3Ccircle cx='451.8' cy='502.6' r='0.60' fill='%23fcf0c4' fill-opacity='0.77'/%3E%3Ccircle cx='101.2' cy='602.3' r='0.47' fill='%23ffffff' fill-opacity='0.41'/%3E%3Ccircle cx='153.5' cy='513.6' r='0.59' fill='%23ffffff' fill-opacity='0.50'/%3E%3Ccircle cx='330.3' cy='520.4' r='0.65' fill='%23fcf0c4' fill-opacity='0.86'/%3E%3C/svg%3E"); background-size: 1240px 1240px; opacity: .4; }
.mwf-cosmos-near { height: calc(100% + 900px); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='900'%3E%3Ccircle cx='390.4' cy='191.7' r='1.11' fill='%23ffffff' fill-opacity='0.55'/%3E%3Ccircle cx='288.7' cy='348.8' r='0.78' fill='%23ffffff' fill-opacity='0.55'/%3E%3Ccircle cx='143.2' cy='471.0' r='0.93' fill='%23ffffff' fill-opacity='0.36'/%3E%3Ccircle cx='502.3' cy='625.1' r='0.78' fill='%23fcf0c4' fill-opacity='0.91'/%3E%3Ccircle cx='546.0' cy='650.9' r='1.17' fill='%23fcf0c4' fill-opacity='0.48'/%3E%3Ccircle cx='110.8' cy='570.2' r='1.16' fill='%23fcf0c4' fill-opacity='0.93'/%3E%3Ccircle cx='522.0' cy='551.3' r='1.06' fill='%23ffffff' fill-opacity='0.45'/%3E%3Ccircle cx='782.3' cy='707.7' r='1.23' fill='%23ffffff' fill-opacity='0.65'/%3E%3Ccircle cx='88.6' cy='238.2' r='0.96' fill='%23fcf0c4' fill-opacity='0.66'/%3E%3C/svg%3E"); background-size: 900px 900px; animation: mwf-cosmos-drift 420s linear infinite; }
.mwf-cosmos-twinkle { height: 100%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='760' height='760'%3E%3Ccircle cx='15.8' cy='738.8' r='1.04' fill='%23d6dcff' fill-opacity='0.94'/%3E%3Ccircle cx='35.7' cy='93.3' r='0.69' fill='%23d6dcff' fill-opacity='0.63'/%3E%3Ccircle cx='548.1' cy='16.7' r='1.08' fill='%23d6dcff' fill-opacity='0.60'/%3E%3Ccircle cx='193.9' cy='655.1' r='0.95' fill='%23d6dcff' fill-opacity='0.85'/%3E%3Ccircle cx='549.8' cy='738.4' r='0.69' fill='%23ffffff' fill-opacity='0.85'/%3E%3Ccircle cx='622.9' cy='545.6' r='0.61' fill='%23d6dcff' fill-opacity='0.74'/%3E%3Ccircle cx='188.1' cy='281.7' r='0.61' fill='%23ffffff' fill-opacity='0.81'/%3E%3Ccircle cx='565.2' cy='6.1' r='0.88' fill='%23ffffff' fill-opacity='0.69'/%3E%3Ccircle cx='675.5' cy='304.5' r='0.67' fill='%23e2c574' fill-opacity='0.68'/%3E%3Ccircle cx='749.1' cy='118.3' r='0.84' fill='%23ffffff' fill-opacity='0.40'/%3E%3Ccircle cx='275.1' cy='83.1' r='0.89' fill='%23d6dcff' fill-opacity='0.68'/%3E%3Ccircle cx='502.7' cy='398.1' r='0.76' fill='%23e2c574' fill-opacity='0.84'/%3E%3Ccircle cx='203.3' cy='65.0' r='0.76' fill='%23d6dcff' fill-opacity='0.46'/%3E%3Ccircle cx='299.1' cy='569.5' r='0.66' fill='%23e2c574' fill-opacity='0.72'/%3E%3C/svg%3E"); background-size: 1520px 1520px; background-position: 230px 170px; animation: mwf-cosmos-twinkle 7s ease-in-out infinite alternate; }
@keyframes mwf-cosmos-drift { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(0, -900px, 0); } }
@keyframes mwf-cosmos-twinkle { from { opacity: .15; } to { opacity: .6; } }
.mwf-ground.is-paused i, .mwf-ground.is-paused b { animation-play-state: paused; }
@media (prefers-reduced-motion: reduce) {
	.mwf-cosmos i { animation: none; }
	.mwf-cosmos-twinkle { opacity: .4; }
}

/* round «grounds in motion» (owner, 2026-10-26): «Improve the color scheme for L'oro delle vele, give the background a
   passive moving animation of golden leaves» · «Give I colori di Bosch a light movement effect, very slow movement of
   darker colors mixing with the brighter ones». Inside the ground layer (js/mwf-grounds.js decorate()); transform/opacity
   only, resting while the page is hidden (.is-paused), still under reduced motion. */
.mwf-ground .mwf-leaves, .mwf-ground .mwf-mix { display: none; }
.mwf-ground.is-leaves .mwf-leaves, .mwf-ground.is-mix .mwf-mix { display: block; position: absolute; inset: 0; overflow: hidden; }
/* the gold: a warm light from the upper left, a deep amber at the foot, the leaves drifting down through it */
.mwf-ground.is-leaves .mwf-leaves {
	background:
		radial-gradient(ellipse 60% 40% at 18% 6%, rgba(255, 206, 110, .09), rgba(255, 206, 110, 0) 70%),
		radial-gradient(ellipse 80% 60% at 82% 96%, rgba(70, 34, 4, .38), rgba(70, 34, 4, 0) 72%);
}
.mwf-leaves i {
	position: absolute;
	top: 0;
	left: var(--x);
	width: var(--s);
	height: calc(var(--s) * 1.3);
	margin-left: calc(var(--s) * -.5);
	opacity: var(--o);
	animation: mwf-leaf-fall var(--d) linear var(--dl) infinite;
	will-change: transform;
}
.mwf-leaves b {
	display: block;
	width: 100%;
	height: 100%;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 52'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23fff3c4'/%3E%3Cstop offset='.45' stop-color='%23e2b95a'/%3E%3Cstop offset='1' stop-color='%23a8741f'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23g)' d='M20 1C29 9 37 18 37 29C37 41 29 49 20 51C11 49 3 41 3 29C3 18 11 9 20 1Z'/%3E%3Cpath fill='none' stroke='%23fff6d8' stroke-opacity='.55' stroke-width='1' d='M20 6V48M20 20L11 14M20 20L29 14M20 30L9 23M20 30L31 23M20 39L12 34M20 39L28 34'/%3E%3C/svg%3E") center / contain no-repeat;
	filter: drop-shadow(0 .3rem .4rem rgba(40, 20, 0, .45));
	animation: mwf-leaf-sway var(--w) ease-in-out var(--dl) infinite alternate;
}
@keyframes mwf-leaf-fall { from { transform: translate3d(0, -12vh, 0); } to { transform: translate3d(0, 112vh, 0); } }
@keyframes mwf-leaf-sway {
	from { transform: translate3d(calc(var(--sx) * -1), 0, 0) rotate(var(--r0)); }
	to { transform: translate3d(var(--sx), 0, 0) rotate(var(--r1)); }
}
@media (max-width: 900px) {
	.mwf-leaves i:nth-child(n+9) { display: none; }
}
/* Bosch: four soft blots — two dark, two bright — drifting very slowly over his colours */
.mwf-mix i {
	position: absolute;
	width: 80vmax;
	height: 80vmax;
	border-radius: 50%;
	will-change: transform;
}
.mwf-mix-a { left: -20vmax; top: -25vmax; background: radial-gradient(closest-side, rgba(6, 12, 9, .55), rgba(6, 12, 9, 0)); animation: mwf-mix-a 95s ease-in-out infinite alternate; }
.mwf-mix-b { right: -25vmax; bottom: -30vmax; background: radial-gradient(closest-side, rgba(34, 14, 6, .5), rgba(34, 14, 6, 0)); animation: mwf-mix-b 120s ease-in-out infinite alternate; }
.mwf-mix-c { left: 20vmax; top: 10vmax; width: 60vmax; height: 60vmax; background: radial-gradient(closest-side, rgba(214, 190, 110, .13), rgba(214, 190, 110, 0)); animation: mwf-mix-c 80s ease-in-out infinite alternate; }
.mwf-mix-d { left: -10vmax; bottom: -10vmax; width: 55vmax; height: 55vmax; background: radial-gradient(closest-side, rgba(96, 150, 128, .14), rgba(96, 150, 128, 0)); animation: mwf-mix-d 105s ease-in-out infinite alternate; }
@keyframes mwf-mix-a { from { transform: translate3d(0, 0, 0) scale(1); } to { transform: translate3d(38vw, 30vh, 0) scale(1.15); } }
@keyframes mwf-mix-b { from { transform: translate3d(0, 0, 0) scale(1.1); } to { transform: translate3d(-34vw, -28vh, 0) scale(.9); } }
@keyframes mwf-mix-c { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(-24vw, 34vh, 0); } }
@keyframes mwf-mix-d { from { transform: translate3d(0, 0, 0) scale(.9); } to { transform: translate3d(30vw, -36vh, 0) scale(1.1); } }
@media (prefers-reduced-motion: reduce) {
	.mwf-leaves i { animation: none; transform: translate3d(0, var(--y), 0); }
	.mwf-leaves b, .mwf-mix i { animation: none; }
}