.section-with-side{display:flex;justify-content:flex-start}.section-with-side .side-section{width:25%;box-sizing:border-box;padding-right:50px}.section-with-side .main-section{width:50%}.data-wrap{font-size:18px;line-height:22px}.data-wrap .data-title{color:rgba(255,255,255,.35)}.title-section{margin-bottom:48px}.title-section .page-title{font-family:var(--font-title);font-weight:800;font-size:60px;line-height:64px;text-transform:uppercase;margin:0}.banner-section{width:50%;margin:0 auto}.banner-section img{width:100%;height:auto;max-height:644px;object-fit:cover;object-position:center}.content-section{margin-top:100px}.content-section .category-wrap{max-width:202px;padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid rgba(255,255,255,.2)}.content-section .category-wrap a{color:var(--brand-white);text-decoration:none;transition:color .3s ease-out}.content-section .category-wrap a:hover{color:var(--brand-blue)}.content-section .category-wrap a:active{color:var(--brand-white)}.rating-wrap{font-size:18px;line-height:22px;margin-top:60px}.rating-wrap .rating-text{padding-right:5px;vertical-align:middle}.rating-wrap .star{vertical-align:middle;cursor:pointer}.rating-wrap .star:before{color:rgba(36,45,123,1)}.rating-wrap .star.filled:before{color:rgba(21,71,255,1)}.see-also-section .section-title{width:75%}@media screen and (max-width:1170px){.section-with-side .side-section{width:33%}.section-with-side .main-section{width:67%}.title-section .page-title{font-size:42px;line-height:46px}.banner-section{width:67%;margin:0 0 0 auto}}@media screen and (max-width:900px){.section-with-side{display:block}.section-with-side .side-section{width:100%}.section-with-side .main-section{width:100%}.title-section .side-section{margin-bottom:32px}.content-section .side-section{margin-bottom:60px}.see-also-section .section-title{width:100%}.banner-section{width:100%}}@media screen and (max-width:781px){.title-section{margin-bottom:36px}.title-section .page-title{font-size:36px;line-height:40px}.content-section{margin-top:60px}.data-wrap{font-size:16px;line-height:22px}}@media screen and (max-width:480px){.title-section .page-title{font-size:32px;line-height:40px}}.recommended-posts{display:flex;flex-wrap:wrap;align-items:stretch}.recommended-posts .post-snippet{width:calc((100% - 40px) / 3);margin-right:20px;margin-bottom:60px}.recommended-posts .post-snippet:nth-child(3n){margin-right:0}@media screen and (max-width:900px){.recommended-posts{margin-top:36px}.recommended-posts .post-snippet{width:calc(50% - 10px);margin-right:20px;margin-bottom:30px}.recommended-posts .post-snippet:nth-child(3n){margin-right:20px}.recommended-posts .post-snippet:nth-child(2n){margin-right:0}}@media screen and (max-width:600px){.recommended-posts .post-snippet{width:100%;margin-right:0;margin-bottom:18px}.recommended-posts .post-snippet:nth-child(3n){margin-right:0}}.post-snippet a{color:var(--brand-white);text-decoration:none}.post-snippet .post-image{overflow:hidden}.post-snippet .post-image img{aspect-ratio:280/193;object-fit:cover;object-position:center;transition:transform 1s ease;display:block;width:100%;height:100%}.post-snippet a:hover .post-image img{transform:scale(1.1)}.post-snippet .post-title{margin:16px 0 8px;font-family:var(--font-title);font-weight:800;font-size:24px;line-height:28px;text-transform:uppercase;transition:color 1s ease}.post-snippet a:hover .post-title{color:var(--brand-blue)}.post-snippet .date{font-size:18px;line-height:22px;color:rgba(255,255,255,.3)}.post-snippet.post-snippet-excerpt{border-top:12px solid var(--brand-blue);padding-bottom:77px}.post-snippet.post-snippet-excerpt a{display:flex;flex-direction:column;height:100%}.post-snippet.post-snippet-excerpt .post-title{flex:1;margin:24px 0 12px;font-size:60px;line-height:64px}.post-snippet.post-snippet-excerpt .excerpt{line-height:22px;margin-bottom:34px}.post-snippet.post-snippet-excerpt .excerpt p{margin:0}@media screen and (max-width:1706px){.post-snippet.post-snippet-excerpt .post-title{font-size:40px;line-height:48px}}@media screen and (max-width:1400px){.post-snippet.post-snippet-excerpt{padding-bottom:0}}@media screen and (max-width:600px){.post-snippet.post-snippet-excerpt .post-title{margin:16px 0 30px}.post-snippet.post-snippet-excerpt .excerpt{margin-bottom:16px}.post-snippet .date{font-size:16px;line-height:22px}}