@import"https://googleapis.com";html,body{margin:0;padding:0;font-size:16px;width:100%;height:100%;font-family:"Roboto Serif",serif}.body{background-color:#fff}.header{width:100vw}.cover{display:flex;flex-direction:column-reverse;align-items:center;justify-content:center;width:100vw;height:90vh;max-width:100vw;background-color:#8ad9de;overflow:hidden}.cover-title{width:auto;height:35%;max-width:100%;object-fit:contain}.cover-img{height:65%;width:auto;max-width:100%;object-fit:contain}@media (min-width: 600px){.cover{display:flex;flex-direction:row;align-items:center;justify-content:center;background-color:#8ad9de;width:100vw;height:100vh;overflow:hidden}.cover-title,.cover-img{width:50%;height:auto;max-height:100%;object-fit:contain}}.text-background{background-color:#525252}.video{background-image:linear-gradient(to bottom,#8ad9de,#f5eedc);width:100%;box-sizing:border-box;padding-top:80px;padding-bottom:80px;display:flex;justify-content:center;align-items:center;position:relative}@media (max-width: 600px){.video{background-image:linear-gradient(to bottom,#8ad9de,#f5eedc);width:100%;box-sizing:border-box;padding-top:34px;padding-bottom:34px;display:flex;justify-content:center;align-items:center;position:relative}}.iframe-wrap iframe{width:100%;height:100%;display:block}.iframe-wrap{width:80vw;aspect-ratio:16 / 9;min-height:28.125vw}h1>a{color:#000}.background{display:flex;justify-content:center;align-items:center;width:100%;overflow:visible;position:relative}.main-bg{top:0;left:0;width:100%;height:auto;z-index:0;display:block;max-width:100%;max-height:100%;object-fit:cover}.letter-text{background-image:linear-gradient(to bottom,#f2eedc,#fff);font-family:"Roboto Serif",serif;position:relative;color:#000;font-size:20px;text-align:left;width:100vw;box-sizing:border-box;padding:80px 160px;line-height:1.05;font-weight:500}@media (max-width: 600px){.letter-text{background-image:linear-gradient(to bottom,#f2eedc,#fff);font-family:"Roboto Serif",serif;position:relative;color:#000;font-size:13px;text-align:left;width:100vw;box-sizing:border-box;padding:32px 8px;line-height:1;font-weight:500}}.article{position:absolute;z-index:3;display:flex;flex-direction:column;align-items:center;transition:z-index 0s}.article:hover{z-index:9999}.text-box{font-size:1vw;padding:4%;box-sizing:border-box}.text-box img{width:100%;height:auto;border-radius:8px;display:box}.doodle{width:15vw;height:auto;transition:transform 1s ease;z-index:2;transform-origin:center;transform:scale(.05);cursor:pointer;touch-action:manipulation}.doodle.show{transform:scale(1);transition-duration:1s}.doodle:hover{transform:rotate(20deg);transition:transform .5s ease;cursor:pointer}.resized{animation:growDoodle 1.5s forwards}@keyframes growDoodle{0%{width:1px;height:1px}to{width:20vw;height:auto}}.arrow{position:absolute;top:1vh;transform:translate(-50%);width:2vw;height:auto;animation:bounce 1s infinite;cursor:pointer}.popup{position:absolute;z-index:11;display:none;flex-direction:column;width:18vw;padding:2.5%;background-color:#00274c;box-shadow:0 4px 8px #ffcb05;border-radius:8px}@media (min-width: 768px){.popup{width:18vw}}.popup.position-left{right:35%;top:0;transform:translateY(-50%)}.popup.position-right{left:calc(100% + 9vw);top:0;transform:translateY(-50%)}.popup.position-bottom{top:calc(100% + .5vw);left:50%;transform:translate(-50%)}.popup.position-top{bottom:calc(100% + .75vw);left:50%;transform:translate(-50%)}.category{font-size:.8vw;color:#ffcb05;font-style:"Franuces",serif;font-weight:600;display:block;margin-bottom:5%}.image-src{width:100%;height:auto}.article-title{font-size:1vw;font-family:DM Sans,sans-serif;font-weight:500px;color:#fff;font-weight:500;margin-bottom:2%;margin-top:2%;display:block}.description{font-size:.8vw;color:#6cf0fa;font-family:DM Sans,sans-serif;font-weight:500}@media (hover: hover){.article:hover .popup{display:block;animation:translateXAndScaleUp .25s ease forwards;transform-origin:bottom center}}.article.show-popup .popup{display:block;animation:translateXAndScaleUp .25s ease forwards;transform-origin:bottom center}@keyframes translateXAndScaleUp{0%{transform:translate(-50%) scale(.5);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-10px)}}.title{text-align:center}.title h1{font-family:chronicle-display-semibold;font-size:max(5vw,32px)}a.gray-box-link{display:block;text-decoration:none;color:inherit}.footer{position:relative;width:100vw;max-width:100vw;overflow-x:hidden;padding:2rem;font-family:Open Sans,sans-serif;display:flex;flex-direction:column;gap:.5rem;background-color:#00274c;color:#fff;bottom:0;height:8vw;box-sizing:border-box;justify-content:center;overflow:hidden}.footer #credit-logo img{width:5vw;height:auto}.footer #credit-logo{display:flex;align-items:center;gap:1rem}.footer #credit-details{display:flex;flex-direction:column;font-size:1.1vw}.footer #copyright{font-size:1vw;position:absolute;align-self:center;bottom:0}