@keyframes rotating{100%{transform:rotate(360deg)}}:root{--header-background-color: rgb(78, 114, 231);--project-map-green: #69AE24;--project-map-brown: #B75700;--project-map-red: #DA0000}.blog-detail{padding-top:8.2rem;margin:clamp(3.6rem,5.7142857143vw,7.2rem) 0}@media(min-width: 992px){.blog-detail{padding-top:16.5rem}}.blog-detail h1{margin:0 0 clamp(2rem,2.5396825397vw,3.2rem) 0}.blog-detail .blog-detail-date{font-weight:700;color:#a3b5c9;margin:0 0 clamp(1.6rem,1.9047619048vw,2.4rem) 0}.blog-detail .blog-detail-perex{margin:0 0 clamp(1.6rem,1.9047619048vw,2.4rem) 0;font-weight:700}.blog-detail .blog-detail-image{position:relative;margin:0 0 clamp(1.6rem,1.9047619048vw,2.4rem) 0;border-radius:1.6rem;aspect-ratio:16/10.65;overflow:hidden}.blog-detail .blog-detail-image img{width:100%;height:100%;object-fit:cover}.blog-detail .blog-detail-content{margin:0 0 clamp(1.6rem,1.9047619048vw,2.4rem) 0}.blog-detail .blog-detail-content p{margin:0 0 clamp(1.6rem,1.9047619048vw,2.4rem) 0}.blog-detail .blog-detail-content>:last-child{margin-bottom:0}.blog-detail .blog-detail-author{font-weight:600}.blog-detail-related-wrapper{display:none}.blog-detail-related-wrapper:has(.blog-item){display:block}.blog-detail-related-wrapper .blog-detail-related>h2,.blog-detail-related-wrapper .blog-detail-related>h3{text-align:center;margin:0 0 clamp(1.6rem,1.9047619048vw,2.4rem) 0}