/* A pair of actual playing-card keepsakes, using the folio's paper and type. */
.experience-hand{position:relative;isolation:isolate;width:100%;max-width:470px;min-height:540px;justify-self:end;margin:20px 0 30px}
.experience-hand .hand-lace{position:absolute;z-index:-1;left:-7%;top:10%;width:115%;height:76%;object-fit:contain;transform:rotate(-9deg);opacity:.9;pointer-events:none}
.experience-hand .playing{position:absolute;display:block;color:#5A0F1D;text-decoration:none;background:#FBF9F8;border:1px solid #D5B5BE;border-radius:9px;box-shadow:1px 2px 0 #E3D2D6,3px 5px 0 #F5EAEC,8px 14px 24px rgba(62,25,35,.17);transition:transform .2s ease,box-shadow .2s ease}
.playing::before{content:"";position:absolute;inset:9px;border:1px solid #C99AA5;border-radius:4px;pointer-events:none}
.playing:focus-visible{outline:3px solid #5A0F1D;outline-offset:7px}
.playing-index{position:absolute;z-index:2;display:flex;flex-direction:column;align-items:center;font:400 28px/.85 "True Fate Serif",Georgia,serif;color:#9E1B2A}
.playing-index span{font:24px/1 Georgia,serif;margin-top:5px}
.playing .index-top{top:16px;left:14px}
.playing .index-bottom{bottom:16px;right:14px;transform:rotate(180deg)}
.keepsake-queen{left:0;top:0;width:65%;aspect-ratio:5/7;transform:rotate(-8deg);z-index:1}
.playing-print{position:absolute;inset:34px 36px 30px;display:flex;flex-direction:column;border:1px solid #A55A6A;overflow:hidden;background:#F4E3E5}
.playing-print>img{display:block;width:100%;height:59%;object-fit:cover;object-position:50% 20%;flex:none}
.playing-caption{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:12px 6px;text-align:center;background:#FBF9F8}
.playing-caption .hand{font-size:31px;line-height:1.05}
.playing-name{display:block;font:400 25px/1.05 "True Fate Serif",Georgia,serif;letter-spacing:-.02em;color:#5A0F1D}
.playing-follow{display:block;font:600 9px/1.4 "Instrument Sans",sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#7A2B3A}
.keepsake-ace{right:0;top:200px;width:47%;aspect-ratio:5/7;transform:rotate(9deg);z-index:2}
.ace-print{position:absolute;inset:35px 32px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px}
.ace-heart{font:76px/.9 Georgia,serif;color:#9E1B2A;text-shadow:0 1px 0 #F4E3E5}
.ace-print .hand{font-size:29px;line-height:1.05;transform:rotate(-4deg)}
.ace-print .playing-name{font-size:20px;line-height:1.1}
.experience-hand .deck-note{position:absolute;left:4%;top:455px;font-size:25px;transform:rotate(-5deg);max-width:45%;line-height:1.3}
@media(hover:hover){.keepsake-queen:hover{transform:rotate(-5deg) translateY(-5px)}.keepsake-ace:hover{transform:rotate(5deg) translateY(-5px)}}
@container jl (max-width:1100px) and (min-width:761px){.experience-hand{min-height:480px}.keepsake-queen{width:76%;left:-10%}.keepsake-ace{width:60%;top:200px}.experience-hand .deck-note{top:430px;font-size:22px}.playing-name{font-size:21px}.playing-caption .hand{font-size:25px}.playing-print{inset:32px 30px 25px}.ace-print{inset:35px 27px;gap:10px}.ace-heart{font-size:60px}.ace-print .hand{font-size:25px}.ace-print .playing-name{font-size:18px}}
@container jl (max-width:760px){.experience-hand{justify-self:center;max-width:430px;min-height:550px;margin:40px 0 20px}.keepsake-queen{left:4%;width:65%}.keepsake-ace{right:4%;top:210px;width:48%}.experience-hand .deck-note{left:8%;top:460px;font-size:24px}.playing-print{inset:32px 32px 26px}.playing-name{font-size:23px}.playing-caption .hand{font-size:28px}.ace-print{inset:34px 28px;gap:12px}.ace-print .hand{font-size:27px}.ace-heart{font-size:68px}}
@container jl (max-width:380px){.experience-hand{min-height:480px}.keepsake-queen{left:3%;width:67%}.keepsake-ace{right:3%;top:185px;width:49%}.playing-index{font-size:23px}.playing-index span{font-size:19px}.playing-print{inset:30px 28px 24px}.playing-caption{gap:7px;padding:8px 3px}.playing-name{font-size:20px}.playing-caption .hand{font-size:25px}.playing-follow{font-size:8px;letter-spacing:.04em}.ace-print{inset:30px 24px;gap:10px}.ace-heart{font-size:52px}.ace-print .hand{font-size:24px}.ace-print .playing-name{font-size:17px}.experience-hand .deck-note{top:405px;font-size:22px}}
@media(prefers-reduced-motion:reduce){.experience-hand .playing{transition:none}}