.hm-scene,.hm-scene *{box-sizing:border-box}.hm-scene{pointer-events:none}.hm-wrap{aspect-ratio:1152/648;width:100%;max-width:1152px;margin:0 auto;position:relative;container-type:inline-size}@property --z{syntax:"<number>";inherits:true;initial-value:1}.hm-scene{--zoom:1;--u0:calc(100cqw / 1152);--u:calc(var(--u0) * var(--z));--hm-dur:2.6s;--hm-hold:3s;left:calc(-576 * (var(--z) - 1) * var(--u0));top:calc(-324 * (var(--z) - 1) * var(--u0));width:calc(1152*var(--u));height:calc(648*var(--u));position:absolute}@media (min-width:1024px){.hm-scene{--zoom:1.35}}.hm-glow{left:0;top:calc(-160*var(--u));width:calc(1152*var(--u));height:calc(968*var(--u));opacity:0;position:absolute;transform:scaleY(1.19)}.hm-glow img{width:100%;height:100%;display:block}@media (min-width:1024px){.hm-glow{-webkit-mask-image:linear-gradient(#0000 12%,#000 28%);mask-image:linear-gradient(#0000 12%,#000 28%)}}.hm-stage{width:calc(1152*var(--u));height:calc(648*var(--u));border-radius:calc(16*var(--u));perspective:calc(1600*var(--u));perspective-origin:50%;position:relative;overflow:hidden}.hm-paper{width:100%;height:100%;position:absolute;top:0;left:0}.hm-paper img{width:100%;height:100%;display:block}.hm-camera,.hm-world{width:0;height:0;transform-style:preserve-3d;position:absolute;top:50%;left:50%}@property --cs{syntax:"<number>";inherits:false;initial-value:.996}@property --tx{syntax:"<number>";inherits:false;initial-value:-44.6}@property --ty{syntax:"<number>";inherits:false;initial-value:96.75}.hm-camera{--cs:.996;--tx:-44.6;--ty:96.75;--uw:calc(var(--u) * var(--cs));transform:translate(calc(var(--tx)*var(--u)),calc(var(--ty)*var(--u)))}.hm-world{transform:rotateY(180deg)}.hm-obj{transform-style:preserve-3d;backface-visibility:hidden;position:absolute;top:0;left:0}.hm-two{backface-visibility:visible}.hm-lid-front{width:calc(330.6*var(--uw));height:calc(219.7*var(--uw));margin:calc(-125.85*var(--uw)) 0 0 calc(-165.3*var(--uw));transform:translateZ(calc(.5*var(--uw)));box-shadow:inset 0 0 0 calc(2*var(--uw)) #1a1a1a;border-radius:calc(10*var(--uw)) calc(10*var(--uw)) 0 0;background:#f3f2ed}.hm-screen{left:calc(5*var(--uw));top:calc(5*var(--uw));width:calc(320.6*var(--uw));height:calc(197.7*var(--uw));border-radius:calc(6*var(--uw));background:#fff;position:absolute;overflow:hidden}.hm-screen:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 calc(1*var(--uw)) #1a1a1a;position:absolute;inset:0}.hm-screen img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.hm-mark{transform-origin:50%;position:absolute}.hm-mark img,.hm-hand{display:block}.hm-mark img{width:100%;height:100%}.hm-hand{pointer-events:none;position:absolute}.hm-shine{pointer-events:none;transform-origin:50%;border-radius:9999px;position:absolute;overflow:hidden}.hm-shine:after{content:"";width:50%;filter:blur(calc(1.5*var(--uw)));opacity:0;background:linear-gradient(100deg,#fff0 10%,#ffffff8c 50%,#fff0 90%);position:absolute;top:-20%;bottom:-20%;left:-60%}.hm-scene{--hm-flash:calc(var(--hm-hold) + var(--hm-dur) + 1.2s)}.hm-scene.still{--hm-flash:1.2s}.hm-scene.go .hm-mark,.hm-scene.still .hm-mark,.hm-scene.go .hm-shine,.hm-scene.still .hm-shine{animation:hm-pulse .7s cubic-bezier(.45,0,.55,1) var(--hm-flash) 1 both}.hm-scene.go .hm-shine:after,.hm-scene.still .hm-shine:after{animation:hm-shine 1.2s cubic-bezier(.65,0,.35,1) calc(var(--hm-flash) + .1s) 1 both}@keyframes hm-pulse{0%{transform:scale(1)}35%{transform:scale(.94)}to{transform:scale(1)}}@keyframes hm-shine{0%{opacity:1;transform:translate(0)}to{opacity:1;transform:translate(340%)}}.hm-lid-back{width:calc(330.6*var(--uw));height:calc(237.5*var(--uw));margin:calc(-129.85*var(--uw)) 0 0 calc(-165.3*var(--uw));transform:translateZ(calc(-.5*var(--uw))) rotateY(180deg)}.hm-lid-back img{width:100%;height:100%;display:block}.hm-basetop{width:calc(330.6*var(--uw));height:calc(100*var(--uw));margin:calc(-50*var(--uw)) 0 0 calc(-165.3*var(--uw));transform:translate3d(0,calc(88.85*var(--uw)),calc(50*var(--uw))) rotateX(90deg);box-shadow:inset 0 0 0 calc(1.5*var(--uw)) #1a1a1a;border-radius:0 0 calc(8*var(--uw)) calc(8*var(--uw));background:#f3f2ed}.hm-baseside{width:calc(100*var(--uw));height:calc(8*var(--uw));margin:calc(-4*var(--uw)) 0 0 calc(-50*var(--uw));box-shadow:inset calc(1.5*var(--uw)) 0 0 #1a1a1a,inset calc(-1.5*var(--uw)) 0 0 #1a1a1a,inset 0 calc(-1.5*var(--uw)) 0 #1a1a1a;background:#eceae4}.hm-baseside-l{transform:translate3d(calc(-165.3*var(--uw)),calc(92.85*var(--uw)),calc(50*var(--uw))) rotateY(-90deg)}.hm-baseside-r{transform:translate3d(calc(165.3*var(--uw)),calc(92.85*var(--uw)),calc(50*var(--uw))) rotateY(90deg)}.hm-basefront{width:calc(330.6*var(--uw));height:calc(8*var(--uw));margin:calc(-4*var(--uw)) 0 0 calc(-165.3*var(--uw));transform:translate3d(0,calc(92.85*var(--uw)),calc(100*var(--uw)));box-shadow:inset calc(1.5*var(--uw)) 0 0 #1a1a1a,inset calc(-1.5*var(--uw)) 0 0 #1a1a1a,inset 0 calc(-1.5*var(--uw)) 0 #1a1a1a;border-radius:0 0 calc(3*var(--uw)) calc(3*var(--uw));background:#f3f2ed}.hm-flatbase{width:calc(386.1*var(--uw));height:calc(25.3*var(--uw));margin:calc(88.77*var(--uw)) 0 0 calc(-193.05*var(--uw));transform:translateZ(calc(1*var(--uw)));display:none;overflow:visible}.hm-scene.still .hm-flatbase{display:block}.hm-scene.still .hm-base3d{display:none}@supports (background:-webkit-named-image(i)){.hm-flatbase{display:block}.hm-base3d{display:none}}.hm-baserear{width:calc(330.6*var(--uw));height:calc(8*var(--uw));margin:calc(-4*var(--uw)) 0 0 calc(-165.3*var(--uw));transform:translate3d(0,calc(92.85*var(--uw)),0) rotateY(180deg);background:#f6f7f8}.hm-room{width:calc(1300.6*var(--uw));height:calc(731.6*var(--uw));margin:calc(-365.8*var(--uw)) 0 0 calc(-650.3*var(--uw));transform:translate3d(calc(-44.8*var(--uw)),calc(-97.1*var(--uw)),calc(200*var(--uw))) rotateY(180deg);opacity:1}.hm-room img{width:100%;height:100%;display:block}.hm-scene.go{animation:hm-zoom var(--hm-dur) var(--ease-out) var(--hm-hold) both}.hm-scene.go .hm-glow{animation:hm-glowin var(--hm-dur) var(--ease-out) var(--hm-hold) both}.hm-scene.go .hm-paper{animation:hm-paperout var(--hm-dur) var(--ease-out) var(--hm-hold) both}.hm-scene.go .hm-camera{animation:hm-cam var(--hm-dur) var(--ease-out) var(--hm-hold) both}.hm-scene.go .hm-world{animation:hm-orbit var(--hm-dur) var(--ease-out) var(--hm-hold) both}.hm-scene.go .hm-room{animation:hm-roomin var(--hm-dur) var(--ease-out) var(--hm-hold) both}@keyframes hm-zoom{0%{--z:1}to{--z:var(--zoom)}}@keyframes hm-cam{0%{--tx:-44.6;--ty:96.75;--cs:.996;animation-timing-function:cubic-bezier(.45,0,.85,.4)}6%{--tx:-42.6;--ty:91.5;--cs:1.055}to{--tx:0;--ty:13.51;--cs:2.3}}@keyframes hm-orbit{0%{animation-timing-function:cubic-bezier(.45,0,.85,.4);transform:rotateY(180deg)}6%{transform:rotateY(172deg)}to{transform:rotateY(0)}}@keyframes hm-roomin{0%,3%{opacity:1}15%,to{opacity:0}}@keyframes hm-paperout{0%,30%{opacity:1}85%,to{opacity:0}}@keyframes hm-glowin{0%,30%{opacity:0}85%,to{opacity:1}}.hm-scene.still{--zoom:1.35;--z:var(--zoom)}.hm-scene.still .hm-glow{opacity:1}.hm-scene.still .hm-camera{--tx:0;--ty:13.51;--cs:2.3}.hm-scene.still .hm-world{transform:rotateY(0)}@media (prefers-reduced-motion:reduce){.hm-scene,.hm-scene *{animation:none!important}.hm-scene{--z:var(--zoom)}.hm-glow{opacity:1}.hm-camera{--tx:0;--ty:13.51;--cs:2.3}.hm-world{transform:rotateY(0)}.hm-room,.hm-paper{opacity:0}}