/* Website overlay: photo pixels, dimensions, captions and credits remain unchanged.
   Crop only the symbol from the existing logo by CSS background positioning.
   Multiply makes the logo's white background transparent over the photograph. */
.photo-watermark{position:relative;isolation:isolate;--mark-width:clamp(32px,14%,86px);--mark-gap:12px;--mark-opacity:.34;--mark-filter:none;--mark-blend:multiply}
span.photo-watermark{display:block;width:100%;max-width:100%;line-height:0}
span.photo-watermark>img{display:block}
.photo-watermark::after,.photo-watermark-stacked::before,.photo-watermark-sidebyside::before{content:"";position:absolute;z-index:2;right:var(--mark-gap);bottom:var(--mark-gap);width:var(--mark-width);aspect-ratio:300/340;background-image:url('/assets/miguel-bailak-logo.png');background-repeat:no-repeat;background-size:340.666667% 210%;background-position:42.382271% 49.197861%;opacity:var(--mark-opacity);filter:var(--mark-filter);mix-blend-mode:var(--mark-blend);pointer-events:none}
.photo-watermark-light{--mark-filter:grayscale(1) invert(1);--mark-blend:screen;--mark-opacity:.58}
.photo-watermark-stacked::before{bottom:calc(50% + var(--mark-gap))}
.photo-watermark-sidebyside::before{right:calc(50% + var(--mark-gap))}
.photo-watermark-sidebyside{--mark-width:clamp(26px,9%,65px)}
.patient-portrait.photo-watermark::after{bottom:75px}
.hero-art.photo-watermark::after{bottom:55px}
span.photo-watermark-avatar{width:76px;max-width:76px;flex:0 0 76px;--mark-width:16px;--mark-gap:4px;--mark-opacity:.7}
.clinical-case-blepharo{max-width:620px;margin-top:22px!important}
@media(max-width:600px){.photo-watermark{--mark-gap:8px}span.photo-watermark-avatar{width:62px;max-width:62px;flex-basis:62px;--mark-width:14px;--mark-gap:3px}}