.home-page-main-banner {margin-bottom: 30px;}.home-page-main-banner .home-page-main-banner-skeleton {width: 100%;height: 268.42px;overflow: hidden;border-radius: 6px;background: linear-gradient(90deg, #e6e6e6 25%, #f2f2f2 50%, #e6e6e6 75%);background-size: 200% 100%;animation: home-page-main-banner-loading 1.5s ease-in-out infinite;}.home-page-main-banner .recent-reading-banner {overflow: hidden;}.home-page-main-banner .recent-reading-banner h2 {margin: 0 0 20px;font-size: 22px;line-height: 1.2;text-transform: none;}.home-page-main-banner .recent-reading-content {display: flex;align-items: stretch;gap: 30px;}.home-page-main-banner .recent-reading-featured {display: flex;max-width: 48%;flex: 0 1 auto;padding: 8px 0 12px 0;min-width: 0;gap: 24px;color: #222;text-decoration: none;}.home-page-main-banner .recent-reading-featured:hover,.home-page-main-banner .recent-reading-featured:focus,.home-page-main-banner .recent-reading-product:hover,.home-page-main-banner .recent-reading-product:focus {color: #222;text-decoration: none;outline: none;}.home-page-main-banner .recent-reading-featured > img {width: 126px;height: 168px;flex: 0 0 126px;object-fit: cover;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);transition: transform .15s ease-out;}.home-page-main-banner .recent-reading-featured:hover > img,.home-page-main-banner .recent-reading-featured:focus > img,.home-page-main-banner .recent-reading-product:hover img,.home-page-main-banner .recent-reading-product:focus img {transform: translateY(-3px);outline: none;}.home-page-main-banner .recent-reading-featured-details {display: flex;min-width: 0;flex: 1 1 auto;flex-direction: column;justify-content: center;}.home-page-main-banner .recent-reading-featured > .recent-reading-product-title {display: none;}.home-page-main-banner .recent-reading-eyebrow {margin-bottom: 8px;color: #666;font-size: 12px;font-weight: 700;letter-spacing: .06em;text-transform: uppercase;}.home-page-main-banner .recent-reading-featured-title {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-size: 24px;font-weight: 700;line-height: 1.18;}.home-page-main-banner .recent-reading-featured-subtitle {margin-top: 6px;color: #555;font-size: 15px;line-height: 1.3;}.home-page-main-banner .recent-reading-progress-label {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin-top: 20px;font-size: 13px;font-weight: 700;}.home-page-main-banner .recent-reading-progress {position: relative;width: 100%;max-width: 180px;height: 8px;margin-top: 8px;border-radius: 4px;background: #d2d7da;}.home-page-main-banner .recent-reading-progress-filled {display: block;height: 100%;border-radius: 4px;background: #f58220;}.home-page-main-banner .recent-reading-progress-value {position: absolute;top: 50%;width: 10px;height: 10px;border-radius: 50%;background: #222;transform: translate(-50%, -50%);}.home-page-main-banner .recent-reading-progress-value::before {position: absolute;top: 16px;left: 50%;width: 1px;height: 8px;background: #222;content: '';transform: translateX(-50%);}.home-page-main-banner .recent-reading-progress-value::after {position: absolute;top: 13px;left: 50%;width: 0;height: 0;border-right: 4px solid transparent;border-bottom: 5px solid #222;border-left: 4px solid transparent;content: '';transform: translateX(-50%);}.home-page-main-banner .recent-reading-featured:hover .recent-reading-progress-value::before,.home-page-main-banner .recent-reading-featured:hover .recent-reading-progress-value::after,.home-page-main-banner .recent-reading-featured:focus .recent-reading-progress-value::before,.home-page-main-banner .recent-reading-featured:focus .recent-reading-progress-value::after {animation: recent-reading-arrow-point .6s ease-in-out infinite alternate;}.home-page-main-banner .recent-reading-products {display: flex;min-width: 0;flex: 1 1 52%;gap: 18px;overflow-x: auto;padding-bottom: 8px;padding-top: 8px;scroll-snap-type: x proximity;-webkit-overflow-scrolling: touch;}.home-page-main-banner .recent-reading-content > .recent-reading-products:first-child {flex-basis: 100%;}.home-page-main-banner .recent-reading-product {min-width: 0;flex: 0 0 100px;color: #222;scroll-snap-align: start;text-decoration: none;}.home-page-main-banner .recent-reading-subscription-promotion {box-sizing: border-box;display: flex;width: 218px;height: 157px;flex: 0 0 218px;flex-direction: column;justify-content: space-between;padding: 12px 14px;border-radius: 6px;background-color: #07141a;background-position: center;background-size: cover;color: #fff;scroll-snap-align: start;text-decoration: none;transition: transform .15s ease-out;}.home-page-main-banner .recent-reading-subscription-promotion:hover,.home-page-main-banner .recent-reading-subscription-promotion:focus {color: #fff;text-decoration: none;transform: translateY(-3px);}.home-page-main-banner .recent-reading-subscription-promotion:focus-visible {outline: 2px solid #56ccf2;outline-offset: 2px;}.home-page-main-banner .recent-reading-subscription-brand {display: flex;align-items: center;gap: 5px;font-size: 12px;font-weight: 700;letter-spacing: .25em;line-height: 1;}.home-page-main-banner .recent-reading-subscription-brand > span:last-child {color: #56ccf2;}.home-page-main-banner .recent-reading-subscription-brand-divider {width: 1px;height: 12px;background: #56ccf2;}.home-page-main-banner .recent-reading-subscription-title {width: 170px;font-size: 18px;font-weight: 700;line-height: 1.02;}.home-page-main-banner .recent-reading-subscription-cta {display: flex;min-width: 76px;align-self: flex-start;align-items: center;justify-content: space-between;gap: 8px;padding: 5px 8px;border-radius: 4px;background: #56ccf2;color: #07141a;font-size: 13px;font-weight: 700;line-height: 1;}.home-page-main-banner .recent-reading-subscription-note {color: #b9d0df;font-size: 11px;line-height: 1;}.home-page-main-banner .recent-reading-product img {display: block;width: 86px;height: 115px;max-width: 100%;margin: 0 auto;object-fit: cover;box-shadow: 0 3px 8px rgba(0, 0, 0, 0.18);transition: transform .15s ease-out;}.home-page-main-banner .recent-reading-product-title {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin-top: 9px;overflow: hidden;font-size: 13px;font-weight: 700;line-height: 1.25;text-align: center;text-overflow: ellipsis;white-space: normal;}@keyframes recent-reading-arrow-point {from {transform: translateX(-50%) translateY(0);}to {transform: translateX(-50%) translateY(-3px);}}@media (prefers-reduced-motion: reduce) {.home-page-main-banner .recent-reading-featured:hover .recent-reading-progress-value::before,.home-page-main-banner .recent-reading-featured:hover .recent-reading-progress-value::after,.home-page-main-banner .recent-reading-featured:focus .recent-reading-progress-value::before,.home-page-main-banner .recent-reading-featured:focus .recent-reading-progress-value::after {animation: none;}}@media screen and (min-width: 768px) {.home-page-main-banner .home-page-main-banner-skeleton {max-width: 720px;height: 228.42px;}}@media screen and (min-width: 992px) {.home-page-main-banner .home-page-main-banner-skeleton {max-width: 940px;}}@media screen and (min-width: 1200px) {.home-page-main-banner .home-page-main-banner-skeleton {max-width: 1140px;}}@media screen and (max-width: 767px) {.home-page-main-banner .recent-reading-banner {padding: 20px;}.home-page-main-banner .recent-reading-content {gap: 24px;}.home-page-main-banner .recent-reading-featured {display: block;max-width: none;flex: 0 0 114px;text-align: center;}.home-page-main-banner .recent-reading-featured > img {display: block;width: 114px;height: 152px;}.home-page-main-banner .recent-reading-featured-details {display: none;}.home-page-main-banner .recent-reading-featured > .recent-reading-product-title {display: -webkit-box;}.home-page-main-banner .recent-reading-products {flex: 1 1 0;}}@keyframes home-page-main-banner-loading {0% {background-position: 200% 0;}100% {background-position: -200% 0;}}@media (prefers-reduced-motion: reduce) {.home-page-main-banner .home-page-main-banner-skeleton {animation: none;}.home-page-main-banner .recent-reading-featured > img,.home-page-main-banner .recent-reading-product img,.home-page-main-banner .recent-reading-subscription-promotion {transition: none;}}