.hoverbg{position:absolute;width:100%;height:100%;overflow:hidden;--x:50%;--y:50%}.hoverbg__img{position:absolute;inset:0;background:url(/img/bg-doodle.svg) repeat;background-size:40rem;opacity:0;mask-image:radial-gradient(circle 80px at var(--x) var(--y),black 0,transparent 70%);-webkit-mask-image:radial-gradient(circle 80px at var(--x) var(--y),black 0,transparent 70%);transition:opacity .15s ease;pointer-events:none}.hoverbg.is-hover .hoverbg__img{opacity:1}@media only screen and (max-width:1199px){.hoverbg{display:none}}.hoverhexabg{position:absolute;width:100%;height:100%;overflow:hidden;--x:50%;--y:50%}.hoverhexabg__img{position:absolute;inset:0;background:url(/img/bg-hexa-doodle.svg) repeat;background-size:contain;opacity:0;mask-image:radial-gradient(circle 120px at var(--x) var(--y),black 0,transparent 70%);-webkit-mask-image:radial-gradient(circle 120px at var(--x) var(--y),black 0,transparent 70%);transition:opacity .15s ease;pointer-events:none}.hoverhexabg.is-hover .hoverhexabg__img{opacity:1}@media only screen and (max-width:1199px){.hoverhexabg{display:none}}