@media screen and (min-width:0px){.blog-section{width:100vw;padding:7rem 0}.blog-box,.blog-section{display:flex;flex-direction:column;justify-content:center;align-items:center}.blog-box{width:90vw;max-width:1370px;gap:4rem}.blog-title{max-width:700px;align-items:center;text-align:center}.blog-title,.blog-title-tag-h2{width:100%;display:flex;flex-direction:column;justify-content:center}.blog-title-tag-h2{max-width:fit-content;align-items:flex-start;margin-bottom:2rem}.blog-title-tag{font-weight:600;border-left:2px solid var(--golden-color-1);padding-left:.5rem}.blog-title-tag,.blog-title-tag-h2 h2{color:var(--blue-color-1);font-family:var(--title-font)}.blog-title-tag-h2 h2{font-size:var(--landing-title-size-m);font-weight:700;line-height:var(--landing-title-line-height-m);overflow-y:hidden}.blog-title-p-text{font-size:var(--text-size)}.blog-cards{align-items:center;gap:2rem;padding-top:2rem}.blog-card,.blog-cards{width:100%;display:flex;flex-direction:column;justify-content:center}.blog-card{max-width:670px;align-items:flex-start;padding:2rem;border:1px solid var(--gray-color-2);border-radius:var(--button-rounded)}.blog-card picture{width:100%;height:16rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.blog-card picture img{width:100%;height:16rem;object-fit:cover;object-position:center}.blog-card-date{font-size:var(--text-size-m);color:var(--golden-color-1);margin:0 0 1rem}.blog-card h4,.blog-card-date{font-weight:700;font-family:var(--title-font)}.blog-card h4{font-size:var(--text-size-1);color:var(--blue-color-1);margin-bottom:.5rem}.blog-card-p-text{color:var(--dark-color-2);font-size:var(--text-size-m);margin-top:.5rem;margin-bottom:.5rem}.blog-card a{font-size:var(--text-size);font-weight:600;color:var(--golden-color-1);border-left:2px solid var(--golden-color-1);padding-left:.5rem}.blog-card a:hover{color:var(--golden-color-2);transition:.2s ease}.blog-box button{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:transparent;align-self:flex-end;margin-top:-2rem}.blog-box button a{padding:.5rem 1rem;background-color:var(--golden-color-1);color:var(--white-color-1);font-weight:500;font-size:var(--text-size);border-radius:var(--button-rounded)}.blog-box button a:hover{background-color:var(--golden-color-2);transition:.2s ease}}@media screen and (min-width:770px){.blog-cards{flex-direction:row}}@media screen and (min-width:1100px){.blog-cards{align-items:flex-start}.blog-card{height:39rem}.blog-card img{max-height:24rem}}@media screen and (min-width:1400px){.blog-card{height:36rem}}@media screen and (min-width:1513px){.blog-card{height:34rem}}