.ni-tin{position:relative;background:#fff;overflow:clip}.ni-tin-sticky{max-width:1080px;margin:auto;padding:24px 20px;display:flex;flex-direction:column;align-items:center}.ni-tin header{text-align:center;z-index:6}.ni-tin header>p:first-child:empty{display:none}.ni-tin h2{font-size:clamp(32px,4vw,52px);letter-spacing:-.045em}.ni-tin header>p:last-child{font-size:14px;color:#6a565d;margin-top:10px}.ni-tin-scene{position:relative;width:100%;max-width:600px;height:530px;isolation:isolate;--open:1;--lift:-150px}.ni-tin-base,.ni-tin-lid{position:absolute;left:24%;bottom:0;width:54%;height:29%;z-index:1}.ni-tin-photo{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 8px 9px #0000001a)}.ni-tin-base>img,.ni-tin-lid>img{width:100%;height:100%;object-fit:contain}.ni-tin-base{transform:translate3d(0,calc((1 - var(--open)) * var(--lift)),0) scale(calc(1 + (1 - var(--open)) * .28))}.ni-tin-lid{z-index:5;transform-origin:50% 80%;transform:translate3d(calc(var(--open) * 42%),calc(-12px + var(--open) * 12px + (1 - var(--open)) * var(--lift)),0) rotate(calc(var(--open) * -14deg)) scale(calc(1 + (1 - var(--open)) * .28));opacity:calc(1 - var(--open) * .05)}.ni-tin-component{position:absolute;margin:0;z-index:3;--reveal:1;opacity:var(--reveal);transform:translate3d(calc(var(--dx,0px) * (1 - var(--reveal))),calc(var(--dy,200px) * (1 - var(--reveal))),0) scale(calc(.3 + var(--reveal) * .7));will-change:transform,opacity;text-align:center}.ni-tin-component>img,.ni-tin-component>.ni-tin-photo{width:100%;height:calc(100% - 28px);object-fit:contain}.ni-tin-component figcaption{height:28px;font-size:12px;line-height:1.2;margin-top:4px;color:#191719}.ni-tin-component strong{font-weight:600}.ni-tin-component figcaption span{display:none}.ni-tin-item-1{left:3%;top:18%;width:46%;height:31%}.ni-tin-item-2{left:25%;top:1%;width:32%;height:23%}.ni-tin-item-3{left:37%;top:49%;width:39%;height:23%}.ni-tin-item-4{left:62%;top:5%;width:29%;height:33%}.ni-tin-item-5{left:7%;top:46%;width:30%;height:27%}.ni-tin-item-6{left:74%;top:32%;width:23%;height:31%}.ni-tin-bottom{text-align:center;z-index:6;padding-top:9px}.ni-tin-bottom p{font-size:12px;color:#6d6769}.ni-tin-bottom a{display:inline-flex;min-height:36px;align-items:center;font-size:13px;margin-top:4px}.ni-tin[data-enhanced]{height:185vh}.ni-tin[data-enhanced] .ni-tin-sticky{position:sticky;top:120px;height:calc(100svh - 130px);justify-content:center}.ni-tin[data-enhanced] .ni-tin-scene{flex:1;min-height:310px;max-height:530px}@media(max-width:700px){.ni-tin-sticky{padding:20px 12px 14px}.ni-tin h2{font-size:33px}.ni-tin header>p:last-child{font-size:13px}.ni-tin-scene{height:410px;margin-top:10px;--lift:-120px}.ni-tin-component figcaption{font-size:11px}.ni-tin[data-enhanced] .ni-tin-sticky{top:103px;height:calc(100svh - 168px)}.ni-tin[data-enhanced] .ni-tin-scene{max-height:440px;min-height:300px}.ni-tin-base,.ni-tin-lid{width:62%;left:18%;height:27%}.ni-tin-bottom p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.ni-tin{height:auto!important}.ni-tin .ni-tin-sticky{height:auto!important;position:static!important}.ni-tin-component{will-change:auto;opacity:1!important;transform:none!important}.ni-tin-scene{--open:1!important}}