/* Background treatments. The approved contact card remains unchanged. */
body{isolation:isolate;background:#edecf2}.backdrop{position:fixed;inset:0;z-index:-1;pointer-events:none;background-color:#edecf2;background-size:cover;background-position:center}.card-screen{background:transparent}.card-screen .content{background:#f7f6f9f5;box-shadow:0 20px 80px #2821350b;border-color:#ffffffed}.backdrop:before,.backdrop:after{content:'';position:absolute;inset:0;pointer-events:none}
html[data-bg=glass] .backdrop{background-image:url('assets/bg-glass.png')}
@media(max-width:650px){.screen.card-screen{padding-block:35px}.card-screen .content{box-shadow:0 12px 60px #28213512}}
/* Mobile glass uses two smaller corner crops of the original artwork.
   Keep the desktop composition untouched and the center free. */
@media(max-width:650px){
 html[data-bg=glass] .backdrop{background-image:none;background-color:#edecf2}
 html[data-bg=glass] .backdrop:before{inset:0 0 auto auto;width:76vw;max-width:310px;height:30svh;max-height:265px;background-image:url('assets/bg-glass.png');background-repeat:no-repeat;background-size:190% auto;background-position:right top;-webkit-mask-image:radial-gradient(ellipse at top right,#000 30%,#0009 58%,transparent 80%);mask-image:radial-gradient(ellipse at top right,#000 30%,#0009 58%,transparent 80%)}
 html[data-bg=glass] .backdrop:after{inset:auto auto 0 0;width:68vw;max-width:275px;height:31svh;max-height:270px;background-image:url('assets/bg-glass.png');background-repeat:no-repeat;background-size:200% auto;background-position:left bottom;-webkit-mask-image:radial-gradient(ellipse at bottom left,#000 30%,#0009 60%,transparent 82%);mask-image:radial-gradient(ellipse at bottom left,#000 30%,#0009 60%,transparent 82%)}
}