.aboutContent {
    color: #fff;
    position: relative;
    font-family: Poppins;
    height: 47vw;
    overflow: hidden;
}
.mediaBlock {
    display: block;
}
.aboutAbs {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.aboutAbs.aboutSize1, .aboutAbs.aboutSize2 {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
}
.aboutSize1 {
    font-size: 11.14vw;
    font-weight: bold;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 1.2vw;
}
.aboutSize1 > div {
    flex: 0 0 auto;
    display: block;
    white-space: nowrap;
    line-height: 1;
}
.size1-slot { display: flex; align-items: center; justify-content: center; height: 1em; }
[x-cloak] { display: none !important; }
@supports not (gap: 1rem) {
    .aboutSize1 > div:not(:first-child) { margin-top: 1.2vw; }
}
.aboutSize2 {
    font-weight: 300;
    font-size: 1.04vw;
    line-height: 1.4vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.95vw;
    text-align: center;
    transition: opacity 900ms cubic-bezier(0.22, 1, 0.36, 1);
}
.aboutSize2.is-hidden { opacity: 0; pointer-events: none; }
.aboutSize2.is-visible { opacity: 1; }
.aboutOur {
    display: flex;
    color: #fff;
    font-family: Poppins;
    height: 42.39vw;
}
.aboutSubOur {
    transition: width 0.5s cubic-bezier(0.4, 0.0, 0.2, 1);
    overflow: hidden;
    position: relative;
    height: 100%;
    background-color: #000;
}
.aboutTit {
    font-weight: 500;
    font-size: 2vw;
    line-height: 2vw;
    white-space: nowrap;
}
.aboutSubTit {
    font-weight: 300;
    font-size: 0.96vw;
    line-height: 1.16vw;
    margin-top: 1.54vw;
    opacity: 0;
    transform: translateY(12vh);
    transition: transform 400ms ease, opacity 400ms ease;
}
.aboutOurAbs {
    position: absolute;
    top: 20.44vw;
    left: 50%;
    transform: translateX(-50%);
    z-index: 11;
}

.aboutOur:not(:hover) .aboutSubOur:first-child { width: 50%; }
.aboutOur:not(:hover) .aboutSubOur:nth-child(n+2) { width: 25%; }

.aboutOur:hover .aboutSubOur { width: 25%; }
.aboutOur:hover .aboutSubOur:hover { width: 50%; }
.aboutOur:hover:not(:has(.aboutSubOur:hover)) .aboutSubOur:last-child { width: 50%; }

.aboutOur.is-touch .aboutSubOur { width: 25%; }
.aboutOur.is-touch .aboutSubOur.is-expanded { width: 50%; }

.aboutOur .aboutSubOur .mediaBlock {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: none;
    transition: filter 0.4s ease, transform 0.4s ease;
    will-change: filter, transform;
    transform-origin: center center;
    display: block;
}
.aboutOur:not(:hover) .aboutSubOur:first-child .mediaBlock { filter: blur(6px); transform: scale(1.06); }
.aboutOur:hover .aboutSubOur:hover .mediaBlock { filter: blur(6px); transform: scale(1.06); }

.aboutSubTit.is-subtit-visible { opacity: 1; transform: translateY(0); }

.aboutOur:not(:hover) .aboutSubOur:first-child .aboutOurAbs { left: 7.94vw; right: 7.54vw; transform: none; }
.aboutOur:hover .aboutSubOur:hover .aboutOurAbs { left: 7.943vw; right: 7.54vw; transform: none; }

.transition-enter { transition: transform 900ms cubic-bezier(0.22, 1, 0.36, 1), opacity 900ms cubic-bezier(0.22, 1, 0.36, 1); }
.transition-leave { transition: transform 400ms ease, opacity 400ms ease; }
.fade-in-up-start { opacity: 0; transform: translateX(0) translateY(12vh); transform-origin: center center; }
    .fade-in-up-end { opacity: 1; transform: translateX(0) translateY(0); transform-origin: center center; }

.fade-out-down-start { opacity: 1; transform: translateY(0); }
.fade-out-down-end { opacity: 0; transform: translateY(10vh); }

.timeline-item { transition: transform 900ms cubic-bezier(0.22, 1, 0.36, 1), opacity 900ms cubic-bezier(0.22, 1, 0.36, 1); }
.timeline-item.is-hidden { opacity: 0; transform: translateY(12vh); pointer-events: none; }
.timeline-item.is-visible { opacity: 1; transform: translateY(0); visibility: visible; }
@keyframes introSlideInUp {
    0%   { opacity: 0; transform: translateY(12vh) scale(0.98); }
    100% { opacity: 1; transform: translateY(0) scale(1); }
}
.intro-slide-in { will-change: transform, opacity; animation: introSlideInUp 900ms cubic-bezier(0.22, 1, 0.36, 1) both; }

.aboutGlo {
    background: url('/wp-content/uploads/2025/10/aboutNew_6.webp') no-repeat center center;
    background-size: cover;
    padding: 8.85vw 12.11vw 13.28vw 12.11vw;
    font-family: Poppins;
    text-align: center;
    color: #fff;
}
.aboutGloTit {
    font-weight: 500;
    font-size: 2vw;
    line-height: 2vw;
    background: linear-gradient(to right, #8315ef 20%, #ff5aed 80%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
}
.aboutGloSubTit {
    font-weight: normal;
    font-size: 1.04vw;
    line-height: 1.4vw;
    padding: 1.98vw 3.26vw 3.98vw 3.26vw;
}
.aboutGolFlex {
    display: flex;
    justify-content: space-between;
}
.aboutGloCon {
    border: 1px solid #fff;
    border-radius: 15px;
    text-align: left;
    padding: 1vw 0 0 0.65vw;
    display: grid;
    gap: 1.98vw;
    width: 17.41vw;
    height: 10.16vw;
}
.aboutGloCon > div:first-child {
    font-size: 2.72vw;
    line-height: 2.72vw;
}
.aboutGloCon > div:nth-child(2) {
    font-size: 1.04vw;
    line-height: 1.04vw;
}

.lvMilestone { font-family: Poppins, sans-serif; color: #000; padding: 7.422vw 10.41vw 7.552vw 10.41vw; }

.lvMilestone-header { text-align: center; padding: 0; }
.lvMilestone-title { font-weight: 600; font-size: 2.1vw; line-height: 2.6vw; }
.lvMilestone-title .gradient { background: linear-gradient(to right, #8315ef, #ff5aed); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; }
.lvMilestone-sub { margin-top: 0.8vw; font-size: 1.04vw; line-height: 1.24vw; color: #000; font-weight: normal; }

.lvMilestone-viewport { position: relative; height: 10.5vw; margin: 2.2vw 0; overflow: hidden; padding: 0; }
.lvMilestone-track { position: relative; height: 100%; width: 180vw; will-change: transform; transform: translate3d(0,0,0); }

.lvMilestone-svg { width: 180vw; height: 10.5vw; pointer-events: none; z-index: 1; }
.lvMilestone-path { fill: none; stroke-width: 0.05vw; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }

.lvMilestone-item { position: absolute; width: 16vw; text-align: left; font-size: 0.78vw; line-height: 1.15vw; color: #333; opacity: 1; transition: transform 900ms cubic-bezier(0.22, 1, 0.36, 1), opacity 900ms cubic-bezier(0.22, 1, 0.36, 1); }

.lvMilestone-item img { width: 0.4vw; height: 0.4vw; display: inline-block; margin-bottom: 0.6vw; }
.year, .title { font-size: 0.64vw; line-height: 0.64vw; font-weight: 400; color: #000; }
.lvMilestone-item .desc { font-size: 0.52vw; line-height: 0.52vw; font-weight: 300; color: #333333; margin-top: 0.59vw;}
.lvMilestone-item, .lvMilestone-item .title, .lvMilestone-item .desc { white-space: normal; word-wrap: break-word; overflow-wrap: anywhere; }

.lvMilestone-axisWindow { margin-top: 2vw; padding: 0; }
.lvMilestone-axis { width: 100%; }
.lvMilestone-axisTrack { position: relative; height: 0.22vw; background: #eee; border-radius: 50vw; width: 46.6vw; margin: 0 auto; }
.lvMilestone-axisYear { position: absolute; top: 0.9vw; font-size: 0.55vw; color: #e6e6e6; }
.lvMilestone-axisProgress { position: absolute; top: 0; left: 0; height: 0.22vw; border-radius: 50vw; background: linear-gradient(to right, #8315ef, #ff5aed); width: 0; }
.is-passed-year { color: #000; }

.lvMilestone-slider { position: relative; height: 1.8vw; width: 46.6vw; margin: 0.6vw auto 0; touch-action: none; user-select: none; }
.lvMilestone-handle { position: absolute; top: -1.02vw; width: 1.6vw; height: 0.6vw; border-radius: 50vw; background: linear-gradient(to right, #8315ef, #ff5aed); box-shadow: 0 6px 14px rgba(131,21,239,0.25), inset 0 1px 0 rgba(255,255,255,0.6); border: none; cursor: ew-resize; z-index: 5; touch-action: none; user-select: none; }

.lvMilestone-item { transition: transform 900ms cubic-bezier(0.22, 1, 0.36, 1), opacity 900ms cubic-bezier(0.22, 1, 0.36, 1); }
.lvMilestone-item.is-hidden { opacity: 0; }
.lvMilestone-item.from-bottom { transform: translateY(0); }
.lvMilestone-item.from-top { transform: translateY(0); }
.lvMilestone-item.from-bottom.is-hidden { transform: translateY(12vh); }
.lvMilestone-item.from-top.is-hidden { transform: translateY(-12vh); }
.lvMilestone-item.is-visible { opacity: 1; }

@media (max-width: 768px) {
    .aboutContent { height: auto;}
    .aboutSize2 { font-size: 2.8vw; line-height: 3.4vw; }
    .aboutGlo { padding: 8.85vw 5.11vw 13.28vw 5.11vw; }
    .aboutGloTit { font-size: 5vw; line-height: 5vw; }
    .aboutGloSubTit { font-size: 3vw; line-height: 3.5vw; }
    .aboutGolFlex { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, auto); }
    .aboutTit { font-size: 3.5vw; line-height: 3.5vw; }
    .aboutSubTit { font-size: 2vw; line-height: 2vw; }
    .aboutOur { height: 65vw; }
    .aboutGloCon { width: 30vw; height: 15vw; padding: 1.6vw 0 0 1.6vw; }
    .aboutGolFlex { justify-items: center; gap: 5vw; }
    .aboutGloCon > div:first-child { font-size: 5.5vw; line-height: 5.5vw; }
    .aboutGloCon > div:nth-child(2) { font-size: 2vw; line-height: 2vw; }
    .lvMilestone { display: none; }

    .mLvMilestone { display: block !important; padding: 8vw 5.11vw; }
    .mLvMilestone-wrap { display: grid; grid-template-columns: 0.3fr 1.7fr; column-gap: 4vw; align-items: stretch; }
    .m-axis { display: flex; align-items: stretch; }
    .m-axis-track { position: relative; width: 0.8vw; height: 100%; background: rgba(255,255,255,0.18); border-radius: 50vw; }
    .m-axis-progress { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; border-radius: 50vw; background: linear-gradient(to bottom, #8315ef, #ff5aed); transition: height 400ms ease; }
    .m-slides { display: flex; flex-direction: column; gap: 3.2vw; }
    .m-slide { background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.12); border-radius: 2vw; padding: 3.2vw; color: #000; }
    .m-slide-head { display: flex; align-items: center; gap: 2vw; margin-bottom: 1.6vw; }
    .m-slide-dot { width: 3vw; height: 3vw; }
    .m-slide-year { font-size: 3.2vw; line-height: 1.2; opacity: 0.85; }
    .m-slide-title { font-weight: 600; font-size: 3.6vw; }
    .m-slide-desc { font-size: 2.8vw; line-height: 1.5; }
    .m-view-more { display: inline-block; margin-top: 2.8vw; padding: 2.4vw 3.2vw; border-radius: 2vw; background: #2c2c2c; color: #fff; font-size: 3vw; border: 1px solid rgba(255,255,255,0.16); }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .aboutContent { height: auto;}
    .aboutSize2 { font-size: 1.5vw; line-height: 2vw; }
    .aboutOur { height: 57vw; }
    .aboutGloTit { font-size: 4vw; line-height: 4vw; }
    .aboutGloSubTit { font-size: 2.4vw; line-height: 2.4vw; }
}