.nf3d{--nf3d-cream:transparent;--nf3d-width:min(38.57vw,497px);--nf3d-head:18px;--nf3d-glass:12px;--nf3d-edge:5px;--nf3d-radius:28px;margin-inline:auto;outline-offset:3px;background:0 0;width:100%;margin-top:8px;padding:0;overflow:visible}.nf3d__stage{height:calc(var(--nf3d-width) * .45 + 36px);perspective:900px;isolation:isolate;width:100%;transform-style:preserve-3d;position:relative;overflow:visible}.nf3d__card{width:var(--nf3d-width);height:calc(var(--nf3d-width) / 2.558);aspect-ratio:auto;transform-style:preserve-3d;opacity:1;z-index:1;border-radius:28px;transition:transform 1.1s cubic-bezier(.22,1,.36,1),opacity 1.1s;position:absolute;top:calc(50% + 8px);left:50%;overflow:visible;transform:translate(-50%,-50%)translate(0)translateZ(60px)rotateY(0)}.nf3d__card--center{z-index:3}.nf3d--moving .nf3d__card--center{animation:1.1s linear both nf3d-to-front}.nf3d--moving .nf3d__card[data-leaving="1"]{animation:1.1s linear both nf3d-to-back}@keyframes nf3d-to-front{0%,13%{z-index:1}14%,to{z-index:4}}@keyframes nf3d-to-back{0%,13%{z-index:4}14%,to{z-index:1}}.nf3d__card[data-offset="-1"]{transform:translate(-50%,-50%) translateX(calc(var(--nf3d-width) * -.675)) translateZ(-148px) rotateY(35deg);cursor:pointer}.nf3d__card[data-offset="1"]{transform:translate(-50%,-50%) translateX(calc(var(--nf3d-width) * .675)) translateZ(-148px) rotateY(-35deg);cursor:pointer}.nf3d__card[data-offset="-1"] .nf3d__copy{width:48%;right:auto}.nf3d__card[data-offset="1"] .nf3d__copy{width:calc(42% - 16px);left:auto;right:70px}.nf3d__card[data-offset=hidden]{opacity:0;z-index:auto;pointer-events:none;transform:translate(-50%,-50%)translate(0)translateZ(-240px)rotateY(0)}.nf3d__card[data-wrap=forward],.nf3d__card[data-wrap=back]{z-index:0;pointer-events:none;animation-duration:1.1s;animation-timing-function:cubic-bezier(.22,1,.36,1);animation-fill-mode:both}.nf3d__card[data-wrap=forward]{animation-name:nf3d-wrap-forward}.nf3d__card[data-wrap=back]{animation-name:nf3d-wrap-back}@keyframes nf3d-wrap-forward{0%{transform:translate(-50%,-50%) translateX(calc(var(--nf3d-width) * -.675)) translateZ(-148px) rotateY(35deg);opacity:1}38%{transform:translate(-50%,-50%) translateX(calc(var(--nf3d-width) * -.2)) translateZ(-20px) rotateY(18deg);opacity:.4}50%{opacity:0;transform:translate(-50%,-50%)translate(0)translateZ(-240px)rotateY(0)}62%{transform:translate(-50%,-50%) translateX(calc(var(--nf3d-width) * .2)) translateZ(-20px) rotateY(-18deg);opacity:.4}to{transform:translate(-50%,-50%) translateX(calc(var(--nf3d-width) * .675)) translateZ(-148px) rotateY(-35deg);opacity:1}}@keyframes nf3d-wrap-back{0%{transform:translate(-50%,-50%) translateX(calc(var(--nf3d-width) * .675)) translateZ(-148px) rotateY(-35deg);opacity:1}38%{transform:translate(-50%,-50%) translateX(calc(var(--nf3d-width) * .2)) translateZ(-20px) rotateY(-18deg);opacity:.4}50%{opacity:0;transform:translate(-50%,-50%)translate(0)translateZ(-240px)rotateY(0)}62%{transform:translate(-50%,-50%) translateX(calc(var(--nf3d-width) * -.2)) translateZ(-20px) rotateY(18deg);opacity:.4}to{transform:translate(-50%,-50%) translateX(calc(var(--nf3d-width) * -.675)) translateZ(-148px) rotateY(35deg);opacity:1}}.nf3d__frame{z-index:1;background:#f4efe8;border:5px solid #ffffff94;border-radius:28px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 16px 34px #00000038,0 1px #ffffff73,inset 0 1px #ffffffeb,inset 0 -10px 16px #ffffff24,inset 0 0 0 1px #ffffff52}.nf3d__card--center .nf3d__frame{box-shadow:0 22px 42px #00000047,0 1px #ffffff80,inset 0 1px #fffffff2,inset 0 -10px 16px #ffffff29,inset 0 0 0 1px #ffffff61}.nf3d__frame:before{content:"";pointer-events:none;z-index:4;border-radius:inherit;background:linear-gradient(#ffffff8c,#ffffff1a 12%,#0000 28%),linear-gradient(90deg,#ffffff47,#0000 8% 92%,#ffffff38);position:absolute;inset:0;-webkit-mask-image:radial-gradient(34% 46% at 50% 0,#0000 0% 52%,#000 78%);mask-image:radial-gradient(34% 46% at 50% 0,#0000 0% 52%,#000 78%)}.nf3d__frame:after{content:"";pointer-events:none;z-index:4;border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 1px #fffc,inset 0 0 0 1px #ffffff4d;-webkit-mask-image:radial-gradient(34% 46% at 50% 0,#0000 0% 52%,#000 78%);mask-image:radial-gradient(34% 46% at 50% 0,#0000 0% 52%,#000 78%)}.nf3d__card{--nf3d-crown:12px;--nf3d-settle-y:0px;--nf3d-settle-s:1}.nf3d__room{z-index:0;object-fit:cover;object-position:center top;filter:blur(18px);pointer-events:none;width:128%;height:128%;position:absolute;top:-6%;left:50%;transform:translate(-50%)}.nf3d__poster{z-index:1;left:0;top:calc((var(--nf3d-crown) + var(--nf3d-edge)) * -1);object-fit:cover;object-position:center top;transform-origin:50%;opacity:1;border:0;width:100%;max-width:none;position:absolute;transform:translateY(0)scale(1);height:calc(100% + var(--nf3d-crown) + var(--nf3d-edge))!important;transition:transform .5s cubic-bezier(.22,.8,.24,1),opacity .15s linear!important}iframe.nf3d__video{z-index:2;left:0;top:calc((var(--nf3d-crown) + var(--nf3d-edge)) * -1);aspect-ratio:16/9;opacity:0;pointer-events:none;background:#f4efe8;border:0;width:100%;height:auto;position:absolute;transition:opacity .18s linear!important}video.nf3d__video{z-index:2;opacity:0;object-fit:cover;object-position:center top;background:#f4efe8;border:0;width:100%;height:100%;display:block;position:absolute;inset:0;transition:opacity .18s linear!important}.nf3d__shade{z-index:6;pointer-events:none;background:linear-gradient(#0000,#00000029 42%,#0000009e);border-radius:0 0 28px 28px;position:absolute;inset:58% 0 0}.nf3d__copy{z-index:7;color:#fff;text-align:left;text-shadow:0 1px 2px #0009;flex-direction:column;align-items:flex-start;gap:2px;display:flex;position:absolute;bottom:14px;left:22px;right:78px}.nf3d__eyebrow{font-size:calc(var(--nf3d-width) * .026);color:#dcb56c;letter-spacing:.01em;font-weight:500}.nf3d__title{font-size:calc(var(--nf3d-width) * .046);-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;font-weight:700;line-height:1.08;display:-webkit-box;overflow:hidden}.nf3d__subtitle{font-size:calc(var(--nf3d-width) * .032);font-weight:400}.nf3d__arrow{color:#fff;-webkit-backdrop-filter:blur(12px);cursor:pointer;background:linear-gradient(145deg,#ffffff52,#14141475);border:2px solid #ffffffbf;place-items:center;display:grid;box-shadow:0 4px 10px #0000004d,inset 0 1px 3px #ffffff59}.nf3d__play,.nf3d__sound{aspect-ratio:1;z-index:8;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:linear-gradient(145deg,#ffffff80,#ffffff14 48%,#ffffff3d);border:3px solid #ffffffc7;border-radius:50%;place-items:center;width:49px;transition:transform .2s,background .2s,box-shadow .2s;display:grid;position:absolute;bottom:14px;right:16px;box-shadow:inset 0 2px 4px #ffffffbf,inset 0 -4px 7px #00000029,inset 0 0 0 1px #ffffff4d,0 6px 16px #0000003d}.nf3d__sound{width:42px;right:74px}.nf3d__sound svg{width:52%;height:52%}.nf3d__play svg{filter:drop-shadow(0 1px 1px #00000059);width:36%;height:36%;margin-left:2px}.nf3d__card--playing .nf3d__play svg{margin-left:0}.nf3d__arrow{z-index:10;aspect-ratio:1;border-radius:50%;width:clamp(40px,4.4vw,64px);padding:0 0 4px;font-size:clamp(32px,4vw,52px);line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.nf3d__arrow--left{left:max(8px,calc(50% - var(--nf3d-width) * 1.18 - 52px))}.nf3d__arrow--right{right:max(8px,calc(50% - var(--nf3d-width) * 1.18 - 52px))}.nf3d__play:hover,.nf3d__sound:hover{background:linear-gradient(145deg,#ffffffa8,#ffffff2e 48%,#ffffff57);transform:scale(1.05);box-shadow:inset 0 2px 5px #ffffffe0,inset 0 -3px 6px #0000001f,0 8px 18px #00000047}.nf3d__arrow:hover{background:#ffffffb8}.nf3d__play:focus-visible,.nf3d__sound:focus-visible,.nf3d__arrow:focus-visible{outline-offset:3px;outline:3px solid #a98040}@media (hover:hover){.nf3d__card:hover .nf3d__frame{box-shadow:0 22px 40px #0000004d,0 0 0 1px #ffffff8c,inset 0 1px #fffffffa,inset 0 -8px 14px #fff3}}img.nf3d__popout{z-index:5;left:var(--nf3d-edge);top:calc(var(--nf3d-crown) * -1);width:calc(100% - 2 * var(--nf3d-edge));object-fit:cover;object-position:center top;border-radius:0 0 calc(var(--nf3d-radius) - var(--nf3d-edge)) calc(var(--nf3d-radius) - var(--nf3d-edge));pointer-events:none;transform-origin:50%;opacity:1;max-width:none;position:absolute;overflow:hidden;transform:translateY(0)scale(1);-webkit-mask-image:none;mask-image:none;height:calc(100% - var(--nf3d-edge) + var(--nf3d-crown))!important;transition:transform .5s cubic-bezier(.22,.8,.24,1),opacity .15s linear!important}.nf3d__card--fx-move .nf3d__poster,.nf3d__card--fx-fade .nf3d__poster,.nf3d__card--fx-live .nf3d__poster,.nf3d__card--fx-move .nf3d__popout,.nf3d__card--fx-fade .nf3d__popout,.nf3d__card--fx-live .nf3d__popout{transform:translateY(var(--nf3d-settle-y)) scale(var(--nf3d-settle-s))}.nf3d__card--fx-move .nf3d__poster,.nf3d__card--fx-move .nf3d__popout{transition:transform .5s cubic-bezier(.22,.8,.24,1),opacity!important}.nf3d__card--fx-fade .nf3d__poster,.nf3d__card--fx-fade .nf3d__popout,.nf3d__card--fx-live .nf3d__poster,.nf3d__card--fx-live .nf3d__popout{opacity:0}.nf3d__card--fx-back .nf3d__poster,.nf3d__card--fx-back .nf3d__popout{transition:transform .65s cubic-bezier(.22,.8,.24,1),opacity .42s!important}.nf3d__card--fx-live .nf3d__video{opacity:1}@media (max-width:700px){.nf3d{--nf3d-width:min(52vw,280px);--nf3d-head:14px;--nf3d-glass:8px;--nf3d-edge:4px;--nf3d-radius:20px;width:100%;margin-top:6px;padding:0;overflow:visible}.nf3d__stage{height:calc(var(--nf3d-width) * .5 + 36px);perspective:780px;width:100%;overflow:visible}.nf3d__card,.nf3d__frame{border-radius:20px}.nf3d__card{top:calc(50% + 6px);transform:translate(-50%,-50%)translate(0)translateZ(28px)rotateY(0)}.nf3d__card[data-offset="-1"]{transform:translate(-50%,-50%) translateX(calc(var(--nf3d-width) * -.4)) translateZ(-70px) rotateY(24deg)}.nf3d__card[data-offset="1"]{transform:translate(-50%,-50%) translateX(calc(var(--nf3d-width) * .4)) translateZ(-70px) rotateY(-24deg)}.nf3d__arrow--left{left:0}.nf3d__arrow--right{right:0}.nf3d__frame{border-width:4px}.nf3d__copy{bottom:10px;left:12px;right:52px}.nf3d__play{width:40px;bottom:10px;right:10px}.nf3d__sound{width:34px;bottom:10px;right:54px}.nf3d__shade{border-radius:0 0 20px 20px}@keyframes nf3d-wrap-forward{0%{transform:translate(-50%,-50%) translateX(calc(var(--nf3d-width) * -.4)) translateZ(-70px) rotateY(24deg);opacity:1}38%{transform:translate(-50%,-50%) translateX(calc(var(--nf3d-width) * -.16)) translateZ(-8px) rotateY(12deg);opacity:.4}50%{opacity:0;transform:translate(-50%,-50%)translate(0)translateZ(-140px)rotateY(0)}62%{transform:translate(-50%,-50%) translateX(calc(var(--nf3d-width) * .16)) translateZ(-8px) rotateY(-12deg);opacity:.4}to{transform:translate(-50%,-50%) translateX(calc(var(--nf3d-width) * .4)) translateZ(-70px) rotateY(-24deg);opacity:1}}@keyframes nf3d-wrap-back{0%{transform:translate(-50%,-50%) translateX(calc(var(--nf3d-width) * .4)) translateZ(-70px) rotateY(-24deg);opacity:1}38%{transform:translate(-50%,-50%) translateX(calc(var(--nf3d-width) * .16)) translateZ(-8px) rotateY(-12deg);opacity:.4}50%{opacity:0;transform:translate(-50%,-50%)translate(0)translateZ(-140px)rotateY(0)}62%{transform:translate(-50%,-50%) translateX(calc(var(--nf3d-width) * -.16)) translateZ(-8px) rotateY(12deg);opacity:.4}to{transform:translate(-50%,-50%) translateX(calc(var(--nf3d-width) * -.4)) translateZ(-70px) rotateY(24deg);opacity:1}}.nf3d__card[data-offset="-1"] .nf3d__copy{width:32%;left:10px;right:auto}.nf3d__card[data-offset="1"] .nf3d__copy{width:18%;left:auto;right:48px}.nf3d__card{--nf3d-crown:12px}}@media (prefers-reduced-motion:reduce){.nf3d__card{transition:none;animation:none!important}img.nf3d__popout,.nf3d__poster,.nf3d__video{transition:none!important}}