.reference-photo{aspect-ratio:1;isolation:isolate;width:100%;max-width:470px;margin-inline:auto;position:relative}.reference-photo-back{background:var(--button-voices);z-index:-1;border-radius:32px;position:absolute;inset:16% 0 0 36%;transform:skewY(17deg)}.reference-photo-image{object-fit:cover;width:82%;height:88%;position:absolute;inset:0}.reference-photo-medallion{aspect-ratio:1;background:var(--background);width:86px;color:var(--oakwood-maroon);box-shadow:0 4px 10px color-mix(in oklab, var(--oakwood-ink) 12%, transparent);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:27%;right:15%}.reference-photo-medallion svg{width:40px;height:40px}.reference-photo-dots{grid-template-columns:repeat(2,8px);gap:7px;display:grid;position:absolute;top:18%;left:-7%}.reference-photo-dots span{border:2px solid var(--oakwood-maroon);border-radius:50%;width:8px;height:8px}.reference-photo-dark .reference-photo-image{width:94%;height:100%}.reference-photo-dark .reference-photo-back{background:var(--button-voices);border-radius:38px;inset:9% 1% -2% 9%;transform:rotate(-20deg)}.reference-photo-dark .reference-photo-medallion{width:108px;top:0;bottom:auto;right:4%}.reference-photo-dark .reference-photo-medallion svg{width:52px;height:52px}.reference-photo-dark .reference-photo-dots{top:61%;left:0;transform:rotate(-27deg)}.reference-photo-dark .reference-photo-dots span{border-color:var(--primary-foreground)}@media (width<=640px){.reference-photo{width:88%;max-width:350px}.reference-photo-medallion{width:70px}.reference-photo-dark .reference-photo-medallion{width:82px}}