.m-photo{position:relative;overflow:hidden;display:grid;place-items:center;background:radial-gradient(135% 120% at 76% 16%,#9e9586,#847b6c 48%,#5d5648);color:#ffffff85}.m-photo--t1{background:radial-gradient(135% 120% at 24% 18%,#a89f8e,#877e6f,#615a4c)}.m-photo--t2{background:radial-gradient(140% 120% at 70% 80%,#978d7d,#7a7162,#564f42)}.m-photo--wide{aspect-ratio:16 / 11}.m-photo--photo{aspect-ratio:4 / 3;border-radius:16px}.m-photo--square{aspect-ratio:1 / 1;border-radius:16px}.m-photo--fill{aspect-ratio:auto;height:100%;min-height:230px}.m-photo:not(:has(.m-photo__img)):before{content:"";position:absolute;width:150%;aspect-ratio:1;right:-45%;top:-42%;background:repeating-radial-gradient(circle at 50% 50%,rgba(255,255,255,.055) 0 1px,transparent 1px 16px);pointer-events:none}.m-photo:not(:has(.m-photo__img)):after{content:"";position:absolute;inset:12px;border:1px solid rgba(255,255,255,.16);border-radius:6px;pointer-events:none}.m-photo__icon{position:relative;width:clamp(30px,3.4vw,42px);height:clamp(30px,3.4vw,42px);color:#fff6}.m-photo__img{width:100%;height:100%;object-fit:cover;display:block}.m-photo--contain{background:var(--c-surface)}.m-photo--contain .m-photo__img{object-fit:contain;padding:clamp(16px,2.4vw,32px)}.m-photo--soft{background:linear-gradient(160deg,var(--c-surface) 0%,var(--c-bg-sub) 100%)}.m-photo--soft.m-photo:not(:has(.m-photo__img)):before{background:repeating-radial-gradient(circle at 50% 50%,rgba(44,80,57,.07) 0 1px,transparent 1px 16px)}.m-photo--soft.m-photo:not(:has(.m-photo__img)):after{border-color:#2c503924}.m-photo--soft .m-photo__icon{color:#7e9b5eb8}