.holo{--persp:900px;--zl:78px;--zs:6px;--zp:112px;--ps:.876;--ease:cubic-bezier(.16, 1, .3, 1);--tilt-ease:cubic-bezier(.2, .8, .2, 1);perspective:var(--persp);perspective-origin:50% 42%;position:relative}.holo[data-variant=sheet]{--zl:56px;--zp:64px;--ps:.929;--box-top:-17.2%;touch-action:pan-y}.holo__plate{aspect-ratio:4/5;background:#0a0a0a;border-radius:.75rem;position:relative;overflow:hidden}.holo[data-variant=sheet] .holo__plate{aspect-ratio:4/3.1;position:absolute;top:0;left:0;right:0}.holo__imgbox{left:0;right:0;top:var(--box-top,0px);aspect-ratio:4/5;position:absolute}.holo__patch{opacity:0;transition:opacity .3s;position:absolute}.holo__dim{opacity:0;background:radial-gradient(120% 90% at 50% 42%,#0505054d,#03030394);transition:opacity .3s;position:absolute;inset:0}.holo__scan{opacity:0;pointer-events:none;background:linear-gradient(100deg,#0000 40%,#ffd0001a 47%,#ffe88c42 50%,#ffd0001a 53%,#0000 60%);position:absolute;inset:0;transform:translate(-110%)}.holo__chip{color:var(--color-yellow);font-family:var(--font-heading);letter-spacing:.12em;text-transform:uppercase;pointer-events:none;background:#08080899;border:1px solid #ffd00080;border-radius:999px;align-items:center;gap:.4rem;padding:.4rem .65rem;font-size:.625rem;font-weight:600;line-height:1;transition:opacity .25s;display:inline-flex;position:absolute;top:.75rem;right:.75rem}.holo__trigger{background:0 0;border:0;border-radius:.75rem;padding:0;position:absolute;inset:0}.holo__trigger:focus-visible{outline:2px solid var(--color-yellow);outline-offset:4px}.holo[data-open=true] .holo__patch{opacity:1;transition:opacity .5s .12s}.holo[data-open=true] .holo__dim{opacity:1;transition:opacity .45s}.holo[data-open=true] .holo__chip{opacity:0}.holo[data-open=true] .holo__scan{animation:1.05s cubic-bezier(.45,0,.2,1) .3s both holo-scan}.holo__world{transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .24s var(--tilt-ease), visibility 0s linear .7s;visibility:hidden;pointer-events:none;position:absolute;inset:0}.holo[data-open=true] .holo__world{visibility:visible;transition:transform .24s var(--tilt-ease), visibility 0s}.holo__float,.holo__window{transform-style:preserve-3d;position:absolute;inset:0}.holo__layers{left:0;right:0;top:var(--box-top,0px);aspect-ratio:4/5;transform-style:preserve-3d;position:absolute}.holo[data-variant=sheet] .holo__world,.holo[data-variant=sheet] .holo__float{position:relative;inset:auto}.holo[data-variant=sheet] .holo__window{aspect-ratio:4/3.1;position:relative;inset:auto}.holo__layer{pointer-events:none;transform-style:preserve-3d;position:absolute;transform:translateZ(0)}.holo__glow,.holo__shadow,.holo__frame,.holo__grid{opacity:0;transition:opacity .25s}.holo[data-open=true] .holo__glow{opacity:.7;transition:opacity .8s .15s}.holo[data-open=true] .holo__shadow{opacity:.85;transition:opacity .8s .2s}.holo__shadow{transform:translateY(1.4%)scale(1.015)}.holo__grid{background:repeating-linear-gradient(0deg,#ffd00029 0 1px,#0000 1px 8px),repeating-linear-gradient(90deg,#ffd0001a 0 1px,#0000 1px 8px);-webkit-mask-image:radial-gradient(closest-side,#000 40%,#0000);mask-image:radial-gradient(closest-side,#000 40%,#0000)}.holo[data-open=true] .holo__grid{opacity:.5;transition:opacity .7s .25s}.holo__frame{--c:#ffd000e6;--len:14px;--w:1.5px;background:linear-gradient(var(--c), var(--c)) 0 0 / var(--len) var(--w) no-repeat, linear-gradient(var(--c), var(--c)) 0 0 / var(--w) var(--len) no-repeat, linear-gradient(var(--c), var(--c)) 100% 0 / var(--len) var(--w) no-repeat, linear-gradient(var(--c), var(--c)) 100% 0 / var(--w) var(--len) no-repeat, linear-gradient(var(--c), var(--c)) 0 100% / var(--len) var(--w) no-repeat, linear-gradient(var(--c), var(--c)) 0 100% / var(--w) var(--len) no-repeat, linear-gradient(var(--c), var(--c)) 100% 100% / var(--len) var(--w) no-repeat, linear-gradient(var(--c), var(--c)) 100% 100% / var(--w) var(--len) no-repeat}.holo__frame--foot{--c:#ffd0008c}.holo[data-open=true] .holo__frame--foot{opacity:1;transition:opacity .5s .1s}.holo[data-open=true] .holo__frame--top{opacity:.95;transform:translateZ(calc(var(--zl) + 2px));transition:transform .9s var(--ease) 40ms, opacity .5s ease .4s}.holo__ray{width:0;height:0;transform-style:preserve-3d;position:absolute}.holo__ray i,.holo__ray b{transition:transform .3s;display:block;position:absolute}.holo__ray i{width:1px;height:var(--zl);transform-origin:50% 0;background:linear-gradient(#ffd0001a,#ffd000f2);top:0;left:-.5px;transform:rotateX(90deg)scaleY(0)}.holo__ray b{width:var(--zl);transform-origin:0;background:linear-gradient(90deg,#ffd0001a,#ffd000f2);height:1px;top:-.5px;left:0;transform:rotateY(-90deg)scaleX(0)}.holo[data-open=true] .holo__ray i{transition:transform .9s var(--ease) 40ms;transform:rotateX(90deg)scaleY(1)}.holo[data-open=true] .holo__ray b{transition:transform .9s var(--ease) 40ms;transform:rotateY(-90deg)scaleX(1)}.holo__ext,.holo__logo,.holo__ring,.holo__lit{transition:transform .5s var(--ease), opacity .2s ease}.holo__ext,.holo__ring,.holo__lit{opacity:0}.holo[data-open=true] .holo__logo{transform:translateZ(var(--zl));transition:transform .9s var(--ease) 40ms}.holo[data-open=true] .holo__ext{opacity:1;transform:translateZ(calc(var(--zl) - var(--i) * var(--zs)));transition:transform .9s var(--ease) calc(40ms + var(--i) * 25ms), opacity .15s ease .15s}.holo[data-open=true] .holo__ring{opacity:1;transform:translateZ(calc(var(--zl) + 1px));transition:transform .9s var(--ease) 40ms, opacity .6s ease .4s}.holo__lit img{filter:brightness(2.2)saturate(.55)}.holo__lit{-webkit-mask-image:linear-gradient(100deg,#0000 38%,#000 50%,#0000 62%);mask-image:linear-gradient(100deg,#0000 38%,#000 50%,#0000 62%);-webkit-mask-position:100% 0;mask-position:100% 0;-webkit-mask-size:300% 100%;mask-size:300% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.holo[data-open=true] .holo__lit{transform:translateZ(calc(var(--zl) + 3px));animation:1.15s cubic-bezier(.45,0,.2,1) .5s both holo-lit}.holo__panel{left:-3%;top:var(--panel-top,60%);transform-origin:50% 0;pointer-events:none;width:106%;transform-style:preserve-3d;transition:transform .4s var(--ease);position:absolute;transform:translateY(16px)}.holo[data-open=true] .holo__panel{transform:translate3d(0, 0, var(--zp)) scale(var(--ps));transition:transform .8s var(--ease) .26s}.holo__panel-inner{box-sizing:border-box;color:var(--color-white);opacity:0;transform:rotateX(calc(var(--rx,0deg) * -1)) rotateY(calc(var(--ry,0deg) * -1));transition:opacity .18s ease, transform .24s var(--tilt-ease);background:linear-gradient(165deg,#171303,#090909 55%,#0f0c02);border:1px solid #ffd0008c;border-radius:.75rem;padding:.8rem .85rem .85rem;position:relative;box-shadow:0 0 0 1px #ffd0001a,0 22px 50px #000000a6,0 0 34px #ffd00024}.holo[data-open=true] .holo__panel-inner{pointer-events:auto;opacity:1;transition:opacity .45s ease .3s, transform .24s var(--tilt-ease)}.holo__panel-inner:before{content:"";border-radius:inherit;pointer-events:none;background:repeating-linear-gradient(0deg,#ffd0000a 0 1px,#0000 1px 3px);position:absolute;inset:0}.holo__panel-inner:after{content:"";pointer-events:none;background:linear-gradient(var(--color-yellow), var(--color-yellow)) 0 0 / 12px 2px no-repeat, linear-gradient(var(--color-yellow), var(--color-yellow)) 0 0 / 2px 12px no-repeat, linear-gradient(var(--color-yellow), var(--color-yellow)) 100% 0 / 12px 2px no-repeat, linear-gradient(var(--color-yellow), var(--color-yellow)) 100% 0 / 2px 12px no-repeat, linear-gradient(var(--color-yellow), var(--color-yellow)) 0 100% / 12px 2px no-repeat, linear-gradient(var(--color-yellow), var(--color-yellow)) 0 100% / 2px 12px no-repeat, linear-gradient(var(--color-yellow), var(--color-yellow)) 100% 100% / 12px 2px no-repeat, linear-gradient(var(--color-yellow), var(--color-yellow)) 100% 100% / 2px 12px no-repeat;position:absolute;inset:-4px}.holo__panel-head{justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.5rem;display:flex;position:relative}.holo__eyebrow{color:var(--color-yellow);font-family:var(--font-heading);letter-spacing:.22em;text-transform:uppercase;margin:0;font-size:.62rem;font-weight:600;line-height:1}.holo__title{color:var(--color-white);font-family:var(--font-heading);letter-spacing:-.02em;margin:.3rem 0 0;font-size:1.35rem;font-weight:600;line-height:1.05}.holo__close{width:1.9rem;height:1.9rem;color:var(--color-yellow);background:#080808b3;border:1px solid #ffd0008c;border-radius:999px;flex:none;place-items:center;padding:0;transition:background-color .2s,color .2s;display:grid;position:relative}.holo__close:hover{background:var(--color-yellow);color:#080808}.holo__facts{gap:.5rem;margin:0;display:grid;position:relative}.holo__facts dt{color:#ffd000eb;font-family:var(--font-heading);letter-spacing:.16em;text-transform:uppercase;font-size:.6rem;font-weight:600;line-height:1.2}.holo__facts dd{color:#ececec;font-family:var(--font-body);margin:.12rem 0 0;font-size:.78rem;line-height:1.4}.holo__cta{background:var(--color-yellow);color:#080808;width:100%;font-family:var(--font-heading);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:.45rem;margin-top:.7rem;padding:.75rem .9rem;font-size:.74rem;font-weight:700;line-height:1;transition:background-color .25s;display:flex;position:relative}.holo__cta:hover{background:var(--color-white)}.holo[data-variant=sheet] .holo__panel{width:auto;margin:-12% 2% 0;position:relative;top:auto}.holo[data-variant=sheet] .holo__panel-inner{padding:1rem 1rem 1.05rem}.holo[data-variant=sheet] .holo__close{width:2.75rem;height:2.75rem}.holo[data-variant=sheet] .holo__facts dd{font-size:.86rem}.holo[data-variant=sheet] .holo__facts dt,.holo[data-variant=sheet] .holo__eyebrow{font-size:.64rem}.holo[data-variant=sheet] .holo__title{font-size:1.4rem}.holo[data-variant=sheet] .holo__cta{padding:.95rem 1rem;font-size:.76rem}.holo[data-variant=sheet][data-open=true] .holo__window{animation:7s ease-in-out infinite alternate holo-float}.holo-sheet{z-index:90;padding:max(.75rem, env(safe-area-inset-top)) max(.75rem, env(safe-area-inset-right)) max(.75rem, env(safe-area-inset-bottom)) max(.75rem, env(safe-area-inset-left));overscroll-behavior:contain;background:#000000eb;justify-content:center;align-items:center;animation:.25s both holo-fade;display:flex;position:fixed;inset:0}.holo-sheet__card{overscroll-behavior:contain;background:#0b0b0b;border:1px solid #ffd0004d;border-radius:1.25rem;width:min(100%,26rem);max-height:100%;padding:1.3rem;position:relative;overflow:clip auto;box-shadow:0 30px 80px #000000b3,0 0 40px #ffd00014}@keyframes holo-scan{0%{opacity:1;transform:translate(-110%)}to{opacity:0;transform:translate(110%)}}@keyframes holo-lit{0%{opacity:1;-webkit-mask-position:100% 0;mask-position:100% 0}92%{opacity:1}to{opacity:0;-webkit-mask-position:0 0;mask-position:0 0}}@keyframes holo-float{0%{transform:rotateX(2.2deg)rotateY(-3.6deg)}to{transform:rotateX(-1.8deg)rotateY(3.6deg)}}@keyframes holo-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.holo[data-variant=sheet][data-open=true] .holo__window{animation:none}.holo__lit,.holo__scan{display:none}}.holo__plate{container-type:inline-size}.holo__shade,.holo__caption{transition:opacity .3s}.holo[data-open=true] .holo__shade,.holo[data-open=true] .holo__caption{opacity:0}.holo__shade{pointer-events:none;background:linear-gradient(#0000,#0000007a 52%,#000000d1);height:36%;position:absolute;bottom:0;left:0;right:0}.holo__caption{color:#fff;pointer-events:none;flex-direction:column;gap:2.4cqw;max-width:84cqw;display:flex;position:absolute;bottom:5cqw;left:4.6cqw}.holo__caption-title{font-family:var(--font-display);letter-spacing:.005em;text-transform:uppercase;font-size:10.2cqw;line-height:.95}.holo__caption-text{max-width:76cqw;font-family:var(--font-body);font-size:4.7cqw;line-height:1.28}.holo[data-dim-text=true] .holo__dim{background:linear-gradient(#0000 58%,#030303ed 76%),radial-gradient(120% 90% at 50% 42%,#0505054d,#03030394)}.holo[data-kind=inplace]{--zl:52px}.holo[data-kind=inplace][data-variant=sheet]{--zl:40px}.holo[data-kind=inplace] .holo__dim{background:radial-gradient(120% 90% at 50% 40%,#0404049e,#030303d6)}.holo__art{opacity:0;transition:opacity .25s}.holo[data-open=true] .holo__art{opacity:1;transition:opacity .7s .15s}.holo[data-kind=inplace][data-open=true] .holo__lit{transform:none}.holo[data-kind=inplace] .holo__grid{transition:opacity .25s ease, transform .5s var(--ease)}.holo[data-kind=inplace][data-open=true] .holo__grid{opacity:.4;transform:translateZ(calc(var(--zl) * .55));transition:opacity .7s ease .25s, transform .9s var(--ease) 40ms}