/* --- Styles for the Scratch-Off Canvas --- */
#reveal-container {
    position: relative;
    width: 100%;
    max-width: 100%;
    height: 100vh;
    min-height: 400px;
    margin: 40px auto;
    border-radius: 8px;
    overflow: hidden; /* Important */
    cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='106.347' height='83.713' viewBox='0 0 106.347 83.713'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath d='M0 0h106.347v59.511H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg fill='%23910019'%3E%3Cpath d='M49.838 0v15.184h4.639L48.04 26.317 41.608 15.184h4.638V0H18.212v15.184H22.85L6.008 44.326H0v15.184h28.592V44.326H23.456L32.23 29.145l3.4 5.887H32.37v15.184h31.345V35.03H60.454l3.4-5.887 8.773 15.18H67.492v15.184h28.59V44.326H90.075L73.233 15.184h4.639V0z'/%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M305.162 160.541a3.907 3.907 0 0 1-7.814 0 3.908 3.908 0 0 1 7.814 0zm-.714 0a3.077 3.077 0 0 1-3.229-3.212 3.2 3.2 0 1 1 0 6.4 3.072 3.072 0 0 1 3.229-3.193zm-1.48 2.087h-.858l-.7-1.053a1.142 1.142 0 0 0-.25.017h-.535v1.036h-.785V158.4h1.3a1.61 1.61 0 0 1 1.82 1.606 1.487 1.487 0 0 1-.84 1.373zm-1.82-1.659c.732 0 1.034-.356 1.034-.945 0-.57-.3-.963-1.034-.963h-.518v1.908z' transform='translate(-199.528 -104.902)'/%3E%3C/g%3E%3C/g%3E%3Ctext transform='translate(.28 65.713)' fill='%237a0219' font-size='18' font-family='Helvetica-Bold,Helvetica' font-weight='700'%3E%3Ctspan x='0' y='14'%3EPARTNERS%3C/tspan%3E%3C/text%3E%3C/svg%3E") 16 16, crosshair;
    background-image: url('images/Partnership.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    /* This ensures the un-blurring is animated */
    transition: filter 0.6s ease-in-out;
}
#partners {
    cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='106.347' height='83.713' viewBox='0 0 106.347 83.713'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath d='M0 0h106.347v59.511H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg fill='%23910019'%3E%3Cpath d='M49.838 0v15.184h4.639L48.04 26.317 41.608 15.184h4.638V0H18.212v15.184H22.85L6.008 44.326H0v15.184h28.592V44.326H23.456L32.23 29.145l3.4 5.887H32.37v15.184h31.345V35.03H60.454l3.4-5.887 8.773 15.18H67.492v15.184h28.59V44.326H90.075L73.233 15.184h4.639V0z'/%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M305.162 160.541a3.907 3.907 0 0 1-7.814 0 3.908 3.908 0 0 1 7.814 0zm-.714 0a3.077 3.077 0 0 1-3.229-3.212 3.2 3.2 0 1 1 0 6.4 3.072 3.072 0 0 1 3.229-3.193zm-1.48 2.087h-.858l-.7-1.053a1.142 1.142 0 0 0-.25.017h-.535v1.036h-.785V158.4h1.3a1.61 1.61 0 0 1 1.82 1.606 1.487 1.487 0 0 1-.84 1.373zm-1.82-1.659c.732 0 1.034-.356 1.034-.945 0-.57-.3-.963-1.034-.963h-.518v1.908z' transform='translate(-199.528 -104.902)'/%3E%3C/g%3E%3C/g%3E%3Ctext transform='translate(.28 65.713)' fill='%237a0219' font-size='18' font-family='Helvetica-Bold,Helvetica' font-weight='700'%3E%3Ctspan x='0' y='14'%3EPARTNERS%3C/tspan%3E%3C/text%3E%3C/svg%3E") 16 16, crosshair;
    z-index: 1000;
}

/* Mobile: Adjust height for smaller screens */
@media (max-width: 767.98px) {
    #reveal-container {
        height: 60vh;
        min-height: 300px;
        margin: 20px auto;
    }
}
/* This class applies the actual blur */
#reveal-container.blurred {
    filter: blur(10px); /* Adjust the pixel value for more/less blur */
}

#reveal-container:active {
    cursor: grabbing;
}

.hidden-content {
    padding: 40px;
    text-align: center;
    /* background-color: #27ae60;  */
    /* A nice reveal color */
    color: white;
}

#scratch-canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1; /* Ensures the canvas is on top */
}