/* Lavaux appears as soft colour behind two sections, leaving reading surfaces calm. */
section.activity-menu,.closing{position:relative;isolation:isolate;overflow:hidden}
section.activity-menu{background:#edf0e9}
section.activity-menu::before,.closing::before{content:'';position:absolute;inset:-45px;z-index:-1;pointer-events:none;background-image:url('assets/lavaux.jpg');background-repeat:no-repeat;background-size:cover;filter:blur(22px) saturate(.65);transform:scale(1.04)}
section.activity-menu::before{background-position:center 48%;opacity:.25}
section.activity-menu::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(247,245,239,.65),rgba(247,245,239,.12) 45%,rgba(247,245,239,.5))}
.activity-menu li{box-shadow:0 8px 35px rgba(38,63,72,.025)}
.closing::before{background-position:center 35%;opacity:.23;mask-image:linear-gradient(to bottom,transparent,#000 25%,#000 55%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 25%,#000 55%,transparent)}
@media(max-width:700px){section.activity-menu::before{background-position:60% center;opacity:.21;filter:blur(16px) saturate(.6)}.closing::before{opacity:.19;filter:blur(16px) saturate(.6)}}
@media(forced-colors:active){section.activity-menu::before,section.activity-menu::after,.closing::before{display:none}}