.wrap{position:relative;height:100vh;height:100dvh;min-height:0;overflow:hidden;border-radius:0;width:100%;background:#0f1e30;container-type:size;--R: min(51cqh, 36vw);font-family:Helvetica Neue,Arial,sans-serif}.scene{position:absolute;top:0;right:0;bottom:0;left:0;perspective:8000px;perspective-origin:50% 47%}.char{position:absolute;left:50%;bottom:10.5%;height:76%;transform:translate(-50%)}.char img{height:100%;display:block}.ring{position:absolute;left:50%;top:47%;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.22,.8,.24,1)}.panel{position:absolute;left:0;top:0;transform-style:preserve-3d}.face{position:absolute;left:0;top:0;transform:translate(-50%,-50%);backface-visibility:hidden;-webkit-backface-visibility:hidden;white-space:nowrap}.face-back{transform:translate(-50%,-50%) rotateY(180deg) translateY(-3cqh) scale(.92);filter:brightness(.55) saturate(.85)}.panel-img{display:block;max-width:none;filter:drop-shadow(0 10px 18px rgba(0,0,0,.45))}.w-logo{width:min(63cqh,44vw)}.w-aw{width:min(58cqh,42vw)}.face:has(>.w-aw){margin-top:3cqh}.w-ph{width:min(64cqh,52vw)}.w-pg{width:min(64cqh,48vw)}.panel-logo{display:block;width:min(63cqh,44vw)}.panel-logo img{width:100%;display:block;filter:drop-shadow(1px 1px 0 #0a1523) drop-shadow(1px 1px 0 #0a1523) drop-shadow(1px 1px 0 #0a1422) drop-shadow(1px 1px 0 #0a1422) drop-shadow(1px 1px 0 #091321) drop-shadow(1px 1px 0 #091321) drop-shadow(1px 1px 0 #091220) drop-shadow(1px 1px 0 #091220) drop-shadow(1px 1px 0 #08111f) drop-shadow(1px 1px 0 #08111f) drop-shadow(0 10px 18px rgba(0,0,0,.45))}.name3d{display:inline-block;font-family:Arial Black,Helvetica Neue,Arial,sans-serif;font-weight:900;letter-spacing:.02em;font-size:clamp(18px,min(5.8cqh,7vw),54px);text-shadow:0 -1px 0 rgba(255,255,255,.55),1px 1px 0 #16233a,2px 2px 0 #152131,3px 3px 0 #142030,4px 4px 0 #131e2e,5px 5px 0 #121d2c,6px 6px 0 #111b2a,7px 7px 0 #101a28,8px 8px 0 #0f1826,0 12px 20px rgba(0,0,0,.45)}.name-cream{color:#f3eee0}.name-white{color:#f5f5f5}.arrow{position:absolute;top:50%;z-index:6;display:flex;flex-direction:column;align-items:center;gap:1.2cqh;background:none;border:0;cursor:pointer;padding:8px;transform:translateY(-50%)}.arrow-prev{left:3.5%}.arrow-next{right:3.5%}.chev{width:clamp(38px,7cqh,54px);height:clamp(38px,7cqh,54px);position:relative}.chev:after{content:"";position:absolute;top:50%;left:50%;width:34%;height:34%;border-top:4px solid #6edcd4;border-right:4px solid #6edcd4}.chev-left:after{transform:translate(-35%,-50%) rotate(225deg)}.chev-right:after{transform:translate(-65%,-50%) rotate(45deg)}.note{padding:0 14px;position:absolute;bottom:1.6%;left:0;right:0;z-index:5;text-align:center;color:#828c9b;font-size:clamp(9px,1.7cqh,12px);line-height:1.45}.note p{margin:0}@media (max-width: 540px){.wrap{height:100vh;height:100dvh;min-height:0;--R: min(51cqh, 30vw)}.w-logo{width:min(63cqh,40vw)}.w-aw{width:min(52cqh,56vw)}.face:has(>.w-aw){margin-top:3cqh}.w-pg{width:min(56cqh,40vw)}.char{bottom:8%;height:74%}.note{font-size:9px;line-height:1.35}.arrow{top:76%}}html,body{margin:0;padding:0;background:#0f1e30;height:100%;overflow:hidden}#root{width:100%;height:100%}