/*
 * Shared hydrangea paper mark.
 * Each page places the same botanical seal in a different quiet margin so the
 * motif feels printed into the site rather than attached to the content card.
 */
.page-watermark {
    position: fixed;
    width: clamp(310px, 34vw, 470px);
    aspect-ratio: 1;
    z-index: 0;
    color: #716a64;
    opacity: 0.11;
    pointer-events: none;
    user-select: none;
}

.page-watermark svg {
    width: 100%;
    height: 100%;
    overflow: visible;
}

.page-watermark .hydrangea-line {
    fill: none;
    stroke: currentColor;
    stroke-width: 2.1;
    vector-effect: non-scaling-stroke;
}

/* About has a long central column, so the seal sits in the left paper margin. */
.page-watermark--about {
    left: clamp(-190px, -11vw, -115px);
    top: 39vh;
    transform: rotate(-8deg);
}

/* The research atlas uses its wider right margin beside the programme grid. */
.page-watermark--research {
    right: clamp(-190px, -10vw, -105px);
    top: 24vh;
    transform: rotate(7deg);
}

/* The publication ledger leaves a quiet lower-right margin beside the years. */
.page-watermark--publications {
    right: clamp(-180px, -10vw, -100px);
    bottom: clamp(-112px, -6vw, -62px);
    transform: rotate(8deg);
}

/* Programme pages are text-heavy; keep the seal low and mostly off the sheet. */
.page-watermark--programme {
    left: clamp(-170px, -9vw, -92px);
    bottom: clamp(-108px, -6vw, -58px);
    transform: rotate(-5deg);
}

/* Elsewhere keeps the seal near the far edge, like a quiet maker's mark. */
.page-watermark--elsewhere {
    right: clamp(-184px, -10vw, -102px);
    top: 46vh;
    transform: rotate(-9deg);
}

@media (max-width: 620px) {
    .page-watermark {
        width: 300px;
        opacity: 0.082;
    }
    .page-watermark--about { left: -190px; top: 42vh; }
    .page-watermark--research { right: -195px; top: 31vh; }
    .page-watermark--publications { right: -195px; bottom: -98px; }
    .page-watermark--programme { left: -190px; bottom: -94px; }
    .page-watermark--elsewhere { right: -198px; top: 54vh; }
}