:root{--pearl-marble:url("assets/pearl-marble.svg")}
body{background-color:#f9faf9;background-image:var(--pearl-marble);background-position:center top;background-size:100vw 100vh;background-repeat:repeat-y;background-attachment:fixed}
.header{background:rgba(255,255,255,.93);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.welcome-hero,.category-hub,.pin-preview,.author,.community-spotlight{background-color:#fbfbfa;background-image:var(--pearl-marble),linear-gradient(135deg,rgba(255,255,255,.93),rgba(248,250,252,.9));background-size:100vw 100vh,auto;background-position:center top;background-repeat:repeat-y,no-repeat;background-attachment:fixed,scroll}
.welcome-image:before{background:linear-gradient(90deg,#fbfbfa 0%,rgba(251,251,250,.3) 13%,transparent 36%)}
.category-cover{box-shadow:0 17px 38px rgba(7,25,60,.15),0 2px 5px rgba(255,255,255,.82) inset}
.category-cover:hover,.category-cover:focus-visible{box-shadow:0 24px 44px rgba(7,25,60,.22),0 2px 5px rgba(255,255,255,.9) inset}
@media(max-width:720px){body{background-attachment:scroll;background-size:100vw 100vh}.welcome-hero,.category-hub,.pin-preview,.author,.community-spotlight{background-attachment:scroll,scroll;background-size:100vw 100vh,auto}.welcome-image:before{background:linear-gradient(180deg,#fbfbfa 0%,rgba(251,251,250,.32) 14%,transparent 38%)}}
@media(prefers-reduced-motion:reduce){.category-cover{transition:none}}