#hero{background:var(--navy);padding:120px 20px 54px}#info,#info time{color:var(--green);font-size:18px;font-weight:600;line-height:27px}#info time{display:inline-block}#hero>div>div{display:flex;flex-direction:column;justify-content:center}#hero h1{color:var(--white);margin-bottom:0;padding-top:9px}#thumbnail{aspect-ratio:16 / 9;overflow:hidden}#article{justify-content:space-between;padding:54px 20px}#article>*{flex-grow:0}#recent{background:var(--light-gray-8);padding:54px 0}#recent>div{display:flex;flex-wrap:wrap;gap:unset}#recent>div>div{border-radius:10px;box-shadow:0 6px 10px 0 #00000026;background:var(--light-gray-8);flex-basis:100%;flex-grow:unset;overflow:hidden;padding:0 18px}#recent h2{padding:0 26px;text-align:center}#recent>div>div>a{aspect-ratio:16 / 9;display:block;margin:0 -54px 27px;overflow:hidden}#recent>div>div>a{background:var(--green-7) url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 444 252" ><path fill="none" d="M0,10C0,4.5,4.5,0,10,0h424c5.5,0,10,4.5,10,10v242H0V10z"></path><rect x="167.6" y="13.1" fill="%2397E977" width="276.4" height="222.1"></rect><path fill="none" stroke="%23000000" stroke-width="7" d="M66.7,38.4h258.5v41.1v44.6v85.7H155.8h-18.4H122H66.7V38.4z"></path><path d="M91,62.1h6.4l14.7,19.6l-1.9,0.6V62.1h6.8v28h-6.4L95.9,70.7l2-0.6v20.2H91V62.1z M136.4,77.5c0-0.9-0.1-1.6-0.5-2.2 c-0.3-0.6-0.8-1.1-1.4-1.5c-0.6-0.3-1.3-0.5-2.1-0.5c-0.9,0-1.7,0.3-2.4,0.8c-0.6,0.5-1.1,1.2-1.5,2c-0.3,0.9-0.5,1.9-0.5,3 c0,1.3,0.2,2.3,0.6,3.2c0.4,0.9,1,1.6,1.8,2.1c0.8,0.5,1.7,0.7,2.8,0.7c1.9,0,3.6-0.7,5.1-2.2l3.7,3.7c-1.1,1.2-2.4,2.1-4,2.8 c-1.6,0.7-3.4,1-5.4,1c-2.3,0-4.4-0.5-6.1-1.4c-1.7-0.9-3-2.2-4-3.8c-0.9-1.7-1.4-3.6-1.4-5.8c0-2.2,0.5-4.2,1.4-5.8 c0.9-1.7,2.3-3,4-3.9c1.7-0.9,3.7-1.4,5.9-1.4c2.5,0,4.6,0.5,6.3,1.6c1.7,1,2.9,2.5,3.7,4.5c0.8,1.9,1.1,4.2,1,6.8H127v-3.8H136.4z M143.8,68.6h7.2l4.3,14.7l4.2-14.7h6.8l4.3,14.7l4.3-14.7h7L174,90.2h-7l-4.1-13.5l-4.2,13.5h-7L143.8,68.6z M198.9,75.3 c-1.3-0.7-2.6-1.2-3.8-1.6c-1.2-0.4-2.2-0.6-3.1-0.6c-0.6,0-1.1,0.1-1.5,0.4c-0.4,0.2-0.6,0.6-0.6,1c0,0.5,0.3,0.9,0.8,1.2 c0.6,0.3,1.3,0.5,2.1,0.8c0.9,0.2,1.8,0.5,2.8,0.8c1,0.3,1.9,0.7,2.7,1.2c0.9,0.5,1.6,1.1,2.1,2c0.5,0.8,0.8,1.8,0.8,3.1 c0,1.5-0.4,2.7-1.2,3.8c-0.8,1-1.9,1.8-3.2,2.4c-1.4,0.5-2.9,0.8-4.7,0.8c-1.8,0-3.6-0.3-5.2-0.8c-1.7-0.5-3.2-1.3-4.5-2.3l2.2-4.5 c1.3,0.9,2.5,1.5,3.9,2c1.3,0.5,2.6,0.7,3.8,0.7c0.5,0,0.8-0.1,1.2-0.2c0.3-0.1,0.6-0.3,0.8-0.4c0.2-0.2,0.3-0.5,0.3-0.8 c0-0.5-0.3-0.9-0.8-1.2c-0.5-0.3-1.2-0.6-2.1-0.8c-0.9-0.2-1.8-0.5-2.7-0.8c-1-0.3-1.9-0.7-2.7-1.2c-0.8-0.5-1.5-1.2-2-2 c-0.5-0.8-0.8-1.8-0.8-3.1c0-1.5,0.4-2.7,1.2-3.8c0.8-1,1.9-1.8,3.2-2.4c1.3-0.5,2.9-0.8,4.6-0.8c1.6,0,3.1,0.2,4.7,0.6 c1.5,0.4,3,1,4.3,1.8L198.9,75.3z"></path><line fill="none" stroke-width="7" x1="92.2" y1="136.4" x2="167.6" y2="136.4"></line><line fill="none" stroke-width="7" stroke-miterlimit="4" x1="92.1" y1="160.2" x2="252" y2="158.9"></line></svg>') center center no-repeat}#hero img{border-radius:10px}#hero img,#recent img{aspect-ratio:16/9;display:block;height:100%;object-fit:cover;transition:transform .5s ease;width:auto}#recent a:hover img{transform:scale(1.05)}#recent h3{font-size:25px;line-height:36px}@media (max-width:1199px){#thumbnail{margin-top:27px}#article aside{margin-top:54px}#recent>div{flex-wrap:nowrap;flex-direction:column;gap:27px;padding:0 20px}}@media (min-width:670px){#recent>div{flex-wrap:wrap;flex-direction:row}#recent>div>div{flex-basis:calc(50% - 14px)}}@keyframes hero{to{opacity:1;translate:0 0}}@media (min-width:1200px){#hero{overflow:hidden;padding:252px 0 108px;position:relative}#hero:after{animation:hero .5s cubic-bezier(0,0,.2,1) forwards;background:#fff0 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1920 40'%3E%3Cdefs%3E%3Cstyle%3E%40keyframes w %7B50%25 %7B transform: translateX(-120px); %7D%7D %23w %7B animation: w 20s ease-in-out infinite; transform: translateX(120px); %7D%3C/style%3E%3C/defs%3E%3Cpath fill='%237de056' d='M0 0h1920v40H0z'/%3E%3Cpath id='w' fill='%230c2e4e' d='M2280.4 5h-505.8l-10.2 35.1h516V5zM134.7 5h-584.4v35.1H145L134.7 5zM1207.5 5H703l-10.3 35.1h525.2L1207.5 5z'/%3E%3C/svg%3E") no-repeat center top / cover;content:"";display:block;opacity:0;position:absolute;bottom:0;translate:0 37px;height:37px;width:100%;z-index:1}#article{padding:108px 0}#recent{padding:108px 0}#recent>div>div{flex-basis:calc(100% / 3  - 52px);margin:26px;padding:0 54px 63px}}