.hhc{width:100%;max-width:560px;height:440px;margin:0 auto;position:relative}.hhc-pair{opacity:0;pointer-events:none;transition:opacity .8s;position:absolute;inset:0}.hhc-pair.is-on{opacity:1;pointer-events:auto}.hhc-card{width:50%;height:78%;margin:0;animation:.7s cubic-bezier(.2,.8,.2,1) both hhc-in;position:absolute}.hhc-card--0{--r:-3deg;top:12%;left:4%;transform:rotate(-3deg)}.hhc-card--1{--r:2.5deg;z-index:1;height:84%;animation-delay:.15s;top:0;right:2%;transform:rotate(2.5deg)}.hhc-card--solo{left:25%}.hhc-photo{background:#5e7314;border-radius:4px;justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:0 30px 60px -20px #000000bf,0 12px 24px -12px #0009}.hhc-photo img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:92%}.hhc-badge{border-radius:4px;width:38%;animation:.6s cubic-bezier(.3,1.4,.5,1) .55s both hhc-drop;position:absolute;bottom:-10%;box-shadow:0 18px 32px -14px #000000b3}.hhc-card--0 .hhc-badge{--br:-4deg;left:-8%}.hhc-card--1 .hhc-badge{--br:3deg;animation-delay:.7s;right:-8%}.hhc-badge{transform:rotate(var(--br))}.hhc:hover .hhc-card{animation:3s ease-in-out infinite hhc-float}.hhc:hover .hhc-card--1{animation-delay:.4s}.hhc-chip{z-index:2;white-space:nowrap;border:1px solid var(--ink-line,#fff3);background:color-mix(in oklab,var(--ink,#0b1020) 90%,transparent);border-radius:2px;padding:6px 12px;font-size:13px;position:absolute;bottom:2%;left:50%;transform:translate(-50%)}.hhc-chip span{color:var(--hero-teal);margin-right:4px;font-size:10px}@keyframes hhc-in{0%{opacity:0;transform:translate(80px) rotate(var(--r))}to{opacity:1;transform:rotate(var(--r))}}@keyframes hhc-drop{0%{opacity:0;transform:translateY(-40px) rotate(calc(var(--br) * -3))}to{opacity:1;transform:rotate(var(--br))}}@keyframes hhc-float{0%,to{transform:rotate(var(--r)) translateY(0)}50%{transform:rotate(var(--r)) translateY(-4px)}}@media(prefers-reduced-motion:reduce){.hhc-card,.hhc-badge,.hhc:hover .hhc-card{animation:none}.hhc-pair{transition:none}}