@media only screen and (min-width: 0rem) {#blog-1289 {padding: var(--sectionPadding);}#blog-1289 .cs-container {width: 100%;max-width: 34.375rem;margin: auto;display: flex;flex-direction: column;align-items: center;gap: clamp(3rem, 6vw, 4rem);}#blog-1289 .cs-content {text-align: left;width: 100%;display: flex;flex-direction: column;align-items: flex-start;}#blog-1289 .cs-flex-group {flex: none;}#blog-1289 .cs-color {color: var(--primary);}#blog-1289 .cs-card-group {padding: 0;margin: 0;display: grid;grid-template-columns: repeat(12, 1fr);gap: clamp(1rem, 2vw, 1.25rem);}#blog-1289 .cs-item {list-style: none;display: flex;grid-column: span 12;}#blog-1289 .cs-item:hover .cs-h3, #blog-1289 .cs-item:hover .cs-date, #blog-1289 .cs-item:hover .cs-category, #blog-1289 .cs-item:hover .cs-description {color: #fff;}#blog-1289 .cs-item:hover .cs-item-text {background-color: var(--primary);}#blog-1289 .cs-item:hover .cs-icon-wrapper {border-color: #fff;}#blog-1289 .cs-item:hover .cs-icon, #blog-1289 .cs-item:hover .cs-date-icon {filter: brightness(1000%) grayscale(1);}#blog-1289 .cs-item:hover .cs-icon {transform: rotate(45deg);}#blog-1289 .cs-item:hover .cs-category::before {background-color: #fff;opacity: 0.2;}#blog-1289 .cs-first .cs-flex {display: flex;flex-direction: column;align-items: flex-start;gap: 1rem;}#blog-1289 .cs-first:hover .cs-h3, #blog-1289 .cs-first:hover .cs-date, #blog-1289 .cs-first:hover .cs-category, #blog-1289 .cs-first:hover .cs-description {color: #fff;}#blog-1289 .cs-first:hover .cs-item-text {background-color: var(--primary);}#blog-1289 .cs-first:hover .cs-icon-wrapper {border-color: #fff;}#blog-1289 .cs-first:hover .cs-icon, #blog-1289 .cs-first:hover .cs-date-icon {filter: brightness(1000%) grayscale(1);}#blog-1289 .cs-first:hover .cs-icon {transform: rotate(45deg);}#blog-1289 .cs-first:hover .cs-category::before {background-color: #fff;opacity: 0.2;}#blog-1289 .cs-first .cs-h3 {display: inline;}#blog-1289 .cs-first .cs-link .underline {display: inline;background-image: linear-gradient(to right, var(--primary) 0%, var(--primary) 100%);background-position: 0 90%;background-size: 0% 2px;background-repeat: no-repeat;transition: background-size 0.5s ease;}#blog-1289 .cs-first .cs-link:hover .underline {background-size: 100% 2px;}#blog-1289 .cs-link {text-decoration: none;display: flex;flex-direction: column;gap: 1rem;}#blog-1289 .cs-picture {width: 100%;aspect-ratio: 2022/1348;border-radius: 1rem;overflow: hidden;display: block;position: relative;background-color: var(--dark);z-index: 1;}#blog-1289 .cs-picture:before {content: "";width: 100%;height: 100%;background: #000;opacity: 0;position: absolute;top: 0;left: 0;z-index: 2;transition: opacity 0.3s;}#blog-1289 .cs-picture img {width: 100%;height: 100%;object-fit: contain;position: absolute;top: 0;left: 0;transition: transform 0.65s, filter 0.4s;}#blog-1289 .cs-h3 {font-size: clamp(1.25rem, 1.8vw, 1.5625rem);line-height: 1.2em;text-align: left;margin: 0;color: #1a1a1a;display: flex;justify-content: space-between;align-items: center;gap: 1rem;transition: color 0.3s;}#blog-1289 .cs-item-text {padding: 1.25rem;background-color: #f7f7f7;border-radius: 1.5rem;display: flex;flex-direction: column;justify-content: space-between;flex-grow: 1;transition: background-color 0.3s;border: 1px solid var(--box-border);}#blog-1289 .cs-item-text .cs-h3 {font-size: clamp(1.25rem, 1.8vw, 1.5625rem);line-height: 1.2em;margin: 0;color: #1a1a1a;display: flex;justify-content: space-between;align-items: center;gap: 1rem;transition: color 0.3s;min-height: 3.6em;overflow: hidden;hyphens: auto;word-break: break-word;}#blog-1289 .cs-item-text .cs-description {padding-top: 0.5rem;flex-grow: 1;}#blog-1289 .cs-item-text .cs-info {margin: 1rem 0 0;padding: 1rem 0 0;border-top: 1px solid #e8e8e8;display: flex;justify-content: space-between;align-items: center;gap: 0.5rem;}#blog-1289 .cs-icon-wrapper {width: 3rem;height: 3rem;border: 1px solid #bababa;border-radius: 50%;display: flex;justify-content: center;align-items: center;flex-shrink: 0;transition: border-color 0.3s;}#blog-1289 .cs-icon {width: auto;height: 0.75rem;transition: filter 0.3s, transform 0.3s;}#blog-1289 .cs-info {margin: 1rem 0 0;padding: 1rem 0 0;border-top: 1px solid #e8e8e8;display: flex;justify-content: space-between;align-items: center;}#blog-1289 .cs-date {font-size: 0.875rem;line-height: 1.5em;text-align: left;color: #1a1a1a;display: flex;align-items: center;gap: 0.5rem;transition: color 0.3s;}#blog-1289 .cs-date-icon {width: auto;height: 1.5rem;transition: filter 0.3s;}#blog-1289 .cs-category {font-size: 0.875rem;text-align: center;padding: 0.25rem 1rem;color: #1a1a1a;border-radius: 5rem;position: relative;z-index: 0;overflow: hidden;}#blog-1289 .cs-category::before {content: "";width: 100%;height: 100%;background: #e8e8e8;position: absolute;top: 0;left: 0;z-index: -1;}}@media only screen and (min-width: 48rem) {#blog-1289 .cs-container {max-width: 80rem;}#blog-1289 .cs-content {flex-direction: row;justify-content: space-between;align-items: center;gap: 3rem;}#blog-1289 .cs-title {margin: 0;}#blog-1289 .cs-flex-group {width: 50%;}#blog-1289 .cs-item {grid-column: span 6;}#blog-1289 .cs-first {grid-column: span 12;}#blog-1289 .cs-first .cs-link {align-items: stretch;}#blog-1289 .cs-first .cs-picture {height: auto;flex: none;background-color: var(--dark);}#blog-1289 .cs-first .cs-h3 {font-size: clamp(1.5625rem, 3vw, 2.4375rem);}}@media only screen and (min-width: 64rem) {#blog-1289 .cs-item {grid-column: span 4;}#blog-1289 .cs-first {grid-column: span 12;}#blog-1289 .cs-first .cs-link {flex-direction: row;}#blog-1289 .cs-first .cs-picture {width: 50%;}}@media only screen and (min-width: 0rem) {body.dark-mode #blog-1289 .cs-title, body.dark-mode #blog-1289 .cs-text, body.dark-mode #blog-1289 .cs-h3, body.dark-mode #blog-1289 .cs-date, body.dark-mode #blog-1289 .cs-category, body.dark-mode #blog-1289 .cs-description {color: var(--bodyTextColorWhite);}body.dark-mode #blog-1289 .cs-text, body.dark-mode #blog-1289 .cs-date, body.dark-mode #blog-1289 .cs-category {opacity: 0.8;}body.dark-mode #blog-1289 .cs-item-text {background-color: rgba(0, 0, 0, 0.4);border: 1px solid #353535;}body.dark-mode #blog-1289 .cs-item:hover .cs-item-text {background-color: rgba(0, 0, 0, 0.4);border-color: #fafbfc;box-shadow: rgba(255, 67, 67, 0.2) 0px 0px 44px, inset rgba(255, 67, 67, 0.2) 0px 0px 30px, inset rgba(255, 67, 67, 0.2) 0px 0px 55px, inset rgba(255, 67, 67, 0.4) 0px 0px 75px, rgba(255, 67, 67, 0.4) 0px 0px 105px;}body.dark-mode #blog-1289 .cs-item:hover .cs-icon, body.dark-mode #blog-1289 .cs-item:hover .cs-date-icon {filter: none;}body.dark-mode #blog-1289 .cs-category::before {background-color: var(--accent);}body.dark-mode #blog-1289 .cs-first:hover .cs-item-text {background-color: rgba(0, 0, 0, 0.4);border-color: #fafbfc;box-shadow: rgba(255, 67, 67, 0.2) 0px 0px 44px, inset rgba(255, 67, 67, 0.2) 0px 0px 30px, inset rgba(255, 67, 67, 0.2) 0px 0px 55px, inset rgba(255, 67, 67, 0.4) 0px 0px 75px, rgba(255, 67, 67, 0.4) 0px 0px 105px;}body.dark-mode #blog-1289 .cs-first:hover .cs-icon, body.dark-mode #blog-1289 .cs-first:hover .cs-date-icon {filter: none;}body.dark-mode #blog-1289 .cs-first .cs-link .underline {background-image: linear-gradient(to right, var(--primaryLight) 0%, var(--primaryLight) 100%);}}