.tin{--w:200px;width:var(--w);filter:drop-shadow(0 28px 28px #0000002e);position:relative}.tin .lid{height:calc(var(--w)*.2);background:linear-gradient(90deg,#9c7a3c,#e8d29a 30%,#c9a45c 55%,#8e6d31);border-radius:10px 10px 4px 4px}.tin .body{height:calc(var(--w)*1.35);background:linear-gradient(90deg, #00000047, #ffffff1f 28%, #0000 55%, #0000004d), var(--c);color:#fff;text-align:center;font-family:var(--font-jost), system-ui, sans-serif;border-radius:3px 3px 12px 12px;flex-direction:column;justify-content:center;align-items:center;margin-top:2px;padding:0 10%;font-weight:300;line-height:1.4;transition:background-color .5s;display:flex}.tin .lg{font-family:var(--font-cormorant), serif;font-size:calc(var(--w)*.12);font-weight:600;line-height:1}.tin .lg i{opacity:.85;font-style:normal}.tin .nm{font-family:var(--font-cormorant), serif;font-size:calc(var(--w)*.105);margin-top:calc(var(--w)*.28);letter-spacing:.02em;line-height:1.1}.tin .sb{font-size:calc(var(--w)*.058);opacity:.8;margin-top:2px}.tin .ing{color:#333;font-size:calc(var(--w)*.045);margin-top:calc(var(--w)*.14);white-space:nowrap;background:#fff;border-radius:99px;padding:3px 8px}.tin.mini .body>*{display:none}.tin.photo{height:calc(var(--w)*1.57);filter:drop-shadow(0 18px 22px #0000001f);background:#fff;border-radius:8px;overflow:hidden}.tin.photo img{object-fit:cover}.tin.photo.mini{height:var(--w);border-radius:4px}