:root {
	    color-scheme: dark;
	    --ink: #f3f2e9;
	    --muted: #a8b4aa;
	    --night: #101b18;
	    --green: #b8ed74;
	    --orange: #ff9b64;
	    --line: rgba(233, 243, 224, .16);
	}

	* {
	    box-sizing: border-box;
	}

	html,
	body {
	    width: 100%;
	    min-height: 100%;
	    margin: 0;
	}

	body {
	    overflow: hidden;
	    background: #fff;
	    color: var(--ink);
	    font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
	}

	button {
	    font: inherit;
	}

	.showcase {
	    position: relative;
	    display: grid;
	    width: min(100vw, 1920px);
	    height: min(100svh, 1080px);
	    min-height: 620px;
	    margin: 0 auto;
	    overflow: hidden;
	    isolation: isolate;
	    background: #c90d16 url("../images/bg.png") center / cover no-repeat;
	}


	.m1title {
	    position: absolute;
	    top: 35%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	    width: 50%;
	    max-width: 841px;
	}

	.m1sub {
	    position: absolute;
	    top: 70%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	    width: 70%;
	    max-width: 1021px;
	}
    .m1img{
         width: 70%;
          position: absolute;
	    top: 70%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	    max-width: 1021px;
        height: 20px;
           background: #c90d16 url("../images/m1Sub.png") center / cover no-repeat;
    }
	.m3title {
	    position: absolute;
	    top: 15%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	    width: 50%;
	    max-width: 848px;
	}

	.m4title {
	    position: absolute;
	    top: 15%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	    width: 36%;
	    max-width: 835px;
	}

	.m5title {
	    position: absolute;
	    top: 10%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	    width: 36%;
	    max-width: 835px;
	}

	.m3Content {
      text-indent: 2em;
	    position: absolute;
	    width: 70%;
	    top: 60%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	    background-image: url("../images/m2_bg.png");
	    background-size: 100% 100%;
	    font-size: 18px;
	    color: rgba(247, 215, 124, 1);
	    padding: 45px 55px;
	    line-height: 2.2;
	}
 .kmxxg{
        position: absolute;
        display: block;
          bottom: -2%;
	    left: 50%;
	    width: 100px !important;
	    height: 40px !important;
	    transform: translate(-50%, -50%);
    }
	.m4 {
	    position: absolute;
	    width: 57%;
	    height: 55%;
	    top: 55%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	    background-image: url("../images/m2_bg.png");
	    background-size: 100% 100%;
	    padding: 45px;
	}

	.m4Content {
	    width: 100%;
	    height: 100%;
	    overflow: hidden;



	}

	.m5Content {
	    position: absolute;
	    width: 70%;
	    height: 45%;
	    top: 45%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	    background-image: url("../images/m2_bg.png");
	    background-size: 100% 100%;
	    font-size: 18px;
	    color: rgba(247, 215, 124, 1);
	    padding: 15px 25px;
	    line-height: 2.2;
	}

	.m5up {
	    display: flex;
	    min-height: 0;
	    flex-direction: column;
	}

	.m5-header {
	    position: relative;
	    display: flex;
	    flex: 0 0 auto;
	    align-items: center;
	    justify-content: center;
	    gap: 16px;
	    padding-bottom: 10px;
	    border-bottom: 3px solid rgba(247, 215, 124, .6);
	}

	.m5-tabs {
	    display: flex;
	    align-items: center;
	    gap: 28px;
	}

	.m5-tab {
	    padding: 0;
	    border: 0;
	    background: transparent;
	    font-size: 18px;
	    font-weight: 700;
	    cursor: pointer;
	}

	.m5-tab[aria-selected="true"] {
	    color: #fff0b4;
	}

	.m5-more {
	    position: absolute;
	    right: 0;
	    flex: 0 0 auto;
	    color: #ffe8a2;
	    font-size: 13px;
	    text-decoration: none;
	}

	.m5-layout {
	    display: grid;
	    min-height: 0;
	    flex: 1;
	    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
	    gap: 16px;
	    padding-top: 14px;
	}

	.m5-category-panel {
	    display: flex;
	    min-height: 0;
	    flex: 1;
	    flex-direction: column;
	}

	.m5-category-panel[hidden] {
	    display: none;
	}

	.m5-feature-column {
	    position: relative;
	    display: flex;
	    min-width: 0;
	    min-height: 0;
	    flex: 1;
	    flex-direction: column;
	    gap: 8px;
	}

	.m5-swiper {
	    position: relative;
	    min-width: 0;
	    min-height: 0;
	    flex: 1;
	    overflow: hidden;
	}

	.m5-pagination {
	    position: absolute;
	    bottom: 29px;
	    width: 100%;
	    height: 12px;
	    flex: 0 0 12px;
	    transform: none;
	}

	.m5-pagination .swiper-pagination-bullet {
	    background: #ffe8a2;
	    opacity: .5;
	    width: 82px;
	    border-radius: 10px;
	    height: 2px;
	}

	.m5-pagination .swiper-pagination-bullet-active {
	    background: #fff0b4;
	    opacity: 1;
	}

	.m5-feature-link {
	    position: absolute;
	    inset: 0;
	    display: flex;
	    flex-direction: column;
	    gap: 10px;
	    padding: 14px 24px;
	    background: rgba(158, 30, 37, .72);
	    color: #fff0d1;
	    text-decoration: none;
	}

	.m5-feature-title {
	    color: rgba(247, 215, 124, 1);
	    font-size: 16px;
	    font-weight: 500;
	    line-height: 1.5;
	    display: -webkit-box;
	    overflow: hidden;
	    line-clamp: 2;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 2;
	}

	.m5-feature-summary {
	    display: -webkit-box;
	    overflow: hidden;
	    line-clamp: 3;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 3;
	    color: rgba(239, 112, 126, 1);
	    font-size: 14px;
	    line-height: 1.7;
	}


	.m5-stories {
	    display: grid;
	    min-width: 0;
	    grid-template-rows: repeat(2, minmax(0, 1fr));
	    gap: 12px;
	}

	.m5-story-card {
	    display: flex;
	    min-height: 0;
	    flex-direction: column;
	    justify-content: center;
	    padding: 14px 18px;
	    background: rgba(223, 179, 103, 0.12);
	    color: #fff0d1;
	    text-decoration: none;
	    overflow: hidden;
	}

	.m5-story-card strong {
	    display: block;
	    overflow: hidden;
	    color: #f7d77c;
	    margin-bottom: 7px;
	    font-size: 16px;
	    line-height: 1.55;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	}

	.m5-story-card span {
	    display: block;
	    overflow: hidden;
	    color: #fff;
	    font-size: 14px;
	    line-height: 1.6;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	    display: block;
	    overflow: hidden;
	}



	.m3Content p {
	    /* text-overflow: ellipsis;
			white-space: nowrap;
			text-indent: 2em; */
	}

	.m5-down-title {
	    font-size: 18px;
	    font-weight: 700;
	    color: #fff0b4;
	    text-align: center;

	    padding-bottom: 5px;
	    border-bottom: 3px solid rgba(247, 215, 124, .6);

	}

	.m5-down-content {
	    margin-top: 15px;
	    position: relative;
	    height: 158px;
	    padding: 0 0px;
	    overflow: hidden;
	}

	.footer {
	    /* position: absolute; */
	    width: min(50%, 906px);
	    height: 17px;
	    margin:39px auto 0 auto;
	    display: block;

	}

	.m5-video-swiper {
	    height: 100%;
	    overflow: hidden;
	}

	.m5-video-swiper .swiper-slide {
	    height: 100%;
	}

	.m5-video-card {
	    position: relative;
	    display: block;
	    height: 100%;
	    overflow: hidden;
	    border: 2px solid rgba(247, 215, 124, .8);
	    color: #fff0d1;
	    text-decoration: none;
	}

	.m5-video-image {
	    display: block;
	    width: 100%;
	    height: 100%;
	    object-fit: cover;
	}

	.m5-video-play {
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    width: 100px !important;
	    height: 100px !important;
	    transform: translate(-50%, -50%);
	}

	.m5-video-title {
	    position: absolute;
	    right: 0;
	    bottom: 0;
	    left: 0;
	    overflow: hidden;
	    padding: 7px 8px;
	    background: rgba(93, 56, 20, .62);
	    color: #fff4d2;
	    font-size: 12px;
	    text-align: center;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	}

	.m5-video-prev,
	.m5-video-next {
	    width: 30px;
	    height: 30px;
	    margin-top: -15px;
	}
    .cx{
            margin: 10px auto;
    display: none;
    }
 
	.swiper {
	    width: 100%;
	    height: 100%;
	}

	.swiper-slide {
	    position: relative;
	    display: block;
	    overflow: hidden;
	    font-size: 18px;
	    background: transparent;
	}

	.swiper-slide img {
	    display: block;
	    width: 100%;
	    height: 100%;
	    object-fit: cover;
	}

	.showcase-slide-link {
	    position: absolute;
	    inset: 0;
	    color: inherit;
	    text-decoration: none;
	}

	.showcase-slide-image {
	    width: 100%;
	    height: 100%;
	    object-fit: cover !important;
	}

	.showcase-slide-title {
	    display: flex;
	    position: absolute;
	    right: 0;
	    bottom: 0;
	    left: 0;
	    min-height: 64px;
	    align-items: center;
	    justify-content: start;
	    padding: 10px 18px;
	    background: url("../images/sbg.png") center / 100% 100% no-repeat;
	    color: #6d251b;
	    font-size: 20px;
	    font-weight: 700;
	}

	.showcase-slide-link:focus-visible {
	    outline: 3px solid #b5121b;
	    outline-offset: -3px;
	}

	.swiper-button-next,
	.swiper-button-prev {
	    width: 48px;
	    height: 48px;
	    background-position: center;
	    background-repeat: no-repeat;
	    background-size: contain;
	}

	.swiper-button-next {
	    background-image: url("../images/right.png");

	}

	.swiper-button-prev {

	    background-image: url("../images/left.png");
	}

	.m5-down-box {
	    position: relative;
	}

	.m5-down-box .swiper-button-next {
	    right: -35px;
	    top: 62%;
	}

	.m5-down-box .swiper-button-prev {
	    left: -35px;
	    top: 62%;
	}

	.swiper-button-next::after,
	.swiper-button-prev::after {
	    display: none;
	}

	.rail {
	    position: absolute;
	    z-index: 5;
	    top: 50%;
	    left: 0;
	    display: flex;
	    width: 220px;
	    height: 457px;
	    flex-direction: column;

	    align-items: center;
	    gap: 33px;
	    transform: translateY(-50%);
	    padding-top: 45px;
	}

	.rail::before {
	    position: absolute;
	    z-index: -1;
	    inset: -30px 0;
	    background: url("../images/menu_bg.png") center / 100% 100% no-repeat;
	    content: "";
	}

	.rail-mark {
	    display: grid;
	    width: 42px;
	    height: 42px;
	    margin-bottom: 8px;
	    place-items: center;
	    border: 1px solid rgba(141, 18, 16, .65);
	    border-radius: 50%;
	    color: #8d1210;
	    font-family: Georgia, serif;
	    font-size: 14px;
	    letter-spacing: 0;
	}

	.nav-button {
	    display: flex;
	    min-height: 42px;
	    padding: 4px 28px;
	    align-items: center;
	    justify-content: center;
	    border: 0;
	    border-radius: 30px;
	    margin-left: -38px;
	    background: transparent;
	    color: #6d251b;
	    cursor: pointer;
	    transition: color .25s ease, background-color .25s ease;
	}

	.nav-button2 {
	    padding: 4px 8px;

	}

	.nav-button:hover {
	    background: rgba(161, 13, 20, .1);
	    color: #a10d14;
	}

	.nav-button[aria-current="page"] {
	    background: #b5121b;
	    color: #fff;
	    font-weight: 700;
	}

	.nav-label {
	    font-size: 16px;
	    line-height: 1.5;
	    text-align: center;
	    writing-mode: horizontal-tb;
	}

	.slide {
	    position: absolute;
	    inset: 0;
	    display: grid;
	    grid-template-columns: minmax(0, 1fr) minmax(430px, .92fr);
	    align-items: center;
	    padding: 90px 9.2% 76px 13.2%;
	    opacity: 0;
	    pointer-events: none;
	    transform: translateX(24px);
	    transition: opacity .55s ease, transform .55s ease;
	}

	.slide.is-active {
	    opacity: 1;
	    pointer-events: auto;
	    transform: translateX(0);
	}

	.slide-four {
	    background: url("../images/bg2.png") center / cover no-repeat;
	}

	.copy {
	    position: relative;
	    z-index: 2;
	    max-width: 690px;
	}

	.eyebrow {
	    display: flex;
	    align-items: center;
	    gap: 13px;
	    margin: 0 0 28px;
	    color: var(--green);
	    font-size: 12px;
	    letter-spacing: 3px;
	}

	.eyebrow::before {
	    width: 36px;
	    height: 1px;
	    background: var(--green);
	    content: "";
	}

	h1,
	h2,
	p {
	    margin-top: 0;
	}

	h1,
	h2 {
	    margin-bottom: 22px;
	    font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
	    font-size: clamp(48px, 5.5vw, 92px);
	    font-weight: 500;
	    line-height: 1.16;
	    letter-spacing: 0;
	}

	h1 span,
	h2 span {
	    color: var(--green);
	}

	.lead {
	    max-width: 540px;
	    margin-bottom: 34px;
	    color: #b9c4bc;
	    font-size: 17px;
	    line-height: 1.9;
	}

	.meta-line {
	    display: flex;
	    align-items: center;
	    gap: 18px;
	    color: #839188;
	    font-size: 12px;
	    letter-spacing: 1px;
	}

	.meta-line::before {
	    width: 48px;
	    height: 1px;
	    background: var(--orange);
	    content: "";
	}

	.visual {
	    position: relative;
	    display: grid;
	    min-height: 540px;
	    place-items: center;
	}

	.orbit {
	    position: absolute;
	    width: min(35vw, 570px);
	    aspect-ratio: 1;
	    border: 1px solid rgba(184, 237, 116, .18);
	    border-radius: 50%;
	}

	.orbit::before,
	.orbit::after {
	    position: absolute;
	    inset: 12%;
	    border: 1px solid rgba(184, 237, 116, .13);
	    border-radius: 50%;
	    content: "";
	}

	.orbit::after {
	    inset: 25%;
	    border-color: rgba(255, 155, 100, .19);
	}

	.orbit-dot {
	    position: absolute;
	    top: 17%;
	    right: 12%;
	    width: 12px;
	    height: 12px;
	    border-radius: 50%;
	    background: var(--orange);
	    box-shadow: 0 0 24px rgba(255, 155, 100, .7);
	}

	.visual-word {
	    position: relative;
	    z-index: 1;
	    color: rgba(184, 237, 116, .94);
	    font-family: Georgia, "Songti SC", serif;
	    font-size: clamp(150px, 19vw, 300px);
	    line-height: 1;
	    text-shadow: 0 0 90px rgba(184, 237, 116, .12);
	    animation: breathe 5s ease-in-out infinite;
	}

	.visual-caption {
	    position: absolute;
	    right: 8%;
	    bottom: 10%;
	    color: #8f9d94;
	    font-family: Georgia, serif;
	    font-size: 12px;
	    letter-spacing: 2px;
	}

	.slide-footer {
	    position: absolute;
	    right: 5.5%;
	    bottom: 34px;
	    left: 13.2%;
	    display: flex;
	    align-items: center;
	    justify-content: space-between;
	    color: #7f8c84;
	    font-size: 11px;
	    letter-spacing: 1px;
	}

	.progress {
	    display: flex;
	    align-items: center;
	    gap: 10px;
	}

	.progress-track {
	    width: 120px;
	    height: 2px;
	    background: rgba(233, 243, 224, .16);
	}

	.progress-fill {
	    display: block;
	    height: 100%;
	    background: var(--green);
	    transition: width .35s ease;
	}

	.stats-visual {
	    width: min(100%, 580px);
	    padding: 35px;
	    border: 1px solid var(--line);
	    background: rgba(20, 34, 28, .7);
	}

	.stats-top {
	    display: flex;
	    justify-content: space-between;
	    color: var(--muted);
	    font-size: 12px;
	    letter-spacing: 1px;
	}

	.big-stat {
	    margin: 55px 0 12px;
	    color: var(--green);
	    font-family: Georgia, serif;
	    font-size: clamp(66px, 8vw, 120px);
	    line-height: 1;
	}

	.big-stat small {
	    color: var(--ink);
	    font-family: sans-serif;
	    font-size: 22px;
	}

	.stat-note {
	    color: var(--muted);
	    font-size: 13px;
	}

	.bar-chart {
	    display: flex;
	    height: 160px;
	    align-items: end;
	    gap: 12px;
	    margin-top: 34px;
	    border-bottom: 1px solid var(--line);
	}

	.bar {
	    position: relative;
	    flex: 1;
	    min-width: 12px;
	    height: var(--height);
	    background: linear-gradient(0deg, rgba(184, 237, 116, .16), var(--green));
	    transform-origin: bottom;
	    animation: rise .8s both;
	}

	.bar:nth-child(2n) {
	    background: linear-gradient(0deg, rgba(255, 155, 100, .12), var(--orange));
	}

	.chart-labels {
	    display: flex;
	    justify-content: space-between;
	    margin-top: 12px;
	    color: #849188;
	    font-size: 10px;
	}

	.cards-visual {
	    display: grid;
	    width: min(100%, 590px);
	    grid-template-columns: 1fr 1fr;
	    gap: 12px;
	    transform: rotate(-3deg);
	}

	.result-card {
	    min-height: 190px;
	    padding: 24px;
	    border: 1px solid var(--line);
	    background: rgba(24, 40, 32, .82);
	}

	.result-card:nth-child(2) {
	    margin-top: 30px;
	    background: rgba(184, 237, 116, .1);
	}

	.result-card:nth-child(3) {
	    background: rgba(255, 155, 100, .08);
	}

	.result-index {
	    color: var(--orange);
	    font-family: Georgia, serif;
	    font-size: 13px;
	}

	.result-card strong {
	    display: block;
	    margin: 42px 0 8px;
	    font-size: 21px;
	    font-weight: 500;
	}

	.result-card span:last-child {
	    color: var(--muted);
	    font-size: 12px;
	}

	.future-visual {
	    position: relative;
	    display: grid;
	    width: min(100%, 600px);
	    min-height: 500px;
	    place-items: center;
	}

	.future-core {
	    display: grid;
	    width: 230px;
	    aspect-ratio: 1;
	    place-items: center;
	    border: 1px solid rgba(184, 237, 116, .6);
	    border-radius: 50%;
	    color: var(--green);
	    font-family: Georgia, serif;
	    font-size: 72px;
	    box-shadow: 0 0 90px rgba(184, 237, 116, .09), inset 0 0 60px rgba(184, 237, 116, .08);
	}

	.future-tag {
	    position: absolute;
	    padding: 11px 15px;
	    border: 1px solid var(--line);
	    background: #14221d;
	    color: #c1cdc4;
	    font-size: 12px;
	}

	.future-tag:nth-child(2) {
	    top: 12%;
	    left: 8%;
	}

	.future-tag:nth-child(3) {
	    top: 28%;
	    right: 0;
	    color: var(--green);
	}

	.future-tag:nth-child(4) {
	    right: 9%;
	    bottom: 16%;
	}

	.future-tag:nth-child(5) {
	    bottom: 8%;
	    left: 12%;
	    color: var(--orange);
	}

	@keyframes breathe {
	    50% {
	        transform: scale(1.04);
	    }
	}

	@keyframes rise {
	    from {
	        transform: scaleY(.2);
	        opacity: .3;
	    }

	    to {
	        transform: scaleY(1);
	        opacity: 1;
	    }
	}

	@media (min-width: 1921px) {
	    .showcase {
	        outline: 1px solid rgba(233, 243, 224, .1);
	    }
	}

	
	@media (max-width: 600px) {
	    .showcase {
	        min-height: 100svh;
	    }

	    .swiper-button-next {
	        background-image: url("../images/right.png");
	        right: 9px;
	        top: 50%;
	    }
      .m5-pagination .swiper-pagination-bullet{
      width:30px;}
	    .swiper-button-prev {
	        left: 9px;
	        top: 50%;
	        background-image: url("../images/left.png");
	    }

	    .rail {
	        top: 7%;
	        left: 5%;
	        height: 70px;
	        width: min(400px, 90vw);
	        gap: 7px;
	        background: #F2C178;
	        flex-direction: row;
	        padding: 0 25px;
	        border-radius: 12px;
	        display: flex;
	        justify-content: space-around;
	    }
        .cx{
            width: 80%;
           display: block;
          margin-top: 37px;
        }
	    .rail::before {
	        inset: -18px 0;
	        background-image: none;
	    }

	    .rail-mark {
	        width: 29px;
	        height: 29px;
	        margin-bottom: 3px;
	        font-size: 10px;
	    }

	    .nav-button {
	        width: 69px;
	        min-height: 35px;
	        padding: 9px 3px;
	    }

	    .m1sub {
	        width: 90%;
	    }

	    .m1title {
	        width: 90%;
	    }

	    .m3title {
	              width: 63%;
             top: 15%;
	    }

	    .m3Content {
	        width: 90%;
	        top: 51%;
	        line-height: 1.5;
	        padding: 20px 12px;
	        font-size: 14px;

	    }

	    .m4 {
	        width: 100%;
	        height: 32%;
	        top: 46%;
	    }

	    .m5Content {
	        width: 94%;
	        height: 62%;
	        top: 56%;
	        padding: 22px 18px;
	    }

	    .m5-tabs {
	        gap: 14px;
	    }

	    .m5-tab {
	        font-size: 14px;
	    }

	    .m5-more {
	        font-size: 11px;
	    }

	    .m5-layout {
	        grid-template-columns: minmax(0, 1fr) minmax(0, .9fr);
	        gap: 8px;
	        padding-top: 10px;
	    }

	    .m5-feature-link {
	        gap: 6px;
	        padding: 10px;
	    }

	    .m5-feature-title {
	        font-size: 12px;
            line-clamp: 3;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 3;
	    }

	    .m5-feature-summary {
	        line-clamp: 2;
	        -webkit-line-clamp: 2;
	        font-size: 9px;
	        line-height: 1.5;
	    }

	    .m5-feature-column {
	        gap: 5px;
	    }

	    .m5-pagination {
	        height: 10px;
	        flex-basis: 10px;
	    }

	    .m5-stories {
	        gap: 7px;
	    }

	    .m5-story-card {
	        padding: 8px 9px;
	        border-left-width: 2px;
	    }

	    .m5-story-card strong {
	        margin-bottom: 4px;
          display: -webkit-box;
	        font-size: 11px;
           line-clamp: 2;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 2;
              white-space: normal;
	    }

	    .m5-story-card span {
	        font-size: 9px;
          display:none;
	    }   
      

	    .m5-down-content {
	         height: 123px;
        width: 70%;
        padding: 0 0px;
        margin: 10px auto;
	    }

	    .m5-video-prev,
	    .m5-video-next {
	        width: 24px;
	        height: 24px;
	        margin-top: -12px;
	    }

	    .m5-video-title {
	        padding: 5px 4px;
	        font-size: 9px;
	    }
	.slide-four {
	    background: url("../images/bg.png") center / cover no-repeat;
	}
	    .m5-video-play {
	        width: 28px;
	        height: 28px;
	    }

	    .m4title {
	        width: 90%;
	        top: 19%;
	    }

	    .m5title {
	        width: 90%;
	        top: 19%;
	    }

	    .nav-label {
	        font-size: 12px;
	    }

	    .showcase-slide-title {
	        min-height: 48px;
	        padding: 8px 12px;
	        font-size: 14px;
	    }

	    .showcase-slide-image {
	        height: 100%;
	        width: 100%;
	        object-fit: cover !important;
	    }

	    .slide {
	        display: flex;
	        flex-direction: column;
	        align-items: stretch;
	        justify-content: center;
	        padding: 44px 20px 72px 78px;
	    }

	    .m5-down-box {
	        position: relative;
	    }

	    .m5-down-box .swiper-button-next {
	        right: -17px;
	    }

	    .m5-down-box .swiper-button-prev {
	        left: -17px;
	    }

	    .footer {
	        margin-top: 10px;
	        width: 90%;
	        height: 1.6%;
	    }

	    .copy {
	        flex: 0 0 auto;
	    }

	    .eyebrow {
	        margin-bottom: 17px;
	        font-size: 10px;
	        letter-spacing: 2px;
	    }

	    h1,
	    h2 {
	        margin-bottom: 14px;
	        font-size: clamp(38px, 11vw, 58px);
	    }

	    .lead {
	        max-width: 100%;
	        margin-bottom: 19px;
	        font-size: 13px;
	        line-height: 1.75;
	    }

	    .meta-line {
	        font-size: 10px;
	    }

	    .visual {
	        flex: 0 1 34vh;
	        min-height: 180px;
	        margin-top: 10px;
	    }

	    .orbit {
	        width: min(60vw, 300px);
	    }

	    .visual-word {
	        font-size: min(44vw, 190px);
	    }

	    .visual-caption {
	        right: 3%;
	        bottom: 2%;
	        font-size: 9px;
	    }

	    .slide-footer {
	        right: 16px;
	        bottom: 18px;
	        left: 78px;
	        font-size: 9px;
	    }

	    .progress-track {
	        width: 56px;
	    }

	    .stats-visual {
	        width: 100%;
	        padding: 16px;
	    }

	    .big-stat {
	        margin: 25px 0 8px;
	        font-size: 54px;
	    }

	    .big-stat small {
	        font-size: 16px;
	    }

	    .bar-chart {
	        height: 90px;
	        gap: 7px;
	        margin-top: 19px;
	    }

	    .chart-labels {
	        font-size: 8px;
	    }

	    .cards-visual {
	        gap: 7px;
	        transform: rotate(-2deg) scale(.92);
	    }

	    .result-card {
	        min-height: 108px;
	        padding: 12px;
	    }

	    .result-index {
	        font-size: 10px;
	    }

	    .result-card strong {
	        margin: 20px 0 5px;
	        font-size: 14px;
	    }

	    .result-card span:last-child {
	        font-size: 9px;
	    }

	    .future-visual {
	        min-height: 230px;
	    }

	    .future-core {
	        width: 118px;
	        font-size: 42px;
	    }

	    .future-tag {
	        padding: 7px 9px;
	        font-size: 9px;
	    }

	    .future-tag:nth-child(2) {
	        top: 6%;
	        left: 0;
	    }

	    .future-tag:nth-child(3) {
	        top: 18%;
	        right: 0;
	    }

	    .future-tag:nth-child(4) {
	        right: 1%;
	        bottom: 8%;
	    }

	    .future-tag:nth-child(5) {
	        bottom: 1%;
	        left: 3%;
	    }
	}

	@media (max-height: 700px) and (min-width: 601px) {
	    .showcase {
	        min-height: 0;
	    }

	    .slide {
	        padding-top: 48px;
	        padding-bottom: 48px;
	    }

	    .visual {
	        min-height: 380px;
	    }

	    .lead {
	        margin-bottom: 22px;
	    }
	}

	@media (prefers-reduced-motion: reduce) {

	    *,
	    *::before,
	    *::after {
	        scroll-behavior: auto !important;
	        animation-duration: .01ms !important;
	        transition-duration: .01ms !important;
	    }
	}