@import url(https://use.typekit.net/hxc3xrk.css);
@import url(https://use.typekit.net/hxc3xrk.css);
@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-1rem)}}.region-list,.region-list .wrapper{position:relative}.region-list .wrapper .intro{position:absolute;top:0;left:0;width:calc(33.33% - 10rem)}.region-list .wrapper .intro.region-detail{width:100%;position:relative;text-align:center}.region-list .grid{grid-gap:1.5rem;gap:1.5rem;margin-bottom:25rem;position:relative}.region-list .grid.region-detail{margin-bottom:0}.region-list .grid.region-detail .item-wrapper:nth-child(3n+1),.region-list .grid.region-detail .item-wrapper:nth-child(3n+3){transform:translateY(0)}.region-list .grid .item-wrapper:nth-child(3n+1){transform:translateY(30rem)}.region-list .grid .item-wrapper:nth-child(3n+3){transform:translateY(15rem)}@media only screen and (max-width:1280px){.region-list .wrapper .intro{width:calc(50% - 10rem)}.region-list .grid{grid-template-columns:1fr 1fr}.region-list .grid .item-wrapper:nth-child(odd){transform:translateY(35rem)}.region-list .grid .item-wrapper:nth-child(2n+2){transform:translateY(0)}}@media only screen and (max-width:768px){.region-list .wrapper .intro{width:100%;position:relative;margin-bottom:5rem}.region-list .grid{padding-bottom:5rem;grid-template-columns:1fr}.region-list .grid .item-wrapper:nth-child(2n+2),.region-list .grid .item-wrapper:nth-child(odd){transform:translateY(0)}}
@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-1rem)}}.regioncell{position:relative;display:block;aspect-ratio:1/1.5;overflow:hidden}.regioncell:hover:after{background:rgba(0,0,0,.7)}.regioncell:hover .content .hover-text{max-height:55rem;opacity:1;visibility:visible}.regioncell .bg-img{z-index:1}.regioncell:after{content:"";z-index:2;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);transition:all .3s cubic-bezier(.445,.05,.55,.95)}.regioncell .content{height:100%;display:flex;align-items:center;justify-content:center;position:relative;z-index:3;flex-direction:column;text-align:center;padding:10rem 5rem}.regioncell .content .hover-text{max-height:0;opacity:0;overflow:hidden;visibility:hidden;transition:all .4s cubic-bezier(.445,.05,.55,.95)}@media(hover:none){.regioncell:after{background:rgba(0,0,0,.7)}.regioncell .content .hover-text{max-height:none;opacity:1;visibility:visible}}@media only screen and (max-width:1124px){.regioncell .content h3{font-size:2.688rem}}@media only screen and (max-width:576px){.regioncell .content{padding:3rem}}