.details-tray{position:relative;width:min(780px,100%);margin:0 auto 32px;scroll-margin-top:24px}
.details-tray:focus{outline:none}
.details-tray-arrangement{position:relative;isolation:isolate;aspect-ratio:1/1.08;container-type:inline-size}
.details-tray-silver{position:absolute;z-index:0;left:17%;top:2%;width:64%;height:auto;filter:drop-shadow(0 12px 18px #10050870);pointer-events:none;user-select:none}
.tray-polaroid{position:absolute;z-index:1;width:35%;aspect-ratio:1/1.15;box-sizing:border-box;margin:0;padding:2.1% 2.1% 7%;background:#f3f3f0;box-shadow:0 3px 4px #0003,0 12px 20px #170a1055}
.tray-photo-window{height:100%;overflow:hidden;background:#dad8d5}
.tray-photo-window img{display:block;width:100%;height:100%;object-fit:cover;transform-origin:center}
.tray-polaroid-one{left:57%;top:13%;transform:rotate(8deg)}
.tray-polaroid-two{z-index:3;left:57%;top:54%;transform:rotate(-10deg)}
.details-heart{position:absolute;z-index:2;left:0;top:30%;width:66%;container-type:inline-size;color:#4b1824;text-decoration:none;filter:drop-shadow(0 7px 7px #14091055);transition:translate .2s ease}
.details-heart>img{display:block;width:100%;height:auto;pointer-events:none;user-select:none}
.details-heart-copy{position:absolute;left:20%;top:35%;width:60%;text-align:center}
.details-heart-copy h2{margin:0;font:400 15.5cqw/.9 'Pinyon Script',cursive}
.details-heart-copy h2 span{display:block}
.details-heart-open{display:inline-block;margin-top:5cqw;font:400 clamp(9px,3.2cqw,19px)/1.3 Arial,Helvetica,sans-serif;letter-spacing:.15em;text-transform:uppercase;white-space:nowrap}
.details-heart:focus-visible{outline:2px solid #f1eee8;outline-offset:6px;border-radius:30%}
@media(hover:hover) and (pointer:fine){.details-heart:hover{translate:0 -4px}}
@media(max-width:700px){.details-tray{width:calc(100% + 12px);margin:0 -6px 20px}.details-tray-arrangement{aspect-ratio:1/1.15}.details-tray-silver{left:14%;top:2%;width:69%}.tray-polaroid{width:38%}.tray-polaroid-one{left:55%;top:14%}.tray-polaroid-two{left:55%;top:56%}.details-heart{left:-1%;top:32%;width:70%}}
@media(prefers-reduced-motion:reduce){.details-heart{transition:none}.details-heart:hover{translate:none}}