.about-lux-section {
    background: linear-gradient(180deg, #fff 0%, #fafafa 100%);
}

.about-lux-row {
    margin-bottom: 42px;
}

.about-lux-copy {
    text-align: left;
}

.about-lux-copy h2 {
    margin-bottom: 18px;
}

.about-lux-copy .about-content {
    max-width: none;
    margin: 0;
}

.about-lux-copy .collapsible-text {
    text-align: left;
}

.about-vip-visual {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    border: 1px solid #e4e4e4;
    border-radius: 18px;
    background: #080b0f;
    box-shadow: 0 22px 48px rgba(0, 0, 0, .2);
}

.about-vip-visual img {
    display: block;
    width: 100%;
    height: auto;
}

.about-headlight,
.about-headlight-beam {
    position: absolute;
    z-index: 2;
    display: block;
    pointer-events: none;
    opacity: 0;
    mix-blend-mode: screen;
}

.about-headlight {
    height: 4.2%;
    border-radius: 50%;
    background:
        radial-gradient(ellipse at center, #e9fbff 0 13%, #9ee4ff 24%, rgba(40, 174, 255, .98) 43%, rgba(22, 132, 255, .58) 61%, transparent 80%);
    filter: blur(1.7px);
    transform: rotate(-10deg);
}

.about-headlight--left {
    left: 11.5%;
    top: 54.7%;
    width: 3.8%;
    transform: rotate(-3deg);
}

.about-headlight--right {
    left: 32.9%;
    top: 53.9%;
    width: 7.5%;
    transform: rotate(-9deg);
}

.about-headlight-beam {
    left: 0;
    height: 13%;
    transform-origin: right center;
    background: linear-gradient(90deg, rgba(54, 164, 255, .04) 0%, rgba(65, 180, 255, .18) 34%, rgba(92, 199, 255, .42) 70%, rgba(157, 226, 255, .9) 100%);
    filter: blur(4.5px);
}

.about-headlight-beam--left {
    top: 52.7%;
    width: 13.6%;
    clip-path: polygon(0 9%, 100% 43%, 100% 57%, 0 97%);
}

.about-headlight-beam--right {
    top: 51.5%;
    width: 36.9%;
    height: 16%;
    clip-path: polygon(0 6%, 100% 40%, 100% 58%, 0 99%);
}

.about-vip-visual.is-flashing .about-headlight {
    animation: dluxHeadlightFlash 2.7s ease-out both;
}

.about-vip-visual.is-flashing .about-headlight-beam {
    animation: dluxHeadlightBeamFlash 2.7s ease-out both;
}

@keyframes dluxHeadlightFlash {
    0%, 7%, 19%, 32%, 44%, 57%, 69%, 100% {
        opacity: 0;
    }
    9%, 17%, 34%, 42%, 59%, 67% {
        opacity: 1;
        filter: blur(1.7px) drop-shadow(0 0 10px #c9f1ff) drop-shadow(0 0 24px #168fff);
    }
}

@keyframes dluxHeadlightBeamFlash {
    0%, 7%, 19%, 32%, 44%, 57%, 69%, 100% {
        opacity: 0;
    }
    9%, 17%, 34%, 42%, 59%, 67% {
        opacity: .9;
    }
}

.about-feature-row {
    row-gap: 22px;
}

@media (max-width: 991px) {
    .about-lux-copy,
    .about-lux-copy .collapsible-text {
        text-align: center;
    }

    .about-vip-visual {
        max-width: 620px;
        margin: 0 auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    .about-vip-visual.is-flashing .about-headlight,
    .about-vip-visual.is-flashing .about-headlight-beam {
        animation: none;
    }
}
