#UI .progress-bar{width:87.5%}#background{position:fixed;bottom:0;left:0;width:100vw;width:100svw;height:100vh;height:100svh;object-fit:cover}#son{position:fixed;bottom:45vh;bottom:45svh;left:77vw;height:64vh;height:64svh;object-fit:cover}#son.animate{animation:son 5s ease-in-out 0s infinite normal forwards}@keyframes son{0%,to{transform:rotate(0);transform-origin:50% 90%}10%{transform:rotate(4deg)}20%,40%,60%{transform:rotate(-5deg)}30%,50%,70%{transform:rotate(5deg)}80%{transform:rotate(-4deg)}90%{transform:rotate(4deg)}}#daughter{position:fixed;bottom:45vh;bottom:45svh;left:56vw;height:64vh;height:64svh;object-fit:cover}#daughter.animate{animation:daughter 7s ease-in-out 0s infinite normal forwards}@keyframes daughter{0%,to{transform:rotate(0);transform-origin:50% 90%}10%{transform:rotate(4deg)}20%,40%,60%{transform:rotate(-5deg)}30%,50%,70%{transform:rotate(5deg)}80%{transform:rotate(-4deg)}90%{transform:rotate(4deg)}}#pillowOne{position:fixed;height:25vh;height:25svh;bottom:41vh;bottom:41svh;left:49vw;object-fit:cover}#pillowOne.animate{animation:pillowOne 1s ease 0s infinite normal forwards}@keyframes pillowOne{0%{transform:scaleZ(1) rotate(0)}30%{transform:scale3d(1.05,.95,1) rotate(3deg)}40%{transform:scale3d(.95,1.05,1) rotate(0)}50%{transform:scale3d(1.035,.965,1) rotate(-2deg)}65%{transform:scale3d(.95,1.05,1) rotate(4deg)}75%{transform:scale3d(1.05,.95,1) rotate(2deg)}to{transform:scaleZ(1) rotate(-2deg)}}#pillowTwo{position:fixed;height:29vh;height:29svh;bottom:46vh;bottom:46svh;left:75vw;object-fit:cover}#pillowTwo.animate{animation:pillowTwo 1.4s ease 0s infinite normal forwards}@keyframes pillowTwo{0%{transform:scaleZ(1) rotate(0)}30%{transform:scale3d(1.025,.975,1) rotate(2deg)}40%{transform:scale3d(.975,1.025,1) rotate(1deg)}50%{transform:scale3d(1.015,.985,1) rotate(-2deg)}65%{transform:scale3d(.995,1.005,1) rotate(-4deg)}75%{transform:scale3d(1.005,.995,1) rotate(2deg)}to{transform:scaleZ(1) rotate(0)}}#head{position:fixed;bottom:0;left:0;width:100vw;width:100svw;height:100vh;height:100svh;object-fit:cover}#head.animate{animation:head 2s ease-in 0s infinite normal forwards}@keyframes head{0%{transform:translate(0)}10%{transform:translate(-1px,-1px)}20%{transform:translate(1px,-1px)}30%{transform:translate(-1px,1px)}40%{transform:translate(1px,1px)}50%{transform:translate(-1px,-1px)}60%{transform:translate(1px,-2px)}70%{transform:translate(-1px,2px)}80%{transform:translate(-2px,-1px)}90%{transform:translate(2px,-1px)}to{transform:translate(0)}}#mouse{position:fixed;bottom:-40%;left:-20%;width:100vw;width:100svw;height:100vh;height:100svh;object-fit:cover;visibility:hidden}#mouse.animate{visibility:visible;animation:mouse 1s ease-in 0s 1 normal forwards}@keyframes mouse{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translate(30%,-40%)}}#wife{position:fixed;top:0;left:0;width:100vw;width:100svw;height:110vh;height:110svh}#wife #wifeBody{position:fixed;top:-20px;left:0;width:100vw;width:100svw;height:110vh;height:110svh;object-fit:cover}#wife #wifeHands{position:fixed;top:-20px;left:0;width:100vw;width:100svw;height:100vh;height:100svh;object-fit:cover}#wife #wifeHands.animate{animation:wifeHands 5s ease-in 0s infinite normal forwards}@keyframes wifeHands{0%,to{transform:translateY(0)}10%,30%,50%,70%{transform:translateY(-8px)}20%,40%,60%{transform:translateY(8px)}80%{transform:translateY(6.4px)}90%{transform:translateY(-6.4px)}}#wife.animate{animation:wife 6s ease-in-out 0s infinite normal forwards}@keyframes wife{0%,to{transform:rotate(0);transform-origin:49% 60%}10%{transform:rotate(4deg)}20%,40%,60%{transform:rotate(-5deg)}30%,50%,70%{transform:rotate(5deg)}80%{transform:rotate(-4deg)}90%{transform:rotate(4deg)}}#father{position:fixed;bottom:0;left:0;width:100vw;width:100svw;height:100vh;height:100svh;object-fit:cover}#article{display:flex;flex-direction:column;align-items:center;box-sizing:border-box;border-radius:2px;background-color:var(--white, #fff);z-index:10}#article p{color:var(--bk-text, #000);font-family:PT Astra Serif;line-height:120%}@media only screen and (min-width: 1601px){#article{position:fixed;right:0;bottom:0;width:960px;padding:32px 32px 56px}#article p{font-size:24px}}@media (min-width: 1281px) and (max-width: 1600px) and (orientation: landscape){#scene{width:100vw;position:sticky;top:0}#background{top:0;left:0;height:70vh;height:70svh;width:100vw}#son{top:-18vh;top:-18svh;left:80vw;height:60%;overflow:initial}#son.animate{animation:son 5s ease-in-out 0s infinite normal forwards}@keyframes son{0%,to{transform:rotate(0);transform-origin:50% 90%}10%{transform:rotate(4deg)}20%,40%,60%{transform:rotate(-5deg)}30%,50%,70%{transform:rotate(5deg)}80%{transform:rotate(-4deg)}90%{transform:rotate(4deg)}}#daughter{top:-20vh;top:-20svh;left:58vw;height:60%;overflow:initial}#daughter.animate{animation:daughter 7s ease-in-out 0s infinite normal forwards}@keyframes daughter{0%,to{transform:rotate(0);transform-origin:50% 90%}10%{transform:rotate(4deg)}20%,40%,60%{transform:rotate(-5deg)}30%,50%,70%{transform:rotate(5deg)}80%{transform:rotate(-4deg)}90%{transform:rotate(4deg)}}#pillowOne{position:fixed;height:26%;width:initial;top:20vh;top:20svh;left:48vw;object-fit:cover}#pillowOne.animate{animation:pillowOne 1s ease 0s infinite normal forwards}@keyframes pillowOne{0%{transform:scaleZ(1) rotate(0)}30%{transform:scale3d(1.05,.95,1) rotate(3deg)}40%{transform:scale3d(.95,1.05,1) rotate(0)}50%{transform:scale3d(1.035,.965,1) rotate(-2deg)}65%{transform:scale3d(.95,1.05,1) rotate(4deg)}75%{transform:scale3d(1.05,.95,1) rotate(2deg)}to{transform:scaleZ(1) rotate(-2deg)}}#pillowTwo{position:fixed;height:30%;width:initial;top:15vh;top:15svh;left:78vw;object-fit:cover}#pillowTwo.animate{animation:pillowTwo 1.4s ease 0s infinite normal forwards}@keyframes pillowTwo{0%{transform:scaleZ(1) rotate(0)}30%{transform:scale3d(1.025,.975,1) rotate(2deg)}40%{transform:scale3d(.975,1.025,1) rotate(1deg)}50%{transform:scale3d(1.015,.985,1) rotate(-2deg)}65%{transform:scale3d(.995,1.005,1) rotate(-4deg)}75%{transform:scale3d(1.005,.995,1) rotate(2deg)}to{transform:scaleZ(1) rotate(0)}}#head{top:15vh;top:15svh;left:-1vw;height:inherit;width:70%;overflow:inherit}#mouse{top:30vh;left:-40vh;height:60vh;height:60svh}#mouse.animate{animation:mouse 1s ease-in 0s 1 normal forwards}@keyframes mouse{0%{opacity:1;transform:translateY(0)}75%{transform:translate(25%,-15%)}to{opacity:0;transform:translate(25%,-15%)}}#wife{height:100vh}#wife #wifeHands{top:-10%;left:0;height:100%;width:100vw}#wife #wifeHands.animate{animation:wifeHands 5s ease-in 0s infinite normal forwards}@keyframes wifeHands{0%,to{transform:translateY(0)}10%,30%,50%,70%{transform:translateY(-8px)}20%,40%,60%{transform:translateY(8px)}80%{transform:translateY(6.4px)}90%{transform:translateY(-6.4px)}}#wife #wifeBody{top:-10%;left:0;height:100%;width:100vw}#wife.animate{animation:wife 6s ease-in-out 0s infinite normal forwards}@keyframes wife{0%,to{transform:rotate(0);transform-origin:50% 45%}10%{transform:rotate(4deg)}20%,40%,60%{transform:rotate(-5deg)}30%,50%,70%{transform:rotate(5deg)}80%{transform:rotate(-4deg)}90%{transform:rotate(4deg)}}#father{top:15vh;top:15svh;left:-1vw;height:inherit;width:70%;overflow:initial}#background-extender{position:fixed;bottom:-20vh;bottom:-20svh;left:-10vw;width:120vw;z-index:5;height:54vh;background:linear-gradient(90deg,#b08970 0%,#d78e53 100%);filter:blur(12.5px);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}#article__wrapper{position:relative;padding-top:60vh;padding-top:60svh}#article__wrapper #article{margin:0 auto;width:80%;position:relative;padding:32px 32px 96px}#article__wrapper #article p{font-size:24px}}@media (min-width: 481px) and (max-width: 1280px) and (orientation: landscape){#scene{width:100vw;height:50vh;position:sticky;top:0}#background{top:0;left:0;height:70vh;height:70svh;width:100vw}#son{top:-10vh;top:-10svh;left:80vw;height:50%;overflow:initial}#son.animate{animation:son 5s ease-in-out 0s infinite normal forwards}@keyframes son{0%,to{transform:rotate(0);transform-origin:50% 90%}10%{transform:rotate(4deg)}20%,40%,60%{transform:rotate(-5deg)}30%,50%,70%{transform:rotate(5deg)}80%{transform:rotate(-4deg)}90%{transform:rotate(4deg)}}#daughter{top:-12vh;top:-12svh;left:60vw;height:50%;overflow:initial}#daughter.animate{animation:daughter 7s ease-in-out 0s infinite normal forwards}@keyframes daughter{0%,to{transform:rotate(0);transform-origin:50% 90%}10%{transform:rotate(4deg)}20%,40%,60%{transform:rotate(-5deg)}30%,50%,70%{transform:rotate(5deg)}80%{transform:rotate(-4deg)}90%{transform:rotate(4deg)}}#pillowOne{position:fixed;height:21%;width:initial;top:23vh;top:23svh;left:48vw;object-fit:cover}#pillowOne.animate{animation:pillowOne 1s ease 0s infinite normal forwards}@keyframes pillowOne{0%{transform:scaleZ(1) rotate(0)}30%{transform:scale3d(1.05,.95,1) rotate(3deg)}40%{transform:scale3d(.95,1.05,1) rotate(0)}50%{transform:scale3d(1.035,.965,1) rotate(-2deg)}65%{transform:scale3d(.95,1.05,1) rotate(4deg)}75%{transform:scale3d(1.05,.95,1) rotate(2deg)}to{transform:scaleZ(1) rotate(-2deg)}}#pillowTwo{position:fixed;height:24%;width:initial;top:18vh;top:18svh;left:79vw;object-fit:cover}#pillowTwo.animate{animation:pillowTwo 1.4s ease 0s infinite normal forwards}@keyframes pillowTwo{0%{transform:scaleZ(1) rotate(0)}30%{transform:scale3d(1.025,.975,1) rotate(2deg)}40%{transform:scale3d(.975,1.025,1) rotate(1deg)}50%{transform:scale3d(1.015,.985,1) rotate(-2deg)}65%{transform:scale3d(.995,1.005,1) rotate(-4deg)}75%{transform:scale3d(1.005,.995,1) rotate(2deg)}to{transform:scaleZ(1) rotate(0)}}#head{top:15vh;top:15svh;left:-1vw;height:inherit;width:70%;overflow:inherit}#mouse{top:32vh;left:-40vh;height:60vh;height:60svh}#mouse.animate{animation:mouse 1s ease-in 0s 1 normal forwards}@keyframes mouse{0%{opacity:1;transform:translateY(0)}75%{transform:translate(45%,-25%)}to{opacity:0;transform:translate(45%,-25%)}}#wife{height:100vh}#wife #wifeHands{top:-10%;left:0;height:100%;width:100vw}#wife #wifeHands.animate{animation:wifeHands 5s ease-in 0s infinite normal forwards}@keyframes wifeHands{0%,to{transform:translateY(0)}10%,30%,50%,70%{transform:translateY(-8px)}20%,40%,60%{transform:translateY(8px)}80%{transform:translateY(6.4px)}90%{transform:translateY(-6.4px)}}#wife #wifeBody{top:-10%;left:0;height:100%;width:100vw}#wife.animate{animation:wife 6s ease-in-out 0s infinite normal forwards}@keyframes wife{0%,to{transform:rotate(0);transform-origin:50% 45%}10%{transform:rotate(4deg)}20%,40%,60%{transform:rotate(-5deg)}30%,50%,70%{transform:rotate(5deg)}80%{transform:rotate(-4deg)}90%{transform:rotate(4deg)}}#father{top:15vh;top:15svh;left:-1vw;height:inherit;width:70%;overflow:initial}#background-extender{position:fixed;bottom:-20vh;bottom:-20svh;left:-10vw;width:120vw;z-index:5;height:54vh;background:linear-gradient(90deg,#b08970 0%,#d78e53 100%);filter:blur(12.5px);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}#article__wrapper{position:relative;padding-top:10vh;padding-top:10svh}#article__wrapper #article{margin:0 auto;width:80%;position:relative;padding:32px 32px 96px}#article__wrapper #article p{font-size:24px}}@media (min-width: 481px) and (max-width: 1280px) and (orientation: portrait){#scene{width:200vw;position:sticky;top:0}#scene.cameraMove{animation:scene 3s ease-in 3s 1 normal forwards}@keyframes scene{0%{transform:translate(0)}to{transform:translate(-50%)}}#background{top:0;left:0;height:70vh;height:70svh;width:200vw}#son{top:-15vh;top:-15svh;left:154vw;height:55vh;height:55svh;overflow:initial}#son.animate{animation:son 5s ease-in-out 0s infinite normal forwards}@keyframes son{0%,to{transform:rotate(0);transform-origin:50% 90%}10%{transform:rotate(4deg)}20%,40%,60%{transform:rotate(-5deg)}30%,50%,70%{transform:rotate(5deg)}80%{transform:rotate(-4deg)}90%{transform:rotate(4deg)}}#daughter{top:-11vh;top:-11svh;left:115vw;height:49vh;height:49svh;overflow:inherit}#daughter.animate{animation:daughter 7s ease-in-out 0s infinite normal forwards}@keyframes daughter{0%,to{transform:rotate(0);transform-origin:50% 90%}10%{transform:rotate(4deg)}20%,40%,60%{transform:rotate(-5deg)}30%,50%,70%{transform:rotate(5deg)}80%{transform:rotate(-4deg)}90%{transform:rotate(4deg)}}#pillowOne{position:fixed;height:20vh;height:20svh;top:23vh;top:23svh;left:97vw;object-fit:cover}#pillowOne.animate{animation:pillowOne 1s ease 0s infinite normal forwards}@keyframes pillowOne{0%{transform:scaleZ(1) rotate(0)}30%{transform:scale3d(1.05,.95,1) rotate(3deg)}40%{transform:scale3d(.95,1.05,1) rotate(0)}50%{transform:scale3d(1.035,.965,1) rotate(-2deg)}65%{transform:scale3d(.95,1.05,1) rotate(4deg)}75%{transform:scale3d(1.05,.95,1) rotate(2deg)}to{transform:scaleZ(1) rotate(-2deg)}}#pillowTwo{position:fixed;height:27vh;height:27svh;top:16vh;top:16svh;left:149vw;object-fit:cover}#pillowTwo.animate{animation:pillowTwo 1.4s ease 0s infinite normal forwards}@keyframes pillowTwo{0%{transform:scaleZ(1) rotate(0)}30%{transform:scale3d(1.025,.975,1) rotate(2deg)}40%{transform:scale3d(.975,1.025,1) rotate(1deg)}50%{transform:scale3d(1.015,.985,1) rotate(-2deg)}65%{transform:scale3d(.995,1.005,1) rotate(-4deg)}75%{transform:scale3d(1.005,.995,1) rotate(2deg)}to{transform:scaleZ(1) rotate(0)}}#head{top:6vh;left:0;height:60vh;height:60svh;overflow:visible}#mouse{top:27vh;left:-9vh;height:60vh;height:60svh}#mouse.animate{animation:mouse 1s ease-in 0s 1 normal forwards}@keyframes mouse{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translate(60%,-20%)}}#wife #wifeHands{top:8%;left:36%;height:60vh;height:60svh;transform:scale(1.5)}#wife #wifeHands.animate{animation:wifeHands 5s ease-in 0s infinite normal forwards}@keyframes wifeHands{0%,to{transform:translateY(0) scale(1.5)}10%,30%,50%,70%{transform:translateY(-8px) scale(1.5)}20%,40%,60%{transform:translateY(8px) scale(1.5)}80%{transform:translateY(6.4px) scale(1.5)}90%{transform:translateY(-6.4px) scale(1.5)}}#wife #wifeBody{top:8%;left:36%;height:60vh;height:60svh;transform:scale(1.5)}#wife.animate{animation:wife 6s ease-in-out 0s infinite normal forwards}@keyframes wife{0%,to{transform:rotate(0);transform-origin:85% 50%}10%{transform:rotate(4deg)}20%,40%,60%{transform:rotate(-5deg)}30%,50%,70%{transform:rotate(5deg)}80%{transform:rotate(-4deg)}90%{transform:rotate(4deg)}}#father{top:6vh;left:0;height:60vh;height:60svh}#background-extender{position:fixed;bottom:-20vh;bottom:-20svh;left:-10vw;width:120vw;z-index:5;height:54vh;background:linear-gradient(90deg,#b08970 0%,#d78e53 100%);filter:blur(12.5px);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}#article__wrapper{position:relative;padding-top:60vh;padding-top:60svh}#article__wrapper #article{margin:0 auto;width:80%;position:relative;padding:32px 32px 96px}#article__wrapper #article p{font-size:24px}}@media (max-width: 480px){#scene{width:200vw;position:sticky;top:0}#scene.cameraMove{animation:scene 3s ease-in 3s 1 normal forwards}@keyframes scene{0%{transform:translate(0)}to{transform:translate(-50%)}}#background{top:0;left:0;height:70vh;height:70svh;width:200vw}#son{top:-15vh;top:-15svh;left:154vw;height:55vh;height:55svh;overflow:initial}#son.animate{animation:son 5s ease-in-out 0s infinite normal forwards}@keyframes son{0%,to{transform:rotate(0);transform-origin:50% 90%}10%{transform:rotate(4deg)}20%,40%,60%{transform:rotate(-5deg)}30%,50%,70%{transform:rotate(5deg)}80%{transform:rotate(-4deg)}90%{transform:rotate(4deg)}}#daughter{top:-11vh;top:-11svh;left:115vw;height:49vh;height:49svh;overflow:inherit}#daughter.animate{animation:daughter 7s ease-in-out 0s infinite normal forwards}@keyframes daughter{0%,to{transform:rotate(0);transform-origin:50% 90%}10%{transform:rotate(4deg)}20%,40%,60%{transform:rotate(-5deg)}30%,50%,70%{transform:rotate(5deg)}80%{transform:rotate(-4deg)}90%{transform:rotate(4deg)}}#pillowOne{position:fixed;height:20vh;height:20svh;top:23vh;top:23svh;left:97vw;object-fit:cover}#pillowOne.animate{animation:pillowOne 1s ease 0s infinite normal forwards}@keyframes pillowOne{0%{transform:scaleZ(1) rotate(0)}30%{transform:scale3d(1.05,.95,1) rotate(3deg)}40%{transform:scale3d(.95,1.05,1) rotate(0)}50%{transform:scale3d(1.035,.965,1) rotate(-2deg)}65%{transform:scale3d(.95,1.05,1) rotate(4deg)}75%{transform:scale3d(1.05,.95,1) rotate(2deg)}to{transform:scaleZ(1) rotate(-2deg)}}#pillowTwo{position:fixed;height:27vh;height:27svh;top:16vh;top:16svh;left:149vw;object-fit:cover}#pillowTwo.animate{animation:pillowTwo 1.4s ease 0s infinite normal forwards}@keyframes pillowTwo{0%{transform:scaleZ(1) rotate(0)}30%{transform:scale3d(1.025,.975,1) rotate(2deg)}40%{transform:scale3d(.975,1.025,1) rotate(1deg)}50%{transform:scale3d(1.015,.985,1) rotate(-2deg)}65%{transform:scale3d(.995,1.005,1) rotate(-4deg)}75%{transform:scale3d(1.005,.995,1) rotate(2deg)}to{transform:scaleZ(1) rotate(0)}}#head{top:6vh;left:30vw;height:60vh;height:60svh;overflow:visible}#mouse{top:27vh;left:-9vh;height:60vh;height:60svh}#mouse.animate{animation:mouse 1s ease-in 0s 1 normal forwards}@keyframes mouse{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translate(60%,-20%)}}#wife #wifeHands{top:8%;left:36%;height:60vh;height:60svh;transform:scale(1.5)}#wife #wifeHands.animate{animation:wifeHands 5s ease-in 0s infinite normal forwards}@keyframes wifeHands{0%,to{transform:translateY(0) scale(1.5)}10%,30%,50%,70%{transform:translateY(-8px) scale(1.5)}20%,40%,60%{transform:translateY(8px) scale(1.5)}80%{transform:translateY(6.4px) scale(1.5)}90%{transform:translateY(-6.4px) scale(1.5)}}#wife #wifeBody{top:8%;left:36%;height:60vh;height:60svh;transform:scale(1.5)}#wife.animate{animation:wife 6s ease-in-out 0s infinite normal forwards}@keyframes wife{0%,to{transform:rotate(0);transform-origin:85% 50%}10%{transform:rotate(4deg)}20%,40%,60%{transform:rotate(-5deg)}30%,50%,70%{transform:rotate(5deg)}80%{transform:rotate(-4deg)}90%{transform:rotate(4deg)}}#father{top:6vh;left:30vw;height:60vh;height:60svh;overflow:visible}#article__wrapper{position:relative;padding-top:60vh;padding-top:60svh}#article__wrapper #article{margin:0 auto;width:100%;box-sizing:border-box;position:relative;padding:24px 24px 96px}#article__wrapper #article p{font-size:18px}}@media only screen and (min-width: 1281px) and (max-width: 1600px){#article{padding:24px 24px 48px}#article p{font-size:22px}}
